f6e0a33f |
1 | /* inset areas */ |
2 | .inset |
3 | { |
4 | border : 1px inset #CCD0DD; |
5 | margin : 0px 5px 5px 5px; |
6 | } |
7 | |
8 | /* formatting */ |
9 | .groove-top |
10 | { |
11 | border-top : 2px groove #CCD0DD; |
12 | } |
13 | |
14 | .groove-right |
15 | { |
16 | border-right : 2px groove #CCD0DD; |
17 | } |
18 | |
19 | .groove-left |
20 | { |
21 | border-left : 2px groove #CCD0DD; |
22 | } |
23 | |
24 | .groove-bottom |
25 | { |
26 | border-bottom : 2px groove #CCD0DD; |
27 | } |
28 | |
29 | .outset |
30 | { |
31 | border : 1px outset #CCD0DD; |
32 | } |
33 | |
34 | /* |
35 | .outset-top-bottom |
36 | { |
37 | border-top : 1px solid ThreeDHighlight; |
38 | border-bottom : 1px solid ThreeDShadow; |
39 | } |
40 | */ |
41 | |
42 | /** separator rules **/ |
43 | /* standard separators */ |
44 | separator, separator[orient="horizontal"] |
45 | { |
46 | height: 1.5em; |
47 | } |
48 | |
49 | separator[orient="vertical"] |
50 | { |
51 | width: 1.5em; |
52 | } |
53 | |
54 | /* thinner separators (50% size) */ |
55 | separator.thin, separator.thin[orient="horizontal"] |
56 | { |
57 | height: 0.5em; |
58 | } |
59 | |
60 | separator.thin[orient="vertical"] |
61 | { |
62 | width: 0.5em; |
63 | } |
64 | |
65 | /* groove separators (50% size) */ |
66 | separator.groove, |
67 | separator.groove[orient="horizontal"] |
68 | { |
69 | border-top: 2px groove #CCD0DD; |
70 | height: 0px; |
71 | margin-top: 0.4em; |
72 | margin-bottom: 0.4em; |
73 | } |
74 | |
75 | separator.groove[orient="vertical"] |
76 | { |
77 | border-left: 2px groove #CCD0DD; |
78 | margin-left: 0.4em; |
79 | margin-right: 0.4em; |
80 | } |
81 | |
82 | /* groove separators (0 padding, for dividing effects) */ |
83 | separator.groove-thin |
84 | { |
85 | border-top: 2px groove #CCD0DD; |
86 | height: 0px; |
87 | } |
88 | |
89 | separator[orient="vertical"].groove-thin |
90 | { |
91 | border-left: 2px groove #CCCCCC; |
92 | } |
93 | |
94 | /** text formatting rules **/ |
f6e0a33f |
95 | /** Reduced Margin for some UI **/ |
96 | .small-margin |
97 | { |
f840e302 |
98 | /* margin : 1px 2px 1px 2px; */ |
f6e0a33f |
99 | } |
100 | |
f840e302 |
101 | label[disabled="true"] |
f6e0a33f |
102 | { |
103 | color : #9999CC; |
104 | } |
105 | |
f840e302 |
106 | description |
f6e0a33f |
107 | { |
f840e302 |
108 | /* margin : 1px 5px 4px 5px; */ |
f6e0a33f |
109 | } |
110 | |
111 | label |
112 | { |
f840e302 |
113 | /* margin : 1px 5px 2px 6px; */ |
f6e0a33f |
114 | } |
115 | |
116 | .header |
117 | { |
118 | font-weight : bold; |
119 | } |
120 | |
121 | .larger-text |
122 | { |
123 | font-size : larger; |
124 | } |
125 | |
126 | .smaller-text |
127 | { |
128 | font-size : smaller; |
129 | } |
130 | |
131 | .monospace |
132 | { |
133 | font-family : monospace; |
134 | } |
135 | |
136 | .indent |
137 | { |
138 | margin-left : 23px; |
139 | } |
140 | |
141 | .icon-dropmarker |
142 | { |
143 | list-style-image : url("chrome://global/skin/dropmarker-down-on.gif"); |
144 | } |
145 | |
146 | .box-padded |
147 | { |
148 | padding : 5px; |
149 | } |
150 | |
151 | .spaced |
152 | { |
153 | margin : 3px 5px 4px 5px; |
154 | } |
155 | |
156 | .wizard-box |
157 | { |
158 | padding : 20px 44px 10px 44px; |
159 | } |
160 | |
161 | /* Double Border Boxes */ |
162 | |
163 | /* top only */ |
164 | /* |
165 | .double-box-top |
166 | { |
167 | -moz-binding : url("chrome://global/skin/classicBindings.xml#double-box"); |
168 | border-top : 1px solid ThreeDShadow; |
169 | background-color : #FFFFFF; |
170 | margin : 0px; |
171 | } |
172 | |
173 | .double-box-top > .db-internal-box |
174 | { |
175 | border-top : 1px solid ThreeDDarkShadow; |
176 | } |
177 | */ |
178 | /* all round */ |
179 | /* |
180 | .double-box |
181 | { |
182 | -moz-binding : url("chrome://global/skin/classicBindings.xml#double-box"); |
183 | border-left : 1px solid ThreeDShadow; |
184 | border-top : 1px solid ThreeDShadow; |
185 | border-bottom : 1px solid ThreeDHighlight; |
186 | border-right : 1px solid ThreeDHighlight; |
187 | background-color : #FFFFFF; |
188 | margin : 0px; |
189 | } |
190 | |
191 | .double-box > .db-internal-box |
192 | { |
193 | border : 1px solid ThreeDDarkShadow; |
194 | } |
195 | */ |
f840e302 |
196 | |
197 | .caption-text |
198 | { |
199 | margin: 0px 2px 0px 1px !important; |
200 | } |
201 | |