Projet

Général

Profil

Paste
Télécharger (12,3 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / blogbuzz / css / blogbuzz.css @ 4b706e38

1 85ad3d82 Assos Assos
/* $Id: blogbuzz.css,v 1.4.4.2 2011/01/23 05:28:15 antsin Exp $ */
2
3
/*
4
+----------------------------------------------------------------+
5
|   BlogBuzz for Dupal 7.x - Version 1.0                         |
6
|   Copyright (C) 2011 Antsin.com All Rights Reserved.           |
7
|   @license - GNU GENERAL PUBLIC LICENSE                        |
8
|----------------------------------------------------------------|
9
|   Theme Name: BlogBuzz                                         |
10
|   Description: BlogBuzz by Antsin                              |
11
|   Author: Antsin.com                                           |
12
|   Website: http://www.antsin.com/                              |
13
|----------------------------------------------------------------+
14
*/ 
15
16
/*==============  RESET  ===================*/
17
html, body, div, blockquote, p, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td {
18
  margin: 0;
19
  padding: 0;
20
}
21
22
blockquote, ul, ol, dl {
23
  margin: 1em;
24
}
25
26
ol,ul,dl {
27
  margin-left: 2em;
28
}
29
30
th,td {
31
  padding: .5em;
32
}
33
34
p {
35
  margin: 1em 0;
36
}
37
38
/*==============  LAYOUT  ===================*/
39
/** body **/
40
#page, #header, #primary, #secondary, #showcase, #main, #footer, #closure {
41
  width: 100%;
42
  clear: both;
43
}
44
45
#header-inner, #primary-inner, #secondary-inner, #main-inner, #footer-inner, #closure-inner { 
46
  margin-left: auto;
47
  margin-right: auto;
48
  width: 960px;
49
}
50
51
/** header **/
52
#header {
53
  clear: both;
54
  min-height: 110px;
55
}
56
57
#site-name {
58
  margin: 0;
59
  padding: 20px 20px 0 0;
60
}
61
62
#logo {
63
  float: left;
64
  margin: 0 20px 0 0;
65
  padding: 0;
66
}
67
68
#logo-title {
69
  float: left;
70
  width: 460px;
71
  padding-top: 10px;
72
  display: inline;
73
}
74
75
#logo-title a {
76
  color: #B5B4AA;
77
}
78
79
#header-blocks {
80
  float: right; 
81
  text-align:right;
82
  width: 460px;
83
  padding: 20px 0 20px 20px;
84
}
85
86
#header-blocks .block {
87
  margin-bottom: 5px;
88
}
89
90
/** main **/
91
#main {
92
  position: relative;
93
}
94
95
/** content **/
96
#content, .no-sidebars #content {
97
  float: left;
98
  width: 960px;
99
  margin-left: 0;
100
  margin-right: -960px; 
101
}
102
103
.sidebar-first #content {
104
  width: 700px;
105
  margin-left: 0; 
106
  margin-right: -700px; 
107
}
108
109
.sidebar-second #content {
110
  width: 800px;
111
  margin-left: 0; 
112
  margin-right: -800px; 
113
}
114
115
.two-sidebars #content {
116
  width: 540px;
117
  margin-left: 0; 
118
  margin-right: -540px; 
119
}
120
121
/** sidebar-left **/
122
.sidebar-first #sidebar-left {
123
  float: left;
124
  width: 250px;
125
  margin-left: 710px;
126
  margin-right: -960px; 
127
}
128
129
.two-sidebars #sidebar-left {
130
  float: left;
131
  width: 250px;
132
  margin-left: 550px;
133
  margin-right: -800px; 
134
}
135
136
/** sidebar-right **/
137
.sidebar-second #sidebar-right, .two-sidebars #sidebar-right {
138
  float: left;
139
  width: 150px;
140
  margin-left: 810px;
141
  margin-right: -960px;
142
}
143
144
/** main bottom & footer **/
145
#main-bottom .main_bottom-1 div.column, #footer .footer-1 div.column {
146
  float: left;
147
  width: 960px;
148
}
149
150
#main-bottom .main_bottom-2 div.column, #footer .footer-2 div.column {
151
  float: left;
152
  padding-right: 20px;
153
  width: 460px;
154
}
155
156
#main-bottom .main_bottom-3 div.column, #footer .footer-3 div.column {
157
  float: left;
158
  padding-right: 20px;
159
  width: 300px;
160
} 
161
162
#main-bottom .main_bottom-4 div.column, #footer .footer-4 div.column {
163
  float: left;
164
  padding-right: 20px;
165
  width: 220px;
166
}
167
168
/*==============  STYLE  ====================*/
169
/** body **/
170
body {
171
  color: #2E2F2D;
172
  margin: 0;
173
  padding: 0;
174
  font-family: Arial, Helvetica, sans-serif;
175
  font-size: 12px;
176
  line-height: 1.5;
177
}
178
179
h1, h2, h3 {
180
  line-height: 1;
181
  font-family: Georgia, "Times New Roman", Times, serif;
182
  font-weight: normal;
183
}
184
185
h1 a, h2 a, h3 a {
186
  color: #2E2F2D;
187
}
188
189
h1 { font-size: 200%;}
190
h2 { font-size: 150%;}
191
h3 { font-size: 120%;}
192
193
a {
194
  text-decoration: none;
195
}
196
197
a:hover, a:active, a:focus {
198
  outline: none;
199
  text-decoration: underline;
200
}
201
202
img.left {
203
  float: left;
204
  margin: 0 20px 10px 0;
205
}
206
207
img.right {
208
  float: right;
209
  margin: 0 0 20px 10px;
210
}
211
212
img.framed {
213
  padding: 5px;
214
  background: #eeeeee;
215
  border: 1px solid #dddddd;
216
}
217
218
.block img.left {
219
  float: left;
220
  margin: 0 15px 5px 0;
221
}
222
223
.block img.right {
224
  float: right;
225
  margin: 0 0 5px 15px;
226
}
227
228
/** header **/
229
#header {
230
  color: #B5B4AA;
231
  background-color: #272626;
232
}
233
234
/** showcase **/
235
#showcase {
236
  margin-bottom: 20px;
237
}
238
239
#showcase-inner {
240
  font-family: Georgia, "Times New Roman", Times, serif;
241
  position: relative;
242
  padding: 20px;
243
  border: 1px solid #fff;
244
  background: #fff url("../images/bg_fade.png") repeat-x left top; 
245
}
246
247
/** main **/
248
#main {
249
  border-top: 1px solid #fff;
250
}
251
252
#main-inner {
253
  padding: 30px 0 20px 0;
254
}
255
256
#content-inner {
257
  border: 1px solid #fff;
258
  padding: 20px;
259
  background: #fff url("../images/bg_fade.png") repeat-x left top; 
260
}
261
262
#main-bottom {
263
  padding-top: 20px;
264
}
265
266
/** sidebar **/
267
#sidebar-left .boxed .content, #sidebar-right .boxed .content, #main-bottom .boxed .content {
268
  padding: 20px;
269
  border: 1px solid #fff;
270
  background: #fff url("../images/bg_fade.png") repeat-x left top; 
271
}
272
273
#sidebar-left h2, #sidebar-right h2, #main-bottom h2 {
274
  padding: 10px;
275
}
276
277
#sidebar-left .boxed .title, #sidebar-right .boxed .title, #main-bottom .boxed .title, 
278
#sidebar-left .boxed h2, #sidebar-right .boxed h2, #main-bottom .boxed h2 {
279
  border-bottom: none;
280
}
281
282
/** footer **/
283
#footer-inner, #footer h2 {
284
  padding: 10px 0;
285
}
286
287
/** closure **/
288
#closure {
289
  color: #B5B4AA;
290
  height: 40px;
291
  background-color: #171615;
292
}
293
294
#closure-inner {
295
  padding: 10px 20px;
296
}
297
298
#closure p {
299
  padding: 0;
300
  margin: 0;
301
}
302
303
#designed-by {
304
  float: right;
305
  text-transform: uppercase;
306
}
307
308
/** node **/
309
.node-inner {
310
  position: relative;
311
}
312
313
.node-teaser {
314
  padding: 10px 0;
315
}
316
317
.node-teaser h2 {
318
  font-size: 200%;
319
}
320
321
.node-teaser.node-first {
322
  padding-top: 0;
323
}
324
325
.meta {
326
  color: #B1B1B1;
327
  font-size: 90%;
328
}
329
330
.extra-links {
331
  font-size: 90%;
332
  min-height: 21px;
333
  padding-top: 5px;
334
}
335
336
.extra-links ul.links {
337
  padding: 0 10px;
338
}
339
340
.extra-links a {
341
  color: #2E2F2D;
342
}
343
344
.node .field-name-field-image, .node .field-name-field-image div, .node .field-name-field-tags {
345
  display: inline;
346
}
347
348
.node .field-name-field-image img {
349
  float: left;
350
  padding: 5px;
351
  margin: 0 20px 10px 0;
352
  background: #eeeeee;
353
  border: 1px solid #dddddd;
354
}
355
356
/** blog **/
357
.node-blog h2 {
358
  padding-right: 75px;
359
}
360
361
.node-blog .date {
362
  position: absolute;
363
  top: 0;
364
  right: 0;
365
  width: 75px;
366
  font-family: Georgia, "Times New Roman", Times, serif;
367
  font-size: 200%;
368
  text-align: right;
369
  line-height: 1;
370
}
371
372
.node-blog.node-full .date {
373
  top: -20px;
374
}
375
376
/** block **/
377
.block {
378
  margin-bottom: 10px;
379
}
380
381
/** comments **/
382
#comments {
383
  color: #555555;
384
  margin: 20px 0;
385
  padding: 20px;
386
  border: 1px solid #DDDDDD;
387
  background-color: #F4F4F4;
388
}
389
390
#comments h2 {
391
  padding: 10px 0;
392
  margin-bottom: 20px;
393
  font-size: 200%;
394
  border-bottom: 1px dashed #C8C8C8;
395
}
396
397
#comments h3.title {
398
  font-family: Arial, Helvetica, sans-serif;
399
  font-size: 100%;
400
  font-weight: bold;
401
}
402
403
.comment {
404
  position: relative;
405
  padding-bottom: 10px;
406
}
407
408
.comment .user-picture {
409
  float: left;
410
}
411
412
.comment .user-picture img {
413
  width: 80px;        
414
  height: 80px;
415
  padding: 3px;
416
  background: #fff;
417
  border: 1px solid #dddddd;
418
}
419
420
.comment .content {
421
  margin-left: 130px;
422
  padding: 15px 20px 0 20px;
423
  border: 1px solid #DDDDDD;
424
  min-height: 90px;
425
  background-color: #fff;
426
}
427
428
.comment .submitted {
429
  position: absolute;
430
  top: 95px;
431
  left: 0;
432
  width: 90px;
433
  font-size: 90%;
434
  color: #A0A0A0;
435
  text-align: center;
436
  line-height: 1.5;
437
}
438
439
.comment .author {
440
  display: block;
441
  font-weight: normal;
442
}
443
444
.comment .comment_arrow {
445
  position: absolute;
446
  top: 30px;
447
  left: 114px;
448
}
449
450
.comment div.links {
451
  float: right;
452
  text-align: right;
453
  padding: 5px 0 0 0 !important;
454
  margin: 0 !important;
455
  width: 300px;
456
}
457
458
.comment div.links a {
459
  font-size: 90%;
460
  font-weight: bold;
461
  text-transform: uppercase;
462
}
463
464
.indented {
465
  margin-left: 20px;
466
}
467
468
#comments .form-item {
469
  margin-top: 0;
470
}
471
472
#comments .tips {
473
  padding-top: 20px;
474
}
475
476
#comments .form-textarea {
477
  overflow: hidden;
478
  border: 1px solid #ddd;
479
}
480
481
#comments .form-item-subject .form-text {
482
  width: 100%;
483
  border: 1px solid #ddd;
484
}
485
486
/** list **/
487
ul.links {
488
  margin:0;
489
  padding:0;
490
}
491
492
ul.links li {
493
  margin: 0;
494
  padding: 0 11px 0 10px;
495
  background: url("../images/divider.png") no-repeat right 3px;
496
}
497
498
ul.links li.last {
499
  background-image: none;
500
}
501
502
.block ul {
503
  margin: 0;
504
  padding: 0;
505
}
506
507
.block ul li {
508
  list-style: none;
509
  list-style-image: none;
510
  margin: 0;
511
  padding: 5px 0 5px 15px;
512
  border-bottom: 1px dotted #fff;
513
  background: transparent url("../images/list_dot_light.png") no-repeat left 12px;
514
}
515
516
.block ul.links li {
517
  margin: 0;
518
  padding: 0 11px 0 10px;
519
  background: url("../images/divider.png") no-repeat right 3px;
520
}
521
522
.block ul.links li.last {
523
  background-image: none;
524
}
525
526
.block ul ul li.last {
527
  padding-bottom: 0;
528
  border-bottom: none;
529
}
530
531
.block ul li a {
532
  color: #000;
533
}
534
535
.block ul li a:hover {
536
  text-decoration: none;
537
}
538
539
#footer .block ul li a {
540
  color: #fff;
541
}
542
543
.no-border ul li {
544
  border-bottom: none !important;
545
}
546
547
.no-background ul li {
548
  background-image: none !important;  
549
}
550
551
/** breadcrumb **/
552
#breadcrumb {
553
  padding: 8px 20px;
554
  font-size: 90%;
555
  border: 1px solid #fff;
556
}
557
558
#breadcrumb a {
559
  padding: 0 10px;
560
}
561
562
.breadcrumb {
563
  display: inline;
564
}
565
566
/** login **/
567
#user-login-form {
568
  text-align: left;
569
  font-size: 95%;
570
}
571
572
#user-login-form div {
573
  clear: both;
574
}
575
576
#user-login-form .form-text {
577
  width: 98%;
578
  font-family: Arial, Helvetica, sans-serif;
579
  border-width: 1px;
580
  border-style: solid;
581
  border-color: #707070 #BDBDBD #DEDEDE #707070;
582
  background-color: #F7F7F7;
583
}
584
585
#user-login-form label, #user-login-form label {
586
  text-align: left;
587
  font-weight: normal !important;
588
}
589
590
.form-required {
591
  color: #fff;
592
}
593
594
/** button & read more **/
595
span.button {
596
  display: inline-block;
597
  height: 24px;
598
  margin-right: 5px;
599
}
600
601
span.button .form-submit {
602
  cursor:pointer;
603
  display: block;
604
  font-family: Arial, Helvetica, sans-serif;
605
  font-size: 11px;
606
  color: #fff;
607
  margin: 0 !important;
608
  padding: 0 10px;
609
  height: 24px;
610
}
611
612
.read-more {
613
  display: inline;
614
  position: absolute;
615
  right: 0;
616
  bottom: 0;
617
  height: 24px;
618
}
619
620
.read-more a {
621
  display: block;
622
  font-size: 11px;
623
  color: #fff;
624
  height: 16px;
625
  padding: 3px 10px 3px 20px;
626
  background: url("../images/bg_readmore.png") no-repeat 7px 8px; 
627
}
628
629
.read-more a:hover {
630
  text-decoration: none;
631
}
632
633
ul.links li.node-readmore {
634
  display: none;
635
}
636
637
/** pager **/
638
ul.pager {
639
  position: relative;
640
  left: -20px;
641
  bottom: -28px;
642
  color: #fff;
643
  padding: 10px 20px;
644
  font-size: 90%;
645
  width: 100%;
646
}
647
648
ul.pager li {
649
  padding: 2px 6px !important;
650
  margin: 0 !important;
651
  border: 1px solid #fff;
652
}
653
654
ul.pager a {
655
  color: #fff; 
656
}
657
658
/** miscellaneous **/
659
.filter-wrapper {  
660
  border: 1px solid #ddd;
661
  border-top: none;
662
}
663
664
/*==============  MENU  =====================*/
665
#secondary {
666
  font-size: 90%;
667
  text-align: right;
668
  background: #272626 url("../images/bg_secondary.png") repeat-x left top;  
669
}
670
671
#secondary a {
672
  color: #B5B4AA;
673
}
674
675
#secondary-inner {
676
  padding-top: 7px;
677
}
678
679
#secondary ul {
680
  display: inline;
681
  border: 1px solid #424040;
682
  border-top: none;
683
  padding: 0 5px 5px 5px;
684
  background-color: #000;
685
}
686
687
#primary {
688
  height: 45px;
689
}
690
691
#primary a {
692
  display: block;
693
  padding: 15px 30px 13px 30px;
694
}
695
696
#primary ul,
697
#primary ul li,
698
#primary ul ul {
699
  list-style: none;
700
  margin: 0;
701
  padding: 0;
702
}
703
704
#primary ul {
705
  position: relative;
706
  font-size: 90%;
707
  font-weight: bold;
708
  z-index: 497;
709
  float: left;
710
}
711
712
#primary ul li {
713
  float: left;
714
  vertical-align: middle;
715
  list-style-type: none !important;
716
  list-style-image: none !important;
717
  text-transform : uppercase;
718
}
719
720
#primary ul li.hover,
721
#primary ul li:hover {
722
  position: relative;
723
  z-index: 499;
724
  cursor: default;
725
}
726
727
#primary ul ul {
728
  visibility: hidden;
729
  position: absolute;
730
  top: 100%;
731
  left: 0;
732
  z-index: 498;
733
  width: 200px;
734
}
735
736
#primary ul ul li {
737
  float: none;
738
  font-weight: normal;
739
  background-image: none;
740
}
741
742
#primary ul ul ul {
743
  top: 1px;
744
  left: 99%;
745
}
746
747
#primary ul li:hover > ul {
748
  visibility: visible;
749
}
750
751
#primary ul li.rtl ul {
752
  top: 100%;
753
  right: 0;
754
  left: auto;
755
}
756
757
#primary ul li.rtl ul ul {
758
  top: 1px;
759
  right: 99%;
760
  left: auto;
761
}
762
763
#primary ul a { 
764
  color: #000; 
765
  text-decoration: none;
766
}
767
768
#primary ul a:hover, #primary ul a.active, #primary li.active-trail a.active-trail { 
769
  color: #fff;
770
  text-decoration: none;
771
}
772
773
#primary ul ul li:hover, #primary ul ul li.active-trail, #primary ul ul li.last a {
774
  border-bottom: none;
775
}
776
777
#primary ul ul ul li.last a {
778
  border-bottom: none !important;
779
}
780
781
#primary ul ul li.first a {
782
  border-top: none;  
783
}
784
785
#primary ul ul a {
786
  margin: 0 20px;
787
  padding: 10px 0;
788
}