rev |
line source |
pankso@525
|
1 /* CSS style for SliTaz Bugs/TinyCM */
|
pankso@525
|
2
|
pankso@525
|
3 html { min-height: 102%; }
|
pankso@525
|
4 body { font: 13px sans-serif, vernada, arial; margin: 0; }
|
pankso@525
|
5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
|
pankso@525
|
6 h1 a { color: #fff; text-decoration: none; }
|
pankso@525
|
7 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
|
pankso@525
|
8 a { text-decoration: underline; color: #215090; }
|
pankso@525
|
9 a:hover { text-decoration: none; }
|
pankso@525
|
10 img { border: 0pt none; vertical-align: middle; }
|
pankso@525
|
11 pre {
|
pankso@525
|
12 overflow: auto;
|
pankso@525
|
13 font-size: 98%;
|
pankso@525
|
14 }
|
pankso@525
|
15 textarea, table { width: 100%; }
|
pankso@525
|
16 thead { font-weight: bold; }
|
pankso@525
|
17
|
pankso@525
|
18 /* Header */
|
pankso@525
|
19
|
pankso@525
|
20 #header {
|
pankso@525
|
21 background: #111 ;
|
pankso@525
|
22 height: 40px;
|
pankso@525
|
23 }
|
pankso@525
|
24
|
pankso@525
|
25 #header h1 {
|
pankso@525
|
26 margin: 0;
|
pankso@525
|
27 padding: 8px 0 0 42px;
|
pankso@525
|
28 width: 250px;
|
pankso@525
|
29 }
|
pankso@525
|
30
|
pankso@525
|
31 #header h1 a {
|
pankso@525
|
32 color: white;
|
pankso@525
|
33 text-decoration: none;
|
pankso@525
|
34 font-size: 20px;
|
pankso@525
|
35 font-style: italic;
|
pankso@525
|
36 }
|
pankso@525
|
37
|
pankso@525
|
38 #header h1 a:hover {
|
pankso@525
|
39 color: #afafaf;
|
pankso@525
|
40 }
|
pankso@525
|
41
|
pankso@525
|
42 /* Header links */
|
pankso@525
|
43
|
pankso@525
|
44 #network {
|
pankso@525
|
45 float: right;
|
pankso@525
|
46 padding: 14px 5px 0;
|
pankso@525
|
47 font-size: 12px;
|
pankso@525
|
48 margin-right: 100px;
|
pankso@525
|
49 }
|
pankso@525
|
50
|
pankso@525
|
51 #network a, #network span {
|
pankso@525
|
52 padding: 0 4px;
|
pankso@525
|
53 color: #fff;
|
pankso@525
|
54 font-weight: bold;
|
pankso@525
|
55 text-decoration: none;
|
pankso@525
|
56 }
|
pankso@525
|
57
|
pankso@525
|
58 #network a:hover, #user a:hover, #network span { color: #afafaf; }
|
pankso@525
|
59
|
pankso@525
|
60 /* Logo */
|
pankso@525
|
61
|
pankso@525
|
62 #logo {
|
pankso@525
|
63 background: url(images/logo.png) no-repeat left;
|
pankso@525
|
64 position: absolute;
|
pankso@525
|
65 float: left;
|
pankso@525
|
66 left: 0px;
|
pankso@525
|
67 top: 0px;
|
pankso@525
|
68 width: 40px;
|
pankso@525
|
69 height: 40px;
|
pankso@525
|
70 }
|
pankso@525
|
71
|
pankso@525
|
72 /* Login and user box */
|
pankso@525
|
73
|
pankso@525
|
74 #login {
|
pankso@525
|
75 width: 240px;
|
pankso@525
|
76 float: left;
|
pankso@525
|
77 height: 120px;
|
pankso@525
|
78 }
|
pankso@525
|
79
|
pankso@525
|
80 #login input[type="text"], #login input[type="password"] {
|
pankso@525
|
81 width: 200px; }
|
pankso@525
|
82
|
pankso@525
|
83 #signup input[type="text"], #signup input[type="password"] {
|
pankso@525
|
84 width: 400px; }
|
pankso@525
|
85
|
pankso@525
|
86 #login input[type="submit"] { float: none; }
|
pankso@525
|
87 #login p { display: inline; }
|
pankso@525
|
88
|
pankso@525
|
89 #user {
|
pankso@525
|
90 background-color: #333;
|
pankso@525
|
91 padding: 4px;
|
pankso@525
|
92 width: 84px;
|
pankso@525
|
93 float: right;
|
pankso@525
|
94 font-size: 12px;
|
pankso@525
|
95 position: absolute;
|
pankso@525
|
96 right: 10px;
|
pankso@525
|
97 top: 6px;
|
pankso@525
|
98 }
|
pankso@525
|
99 #user a { padding: 0 2px; color: #fff;
|
pankso@525
|
100 font-weight: bold; text-decoration: none; }
|
pankso@525
|
101
|
pankso@525
|
102 #account-info { width: 380px; height: 120px; float: right; }
|
pankso@525
|
103
|
pankso@525
|
104 /* Block */
|
pankso@525
|
105
|
pankso@525
|
106 #block {
|
pankso@525
|
107 min-height: 92px;
|
pankso@525
|
108 background: #ccc;
|
pankso@525
|
109 padding: 20px 10% 0px;
|
pankso@525
|
110 text-align: center;
|
pankso@525
|
111 color: #222;
|
pankso@525
|
112 border-bottom: 1px solid #afafaf;
|
pankso@525
|
113 }
|
pankso@525
|
114
|
pankso@525
|
115 #block_info {
|
pankso@525
|
116 text-align: justify;
|
pankso@525
|
117 width: 48%;
|
pankso@525
|
118 padding: 0px 10px 0 0;
|
pankso@525
|
119 }
|
pankso@525
|
120
|
pankso@525
|
121 #block_info p { margin: 10px 0; padding: 0 12px 0 0; }
|
pankso@525
|
122 #block_info a { font-weight: normal; }
|
pankso@525
|
123 #block ul { list-style-type: square; }
|
pankso@525
|
124 #block a:hover { color: #351a0a; }
|
pankso@525
|
125
|
pankso@525
|
126 /* Navigation */
|
pankso@525
|
127
|
pankso@525
|
128 #block_nav {
|
pankso@525
|
129 background: #666;
|
pankso@525
|
130 padding: 10px;
|
pankso@525
|
131 text-align: justify;
|
pankso@525
|
132 width: 48%;
|
pankso@525
|
133 float: right;
|
pankso@525
|
134 }
|
pankso@525
|
135
|
pankso@525
|
136 nav { margin: 12px 0 0 0; }
|
pankso@525
|
137
|
pankso@525
|
138 nav a {
|
pankso@525
|
139 text-decoration: none;
|
pankso@525
|
140 padding: 0px 4px;
|
pankso@525
|
141 color: #fff;
|
pankso@525
|
142 font-weight: bold;
|
pankso@525
|
143 }
|
pankso@525
|
144
|
pankso@525
|
145 #block_nav a:hover, nav a:hover { color: #afafaf; }
|
pankso@525
|
146 #block_nav img { vertical-align: top; }
|
pankso@525
|
147
|
pankso@525
|
148 /* Languages */
|
pankso@525
|
149
|
pankso@525
|
150 #lang {
|
pankso@525
|
151 position: absolute;
|
pankso@525
|
152 right: 0;
|
pankso@525
|
153 top: 152px;
|
pankso@525
|
154 padding: 6px;
|
pankso@525
|
155 font-size: 12px;
|
pankso@525
|
156 }
|
pankso@525
|
157
|
pankso@525
|
158 #lang a {
|
pankso@525
|
159 text-decoration: none;
|
pankso@525
|
160 padding: 0 2px;
|
pankso@525
|
161 }
|
pankso@525
|
162
|
pankso@525
|
163 #lang a:hover {
|
pankso@525
|
164 text-decoration: underline;
|
pankso@525
|
165 }
|
pankso@525
|
166
|
pankso@525
|
167 /* Search */
|
pankso@525
|
168
|
pankso@525
|
169 #search {
|
pankso@525
|
170 position: absolute;
|
pankso@525
|
171 right: 20px;
|
pankso@525
|
172 top: 72px;
|
pankso@525
|
173
|
pankso@525
|
174 }
|
pankso@525
|
175
|
pankso@525
|
176 #search input[type="text"] { width: 180px; }
|
pankso@525
|
177
|
pankso@525
|
178 /* Content */
|
pankso@525
|
179
|
pankso@525
|
180 #content {
|
pankso@525
|
181 margin: 40px auto;
|
pankso@525
|
182 padding: 0 20px;
|
pankso@525
|
183 text-align: justify;
|
pankso@525
|
184 max-width: 680px;
|
pankso@525
|
185 }
|
pankso@525
|
186
|
pankso@525
|
187 #edit textarea { width: 100%; height: 240px; background: #f8f8f8; }
|
pankso@525
|
188 #edit a { text-decoration: none; }
|
pankso@525
|
189
|
pankso@525
|
190 .box, pre, #login, #account-info {
|
pankso@525
|
191 background-color: #f8f8f8;
|
pankso@525
|
192 border: 1px solid #ddd;
|
pankso@525
|
193 padding: 10px;
|
pankso@525
|
194 }
|
pankso@525
|
195
|
pankso@525
|
196 pre img { margin: 4px 4px 4px 0px; }
|
pankso@525
|
197 #content p img { display: block;
|
pankso@525
|
198 margin: 0 auto; }
|
pankso@525
|
199
|
pankso@525
|
200 .error { color: red; }
|
pankso@525
|
201 .ok { color: green; }
|
pankso@525
|
202 .date { color: #666; font-size: 96%; }
|
pankso@525
|
203
|
pankso@525
|
204 /* Progress bar */
|
pankso@525
|
205
|
pankso@525
|
206 .pct { background: #9dff4a; padding: 2px 4px; }
|
pankso@525
|
207
|
pankso@525
|
208 .pctbar {
|
pankso@525
|
209 margin: 0;
|
pankso@525
|
210 color: #666;
|
pankso@525
|
211 background: #f1f1f1;
|
pankso@525
|
212 border: 1px solid #ddd;
|
pankso@525
|
213 overflow: hidden;
|
pankso@525
|
214 clear: both;
|
pankso@525
|
215 }
|
pankso@525
|
216
|
pankso@525
|
217 /* Form */
|
pankso@525
|
218
|
pankso@525
|
219 form { display: inline; }
|
pankso@525
|
220 textarea { border: 2px solid #ccc; padding: 4px; width: 100%; }
|
pankso@525
|
221 select { min-width: 180px; }
|
pankso@525
|
222 input[type="submit"], input[type="text"], input[type="password"],
|
pankso@525
|
223 select, #tools a {
|
pankso@525
|
224 color: #444444;
|
pankso@525
|
225 border: 1px solid #cccccc;
|
pankso@525
|
226 padding: 4px;
|
pankso@525
|
227 margin: 4px 0px;
|
pankso@525
|
228 font-size: 14px;
|
pankso@525
|
229 line-height: 1.2em;
|
pankso@525
|
230 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
|
pankso@525
|
231 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
|
pankso@525
|
232 -webkit-appearance: none;
|
pankso@525
|
233 -webkit-padding-end: 12px;
|
pankso@525
|
234 -webkit-padding-start: 6px;
|
pankso@525
|
235 }
|
pankso@525
|
236
|
pankso@525
|
237 input[type="text"], input[type="password"] {
|
pankso@525
|
238 background: #fefefe; border: 2px solid #ccc;
|
pankso@525
|
239 width: 100%; }
|
pankso@525
|
240 /*input[type="file"] { border: 2px solid #ddd; }*/
|
pankso@525
|
241 /*input[type="checkbox"] { background: #fefefe; }*/
|
pankso@525
|
242
|
pankso@525
|
243 /* Be compatible with old FF and Webkit version. */
|
pankso@525
|
244 input[type="submit"] {
|
pankso@525
|
245 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
|
pankso@525
|
246 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
|
pankso@525
|
247 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
|
pankso@525
|
248 }
|
pankso@525
|
249
|
pankso@525
|
250 input[type="submit"]:hover, #tools a:hover {
|
pankso@525
|
251 cursor: pointer;
|
pankso@525
|
252 color: black;
|
pankso@525
|
253 }
|
pankso@525
|
254
|
pankso@525
|
255 select {
|
pankso@525
|
256 background-image: url(images/down.png),
|
pankso@525
|
257 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
|
pankso@525
|
258 background-position: center right;
|
pankso@525
|
259 background-repeat: no-repeat;
|
pankso@525
|
260 }
|
pankso@525
|
261
|
pankso@525
|
262 #tools {
|
pankso@525
|
263 padding-top: 10px;
|
pankso@525
|
264 margin: 20px 0px;
|
pankso@525
|
265 /*border-top: 1px dotted #ccc;
|
pankso@525
|
266 position: fixed;
|
pankso@525
|
267 bottom: 10px;*/
|
pankso@525
|
268 }
|
pankso@525
|
269 #tools a { text-decoration: none; margin: 4px 6px 4px 0px; }
|
pankso@525
|
270
|
pankso@525
|
271 /* Round corner */
|
pankso@525
|
272
|
pankso@525
|
273 pre, .button, .pctbar, .box, #login, #account-info, #user, img,
|
pankso@525
|
274 input, textarea, select, #tools a, #block_nav {
|
pankso@525
|
275 -moz-border-radius: 4px;
|
pankso@525
|
276 -webkit-border-radius: 4px;
|
pankso@525
|
277 border-radius: 4px;
|
pankso@525
|
278 }
|
pankso@525
|
279
|
pankso@525
|
280 /* notes */
|
pankso@525
|
281
|
pankso@525
|
282 .noteclassic,.noteimportant,.notewarning,.notetip {
|
pankso@525
|
283 margin:2em;
|
pankso@525
|
284 margin-left:auto;
|
pankso@525
|
285 margin-right:auto;
|
pankso@525
|
286 width:70% !important;
|
pankso@525
|
287 min-height:40px;
|
pankso@525
|
288 clear:both;
|
pankso@525
|
289 text-align:justify;
|
pankso@525
|
290 vertical-align:middle;
|
pankso@525
|
291 border-collapse:collapse;
|
pankso@525
|
292 padding:15px 20px 15px 80px;
|
pankso@525
|
293 background-position:20px 50%;
|
pankso@525
|
294 background-repeat:no-repeat;
|
pankso@525
|
295 -moz-border-radius:20px;
|
pankso@525
|
296 -khtml-border-radius:20px;
|
pankso@525
|
297 border-radius:20px;
|
pankso@525
|
298 }
|
pankso@525
|
299
|
pankso@525
|
300 .noteclassic {
|
pankso@525
|
301 background-color:#eef;
|
pankso@525
|
302 background-image:url(images/note.png);
|
pankso@525
|
303 }
|
pankso@525
|
304
|
pankso@525
|
305 .noteimportant {
|
pankso@525
|
306 background-color:#ffc;
|
pankso@525
|
307 background-image:url(images/important.png);
|
pankso@525
|
308 }
|
pankso@525
|
309
|
pankso@525
|
310 .notewarning {
|
pankso@525
|
311 background-color:#fdd;
|
pankso@525
|
312 background-image:url(images/warning.png);
|
pankso@525
|
313 }
|
pankso@525
|
314
|
pankso@525
|
315 .notetip {
|
pankso@525
|
316 background-color:#dfd;
|
pankso@525
|
317 background-image:url(images/tip.png);
|
pankso@525
|
318 }
|
pankso@525
|
319
|
pankso@525
|
320 /* Footer */
|
pankso@525
|
321
|
pankso@525
|
322 #footer {
|
pankso@525
|
323 text-align: center;
|
pankso@525
|
324 padding: 20px;
|
pankso@525
|
325 border-top: 1px solid #ddd;
|
pankso@525
|
326 font-size: 90%;
|
pankso@525
|
327 }
|
pankso@525
|
328
|
pankso@525
|
329 #footer a { padding: 0 2px; }
|
pankso@525
|
330
|
pankso@525
|
331 /* Plugins CSS */
|
pankso@525
|
332
|
pankso@525
|
333 .post-tools { border-bottom: 1px dotted #ccc;
|
pankso@525
|
334 border-top: 1px dotted #ccc; padding: 4px 0;}
|
pankso@525
|
335 .post-tools a { text-decoration: none; }
|
pankso@525
|
336 .post-tools a:hover { text-decoration: underline; }
|