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