← Back to branch summary

~ubuntu-accomplishments-web-editor-drivers/ubuntu-accomplishments-web/trunk

« back to all changes in this revision

Viewing changes to ubuntu_website/media/css/old/default.css

  • Committer: Janos Gyerik
  • Date: 2012-12-14 23:20:41 UTC
  • mfrom: (233.1.14 cleaning)
  • Revision ID: janos@axiom-20121214232041-dutstr2s05outaps
ubuntu_website renamed to ubuntu_theme and cleaned up

Show diffs side-by-side

added added

removed removed

Lines of Context:
ubuntu_website/media/css/old/default.css
1
 
/*-  LICENSE
2
 
-------------------------------------------------------------------------------------------------------- */
3
 
/*
4
 
    Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com
5
 
 
6
 
//    Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/
7
 
//      - Free for use in both personal and commercial projects
8
 
//      - Attribution requires leaving author name, author link, and the license info intact.
9
 
*/
10
 
 
11
 
/*-  Typography
12
 
-------------------------------------------------------------------------------------------------------- */
13
 
 
14
 
strong {
15
 
    font-weight: bold
16
 
}
17
 
 
18
 
em {
19
 
    font-style: italic
20
 
}
21
 
 
22
 
table.basic {
23
 
    font-size:0.75em;
24
 
    line-height:1.3333em; /* 16x0.75 =12 */
25
 
}
26
 
table.basic thead th, table.basic thead a {
27
 
    font-weight:bold;
28
 
}
29
 
 
30
 
table.basic thead a , table.basic tfoot a {
31
 
    text-decoration:underline;
32
 
}
33
 
 
34
 
#top-nav { 
35
 
    font-size:0.625em; 
36
 
    /* 16x0.625=10 */ 
37
 
}
38
 
 
39
 
/* Form typography */
40
 
form .smalltext {
41
 
    font-size:0.625em; 
42
 
    line-height: 1.4em;
43
 
}
44
 
 
45
 
legend span.supporting, label, form .error {
46
 
    font-size: 0.75em;
47
 
    line-height: 1.2em;
48
 
}
49
 
 
50
 
legend {
51
 
    font-size: 1em;
52
 
    line-height: 1em;
53
 
}
54
 
 
55
 
input[type="text"], input[type="password"], select {
56
 
    font-size: 0.75em;
57
 
}
58
 
 
59
 
input[type="submit"] {
60
 
    font-size: 1em;
61
 
    line-height: 1.25em;
62
 
}
63
 
/* END Form typography */
64
 
 
65
 
.showcase-text {
66
 
    font-size: 0.875em;
67
 
    /* 16x0.875=14 */
68
 
}
69
 
 
70
 
.footer-item {
71
 
    font-size: 0.75em;
72
 
    /* 16x0.625=12 */
73
 
}
74
 
 
75
 
/*-  Layout
76
 
-------------------------------------------------------------------------------------------------------- */
77
 
 
78
 
.container {
79
 
    clear: both;
80
 
    margin: 0 auto;
81
 
    padding: 0;
82
 
    position: relative;
83
 
    /*width: 980px;*/
84
 
}
85
 
 
86
 
#top-nav { 
87
 
    margin:0 auto; 
88
 
    line-height: 2em; 
89
 
    height: 20px;
90
 
}
91
 
 
92
 
.top-nav-item { 
93
 
    display:inline-block; 
94
 
    margin-right: 14px; 
95
 
    line-height:2em; 
96
 
}
97
 
 
98
 
#top-login { 
99
 
    display:inline-block; 
100
 
    margin-left:15px; 
101
 
}
102
 
 
103
 
.top-login-item { 
104
 
    display:inline-block; 
105
 
    padding:0 8px; 
106
 
    line-height:2em; 
107
 
}
108
 
 
109
 
#top-related { 
110
 
    float:right; 
111
 
    margin-right:2px; 
112
 
}
113
 
/*
114
 
.main-nav-item, .main-nav-item:visited ul {
115
 
    border-left: 1px solid #c03d14;
116
 
    border-right: 1px solid #e6633a;
117
 
    float: right;
118
 
    left: 1px;
119
 
    position: relative;
120
 
    margin-bottom: 0;
121
 
}
122
 
 
123
 
header .main-nav li {
124
 
        border: medium none;
125
 
    height: 64px;
126
 
    margin: 0;
127
 
    position: static;
128
 
    vertical-align: bottom;
129
 
    list-style-image: none;
130
 
    text-indent: 0;
131
 
    float: left;
132
 
    font-size: 14px;
133
 
}
134
 
 
135
 
.main-nav li a:link,
136
 
.main-nav li a:visited {
137
 
        border-left: 1px solid #e6633a;
138
 
    border-right: 1px solid #c03d14;
139
 
    color: #ffffff;
140
 
    display: block;
141
 
    font-size: 14px;
142
 
    font-weight: normal;
143
 
    height: 41px;
144
 
        padding: 23px 11px 0 10px;
145
 
    position: relative;
146
 
    text-align: center;
147
 
    text-decoration: none;
148
 
}
149
 
*/
150
 
 
151
 
/*
152
 
header #main-nav ul {
153
 
    border-left: 1px solid #c03d14;
154
 
    border-right: 1px solid #e6633a;
155
 
    float: right;
156
 
    left: 1px;
157
 
    position: relative;
158
 
    margin-bottom: 0;
159
 
}*/
160
 
 
161
 
/*
162
 
.main-nav-item.current, .main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus {
163
 
    background: url("../images/header_bg_active.png") repeat-x scroll left top #b83a10;
164
 
    border-left: 1px solid transparent;
165
 
    border-right: 1px solid transparent;
166
 
}
167
 
*/
168
 
 
169
 
#top-logo {
170
 
    position: relative;
171
 
    top: 14px;
172
 
}
173
 
 
174
 
#page-related {
175
 
    background-image: none;
176
 
    margin: 0 auto;
177
 
    padding: 0 10px 10px;
178
 
    position: relative;
179
 
    width: 960px;
180
 
}
181
 
 
182
 
#sub-nav-container {
183
 
    height: 40px;
184
 
    margin: 0 10px;
185
 
    width: 940px;
186
 
}
187
 
 
188
 
 #sub-nav-container  /* progressive */ {
189
 
     -webkit-border-bottom-left-radius: 8px;
190
 
     -webkit-border-bottom-right-radius: 8px;
191
 
     -moz-border-radius-bottomleft: 8px;
192
 
     -moz-border-radius-bottomright: 8px;
193
 
     -webkit-box-shadow: 0px 1px 1px #ccc;
194
 
     -moz-box-shadow: 0 1px 1px #DFDFDF;
195
 
 }
196
 
 
197
 
/*
198
 
#sub-nav ul {
199
 
    left: 1px;
200
 
    top: 64px;
201
 
        margin: 0 20px;
202
 
    float: right;
203
 
    position: absolute;
204
 
    background: #efefef;
205
 
        -moz-border-radius: 0 0 4px 4px;
206
 
        -webkit-border-radius: 0 0 4px 4px;
207
 
    border-radius: 0 0 4px 4px;
208
 
    overflow: hidden;
209
 
}*/
210
 
 
211
 
.sub-nav li {
212
 
        border: medium none;
213
 
    margin: 0;
214
 
    position: static;
215
 
    vertical-align: bottom;
216
 
    list-style-image: none;
217
 
    line-height: 40px;
218
 
    text-indent: 0;
219
 
    float: left;
220
 
    font-size: 14px;
221
 
}
222
 
 
223
 
.sub-nav li a:link, .sub-nav-item li a:visited {
224
 
        color: #333;
225
 
        font-size: 13px;
226
 
        border-left: 1px solid #e6e6e6;
227
 
    border-right: 1px solid #ffffff;
228
 
    height: 25px;
229
 
    padding: 10px 10px 5px;
230
 
}
231
 
 
232
 
.sub-nav a {
233
 
        padding: 0 10px;
234
 
        height: 40px;
235
 
        display: block;
236
 
        color: #333;
237
 
        border-right: 1px solid #fff;
238
 
        font-size: 14px;
239
 
}
240
 
 
241
 
.sub-nav li.active a,
242
 
.sub-nav a:hover {
243
 
    color: #dd4814;
244
 
}
245
 
 
246
 
.sub-nav li a:first-child {
247
 
        border-left: medium none;
248
 
}
249
 
 
250
 
#pop-up-container {
251
 
    float: left;
252
 
    padding: 10px;
253
 
}
254
 
 
255
 
#pop-up-text {
256
 
    float: left
257
 
}
258
 
 
259
 
#login-container {
260
 
    float: left;
261
 
    width: 620px;
262
 
}
263
 
 
264
 
table.basic {
265
 
    width:542px;
266
 
    text-align:left;
267
 
    padding:0 8px;
268
 
    margin:20px auto;
269
 
}
270
 
 
271
 
table.basic.wide {
272
 
    width:100%;
273
 
}
274
 
 
275
 
table.basic td, table.basic th {
276
 
    padding:4px 8px;
277
 
}
278
 
 
279
 
#searchbox-container {
280
 
    float: right;
281
 
    margin: 0px 10px 5px 0px;
282
 
    padding: 0 0 0 10px;
283
 
    width: auto;
284
 
}
285
 
 
286
 
/* Form Layout */
287
 
form {
288
 
    width: 542px;
289
 
    margin: 0 auto;
290
 
}
291
 
 
292
 
form ul.errorlist { 
293
 
    display: inline-block;
294
 
    line-height: 1em;
295
 
    vertical-align: top;
296
 
}
297
 
 
298
 
form .error {
299
 
    width: 184px; /* 224 - 30 */
300
 
    height: 20px;
301
 
    display: inline-block;
302
 
    padding-left: 30px;
303
 
    line-height: 1em;
304
 
    vertical-align: top;
305
 
    padding-top: 4px;
306
 
}
307
 
 
308
 
form .help {
309
 
    position: absolute;
310
 
    z-index: 10;
311
 
    right: 16px;
312
 
    width: 20px;
313
 
}
314
 
 
315
 
label {
316
 
    display: block;
317
 
    margin-bottom: 4px;
318
 
}
319
 
 
320
 
label.inline {
321
 
    display: inline-block;
322
 
    vertical-align: middle;
323
 
}
324
 
 
325
 
legend {
326
 
    width: 100%;
327
 
    position: relative;
328
 
    padding: 8px;
329
 
    margin: 0 -8px;
330
 
}
331
 
 
332
 
legend span.supporting {
333
 
    position: absolute;
334
 
    right: 8px;
335
 
}
336
 
 
337
 
fieldset {
338
 
    position: relative;
339
 
    margin-bottom: 16px;
340
 
    padding: 8px;
341
 
}
342
 
 
343
 
input[type="text"], input[type="password"], select, textarea {
344
 
    width: 286px;
345
 
    height: 20px;
346
 
    margin-right: 16px;
347
 
    margin-bottom: 8px;
348
 
}
349
 
 
350
 
textarea, select[multiple="multiple"] {
351
 
    min-width: 286px;
352
 
    max-width: 286px;
353
 
    min-height: 20px;
354
 
    height: 100px;
355
 
}
356
 
 
357
 
input[type="checkbox"], input[type="radio"] {
358
 
    margin-top: 0px;
359
 
    margin-bottom: 8px;
360
 
}
361
 
 
362
 
input[type="text"]:focus, input[type="password"]:focus {
363
 
    width: 284px;
364
 
    height: 18px;
365
 
}
366
 
 
367
 
input[type="text"].small, input[type="password"].small, select.small {
368
 
    width: 134px;
369
 
}
370
 
 
371
 
input[type="text"].small:focus, input[type="password"].small:focus, select.small:focus {
372
 
    width: 132px;
373
 
}
374
 
 
375
 
input[type="submit"] {
376
 
    padding: 10px 8px;
377
 
}
378
 
/* END Form Layout */
379
 
 
380
 
.showcase-item {
381
 
    float: left;
382
 
    margin: 5px 10px;
383
 
    padding: 10px;
384
 
    width: 280px;
385
 
}
386
 
 
387
 
.showcase-heading {
388
 
    margin: 5px 0px 10px;
389
 
    width: 280px;
390
 
}
391
 
 
392
 
.showcase-subheading {
393
 
    margin: 5px 0px 10px;
394
 
    width: 280px;
395
 
}
396
 
 
397
 
.showcase-text {
398
 
    margin: 5px 0px 10px;
399
 
    width: 280px;
400
 
}
401
 
 
402
 
.showcase-figure {
403
 
    float: left;
404
 
    margin: 5px 10px;
405
 
    padding: 10px;
406
 
    position: relative;
407
 
    width: 600px;
408
 
}
409
 
 
410
 
.showcase-img {
411
 
    display: block;
412
 
    margin: 0px;
413
 
    padding: 0px;
414
 
    position: relative;
415
 
    width: 600px;
416
 
}
417
 
 
418
 
.showcase-caption {
419
 
    position: absolute;
420
 
    bottom: 0px;
421
 
    left: 0px;
422
 
    margin: 0px 10px 10px;
423
 
    padding: 10px;
424
 
    width: 580px;
425
 
}
426
 
 
427
 
#showcase-nav {
428
 
    clear: both;
429
 
    margin: 5px 10px;
430
 
    padding: 0px 10px;
431
 
    width: 920px;
432
 
}
433
 
 
434
 
 #showcase-nav /* progressive */ {
435
 
     -webkit-border-radius: 8px;
436
 
     -moz-border-radius: 8px;
437
 
     -moz-box-shadow: 0px 1px 1px  #dfdfdf;
438
 
     -webkit-box-shadow: 0px 1px 1px #ccc;
439
 
 }
440
 
 
441
 
.showcase-nav-item {
442
 
    padding-right: 10px
443
 
}
444
 
 
445
 
.showcase-nav-item, .showcase-nav-item:visited {
446
 
    color: #333;
447
 
    display: block;
448
 
    float: left;
449
 
    line-height: 40px;
450
 
    margin: 0 1px;
451
 
    padding: 0 15px;
452
 
}
453
 
 
454
 
.showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus {
455
 
    border: 1px solid #ddd;
456
 
    border-top: 0px solid;
457
 
    border-bottom: 0px solid;
458
 
    background-color: #efefef;
459
 
    color: #DD4814;
460
 
    margin: 0;
461
 
}
462
 
 
463
 
.main-content {
464
 
    clear: both;
465
 
    float: left;
466
 
    margin: 5px 10px;
467
 
    padding: 10px;
468
 
    width: 920px;
469
 
}
470
 
 
471
 
.minor-content {
472
 
    float: left;
473
 
    margin: 5px 10px;
474
 
    padding: 10px;
475
 
    width: 440px;
476
 
}
477
 
 
478
 
.side-content {
479
 
    float: left;
480
 
    margin: 5px 10px;
481
 
    padding: 10px;
482
 
    width: 280px;
483
 
}
484
 
 
485
 
.sub-content {
486
 
    float: left;
487
 
    margin: 5px 10px;
488
 
    padding: 10px;
489
 
    width: 120px;
490
 
}
491
 
 
492
 
p {
493
 
    padding: 5px 0px 10px
494
 
}
495
 
 
496
 
.divide {
497
 
    border: 0px solid;
498
 
    clear: both;
499
 
    font-size: 0px;
500
 
    height: 1px;
501
 
    margin: -1px 0px 0px;
502
 
}
503
 
 
504
 
.divide-showcase {
505
 
    border: 0px solid;
506
 
    clear: both;
507
 
    font-size: 0px;
508
 
    height: 1px;
509
 
    margin: -1px 0px 25px;
510
 
}
511
 
 
512
 
#blog-posts {
513
 
    float: left;
514
 
    margin: 5px 10px;
515
 
    padding: 10px;
516
 
    width: 600px;
517
 
}
518
 
 
519
 
.blog-post {
520
 
    clear: both;
521
 
    margin-bottom: 10px;
522
 
    padding-bottom: 10px;
523
 
}
524
 
 
525
 
.post-figure {
526
 
    float: right;
527
 
    margin: 10px 0px 10px 10px;
528
 
    padding: 0px;
529
 
    position: relative;
530
 
    width: 260px;
531
 
}
532
 
 
533
 
.post-img {
534
 
    display: block;
535
 
    margin: 0px;
536
 
    padding: 0px;
537
 
    position: relative;
538
 
    width: 260px;
539
 
}
540
 
 
541
 
.post-img-caption {
542
 
    position: absolute;
543
 
    bottom: 0px;
544
 
    left: 0px;
545
 
    padding: 10px;
546
 
    width: 240px;
547
 
}
548
 
 
549
 
.comments-count {
550
 
    clear: both;
551
 
    display: block;
552
 
    font-style: italic;
553
 
    color: #999;
554
 
    text-align: right;
555
 
}
556
 
 
557
 
#blog-aside {
558
 
    float: left;
559
 
    margin: 5px 10px;
560
 
    padding: 0px;
561
 
    width: 300px;
562
 
}
563
 
 
564
 
.widgets-aside {
565
 
    float: left;
566
 
    margin: 5px 0px 15px;
567
 
    padding: 10px;
568
 
    width: 280px;
569
 
}
570
 
 
571
 
 .widgets-aside /* progressive */ {
572
 
     -webkit-border-radius: 8px;
573
 
     -moz-border-radius: 8px;
574
 
     -moz-box-shadow: 0px 1px 1px  #dfdfdf;
575
 
     -webkit-box-shadow: 0px 1px 1px #ccc;
576
 
 }
577
 
 
578
 
.pagination {
579
 
    clear: both;
580
 
    text-align: center;
581
 
}
582
 
 
583
 
.footer-content {
584
 
    float: left;
585
 
    margin: 5px 10px;
586
 
    padding: 10px;
587
 
    width: 120px;
588
 
}
589
 
 
590
 
 .footer-content dd {
591
 
     margin-bottom: 15px
592
 
 }
593
 
 
594
 
.foot-note {
595
 
    clear: both;
596
 
    margin: 15px 10px 0px;
597
 
    padding: 10px;
598
 
    width: 920px;
599
 
}
600
 
 
601
 
.plugin {
602
 
    margin: 0 -10px;
603
 
    padding: 0px;
604
 
    width: 980px;
605
 
}
606
 
 
607
 
/*-  Decoration
608
 
-------------------------------------------------------------------------------------------------------- */
609
 
 
610
 
#top-nav { 
611
 
    background-color:#ffffff; 
612
 
}
613
 
 
614
 
.top-nav-item, .top-nav-item:visited { 
615
 
    color:#333333; 
616
 
}
617
 
 
618
 
.top-nav-item:hover { 
619
 
    text-decoration: underline; 
620
 
}
621
 
 
622
 
.top-login-item { 
623
 
    color:#dd4814; 
624
 
}
625
 
 
626
 
.top-login-item:hover { 
627
 
    text-decoration: underline; 
628
 
}
629
 
 
630
 
#top-logo {
631
 
    text-decoration: none;
632
 
    color: #fff;
633
 
    display: block;
634
 
    font-size: 18px;
635
 
    text-transform: lowercase;
636
 
    position: relative;
637
 
    left: 4px;
638
 
    top: 23px;
639
 
    margin-bottom: 0;
640
 
}
641
 
 
642
 
#loco {
643
 
    color: #ffffff;
644
 
}
645
 
 
646
 
#main-nav {
647
 
    border-left: 1px solid #EF7149;
648
 
    z-index: 10;
649
 
    width: 960px;
650
 
}
651
 
 
652
 
#page-related {
653
 
    background-color: #FFFFFF
654
 
}
655
 
 
656
 
#sub-nav-container {
657
 
        background-color: #efefef;
658
 
        -moz-border-radius: 0 0 4px 4px;
659
 
        -webkit-border-radius: 0 0 4px 4px;
660
 
    border-radius: 0 0 4px 4px;
661
 
}
662
 
 
663
 
#pop-up-text {
664
 
    font-weight: bold;
665
 
    line-height: 20px;
666
 
    padding: 0px 5px;
667
 
}
668
 
 
669
 
.login-label {
670
 
    height: 16px;
671
 
    margin: 7px 0px 7px 9px;
672
 
    padding: 3px;
673
 
}
674
 
 
675
 
#username, #password {
676
 
    background-color: #f0f0f0;
677
 
    border: 1px solid #CCCCCC;
678
 
    height: 16px;
679
 
    margin: 7px 0px 7px 9px;
680
 
    padding: 3px;
681
 
    width: 110px;
682
 
}
683
 
 
684
 
#login {
685
 
    background-color: #f0f0f0;
686
 
    border: 1px solid #CCCCCC;
687
 
    height: 24px;
688
 
    margin: 7px 9px 7px 7px;
689
 
    padding: 2px;
690
 
}
691
 
 
692
 
#login:hover {
693
 
    background-color: #f7f7f7;
694
 
    border: 1px solid #DD4814;
695
 
}
696
 
 
697
 
#join:hover, #join:active, #join:focus {
698
 
    color: #DD4814;
699
 
    text-shadow: 1px 1px 2px #999;
700
 
}
701
 
 
702
 
#join, #join:visited {
703
 
    color: #333
704
 
}
705
 
 
706
 
/* Form decoration */
707
 
form ul {
708
 
    list-style-type: none;
709
 
}
710
 
 
711
 
form .error {
712
 
    background-image: url('../images/error.png');
713
 
    background-repeat: no-repeat;
714
 
}
715
 
 
716
 
form .help {
717
 
    background-image: url('../images/help.png');
718
 
    background-repeat: no-repeat;
719
 
}
720
 
 
721
 
form .smalltext {
722
 
    color: #333333;
723
 
}
724
 
 
725
 
label {
726
 
    color: #333333;
727
 
}
728
 
 
729
 
label.required:after {
730
 
    color: #DD4814;
731
 
    content: " *";
732
 
}
733
 
 
734
 
legend {
735
 
    background-color: #aea79f;
736
 
    color: #ffffff;
737
 
}
738
 
 
739
 
legend span.supporting {
740
 
    color: #ffffff;
741
 
}
742
 
 
743
 
legend span.supporting:before {
744
 
    color: #DD4814;
745
 
    content: "* ";
746
 
}
747
 
 
748
 
fieldset {
749
 
    background-color: #dfdcd9;
750
 
}
751
 
 
752
 
input[type="text"], input[type="password"], select, textarea {
753
 
    color: #333333;
754
 
    border: 1px solid #ccc1c1;
755
 
    background-color: white;
756
 
}
757
 
 
758
 
input[type="submit"][disabled="disabled"], input[type="submit"][disabled="disabled"]:hover { 
759
 
    background-color:#AEA79F;
760
 
    text-shadow: none;
761
 
}
762
 
 
763
 
input[type="text"]:focus, input[type="password"]:focus {
764
 
    border: 2px solid #dd4814;
765
 
    color: #333333;
766
 
}
767
 
 
768
 
select:focus {
769
 
    border: 2px solid #dd4814;
770
 
    color: #333333;
771
 
}
772
 
 
773
 
input[type="text"].error, input[type="password"].error, select.error {
774
 
    border: 2px solid #dd4814;
775
 
    color: #dd4814;
776
 
}
777
 
 
778
 
input[type="submit"] {
779
 
    border-radius: 4px;
780
 
    background: #dd4814 url('../images/gradient.png') repeat-x;
781
 
    color: #ffffff;
782
 
    border: none;
783
 
    text-shadow: black 0px 1px 2px;
784
 
}
785
 
 
786
 
input[type="submit"]:hover {
787
 
    background-color: #b83a0f;
788
 
}
789
 
 
790
 
input[type="submit"]:active {
791
 
    background-color: #962d0c;
792
 
}
793
 
/* END Form decoration */
794
 
 
795
 
 
796
 
FORM.search_form INPUT, #searchbox {
797
 
    background-color: #f0f0f0;
798
 
    border: 1px solid #CCCCCC;
799
 
    height: 16px;
800
 
    margin: 7px 0px 7px 9px;
801
 
    padding: 3px;
802
 
    width: 180px;
803
 
}
804
 
 
805
 
FORM.search_form INPUT, #searchbox:focus {
806
 
    background-color: #f7f7f7;
807
 
    border: 1px solid #DD4814;
808
 
}
809
 
 
810
 
#go-search {
811
 
    background-color: #f0f0f0;
812
 
    border: 1px solid #CCCCCC;
813
 
    height: 24px;
814
 
    margin: 7px 9px 7px 0px;
815
 
    padding: 2px;
816
 
}
817
 
 
818
 
#go-search:hover {
819
 
    background-color: #f7f7f7;
820
 
    border: 1px solid #DD4814;
821
 
}
822
 
 
823
 
#more-search:hover, #more-search:active, #more-search:focus {
824
 
    background-color: #f7f7f7;
825
 
    border: 1px solid #DD4814;
826
 
    color: #DD4814;
827
 
    text-shadow: 1px 1px 2px #999;
828
 
}
829
 
 
830
 
#more-search, #more-search:visited {
831
 
    background-color: #f0f0f0;
832
 
    border: 1px solid #CCCCCC;
833
 
    color: #333;
834
 
    height: 16px;
835
 
    margin: 7px 7px 7px 0px;
836
 
    padding: 1px 3px;
837
 
}
838
 
 
839
 
table.basic thead { 
840
 
    background-color:#aea79f;
841
 
}
842
 
 
843
 
table.basic tfoot, table.basic tr.subsection {
844
 
    background-color:#dfdcd9;
845
 
}
846
 
 
847
 
table.basic tbody tr {
848
 
    border-bottom:1px dotted #cccccc;
849
 
}
850
 
 
851
 
table.basic thead th {
852
 
    color:#ffffff;
853
 
}
854
 
 
855
 
table.basic tfoot td, table.basic tbody td {
856
 
    color:#333333;
857
 
}
858
 
 
859
 
table.basic thead a {
860
 
    color:#ffffff;
861
 
}
862
 
 
863
 
table.basic tfoot a {
864
 
    color:#333333;
865
 
}
866
 
 
867
 
table.basic tbody a {
868
 
    color:#dd4814;
869
 
}
870
 
 
871
 
.showcase-caption {
872
 
    background-color: #000;
873
 
    background-color: rgba(0,0,0,0.4);
874
 
    color: #fff;
875
 
}
876
 
 
877
 
#showcase-nav {
878
 
    background-color: #f7f7f7;
879
 
    border-radius: 8px;
880
 
    box-shadow: 0px 1px 1px  #dfdfdf;
881
 
    height: 40px;
882
 
}
883
 
 
884
 
#main-section .container {
885
 
    background-color: #fff;
886
 
    background-image: none;
887
 
    padding: 0px 10px 10px;
888
 
    position: relative;
889
 
    width: 960px;
890
 
}
891
 
 
892
 
.alone, .leading, .aggregator {
893
 
    background-color: #f7f7f7;
894
 
    border-radius: 8px;
895
 
    box-shadow: 0px 1px 1px  #dfdfdf;
896
 
    float: left;
897
 
}
898
 
 
899
 
 .alone, .leading, .aggregator /* progressive */ {
900
 
     -webkit-border-radius: 8px;
901
 
     -moz-border-radius: 8px;
902
 
     -moz-box-shadow: 0px 1px 1px  #dfdfdf;
903
 
     -webkit-box-shadow: 0px 1px 1px #ccc;
904
 
 }
905
 
 
906
 
 .aggregator .first {
907
 
     margin-left: 0px
908
 
 }
909
 
 
910
 
 .aggregator .last {
911
 
     margin-right: 0px
912
 
 }
913
 
 
914
 
.aggregator {
915
 
    margin: 5px 10px
916
 
}
917
 
 
918
 
.post-header {
919
 
    border-bottom: 1px dotted #333333;
920
 
    margin-bottom: 10px;
921
 
    padding-bottom: 5px;
922
 
}
923
 
 
924
 
.post-meta {
925
 
    color: #999;
926
 
    font-size: 0.85em;
927
 
    font-style: italic;
928
 
}
929
 
 
930
 
.post-title-link:hover, .post-title-link:active, .post-title-link:focus {
931
 
    color: #DD4814;
932
 
    text-shadow: 1px 1px 2px #999;
933
 
}
934
 
 
935
 
.post-title-link, .post-title-link:visited {
936
 
    color: #333
937
 
}
938
 
 
939
 
.post-img-caption {
940
 
    background-color: #000;
941
 
    background-color: rgba(0,0,0,0.4);
942
 
    color: #fff;
943
 
}
944
 
 
945
 
.pagination {
946
 
    border-top: 1px solid #333;
947
 
    color: #fff;
948
 
    margin-top: 15px;
949
 
    padding-top: 15px;
950
 
}
951
 
 
952
 
.pagination-item {
953
 
    border-bottom: 1px solid #333;
954
 
    color: #333;
955
 
    margin-right: 5px;
956
 
    padding: 2px 6px;
957
 
}
958
 
 
959
 
.pagination-item:hover {
960
 
    border-bottom: 1px solid #DD4814;
961
 
    background-color: #f7f7f7;
962
 
    color: #DD4814;
963
 
}
964
 
 
965
 
.pagination-item.current {
966
 
    background-color: #f7f7f7;
967
 
    border-bottom: 1px solid #333;
968
 
    color: #333;
969
 
    font-weight: bold;
970
 
}
971
 
 
972
 
.widgets-aside {
973
 
    background-color: #f7f7f7;
974
 
    border-radius: 8px;
975
 
    box-shadow: 0px 1px 1px  #dfdfdf;
976
 
}
977
 
 
978
 
.widget-links {
979
 
    list-style: none
980
 
}
981
 
 
982
 
.a-item {
983
 
    display: block;
984
 
    margin-top: 3px;
985
 
}
986
 
 
987
 
.side-link:hover, .side-link:active, .side-link:focus {
988
 
    background-color: #fff;
989
 
    border-right: 3px solid #DD4814;
990
 
    color: #DD4814;
991
 
    text-decoration: none;
992
 
}
993
 
 
994
 
.side-link, .side-link:visited {
995
 
    color: #333333;
996
 
    display: block;
997
 
    padding-right: 3px;
998
 
}
999
 
 
1000
 
#login-widget {
1001
 
    text-align: center
1002
 
}
1003
 
 
1004
 
#page-footer {
1005
 
    background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA;
1006
 
}
1007
 
 
1008
 
 #page-footer .container {
1009
 
     background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA;
1010
 
     padding: 0px 10px;
1011
 
     width: 960px;
1012
 
 }
1013
 
 
1014
 
  #page-footer .container div.copyright {
1015
 
      font-size: 10px;
1016
 
      line-height: 14px;
1017
 
      color: #aea79f;
1018
 
  }
1019
 
 
1020
 
.footer-links {
1021
 
    list-style: none
1022
 
}
1023
 
 
1024
 
.footer-item {
1025
 
    border-bottom: 1px dotted #333;
1026
 
    display: block;
1027
 
    margin-top: 3px;
1028
 
}
1029
 
 
1030
 
.foot-note {
1031
 
    color: #999;
1032
 
    font-style: italic;
1033
 
}
1034
 
 
1035
 
.footer-link:hover, .footer-link:active, .footer-link:focus {
1036
 
    color: #DD4814;
1037
 
    text-decoration: underline;
1038
 
}
1039
 
 
1040
 
.footer-link, .footer-link:visited {
1041
 
    color: #333333
1042
 
}
1043
 
 
1044
 
.footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus {
1045
 
    color: #DD4814;
1046
 
    text-decoration: underline;
1047
 
}
1048
 
 
1049
 
.footer-link-main, .footer-link-main:visited {
1050
 
 
1051
 
}
1052
 
 
1053
 
/*-  Forum Decoration [Demo]
1054
 
-------------------------------------------------------------------------------------------------------- */
1055
 
 
1056
 
.forum-title {
1057
 
    background-color: #efefef;
1058
 
    margin: 10px 0px;
1059
 
    padding: 20px;
1060
 
}
1061
 
 
1062
 
.forum-item {
1063
 
    border-top: 1px dotted #999
1064
 
}
1065
 
 
1066
 
.cat-title, .sub-sections {
1067
 
    font-size: 0.75em;
1068
 
    /* 16x0.75  =12 */
1069
 
}
1070
 
 
1071
 
.latest, .post-count {
1072
 
    font-size: 0.75em;
1073
 
    /* 16x0.75  =12 */  line-height: 1.2em;
1074
 
}
1075
 
 
1076
 
.cat-title, .post-count, .latest {
1077
 
    padding: 10px;
1078
 
    vertical-align: middle;
1079
 
}
1080
 
 
1081
 
.forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus {
1082
 
    color: #DD4814;
1083
 
    text-shadow: 1px 1px 2px #999;
1084
 
}
1085
 
 
1086
 
.forum-title-link, .forum-title-link:visited {
1087
 
    color: #333
1088
 
}
1089
 
 
1090
 
.status {
1091
 
    background-color: #efefef;
1092
 
    padding: 10px 5px;
1093
 
    vertical-align: middle;
1094
 
    width: 30px;
1095
 
}
1096
 
 
1097
 
.latest {
1098
 
    width: 180px
1099
 
}
1100
 
 
1101
 
.post-count {
1102
 
    width: 120px
1103
 
}
1104
 
 
1105
 
.sub-sections {
1106
 
    background-color: #efefef;
1107
 
    padding: 5px 10px 10px;
1108
 
}
1109
 
 
1110
 
.post-count {
1111
 
    background-color: #efefef
1112
 
}
1113
 
 
1114
 
.count {
1115
 
    display: block;
1116
 
    font-style: italic;
1117
 
}
1118
 
 
1119
 
/* KuZeKo web@kuzeko.com
1120
 
-------------------------------------------------------------------------------------------------------- */
 
 
b'\\ No newline at end of file'