2 --layout-link-color: #000;
\r
3 --layout-link-hover-color: #333;
\r
4 --layout-input-text-color: #000;
\r
5 --layout-offset-background-color: #FFF;
\r
6 --layout-offset-background-light-color: #e9e9e9;
\r
9 [data-theme="dark"] {
\r
10 --layout-link-color: #FFF;
\r
11 --layout-link-hover-color: #BBB;
\r
12 --layout-input-text-color: #FFF;
\r
13 --layout-input-background-color: #444;
\r
14 --layout-offset-background-color: #444;
\r
15 --layout-offset-background-light-color: #666;
\r
19 -----------------------------------------------
\r
20 Grey Box Method - Layout CSS
\r
21 ----------------------------------------------- */
\r
24 font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
\r
31 ----------------------------------------------- */
\r
33 color: var(--layout-link-color);
\r
35 text-decoration: none;
\r
38 color: var(--layout-link-hover-color);
\r
42 ----------------------------------------------- */
\r
44 color: var(--layout-input-text-color);
\r
45 background-color: var(--layout-input-background-color);
\r
49 /* 960 grid system container background
\r
50 ----------------------------------------------- */
\r
57 ----------------------------------------------- */
\r
58 h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
\r
59 h2 {margin-top:1em;}
\r
60 h5 {font-size:1.2em;}
\r
61 h6 {font-size:1em; text-transform:uppercase;}
\r
70 ----------------------------------------------- */
\r
82 ----------------------------------------------- */
\r
87 border-bottom:1px solid #ccc;
\r
92 ----------------------------------------------- */
\r
96 padding:10px 10px 1px 10px;
\r
100 font-weight:normal;
\r
101 text-transform:uppercase;
\r
104 margin:-10px -10px 0 -10px;
\r
108 .box h2 a.visible {
\r
110 background:#333 url("images/switch_minus.gif") 97% 50% no-repeat;
\r
116 .grid_4 .box h2 a {
\r
117 background-position: 97% 50%;
\r
119 .grid_5 .box h2 a {
\r
120 background-position: 98% 50%;
\r
122 .grid_12 .box h2 a {
\r
123 background-position: 99% 50%;
\r
128 .box h2 a.hidden:hover {
\r
129 background-image: url("images/switch_plus.gif");
\r
132 background-color:#111;
\r
148 /* paragraphs, quotes and lists
\r
149 ----------------------------------------------- */
\r
154 xfont-family: Georgia, 'Times New Roman', serif;
\r
157 border-left:4px solid #ccc;
\r
168 ----------------------------------------------- */
\r
171 border-top:1px solid #bbb;
\r
179 border-bottom:1px solid #ccc;
\r
181 ul.menu li a:hover {
\r
184 ul.menu li a:active {
\r
190 ----------------------------------------------- */
\r
201 ----------------------------------------------- */
\r
207 text-transform:uppercase;
\r
212 ul.section li a:hover {
\r
215 ul.section li a:active {
\r
219 ul.section li li a {
\r
221 border-bottom:1px solid #eee;
\r
223 ul.section li li a:hover {
\r
226 ul.section li li a:active {
\r
231 text-transform:none;
\r
233 ul.section ul.current li a {
\r
235 border-bottom:1px solid #fff;
\r
237 ul.section ul.current li a:hover {
\r
240 ul.section ul.current li a:active {
\r
243 ul.section li a.current {
\r
247 ul.section li a.current:hover {
\r
250 ul.section li a.current:active {
\r
253 ul.section li a.active {
\r
257 ul.section li.current > a.active,
\r
258 ul.section li.current > a.active:hover {
\r
266 ----------------------------------------------- */
\r
269 border:1px solid #bbb;
\r
270 margin-bottom:10px;
\r
280 border-bottom:2px solid #888;
\r
282 padding:.4em 1em .2em;
\r
284 thead th.table-head {
\r
286 font-weight:normal;
\r
287 text-transform:uppercase;
\r
290 border:1px solid #555;
\r
294 border-top:1px solid #bbb;
\r
295 border-bottom:1px solid #bbb;
\r
304 border-top:2px solid #666;
\r
308 tfoot tr.total td {
\r
309 border-top:6px double #666;
\r
311 tfoot tr.total th {
\r
312 text-transform:uppercase;
\r
321 ----------------------------------------------- */
\r
326 border:1px solid #bbb;
\r
329 background: var(--layout-offset-background-light-color);
\r
330 margin-bottom:10px;
\r
335 background: var(--layout-offset-background-color);
\r
336 border:1px solid #bbb;
\r
348 fieldset p select {
\r
351 fieldset.login p label {
\r
358 fieldset.login p input {
\r
361 fieldset.login input.button {
\r
367 input.search.text {
\r
370 input.search.button {
\r
377 ----------------------------------------------- */
\r
388 border-top:1px solid #666;
\r
393 border-top:3px solid #fff;
\r
394 padding:13px 10px 0 10px;
\r
398 font-weight:normal;
\r
399 text-transform:none;
\r
401 background:transparent;
\r
407 margin-bottom:.2em;
\r
415 text-transform:uppercase;
\r
416 margin-bottom:.5em;
\r
420 margin:3px 10px 3px 0;
\r
422 border:1px solid #bbb;
\r
425 .article a.image:hover {
\r
426 border:1px solid #666;
\r
428 .article a.image img {
\r
433 border-top:1px dotted #999;
\r
434 border-bottom:1px dotted #999;
\r
436 margin-bottom:.8em;
\r
440 /* site information
\r
441 ----------------------------------------------- */
\r
445 margin-bottom:10px;
\r
450 #site_info a:hover {
\r
455 /* AJAX sliding shelf
\r
456 ----------------------------------------------- */
\r
457 #loading {float:right; margin-right:14px; margin-top:-2px;}
\r
458 .block {padding-bottom:1px;}
\r
462 ----------------------------------------------- */
\r
468 border-bottom: 1px solid #ddd;
\r
469 border-right: 1px solid #ddd;
\r
470 border-top: 1px solid #f5f5f5;
\r
471 border-left: 1px solid #f5f5f5;
\r
473 font-weight: normal;
\r
490 padding-bottom:10px;
\r
495 ----------------------------------------------- */
\r
504 position: relative;
\r
528 #kwick .kwick span {
\r