Mercurial > hg > orthanc-webviewer
comparison WebApplication/viewer.css @ 0:02f7a0400a91
initial commit
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Wed, 25 Feb 2015 13:45:35 +0100 |
parents | |
children | c919d488471f |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:02f7a0400a91 |
---|---|
1 .jsPanel-hdr-r { | |
2 display: none; | |
3 } | |
4 | |
5 .ui-button-icon-only { | |
6 padding-top: 6px; | |
7 padding-bottom: 6px; | |
8 } | |
9 | |
10 .jsPanel-content { | |
11 padding: 4px; | |
12 overflow-y: visible !important; | |
13 } | |
14 | |
15 .jsPanel-hdr img { | |
16 padding-top: 4px; | |
17 padding-bottom: 4px; | |
18 display: block; | |
19 margin-left: auto; | |
20 margin-right: auto; | |
21 } | |
22 | |
23 .ui-slider .ui-slider-handle { | |
24 height: 20px; | |
25 } | |
26 | |
27 .ui-icon-custom-default { | |
28 background-image: url(images/default.png) !important; | |
29 } | |
30 | |
31 .ui-icon-custom-orthanc { | |
32 background-image: url(images/orthanc-icon.png) !important; | |
33 } | |
34 | |
35 .ui-icon-custom-stretch { | |
36 background-image: url(images/stretch.png) !important; | |
37 } | |
38 | |
39 .ui-icon-custom-bone { | |
40 background-image: url(images/bone.png) !important; | |
41 } | |
42 | |
43 .ui-icon-custom-lung { | |
44 background-image: url(images/lung.png) !important; | |
45 } | |
46 | |
47 .ui-icon-custom-interpolation { | |
48 background-image: url(images/interpolation.png) !important; | |
49 } | |
50 | |
51 .ui-icon-custom-inversion { | |
52 background-image: url(images/inversion.png) !important; | |
53 } | |
54 | |
55 #dicomImageWrapper { | |
56 top: 0px; | |
57 left: 0px; | |
58 width: 100%; | |
59 height: 100%; | |
60 position: absolute; | |
61 background-color: black; | |
62 color: white; | |
63 overflow: hidden; | |
64 font-family: Arial, Helvetica, sans-serif; | |
65 } | |
66 | |
67 #dicomImage { | |
68 width: 100%; | |
69 height: 100%; | |
70 top: 0px; | |
71 left: 0px; | |
72 position: absolute; | |
73 } | |
74 | |
75 #topleft { | |
76 position: absolute; | |
77 top: 10px; | |
78 left: 10px; | |
79 } | |
80 | |
81 #topright { | |
82 position: absolute; | |
83 top: 10px; | |
84 right: 10px; | |
85 text-align: right; | |
86 } | |
87 | |
88 #bottomright { | |
89 position: absolute; | |
90 bottom:25px; | |
91 right:10px; | |
92 } | |
93 | |
94 #bottomleft { | |
95 position: absolute; | |
96 bottom: 25px; | |
97 left: 10px; | |
98 } | |
99 | |
100 #bottomcenter { | |
101 position: absolute; | |
102 bottom: 25px; | |
103 left: 10px; | |
104 right: 10px; | |
105 width: 100%; | |
106 text-align: center; | |
107 } | |
108 | |
109 #bottom { | |
110 position: absolute; | |
111 bottom: 0px; | |
112 left: 0px; | |
113 height: 20px; | |
114 width: 100%; | |
115 } | |
116 | |
117 .alert { | |
118 color: #f00; | |
119 font-weight: bold; | |
120 } | |
121 |