Mercurial > hg > orthanc-webviewer
annotate WebApplication/viewer.css @ 234:083d0cbcbac4 transcoding
improved error message
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Mon, 11 May 2020 16:02:34 +0200 |
parents | 4b9da483ae4d |
children |
rev | line source |
---|---|
187
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
1 html, body { |
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
2 width: 100%; |
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
3 height: 100%; |
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
4 margin: 0px; |
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
5 border: 0; |
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
6 overflow: hidden; /* Disable scrollbars */ |
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
7 display: block; /* No floating content on sides */ |
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
8 } |
4b9da483ae4d
Disable pinch zoom on mobile devices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
2
diff
changeset
|
9 |
0 | 10 .jsPanel-hdr-r { |
11 display: none; | |
12 } | |
13 | |
14 .ui-button-icon-only { | |
15 padding-top: 6px; | |
16 padding-bottom: 6px; | |
17 } | |
18 | |
19 .jsPanel-content { | |
20 padding: 4px; | |
21 overflow-y: visible !important; | |
22 } | |
23 | |
24 .jsPanel-hdr img { | |
25 padding-top: 4px; | |
26 padding-bottom: 4px; | |
27 display: block; | |
28 margin-left: auto; | |
29 margin-right: auto; | |
30 } | |
31 | |
32 .ui-slider .ui-slider-handle { | |
33 height: 20px; | |
34 } | |
35 | |
36 .ui-icon-custom-default { | |
37 background-image: url(images/default.png) !important; | |
38 } | |
39 | |
40 .ui-icon-custom-orthanc { | |
41 background-image: url(images/orthanc-icon.png) !important; | |
42 } | |
43 | |
44 .ui-icon-custom-stretch { | |
45 background-image: url(images/stretch.png) !important; | |
46 } | |
47 | |
48 .ui-icon-custom-bone { | |
49 background-image: url(images/bone.png) !important; | |
50 } | |
51 | |
52 .ui-icon-custom-lung { | |
53 background-image: url(images/lung.png) !important; | |
54 } | |
55 | |
56 .ui-icon-custom-interpolation { | |
57 background-image: url(images/interpolation.png) !important; | |
58 } | |
59 | |
60 .ui-icon-custom-inversion { | |
61 background-image: url(images/inversion.png) !important; | |
62 } | |
63 | |
64 #dicomImageWrapper { | |
65 top: 0px; | |
66 left: 0px; | |
67 width: 100%; | |
68 height: 100%; | |
69 position: absolute; | |
70 background-color: black; | |
71 color: white; | |
72 overflow: hidden; | |
73 font-family: Arial, Helvetica, sans-serif; | |
74 } | |
75 | |
76 #dicomImage { | |
77 width: 100%; | |
78 height: 100%; | |
79 top: 0px; | |
80 left: 0px; | |
81 position: absolute; | |
82 } | |
83 | |
84 #topleft { | |
85 position: absolute; | |
86 top: 10px; | |
87 left: 10px; | |
88 } | |
89 | |
2
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
90 #topleft img { |
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
91 vertical-align: middle; |
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
92 } |
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
93 |
0 | 94 #topright { |
95 position: absolute; | |
96 top: 10px; | |
97 right: 10px; | |
98 text-align: right; | |
99 } | |
100 | |
101 #bottomright { | |
102 position: absolute; | |
103 bottom:25px; | |
104 right:10px; | |
105 } | |
106 | |
107 #bottomleft { | |
108 position: absolute; | |
109 bottom: 25px; | |
110 left: 10px; | |
111 } | |
112 | |
113 #bottomcenter { | |
114 position: absolute; | |
115 bottom: 25px; | |
116 left: 10px; | |
117 right: 10px; | |
118 width: 100%; | |
119 text-align: center; | |
120 } | |
121 | |
122 #bottom { | |
123 position: absolute; | |
124 bottom: 0px; | |
125 left: 0px; | |
126 height: 20px; | |
127 width: 100%; | |
128 } | |
129 | |
130 .alert { | |
131 color: #f00; | |
132 font-weight: bold; | |
133 } | |
134 |