fume 0.1.4 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,426 +0,0 @@
1
- /*
2
-
3
- Drastic Dark
4
- by Juan Maria Martinez Arce
5
- juan[at]insignia4u.com
6
-
7
- light grey: #cfcfcf
8
- medium grey: #36393d
9
- dark grey: #1a1a1a
10
- interactive action yellow #ffff88
11
- red #cc0000
12
- light blue #E6EEFC
13
- dark blue #0B43A8
14
-
15
- */
16
-
17
- #color_schemes {
18
- disabled: #888;
19
- }
20
-
21
- .small {
22
- font-size: 11px;
23
- font-style: normal;
24
- font-weight: normal;
25
- text-transform: normal;
26
- letter-spacing: normal;
27
- line-height: 1.4em;
28
- }
29
-
30
- .gray {
31
- color:#999999;
32
- font-family: Georgia, serif;
33
- font-size: 13px;
34
- font-style: italic;
35
- font-weight: normal;
36
- text-transform: normal;
37
- letter-spacing: normal;
38
- line-height: 1.6em;
39
- }
40
-
41
- .hightlight {
42
- background-color: #ffff88;
43
- font-weight: bold;
44
- color: #36393d;
45
- }
46
-
47
- a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #36393d; }
48
- a { -moz-outline: none; }
49
-
50
- body {
51
- color: #222;
52
- background: #cfcfcf;
53
- font-family: helvetica, arial, sans-serif;
54
- }
55
-
56
- hr {
57
- background: #f0f0ee;
58
- color: #f0f0ee;
59
- }
60
-
61
- #header_wrapper {
62
- background: #36393d;
63
- }
64
-
65
- #header h1 {
66
- padding: 15px 0;
67
- font-size: 28px;
68
- font-style: normal;
69
- font-weight: bold;
70
- text-transform: normal;
71
- letter-spacing: -1px;
72
- line-height: 1.2em;
73
- }
74
-
75
- #header h1 a {
76
- color: #FFF;
77
- }
78
-
79
- #user-navigation {
80
- /* bottom: 5px;*/
81
- /* right: 25px;*/
82
-
83
- a.logout {
84
- background: #cc0000;
85
- padding: 1px 4px;
86
- -moz-border-radius: 4px;
87
- -webkit-border-radius: 3px;
88
- }
89
-
90
- input.logout {
91
- background: #cc0000;
92
- color: #fff;
93
- padding: 0;
94
- padding-top: 1px;
95
- border: 0px solid #999;
96
- -moz-border-radius: 4px;
97
- -webkit-border-radius: 3px;
98
- cursor: pointer;
99
- }
100
-
101
- ul li {
102
- padding: 0px 10px;
103
- height: 1.66em;
104
- line-height: 1.66em;
105
- }
106
- }
107
-
108
- #main .block {
109
- .content {
110
- background: #FFF;
111
- padding-top: 1px;
112
-
113
- h2 {
114
- margin-left: 15px;
115
- font-size: 22px;
116
- font-style: normal;
117
- font-weight: bold;
118
- text-transform: normal;
119
- letter-spacing: -1px;
120
- line-height: 1.2em;
121
- }
122
-
123
- p {
124
- font-size: 13px;
125
- font-style: normal;
126
- font-weight: normal;
127
- text-transform: normal;
128
- letter-spacing: normal;
129
- line-height: 1.45em;
130
- }
131
- }
132
- }
133
-
134
-
135
- #sidebar {
136
- .block {
137
- background: #FFF;
138
-
139
- h4 {
140
- font-weight: bold;
141
- }
142
- }
143
-
144
- .notice {
145
- background: #E6EEFC;
146
-
147
- h4 {
148
- color: #0B43A8;
149
- }
150
- }
151
-
152
- h3 {
153
- background: #36393d;
154
- color: #FFF;
155
- border-bottom: 5px solid #1a1a1a;
156
- }
157
-
158
- ul li a {
159
- :link, :visited {
160
- background: #FFF;
161
- border-bottom: 1px solid #F0F0EE;
162
- text-decoration: none;
163
- }
164
-
165
- :hover, :active {
166
- background: #666666;
167
- color: #ffffff;
168
- }
169
- }
170
- }
171
-
172
- #main-navigation ul {
173
- li {
174
- padding-left: 15px;
175
-
176
- a {
177
- padding: 10px 0px;
178
- }
179
- }
180
-
181
- li.active {
182
- padding: 0;
183
- margin-left: 15px;
184
-
185
- a {
186
- padding: 10px 15px;
187
- }
188
- }
189
- }
190
-
191
-
192
- #user-navigation, #main-navigation, .secondary-navigation {
193
- ul li a {
194
- color: #fff;
195
-
196
- :link, :visited, :hover, :active {
197
- color: #fff;
198
- }
199
- }
200
- }
201
- #main-navigation {
202
- background: #1a1a1a;
203
- ul {
204
- li {
205
- background: #1a1a1a;
206
- margin-right: 0;
207
- }
208
-
209
- li.active {
210
- background: #f0f0ee;
211
-
212
- a {
213
- color: #1a1a1a;
214
-
215
- :link, :visited, :hover, :active {
216
- color: #1a1a1a;
217
- }
218
- }
219
- }
220
- }
221
- }
222
-
223
- .secondary-navigation {
224
- background: #36393d;
225
- border-bottom-color: #1a1a1a;
226
- border-bottom-width: 5px;
227
-
228
- li a:hover {
229
- background: #666666;
230
- }
231
-
232
- ul li.active, ul li.active a:hover {
233
- background-color: #1a1a1a;
234
- }
235
- }
236
-
237
-
238
- #footer .block {
239
- color: #FFF;
240
- background: #1a1a1a;
241
-
242
- p {
243
- margin: 0;
244
- padding: 10px;
245
- }
246
- }
247
-
248
-
249
- /* pagination */
250
- .pagination {
251
- a, span {
252
- background: #cfcfcf;
253
- -moz-border-radius: 3px;
254
- border: 1px solid #c1c1c1;
255
- }
256
-
257
- span.disabled {
258
- color: #color_schemes[disabled];
259
- }
260
-
261
- span.current {
262
- background: #36393d;
263
- color: #FFF;
264
- border: 1px solid #36393d;
265
- }
266
-
267
- a {
268
- color: #1a1a1a;
269
-
270
- :hover {
271
- border: 1px solid #666;
272
- }
273
- }
274
-
275
-
276
- }
277
-
278
-
279
- /* tables */
280
- .table {
281
- th {
282
- background: #36393d;
283
- color: #FFF;
284
- a {
285
- color: #FFF;
286
- }
287
- }
288
-
289
- td {
290
- border-bottom:1px solid #F0F0EE;
291
- }
292
-
293
- tr.even {
294
- background: #ebebeb;
295
- }
296
- }
297
-
298
- /* forms */
299
- .form {
300
- label.label {
301
- color: #666666;
302
- }
303
-
304
- input.text_field, textarea.text_area {
305
- /* width: 100%;*/
306
- border: 1px solid #cfcfcf;
307
- }
308
-
309
- input.button {
310
- background: #cfcfcf;
311
- -moz-border-radius: 5px;
312
- border: 1px solid #c1c1c1;
313
- padding: 2px 5px;
314
- cursor: pointer;
315
- /* color: #36393d;*/
316
- font-weight: bold;
317
- /* font-size: 11px;*/
318
-
319
- :hover {
320
- border: 1px solid #666;
321
- }
322
- }
323
-
324
- input.button[disabled] {
325
- color: #color_schemes[disabled];
326
- }
327
-
328
- .description {
329
- font-style: italic;
330
- color: #8C8C8C;
331
- font-size: .9em;
332
- }
333
-
334
- .navform a {
335
- color: #cc0000;
336
- }
337
- }
338
-
339
- /* flash-messages */
340
- .flash {
341
- .message {
342
- -moz-border-radius: 3px;
343
- -webkit-border-radius: 3px;
344
- text-align:center;
345
- margin: 0 auto 15px;
346
-
347
- p {
348
- margin:8px;
349
- }
350
- }
351
-
352
- .error {
353
- border: 1px solid #fbb;
354
- background-color: #fdd;
355
- }
356
-
357
- .warning {
358
- border: 1px solid #fffaaa;
359
- background-color: #ffffcc;
360
- }
361
-
362
- .notice {
363
- border: 1px solid #1FDF00;
364
- background-color: #BBFFB6;
365
- }
366
- }
367
-
368
-
369
- /* lists */
370
- ul.list li {
371
- border-bottom-color: #F0F0EE;
372
- border-bottom-width: 1px;
373
- border-bottom-style: solid;
374
-
375
-
376
- .item .avatar {
377
- border-color: #F0F0EE;
378
- border-width: 1px;
379
- border-style: solid;
380
- padding: 2px;
381
- }
382
- }
383
-
384
-
385
- /* box */
386
- #box .block {
387
- background: #FFF;
388
-
389
- h2 {
390
- background: #36393d;
391
- color: #FFF;
392
- }
393
- }
394
-
395
-
396
- /* rounded borders */
397
-
398
- #main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
399
- #footer .block, .form input.button, #box .block, #box .block h2 {
400
- -moz-border-radius-topleft: 4px;
401
- -webkit-border-top-left-radius: 4px;
402
- -moz-border-radius-topright: 4px;
403
- -webkit-border-top-right-radius: 4px;
404
- }
405
-
406
- .secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
407
- -moz-border-radius-topleft: 4px;
408
- -webkit-border-top-left-radius: 4px;
409
- }
410
-
411
- .table th.last {
412
- -moz-border-radius-topright: 4px;
413
- -webkit-border-top-right-radius: 4px;
414
- }
415
-
416
- .secondary-navigation ul li.first {
417
- -moz-border-radius-topleft: 4px;
418
- -webkit-border-top-left-radius: 4px;
419
- }
420
-
421
- #sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
422
- -moz-border-radius-bottomleft: 4px;
423
- -webkit-border-bottom-left-radius: 4px;
424
- -moz-border-radius-bottomright: 4px;
425
- -webkit-border-bottom-right-radius: 4px;
426
- }
@@ -0,0 +1,4 @@
1
+ * html #header, * html #page {
2
+ width: 1120px;
3
+ margin: 0 auto;
4
+ }