Mozilla Cross-Reference mozilla
mozilla/ themes/ classic/ global/ win/ formatting.css
CVS Log
CVS Blame
CVS Graph
Diff file
Raw file
changes to
this file in
the last:
day
week
month
view using tree:
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       margin-left: 0.4em;
101       margin-right: 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              : 1px 5px 2px 6px;
152     }
153 
154   .header 
155     {
156       font-weight         : bold;
157     }
158 
159   .larger-text 
160     {
161       font-size           : larger;
162     }
163 
164   .smaller-text 
165     {
166       font-size           : smaller;
167     }
168    
169   .monospace
170     {
171       font-family         : monospace;
172     }
173     
174   .indent
175     {
176       margin-left         : 23px;
177     }
178 
179   .box-padded
180     {
181       padding             : 5px;
182     }    
183 
184   .spaced
185     {
186       margin              : 3px 5px 4px 5px;
187     }    
188 
189   .wizard-box
190     {
191       padding             : 20px 44px 10px 44px;
192     }    
193 
194 /* Double Border Boxes */
195 
196   /* top only */
197   .double-box-top
198     {
199       -moz-binding        : url("chrome://global/skin/classicBindings.xml#double-box");
200       border-top          : 1px solid ThreeDShadow;
201       background-color    : #FFFFFF;
202       margin              : 0px;
203     }
204   
205   .double-box-top > .db-internal-box
206     {
207       border-top          : 1px solid ThreeDDarkShadow;
208     }          
209     
210   /* all round */    
211   .double-box
212     {
213       -moz-binding          : url("chrome://global/skin/classicBindings.xml#double-box");
214       border-left           : 1px solid ThreeDShadow;
215       border-top            : 1px solid ThreeDShadow;
216       border-bottom         : 1px solid ThreeDHighlight;
217       border-right          : 1px solid ThreeDHighlight;
218       background-color      : #FFFFFF;
219       margin                : 0px;
220     }
221   
222   .double-box > .db-internal-box
223     {
224       border                : 1px solid ThreeDDarkShadow;
225     }   
226 
227   .caption-text
228     {
229       margin: 0px 2px 0px 1px !important;
230     }
231 
232 /* class for text with a 'link' appearance */
233 .text-link {
234   color: blue;
235   text-decoration: underline;
236 }
237 
238 .text-link:focus {
239   color: red;
240   /* Don't specify the outline-color, we should always use initial value. */
241   outline: 1px dotted;
242 }
243 
244 .text-link:hover {
245   cursor: pointer;
246 }
247 
248 .text-link:hover:active {
249   color: red;
250 }
251 
252 .text-link[visited="true"] {
253   color: purple;
254 }
255