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.
@@ -163,12 +163,13 @@ caption { background: #eeeeee; }
163
163
  margin-bottom: 0;
164
164
  padding-bottom: 0;
165
165
  }
166
- thead th { background-color: transparent; }
167
- body {
168
- line-height: 1;
169
- font-size: 80%;
166
+ button, input, select, textarea {
167
+ font-weight: inherit;
168
+ font-style: inherit;
169
+ font-size: 100%;
170
+ font-family: inherit;
171
+ vertical-align: baseline;
170
172
  }
171
- .clear { clear: both; }
172
173
  h1, h2 { margin: 15px 0; }
173
174
  h3, h4 { margin: 10px 0; }
174
175
  hr {
@@ -176,152 +177,259 @@ hr {
176
177
  border: 0;
177
178
  }
178
179
  p { margin: 15px 0; }
180
+ .clear { clear: both; }
179
181
  #container { min-width: 1050px; }
180
182
  #header, #page { margin: 0 40px; }
181
- #header { position: relative; }
182
- #header h1 {
183
- margin: 0;
184
- padding: 10px 0;
185
- font-size: 30px;
186
- }
187
- #header h1 a { text-decoration: none; }
183
+ #page { padding-top: 20px; }
184
+ #footer { padding-bottom: 20px; }
188
185
  .sidebar #main {
189
186
  width: 78%;
190
187
  float: left;
191
188
  }
192
- .actions-bar { padding: 10px 1px; }
193
- .actions-bar .actions { float: left; }
194
- .actions-bar .pagination {
195
- float: right;
196
- padding: 1px 0;
197
- }
198
189
  #sidebar {
199
190
  width: 21%;
200
191
  float: right;
201
192
  }
202
- #sidebar h3 {
203
- padding: 10px 15px;
193
+ #box {
194
+ width: 500px;
195
+ margin: 50px auto;
196
+ }
197
+ #header { position: relative; }
198
+ #header h1 {
204
199
  margin: 0;
205
- font-size: 1.2em;
200
+ padding: 0.5em 0;
201
+ font-size: 2.75em;
206
202
  }
207
- #sidebar .block {
208
- margin-bottom: 20px;
209
- padding-bottom: 10px;
203
+ #header h1 a { text-decoration: none; }
204
+ #main .block { margin-bottom: 20px; }
205
+ #main .block .secondary-navigation {
206
+ font-size: 1.2em;
207
+ line-height: 1;
208
+ border-bottom-width: 0.4em;
209
+ border-bottom-style: solid;
210
+ border-top-left-radius: 0.4em;
211
+ -moz-border-radius-topleft: 0.4em;
212
+ -webkit-border-top-left-radius: 0.4em;
213
+ border-top-right-radius: 0.4em;
214
+ -moz-border-radius-topright: 0.4em;
215
+ -webkit-border-top-right-radius: 0.4em;
216
+ }
217
+ #main .block .secondary-navigation ul {
218
+ margin: 0;
219
+ padding: 0;
220
+ list-style-type: none;
210
221
  }
211
- #sidebar .block .content { padding: 0 15px; }
212
- #sidebar .block .sidebar-block { padding: 10px; }
213
- #sidebar .notice { padding: 10px; }
214
- #sidebar ul.navigation li a:link {
222
+ #main .block .secondary-navigation ul li { float: left; }
223
+ #main .block .secondary-navigation ul li a {
215
224
  display: block;
216
- padding: 10px 15px;
225
+ padding: 0.75em 1em 0.55em 1em;
226
+ text-decoration: none;
217
227
  }
218
- #sidebar ul.navigation li a:visited {
228
+ #main .block .secondary-navigation ul li span {
219
229
  display: block;
220
- padding: 10px 15px;
230
+ padding: 0.75em 1em 0.55em 1em;
231
+ text-decoration: none;
221
232
  }
222
- #page { padding-top: 20px; }
223
- #main .block { margin-bottom: 20px; }
224
- #main .block .content .inner { padding: 0 15px 15px; }
225
- #user-navigation {
226
- position: absolute;
227
- right: 20px;
228
- bottom: 5px;
233
+ #main .block .secondary-navigation ul li.first {
234
+ border-top-left-radius: 0.4em;
235
+ -moz-border-radius-topleft: 0.4em;
236
+ -webkit-border-top-left-radius: 0.4em;
229
237
  }
230
- #main-navigation { width: 100%; }
231
- #main-navigation ul li a {
232
- font-size: 1.3em;
233
- display: block;
234
- padding: 8px 15px;
238
+ #main .block .secondary-navigation ul li.first a {
239
+ border-top-left-radius: 0.4em;
240
+ -moz-border-radius-topleft: 0.4em;
241
+ -webkit-border-top-left-radius: 0.4em;
235
242
  }
236
- #user-navigation ul {
243
+ #main .block .secondary-navigation ul li.first a:hover {
244
+ border-top-left-radius: 0.4em;
245
+ -moz-border-radius-topleft: 0.4em;
246
+ -webkit-border-top-left-radius: 0.4em;
247
+ }
248
+ #main .block .content { padding: 1.2em; }
249
+ #main .block .content h2 {
237
250
  margin: 0;
238
251
  padding: 0;
239
- list-style-type: none;
252
+ margin-bottom: 0.4em;
253
+ font-size: 2em;
240
254
  }
241
- #main-navigation ul {
242
- margin: 0;
255
+ #main .block .content .inner {
243
256
  padding: 0;
244
- list-style-type: none;
257
+ margin: 0;
245
258
  }
246
- .secondary-navigation ul {
259
+ #sidebar h3 {
247
260
  margin: 0;
248
- padding: 0;
249
- list-style-type: none;
261
+ padding: 0.75em 1em 0.55em 1em;
262
+ font-size: 1.2em;
263
+ border-bottom-width: 0.4em;
264
+ border-bottom-style: solid;
265
+ border-top-left-radius: 0.4em;
266
+ -moz-border-radius-topleft: 0.4em;
267
+ -webkit-border-top-left-radius: 0.4em;
268
+ border-top-right-radius: 0.4em;
269
+ -moz-border-radius-topright: 0.4em;
270
+ -webkit-border-top-right-radius: 0.4em;
250
271
  }
251
272
  #sidebar ul.navigation {
252
273
  margin: 0;
253
274
  padding: 0;
254
275
  list-style-type: none;
276
+ line-height: 1;
255
277
  }
256
- #user-navigation ul li { float: left; }
257
- #main-navigation ul li { float: left; }
258
- .secondary-navigation ul li { float: left; }
259
- #main-navigation ul li { margin-right: 5px; }
260
- #user-navigation ul li { padding: 5px 10px; }
261
- #main-navigation ul li a:link { text-decoration: none; }
262
- #main-navigation ul li a:visited { text-decoration: none; }
263
- #main-navigation ul li a:hover { text-decoration: none; }
264
- #main-navigation ul li a:active { text-decoration: none; }
265
- .secondary-navigation ul li a:link { text-decoration: none; }
266
- .secondary-navigation ul li a:visited { text-decoration: none; }
267
- .secondary-navigation ul li a:hover { text-decoration: none; }
268
- .secondary-navigation ul li a:active { text-decoration: none; }
269
- #user-navigation ul li a:link { text-decoration: none; }
270
- #user-navigation ul li a:visited { text-decoration: none; }
271
- #user-navigation ul li a:hover { text-decoration: none; }
272
- #user-navigation ul li a:active { text-decoration: none; }
273
- .secondary-navigation {
274
- font-size: 1.2em;
275
- border-bottom-width: 10px;
276
- border-bottom-style: solid;
277
- }
278
- .secondary-navigation ul li a {
278
+ #sidebar ul.navigation li a {
279
279
  display: block;
280
- padding: 10px 15px;
280
+ padding: 1em 1.2em;
281
+ text-decoration: none;
281
282
  }
282
- .secondary-navigation ul li span {
283
- display: block;
284
- padding: 10px 15px;
283
+ #sidebar .block {
284
+ margin-bottom: 1em;
285
+ padding-bottom: 1em;
286
+ border-radius: 0.4em;
287
+ -moz-border-radius: 0.4em;
288
+ -webkit-border-radius: 0.4em;
289
+ }
290
+ #sidebar .block .content { padding: 1em 1em 0 1em; }
291
+ #sidebar .block .content p { margin: 0; }
292
+ #sidebar .notice { padding: 1em; }
293
+ #sidebar .sidebar-block { padding: 1em; }
294
+ #box .block { margin-bottom: 20px; }
295
+ #box .block h1 { font-size: 2.75em; }
296
+ #box .block h2 {
297
+ padding: 0.5em 0.8em;
298
+ font-size: 1.5em;
299
+ margin: 0;
285
300
  }
286
- #footer { padding-bottom: 20px; }
287
- .pagination a {
288
- padding: 2px 5px;
289
- margin-right: 5px;
290
- display: block;
301
+ #box .block .content { padding: 1em 1.5em; }
302
+ #footer .block {
303
+ border-radius: 0.4em;
304
+ -moz-border-radius: 0.4em;
305
+ -webkit-border-radius: 0.4em;
306
+ }
307
+ #footer .block p {
308
+ margin: 0;
309
+ padding: 0.9em;
310
+ }
311
+ #main-navigation {
312
+ width: 100%;
313
+ font-size: 1.3em;
314
+ line-height: 1;
315
+ border-top-left-radius: 0.4em;
316
+ -moz-border-radius-topleft: 0.4em;
317
+ -webkit-border-top-left-radius: 0.4em;
318
+ border-top-right-radius: 0.4em;
319
+ -moz-border-radius-topright: 0.4em;
320
+ -webkit-border-top-right-radius: 0.4em;
321
+ }
322
+ #main-navigation ul {
323
+ margin: 0;
324
+ padding: 0;
325
+ list-style-type: none;
326
+ }
327
+ #main-navigation ul li {
291
328
  float: left;
292
- border-style: solid;
293
- border-width: 1px;
329
+ margin-left: 1.2em;
330
+ border-top-left-radius: 0.4em;
331
+ -moz-border-radius-topleft: 0.4em;
332
+ -webkit-border-top-left-radius: 0.4em;
333
+ border-top-right-radius: 0.4em;
334
+ -moz-border-radius-topright: 0.4em;
335
+ -webkit-border-top-right-radius: 0.4em;
294
336
  }
295
- .pagination span {
296
- padding: 2px 5px;
297
- margin-right: 5px;
337
+ #main-navigation ul li a {
298
338
  display: block;
339
+ padding: 0.7em 0em;
340
+ text-decoration: none;
341
+ }
342
+ #main-navigation ul li.active a { padding: 0.7em 1.2em; }
343
+ #user-navigation {
344
+ position: absolute;
345
+ right: 1.5em;
346
+ bottom: 0.2em;
347
+ line-height: 1;
348
+ }
349
+ #user-navigation ul {
350
+ margin: 0;
351
+ padding: 0;
352
+ list-style-type: none;
353
+ }
354
+ #user-navigation ul li {
299
355
  float: left;
300
- border-style: solid;
301
- border-width: 1px;
356
+ padding: 0 0.5em;
357
+ height: 2.5em;
358
+ line-height: 2.5em;
359
+ }
360
+ #user-navigation ul li a {
361
+ padding: 0.4em;
362
+ text-decoration: none;
363
+ }
364
+ #user-navigation ul li span {
365
+ padding: 0.4em;
366
+ text-decoration: none;
367
+ }
368
+ #user-navigation ul li button {
369
+ padding: 0.4em;
370
+ text-decoration: none;
371
+ }
372
+ #user-navigation ul li input {
373
+ padding: 0.4em;
374
+ text-decoration: none;
302
375
  }
303
- .pagination span.current { font-weight: bold; }
304
- .pagination a { text-decoration: none; }
305
376
  .table {
306
377
  width: 100%;
307
378
  border-collapse: collapse;
308
- margin-bottom: 15px;
379
+ margin-bottom: 1.25em;
309
380
  }
310
381
  .table th {
311
- padding: 10px;
312
382
  font-weight: bold;
313
383
  text-align: left;
314
384
  }
315
- .table .checkbox { margin-left: 10px; }
316
- .table td { padding: 10px; }
385
+ .table th.first {
386
+ border-top-left-radius: 0.4em;
387
+ -moz-border-radius-topleft: 0.4em;
388
+ -webkit-border-top-left-radius: 0.4em;
389
+ }
390
+ .table th.last {
391
+ border-top-right-radius: 0.4em;
392
+ -moz-border-radius-topright: 0.4em;
393
+ -webkit-border-top-right-radius: 0.4em;
394
+ }
395
+ .table th { padding: 0.8em; }
396
+ .table th form { display: inline; }
397
+ .table th form div { display: inline; }
398
+ .table td { padding: 0.8em; }
317
399
  .table td form { display: inline; }
318
400
  .table td form div { display: inline; }
319
401
  .table td.last { text-align: right; }
320
- input.checkbox {
321
- margin: 0;
322
- padding: 0;
402
+ .actions-bar { padding: 1em 1px; }
403
+ .actions-bar .actions { float: left; }
404
+ .actions-bar .pagination {
405
+ float: right;
406
+ padding: 1px 0;
323
407
  }
324
- .form .group { margin-bottom: 15px; }
408
+ .pagination a {
409
+ display: block;
410
+ float: left;
411
+ padding: 0.25em 0.45em;
412
+ margin-right: 0.45em;
413
+ border-style: solid;
414
+ border-width: 1px;
415
+ border-radius: 0.25em;
416
+ -moz-border-radius: 0.25em;
417
+ -webkit-border-radius: 0.25em;
418
+ }
419
+ .pagination span {
420
+ display: block;
421
+ float: left;
422
+ padding: 0.25em 0.45em;
423
+ margin-right: 0.45em;
424
+ border-style: solid;
425
+ border-width: 1px;
426
+ border-radius: 0.25em;
427
+ -moz-border-radius: 0.25em;
428
+ -webkit-border-radius: 0.25em;
429
+ }
430
+ .pagination span.current { font-weight: bold; }
431
+ .pagination a { text-decoration: none; }
432
+ .form .group { margin-bottom: 1.25em; }
325
433
  .form div.left {
326
434
  width: 20%;
327
435
  float: left;
@@ -349,22 +457,24 @@ input.checkbox {
349
457
  margin: 0;
350
458
  }
351
459
  .form label.right { text-align: right; }
352
- .form input.checkbox { margin-right: 5px; }
353
- .form input.radio { margin-right: 5px; }
460
+ .form input.checkbox { margin-right: 0.5em; }
461
+ .form input.radio { margin-right: 0.5em; }
354
462
  .form label.checkbox { line-height: 1.5em; }
355
463
  .form label.radio { line-height: 1.5em; }
356
464
  .form label.label {
357
465
  display: block;
358
- padding-bottom: 2px;
466
+ padding-bottom: 0.2em;
359
467
  font-weight: bold;
360
468
  }
361
469
  .form div.fieldWithErrors label.label { display: inline; }
362
470
  .form .fieldWithErrors .error { color: red; }
363
471
  .form input.text_field {
472
+ width: 100%;
364
473
  border-width: 1px;
365
474
  border-style: solid;
366
475
  }
367
476
  .form textarea.text_area {
477
+ width: 100%;
368
478
  border-width: 1px;
369
479
  border-style: solid;
370
480
  }
@@ -389,116 +499,32 @@ ul.list li .item .avatar {
389
499
  width: 30px;
390
500
  height: 30px;
391
501
  }
392
- #box {
393
- width: 500px;
394
- margin: 50px auto;
395
- }
396
- #box .block { margin-bottom: 20px; }
397
- #box .block h2 {
398
- padding: 10px 15px;
399
- margin: 0;
400
- }
401
- #box .block .content { padding: 10px 20px; }
402
- #color_schemes { disabled: #888888; }
403
- .small {
404
- font-size: 11px;
405
- font-style: normal;
406
- font-weight: normal;
407
- text-transform: normal;
408
- letter-spacing: normal;
409
- line-height: 1.4em;
410
- }
411
- .gray {
412
- color: #999999;
413
- font-family: Georgia, serif;
414
- font-size: 13px;
415
- font-style: italic;
416
- font-weight: normal;
417
- text-transform: normal;
418
- letter-spacing: normal;
419
- line-height: 1.6em;
420
- }
421
- .hightlight {
422
- background-color: #ffff88;
423
- font-weight: bold;
424
- color: #36393d;
502
+ #color_schemes {
503
+ nav: #ffffff;
504
+ nav-bg: #36393d;
505
+ nav-dark-bg: #1a1a1a;
506
+ nav-hover-bg: #666666;
507
+ disabled: #888888;
508
+ body-color: #222222;
425
509
  }
426
- a:link { color: #36393d; }
427
- a:visited { color: #36393d; }
428
- a:hover { color: #36393d; }
429
- a:active { color: #36393d; }
430
- h1, h2, h3 { color: #36393d; }
431
- a { -moz-outline: none; }
432
510
  body {
433
511
  color: #222222;
434
512
  background: #cfcfcf;
435
513
  font-family: helvetica, arial, sans-serif;
436
514
  }
437
- hr {
438
- background: #f0f0ee;
439
- color: #f0f0ee;
440
- }
441
515
  #header_wrapper { background: #36393d; }
442
- #header h1 {
443
- padding: 15px 0;
444
- font-size: 28px;
445
- font-style: normal;
446
- font-weight: bold;
447
- text-transform: normal;
448
- letter-spacing: -1px;
449
- line-height: 1.2em;
450
- }
516
+ #header h1 { font-weight: bold; }
451
517
  #header h1 a { color: #ffffff; }
452
- #user-navigation a.logout {
453
- background: #cc0000;
454
- padding: 1px 4px;
455
- -moz-border-radius: 4px;
456
- -webkit-border-radius: 3px;
457
- }
458
- #user-navigation input.logout {
459
- background: #cc0000;
518
+ #main .block .content { background: #ffffff; }
519
+ #main .block .content h2 { font-weight: bold; }
520
+ #footer .block {
460
521
  color: #ffffff;
461
- padding: 0;
462
- padding-top: 1px;
463
- border: 0px solid #999999;
464
- -moz-border-radius: 4px;
465
- -webkit-border-radius: 3px;
466
- cursor: pointer;
467
- }
468
- #user-navigation ul li {
469
- padding: 0px 10px;
470
- height: 1.66em;
471
- line-height: 1.66em;
472
- }
473
- #main .block .content {
474
- background: #ffffff;
475
- padding-top: 1px;
476
- }
477
- #main .block .content h2 {
478
- margin-left: 15px;
479
- font-size: 22px;
480
- font-style: normal;
481
- font-weight: bold;
482
- text-transform: normal;
483
- letter-spacing: -1px;
484
- line-height: 1.2em;
485
- }
486
- #main .block .content p {
487
- font-size: 13px;
488
- font-style: normal;
489
- font-weight: normal;
490
- text-transform: normal;
491
- letter-spacing: normal;
492
- line-height: 1.45em;
522
+ background: #1a1a1a;
493
523
  }
494
- #sidebar .block { background: #ffffff; }
495
- #sidebar .block h4 { font-weight: bold; }
496
- #sidebar .notice { background: #e6eefc; }
497
- #sidebar .notice h4 { color: #0b43a8; }
498
524
  #sidebar h3 {
499
525
  background: #36393d;
500
526
  color: #ffffff;
501
- border-bottom: 5px solid #1a1a1a;
527
+ border-color: #1a1a1a;
502
528
  }
503
529
  #sidebar ul li a:link {
504
530
  background: #ffffff;
@@ -518,118 +544,215 @@ hr {
518
544
  background: #666666;
519
545
  color: #ffffff;
520
546
  }
521
- #main-navigation ul li { padding-left: 15px; }
522
- #main-navigation ul li a { padding: 10px 0px; }
523
- #main-navigation ul li.active {
524
- padding: 0;
525
- margin-left: 15px;
526
- }
527
- #main-navigation ul li.active a { padding: 10px 15px; }
528
- #user-navigation ul li a { color: #ffffff; }
529
- #user-navigation ul li a:link { color: #ffffff; }
530
- #user-navigation ul li a:visited { color: #ffffff; }
531
- #user-navigation ul li a:hover { color: #ffffff; }
532
- #user-navigation ul li a:active { color: #ffffff; }
533
- #main-navigation ul li a { color: #ffffff; }
534
- #main-navigation ul li a:link { color: #ffffff; }
535
- #main-navigation ul li a:visited { color: #ffffff; }
536
- #main-navigation ul li a:hover { color: #ffffff; }
537
- #main-navigation ul li a:active { color: #ffffff; }
538
- .secondary-navigation ul li a { color: #ffffff; }
539
- .secondary-navigation ul li a:link { color: #ffffff; }
540
- .secondary-navigation ul li a:visited { color: #ffffff; }
541
- .secondary-navigation ul li a:hover { color: #ffffff; }
542
- .secondary-navigation ul li a:active { color: #ffffff; }
547
+ #sidebar .block { background: #ffffff; }
548
+ #sidebar .block h4 { font-weight: bold; }
549
+ #sidebar .notice { background: #e6eefc; }
550
+ #sidebar .notice h4 { color: #0b43a8; }
551
+ #box .block h2 {
552
+ background: #36393d;
553
+ color: #ffffff;
554
+ border-top-left-radius: 0.4em;
555
+ -moz-border-radius-topleft: 0.4em;
556
+ -webkit-border-top-left-radius: 0.4em;
557
+ border-top-right-radius: 0.4em;
558
+ -moz-border-radius-topright: 0.4em;
559
+ -webkit-border-top-right-radius: 0.4em;
560
+ }
561
+ #box .block .content { background: #ffffff; }
543
562
  #main-navigation { background: #1a1a1a; }
544
- #main-navigation ul li {
545
- background: #1a1a1a;
546
- margin-right: 0;
547
- }
563
+ #main-navigation ul li { background: #1a1a1a; }
564
+ #main-navigation ul li a { color: #ffffff; }
548
565
  #main-navigation ul li.active { background: #f0f0ee; }
549
566
  #main-navigation ul li.active a { color: #1a1a1a; }
550
567
  #main-navigation ul li.active a:link { color: #1a1a1a; }
551
568
  #main-navigation ul li.active a:visited { color: #1a1a1a; }
552
569
  #main-navigation ul li.active a:hover { color: #1a1a1a; }
553
570
  #main-navigation ul li.active a:active { color: #1a1a1a; }
571
+ #user-navigation ul li span { color: #ffffff; }
572
+ #user-navigation ul li span:link { color: #ffffff; }
573
+ #user-navigation ul li span:visited { color: #ffffff; }
574
+ #user-navigation ul li span:hover { color: #ffffff; }
575
+ #user-navigation ul li span:active { color: #ffffff; }
576
+ #user-navigation ul li a { color: #ffffff; }
577
+ #user-navigation ul li a:link { color: #ffffff; }
578
+ #user-navigation ul li a:visited { color: #ffffff; }
579
+ #user-navigation ul li a:hover { color: #ffffff; }
580
+ #user-navigation ul li a:active { color: #ffffff; }
581
+ #user-navigation ul li .logout {
582
+ background-color: red;
583
+ color: #ffffff;
584
+ border: 0px solid #999999;
585
+ border-radius: 0.4em;
586
+ -moz-border-radius: 0.4em;
587
+ -webkit-border-radius: 0.4em;
588
+ cursor: pointer;
589
+ }
554
590
  .secondary-navigation {
555
591
  background: #36393d;
556
592
  border-bottom-color: #1a1a1a;
557
- border-bottom-width: 5px;
558
593
  }
559
594
  .secondary-navigation li a:hover { background: #666666; }
560
595
  .secondary-navigation ul li.active { background-color: #1a1a1a; }
561
596
  .secondary-navigation ul li.active a:hover { background-color: #1a1a1a; }
562
- #footer .block {
563
- color: #ffffff;
564
- background: #1a1a1a;
597
+ .secondary-navigation ul li a { color: #ffffff; }
598
+ .secondary-navigation ul li a:link { color: #ffffff; }
599
+ .secondary-navigation ul li a:visited { color: #ffffff; }
600
+ .secondary-navigation ul li a:hover { color: #ffffff; }
601
+ .secondary-navigation ul li a:active { color: #ffffff; }
602
+ .secondary-navigation ul li span { color: #ffffff; }
603
+ .secondary-navigation ul li span:link { color: #ffffff; }
604
+ .secondary-navigation ul li span:visited { color: #ffffff; }
605
+ .secondary-navigation ul li span:hover { color: #ffffff; }
606
+ .secondary-navigation ul li span:active { color: #ffffff; }
607
+ .small {
608
+ font-size: 11px;
609
+ font-style: normal;
610
+ font-weight: normal;
611
+ text-transform: normal;
612
+ letter-spacing: normal;
613
+ line-height: 1.4em;
565
614
  }
566
- #footer .block p {
567
- margin: 0;
568
- padding: 10px;
615
+ .table th {
616
+ background: #36393d;
617
+ color: #ffffff;
569
618
  }
619
+ .table th a { color: #ffffff; }
620
+ .table td { border-bottom: 1px solid #f0f0ee; }
621
+ .table tr.even { background: #ebebeb; }
570
622
  .pagination a {
571
623
  background: #cfcfcf;
572
- -moz-border-radius: 3px;
573
624
  border: 1px solid #c1c1c1;
574
625
  }
575
626
  .pagination span {
576
627
  background: #cfcfcf;
577
- -moz-border-radius: 3px;
578
628
  border: 1px solid #c1c1c1;
579
629
  }
580
- .pagination span.disabled { color: #color_schemes[disabled]; }
630
+ .pagination span.disabled { color: #888888; }
581
631
  .pagination span.current {
582
632
  background: #36393d;
583
633
  color: #ffffff;
584
634
  border: 1px solid #36393d;
585
635
  }
586
636
  .pagination a { color: #1a1a1a; }
587
- .pagination a:hover { border: 1px solid #666666; }
588
- .table th {
589
- background: #36393d;
590
- color: #ffffff;
637
+ .pagination a:hover { border: 1px solid #36393d; }
638
+ .formtastic ol {
639
+ list-style: none;
640
+ margin: 0;
641
+ padding: 0;
591
642
  }
592
- .table th a { color: #ffffff; }
593
- .table td { border-bottom: 1px solid #f0f0ee; }
594
- .table tr.even { background: #ebebeb; }
643
+ .formtastic ol li { margin-bottom: 1em; }
644
+ .formtastic ol .required abbr {
645
+ color: red;
646
+ border: none;
647
+ vertical-align: super;
648
+ }
649
+ .formtastic ol .error {
650
+ border-left: 0.3em solid red;
651
+ padding-left: 1em;
652
+ }
653
+ .formtastic ol .error .inline-errors {
654
+ color: red;
655
+ margin: 0;
656
+ font-size: 1.1em;
657
+ }
658
+ .formtastic ol .string label {
659
+ font-size: 1.2em;
660
+ color: #666666;
661
+ display: block;
662
+ padding-bottom: 0.2em;
663
+ }
664
+ .formtastic ol .string input { display: inline; }
665
+ .formtastic ol .string .inline-hints {
666
+ margin: 0 0 0 1em;
667
+ font-style: italic;
668
+ display: inline;
669
+ color: #888888;
670
+ }
671
+ .formtastic ol .select label {
672
+ font-size: 1.2em;
673
+ color: #666666;
674
+ display: block;
675
+ padding-bottom: 0.2em;
676
+ }
677
+ .formtastic ol .select input { display: inline; }
678
+ .formtastic ol .select .inline-hints {
679
+ margin: 0 0 0 1em;
680
+ font-style: italic;
681
+ display: inline;
682
+ color: #888888;
683
+ }
684
+ .formtastic ol .text label {
685
+ font-size: 1.2em;
686
+ color: #666666;
687
+ display: block;
688
+ padding-bottom: 0.2em;
689
+ }
690
+ .formtastic ol .text input { display: inline; }
691
+ .formtastic ol .text .inline-hints {
692
+ margin: 0 0 0 1em;
693
+ font-style: italic;
694
+ display: inline;
695
+ color: #888888;
696
+ }
697
+ .formtastic ol .check_boxes fieldset .label label { font-size: 1.2em; }
698
+ .formtastic ol .check_boxes fieldset ol li {
699
+ float: left;
700
+ margin-right: 0.5em;
701
+ }
702
+ .formtastic ol .check_boxes fieldset ol li label {
703
+ font-size: 1em;
704
+ color: #222222;
705
+ }
706
+ .formtastic fieldset.inputs {
707
+ border-top: 1px solid #999999;
708
+ padding: 1em 1em 0 1em;
709
+ }
710
+ .formtastic fieldset.inputs legend { color: #666666; }
711
+ .formtastic fieldset.inputs legend span { font-size: 1.3em; }
712
+ .formtastic fieldset.buttons { padding: 0 1em 1em 1em; }
713
+ .formtastic fieldset.buttons ol {
714
+ list-style: none;
715
+ margin: 0;
716
+ padding: 0;
717
+ }
718
+ .formtastic fieldset.buttons ol li {
719
+ float: left;
720
+ line-height: 2;
721
+ margin-right: 0.5em;
722
+ }
723
+ .formtastic fieldset.buttons ol .commit input {
724
+ background: #cfcfcf;
725
+ border-radius: 5px;
726
+ -moz-border-radius: 5px;
727
+ -webkit-border-radius: 5px;
728
+ border: 1px solid #c1c1c1;
729
+ padding: 0.2em 0.5em;
730
+ cursor: pointer;
731
+ font-weight: bold;
732
+ }
733
+ .formtastic fieldset.buttons ol .commit input:hover { border: 1px solid #666666; }
734
+ .formtastic fieldset.buttons ol .cancel a { color: #cc0000; }
595
735
  .form label.label { color: #666666; }
596
736
  .form input.text_field { border: 1px solid #cfcfcf; }
597
737
  .form textarea.text_area { border: 1px solid #cfcfcf; }
598
738
  .form input.button {
599
739
  background: #cfcfcf;
740
+ border-radius: 5px;
600
741
  -moz-border-radius: 5px;
742
+ -webkit-border-radius: 5px;
601
743
  border: 1px solid #c1c1c1;
602
744
  padding: 2px 5px;
603
745
  cursor: pointer;
604
746
  font-weight: bold;
605
747
  }
606
748
  .form input.button:hover { border: 1px solid #666666; }
607
- .form input.button[disabled] { color: #color_schemes[disabled]; }
749
+ .form input.button[disabled] { color: #888888; }
608
750
  .form .description {
609
751
  font-style: italic;
610
752
  color: #8c8c8c;
611
753
  font-size: 0.9em;
612
754
  }
613
755
  .form .navform a { color: #cc0000; }
614
- .flash .message {
615
- -moz-border-radius: 3px;
616
- -webkit-border-radius: 3px;
617
- text-align: center;
618
- margin: 0 auto 15px;
619
- }
620
- .flash .message p { margin: 8px; }
621
- .flash .error {
622
- border: 1px solid #ffbbbb;
623
- background-color: #ffdddd;
624
- }
625
- .flash .warning {
626
- border: 1px solid #fffaaa;
627
- background-color: #ffffcc;
628
- }
629
- .flash .notice {
630
- border: 1px solid #1fdf00;
631
- background-color: #bbffb6;
632
- }
633
756
  ul.list li {
634
757
  border-bottom-color: #f0f0ee;
635
758
  border-bottom-width: 1px;
@@ -641,146 +764,55 @@ ul.list li .item .avatar {
641
764
  border-style: solid;
642
765
  padding: 2px;
643
766
  }
644
- #box .block { background: #ffffff; }
645
- #box .block h2 {
646
- background: #36393d;
647
- color: #ffffff;
648
- }
649
- #main, #main-navigation {
650
- -moz-border-radius-topleft: 4px;
651
- -webkit-border-top-left-radius: 4px;
652
- -moz-border-radius-topright: 4px;
653
- -webkit-border-top-right-radius: 4px;
654
- }
655
- #main-navigation li {
656
- -moz-border-radius-topleft: 4px;
657
- -webkit-border-top-left-radius: 4px;
658
- -moz-border-radius-topright: 4px;
659
- -webkit-border-top-right-radius: 4px;
660
- }
661
- .secondary-navigation {
662
- -moz-border-radius-topleft: 4px;
663
- -webkit-border-top-left-radius: 4px;
664
- -moz-border-radius-topright: 4px;
665
- -webkit-border-top-right-radius: 4px;
666
- }
667
- #main .block {
668
- -moz-border-radius-topleft: 4px;
669
- -webkit-border-top-left-radius: 4px;
670
- -moz-border-radius-topright: 4px;
671
- -webkit-border-top-right-radius: 4px;
672
- }
673
- #sidebar .block {
674
- -moz-border-radius-topleft: 4px;
675
- -webkit-border-top-left-radius: 4px;
676
- -moz-border-radius-topright: 4px;
677
- -webkit-border-top-right-radius: 4px;
678
- }
679
- #sidebar h3 {
680
- -moz-border-radius-topleft: 4px;
681
- -webkit-border-top-left-radius: 4px;
682
- -moz-border-radius-topright: 4px;
683
- -webkit-border-top-right-radius: 4px;
684
- }
685
- ul.list li {
686
- -moz-border-radius-topleft: 4px;
687
- -webkit-border-top-left-radius: 4px;
688
- -moz-border-radius-topright: 4px;
689
- -webkit-border-top-right-radius: 4px;
690
- }
691
- #footer .block {
692
- -moz-border-radius-topleft: 4px;
693
- -webkit-border-top-left-radius: 4px;
694
- -moz-border-radius-topright: 4px;
695
- -webkit-border-top-right-radius: 4px;
696
- }
697
- .form input.button {
698
- -moz-border-radius-topleft: 4px;
699
- -webkit-border-top-left-radius: 4px;
700
- -moz-border-radius-topright: 4px;
701
- -webkit-border-top-right-radius: 4px;
702
- }
703
- #box .block {
704
- -moz-border-radius-topleft: 4px;
705
- -webkit-border-top-left-radius: 4px;
706
- -moz-border-radius-topright: 4px;
707
- -webkit-border-top-right-radius: 4px;
708
- }
709
- #box .block h2 {
710
- -moz-border-radius-topleft: 4px;
711
- -webkit-border-top-left-radius: 4px;
712
- -moz-border-radius-topright: 4px;
713
- -webkit-border-top-right-radius: 4px;
714
- }
715
- .secondary-navigation li.first a {
716
- -moz-border-radius-topleft: 4px;
717
- -webkit-border-top-left-radius: 4px;
718
- }
719
- .secondary-navigation ul li.first {
720
- -moz-border-radius-topleft: 4px;
721
- -webkit-border-top-left-radius: 4px;
722
- }
723
- .table th.first {
724
- -moz-border-radius-topleft: 4px;
725
- -webkit-border-top-left-radius: 4px;
726
- }
727
- .table th.first {
728
- -moz-border-radius-topleft: 4px;
729
- -webkit-border-top-left-radius: 4px;
730
- }
731
- .table th.last {
732
- -moz-border-radius-topright: 4px;
733
- -webkit-border-top-right-radius: 4px;
767
+ .flash .message {
768
+ border-radius: 0.4em;
769
+ -moz-border-radius: 0.4em;
770
+ -webkit-border-radius: 0.4em;
771
+ text-align: center;
772
+ margin: 0 auto 15px;
734
773
  }
735
- .secondary-navigation ul li.first {
736
- -moz-border-radius-topleft: 4px;
737
- -webkit-border-top-left-radius: 4px;
774
+ .flash .message p { margin: 0.75em; }
775
+ .flash .error {
776
+ border: 1px solid #ffbbbb;
777
+ background-color: #ffdddd;
738
778
  }
739
- #sidebar {
740
- -moz-border-radius-bottomleft: 4px;
741
- -webkit-border-bottom-left-radius: 4px;
742
- -moz-border-radius-bottomright: 4px;
743
- -webkit-border-bottom-right-radius: 4px;
779
+ .flash .warning {
780
+ border: 1px solid #e3da4c;
781
+ background-color: #ffffcc;
744
782
  }
745
- #sidebar .block {
746
- -moz-border-radius-bottomleft: 4px;
747
- -webkit-border-bottom-left-radius: 4px;
748
- -moz-border-radius-bottomright: 4px;
749
- -webkit-border-bottom-right-radius: 4px;
783
+ .flash .notice {
784
+ border: 1px solid #1fdf00;
785
+ background-color: #bbffb6;
750
786
  }
751
- #main .block {
752
- -moz-border-radius-bottomleft: 4px;
753
- -webkit-border-bottom-left-radius: 4px;
754
- -moz-border-radius-bottomright: 4px;
755
- -webkit-border-bottom-right-radius: 4px;
787
+ .gray {
788
+ color: #999999;
789
+ font-family: serif;
790
+ font-style: italic;
791
+ font-weight: normal;
792
+ text-transform: normal;
793
+ letter-spacing: normal;
794
+ line-height: 1.6em;
756
795
  }
757
- #sidebar ul.navigation {
758
- -moz-border-radius-bottomleft: 4px;
759
- -webkit-border-bottom-left-radius: 4px;
760
- -moz-border-radius-bottomright: 4px;
761
- -webkit-border-bottom-right-radius: 4px;
796
+ .hightlight {
797
+ color: #36393d;
798
+ background-color: #ffff88;
799
+ font-weight: bold;
762
800
  }
763
- ul.list li {
764
- -moz-border-radius-bottomleft: 4px;
765
- -webkit-border-bottom-left-radius: 4px;
766
- -moz-border-radius-bottomright: 4px;
767
- -webkit-border-bottom-right-radius: 4px;
801
+ a:link { color: #36393d; }
802
+ a:visited { color: #36393d; }
803
+ a:hover { color: #36393d; }
804
+ a:active { color: #36393d; }
805
+ h1, h2, h3 { color: #36393d; }
806
+ a { -moz-outline: none; }
807
+ hr {
808
+ background: #f0f0ee;
809
+ color: #f0f0ee;
768
810
  }
769
- #footer .block {
770
- -moz-border-radius-bottomleft: 4px;
771
- -webkit-border-bottom-left-radius: 4px;
772
- -moz-border-radius-bottomright: 4px;
773
- -webkit-border-bottom-right-radius: 4px;
811
+ * html #header {
812
+ width: 1120px;
813
+ margin: 0 auto;
774
814
  }
775
- .form input.button {
776
- -moz-border-radius-bottomleft: 4px;
777
- -webkit-border-bottom-left-radius: 4px;
778
- -moz-border-radius-bottomright: 4px;
779
- -webkit-border-bottom-right-radius: 4px;
780
- }
781
- #box .block {
782
- -moz-border-radius-bottomleft: 4px;
783
- -webkit-border-bottom-left-radius: 4px;
784
- -moz-border-radius-bottomright: 4px;
785
- -webkit-border-bottom-right-radius: 4px;
815
+ * html #page {
816
+ width: 1120px;
817
+ margin: 0 auto;
786
818
  }