fume 0.1.4 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
+ }