← Back to branch summary

~ubuntu-branches/ubuntu/saucy/horde3/saucy

« back to all changes in this revision

Viewing changes to themes/purple/screen.css

  • Committer: Bazaar Package Importer
  • Author(s): Ola Lundqvist
  • Date: 2005-05-04 23:08:08 UTC
  • Revision ID: james.westby@ubuntu.com-20050504230808-p4hf3hk28o3v7wir
Tags: upstream-3.0.4
Import upstream version 3.0.4

Show diffs side-by-side

added added

removed removed

Lines of Context:
themes/purple/screen.css
 
1
/**
 
2
 * $Horde: horde/themes/purple/screen.css,v 1.1 2004/11/25 02:04:54 chuck Exp $
 
3
 */
 
4
 
 
5
/* Global default styles. */
 
6
* {
 
7
    /* Zero out all padding and margins to start with for better
 
8
     * cross-browser control. */
 
9
    padding: 0;
 
10
    margin: 0;
 
11
}
 
12
 
 
13
body {
 
14
    font-family: Geneva,Arial,Helvetica,sans-serif;
 
15
    font-size: 12px;
 
16
    background-color: #222244;
 
17
    color: #000;
 
18
}
 
19
 
 
20
body.scrollbar-quirk {
 
21
    margin-right: 15px;
 
22
}
 
23
 
 
24
p {
 
25
    margin-bottom: 10px;
 
26
}
 
27
 
 
28
img {
 
29
    border: none;
 
30
}
 
31
 
 
32
.box {
 
33
    padding: 3px;
 
34
    border: 1px dashed #999;
 
35
    background-color: #fff;
 
36
}
 
37
.solidbox {
 
38
    border: 1px solid #000;
 
39
}
 
40
.greybox {
 
41
    border: 1px solid #000;
 
42
    background-color: #e9e9e9;
 
43
}
 
44
.headerbox {
 
45
    border-left: 1px solid #669;
 
46
    border-right: 1px solid #669;
 
47
    border-bottom: 1px solid #669;
 
48
    background-color: #fff;
 
49
}
 
50
.roundedBox {
 
51
    -moz-border-radius: 15px;
 
52
}
 
53
.roundedTop {
 
54
    -moz-border-radius-topright: 15px;
 
55
    -moz-border-radius-topleft: 15px;
 
56
}
 
57
.roundedBottom {
 
58
    -moz-border-radius-bottomright: 15px;
 
59
    -moz-border-radius-bottomleft: 15px;
 
60
}
 
61
.header {
 
62
    color: #cce;
 
63
    background-color: #446;
 
64
    font-family: Verdana,Helvetica,sans-serif;
 
65
    font-weight: bold;
 
66
    font-size: 15px;
 
67
    padding: 3px;
 
68
    clear: both;
 
69
}
 
70
a.header:hover {
 
71
    color: #fff;
 
72
}
 
73
.nowrap {
 
74
    white-space: nowrap;
 
75
}
 
76
.clear {
 
77
    clear: both;
 
78
    line-height: 0;
 
79
    height: 0;
 
80
}
 
81
 
 
82
/* Transparency styles. */
 
83
.translucent30 {
 
84
    filter: alpha(opacity=30);
 
85
    -moz-opacity: 0.3;
 
86
    opacity: 0.3;
 
87
}
 
88
.translucent50 {
 
89
    filter: alpha(opacity=50);
 
90
    -moz-opacity: 0.5;
 
91
    opacity: 0.5;
 
92
}
 
93
.translucent70 {
 
94
    filter: alpha(opacity=70);
 
95
    -moz-opacity: 0.7;
 
96
    opacity: 0.7;
 
97
}
 
98
.opaque {
 
99
    filter: alpha(opacity=100);
 
100
    -moz-opacity: 1;
 
101
    opacity: 1;
 
102
}
 
103
 
 
104
a {
 
105
    color: #339;
 
106
    text-decoration: none;
 
107
}
 
108
a:hover {
 
109
    color: blue;
 
110
    text-decoration: underline;
 
111
}
 
112
.selected {
 
113
    background-color: #bbcbff;
 
114
}
 
115
.selected-over {
 
116
    background-color: #cef;
 
117
}
 
118
 
 
119
/* Table styles. */
 
120
table {
 
121
    border: none;
 
122
}
 
123
td, th {
 
124
    font-size: 12px;
 
125
    font-family: Geneva,Arial,Helvetica,sans-serif;
 
126
    padding: 1px;
 
127
}
 
128
.selectedRow {
 
129
    background-color: #ffc;
 
130
}
 
131
.selectedRow:hover {
 
132
    background-color: #ffd;
 
133
}
 
134
.selectedRow-over {
 
135
    background-color: #ffffdd;
 
136
}
 
137
.linedRow {
 
138
    color: #000;
 
139
    background-color: #fff;
 
140
    border-bottom: 1px solid #ddd;
 
141
}
 
142
.linedRowSelectedCol {
 
143
    color: #000;
 
144
    background-color: #f3f3f3;
 
145
    border-bottom: 1px solid #ddd;
 
146
}
 
147
table.nopadding td, table.nopadding th {
 
148
    padding: 0;
 
149
}
 
150
 
 
151
.widget {
 
152
    color: #224;
 
153
    font-family: Verdana,Helvetica,sans-serif;
 
154
    font-size: 11px;
 
155
}
 
156
a.widget:hover {
 
157
    color: blue;
 
158
    background-color: #bbcbff;
 
159
}
 
160
 
 
161
.notice {
 
162
    font-weight: bold;
 
163
    background-color: #ffc;
 
164
    border: 1px solid #aaa;
 
165
    padding: 1px;
 
166
    padding-left: 5px;
 
167
    -moz-border-radius: 8px;
 
168
}
 
169
 
 
170
.light {
 
171
    color: #fff;
 
172
    font-family: Geneva,Arial,Helvetica,sans-serif;
 
173
    font-size: 12px;
 
174
}
 
175
.smallheader {
 
176
    color: #ccccee;
 
177
    background-color: #446;
 
178
    font-family: Geneva,Arial,Helvetica,sans-serif;
 
179
    font-size: 12px;
 
180
}
 
181
.smallheader a:hover {
 
182
    color: #fff;
 
183
}
 
184
.smallheader a {
 
185
    color: #cce;
 
186
}
 
187
a.smallheader:hover {
 
188
    color: #fff;
 
189
}
 
190
.small {
 
191
    color: #aac;
 
192
    font-family: Geneva,Arial,Helvetica,sans-serif;
 
193
    font-size: 11px;
 
194
}
 
195
.control {
 
196
    color: #000;
 
197
    background-color: #ccc;
 
198
    border-bottom: 1px solid #999;
 
199
}
 
200
.item {
 
201
    color: #000;
 
202
    background-color: #eee;
 
203
}
 
204
.accessKey {
 
205
    text-decoration: underline;
 
206
}
 
207
.text {
 
208
    color: #000;
 
209
    background-color: #fff;
 
210
}
 
211
 
 
212
/* Form styles. */
 
213
.form table {
 
214
    width: 100%;
 
215
    padding: 2px;
 
216
    border-collapse: collapse;
 
217
}
 
218
.form-error {
 
219
    color: #f00;
 
220
}
 
221
input, select {
 
222
    font-family: Geneva,Arial,Helvetica,sans-serif;
 
223
    font-size: 12px;
 
224
    font-weight: normal;
 
225
}
 
226
input {
 
227
    padding: 1px;
 
228
}
 
229
option {
 
230
    padding: 0px 5px 0px 3px;
 
231
}
 
232
.checkbox {
 
233
    border: 0;
 
234
    height: 14px;
 
235
    width: 14px;
 
236
    background-color: transparent;
 
237
}
 
238
.button {
 
239
    color: #fff;
 
240
    background-color: #669;
 
241
    border-bottom: 1px solid #224;
 
242
    border-right: 1px solid #224;
 
243
    border-top: 1px solid #99c;
 
244
    border-left: 1px solid #99c;
 
245
    font-size: 11px;
 
246
    font-family: Verdana,Helvetica,sans-serif;
 
247
    font-weight: normal;
 
248
}
 
249
 
 
250
/* Alternating styles. */
 
251
.item0 {
 
252
    background-color: #eee;
 
253
}
 
254
.item1 {
 
255
    background-color: #ddd;
 
256
}
 
257
 
 
258
.fixed {
 
259
    font-size: 13px;
 
260
    font-family: monospace, fixed;
 
261
}
 
262
 
 
263
/* Styles for email-like messages. */
 
264
.signature {
 
265
    color: #ccc;
 
266
}
 
267
.signature-fixed {
 
268
    color: #ccc;
 
269
    font-size: 13px;
 
270
    font-family: monospace,fixed;
 
271
}
 
272
.citation {
 
273
    margin: 1em 0;
 
274
    padding-left: 1em;
 
275
    border-left-width: 1px;
 
276
    border-left-style: solid;
 
277
}
 
278
.quoted1 {
 
279
    color: #606;
 
280
    border-left-color: #606;
 
281
}
 
282
.quoted2 {
 
283
    color: #077;
 
284
    border-left-color: #077;
 
285
}
 
286
.quoted3 {
 
287
    color: #900;
 
288
    border-left-color: #900;
 
289
}
 
290
.quoted4 {
 
291
    color: #009;
 
292
    border-left-color: #009;
 
293
}
 
294
.quoted5 {
 
295
    color: #b60;
 
296
    border-left-color: #b60;
 
297
}
 
298
 
 
299
.tooltip {
 
300
    font-size: 11px;
 
301
    background-color: #ffc;
 
302
    border: 1px solid #000;
 
303
    padding: 2px;
 
304
    -moz-border-radius: 3px;
 
305
}
 
306
.inProgress {
 
307
    font-size: 10px;
 
308
    font-family: Geneva,Arial,Helvetica,sans-serif;
 
309
    padding: 2px;
 
310
    color: #fff;
 
311
    background-color: #f00;
 
312
}
 
313
 
 
314
/* Menu styles. */
 
315
#menu {
 
316
    height: 50px;
 
317
    color: #fff;
 
318
    background-color: #446;
 
319
    font-family: Verdana,Helvetica,sans-serif;
 
320
}
 
321
#menu ul {
 
322
    padding: 5px;
 
323
}
 
324
#menu li {
 
325
    list-style-type: none;
 
326
    text-align: center;
 
327
    margin: 2px;
 
328
    float: left;
 
329
}
 
330
#menu a {
 
331
    display: block;
 
332
    white-space: pre;
 
333
    font-family: Verdana,Helvetica,sans-serif;
 
334
    font-size: 11px;
 
335
    text-decoration: none;
 
336
    color: #eef;
 
337
    padding: 3px;
 
338
    -moz-border-radius: 3px;
 
339
}
 
340
#menu a:hover {
 
341
    color: yellow;
 
342
    border-bottom: 1px solid #66a;
 
343
    border-right: 1px solid #66a;
 
344
    border-top: 1px solid #224;
 
345
    border-left: 1px solid #224;
 
346
    padding: 2px;
 
347
}
 
348
#menu a.current {
 
349
    background-color: #668;
 
350
    border-bottom: 1px solid #99c;
 
351
    border-right: 1px solid #99c;
 
352
    border-top: 1px solid #224;
 
353
    border-left: 1px solid #224;
 
354
    padding: 2px;
 
355
}
 
356
#menu h1 {
 
357
    font-family: Verdana,Helvetica,sans-serif;
 
358
    font-weight: bold;
 
359
    font-size: 18px;
 
360
    line-height: 50px;
 
361
    vertical-align: bottom;
 
362
}
 
363
 
 
364
/* Sidebar styles. */
 
365
#sidebarPanel {
 
366
    -moz-border-radius-bottomright: 15px;
 
367
    padding-top: 5px;
 
368
    padding-bottom: 10px;
 
369
    background-color: #eee;
 
370
}
 
371
#sidebarPanel span {
 
372
    padding: 2px;
 
373
}
 
374
#sidebarPanel span, #sidebarPanel a {
 
375
    color: #000;
 
376
    white-space: pre;
 
377
    font-family: Verdana,Helvetica,sans-serif;
 
378
    font-size: 11px;
 
379
    text-decoration: none;
 
380
}
 
381
#sidebarPanel a:hover {
 
382
    -moz-border-radius: 3px;
 
383
    color: #000;
 
384
}
 
385
 
 
386
/* Tab styles. */
 
387
.tabset {
 
388
    border-bottom: 1px solid #446;
 
389
    font-weight: bold;
 
390
}
 
391
.tabset li {
 
392
    list-style: none;
 
393
    display: inline;
 
394
}
 
395
.tabset li a {
 
396
    line-height: 1.5em;
 
397
    padding: 2px 0.5em;
 
398
    border: 1px solid #000;
 
399
    border-bottom: 1px solid #446;
 
400
    -moz-border-radius-topleft: 10px;
 
401
    -moz-border-radius-topright: 10px;
 
402
    background-color: #e9e9e9;
 
403
    text-decoration: none;
 
404
}
 
405
.tabset li a:hover {
 
406
    color: #000;
 
407
    background-color: #fff;
 
408
}
 
409
.tabset li a.activeTab {
 
410
    color: #fff;
 
411
    background-color: #446;
 
412
    border-bottom: none;
 
413
}
 
414
.tabset li a.activeTab:hover {
 
415
    color: #fff;
 
416
    background-color: #446;
 
417
}
 
418
 
 
419
/* Help styles. */
 
420
.help {
 
421
    background-color: #fff;
 
422
    color: #000;
 
423
}
 
424
.help h1 {
 
425
    border-top: 1px solid #446;
 
426
    font-size: 10px;
 
427
}
 
428
.help h2 {
 
429
    border-top: 1px solid #446;
 
430
    padding-top: 1em;
 
431
    padding-bottom: 0.5em;
 
432
}
 
433
.help p {
 
434
    margin-left: 1em;
 
435
    margin-right: 1em;
 
436
    margin-bottom: 1em;
 
437
}
 
438
.help em {
 
439
    display: block;
 
440
    padding: 5px;
 
441
    margin-left: 1em;
 
442
    margin-right: 1em;
 
443
    margin-bottom: 1em;
 
444
}
 
445
.help em.helpTip {
 
446
    color: #090;
 
447
    background: #e0f0e0;
 
448
}
 
449
.help em.helpWarn {
 
450
    color: #900;
 
451
    background: #f0e0e0;
 
452
}
 
453
 
 
454
/* Source markup styles. */
 
455
.parentheses {
 
456
    color: #2a6;
 
457
    font-weight: bold;
 
458
}
 
459
.comment {
 
460
    color: #aac;
 
461
}
 
462
.htag {
 
463
    color: #569;
 
464
    background: #d5d6da;
 
465
    font-weight: bold;
 
466
}
 
467
.metac {
 
468
    color: #0ff;
 
469
    background: #d5d6da;
 
470
}
 
471
.id {
 
472
    color: #e82;
 
473
    background: #e4e4e0;
 
474
}
 
475
.attr {
 
476
    color: #6af;
 
477
}
 
478
.value {
 
479
    color: #d46;
 
480
}
 
481
.color {
 
482
    color: #f57;
 
483
}
 
484
.eol {
 
485
    color: #26e;
 
486
}
 
487
.url {
 
488
    color: #962;
 
489
}
 
490
.file {
 
491
    color: #444;
 
492
    background: #fe4;
 
493
}
 
494
.class {
 
495
    font-style: italic;
 
496
}
 
497
 
 
498
/* Drop shadows. */
 
499
.dropShadow {
 
500
    float: left;
 
501
        background: url('graphics/shadow.png') no-repeat bottom right !important;
 
502
        background: url('graphics/shadow.gif') no-repeat bottom right;
 
503
    margin: 10px 0 0 5px;
 
504
}
 
505
 
 
506
.dropShadow img {
 
507
    display: block;
 
508
    position: relative;
 
509
    background-color: #fff;
 
510
    border: 1px solid #666;
 
511
    margin: -3px 5px 5px -3px;
 
512
    padding: 2px;
 
513
}