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