← Back to branch summary

~ubuntu-branches/ubuntu/precise/kompozer/precise

« back to all changes in this revision

Viewing changes to mozilla/toolkit/themes/winstripe/global/formatting.css

  • Committer: Bazaar Package Importer
  • Author(s): Anthony Yarusso
  • Date: 2007-08-27 01:11:03 UTC
  • Revision ID: james.westby@ubuntu.com-20070827011103-2jgf4s6532gqu2ka
Tags: upstream-0.7.10
Import upstream version 0.7.10

Show diffs side-by-side

added added

removed removed

Lines of Context:
mozilla/toolkit/themes/winstripe/global/formatting.css
 
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
 
 
233
/* class for text with a 'link' appearance */
 
234
  .text-link
 
235
    {
 
236
      color                 : blue;
 
237
      text-decoration       : underline;
 
238
    }
 
239
  
 
240
  .text-link:focus
 
241
    {
 
242
      color                 : red;
 
243
      -moz-outline: 1px dotted invert;
 
244
    }
 
245
 
 
246
  .text-link:hover
 
247
    {
 
248
      cursor                : pointer;
 
249
    } 
 
250
  
 
251
  .text-link:hover:active
 
252
    {
 
253
      color                 : red;
 
254
    } 
 
255
 
 
256
  .text-link[visited="true"] 
 
257
    {
 
258
      color                 : purple;
 
259
    }