← Back to branch summary

~widelands-dev/widelands-website/trunk

« back to all changes in this revision

Viewing changes to media/css/base.css

  • Committer: Holger Rapp
  • Date: 2009-02-25 16:55:36 UTC
  • Revision ID: sirver@kallisto.local-20090225165536-3abfhjx8qsgtzyru
- Added my hacked version of pybb. Remerging new versions is very difficult at this point :(

Show diffs side-by-side

added added

removed removed

Lines of Context:
media/css/base.css
1
 
/* HEADER */
2
 
div#headerbanner {
3
 
    background: url(../img/headback.jpg);
4
 
    background-repeat: repeat-x;
5
 
    color: #FFFFFF;
6
 
    text-align: center;
7
 
    height:110px;
8
 
    border-bottom:2px solid #090909;
9
 
}
10
 
 
11
 
/***************************************************************/
12
 
/*                         SIDECOLUMNS                         */
13
 
/***************************************************************/
14
 
#leftcolumn, #rightcolumn {
15
 
    background-color: #555555;
16
 
    background-image: url('../img/Menubackground.png');
17
 
    border-left: 1px solid #151515;
18
 
    border-right: 1px solid #090909;
19
 
    border-bottom: 1px solid #090909;
20
 
    padding-top: 4px; /* A small space */
21
 
    vertical-align: top;
22
 
 
23
 
}
24
 
/* The content is capsuled in divs, because
25
 
 * Firefox is ignoring min-width arguments
26
 
 * for tables
27
 
 */
28
 
#leftcontent {
29
 
    min-width: 175px;
30
 
}
31
 
#rightcontent { 
32
 
    min-width: 185px;
33
 
}
34
 
 
35
 
 
36
 
/*
37
 
* Mainmenu
38
 
*/
39
 
#mainmenu { 
40
 
    margin: 0px;
41
 
    padding: 0px;
42
 
} 
43
 
#mainmenu li {
44
 
    list-style-image: url('../img/1.gif'); 
45
 
    list-style-position: inside;
46
 
    font-weight: bold;
47
 
    padding: 4px;
48
 
} 
49
 
#mainmenu .sub {
50
 
    padding-left: 20px;
51
 
    color: red;
52
 
    font-weight: normal;
53
 
}
54
 
 
55
 
 
56
 
/******************/
57
 
/* CONTENT COLUMN */
58
 
/******************/
59
 
#content {
60
 
    text-align: left;
61
 
    vertical-align: top;
62
 
    padding: 8px;
63
 
    padding-top: 0px;
64
 
    background-color: #000000;
65
 
    background: url(../img/background.png);
66
 
 
67
 
    font-size: 12px;
68
 
    color: #D0DFFF;
69
 
    width: 100%;
70
 
}
71
 
 
72
 
/****************/
73
 
/* BOTTOM TABLE */
74
 
/****************/
75
 
table#table_bottom {
76
 
    background-color: #333333;
77
 
    background: url(../img/background.png);
78
 
 
79
 
    width: 100%;
80
 
}
81
 
td#table_bottomleft {
82
 
    background: url(../img/table_bottomleft.png);
83
 
    background-repeat: no-repeat;
84
 
    background-position: left;
85
 
    height:8px;
86
 
    width:8px;
87
 
}
88
 
 
89
 
td#table_bottomright {
90
 
    background: url(../img/table_bottomright.png);
91
 
    background-repeat: no-repeat;
92
 
    background-position: right;
93
 
    height:8px;
94
 
    width:8px;
95
 
}
96
 
 
97
 
/**********/
98
 
/* FOOTER */
99
 
/**********/
100
 
#footer {
101
 
    width: 100%;
102
 
    height: 8px;
103
 
    background: url(../img/background.png); 
104
 
}
105
 
 
106
 
/*
107
 
 * Menu Blocks 
108
 
 */
109
 
h3.box_title {
110
 
    color: #D0DFFF;
111
 
    font-weight: bold;
112
 
    font-size: 12px;
113
 
    padding-left: 12px;
114
 
    background-image: url('../img/Navbar.png');
115
 
    background-repeat: repeat-x;
116
 
    border-left: 0px solid #999999;
117
 
    border-right: 0px solid #999999;
118
 
    border-bottom: 0px solid #999999;
119
 
    padding-top: 2px;
120
 
    padding-bottom: 6px;
121
 
    margin: 0px;
122
 
}
123
 
 
124
 
div.box_content {
125
 
    font-size:12px;
126
 
    line-height: 120%;
127
 
    border-left: 0px solid #999999;
128
 
    border-right: 0px solid #999999;
129
 
    padding: 6px;
130
 
    padding-top: 0px;
131
 
    padding-bottom: 20px;
132
 
    background-color: #555555;
133
 
    background-image: url('../img/Menubackground.png');
134
 
}
135
 
 
136
 
div.box_content .sub_content {
137
 
    margin-bottom: 15px;
138
 
}
139
 
 
140
 
.box_content p {
141
 
    margin: 0px;
142
 
    padding: 0px;
143
 
    padding-bottom: 4px;
144
 
}
145
 
 
146
 
.box_content h4 {
147
 
    margin: 0px;
148
 
    padding: 0px;
149
 
    padding-bottom: 4px;
150
 
}
151
 
 
152
 
.block_center {
153
 
    text-align: center;
154
 
}
155
 
 
156
 
/***************************************************************/
157
 
/*                   GENERAL STYLE ELEMENTS                    */
158
 
/***************************************************************/
159
 
body {
160
 
    color: #D0DFFF;
161
 
    font-family: Verdana, Arial, Helvetica, sans-serif;
162
 
    font-size: 12px;
163
 
    background-color: #000000;
164
 
    margin: 0;
165
 
    padding: 0;
166
 
}
167
 
 
168
 
img {
169
 
    border: 0px;
170
 
}
171
 
 
172
 
a {
173
 
    color: #D0DFFF;
174
 
    text-decoration: none;
175
 
    font-weight: bold;
176
 
    background-color: transparent;
177
 
}
178
 
a.external:before {
179
 
        padding-right: 2px;
180
 
    /* Must be an absolute reference, otherwise some browsers give errors */
181
 
    content: url(/wlmedia/img/external_link.gif);
182
 
}
183
 
a.missing {
184
 
    color: rgb(255, 85, 0);
185
 
} 
186
 
 
187
 
 
188
 
a:hover {
189
 
    color: #A0AAFF;
190
 
    text-decoration: underline;
191
 
}
192
 
  
193
 
/*
194
 
 * Default table layout
195
 
 */
196
 
th {
197
 
    font-weight: bold;
198
 
    background-position: left;
199
 
    text-align: left;
200
 
    padding-left: 4px;
201
 
    background-image: url('../img/Navbar.png');
202
 
    background-repeat: repeat-x;
203
 
    height: 20px;
204
 
}
205
 
 
206
 
/*
207
 
 * Odd Even Tags (mainly for tables)
208
 
 */
209
 
.even {
210
 
    background-color: #444444;
211
 
    background: url(../img/background-444.png);
212
 
    padding: 5px;
213
 
}
214
 
 
215
 
.odd {
216
 
    background-color: #4f4f4f;
217
 
    background: url(../img/background-4F4F4F.png);
218
 
    padding: 5px;
219
 
}
220
 
 
221
 
/*
222
 
 * Error Handling
223
 
 */
224
 
.errormessage {
225
 
    color: #ff0000;
226
 
    font-size: 13px;
227
 
}
228
 
 
229
 
/* 
230
 
 * Search Box
231
 
 */
232
 
#id_search {
233
 
    width: 150px; 
234
 
}
235
 
 
236
 
/*
237
 
 * Events
238
 
 */
239
 
.event {
240
 
    text-align: center;
241
 
    width: 100%;
242
 
    padding-bottom: 5px;
243
 
}
244
 
 
245
 
.event .date {
246
 
    font-size: 80%
247
 
}
248
 
 
249
 
 
250
 
/*
251
 
 * Box Item Model
252
 
 */
253
 
.box_item_model {
254
 
 
255
 
}
256
 
 
257
 
.border {
258
 
    border: 1px solid rgb(9, 9, 9);
259
 
}
260
 
    
261
 
.full_site {
262
 
    width: 100%;
263
 
}
264
 
 
265
 
.fixed_site {
266
 
    width: 540px;
267
 
}
268
 
 
269
 
.box_item_model img.news {
270
 
    float: right;
271
 
    padding: 0px;
272
 
    width: 20px;
273
 
}
274
 
 
275
 
.box_item_model .border_top {
276
 
    border-top: 1px solid rgb(9, 9, 9);
277
 
}
278
 
 
279
 
.box_item_model h3.title {
280
 
    font-weight: bold;
281
 
    font-size: 12px;
282
 
    padding-left: 12px;
283
 
    background-image: url('../img/Navbar.png');
284
 
    background-repeat: repeat-x;
285
 
    border-left: 0px solid #999999;
286
 
    border-right: 0px solid #999999;
287
 
    border-top: 0px solid #999999;
288
 
    padding-top: 2px;
289
 
    padding-bottom: 0px;
290
 
    margin: 0px;
291
 
}
292
 
 
293
 
.box_item_model .content {
294
 
    line-height: 120%;
295
 
    border: 0px;
296
 
    padding: 2px;
297
 
    padding-top: 5px;
298
 
    padding-left: 15px;
299
 
    background-color: #3F3F3F;
300
 
    background: url('../img/background-3F3F3F.png');
301
 
}
302
 
 
303
 
.box_item_model .info_line {
304
 
    text-align: right;
305
 
    padding: 3px;
306
 
    margin: 0px;
307
 
    background-color: #222222;
308
 
    background: url('../img/background-222.png');
309
 
}
310
 
 
311
 
.box_item_model .text {
312
 
   vertical-align: baseline;
313
 
   margin-top: 5px;
314
 
   margin-bottom: 5px;
315
 
   margin: 0px;
316
 
   line-height: 130%;
317
 
}
318
 
 
319
 
.box_item_model .text:first-letter {
320
 
    color: #7070FF;
321
 
    font-size: 180%;
322
 
    font-family: Cretino, "Bitstream Vera Serif", serif;
323
 
    font-weight: bold;
324
 
}
325
 
 
326
 
.box_item_model .show_right {
327
 
    text-align: right;
328
 
    vertical-align: top;
329
 
}
330
 
 
331
 
.box_item_model .show_left {
332
 
    text-align: left;
333
 
    vertical-align: top;
334
 
}
335
 
 
336
 
.box_item_model .show_center {
337
 
    text-align: center;
338
 
    vertical-align: top;
339
 
}
340
 
 
341
 
.show_center {
342
 
    text-align: center;
343
 
    vertical-align: top;
344
 
}
345
 
.button_send {
346
 
    padding:0;
347
 
    margin:0;
348
 
    border:none;
349
 
    color: #222222;
350
 
    background: url(../forum/img/en/send.png) no-repeat center; 
351
 
    background-repeat: no-repeat;
352
 
    font-size:12px;
353
 
    width:100px;
354
 
    height: 25px;
355
 
    cursor: pointer;
356
 
}
357
 
.button_preview {
358
 
    padding:0;
359
 
    margin:0;
360
 
    border:none;
361
 
    color: #222222;
362
 
    background: url(../forum/img/en/preview.png) no-repeat center; 
363
 
    background-repeat: no-repeat;
364
 
    font-size:12px;
365
 
    width:100px;
366
 
    height: 25px;
367
 
    cursor: pointer;
368
 
}
 
1
/* HEADER */
 
2
div#headerbanner {
 
3
background: url(../img/headback.jpg);
 
4
background-repeat: repeat-x;
 
5
color: #FFFFFF;
 
6
text-align: center;
 
7
height:110px;
 
8
border-bottom:2px solid #090909;
 
9
}
 
10
div#headerbottombar {
 
11
border: 0px;
 
12
height: 20px;
 
13
background-image: url(../img/Navbar.png);
 
14
background-repeat: repeat-x;
 
15
}
 
16
 
 
17
 
 
18
/***************************************************************/
 
19
/*                         SIDECOLUMNS                         */
 
20
/***************************************************************/
 
21
#leftcolumn, #rightcolumn {
 
22
 background-color: #555555;
 
23
 background-image: url('../img/Menubackground.png');
 
24
 border-left: 1px solid #151515;
 
25
 border-right: 1px solid #090909;
 
26
 border-bottom: 1px solid #090909;
 
27
 padding-top: 4px; /* A small space */
 
28
 vertical-align: top;
 
29
 
 
30
}
 
31
/* The content is capsuled in divs, because
 
32
 * Firefox is ignoring min-width arguments
 
33
 * for tables
 
34
 */
 
35
#leftcontent {
 
36
   min-width: 175px;
 
37
}
 
38
#rightcontent {
 
39
   min-width: 170px;
 
40
}
 
41
 
 
42
 
 
43
/*
 
44
* Mainmenu
 
45
*/
 
46
#mainmenu { 
 
47
margin: 0px;
 
48
padding: 0px;
 
49
} 
 
50
#mainmenu li {
 
51
 list-style-image: url('../img/1.gif'); 
 
52
 list-style-position: inside;
 
53
 font-weight: bold;
 
54
 padding: 4px;
 
55
} 
 
56
#mainmenu .sub {
 
57
padding-left: 20px;
 
58
color: red;
 
59
font-weight: normal;
 
60
}
 
61
 
 
62
 
 
63
/******************/
 
64
/* CONTENT COLUMN */
 
65
/******************/
 
66
#content {
 
67
 text-align: left;
 
68
 vertical-align: top;
 
69
 padding: 8px;
 
70
 padding-top: 0px;
 
71
 background-color: #333333;
 
72
 background: url(../img/background.png);
 
73
 
 
74
 font-size: 12px;
 
75
 color: #D0DFFF;
 
76
 width: 100%;
 
77
}
 
78
 
 
79
/****************/
 
80
/* BOTTOM TABLE */
 
81
/****************/
 
82
table#table_bottom {
 
83
 background-color: #333333;
 
84
 background: url(../img/background.png);
 
85
 
 
86
 width: 100%;
 
87
}
 
88
td#table_bottomleft {
 
89
 background: url(../img/table_bottomleft.png);
 
90
 background-repeat: no-repeat;
 
91
 background-position: left;
 
92
 height:8px;
 
93
 width:8px;
 
94
}
 
95
 
 
96
td#table_bottomright {
 
97
 background: url(../img/table_bottomright.png);
 
98
 background-repeat: no-repeat;
 
99
 background-position: right;
 
100
 height:8px;
 
101
 width:8px;
 
102
}
 
103
 
 
104
/**********/
 
105
/* FOOTER */
 
106
/**********/
 
107
#footer {
 
108
 width: 100%;
 
109
 height: 8px;
 
110
 background: url(../img/background.png); 
 
111
}
 
112
/* Menu Blocks */
 
113
h3.box_title {
 
114
    color: #D0DFFF;
 
115
    font-weight: bold;
 
116
    font-size: 12px;
 
117
    padding-left: 12px;
 
118
    background-image: url('../img/Navbar.png');
 
119
    background-repeat: repeat-x;
 
120
    border-left: 0px solid #999999;
 
121
    border-right: 0px solid #999999;
 
122
    border-bottom: 0px solid #999999;
 
123
    padding-top: 2px;
 
124
    padding-bottom: 6px;
 
125
    margin: 0px;
 
126
}
 
127
div.box_content {
 
128
 font-size:12px;
 
129
 line-height: 120%;
 
130
 border-left: 0px solid #999999;
 
131
 border-right: 0px solid #999999;
 
132
 padding: 6px;
 
133
 padding-top: 0px;
 
134
 padding-bottom: 20px;
 
135
}
 
136
 
 
137
 
 
138
/***************************************************************/
 
139
/*                   GENERAL STYLE ELEMENTS                    */
 
140
/***************************************************************/
 
141
body {
 
142
 color: #D0DFFF;
 
143
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
144
 font-size: 12px;
 
145
 background-color: #000000;
 
146
 margin: 0;
 
147
 padding: 0;
 
148
}
 
149
 
 
150
img {
 
151
   border: 0px;
 
152
}
 
153
 
 
154
a {
 
155
 color: #D0DFFF;
 
156
 text-decoration: none;
 
157
 font-weight: bold;
 
158
 background-color: transparent;
 
159
}
 
160
 
 
161
 
 
162
a:hover {
 
163
 color: #A0AAFF;
 
164
 text-decoration: underline;
 
165
}
 
166
 
 
167
/*
 
168
 * Default table layout
 
169
 */
 
170
th {
 
171
   font-weight: bold;
 
172
   background-position: left;
 
173
   text-align: left;
 
174
   padding-left: 4px;
 
175
   background-image: url('../img/Navbar.png');
 
176
   background-repeat: repeat-x;
 
177
   height: 20px;
 
178
}
 
179
 
 
180
/*
 
181
 * Odd Even Tags (mainly for tables)
 
182
 */
 
183
.even {
 
184
 background-color: #444444;
 
185
 background: url(../img/background-444.png);
 
186
 padding: 5px;
 
187
}
 
188
 
 
189
.odd {
 
190
 background-color: #4f4f4f;
 
191
 background: url(../img/background-4F4F4F.png);
 
192
 padding: 5px;
 
193
}
 
194
 
 
195
.legend {
 
196
}
 
197
 
 
198