Normalized styles with GitHub.com for code and training.github.com for Sans-Serif
Matthew McCullough committed
Oct 1, 2012 at 15:17 UTC
8cdd61160188ccbd4634d70ca780fc0d2925f112
1 file changed
+688
-688
css/layout.css
+688
-688
@@ -1,688 +1,688 @@
1
-/*
2
------------------------------------------------
3
-Grey Box Method - Layout CSS
4
------------------------------------------------ */
5
-
6
-body {
7
- border-top: 5px solid #000;
8
- color: #333;
9
- padding: 0 0 40px;
10
-}
11
-
12
-#about_me img { border: 5px solid #333; margin: 3px; }
13
-
14
-.info { background: #fff; padding: 10px;}
15
-
16
-.article { border-bottom: 5px solid rgb(20,120,200); padding-bottom: 10px; margin-bottom: 15px;}
17
-
18
-.non_home_box {
19
- display: none;
20
-}
21
-
22
-#reflist h3 {
23
- font-size: 1.1em;
24
- background: #fff;
25
-}
26
-#reflist h3 a {
27
- color: rgb(20,120,200);
28
-}
29
-#reflist h4 { font-size: 0.9em; }
30
-#reflist .block { margin: 0; padding: 0; }
31
-
32
-code { background: #ffe; padding: 2px 5px; }
33
-
34
-p.nutshell {
35
- background: #ddd;
36
- padding: 5px;
37
-}
38
-
39
-.box pre {
40
- margin-top: 10px;
41
- padding: 8px;
42
- background: #ffe;
43
- color: #555;
44
-}
45
-
46
-.box code.code {
47
- white-space:pre;
48
- font-family:monospace;
49
- padding: 8px;
50
- background: #ffe;
51
- display: block;
52
- margin: 10px;
53
- color: #555;
54
-}
55
-pre b { color: #111; }
56
-.red { color: #d33; }
57
-.green { color: #383; }
58
-.umber { color: #8A3324; }
59
-.lblue { color: #55a; }
60
-.blue { color: #447; }
61
-.yellow { color: #993; }
62
-.hl { background: #eea; }
63
-
64
-.box h4 {
65
- font-family:monospace;
66
- margin-top: 20px;
67
- color: #833;
68
-}
69
-.box h4 small {
70
- color: #888;
71
- font-size: 0.8em;
72
- margin-left: 10px;
73
- font-weight: normal;
74
-}
75
-
76
-.note {
77
- float: right;
78
- border: 10px;
79
- padding: 8px;
80
- background: #dfd;
81
- border: 1px solid #8a8;
82
- width: 120px;
83
-}
84
-.note h3 {
85
- font-size: 1.1em;
86
- color: #353;
87
-}
88
-
89
-ul#menu {
90
- background: rgb(20,120,200);
91
- padding: .5em;
92
- display: inline;
93
- color: #fff;
94
-}
95
-ul#menu li {
96
- border: 0;
97
- margin: 0;
98
- padding: 0;
99
- padding-right: 10px;
100
- padding-left: 10px;
101
- display:inline;
102
- font-family: "inconsolata-1","inconsolata-2";
103
- font-size: 1.1em;
104
-}
105
-
106
-ul#menu li a { color: #fff; }
107
-
108
-.scribble-preview {
109
- background: #ff9;
110
- padding: 8px;
111
- border: 1px solid #ee6;
112
-}
113
-
114
-img#me { border: 8px solid #333; }
115
-
116
-/* anchors
117
------------------------------------------------ */
118
-a {
119
- color: #000;
120
- font-weight:bold;
121
- text-decoration: none;
122
-}
123
-a:hover {
124
- color:#333;
125
-}
126
-a.page-button {
127
- background: #e4eafa none 0 0 repeat-x;
128
- border: solid 1px #c9172e;
129
- color: #c9172e;
130
- cursor: pointer;
131
- display: inline-block;
132
- font-weight: bold;
133
- font-size: 12px;
134
- line-height: 100%;
135
- margin: 1px;
136
- padding: 0.8em 1em;
137
- position: relative;
138
- text-decoration: none;
139
- text-shadow: #fff 0 1px 0;
140
- vertical-align: middle;
141
- white-space: nowrap;
142
- float:right;
143
- background-image: -moz-linear-gradient(-90deg,
144
- #eeeeee 1%,
145
- #fdf6f7 5%,
146
- #fae9eb 70%,
147
- #f7dcdf 100%);
148
- background-image: -webkit-gradient(linear,left top,left bottom,
149
- color-stop(0.01, #eee),
150
- color-stop(0.05, #fdf6f7),
151
- color-stop(0.70, #fae9eb),
152
- color-stop(1, #f7dcdf));
153
-}
154
-a.next-page {
155
- border-right: none;
156
- margin-right: 26px;
157
- padding-right: 0;
158
-}
159
-a.next-page:after, a.prev-page:after {
160
- border: solid 1px #c9172e;
161
- content: '';
162
- display: block;
163
- position: absolute;
164
- top: .37em;
165
- width: 1.7em;
166
- height: 1.7em;
167
- text-shadow: none;
168
- z-index: -1;
169
-}
170
-a.next-page:after {
171
- right: -.97em;
172
- -moz-transform: rotate(-45deg);
173
- background-image: -moz-linear-gradient(-135deg,
174
- #eeeeee 1%,
175
- #fdf6f7 5%,
176
- #fae9eb 70%,
177
- #f7dcdf 100%);
178
- -webkit-transform:rotate(-45deg);
179
- background-image: -webkit-gradient(linear,100% 0%, 0% 100%,
180
- color-stop(0.01, #eee),
181
- color-stop(0.05, #fdf6f7),
182
- color-stop(0.70, #fae9eb),
183
- color-stop(1, #f7dcdf));
184
-}
185
-
186
-/* headings
187
------------------------------------------------ */
188
-h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
189
-h2 {margin-top:1em; }
190
-h5 {font-size:1.2em;}
191
-h6 {font-size:1em; text-transform:uppercase;}
192
-h3 { color: rgb(20,120,200); }
193
-
194
-h1 a {
195
- font-weight:normal;
196
-}
197
-
198
-
199
-/* branding
200
------------------------------------------------ */
201
-#branding {
202
- font-weight:normal;
203
- font-size:4em;
204
- text-align:left;
205
- padding:8px;
206
- margin-bottom:0;
207
- color: #333;
208
- background: #fff;
209
-}
210
-
211
-
212
-/* page heading
213
------------------------------------------------ */
214
-#page-heading {
215
- padding: 5px;
216
- background: #000;
217
- color: #eee;
218
- font-size:2em;
219
- letter-spacing: 8px;
220
-}
221
-
222
-
223
-/* boxes
224
------------------------------------------------ */
225
-.box {
226
- background:#eee;
227
- margin-bottom:20px;
228
- padding:10px 10px 1px 10px;
229
- font-size: 1.1em;
230
-}
231
-.box h2 {
232
- font-size:1em;
233
- font-weight:normal;
234
- text-transform:uppercase;
235
- color:#fff;
236
- background:#333;
237
- margin:-10px -10px 0 -10px;
238
- padding:6px 12px;
239
-}
240
-.box h2 .desc {
241
- margin-left: 20px;
242
- text-transform:none;
243
- color: #aaa;
244
-}
245
-.box h2 a,
246
-.box h2 a.visible {
247
- background-color:#111;
248
- color:#fff;
249
- display:inline;
250
- padding:6px 12px;
251
- margin:-6px -12px;
252
- border:none;
253
- text-transform:none;
254
-}
255
-.box h2 .docs {
256
- color: #999;
257
- display:inline;
258
- float: right;
259
- background-color:#333;
260
-}
261
-.box h2 .docs a {
262
- background-color:#333;
263
- padding:0;
264
- margin:0;
265
-}
266
-
267
-.grid_4 .box h2 a {
268
- background-position: 97% 50%;
269
-}
270
-.grid_5 .box h2 a {
271
- background-position: 98% 50%;
272
-}
273
-.grid_12 .box h2 a {
274
- background-position: 99% 50%;
275
-}
276
-
277
-
278
-.box h2 a:hover {
279
- background-color:#111;
280
-}
281
-.block {
282
- padding-top:10px;
283
-}
284
-div.menu {
285
- padding:0;
286
-}
287
-div.menu h2 {
288
- margin:0;
289
-}
290
-div.menu .block {
291
- padding-top:0;
292
-}
293
-
294
-
295
-/* paragraphs, quotes and lists
296
------------------------------------------------ */
297
-p {
298
- margin-bottom:1em;
299
-}
300
-blockquote {
301
- font-family: "inconsolata-1","inconsolata-2";
302
- padding-left:1em;
303
- border-left:4px solid #ccc;
304
-}
305
-blockquote cite {
306
- font-size:.9em;
307
-}
308
-ul, ol {
309
- padding-top:0;
310
-}
311
-
312
-
313
-/* menus
314
------------------------------------------------ */
315
-ul.menu {
316
- list-style:none;
317
- border-top:1px solid #bbb;
318
-}
319
-ul.menu li {
320
- margin:0;
321
-}
322
-ul.menu li a {
323
- display:block;
324
- padding:4px 10px;
325
- border-bottom:1px solid #ccc;
326
-}
327
-ul.menu li a:hover {
328
- background:#eee;
329
-}
330
-ul.menu li a:active {
331
- background:#ccc;
332
-}
333
-
334
-
335
-/* submenus
336
------------------------------------------------ */
337
-ul.menu ul {
338
- list-style:none;
339
- margin:0;
340
-}
341
-ul.menu ul li a {
342
- padding-left:30px;
343
-}
344
-
345
-
346
-/* section menus
347
------------------------------------------------ */
348
-ul.section {
349
- border-top:0;
350
- margin-bottom:0;
351
-}
352
-ul.section li {
353
- text-transform:uppercase;
354
-}
355
-ul.section li a {
356
- background:#bbb;
357
-}
358
-ul.section li a:hover {
359
- background:#aaa;
360
-}
361
-ul.section li a:active {
362
- color:#fff;
363
- background:#666;
364
-}
365
-ul.section li li a {
366
- background:#ddd;
367
- border-bottom:1px solid #eee;
368
-}
369
-ul.section li li a:hover {
370
- background:#ccc;
371
-}
372
-ul.section li li a:active {
373
- color:#000;
374
- background:#fff;
375
-}
376
-ul.section ul li {
377
- text-transform:none;
378
-}
379
-ul.section ul.current li a {
380
- background:#eee;
381
- border-bottom:1px solid #fff;
382
-}
383
-ul.section ul.current li a:hover {
384
- background:#ddd;
385
-}
386
-ul.section ul.current li a:active {
387
- background:#fff;
388
-}
389
-ul.section li a.current {
390
- color:#fff;
391
- background:#666;
392
-}
393
-ul.section li a.current:hover {
394
- background:#555;
395
-}
396
-ul.section li a.current:active {
397
- background:#444;
398
-}
399
-ul.section li a.active {
400
- background:#fff;
401
- cursor:default;
402
-}
403
-ul.section li.current > a.active,
404
-ul.section li.current > a.active:hover {
405
- color:#fff;
406
- background:#666;
407
- cursor:default;
408
-}
409
-
410
-
411
-/* table
412
------------------------------------------------ */
413
-table {
414
- width:100%;
415
- border:1px solid #bbb;
416
- margin-bottom:10px;
417
-}
418
-col.colC {
419
- width:8em;
420
-}
421
-th, td {
422
- padding:.2em 1em;
423
- text-align:left;
424
-}
425
-thead th {
426
- border-bottom:2px solid #888;
427
- background:#bbb;
428
- padding:.4em 1em .2em;
429
-}
430
-thead th.table-head {
431
- font-size:1em;
432
- font-weight:normal;
433
- text-transform:uppercase;
434
- color:#fff;
435
- background:#555;
436
- border:1px solid #555;
437
-}
438
-tbody th,
439
-tbody td {
440
- border-top:1px solid #bbb;
441
- border-bottom:1px solid #bbb;
442
- background:#eee;
443
-}
444
-tbody tr.odd th,
445
-tbody tr.odd td {
446
- background:#fff;
447
-}
448
-tfoot th,
449
-tfoot td {
450
- border-top:2px solid #666;
451
- background:#eee;
452
-}
453
-tfoot tr.total th,
454
-tfoot tr.total td {
455
- border-top:6px double #666;
456
-}
457
-tfoot tr.total th {
458
- text-transform:uppercase;
459
-}
460
-th.currency,
461
-td.currency {
462
- text-align:right;
463
-}
464
-
465
-
466
-/* forms
467
------------------------------------------------ */
468
-form {
469
- overflow:hidden;
470
-}
471
-fieldset {
472
- border:1px solid #bbb;
473
- padding:10px;
474
- position:relative;
475
- background:#e9e9e9;
476
- margin-bottom:10px;
477
-}
478
-legend {
479
- font-size:1.1em;
480
- padding:.4em .8em;
481
- background:#fff;
482
- border:1px solid #bbb;
483
-}
484
-fieldset.login p {
485
- margin-bottom:1em;
486
- margin-top:0pt;
487
-}
488
-fieldset p label {
489
- width:98%;
490
-}
491
-fieldset p input {
492
- width:98%;
493
-}
494
-fieldset p select {
495
- width:99%;
496
-}
497
-fieldset.login p label {
498
- float:left;
499
- line-height:2em;
500
- margin-right:3%;
501
- text-align:right;
502
- width:32%;
503
-}
504
-fieldset.login p input {
505
- width:60%;
506
-}
507
-fieldset.login input.button {
508
- margin-left:35%;
509
-}
510
-form p.notice {
511
- font-weight:bold;
512
-}
513
-input.search.text {
514
- width:66%;
515
-}
516
-input.search.button {
517
- width:28%;
518
- margin-left:2%;
519
-}
520
-
521
-
522
-/* articles
523
------------------------------------------------ */
524
-.articles {
525
- padding:0;
526
-}
527
-.articles h2 {
528
- margin:0;
529
-}
530
-#articles {
531
- padding-top:0;
532
-}
533
-.article {
534
- border-top:1px solid #666;
535
- padding-top:.5em;
536
-}
537
-.box .article {
538
- border-top:3px solid #fff;
539
- padding:13px 10px 0 10px;
540
- background: #fff;
541
-}
542
-.article h2 {
543
- font-size:2em;
544
- font-weight:normal;
545
- text-transform:none;
546
- color:#333;
547
- background:transparent;
548
- padding:0;
549
- margin:0;
550
- border:none;
551
-}
552
-.article h3 {
553
- margin-bottom:.2em;
554
- font-size:1.6em;
555
-}
556
-.box .first {
557
- border-top:none;
558
-}
559
-.article h4 {
560
- font-size:1.2em;
561
- text-transform:uppercase;
562
- margin-bottom:.5em;
563
-}
564
-.article a.image {
565
- float:left;
566
- margin:3px 10px 3px 0;
567
- padding:4px;
568
- border:1px solid #bbb;
569
- background:#fff;
570
-}
571
-.article a.image:hover {
572
- border:1px solid #666;
573
-}
574
-.article a.image img {
575
- float:left;
576
-}
577
-.article p.meta {
578
- color:#666;
579
- border-top:1px dotted #999;
580
- border-bottom:1px dotted #999;
581
- padding:.3em 0;
582
- margin-bottom:.8em;
583
-}
584
-
585
-
586
-/* site information
587
------------------------------------------------ */
588
-#site_info .box {
589
- color:#ccc;
590
- background:#666;
591
- margin-bottom:10px;
592
-}
593
-#site_info a {
594
- color:#fff;
595
-}
596
-#site_info a:hover {
597
- color:#000;
598
-}
599
-
600
-
601
-/* AJAX sliding shelf
602
------------------------------------------------ */
603
-#loading {float:right; margin-right:14px; margin-top:-2px;}
604
-.block {padding-bottom:1px;}
605
-
606
-
607
-/* Accordian
608
------------------------------------------------ */
609
-.toggler {
610
- color: #222;
611
- margin: 0;
612
- padding: 2px 5px;
613
- background: #eee;
614
- border-bottom: 1px solid #ddd;
615
- border-right: 1px solid #ddd;
616
- border-top: 1px solid #f5f5f5;
617
- border-left: 1px solid #f5f5f5;
618
- font-size:1.1em;
619
- font-weight: normal;
620
-}
621
-.element h4 {
622
- margin: 0;
623
- padding:4px;
624
- line-height:1.2em;
625
-}
626
-.element p {
627
- margin: 0;
628
- padding: 4px;
629
-}
630
-.float-right {
631
- padding:10px 20px;
632
- float:right;
633
-}
634
-
635
-#accordian-block {
636
- padding-bottom:10px;
637
-}
638
-
639
-
640
-/* Mootools Kwicks
641
------------------------------------------------ */
642
-#kwick-box {
643
- padding:0;
644
- overflow:hidden;
645
-}
646
-#kwick-box h2 {
647
- margin:0;
648
-}
649
-#kwick {
650
- position: relative;
651
-}
652
-#kwick .kwicks {
653
- display: block;
654
- background: #999;
655
- height: 120px;
656
- list-style:none;
657
- margin:0;
658
- overflow:hidden;
659
-}
660
-#kwick li {
661
- float: left;
662
- margin:0;
663
- padding:0;
664
-}
665
-#kwick .kwick {
666
- display: block;
667
- cursor: pointer;
668
- overflow: hidden;
669
- height: 100px;
670
- width: 215px;
671
- padding: 10px;
672
- background: #fff;
673
-}
674
-#kwick .kwick span {
675
- color:#fff;
676
-}
677
-#kwick .one {
678
- background: #666;
679
-}
680
-#kwick .two {
681
- background: #777;
682
-}
683
-#kwick .three {
684
- background: #888;
685
-}
686
-#kwick .four {
687
- background: #999;
688
-}
1
+/*
2
+-----------------------------------------------
3
+Grey Box Method - Layout CSS
4
+----------------------------------------------- */
5
+
6
+html, body {
7
+ border-top: 5px solid #000;
8
+ color: #333;
9
+ padding: 0 0 40px;
10
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
11
+}
12
+
13
+#about_me img { border: 5px solid #333; margin: 3px; }
14
+
15
+.info { background: #fff; padding: 10px;}
16
+
17
+.article { border-bottom: 5px solid rgb(20,120,200); padding-bottom: 10px; margin-bottom: 15px;}
18
+
19
+.non_home_box {
20
+ display: none;
21
+}
22
+
23
+#reflist h3 {
24
+ font-size: 1.1em;
25
+ background: #fff;
26
+}
27
+#reflist h3 a {
28
+ color: rgb(20,120,200);
29
+}
30
+#reflist h4 { font-size: 0.9em; }
31
+#reflist .block { margin: 0; padding: 0; }
32
+
33
+code { background: #ffe; padding: 2px 5px; }
34
+
35
+p.nutshell {
36
+ background: #ddd;
37
+ padding: 5px;
38
+}
39
+
40
+.box pre {
41
+ margin-top: 10px;
42
+ padding: 8px;
43
+ background: #ffe;
44
+ color: #555;
45
+}
46
+
47
+.box code.code {
48
+ white-space:pre;
49
+ font-family: Consolas, 'Liberation Mono', Courier, monospace;
50
+ padding: 8px;
51
+ background: #ffe;
52
+ display: block;
53
+ margin: 10px;
54
+ color: #555;
55
+}
56
+pre b { color: #111; }
57
+.red { color: #d33; }
58
+.green { color: #383; }
59
+.umber { color: #8A3324; }
60
+.lblue { color: #55a; }
61
+.blue { color: #447; }
62
+.yellow { color: #993; }
63
+.hl { background: #eea; }
64
+
65
+.box h4 {
66
+ font-family: Consolas, 'Liberation Mono', Courier, monospace;
67
+ margin-top: 20px;
68
+ color: #833;
69
+}
70
+.box h4 small {
71
+ color: #888;
72
+ font-size: 0.8em;
73
+ margin-left: 10px;
74
+ font-weight: normal;
75
+}
76
+
77
+.note {
78
+ float: right;
79
+ border: 10px;
80
+ padding: 8px;
81
+ background: #dfd;
82
+ border: 1px solid #8a8;
83
+ width: 120px;
84
+}
85
+.note h3 {
86
+ font-size: 1.1em;
87
+ color: #353;
88
+}
89
+
90
+ul#menu {
91
+ background: rgb(20,120,200);
92
+ padding: .5em;
93
+ display: inline;
94
+ color: #fff;
95
+}
96
+ul#menu li {
97
+ border: 0;
98
+ margin: 0;
99
+ padding: 0;
100
+ padding-right: 10px;
101
+ padding-left: 10px;
102
+ display:inline;
103
+ font-size: 1.1em;
104
+}
105
+
106
+ul#menu li a { color: #fff; }
107
+
108
+.scribble-preview {
109
+ background: #ff9;
110
+ padding: 8px;
111
+ border: 1px solid #ee6;
112
+}
113
+
114
+img#me { border: 8px solid #333; }
115
+
116
+/* anchors
117
+----------------------------------------------- */
118
+a {
119
+ color: #000;
120
+ font-weight:bold;
121
+ text-decoration: none;
122
+}
123
+a:hover {
124
+ color:#333;
125
+}
126
+a.page-button {
127
+ background: #e4eafa none 0 0 repeat-x;
128
+ border: solid 1px #c9172e;
129
+ color: #c9172e;
130
+ cursor: pointer;
131
+ display: inline-block;
132
+ font-weight: bold;
133
+ font-size: 12px;
134
+ line-height: 100%;
135
+ margin: 1px;
136
+ padding: 0.8em 1em;
137
+ position: relative;
138
+ text-decoration: none;
139
+ text-shadow: #fff 0 1px 0;
140
+ vertical-align: middle;
141
+ white-space: nowrap;
142
+ float:right;
143
+ background-image: -moz-linear-gradient(-90deg,
144
+ #eeeeee 1%,
145
+ #fdf6f7 5%,
146
+ #fae9eb 70%,
147
+ #f7dcdf 100%);
148
+ background-image: -webkit-gradient(linear,left top,left bottom,
149
+ color-stop(0.01, #eee),
150
+ color-stop(0.05, #fdf6f7),
151
+ color-stop(0.70, #fae9eb),
152
+ color-stop(1, #f7dcdf));
153
+}
154
+a.next-page {
155
+ border-right: none;
156
+ margin-right: 26px;
157
+ padding-right: 0;
158
+}
159
+a.next-page:after, a.prev-page:after {
160
+ border: solid 1px #c9172e;
161
+ content: '';
162
+ display: block;
163
+ position: absolute;
164
+ top: .37em;
165
+ width: 1.7em;
166
+ height: 1.7em;
167
+ text-shadow: none;
168
+ z-index: -1;
169
+}
170
+a.next-page:after {
171
+ right: -.97em;
172
+ -moz-transform: rotate(-45deg);
173
+ background-image: -moz-linear-gradient(-135deg,
174
+ #eeeeee 1%,
175
+ #fdf6f7 5%,
176
+ #fae9eb 70%,
177
+ #f7dcdf 100%);
178
+ -webkit-transform:rotate(-45deg);
179
+ background-image: -webkit-gradient(linear,100% 0%, 0% 100%,
180
+ color-stop(0.01, #eee),
181
+ color-stop(0.05, #fdf6f7),
182
+ color-stop(0.70, #fae9eb),
183
+ color-stop(1, #f7dcdf));
184
+}
185
+
186
+/* headings
187
+----------------------------------------------- */
188
+h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
189
+h2 {margin-top:1em; }
190
+h5 {font-size:1.2em;}
191
+h6 {font-size:1em; text-transform:uppercase;}
192
+h3 { color: rgb(20,120,200); }
193
+
194
+h1 a {
195
+ font-weight:normal;
196
+}
197
+
198
+
199
+/* branding
200
+----------------------------------------------- */
201
+#branding {
202
+ font-weight:normal;
203
+ font-size:4em;
204
+ text-align:left;
205
+ padding:8px;
206
+ margin-bottom:0;
207
+ color: #333;
208
+ background: #fff;
209
+}
210
+
211
+
212
+/* page heading
213
+----------------------------------------------- */
214
+#page-heading {
215
+ padding: 5px;
216
+ background: #000;
217
+ color: #eee;
218
+ font-size:2em;
219
+ letter-spacing: 8px;
220
+}
221
+
222
+
223
+/* boxes
224
+----------------------------------------------- */
225
+.box {
226
+ background:#eee;
227
+ margin-bottom:20px;
228
+ padding:10px 10px 1px 10px;
229
+ font-size: 1.1em;
230
+}
231
+.box h2 {
232
+ font-size:1em;
233
+ font-weight:normal;
234
+ text-transform:uppercase;
235
+ color:#fff;
236
+ background:#333;
237
+ margin:-10px -10px 0 -10px;
238
+ padding:6px 12px;
239
+}
240
+.box h2 .desc {
241
+ margin-left: 20px;
242
+ text-transform:none;
243
+ color: #aaa;
244
+}
245
+.box h2 a,
246
+.box h2 a.visible {
247
+ background-color:#111;
248
+ color:#fff;
249
+ display:inline;
250
+ padding:6px 12px;
251
+ margin:-6px -12px;
252
+ border:none;
253
+ text-transform:none;
254
+}
255
+.box h2 .docs {
256
+ color: #999;
257
+ display:inline;
258
+ float: right;
259
+ background-color:#333;
260
+}
261
+.box h2 .docs a {
262
+ background-color:#333;
263
+ padding:0;
264
+ margin:0;
265
+}
266
+
267
+.grid_4 .box h2 a {
268
+ background-position: 97% 50%;
269
+}
270
+.grid_5 .box h2 a {
271
+ background-position: 98% 50%;
272
+}
273
+.grid_12 .box h2 a {
274
+ background-position: 99% 50%;
275
+}
276
+
277
+
278
+.box h2 a:hover {
279
+ background-color:#111;
280
+}
281
+.block {
282
+ padding-top:10px;
283
+}
284
+div.menu {
285
+ padding:0;
286
+}
287
+div.menu h2 {
288
+ margin:0;
289
+}
290
+div.menu .block {
291
+ padding-top:0;
292
+}
293
+
294
+
295
+/* paragraphs, quotes and lists
296
+----------------------------------------------- */
297
+p {
298
+ margin-bottom:1em;
299
+}
300
+blockquote {
301
+ font-family: Consolas, 'Liberation Mono', Courier, monospace;
302
+ padding-left:1em;
303
+ border-left:4px solid #ccc;
304
+}
305
+blockquote cite {
306
+ font-size:.9em;
307
+}
308
+ul, ol {
309
+ padding-top:0;
310
+}
311
+
312
+
313
+/* menus
314
+----------------------------------------------- */
315
+ul.menu {
316
+ list-style:none;
317
+ border-top:1px solid #bbb;
318
+}
319
+ul.menu li {
320
+ margin:0;
321
+}
322
+ul.menu li a {
323
+ display:block;
324
+ padding:4px 10px;
325
+ border-bottom:1px solid #ccc;
326
+}
327
+ul.menu li a:hover {
328
+ background:#eee;
329
+}
330
+ul.menu li a:active {
331
+ background:#ccc;
332
+}
333
+
334
+
335
+/* submenus
336
+----------------------------------------------- */
337
+ul.menu ul {
338
+ list-style:none;
339
+ margin:0;
340
+}
341
+ul.menu ul li a {
342
+ padding-left:30px;
343
+}
344
+
345
+
346
+/* section menus
347
+----------------------------------------------- */
348
+ul.section {
349
+ border-top:0;
350
+ margin-bottom:0;
351
+}
352
+ul.section li {
353
+ text-transform:uppercase;
354
+}
355
+ul.section li a {
356
+ background:#bbb;
357
+}
358
+ul.section li a:hover {
359
+ background:#aaa;
360
+}
361
+ul.section li a:active {
362
+ color:#fff;
363
+ background:#666;
364
+}
365
+ul.section li li a {
366
+ background:#ddd;
367
+ border-bottom:1px solid #eee;
368
+}
369
+ul.section li li a:hover {
370
+ background:#ccc;
371
+}
372
+ul.section li li a:active {
373
+ color:#000;
374
+ background:#fff;
375
+}
376
+ul.section ul li {
377
+ text-transform:none;
378
+}
379
+ul.section ul.current li a {
380
+ background:#eee;
381
+ border-bottom:1px solid #fff;
382
+}
383
+ul.section ul.current li a:hover {
384
+ background:#ddd;
385
+}
386
+ul.section ul.current li a:active {
387
+ background:#fff;
388
+}
389
+ul.section li a.current {
390
+ color:#fff;
391
+ background:#666;
392
+}
393
+ul.section li a.current:hover {
394
+ background:#555;
395
+}
396
+ul.section li a.current:active {
397
+ background:#444;
398
+}
399
+ul.section li a.active {
400
+ background:#fff;
401
+ cursor:default;
402
+}
403
+ul.section li.current > a.active,
404
+ul.section li.current > a.active:hover {
405
+ color:#fff;
406
+ background:#666;
407
+ cursor:default;
408
+}
409
+
410
+
411
+/* table
412
+----------------------------------------------- */
413
+table {
414
+ width:100%;
415
+ border:1px solid #bbb;
416
+ margin-bottom:10px;
417
+}
418
+col.colC {
419
+ width:8em;
420
+}
421
+th, td {
422
+ padding:.2em 1em;
423
+ text-align:left;
424
+}
425
+thead th {
426
+ border-bottom:2px solid #888;
427
+ background:#bbb;
428
+ padding:.4em 1em .2em;
429
+}
430
+thead th.table-head {
431
+ font-size:1em;
432
+ font-weight:normal;
433
+ text-transform:uppercase;
434
+ color:#fff;
435
+ background:#555;
436
+ border:1px solid #555;
437
+}
438
+tbody th,
439
+tbody td {
440
+ border-top:1px solid #bbb;
441
+ border-bottom:1px solid #bbb;
442
+ background:#eee;
443
+}
444
+tbody tr.odd th,
445
+tbody tr.odd td {
446
+ background:#fff;
447
+}
448
+tfoot th,
449
+tfoot td {
450
+ border-top:2px solid #666;
451
+ background:#eee;
452
+}
453
+tfoot tr.total th,
454
+tfoot tr.total td {
455
+ border-top:6px double #666;
456
+}
457
+tfoot tr.total th {
458
+ text-transform:uppercase;
459
+}
460
+th.currency,
461
+td.currency {
462
+ text-align:right;
463
+}
464
+
465
+
466
+/* forms
467
+----------------------------------------------- */
468
+form {
469
+ overflow:hidden;
470
+}
471
+fieldset {
472
+ border:1px solid #bbb;
473
+ padding:10px;
474
+ position:relative;
475
+ background:#e9e9e9;
476
+ margin-bottom:10px;
477
+}
478
+legend {
479
+ font-size:1.1em;
480
+ padding:.4em .8em;
481
+ background:#fff;
482
+ border:1px solid #bbb;
483
+}
484
+fieldset.login p {
485
+ margin-bottom:1em;
486
+ margin-top:0pt;
487
+}
488
+fieldset p label {
489
+ width:98%;
490
+}
491
+fieldset p input {
492
+ width:98%;
493
+}
494
+fieldset p select {
495
+ width:99%;
496
+}
497
+fieldset.login p label {
498
+ float:left;
499
+ line-height:2em;
500
+ margin-right:3%;
501
+ text-align:right;
502
+ width:32%;
503
+}
504
+fieldset.login p input {
505
+ width:60%;
506
+}
507
+fieldset.login input.button {
508
+ margin-left:35%;
509
+}
510
+form p.notice {
511
+ font-weight:bold;
512
+}
513
+input.search.text {
514
+ width:66%;
515
+}
516
+input.search.button {
517
+ width:28%;
518
+ margin-left:2%;
519
+}
520
+
521
+
522
+/* articles
523
+----------------------------------------------- */
524
+.articles {
525
+ padding:0;
526
+}
527
+.articles h2 {
528
+ margin:0;
529
+}
530
+#articles {
531
+ padding-top:0;
532
+}
533
+.article {
534
+ border-top:1px solid #666;
535
+ padding-top:.5em;
536
+}
537
+.box .article {
538
+ border-top:3px solid #fff;
539
+ padding:13px 10px 0 10px;
540
+ background: #fff;
541
+}
542
+.article h2 {
543
+ font-size:2em;
544
+ font-weight:normal;
545
+ text-transform:none;
546
+ color:#333;
547
+ background:transparent;
548
+ padding:0;
549
+ margin:0;
550
+ border:none;
551
+}
552
+.article h3 {
553
+ margin-bottom:.2em;
554
+ font-size:1.6em;
555
+}
556
+.box .first {
557
+ border-top:none;
558
+}
559
+.article h4 {
560
+ font-size:1.2em;
561
+ text-transform:uppercase;
562
+ margin-bottom:.5em;
563
+}
564
+.article a.image {
565
+ float:left;
566
+ margin:3px 10px 3px 0;
567
+ padding:4px;
568
+ border:1px solid #bbb;
569
+ background:#fff;
570
+}
571
+.article a.image:hover {
572
+ border:1px solid #666;
573
+}
574
+.article a.image img {
575
+ float:left;
576
+}
577
+.article p.meta {
578
+ color:#666;
579
+ border-top:1px dotted #999;
580
+ border-bottom:1px dotted #999;
581
+ padding:.3em 0;
582
+ margin-bottom:.8em;
583
+}
584
+
585
+
586
+/* site information
587
+----------------------------------------------- */
588
+#site_info .box {
589
+ color:#ccc;
590
+ background:#666;
591
+ margin-bottom:10px;
592
+}
593
+#site_info a {
594
+ color:#fff;
595
+}
596
+#site_info a:hover {
597
+ color:#000;
598
+}
599
+
600
+
601
+/* AJAX sliding shelf
602
+----------------------------------------------- */
603
+#loading {float:right; margin-right:14px; margin-top:-2px;}
604
+.block {padding-bottom:1px;}
605
+
606
+
607
+/* Accordian
608
+----------------------------------------------- */
609
+.toggler {
610
+ color: #222;
611
+ margin: 0;
612
+ padding: 2px 5px;
613
+ background: #eee;
614
+ border-bottom: 1px solid #ddd;
615
+ border-right: 1px solid #ddd;
616
+ border-top: 1px solid #f5f5f5;
617
+ border-left: 1px solid #f5f5f5;
618
+ font-size:1.1em;
619
+ font-weight: normal;
620
+}
621
+.element h4 {
622
+ margin: 0;
623
+ padding:4px;
624
+ line-height:1.2em;
625
+}
626
+.element p {
627
+ margin: 0;
628
+ padding: 4px;
629
+}
630
+.float-right {
631
+ padding:10px 20px;
632
+ float:right;
633
+}
634
+
635
+#accordian-block {
636
+ padding-bottom:10px;
637
+}
638
+
639
+
640
+/* Mootools Kwicks
641
+----------------------------------------------- */
642
+#kwick-box {
643
+ padding:0;
644
+ overflow:hidden;
645
+}
646
+#kwick-box h2 {
647
+ margin:0;
648
+}
649
+#kwick {
650
+ position: relative;
651
+}
652
+#kwick .kwicks {
653
+ display: block;
654
+ background: #999;
655
+ height: 120px;
656
+ list-style:none;
657
+ margin:0;
658
+ overflow:hidden;
659
+}
660
+#kwick li {
661
+ float: left;
662
+ margin:0;
663
+ padding:0;
664
+}
665
+#kwick .kwick {
666
+ display: block;
667
+ cursor: pointer;
668
+ overflow: hidden;
669
+ height: 100px;
670
+ width: 215px;
671
+ padding: 10px;
672
+ background: #fff;
673
+}
674
+#kwick .kwick span {
675
+ color:#fff;
676
+}
677
+#kwick .one {
678
+ background: #666;
679
+}
680
+#kwick .two {
681
+ background: #777;
682
+}
683
+#kwick .three {
684
+ background: #888;
685
+}
686
+#kwick .four {
687
+ background: #999;
688
+}