Mercurial > hg > orthanc-stone
comparison 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 |
comparison
equal
deleted
inserted
replaced
1537:de8cf5859e84 | 1538:d1806b4e4839 |
---|---|
1 .browsehappy { | |
2 margin: 0.2em 0; | |
3 background: #ccc; | |
4 color: #000; | |
5 padding: 0.2em 0; | |
6 } | |
7 | |
8 .wv-html, .wv-body { | |
9 height: 100%; | |
10 width: 100%; | |
11 | |
12 margin: 0; | |
13 padding: 0; | |
14 | |
15 overflow: hidden; | |
16 } | |
17 .wv-body { | |
18 background-color: black; | |
19 color: white; | |
20 position: relative; | |
21 overflow: hidden; | |
22 | |
23 font-family: "Open Sans", Helvetica, Arial, sans-serif; | |
24 -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0); | |
25 font-size: 13px; | |
26 font-weight: 400; | |
27 line-height: 1.49; | |
28 font-size-adjust: 100%; | |
29 | |
30 // Smooth text | |
31 -moz-osx-font-smoothing: grayscale !important; | |
32 font-smoothing: antialiased !important; | |
33 -webkit-font-smoothing: antialiased !important; | |
34 } | |
35 | |
36 .wvLoadingScreen { | |
37 width: 100%; | |
38 height: 100%; | |
39 background-color: black; | |
40 position: fixed; | |
41 top: 0; | |
42 left: 0; | |
43 z-index: 9999; | |
44 | |
45 display: flex; | |
46 align-items: center; | |
47 justify-content: center; | |
48 } | |
49 | |
50 .wvLoadingSpinner { | |
51 margin: 100px auto 0; | |
52 width: 70px; | |
53 text-align: center; | |
54 } | |
55 | |
56 .wvLoadingSpinner > div { | |
57 width: 18px; | |
58 height: 18px; | |
59 background-color: #FFF; | |
60 | |
61 border-radius: 100%; | |
62 display: inline-block; | |
63 -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; | |
64 animation: sk-bouncedelay 1.4s infinite ease-in-out both; | |
65 } | |
66 | |
67 .wvLoadingSpinner .bounce1 { | |
68 -webkit-animation-delay: -0.32s; | |
69 animation-delay: -0.32s; | |
70 } | |
71 | |
72 .wvLoadingSpinner .bounce2 { | |
73 -webkit-animation-delay: -0.16s; | |
74 animation-delay: -0.16s; | |
75 } | |
76 | |
77 @-webkit-keyframes sk-bouncedelay { | |
78 0%, 80%, 100% { -webkit-transform: scale(0) } | |
79 40% { -webkit-transform: scale(1.0) } | |
80 } | |
81 | |
82 @keyframes sk-bouncedelay { | |
83 0%, 80%, 100% { | |
84 -webkit-transform: scale(0); | |
85 transform: scale(0); | |
86 } 40% { | |
87 -webkit-transform: scale(1.0); | |
88 transform: scale(1.0); | |
89 } | |
90 } |