« back to all changes in this revision
Viewing changes to media/css/style.css
- browse files at revision 17
- compare with another revision
- download diff
- download tarball
- view history from revision 17
- Committer: Holger Rapp
- Date: 2009-02-21 18:24:02 UTC
- Revision ID: sirver@kallisto.local-20090221182402-k3tuf5c4gjwslbjf
Main Page contains now the same informations as before
- files added:
- media
- media/css
- media/img
- news
- news/templatetags
- templates/news
- files modified:
- settings.py
added
removed
media/css/style.css
1
body {
2
color: #D0DFFF;
3
font-family: Verdana, Arial, Helvetica, sans-serif;
4
background-color: #000000;
5
margin: 0px;
6
}
7
8
9
a {
10
color: #D0DFFF;
11
text-decoration: none;
12
font-weight: bold;
13
background-color: transparent;
14
}
15
16
17
a:hover {
18
color: #A0AAFF;
19
text-decoration: underline;
20
}
21
22
23
h1 {}
24
h2 {}
25
h3 {}
26
h4 {}
27
h5 {}
28
29
30
/* ul {
31
margin: 2px;
32
padding: 2px;
33
text-align: left;
34
}
35
36
37
li {
38
margin-left: 2px;
39
list-style: disc inside;
40
color: #C0CFFF;
41
}
42
*/
43
44
table {
45
width: 100%;
46
font-size: 12px;
47
}
48
49
table#main {
50
background-color: #333333;
51
background: url(../img/background.png);
52
}
53
54
table#table_bottom {
55
background-color: #333333;
56
background: url(../img/background.png);
57
}
58
59
60
61
62
table td {
63
padding: 0px;
64
border-width: 0px;
65
vertical-align: top;
66
font-family: Verdana, Arial, Helvetica, sans-serif;
67
}
68
69
td#headerbanner {
70
font-size:12px;
71
background: url(../img/headback.jpg);
72
background-repeat: repeat-x;
73
color: #FFFFFF;
74
text-align:center;
75
height:110px;
76
border-bottom:2px solid #090909;
77
}
78
79
td#headerbottombar {
80
border: 0px;
81
height: 20px;
82
background-image: url(../img/Navbar.png);
83
background-repeat: repeat-x;
84
}
85
86
87
88
td#menubar {
89
font-size: 12px;
90
text-align:center;
91
}
92
93
td#menubar th {
94
vertical-align: middle;
95
}
96
97
td#menubar div.menu a {
98
padding:7px;
99
display: block;
100
color: #A0AAFF;
101
font-weight: bold;
102
text-align:center;
103
border-right:0px solid #CCCCCC;
104
}
105
106
td#menubar div.menu a:hover {
107
color: #C0CAFF;
108
vertical-align: middle;
109
text-decoration: none;
110
}
111
112
td#menubar div.menu_search {
113
text-align:right;
114
padding-right:12px;
115
vertical-align: middle;
116
}
117
118
119
120
td#headerbar {
121
font-size:12px;
122
background-color: #000000;
123
color: #FFFFFF;
124
padding-top: 3px;
125
padding-bottom: 3px;
126
padding-right: 6px;
127
text-align:right;
128
}
129
130
td#headerbar a {
131
color: #FFFFFF;
132
}
133
134
td#headerbar a:hover {
135
color: #FFFFFF;
136
background-color:#839DBE;
137
}
138
139
140
141
td#table_bottomleft {
142
height:8px;
143
width:8px;
144
}
145
146
td#table_bottomright {
147
height:8px;
148
width:8px;
149
}
150
151
152
153
td#menu_topleft {
154
height:4px;
155
width:4px;
156
}
157
158
td#menu_topmiddle {
159
height:4px;
160
}
161
162
td#menu_topright {
163
height:4px;
164
width:4px;
165
}
166
167
td#menu_bottomleft {
168
height:4px;
169
width:4px;
170
align:left;
171
}
172
173
td#menu_bottommiddle { height:4px;}
174
175
td#menu_bottomright {
176
height:4px;
177
width:4px;
178
}
179
180
181
td#mainmenu a {
182
color: #D0DFFF;
183
font-size: 12px;
184
display: block;
185
background-image: url('../img/1.gif');
186
background-repeat: no-repeat;
187
background-position: left;
188
padding: 4px;
189
padding-left: 15px;
190
font-weight: bold;
191
}
192
193
td#mainmenu a:hover {
194
color: #A0AAFF;
195
background-image: url('../img/12.gif');
196
background-repeat: no-repeat;
197
background-position: left;
198
}
199
200
td#mainmenu a.menuTop { padding-left: 15px;}
201
202
td#mainmenu a.menuMain { padding-left: 15px;}
203
204
td#mainmenu a.menuSub {
205
padding-left: 20px;
206
color: #D0DAFF;
207
font-weight: normal;
208
}
209
210
211
td#usermenu a {
212
color: #D0DFFF;
213
font-weight: normal;
214
font-size: 12px;
215
padding-left: 15px;
216
background-image: url('../img/1.gif');
217
background-repeat: no-repeat;
218
background-position: left;
219
}
220
221
td#usermenu a:hover {
222
color: #A0AAFF;
223
background-image: url('../img/12.gif');
224
background-repeat: no-repeat;
225
background-position: left;
226
}
227
228
td#usermenu a.highlight { background-color: #fcc;}
229
230
231
232
td#leftcolumn {
233
width: 170px;
234
font-size: 12px;
235
background-color: #555555;
236
background-image: url('../img/Menubackground.png');
237
border-left: 1px solid #151515;
238
border-right: 1px solid #090909;
239
border-bottom: 1px solid #090909;
240
}
241
242
td#leftcolumn th {
243
color: #FFFFFF;
244
vertical-align: bottom;
245
background-color: transparent;
246
}
247
248
td#leftcolumn div.blockTitle {
249
color: #D0DFFF;
250
font-weight: bold;
251
font-size: 12px;
252
padding-left: 12px;
253
background-image: url('../img/Navbar.png');
254
background-repeat: repeat-x;
255
border-left: 0px solid #999999;
256
border-right: 0px solid #999999;
257
border-bottom: 0px solid #999999;
258
padding-top: 2px;
259
padding-bottom: 6px;
260
}
261
262
td#leftcolumn div.blockContent {
263
font-size:12px;
264
padding: 6px;
265
line-height: 120%;
266
border-left: 0px solid #999999;
267
border-right: 0px solid #999999;
268
}
269
270
td#leftcolumn div.space { height:12px;}
271
272
273
274
td#centercolumn {
275
font-size: 14px;
276
color: #D0DFFF;
277
padding-left: 8px;
278
padding-right: 8px;
279
width: 100%;
280
}
281
282
td#centercolumn th { color: #D0DFFF;}
283
284
td#centerCcolumn div.blockTitle {
285
font-size: 12px;
286
padding: 2px;
287
color: #FFFFFF;
288
font-weight: bold;
289
margin-top: 0px;
290
margin-right: 0px;
291
margin-left: 0px;
292
margin-bottom: 5px;
293
padding-left: 13px;
294
}
295
296
td#centerCcolumn div.blockContent {
297
margin-right: 0px;
298
margin-left: 0px;
299
margin-bottom: 8px;
300
line-height: 120%;
301
}
302
303
304
305
td#centerLcolumn {
306
width: 50%;
307
padding: 0px 0px 0px 0px;
308
}
309
310
td#centerLcolumn div.blockTitle {
311
font-size: 12px;
312
padding: 2px;
313
color: #D0DFFF;
314
font-weight: bold;
315
margin-top: 0px;
316
margin-right: 0px;
317
margin-left: 0px;
318
margin-bottom: 5px;
319
padding-left: 12px;
320
background-color: #444444;
321
background: url(../img/background-444.png);
322
}
323
324
td#centerLcolumn div.blockContent {
325
padding: 3px;
326
margin-right: 0px;
327
margin-left: 0px;
328
line-height: 120%;
329
}
330
331
332
333
td#centerRcolumn {
334
width: 50%;
335
padding: 0px;
336
}
337
338
td#centerRcolumn div.blockTitle {
339
font-size: 12px;
340
padding: 2px;
341
color: #D0DFFF;
342
font-weight: bold;
343
margin-top: 0px;
344
margin-right: 0px;
345
margin-left: 0px;
346
margin-bottom: 5px;
347
padding-left: 12px;
348
background-color: #444444;
349
background: url(../img/background-444.png);
350
}
351
352
td#centerRcolumn div.blockContent {
353
padding: 3px;
354
margin-right: 0px;
355
margin-left: 0px;
356
margin-bottom: 2px;
357
line-height: 120%;
358
}
359
360
361
362
td#rightcolumn {
363
width: 160px;
364
font-size: 12px;
365
background-color: #555555;
366
background-image: url('../img/Menubackground.png');
367
border-left: 1px solid #090909;
368
border-right: 1px solid #222222;
369
border-bottom: 1px solid #090909;
370
}
371
372
td#rightcolumn th {
373
vertical-align: bottom;
374
background-color: transparent;
375
color: #D0DFFF;
376
}
377
378
td#rightcolumn div.blockTitle {
379
padding: 3px;
380
color: #D0DFFF;
381
font-weight: bold;
382
font-size: 12px;
383
padding-left: 12px;
384
background-image: url('../img/Navbar.png');
385
background-repeat: repeat-x;
386
margin-top: 0px;
387
margin-right: 0px;
388
margin-left: 0px;
389
margin-bottom: 2px;
390
}
391
392
td#rightcolumn div.blockContent {
393
padding: 3px;
394
line-height: 120%;
395
border-bottom: 0px solid #999999;
396
padding-bottom:20px;
397
}
398
399
400
401
td#table_bottomleft {
402
background: url(../img/table_bottomleft.png);
403
background-repeat: no-repeat;
404
background-position: left;
405
height:8px;
406
width:8px;
407
}
408
409
td#table_bottomright {
410
background: url(../img/table_bottomright.png);
411
background-repeat: no-repeat;
412
background-position: right;
413
height:8px;
414
width:8px;
415
}
416
417
418
419
th {
420
font-weight: bold;
421
color: #D0DFFF;
422
background-position: left;
423
line-height: 18px;
424
text-align: left;
425
padding-left: 4px;
426
background-image: url('../img/Navbar.png');
427
background-repeat: repeat-x;
428
height: 20px;
429
}
430
431
.specialhead {
432
font-weight: bold;
433
color: #D0DFFF;
434
background-position: left;
435
line-height: 18px;
436
text-align: left;
437
padding-left: 4px;
438
background-image: url('../img/Navbar.png');
439
background-repeat: repeat-x;
440
height: 20px;
441
}
442
443
444
445
446
input.formButton {}
447
448
.item { border: 0px solid #A0AAFF;}
449
450
.itemHead {
451
padding: 2px;
452
background-color: #444444;
453
background: url(../img/background-444.png);
454
/*height: 20px; - don't know why i set this ;) */
455
color: #A0AAFF;
456
}
457
458
.itemInfo {
459
text-align: right;
460
padding: 3px;
461
background-color: #222222;
462
background: url(../img/background-222.png);
463
}
464
465
.itemTitle a {
466
font-size: 120%;
467
font-weight: bold;
468
background-color: transparent;
469
}
470
471
.itemPoster { font-size: 90%;}
472
.itemPostDate { font-size: 90%;}
473
.itemStats { font-size: 90%;}
474
475
.itemBody {
476
padding-left: 15px;
477
background-color: #3F3F3F;
478
background: url(../img/background-3F3F3F.png);
479
}
480
481
.itemText {
482
margin-top: 5px;
483
margin-bottom: 5px;
484
line-height: 130%;
485
}
486
487
.itemText:first-letter {
488
color: #7070FF;
489
font-size: 180%;
490
font-family: Cretino, "Bitstream Vera Serif", serif;
491
font-weight: bold;
492
}
493
494
.itemFoot {
495
text-align: right;
496
padding: 3px;
497
background-color: #222222;
498
background: url(../img/background-222.png);
499
}
500
501
.itemAdminLink { font-size: 90%;}
502
.itemPermaLink { font-size: 90%;}
503
504
505
506
507
div#content {
508
text-align: left;
509
padding-top: 0px;
510
padding-bottom: 8px;
511
padding-right: 8px;
512
}
513
514
.outer {
515
background-color: #4A4A4A;
516
background: url(../img/background-4A4A4A.png);
517
border-left: 1px solid #090909;
518
border-top: 1px solid #090909;
519
border-right: 1px solid #090909;
520
border-bottom: 1px solid #090909;
521
}
522
523
.head {
524
font-weight: bold;
525
background-position: left;
526
height: 24px;
527
line-height: 22px;
528
text-align: center;
529
background-color: #444444;
530
background: url(../img/background-444.png);
531
height: 20px;
532
}
533
534
.even {
535
background-color: #444444;
536
background: url(../img/background-444.png);
537
padding: 5px;
538
}
539
540
.odd {
541
background-color: #4f4f4f;
542
background: url(../img/background-4F4F4F.png);
543
padding: 5px;
544
}
545
546
.foot {
547
padding: 5px;
548
font-weight: bold;
549
background-color: #222222;
550
background: url(../img/background-222.png);
551
}
552
553
554
555
556
tr.head {
557
color: #A0AAFF;
558
height: 20px;
559
}
560
561
tr.even td {
562
background-color: transparent;
563
padding: 5px;
564
}
565
566
tr.odd td {
567
background-color: transparent;
568
padding: 5px;
569
}
570
571
572
573
574
.footer {
575
color: #D0DFFF;
576
font-size: 12px;
577
text-align: center;
578
}
579
580
.footer a { color: #A0AAFF;}
581
582
583
584
div.errorMsg {
585
background-color: #FFCCCC;
586
text-align: center;
587
border-top: 0px solid #222222;
588
border-left: 0px solid #222222;
589
border-right: 0px solid #444444;
590
border-bottom: 0px solid #444444;
591
font-weight: bold;
592
padding: 12px;
593
}
594
595
div.confirmMsg {
596
background-color: #333333;
597
color: #D0DFFF;
598
text-align: center;
599
border-top: 0px solid #222222;
600
border-left: 0px solid #222222;
601
border-right: 0px solid #444444;
602
border-bottom: 0px solid #444444;
603
font-weight: bold;
604
padding: 12px;
605
}
606
607
div.resultMsg {
608
background-color: #CCCCCC;
609
color: #FFFFFF;
610
text-align: center;
611
border-top: 0px solid silver;
612
border-left: 0px solid silver;
613
font-weight: bold;
614
border-right: 0px solid #666666;
615
border-bottom: 0px solid #666666;
616
padding: 12px;
617
}
618
619
div.xoopsCode {
620
background: #333333;
621
border: 0px inset #000080;
622
font-family: "Courier New",Courier,monospace;
623
padding: 0px 6px 6px 6px;
624
}
625
626
div.xoopsQuote {
627
background: #333333;
628
border: 0px inset #000080;
629
font-family: "Courier New",Courier,monospace;
630
padding: 0px 6px 6px 6px;
631
}
632
633
.com_bl {
634
padding: 2px;
635
background-color: #3F3F3F;
636
background: url(../img/background-3F3F3F.png);
637
border-left: 1px solid #090909;
638
border-top: 1px solid #090909;
639
border-right: 1px solid #090909;
640
border-bottom: 1px solid #090909;
641
}
642
643
.comTitle {
644
font-size: 16px;
645
font-weight: bold;
646
text-align: left;
647
padding: 3px;
648
background-color: #222222;
649
background: url(../img/background-222.png);
650
border-bottom: 1px solid #090909;
651
}
652
653
.comText {
654
background-color: #444444;
655
background: url(../img/background-444.png);
656
padding: 5px;
657
border-top: 1px solid #333333;
658
}
659
660
.comUserStat {
661
font-size: 12px;
662
color: #A0AAFF;
663
font-weight:bold;
664
border: 0px solid silver;
665
background-color: #333333;
666
margin: 2px;
667
padding: 2px;
668
}
669
670
.comUserStatCaption { font-weight: normal;}
671
672
.comUserStatus {
673
margin-left: 2px;
674
margin-top: 12px;
675
color: #A0AAFF;
676
font-weight:bold;
677
font-size: 12px;
678
}
679
680
.comUserRank { margin: 2px;}
681
682
.comUserRankText {
683
font-size: 12px;
684
font-weight:bold;
685
}
686
687
.comUserRankImg { border: 0px;}
688
.comUserName {}
689
.comUserImg { margin: 2px;}
690
691
.comDate {
692
font-weight: normal;
693
font-style: italic;
694
font-size: smaller;
695
}
696
697
.comDateCaption {
698
font-weight: bold;
699
font-style: normal;
700
}
701
702
703
704
705
706
707
.mediawiki {
708
background-color : #222222;
709
background: url(../img/background-222.png);
710
border-top-width : 2px;
711
border-right-width : 1px;
712
border-bottom-width : 1px;
713
border-left-width : 2px;
714
border-color : #090909;
715
padding: 8;
716
}
717
718
.mediawikitable {
719
background-color: #444444;
720
background: url(../img/background-444.png);
721
}
722
723
724
table.diff {
725
background-color: #444444;
726
background: url(../img/background-444.png);
727
}
728
729
td.diff-otitle {
730
background-color : #333333;
731
background: url(../img/background.png);
732
}
733
734
td.diff-ntitle {
735
background-color : #333333;
736
background: url(../img/background.png);
737
}
738
739
td.diff-addedline {
740
background-color : #222222;
741
background: url(../img/background-222.png);
742
font-size: 94%;
743
}
744
745
td.diff-deletedline {
746
background-color : #222222;
747
background: url(../img/background-222.png);
748
font-size: 94%;
749
}
750
751
td.diff-context {
752
background-color : #333333;
753
background: url(../img/background.png);
754
font-size: 94%;
755
}
756
757
span.diffchange { color: #CC2222; font-weight: bold; }
758
759
760
761
762
.wfdownmain {
763
background-color: #4A4A4A;
764
background: url(../img/background-4A4A4A.png);
765
border-left: 1px solid #090909;
766
border-top: 1px solid #090909;
767
border-right: 1px solid #090909;
768
border-bottom: 1px solid #090909;
769
}
770
771
.wfdownTitle {
772
background-image:url(../img/Navbar.png);
773
background-repeat:repeat-x;
774
color: #D0DFFF;
775
padding-left: 2px;
776
font-size:14px;
777
font-weight: bold;
778
height: 20px;
779
}
780
781
/* color -- dropdown menu for Forum */
782
div.dropdown a, div.dropdown .menubar a{
783
color: #D0DFFF;
784
}
785
786
div.dropdown .menu, div.dropdown .menubar, div.dropdown .item, div.dropdown .separator{
787
background-color: #444444; /* color set in your theme/style.ss .th{} is recommended */
788
color: #D0DFFF;
789
}
790
791
div.dropdown .separator{
792
border: 1px inset #aabbcc;
793
}
794
795
div.dropdown .menu a:hover, div.dropdown .userbar a:hover{
796
color: #aabbcc;
797
}
798
/* color - end */
799
800
Loggerhead is a web-based interface for Breezy
Version: 2.0.1