 |
1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
2
3 /* inset areas */
4
5 .inset
6 {
7 border-left : 1px solid ThreeDShadow;
8 border-top : 1px solid ThreeDShadow;
9 border-right : 1px solid ThreeDHighlight;
10 border-bottom : 1px solid ThreeDHighlight;
11 margin : 0px 5px 5px 5px;
12 }
13
14 .box-inset {
15 margin: 2px 4px;
16 border: 2px solid;
17 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
18 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
19 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
20 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
21 background-color: -moz-Field;
22 color: -moz-FieldText;
23 }
24
25 /* formatting */
26 .groove-top
27 {
28 border-top : 2px groove ThreeDFace;
29 }
30
31 .groove-right
32 {
33 border-right : 2px groove ThreeDFace;
34 }
35
36 .groove-left
37 {
38 border-left : 2px groove ThreeDFace;
39 }
40
41 .groove-bottom
42 {
43 border-bottom : 2px groove ThreeDFace;
44 }
45
46 .outset
47 {
48 border-left : 1px solid ThreeDHighlight;
49 border-top : 1px solid ThreeDHighlight;
50 border-right : 1px solid ThreeDShadow;
51 border-bottom : 1px solid ThreeDShadow;
52 }
53
54 .outset-top-bottom
55 {
56 border-top : 1px solid ThreeDHighlight;
57 border-bottom : 1px solid ThreeDShadow;
58 }
59
60
61
62 /** separator rules **/
63 /* standard separators */
64 separator, separator[orient="horizontal"]
65 {
66 height: 1.5em;
67 }
68
69 separator[orient="vertical"]
70 {
71 width: 1.5em;
72 }
73
74 /* thinner separators (50% size) */
75 separator.thin, separator.thin[orient="horizontal"]
76 {
77 height: 0.5em;
78 }
79
80 separator.thin[orient="vertical"]
81 {
82 width: 0.5em;
83 }
84
85 /* groove separators (50% size) */
86 separator.groove,
87 separator.groove[orient="horizontal"]
88 {
89 border-top: 1px solid ThreeDShadow;
90 border-bottom: 1px solid ThreeDHighlight;
91 height: 0px;
92 margin-top: 0.4em;
93 margin-bottom: 0.4em;
94 }
95
96 separator.groove[orient="vertical"]
97 {
98 border-left: 1px solid ThreeDShadow;
99 border-right: 1px solid ThreeDHighlight;
100 -moz-margin-start: 0.4em;
101 -moz-margin-end: 0.4em;
102 }
103
104 /* groove separators (0 padding, for dividing effects) */
105 separator.groove-thin
106 {
107 border-top: 1px solid ThreeDShadow;
108 border-bottom: 1px solid ThreeDHighlight;
109 height: 0px;
110 }
111
112 separator[orient="vertical"].groove-thin
113 {
114 border-left: 1px solid ThreeDShadow;
115 border-right: 1px solid ThreeDHighlight;
116 }
117
118 /** text formatting rules **/
119 /* label (with margins) */
120
121 /** Reduced Margin for some UI **/
122 .small-margin
123 {
124 margin : 1px 2px 1px 2px;
125 }
126
127 .plain
128 {
129 margin: 0px !important;
130 border: none;
131 padding: 0px;
132 }
133
134 label[disabled="true"]
135 {
136 color : GrayText;
137 }
138
139 description, label
140 {
141 cursor : default;
142 }
143
144 description
145 {
146 margin : 1px 5px 4px 5px;
147 }
148
149 label
150 {
151 margin-top: 1px;
152 margin-bottom: 2px;
153 -moz-margin-start: 6px;
154 -moz-margin-end: 5px;
155 }
156
157 .header
158 {
159 font-weight : bold;
160 }
161
162 .larger-text
163 {
164 font-size : larger;
165 }
166
167 .smaller-text
168 {
169 font-size : smaller;
170 }
171
172 .monospace
173 {
174 font-family : monospace;
175 }
176
177 .indent
178 {
179 -moz-margin-start : 23px;
180 }
181
182 .box-padded
183 {
184 padding : 5px;
185 }
186
187 .spaced
188 {
189 margin : 3px 5px 4px 5px;
190 }
191
192 .wizard-box
193 {
194 padding : 20px 44px 10px 44px;
195 }
196
197 .caption-text
198 {
199 margin-top: 0px !important;
200 margin-bottom: 0px !important;
201 -moz-margin-start: 1px !important;
202 -moz-margin-end: 2px !important;
203 }
204
205
206 /* class for text with a 'link' appearance */
207 .text-link
208 {
209 color : blue;
210 text-decoration : underline;
211 border : 1px solid transparent;
212 }
213
214 .text-link:focus
215 {
216 color : red;
217 border : 1px dotted -moz-DialogText;
218 }
219
220 .text-link:hover
221 {
222 cursor : pointer;
223 }
224
225 .text-link:hover:active
226 {
227 color : red;
228 }
229
230 .text-link[visited="true"]
231 {
232 color : purple;
233 }