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

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