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

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