source: branches/web-klask/css/bluesky.css @ 40

Last change on this file since 40 was 40, checked in by g7moreau, 16 years ago
  • Add web-klask project from Kevin Reverchon
File size: 6.2 KB
Line 
1/*
2** BLUE:SKY - main stylesheet
3** This CSS file makes the webpage look pretty ;-)
4**
5** March 5, 2006 - (version 1.0)
6**
7** this is a part of the open source layout by
8** Jonas John (www.jonasjohn.de) ~ made for oswd.org !
9*/
10
11/* page overall: */
12
13html * { 
14    margin: 0; 
15    padding: 0; 
16    border: 0;
17}
18 
19body {
20    margin: 0.5em 0em 2em 0em;
21
22    font-size: 100%;
23    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
24    line-height: 1.1em;
25    text-align: center;
26   
27    background-color: #A5DDF8;
28    background-image: url(../images/background.png);
29    background-repeat: repeat-x;
30}
31 
32#page { 
33    width: 95%; 
34    text-align: left; 
35    margin-left: auto; 
36    margin-right: auto; 
37} 
38
39
40/* header: */
41
42#header {
43    position: relative; 
44    width: 100%;
45    height: 2.8em;
46    color: #fff;
47    vertical-align: middle;
48    text-align: left;
49} 
50
51#header a:link, #header a:visited {
52    color: #FFFFFF;
53    text-decoration: none;
54    font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
55    font-weight: bold;
56    font-size: 1.9em;
57    letter-spacing: -0.1em !important;
58    letter-spacing: -0.2em;
59    line-height: 1.2em;
60}
61
62
63/* left column: */
64
65#left {
66    width: 24%; 
67    float: left; 
68    position: relative; 
69    font-size: 0.8em;
70}
71
72div#nav {
73    background-color: #fff;
74    width: 90%;   
75    border-right: 0.18em solid #4284B5;
76    border-bottom: 0.16em solid #4284B5;
77}
78   
79#nav ul {
80    list-style-type: none;
81    padding: 0.5em 0em 0.9em 0em;
82}
83
84#nav ul li {
85    padding: 0.2em 0em 0.2em 0.9em;
86    margin-right: 0.3em;
87}
88
89#nav a:link, #nav a:visited {
90    color: #2E668B;
91}
92 
93#nav a:hover, #nav a:active {
94    color: #000;
95}
96
97div.left_box {
98    background-color: #fff;
99    width: 90%;
100    margin-top: 1em;
101    border-right: 0.18em solid #4284B5;
102    border-bottom: 0.16em solid #4284B5;
103
104}
105
106div.left_box h3, div#nav h3 {
107    margin: 0em;
108    padding: 0.2em 0em 0.2em 1em;
109    font-size: 0.8em;
110    color: #fff;
111    border-top: 0.1em solid #65B6E3;   
112    border-left: 0.1em solid #65B6E3;   
113    background-color: #4284B5;
114    text-transform: uppercase;
115    font-family: Verdana, Arial, sans-serif;
116}
117
118div.left_box p {
119    margin: 0em;
120    padding: 1em 1em 1em 1em;
121}
122
123div.left_box a:link {
124    color: #2E668B;
125}
126   
127div.left_box a:visited {
128    color: #254A65; 
129}
130 
131div.left_box a:hover, div.left_box a:active {
132    color: #000;
133}
134
135div.inner_box {
136    border-right: 0.15em solid #7BA5C6;
137    border-bottom: 0.15em solid #7BA5C6;
138}
139
140
141
142/* content column: */
143
144#content {
145    float: right; 
146    display: inline; 
147    position: relative; 
148    width: 75%; 
149    font-size: 0.75em;
150   
151    background-color: #fff;
152
153    border-right: 0.2em solid #4284B5;
154    border-bottom: 0.2em solid #4284B5;
155}
156
157#content h1 {
158    clear: both;
159    margin: 0em 0em 0em 0em;
160    padding: 0.5em 0em 0em 0.1em;
161    font-size: 1.7em;
162    font-family: "Trebuchet MS", Arial, sans-serif;
163    color: #FF6300;
164    border-bottom: 0.05em solid #FF9853;
165    line-height: 1em;
166}
167
168#content p {
169    margin: 0em 0em 0.5em 0em;
170    padding: 0.35em;
171}
172
173#path {
174    font-family: Verdana, Arial, sans-serif;
175    margin: 0em 0em 0em 0em;
176    padding: 0.4em 0.6em 0.4em 0.6em;
177    font-size: 0.9em;
178    color: #2F5E80;
179    background-color: #D0E7F4;
180    border-right: 0.23em solid #7BA5C6;
181}
182
183#content a:link {
184    color: #2E668B;
185}
186   
187#content a:visited {
188    color: #255270; 
189}
190 
191#content a:hover, #content a:active {
192    color: #000;
193}
194
195#content acronym {
196    border-bottom: 1px dotted #4284B5;
197    cursor: help;
198    margin: 0;
199    padding: 0;
200}
201
202#main {
203    padding: 0.5em 1.5em 1.5em 0.7em;
204    border-bottom: 0.2em solid #7BA5C6;
205    border-right: 0.2em solid #7BA5C6;
206}
207
208INPUT {
209     color:#000000;
210     background-color:#D0E7F4;
211     font-size:15px;
212     font-family:arial;
213        font-weight: normal; 
214}
215
216INPUT#login {
217     color:#000000;
218     background-color:#D0E7F4;
219     font-size:12px;
220     font-family:arial;
221         font-weight: normal; 
222}
223
224SELECT {
225     color:#000000;
226     background-color:#D0E7F4;
227     font-size:15px;
228     font-family:arial;
229         font-weight: normal; 
230         
231         
232}
233
234TABLE {
235#border: medium solid #6495ed;
236#border-collapse: collapse;
237width: 100%;
238font-size: 8px;
239}
240
241TABLE#klask {
242#border: medium solid #6495ed;
243#border-collapse: collapse;
244width: 100%;
245font-size: 8px;
246}
247
248TR{
249font-family: sans-serif;
250font-size: 15px;
251border: thin solid #6495ed;
252width: 50%;
253padding: 5px;
254text-align: center;
255background-color: #ffffff;
256}
257
258TD{
259font-family: sans-serif;
260font-size: 14px;
261#border: thin solid #6495ed;
262width: 10%;
263padding: 5px;
264text-align: left;
265background-color: #ffffff;
266#font-weight: bold;
267}
268
269TD#title{
270font-family: sans-serif;
271font-size: 15px;
272#border: thin solid #6495ed;
273width: 10%;
274padding: 5px;
275text-align: left;
276background-color: #ffffff;
277font-weight: bold;
278}
279
280TD#klask{
281font-family: sans-serif;
282font-size: 10px;
283#border: thin solid #6495ed;
284width: 10%;
285padding: 5px;
286text-align: left;
287background-color: #ffffff;
288font-weight: bold;
289}
290
291TD#submit{
292font-family: sans-serif;
293font-size: 15px;
294#border: thin solid #6495ed;
295width: 50%;
296padding: 5px;
297text-align: center;
298background-color: #ffffff;
299font-weight: bold;
300}
301
302
303TABLE#login {
304#border: medium solid #6495ed;
305#border-collapse: collapse;
306width: 100%;
307font-size: 12px;
308}
309
310TR#login{
311font-family: sans-serif;
312font-size: 12px;
313border: thin solid #6495ed;
314width: 50%;
315padding: 5px;
316text-align: center;
317background-color: #ffffff;
318}
319
320TD#login{
321font-family: sans-serif;
322font-size: 12px;
323#border: thin solid #6495ed;
324width: 50%;
325padding: 5px;
326text-align: left;
327background-color: #ffffff;
328font-weight: bold;
329}
330
331div.img_left, div.img_right {
332    border-bottom: 0.09em solid #4284B5;
333    border-right: 0.1em solid #4284B5;
334}
335
336div.img_left {
337    float: left; 
338    margin: 0.5em 0.8em 0em 0em;
339}
340
341div.img_right {
342    float: right; 
343    margin: 0.5em 0em 0em 0.8em;
344}
345
346
347div.img_left img, div.img_right img {
348    display: block;
349    border: 0.35em solid #7BA5C6;
350    margin: 0;
351    padding: 0;
352}
353
354/* this clears floating (e.g images) */
355br.clear {
356    clear: both;
357    display: none;
358}
359
360
361/* footer: */
362
363#footer { 
364    margin: 0em;
365    padding: 0em;
366    font-size: 0.6em;
367    clear: both;
368    color: #027BC1;
369    text-align: right;
370} 
371
372#footer p {
373    margin: 0em;
374    padding: 0.1em;
375}
376
377#footer a:link, #footer a:visited { 
378    color: #027BC1;
379} 
380
381#footer a:hover, #footer a:active { 
382    color: #000000;
383} 
384
385
Note: See TracBrowser for help on using the repository browser.