Ticket #871: main.css

File main.css, 6.2 KB (added by Simek, 15 years ago)
Line 
1/*   General   */
2
3a, a:link, a:visited, a:active {
4        text-decoration: none;
5}
6
7a:hover { text-decoration: underline; }
8
9body {
10        font-family: Verdana, Arial, Sans Serif;
11        font-size: 13px;
12        margin: 5px 10px;
13}
14
15h1, h2 {
16        font-size: x-large;
17        font-weight: normal;
18}
19
20h1 {
21        margin: 10px;
22}
23
24h3, h4 { font-weight: bold; }
25
26hr {
27        size: 0;
28        margin: 8px 2px;
29}
30
31img,
32img.userimg {
33        border: none;
34}
35
36table {
37        padding: 4px;
38        margin: 2px;
39}
40
41table.bordered {
42        border-width: 2px;
43        border-style: solid;
44        -moz-border-radius: 6px;
45        -webkit-border-radius: 6px;
46        -khtml-border-radius: 6px;
47        border-radius: 6px;
48}
49
50th {
51        font-weight: bold;
52        vertical-align: top;
53}
54
55td {
56        vertical-align: top;
57        padding: 4px;
58}
59
60td.bordered {
61        border-width: 1px;
62        border-style: solid;
63}
64
65td.indent {
66        border-left-width: 4px;
67        border-left-style: solid;
68}
69
70td.heading {
71        font-weight: bold;
72        margin: 4px 0;
73        padding: 8px;
74}
75
76td.fieldname {
77        text-align: right;
78        padding-right: 10px;
79        margin: 2px 0;
80        vertical-align: middle;
81}
82
83td.fieldvalue {
84        margin: 2px 0;
85        vertical-align: middle;
86}
87
88td.fieldname_error {
89        text-align: right;
90}
91
92td.fieldvalue_error {
93        font-weight: bold;
94}
95
96td.navbar {
97        border: none;
98        text-align: center;
99        vertical-align: middle;
100}
101
102td.friend {
103        text-align: center;
104        vertical-align: middle;
105}
106
107.row0,
108.row1 ,
109.highlighted_row0,
110.highlighted_row1 {
111        text-align: left;
112}
113
114/*   Buttons etc.   */
115
116input[type="button"],
117input[type="submit"],
118.btn {
119        padding: 4px 8px;
120        margin: 2px;
121        border-width: 1px;
122        border-style: solid;
123        font-size: 11px;
124        font-weight: normal;
125        -moz-border-radius: 5px;
126        -webkit-border-radius: 5px;
127        -khtml-border-radius: 5px;
128        border-radius: 5px;
129}
130
131        /* IE6 doesn't understand [type=XXXX] so we use class "button" */
132
133a.button {
134
135        line-height: 2.4em;
136        padding: 4px 8px;
137        margin: 0 4px;
138        border-width: 1px;
139        border-style: solid;
140        font-size: 11px;
141        font-weight: normal;
142        white-space: nowrap;
143        -moz-border-radius: 5px;
144        -webkit-border-radius: 5px;
145        -khtml-border-radius: 5px;
146        border-radius: 5px;
147}
148
149input[type="button"]:hover,
150input[type="submit"]:hover,
151input.btn:hover, 
152.button:hover ,
153.forum_toplinks a:hover {
154        text-decoration: none;
155}
156
157input[type="text"], select, textarea {
158        border-width: 1px;
159        border-style: solid;
160        margin: 2px 4px;
161        padding: 3px;
162        font-size: 12px;
163        -moz-border-radius: 5px;
164        -webkit-border-radius: 5px;
165        -khtml-border-radius: 5px;
166        border-radius: 5px;
167}
168
169.actionlist {
170        display: inline;
171        list-style: none;
172        margin: 0;
173        padding: 0;
174}
175
176.actionlist li {
177        display: inline;
178}
179
180/*   Main Page   */
181
182#news {
183        border-width: 2px;
184        border-style: solid;
185        padding: 10px;
186        margin: 4px;
187        -moz-border-radius: 10px;
188        -webkit-border-radius: 10px;
189        -khtml-border-radius: 10px;
190        border-radius: 10px;
191}
192
193#news h2,
194#uotd h2,
195#mainnav h2 {
196        margin-top: 0;
197        font-size: 1.2em;
198        font-weight: bold;
199}
200
201#news h3 {
202        font-size: 1em;
203        margin-bottom: 2px;
204}
205
206#news p {
207        margin-top: 0;
208}
209
210#uotd {
211        border-width: 2px;
212        border-style: solid;
213        padding: 10px;
214        margin: 4px;
215        -moz-border-radius: 10px;
216        -webkit-border-radius: 10px;
217        -khtml-border-radius: 10px;
218        border-radius: 10px;
219}
220
221/*   Forum   */
222
223td.category , tr.subtitle{
224        border: none;
225        font-weight: bold;
226        margin: 6px 0;
227}
228
229th {
230        font-weight: bold;
231        margin: 4px 2px;
232        padding: 4px;
233}
234
235td.postheader { 
236        font-size: 11px;
237        height: 24px;
238        margin-left: 4px;
239        padding-left: 8px; 
240        -moz-border-radius: 0 10px;
241        -webkit-border-radius-bottomleft: 10px;
242        -webkit-border-radius-bottomright: 10px;
243        -khtml-border-radius-bottomleft: 10px;
244        -khtml-border-radius-bottomright: 10px;
245        border-radius-bottomleft: 10px;
246        border-radius-bottomright: 10px;
247}
248
249td.postbody { 
250        font-size: 9pt;
251        margin-left: 4px;
252}
253
254td.postfooter {
255        font-size: 11px;
256        height: 26px; 
257        margin-left: 4px; 
258        padding-left: 8px; 
259        -moz-border-radius: 10px 10px 0 0;
260        -khtml-border-radius-topleft: 10px;
261        -khtml-border-radius-topright: 10px;
262        -webkit-border-radius-topleft: 10px;
263        -webkit-border-radius-topright: 10px;
264        border-radius-topleft: 10px;
265        border-radius-topright: 10px;
266}
267
268td.postfooter .button {
269        line-height: 2.2em;
270        margin: 0 4px;
271}
272
273tr.helpdeskseperator {
274        height: 10pt;
275}
276
277tr.postseperator {
278        border-width: 1px;
279        border-style: solid;
280        margin: 4px 0;
281}
282
283td.threadline ,
284td.numbers {
285        text-align: left;
286}
287
288td.numbers {
289        text-align: center;
290}
291
292td.lastpost {
293}
294
295.title {
296        font-size: 14px;
297        font-weight: bold;
298}
299
300.description {
301        font-size: 80%;
302        font-weight: normal;
303}
304
305.authorcol {
306        width: 136px;
307        overflow: hidden;
308}
309
310div.authorcol { 
311        border-width: 1px;
312        border-style: solid; 
313        padding: 8px 5px; 
314        width: 120px; 
315        margin-left: 2px; 
316        -moz-border-radius: 10px;
317        -webkit-border-radius: 10px;
318        -khtml-border-radius: 10px;
319        border-radius: 10px;
320} 
321
322.authorinfo {
323        font-size: 11px;
324}
325
326.authorinfo img { 
327        border-width: 1px;
328        border-style: solid;
329        margin: 3px 9px; 
330} 
331
332.authorcol .button {
333        margin: 0 6px;
334        line-height: 2.6em;
335} 
336
337blockquote.postbody {
338        border-left-width: 2px;
339        border-left-style: solid;
340        padding: 2px 6px;
341        margin: 0 6px 0 10px;
342        font-style: italic;
343} 
344
345#thread {
346        width: 100%;
347        table-layout: fixed;
348        overflow: visible;
349}
350
351.forum_toplinks td {
352        vertical-align: middle;
353}
354
355span.page_title {
356        font-size: 24px;
357        margin: 20px;
358}
359
360span.note {
361        font-weight: normal;
362        font-size: 0.9em;
363}
364
365span.news_date {
366        font-size: 0.9em;
367}
368
369span.news_title,
370span.inboxunread {
371        font-weight: bold;
372}
373
374.nobr{
375        white-space: nowrap;
376}
377
378.code {
379        font-family: "Courier New", courier, monospace;
380        display: block;
381        margin-left: 5em;
382        border-left-width: 3px;
383        border-left-style: solid; 
384        padding-left: 1em;
385        white-space: nowrap;
386        overflow: auto;
387}
388
389.smalltext {
390        font-size: 0.8em;
391}
392
393.error,
394.notice  {
395        font-weight: bold;
396        font-size: 1.1em;
397}
398
399#preview {
400        border-width: 2px;
401        border-style: solid;
402        margin: 1em;
403        padding: 0.2em;
404}
405
406#preview .header {
407        font-weight: bold;
408        font-size: 1.3em;
409        border-bottom-width: 1px;
410        border-bottom-style: solid;
411}
412
413/*   IE hack   */
414
415* html body .code {
416        white-space: normal;
417}