diff Applications/StoneWebViewer/Resources/Styles/webviewer.main.scss @ 1538:d1806b4e4839

moving OrthancStone/Samples/ as Applications/Samples/
author Sebastien Jodogne <s.jodogne@gmail.com>
date Tue, 11 Aug 2020 13:24:38 +0200
parents StoneWebViewer/Resources/Styles/webviewer.main.scss@fb74ed5d8c22
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/Applications/StoneWebViewer/Resources/Styles/webviewer.main.scss	Tue Aug 11 13:24:38 2020 +0200
@@ -0,0 +1,90 @@
+.browsehappy {
+  margin: 0.2em 0;
+  background: #ccc;
+  color: #000;
+  padding: 0.2em 0;
+}
+
+.wv-html, .wv-body {
+    height: 100%;
+    width: 100%;
+
+    margin: 0;
+    padding: 0;
+    
+    overflow: hidden;
+}
+.wv-body {
+    background-color: black;
+    color: white;
+    position: relative;
+    overflow: hidden;
+
+    font-family: "Open Sans", Helvetica, Arial, sans-serif;
+    -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 1.49;
+    font-size-adjust: 100%;
+
+    // Smooth text
+    -moz-osx-font-smoothing: grayscale !important;
+    font-smoothing: antialiased !important;
+    -webkit-font-smoothing: antialiased !important;
+}
+
+.wvLoadingScreen {
+    width: 100%;
+    height: 100%;
+    background-color: black;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.wvLoadingSpinner {
+    margin: 100px auto 0;
+    width: 70px;
+    text-align: center;
+}
+  
+.wvLoadingSpinner > div {
+    width: 18px;
+    height: 18px;
+    background-color: #FFF;
+
+    border-radius: 100%;
+    display: inline-block;
+    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
+    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
+}
+
+.wvLoadingSpinner .bounce1 {
+    -webkit-animation-delay: -0.32s;
+    animation-delay: -0.32s;
+}
+
+.wvLoadingSpinner .bounce2 {
+    -webkit-animation-delay: -0.16s;
+    animation-delay: -0.16s;
+}
+
+@-webkit-keyframes sk-bouncedelay {
+    0%, 80%, 100% { -webkit-transform: scale(0) }
+    40% { -webkit-transform: scale(1.0) }
+}
+
+@keyframes sk-bouncedelay {
+    0%, 80%, 100% { 
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    } 40% { 
+        -webkit-transform: scale(1.0);
+        transform: scale(1.0);
+    }
+}
\ No newline at end of file