slitaz-doc view slitaz/book.css @ rev 39

Update all index xHTML skel (header, footer, etc) for new CSS
author Christophe Lincoln <pankso@slitaz.org>
date Wed Dec 30 14:46:29 2009 +0100 (2009-12-30)
parents 640ec0cb28b5
children 2a2389b1cec0
line source
1 /*
2 CSS style for SliTaz GNU/Linux *book.
3 Pankso 2007 - www.slitaz.org
4 */
5
6 html {
7 height: 102%;
8 }
9
10 body {
11 font: 13px sans-serif, vernada, arial;
12 background: #ffffff;
13 margin: 0;
14 }
15
16 #header {
17 background: #f0ba08 url(images/css/header.png) repeat-x top;
18 color: black;
19 height: 50px;
20 border-top: 1px solid black;
21 border-bottom: 1px solid black;
22 }
23
24 #header h1 {
25 padding: 10px;
26 }
27
28 #quicknav {
29 text-align: right;
30 font-size: 12px;
31 color: #666666;
32 background-color: #eaeaea;
33 padding: 4px 2px;
34 font-weight: bold;
35 }
36
37 #quicknav a {
38 color: #0F314E;
39 background: inherit;
40 text-decoration: none;
41 padding: 0px 2px;
42 }
43
44 #quicknav a:hover {
45 color: #DF8F06;
46 text-decoration: none;
47 }
48
49 /* content. */
50
51 #content {
52 background: white url(images/css/content-tl.png) no-repeat top left;
53 color: black;
54 padding: 20px;
55 margin: 0px 50px 0px 50px;
56 width: auto;
57 text-align: justify;
58 }
59
60 #content li {
61 line-height: 1.5em;
62 text-align: left;
63 }
64
65 /* Footer. */
66
67 #footer {
68 font-size: 11px;
69 color: black;
70 height: 20px;
71 padding: 0px 0px 0px 10px;
72 margin: 0px;
73 width: auto;
74 text-align: center ;
75 }
76
77 #footer a {
78 background: #ffffff;
79 color: #0F314E;
80 }
81
82 #footer a:hover {
83 background: #ffffff;
84 color: blue;
85 }
86
87 /* Legal informations */
88
89 #copy {
90 font-size: 11px ;
91 text-align: center ;
92 background: transparent;
93 color: #a8a8a8;
94 padding-top: 10px;
95 }
96
97 #copy a {
98 background: inherit;
99 color: #a8a8a8;
100 }
101
102 #copy a:hover {
103 background: inherit;
104 color: blue;
105 }
106
107 /* Clouds */
108
109 #cloud {
110 padding: 10px 120px 10px 120px;
111 line-height: 3em;
112 text-align: center;
113 }
114 #cloud a { padding: 4px; color: #956411; }
115 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
116 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
117 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
118 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
119 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
120 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
121 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
122 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
123 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
124 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
125
126 /* Div for round corners. */
127
128 .content-right, .footer-right {
129 width: 16px;
130 color: white;
131 background-color: #333333;
132 }
133 .content-right {
134 background: url(images/css/content-tr.png) no-repeat top right;
135 height: 16px;
136 right: 50px;
137 top: 82px;
138 position: absolute;
139 }
140
141 .footer-right {
142 background: url(images/css/footer-br.png) no-repeat bottom right;
143 height: 20px;
144 float: right;
145 }
146
147 /* General HTML entities for content. */
148
149 h1 {
150 margin: 0px 0px 0px 16px;
151 }
152
153 h2 {
154 margin: 12px 0;
155 color: #484B7C;
156 background: white;
157 }
158
159 h3 {
160 font-weight: bold;
161 color: #6c0023;
162 background: white;
163 }
164
165 a {
166 text-decoration: underline;
167 }
168 a:hover {
169 text-decoration: none;
170 }
171
172 pre {
173 padding: 5px;
174 color: black;
175 background: #e1e0b0;
176 }
177 pre.script {
178 padding: 10px;
179 color: black;
180 background: #e8e8e8;
181 border: 1px inset #333333;
182 }
183
184 code {
185 font-size: 12px;
186 color: #669900;
187 background: transparent;
188 }
189
190 li {
191 line-height: 1.4em;
192 }
193
194 hr {
195 border: 0pt none;
196 }