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

Last change on this file since 40 was 40, checked in by g7moreau, 13 years ago
  • Add web-klask project from Kevin Reverchon
File size: 6.4 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
241TR{
242font-family: sans-serif;
243font-size: 15px;
244border: thin solid #6495ed;
245width: 50%;
246padding: 5px;
247text-align: center;
248background-color: #ffffff;
249}
250
251TD{
252font-family: sans-serif;
253font-size: 14px;
254#border: thin solid #6495ed;
255width: 10%;
256padding: 5px;
257text-align: left;
258background-color: #ffffff;
259#font-weight: bold;
260}
261
262TD#title{
263font-family: sans-serif;
264font-size: 15px;
265#border: thin solid #6495ed;
266width: 10%;
267padding: 5px;
268text-align: left;
269background-color: #ffffff;
270font-weight: bold;
271}
272
273TD#klask{
274font-family: sans-serif;
275font-size: 10px;
276#border: thin solid #6495ed;
277width: 10%;
278padding: 5px;
279text-align: left;
280background-color: #ffffff;
281font-weight: bold;
282}
283
284TD#submit{
285font-family: sans-serif;
286font-size: 15px;
287#border: thin solid #6495ed;
288width: 50%;
289padding: 5px;
290text-align: center;
291background-color: #ffffff;
292font-weight: bold;
293}
294
295
296TABLE#login {
297#border: medium solid #6495ed;
298#border-collapse: collapse;
299width: 100%;
300font-size: 12px;
301}
302
303TR#login{
304font-family: sans-serif;
305font-size: 12px;
306border: thin solid #6495ed;
307width: 50%;
308padding: 5px;
309text-align: center;
310background-color: #ffffff;
311}
312
313TD#login{
314font-family: sans-serif;
315font-size: 12px;
316#border: thin solid #6495ed;
317width: 50%;
318padding: 5px;
319text-align: left;
320background-color: #ffffff;
321font-weight: bold;
322}
323
324div.img_left, div.img_right {
325    border-bottom: 0.09em solid #4284B5;
326    border-right: 0.1em solid #4284B5;
327}
328
329div.img_left {
330    float: left;
331    margin: 0.5em 0.8em 0em 0em;
332}
333
334div.img_right {
335    float: right;
336    margin: 0.5em 0em 0em 0.8em;
337}
338
339
340div.img_left img, div.img_right img {
341    display: block;
342    border: 0.35em solid #7BA5C6;
343    margin: 0;
344    padding: 0;
345}
346
347/* this clears floating (e.g images) */
348br.clear {
349    clear: both;
350    display: none;
351}
352
353
354/* footer: */
355
356#footer {
357    margin: 0em;
358    padding: 0em;
359    font-size: 0.6em;
360    clear: both;
361    color: #027BC1;
362    text-align: right;
363}
364
365#footer p {
366    margin: 0em;
367    padding: 0.1em;
368}
369
370#footer a:link, #footer a:visited {
371    color: #027BC1;
372}
373
374#footer a:hover, #footer a:active {
375    color: #000000;
376}
377
378
Note: See TracBrowser for help on using the repository browser.