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 }