source: branches/web-klask/css/handheld.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: 2.1 KB
Line 
1/*
2** BLUE:SKY - compact css stylesheet
3** This CSS file makes the webpage look good on
4** small display areas (eg: handheld devices)...
5**
6** March 6, 2006 - (version 1.0)
7**
8** this is a part of the open source layout by
9** Jonas John (www.jonasjohn.de) ~ made for oswd.org !
10*/
11
12body {
13        color: gray;
14        background-color: white;
15        font-family: Verdana, helvetica, arial, sans-serif;
16        font-size: 70%;
17        margin: 0;
18        padding: 0;
19}
20
21#header {
22        margin: 0.3em 1em 0.2em 1em;
23        padding: 0.2em 0em 0.25em 0em;
24        font-size: 1.3em;
25        font-weight: bold;
26}
27
28#header a:link, #header a:visited {
29        color: #004072;
30        text-decoration: none;
31}
32
33#path {
34        color: gray;
35        margin: 0.2em 0em 1em 0em;
36        padding: 0.3em 0.2em 0.3em 0.2em;
37        border: 1px solid #81AFD1;
38}
39
40#content {
41        text-align: justify;
42        line-height: 1.5em;
43        margin: 0 1em 0em 1em;
44        padding: 0;
45}
46
47#content p {
48        margin: 0 0 1.5em 0;
49        padding: 0;
50        line-height: 1.35em;
51}
52
53#content a {
54        color: gray;
55        background-color: transparent;
56        text-decoration: underline;
57}
58
59#content a:hover {
60        color: #4682B4;
61        background-color: transparent;
62        text-decoration: none;
63}
64
65#content h1 {
66        clear: both;
67        font-family: Verdana, helvetica, arial, sans-serif;
68        font-size: 1.45em;
69        font-weight: bold;
70        margin: 1em 0em 0.3em 0em;
71        padding: 0.5em 0em 0em 0em;
72}
73
74div.img_left {
75    float: left;     
76        margin: 0.5em 0.8em 0em 0em;
77}
78
79div.img_right {
80    float: right;     
81        margin: 0.5em 0em 0em 0.8em;
82}
83
84div.img_left img, div.img_right img {
85    display: block;
86    border: 0.35em solid #7BA5C6;
87    padding: 0;
88       
89        /*
90        experimental:
91        width: 70%;
92        height: 70%;
93        */
94}
95
96br.clear {
97        display: none;
98        clear: both;
99}
100
101acronym {
102        border-bottom: 0.06em dotted #666;
103}
104
105.left_box {
106        display: none;
107}
108
109#nav {
110        clear: both;
111        margin: 0.3em 1em 0.2em 1em;
112}
113
114#nav a:link, #nav a:visited {
115        color: #004072;
116        line-height: 1.4em;
117}
118
119#footer {
120  color: #CCC;
121  margin: 0;
122  padding: 0.25em 5mm 1.25ex 4mm;
123  clear: both;
124}
125
126#footer a {
127  color: #CCC;
128  text-decoration: underline;
129}
130
131#footer a:hover {
132  color: #4682B4;
133  text-decoration: none;
134}
135
Note: See TracBrowser for help on using the repository browser.