Built motion from commit (unavailable).|2.5.23

[motion2.git] / snippet / 3.0.0 / styles / mobile.css

diff --git a/snippet/3.0.0/styles/mobile.css b/snippet/3.0.0/styles/mobile.css
new file mode 100644 (file)
index 0000000..44a8472
--- /dev/null
+++ b/snippet/3.0.0/styles/mobile.css
@@ -0,0 +1,126 @@
+/* IFRAME GENERALE*/
+iframe[id=motion-chat-iframe] {
+  /* Style attributes*/
+  position: fixed;
+  height: 450px;
+  border: 0;
+  /* box-shadow: 0px 0px 10px 2px #333333; */
+  -webkit-transition: all 0.7s ease-out;
+  -moz-transition: all 0.7s ease-out;
+  -ms-transition: all 0.7s ease-out;
+  -o-transition: all 0.7s ease-out;
+  transition: all 0.7s ease-out;
+  z-index: 9999;
+  /* overflow: hidden; */
+}
+
+/* IFRAME BASSO-DESTRA*/
+.motion-chat-iframe-bottom_right {
+  /* Style attributes*/
+  width: 295px;
+  bottom: -400px;
+  right: 0;
+}
+
+/* IFRAME DESTRA*/
+.motion-chat-iframe-right {
+  /* Style attributes*/
+  width: 295px;
+  right: -312px;
+}
+
+/* LINGUETTA DESTRA*/
+.motion-chat-div-right {
+  /* Style attributes*/
+  display: none;
+  right: 0px;
+  position: fixed;
+  cursor: pointer;
+  height: 100px;
+  width: 25px;
+  -webkit-transition: all 0.7s ease-out;
+  -moz-transition: all 0.7s ease-out;
+  -ms-transition: all 0.7s ease-out;
+  -o-transition: all 0.7s ease-out;
+  transition: all 0.7s ease-out;
+  z-index: 9999;
+  user-select: none;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+/* IFRAME SINISTRA*/
+.motion-chat-iframe-left {
+  /* Style attributes*/
+  width: 295px;
+  left: -297px;
+}
+
+/* LINGUETTA SINISTRA*/
+.motion-chat-div-left {
+  /* Style attributes*/
+  left: 0px;
+  display: none;
+  position: fixed;
+  cursor: pointer;
+  height: 100px;
+  width: 25px;
+  -webkit-transition: all 0.7s ease-out;
+  -moz-transition: all 0.7s ease-out;
+  -ms-transition: all 0.7s ease-out;
+  -o-transition: all 0.7s ease-out;
+  transition: all 0.7s ease-out;
+  z-index: 9999;
+  user-select: none;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+#chat_tab_text {
+  flex-grow: 1;
+  text-align: center;
+}
+
+@media only screen and (max-width: 320px) {
+  /* IFRAME BASSO-DESTRA*/
+  .motion-chat-iframe-right {
+    /* Style attributes*/
+    width: 295px;
+    bottom: 0px;
+    right: 0;
+  }
+
+  /* IFRAME BASSO-DESTRA*/
+  .motion-chat-iframe-left {
+    /* Style attributes*/
+    width: 295px;
+    bottom: 0px;
+    right: 0;
+  }
+}
+@media only screen and (max-height: 450px) {
+  /* IFRAME BASSO-DESTRA*/
+  iframe[id=motion-chat-iframe] {
+    /* Style attributes*/
+    height: 100% !important;
+  }
+
+  .motion-chat-iframe-right {
+    /* Style attributes*/
+    top: 0px !important;
+  }
+
+  /* IFRAME BASSO-DESTRA*/
+  .motion-chat-iframe-left {
+    /* Style attributes*/
+    top: 0px !important;
+  }
+
+  div[id=motion-chat-iframe-tab] {
+    /* Style attributes*/
+    top: auto !important;
+    bottom: 0px !important;
+  }
+}
+
+/*# sourceMappingURL=mobile.css.map*/
\ No newline at end of file