Mozilla Cross-Reference mozilla
mozilla/ toolkit/ themes/ winstripe/ global/ 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       -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     }