Mercurial > hg > orthanc-stone
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