source: trunk/style/basic/style.css

Last change on this file was 1, checked in by chronos, 9 years ago
  • Imported first test version.
File size: 6.8 KB
Line 
1html,body
2{
3 height: 100%;
4 font-family: sans-serif;
5}
6
7.ActionMenu
8{
9 text-align: center;
10 list-style: none;
11 margin: 0px 0px 0px 0px;
12 padding: 0px 0px 0px 0px;
13}
14
15.ActionMenu li
16{
17 display: inline;
18 padding-left: 4px;
19 padding-right: 4px;
20}
21
22#MainTable
23{
24 width: 100%;
25}
26
27#MainTable td
28{
29 padding: 0px 2px 0px 2px;
30}
31
32#MainTable td td
33{
34 border-width: 0px 0px 0px 0px;
35 border-style: solid;
36 border-color: silver;
37}
38
39form
40{
41 margin: 10px 10px 10px 10px;
42}
43
44.MenuItem
45{
46 float: left;
47}
48
49.MenuItem2
50{
51 text-align: right;
52 width: 100%;
53 font-weight: normal;
54 display: block;
55}
56
57#Footer
58{
59 border-style: solid;
60 border-top-color: gray;
61 border-width: 1px 0 0 0;
62 margin-top: 7px;
63 padding-top: 2px;
64 font-size: 10px;
65 text-align: center;
66}
67
68.Navigation
69{
70 border-style: solid;
71 border-bottom-color: gray;
72 border-width: 0 0 1px 0;
73 margin-bottom: 3px;
74 padding-bottom: 2px;
75}
76
77.Navigation img
78{
79 margin: 0px 0px 0px 0px;
80 padding: 0px 0px 0px 0px;
81 border-width: 0px 0px 0px 0px;
82 vertical-align: middle;
83}
84
85.MainTitle
86{
87 padding: 3px;
88 font-size: 20px;
89 border-style: solid;
90 border-color: blue;
91 border-width: 1px;
92 background-color: #F0F0FF;
93 margin-bottom: 4px;
94}
95
96.NewsTable
97{
98 margin: 2px 0px 2px 0px;
99 padding: 2px 2px 2px 2px;
100 font-size: small;
101 border-style: solid;
102 border-color: red;
103 border-width: 0px;
104 background-color: #FFF0F0;
105 width: 100%;
106 border-collapse: collapse;
107}
108
109.NewsTable td
110{
111 padding: 2px 2px 2px 2px;
112 margin: 0px 0px 0px 0px;
113}
114
115.NewsTable th
116{
117 padding: 2px 2px 2px 2px;
118 margin: 0px 0px 0px 0px;
119}
120
121.NewsTableItem
122{
123 margin: 2px 2px 2px 2px;
124 display: none;
125 border-width: 1px;
126 border-style: solid;
127 border-color: silver;
128 background-color: white;
129 padding: 3px;
130 font-size: 9pt;
131}
132
133.NewsBaseTable
134{
135 width: 100%;
136 border-width: 0px;
137 font-size: small;
138 padding-bottom: 5px;
139 margin-bottom: 5px;
140 border-collapse: collapse;
141}
142
143.NewsBaseTable td
144{
145 padding: 2px 2px 2px 2px;
146 margin: 2px 2px 2px 2px;
147}
148
149.NewsItemFrame
150{
151 border-collapse: collapse;
152 padding: 0px;
153 margin: 2px 2px 2px 2px;
154 font-size: small;
155 color: red;
156 width: 100%;
157}
158
159.RSSIcon
160{
161 margin: 0px 0px 0px 0px;
162 border-width: 0px;
163}
164
165div.HalfWidth
166{
167 text-align: center;
168}
169
170fieldset.HalfWidth
171{
172}
173
174.SystemMessage
175{
176 background: #FFEDED;
177 border: 1px solid #992A2A;
178 border-top: 0;
179 margin: 5px;
180 padding: 0;
181 width: auto;
182}
183
184.SystemMessage h3
185{
186 background: #E3A0A0;
187 border: 1px solid #992A2A;
188 border-left: 0;
189 border-right: 0;
190 color: white;
191 font-size: small;
192 font-weight: bold;
193 margin: 0;
194 padding: 5px;
195}
196
197.SystemMessage div
198{
199 background: transparent;
200 border: 0;
201 color: #992A2A;
202 margin: 0;
203 padding: 8px;
204}
205
206.Centred
207{
208 text-align: center;
209 margin-left: auto;
210 margin-right: auto;
211}
212
213.Form
214{
215 width: 500px;
216 text-align: center;
217 margin-left: auto;
218 margin-right: auto;
219}
220
221.BasicTable
222{
223 width: 100%;
224 text-align: center;
225 margin-left: auto;
226 margin-right: auto;
227}
228
229.BasicTable td
230{
231 text-align: left;
232 padding: 3px 3px 3px 3px;
233}
234
235.BasicTable .Header
236{
237 text-align: right;
238 padding: 3px 3px 3px 3px;
239}
240
241.ChatHistory .Year
242{
243 border-style: solid;
244 border-bottom-color: gray;
245 border-width: 0px 0px 1px 0px;
246 margin-bottom: 3px;
247 padding-bottom: 2px;
248}
249
250.ChatHistory .Year .YearContent
251{
252 margin-left: 15px;
253 margin-right: 15px;
254}
255
256.ChatHistory .Year .YearContent .Months
257{
258 border-style: solid;
259 border-bottom-color: gray;
260 border-width: 0px 0px 1px 0px;
261 margin-bottom: 3px;
262 padding-bottom: 2px;
263}
264
265.ChatHistory .Year .YearContent .Months span
266{
267 position: absolute;
268 left: 100px;
269}
270
271.ChatHistory .YearContent .Months span strong
272{
273 border-style: solid;
274 border-width: 1px;
275 border-color: black;
276 padding-left: 3px;
277}
278
279.ChatHistoryText
280{
281 font-size: small;
282 padding: 10px 0px 10px 0px;
283}
284
285.WideTable
286{
287 border-color: #A0A0A0;
288 border-style: solid;
289 border-width: 1px 1px 0px 0px;
290 border-spacing: 0px;
291 text-align: center;
292 margin-left: auto;
293 margin-right: auto;
294}
295
296.WideTable th
297{
298 border-color: #A0A0A0;
299 border-style: solid;
300 border-width: 0px 0px 1px 1px;
301 padding: 1px 5px 1px 5px;
302 background-color: #F0F0FF
303}
304
305.WideTable td
306{
307 border-color: #A0A0A0;
308 border-style: solid;
309 border-width: 0px 0px 1px 1px;
310 padding: 1px 5px 1px 5px;
311 text-align: center;
312}
313
314.Panel
315{
316 position: relative;
317 border: 1px solid #CCC;
318 margin-top: 5px;
319 margin-bottom: 5px;
320 background-image: url('images/head_cutting.gif');
321 background-repeat: repeat-x;
322 background-color: #fff;
323}
324
325.Panel .Title
326{
327 height: 17px;
328 padding: 3px 0px 0px 8px ;
329 font-size: 12px;
330 font-weight: bold;
331 color: #666;
332 text-align: left;
333 text-transform: uppercase;
334 border-bottom: 1px solid #CCC;
335}
336
337.Panel .Content
338{
339/* position: relative; */
340 overflow: hidden;
341 /*font-size: 13px;*/
342 /*color: #000000;*/
343 padding: 7px;
344}
345
346.Panel .Title .Action
347{
348 position: absolute;
349 top: 3px;
350 right: 3px;
351 white-space: nowrap;
352 color: #000;
353 font-size: 11px;
354 text-transform: capitalize;
355 font-weight: bold;
356 /*margin-right:5px;*/
357}
358
359.NewsPanel
360{
361 position: relative;
362 border: 1px solid #d99;
363 margin-bottom: 6px;
364 background-image: url('images/head_cutting_red.gif');
365 background-repeat: repeat-x;
366 background-color: #FFF;
367}
368
369.NewsPanel .Title
370{
371 height: 17px;
372 padding: 3px 0px 0px 8px ;
373 font-size: 12px;
374 font-weight: bold;
375 color: #a44;
376 text-align: left;
377 text-transform: uppercase;
378 border-bottom: 1px solid #d99;
379}
380
381.NewsPanel .Content
382{
383/* position: relative; */
384 overflow: hidden;
385 font-size: 13px;
386 /*color: #000000;*/
387 padding: 0px;
388}
389
390.NewsPanel .Title .Action
391{
392 position: absolute;
393 top: 3px;
394 right: 3px;
395 white-space: nowrap;
396 color: #000;
397 font-size: 11px;
398 /*text-transform: capitalize;*/
399 font-weight: bold;
400 /*margin-right:5px;*/
401}
402
403.NewsPanel .Title .Action A:link
404{
405 color: #c00;
406}
407
408.NewsPanel .Title .Action A:visited
409{
410 color: #600;
411}
412
413.NewsPanel .Title .Action A:active
414{
415}
416
417.NewsPanel .Title .Action A:hover
418{
419}
420
421.Rotated
422{
423 rotation: 90deg !important;
424 /* ** Hacks ** */
425 -webkit-transform: rotate(-90deg);
426 -moz-transform: rotate(-90deg);
427 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
428}
429
430.RotatedHeader
431{
432 rotation: 90deg !important;
433 /* ** Hacks ** */
434 -webkit-transform: rotate(-90deg);
435 -moz-transform: rotate(-90deg);
436 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
437 width: 8px;
438 margin-top: 28px;
439 margin-right: -6px;
440 font-size: small;
441}
442
443.BaseTable
444{
445 margin: 2px auto 2px auto;
446 border-width: 1px;
447 border-color: black;
448 border-style: solid;
449 border-collapse: collapse;
450}
451
452.BaseTable tr td
453{
454 border-width: 1px;
455 border-color: black;
456 border-style: solid;
457 padding: 2px;
458 text-align: center;
459}
460
461.BaseTable tr th
462{
463 border-width: 1px;
464 border-color: black;
465 border-style: solid;
466 padding: 2px;
467 background-color: #F0F0F0;
468 text-align: center;
469}
Note: See TracBrowser for help on using the repository browser.