← Back to branch summary

~tblue/quam-plures/bug12-fix_toolbar_colors

« back to all changes in this revision

Viewing changes to qp_rsc/css/basic.css

  • Committer: Tilman Blumenbach
  • Date: 2011-09-02 13:44:39 UTC
  • Revision ID: tilman@ax86.net-20110902134439-5jlfcgn1oo2h9k3x
Do not use CSS2 system colors, hardcore them (cross-browser compat)

Show diffs side-by-side

added added

removed removed

Lines of Context:
qp_rsc/css/basic.css
1
 
/* Obviously, this file no longer contains only basic styles */
 
1
/* Obviously, this file no longer contains only basic styles.
 
2
 *
 
3
 * For the toolbar, we do not use the system colors defined by CSS2 as they are
 
4
 * deprecated in CSS3 and don't seem to work correctly in Opera. Instead, we use
 
5
 * the following values (taken from Firefox 6.0.1 which probably uses the standard
 
6
 * GTK+ theme colors or something):
 
7
 * 
 
8
 * ActiveBorder:        #FFFFFF
 
9
 * ActiveCaption:       #DCDAD5
 
10
 * AppWorkspace:        #DCDAD5
 
11
 * Background:          #DCDAD5
 
12
 * ButtonFace:          #DCDAD5
 
13
 * ButtonHighlight:     #FFFFFF
 
14
 * ButtonShadow:        #9E9A91
 
15
 * ButtonText:          #000000
 
16
 * CaptionText:         #000000
 
17
 * GrayText:            #757575
 
18
 * Highlight:           #4B6983
 
19
 * HighlightText:       #FFFFFF
 
20
 * InactiveBorder:      #DCDAD5
 
21
 * InactiveCaption:     #DCDAD5
 
22
 * InactiveCaptionText: #757575
 
23
 * InfoBackground:      #EEE1B3
 
24
 * InfoText:            #000000
 
25
 * Menu:                #DCDAD5
 
26
 * MenuText:            #000000
 
27
 * Scrollbar:           #C4C2BD
 
28
 * ThreeDDarkShadow:    #000000
 
29
 * ThreeDFace:          #DCDAD5
 
30
 * ThreeDHighlight:     #FFFFFF
 
31
 * ThreeDLightShadow:   #DCDAD5
 
32
 * ThreeDShadow:        #9E9A91
 
33
 * Window:              #DCDAD5
 
34
 * WindowFrame:         #DCDAD5
 
35
 * WindowText:          #000000
 
36
 */
2
37
 
3
38
@import url("basic_styles.css"); /* Import the REAL basic styles */
4
39
 
105
140
 * any too general styles a template may want to bring in for its own body/general display.
106
141
 */
107
142
div#toolbar {
108
 
        background-color: ThreeDFace;
109
 
        color: ButtonText;
110
 
        border-top: 1px solid ThreeDHighlight;
111
 
        border-bottom: 1px solid ThreeDShadow;
 
143
        background-color: #DCDAD5;
 
144
        color: #000000;
 
145
        border-top: 1px solid #FFFFFF;
 
146
        border-bottom: 1px solid #9E9A91;
112
147
        text-align: left;
113
148
        margin: 0;
114
 
        /* font: menu; /* -- poorly supported */
115
149
        font-size: 11px;
116
150
        font-family: "Microsoft sans serif", sans-serif, Arial, Helvetica;
117
151
        position: fixed;
201
235
        margin-bottom: 1em;
202
236
}
203
237
.sf-menu a {
204
 
        border: 1px solid ThreeDFace;
205
 
        background-color: ThreeDFace;
 
238
        border: 1px solid #DCDAD5;
 
239
        background-color: #DCDAD5;
206
240
        padding: 3px 1ex; /* .5em need to macth global height above */
207
241
        text-decoration:none;
208
 
        color: ButtonText;
 
242
        color: #000000;
209
243
}
210
244
.sf-menu-right a {
211
245
        padding: 3px 1ex 3px; /* .5em need to macth global height above */
217
251
/* visited pseudo selector so IE6 applies text colour*/
218
252
.sf-menu a,
219
253
.sf-menu a:visited {
220
 
        color: ButtonText;
 
254
        color: #000000;
221
255
}
222
256
.sf-menu li {
223
257
        /* background: #0ff; */
225
259
.sf-menu li ul {
226
260
}
227
261
.sf-menu li li {
228
 
        background: ThreeDFace; /* IE6 */
 
262
        background: #DCDAD5; /* IE6 */
229
263
}
230
264
.sf-menu li li a {
231
265
        padding: 6px 2ex;
232
266
        border: none;
233
 
        border-left: 1px solid ThreeDHighlight;
234
 
        border-right: 1px solid ThreeDShadow;
 
267
        border-left: 1px solid #FFFFFF;
 
268
        border-right: 1px solid #9E9A91;
235
269
}
236
270
.sf-menu li li:first-child > a {
237
 
        border-top: 1px solid ThreeDHighlight;
 
271
        border-top: 1px solid #FFFFFF;
238
272
}
239
273
.sf-menu li li:last-child > a {
240
 
        border-bottom: 1px solid ThreeDShadow;
 
274
        border-bottom: 1px solid #9E9A91;
241
275
}
242
276
.sf-menu li.separator {
243
277
        padding: 0;
250
284
        margin: 0;
251
285
}
252
286
.sf-menu li.separator a:hover {
253
 
        background-color: ThreeDFace;
 
287
        background-color: #DCDAD5;
254
288
}
255
289
.sf-menu .separator span {
256
290
        height: 0px;
258
292
        padding: 0;
259
293
        margin: 0;
260
294
        border: none;
261
 
        border-top: 1px solid ThreeDShadow;
262
 
        border-bottom: 1px solid ThreeDHighlight;
 
295
        border-top: 1px solid #9E9A91;
 
296
        border-bottom: 1px solid #FFFFFF;
263
297
        width: 100%;
264
298
}
265
299
 
272
306
 
273
307
.sf-menu a.disabled,
274
308
.sf-menu a.disabled:hover {
275
 
        color: GrayText;
 
309
        color: #757575;
276
310
}
277
311
.sf-menu a.noborder {
278
312
        border: none;
284
318
.sf-menu a:active {
285
319
        text-decoration: none;
286
320
        outline: 0;
287
 
        border-top-color: ThreeDHighlight;
288
 
        border-left-color: ThreeDHighlight;
289
 
        border-bottom-color: ThreeDShadow;
290
 
        border-right-color: ThreeDShadow;
291
 
        color: ButtonText;
 
321
        border-top-color: #FFFFFF;
 
322
        border-left-color: #FFFFFF;
 
323
        border-bottom-color: #9E9A91;
 
324
        border-right-color: #9E9A91;
 
325
        color: #000000;
292
326
}
293
327
.sf-menu li li:hover,
294
328
.sf-menu li li.sfHover,
296
330
.sf-menu li li a:hover,
297
331
.sf-menu li li a:active {
298
332
        border: none;
299
 
        background-color: Highlight;
300
 
        color: HighlightText;
 
333
        background-color: #4B6983;
 
334
        color: #FFFFFF;
301
335
}
302
336
.sf-menu li li a:focus,
303
337
.sf-menu li li a:hover,
304
338
.sf-menu li li a:active {
305
 
        border-left: 1px solid ThreeDHighlight;
306
 
        border-right: 1px solid ThreeDShadow;
 
339
        border-left: 1px solid #FFFFFF;
 
340
        border-right: 1px solid #9E9A91;
307
341
}
308
342
.sf-menu li li:first-child > a:focus,
309
343
.sf-menu li li:first-child > a:hover,
310
344
.sf-menu li li:first-child > a:active {
311
 
        border-top: 1px solid ThreeDHighlight;
 
345
        border-top: 1px solid #FFFFFF;
312
346
}
313
347
.sf-menu li li:last-child > a:focus,
314
348
.sf-menu li li:last-child > a:hover,
315
349
.sf-menu li li:last-child > a:active {
316
 
        border-bottom: 1px solid ThreeDShadow;
 
350
        border-bottom: 1px solid #9E9A91;
317
351
}
318
352
/* point right for anchors in subs */
319
353
.sf-menu ul .sf-sub-indicator {