snippet/1.0.16/styles/mobile.css

   1 /* IFRAME GENERALE*/
   2 iframe[id='motion-chat-iframe'] {
   3     /* Style attributes*/
   4
   5     position: fixed;
   6     height: 450px;
   7     border: 0;
   8     /* box-shadow: 0px 0px 10px 2px #333333; */
   9     -webkit-transition: all 0.7s ease-out;
  10     -moz-transition: all 0.7s ease-out;
  11     -ms-transition: all 0.7s ease-out;
  12     -o-transition: all 0.7s ease-out;
  13     transition: all 0.7s ease-out;
  14     z-index: 9999;
  15     /* overflow: hidden; */
  16
  17 }
  18
  19 /* IFRAME BASSO-DESTRA*/
  20 .motion-chat-iframe-bottom_right {
  21     /* Style attributes*/
  22
  23     width: 295px;
  24     bottom: -400px;
  25     right: 0;
  26
  27 }
  28
  29 /* IFRAME DESTRA*/
  30 .motion-chat-iframe-right {
  31     /* Style attributes*/
  32
  33     width: 295px;
  34     right: -312px;
  35
  36 }
  37
  38 /* LINGUETTA DESTRA*/
  39 .motion-chat-div-right {
  40     /* Style attributes*/
  41
  42     display: none;
  43     right: 0px;
  44     position: fixed;
  45     cursor: pointer;
  46     height: 100px;
  47     width: 25px;
  48     -webkit-transition: all 0.7s ease-out;
  49     -moz-transition: all 0.7s ease-out;
  50     -ms-transition: all 0.7s ease-out;
  51     -o-transition: all 0.7s ease-out;
  52     transition: all 0.7s ease-out;
  53     z-index: 9999;
  54
  55 }
  56
  57 /* IFRAME SINISTRA*/
  58 .motion-chat-iframe-left {
  59     /* Style attributes*/
  60
  61     width: 295px;
  62     left: -297px;
  63
  64 }
  65
  66 /* LINGUETTA SINISTRA*/
  67 .motion-chat-div-left {
  68     /* Style attributes*/
  69
  70     left: 0px;
  71     display: none;
  72     position: fixed;
  73     cursor: pointer;
  74     height: 100px;
  75     width: 25px;
  76     -webkit-transition: all 0.7s ease-out;
  77     -moz-transition: all 0.7s ease-out;
  78     -ms-transition: all 0.7s ease-out;
  79     -o-transition: all 0.7s ease-out;
  80     transition: all 0.7s ease-out;
  81     z-index: 9999;
  82
  83 }
  84
  85 @media only screen and (max-width: 320px) {
  86
  87     /* IFRAME BASSO-DESTRA*/
  88     .motion-chat-iframe-right {
  89         /* Style attributes*/
  90
  91         width: 295px;
  92         bottom: 0px;
  93         right: 0;
  94
  95     }
  96
  97     /* IFRAME BASSO-DESTRA*/
  98     .motion-chat-iframe-left {
  99         /* Style attributes*/
 100
 101         width: 295px;
 102         bottom: 0px;
 103         right: 0;
 104
 105     }
 106
 107 }
 108
 109 @media only screen and (max-height: 450px) {
 110
 111     /* IFRAME BASSO-DESTRA*/
 112     iframe[id='motion-chat-iframe'] {
 113         /* Style attributes*/
 114         height: 100% !important;
 115
 116     }
 117
 118     .motion-chat-iframe-right {
 119         /* Style attributes*/
 120
 121         top: 0px !important;
 122
 123     }
 124
 125     /* IFRAME BASSO-DESTRA*/
 126     .motion-chat-iframe-left {
 127         /* Style attributes*/
 128
 129         top: 0px !important;
 130
 131     }
 132
 133     div[id='motion-chat-iframe-tab'] {
 134         /* Style attributes*/
 135
 136         top: auto !important;
 137         bottom: 0px !important;
 138
 139     }
 140 }
 141
 142 #chat_tab_arrow {
 143     font-family: Serif;
 144     font-size: 25px;
 145     padding-left: 5px;
 146     padding-top: 0px;
 147     width: auto !important;
 148     margin-right: 1px !important;
 149     margin-left: 1px !important;
 150     margin-top: 1px !important;
 151     font-weight: bolder !important;
 152     line-height: 1 !important;
 153 }
 154
 155 #chat_tab_text {
 156     font-family: Sans-Serif;
 157     font-size: 17px;
 158     margin-top: 12px !important;
 159     margin-left: 5px !important;
 160     line-height: 1 !important;
 161 }