Projet

Général

Profil

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

root / drupal7 / sites / all / themes / responsive / style.css @ 1f623f01

1 cc7b6b59 Julien Enselme
/* www.devsaran.com */
2
3
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300);
4
@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);
5
6
7
/* Deafults */
8
9
/* Default Style
10
--------------------------------*/
11
html, body, div, span, object, iframe,
12
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
13
abbr, address, cite, code,
14
del, dfn, em, img, ins, kbd, q, samp,
15
small, strong, sub, sup, var,
16
b, i,
17
dl, dt, dd, ol, ul, li,
18
fieldset, form, label, legend,
19
table, caption, tbody, tfoot, thead, tr, th, td,
20
article, aside, canvas, details, figcaption, figure, 
21
footer, header, hgroup, menu, nav, section, summary,
22
time, mark, audio, video {
23
  margin:0;
24
  padding:0;
25
  border:0;
26
  outline:0;
27
  font-size:100%;
28
  vertical-align:baseline;
29
  background:transparent;
30
}
31
32
article,aside,details,figcaption,figure,
33
footer,header,hgroup,menu,nav,section { 
34
  display:block;
35
}
36
37
nav ul {
38
  list-style:none;
39
}
40
41
blockquote, q {
42
  quotes:none;
43
        border: 1px solid #bbbbbb;
44
        background: #d8d8d8 url(images/quote.png) no-repeat;
45
        padding: 10px 5px 5px 47px;
46
        text-shadow: 1px 1px #fff;
47
        margin: 5px 0;
48
        border-radius: 7px;
49
}
50
51
blockquote:before, blockquote:after,
52
q:before, q:after {
53
  content:'';
54
  content:none;
55
}
56
57
pre {
58
  background: #d8d8d8;
59
  text-shadow: 1px 1px #fff;
60
  border: 1px solid #bbbbbb;
61
  padding: 7px;
62
  margin: 5px 0;
63
  border-radius: 7px;
64
}
65
66
code {
67
  background: #d8d8d8;
68
  text-shadow: 1px 1px #fff;
69
  border: 1px solid #bbbbbb;
70
  display: block;
71
  padding: 7px;
72
  margin: 5px 0;
73
  border-radius: 7px;
74
}
75
76
ins {
77
  background-color:#fdfc9b;
78
  text-decoration:none;
79
}
80
81
mark {
82
  background-color:#fdfc9b;
83
  font-style:italic;
84
  font-weight:bold;
85
}
86
87
del {
88
  text-decoration: line-through;
89
}
90
91
abbr[title], dfn[title] {
92
  border-bottom:1px dotted;
93
  cursor:help;
94
}
95
96
hr {
97
  height:1px;
98
  background: #9f9f9f;
99
  margin: 7px 0;
100
  border: none;
101
        clear: both;
102
        float: none;
103
        width: 100%;
104
}
105
106
input, select {
107
  vertical-align:middle;
108
}
109
110
select {
111
  border-radius: 4px;
112
  border: 1px solid #ACACAC;
113
  padding: 3px 4px;
114
}
115
116
.remove-margin {
117
  margin-right: 0 !important;
118
}
119
120
fieldset {
121
  border: 1px solid #ccc;
122
  margin: 0 0 1.4615em;
123
  padding: 1.5385em;
124
}
125
126
table {
127
  border-collapse:collapse;
128
  border-spacing:0;
129
  margin-bottom: 15px;
130
  width: 100%;
131
}
132
133
th, tr, td {
134
  vertical-align: middle;
135
}
136
137
.sticky-header th, .sticky-table th {
138
  border-bottom: 3px solid #ccc;
139
  padding-right: 1em;
140
  text-align: left;
141
}
142
143
144
table {
145
  background: #ececec;
146
  border: 1px solid #bbbbbb;
147
}
148
149
th {
150
  background: #dbdbdb;
151
  padding: 5px 4px;
152
  text-shadow: 1px 1px #fff;
153
  border-right: 1px solid #c8c7c7;
154
  color:#333;
155
}
156
157
td {
158
  background: #ebebeb;
159
  color: #747474;
160
  text-align: left;
161
  padding-left: 4px;
162
  border-right: 1px solid #c8c7c7;
163
  border-bottom: 1px solid #c8c7c7;
164
}
165
166
167
body {
168
  background: #dedcd9;
169
  font-family: Open Sans,Arial,Century gothic, sans-serif;
170
  color: #555;
171
  font-size: 13px;
172
  font-weight: 400;
173
}
174
175
176
a {
177
  text-decoration: none;
178
  color: #1C6EA0;
179
  -webkit-transition: color 0.2s ease-in-out;
180
  -moz-transition: color 0.2s ease-in-out;
181
  -o-transition: color 0.2s ease-in-out;
182
  -ms-transition: color 0.2s ease-in-out;
183
  transition: color 0.2s ease-in-out;
184
}
185
186
a:hover {
187
  text-decoration: none;
188
  color: #42A9BE;
189
}
190
191
p {
192
  margin: 0 0 0.8em;
193
}
194
195
strong {
196
  font-weight: 700;
197
}
198
199
em {
200
  font-style: italic;
201
}
202
203
ul, ol {
204
  padding-left:20px;
205
}
206
207
.clearfix:after {
208
  content: ".";
209
  display: block;
210
  clear: both;
211
  visibility: hidden;
212
  line-height: 0;
213
  height: 0;
214
}
215
216
217
html[xmlns] .clearfix {
218
  display: block;
219
}
220
221
* html .clearfix {
222
  height: 1%;
223
}
224
225
h1,
226
h2,
227
h3,
228
h4,
229
h5,
230
h6 {
231
  font-weight: 700;
232
  padding: 0;
233
  margin: 0px 0px 10px 0px;
234
}
235
236
237
h1 {
238
        font-size: 26px;
239
}        
240
        
241
h2 {
242
        font-size: 21px;
243
}
244
h3 {
245
        font-size: 19px;
246
}
247
h4 {
248
        font-size: 17px;
249
}
250
h5 {
251
        font-size: 15px;
252
}
253
h6 {
254
        font-size: 13px;
255
}
256
257
#wrapper {
258
  margin: 0px auto;
259
}
260
261
#content-contain {
262
  padding: 0px 0px 25px 0px;
263
  background: #fff;
264
}
265
266
#head {
267
  float: left;
268
  width: 100%;
269
  background: #fff;
270
  margin-bottom: 30px;
271
}
272
273
#headright {
274
  background: #214467;
275
  float: right;
276
}
277
278
#socialbar {
279
  height: 60px;
280
}
281
282
ul.social {
283
  list-style: none;
284
  margin: 20px 10px 0px 10px;
285
  float: right;
286
}
287
288
ul.social li {
289
  float: left;
290
  margin-left: 10px;
291
}
292
293
#logo {
294
  float: left;
295
  margin: 10px 0 0 10px;
296
}
297
298
.site-slogan {
299
  font-family: Bitter, Helvetica, Arial, sans-serif;
300
  font-size: 14px;s
301
  color: #333333;
302
  font-weight: 400;
303
  text-transform: uppercase;
304
  padding: 10px 0;
305
}
306
307
#mobileMenu_mm1 {
308
  margin: 10px 20px;
309
  padding: 3px 0px;
310
}
311
312
#navigation {
313
  margin: 0px auto;
314
  float: right;
315
}
316
317
#main-menu {
318
  clear: both;
319
  color: #fff;
320
  font-size: 14px;
321
  margin: 0 auto;
322
  overflow: hidden;
323
}
324
325
#main-menu ul {
326
  float: left;
327
  padding: 0px 15px;
328
}
329
330
#main-menu li {
331
  float: left;
332
  list-style-type: none;
333
  font-weight: 400;
334
}
335
336
#main-menu li a {
337
  color: #e7e7e7;
338
  display: block;
339
  padding: 10px 10px 10px 10px;
340
  position: relative;
341
  text-decoration: none;
342
}
343
344
#main-menu li a:hover,
345
#main-menu li a:active,
346
#main-menu a.active{
347
  color: #fff;
348
}
349
350
#main-menu li a .sf-sub-indicator {
351
  display: block;
352
  overflow: hidden;
353
  position: absolute;
354
  text-indent: -9999px;
355
}
356
357
#main-menu li li a,
358
#main-menu li li a:link,
359
#main-menu li li a:visited {
360
  background-color: #12263B;
361
  border-top-width: 0;
362
  color: #e7e7e7;
363
  font-size: 13px;
364
  padding: 10px 10px;
365
  position: relative;
366
  text-transform: none;
367
  width: 140px;
368
  font-weight: 400;
369
}
370
371
#main-menu li li a:hover,
372
#main-menu li li a:active {
373
  color: #fff;
374
  background: #01152a;
375
}
376
377
#main-menu li ul {
378
  height: auto;
379
  padding: 0px 0px;
380
  left: -9999px;
381
  margin: 0 0 0 1px;
382
  position: absolute;
383
  width: 160px;
384
  z-index: 9999;
385
}
386
387
#main-menu li ul a {
388
  width: 160px;
389
}
390
391
#main-menu li ul ul {
392
  margin: -38px 0 0 160px;
393
}
394
395
#main-menu li:hover>ul,
396
#main-menu li.sfHover ul {
397
  left: auto;
398
}
399
400
#main-menu ul li.leaf, #main-menu ul li.expanded, #main-menu ul li.collapsed {
401
  list-style:none;
402
}
403
#main-menu ul.menu li {
404
  margin: 0;
405
}
406
407
#main-menu li.expanded, #main-menu li.collapsed, #main-menu li.leaf {
408
  margin: 0;
409
  padding: 0;
410
}
411
412
#front-welcome{
413
  font-family: Bitter, Helvetica, Arial, sans-serif;
414
  font-weight: 400;
415
        text-align:center;
416
  padding: 15px 5% 0;
417
  width: 90%;
418
}
419
420
#front-welcome .block > h2{
421
        color:#282c2f;
422
        font-size:24px;
423
        margin:0px auto;
424
  text-transform: none;
425
}
426
427
#front-welcome p{
428
        padding:10px 0px;
429
        color:#282c2f;
430
        line-height:22px;
431
        font-size:18px;
432
}
433
434
#header {
435
  margin-top: 20px;
436
}
437
438
#breadcrumbs{
439
  font-size: 11px;
440
}
441
442
#content {
443
  margin-top: 25px;
444
}
445
446
.node {
447
  margin-bottom: 20px;
448
  padding-bottom: 20px;
449
}
450
451
.node h2.title, .page-title {
452
  font-family: Bitter, Helvetica, Arial, sans-serif;
453
  font-weight: 700;
454
  color: #000;
455
  font-size: 20px;
456
}
457
458
.node h2.title a{
459
  color: #000;
460
}
461
462
.block{
463
        margin-bottom:1.5em;
464
}
465
466
#header .block > h2, #foot .block > h2, 
467
.region-content-top .block > h2{
468
  font-size: 16px;
469
}
470
471
#sidebar-first {
472
  margin-top: 25px;
473
}
474
475
.sidebar .block > h2 {
476
  font-family: Bitter, Helvetica, Arial, sans-serif;
477
  background: #214468;
478
  color: #fff;
479
  font-size: 14px;
480
  margin-bottom: 10px;
481
  text-transform: uppercase;
482
  padding: 10px 10px;
483
  font-weight: 700;
484
}
485
486
#bottom {
487
  background: #4E4554;
488
  padding-top: 25px;
489
  padding-bottom: 15px;
490
}
491
492
#bottom .botblck a{
493
  color: #fff;
494
}
495
496
.botblck {
497
  float: left;
498
  list-style: none;
499
}
500
501
.botblck .block > h2 {
502
  font-family: Bitter, Helvetica, Arial, sans-serif;
503
  padding: 0px 0px 0px 0px;
504
  color: #fff;
505
  font-size: 14px;
506
  font-weight: 700;
507
  text-transform: uppercase;
508
}
509
510
.botblck .content {
511
  padding: 7px 0px;
512
  margin: 0;
513
  line-height: 160%;
514
  color: #bbb;
515
}
516
517
#copyright {
518
  background: #3E3742;
519
  padding: 25px 0px;
520
  text-align: center;
521
}
522
523
.credit {
524
  color: #eee;
525
}
526
527
.submitted {
528
  background: #dfdddd;
529
  padding: 4px 9px;
530
  border-radius: 4px;
531
  color: #383838;
532
  text-shadow: 1px 1px #fff;
533
  clear: both;
534
  display: block;
535
  margin-bottom: 2px;
536
}
537
538
.links {
539
  color: #000;
540
  margin-top: 10px;
541
  font-size: 14px;
542
}
543
544
.links li a {
545
  background-color: #E7E5E3;
546
  color: #100100;
547
  padding: 4px 5px;
548
  border-radius: 4px;
549
  text-shadow: 1px 1px #fff;
550
  font-weight: normal;
551
}
552
553
.links li a:hover {
554
  background-color: #D7D5D3;
555
  color: #100101;
556
}
557
558
559
/*-------------------------------------------*
560
/* Fix CKEditor style
561
/*-------------------------------------------*/
562
table.cke_editor {
563
  background: transparent;
564
  border: 0;
565
}
566
table.cke_editor td {
567
  background: transparent;
568
  padding: 0;
569
  border: 0;
570
}
571
572
/*-------------------------------------------*
573
/* Poll, Buttons, Form
574
/*-------------------------------------------*/
575
.poll .vote-form .choices .title {
576
  font-size: 14px;
577
  font-weight: normal;
578
  line-height: 2;
579
}
580
581
.poll .vote-form .choices {
582
  margin: 0;
583
}
584
585
.form-submit{
586
  -moz-transition: all 0.2s ease-in-out 0s;
587
  border-radius: 5px;
588
  cursor: pointer;
589
  background: url("images/diagonal.png") repeat scroll 0 0 #5AA2EF;
590
  color: #fff;
591
  padding: 4px 6px;
592
  text-shadow: 1px 1px 1px #300033;
593
  margin-right: 4px;
594
  margin-bottom: 5px;
595
  font-weight: bold;
596
}
597
598
.form-submit:hover{
599
  background: #454444;
600
}
601
602
input.form-checkbox, input.form-radio {
603
  vertical-align: baseline;
604
}
605
606
.form-text {
607
  border-radius: 3px;
608
  border: 1px solid #acacac;
609
  padding: 4px 5px;
610
}
611
612
/*-------------------------------------------*
613
/* Menus and item lists 
614
/*-------------------------------------------*/
615
.item-list ul {
616
  margin: 0;
617
  padding: 0 0 0 1.5385em;
618
}
619
620
.item-list ul li {
621
  margin: 0;
622
  padding: 0;
623
}
624
625
ul.menu li {
626
  margin: 0;
627
  padding: 0;
628
}
629
630
ul.inline {
631
  clear: both;
632
}
633
634
ul.inline li {
635
  margin: 0;
636
  padding: 0;
637
}
638
639
/*-------------------------------------------*
640
/* Admin Tabs
641
/*-------------------------------------------*/
642
.tabs-wrapper {
643
  border-bottom: 1px solid #b7b7b7;
644
  margin: 0 0 5px 0;
645
}
646
647
ul.primary {
648
  border: none;
649
  margin: 0;
650
  padding: 0;
651
}
652
653
ul.primary li a {
654
  background: none;
655
  border: none;
656
  display: block;
657
  float: left;
658
  line-height: 1.5385em;
659
  margin: 0;
660
  padding: 0 1em;
661
  border-radius: 4px 4px 0 0;
662
  margin-right: 5px;
663
}
664
665
ul.primary li a:hover, ul.primary li a.active {
666
  background: #666;
667
  border: none;
668
  color: #fff;
669
}
670
671
ul.primary li a:hover {
672
  background: #888;
673
  text-decoration: none;
674
}
675
676
ul.secondary {
677
  background: #666;
678
  border-bottom: none;
679
  clear: both;
680
  margin: 0;
681
  padding: 0;
682
}
683
684
ul.secondary li {
685
  border-right: none;
686
}
687
688
ul.secondary li a, ul.secondary li a:link {
689
  border: none;
690
  color: #ccc;
691
  display: block;
692
  float: left;
693
  line-height: 1.5385em;
694
  padding: 0 1em;
695
}
696
697
ul.secondary li a:hover, ul.secondary li a.active {
698
  background: #888;
699
  color: #fff;
700
  text-decoration: none;
701
}
702
703
ul.secondary a.active {
704
  border-bottom: none;
705
}
706
707
/*-------------------------------------------*
708
/* Tabs and Tags
709
/*-------------------------------------------*/
710
.field-name-field-tags {
711
  margin: 0 0 10px 0;
712
}
713
714
.field-name-field-tags a{
715
  display: inline-block;
716
  background: url(images/tag.png) no-repeat;
717
  padding: 0px 8px 0 16px;
718
  height: 22px;
719
  text-shadow: 1px 1px #fff;
720
  border-radius: 2px;
721
  font-size: 12px;
722
}
723
724
.field-name-field-tags a:hover{
725
}
726
727
.field-name-field-tags .field-item {
728
  margin: 0 1em 0 0;
729
}
730
731
.field-name-field-tags div {
732
  display: inline;
733
}
734
735
#content-container .field-label{
736
}
737
738
#content-container .field-items .field-item{
739
}
740
741
/*-------------------------------------------*
742
/* Profile
743
/*-------------------------------------------*/
744
.profile {
745
  margin: 1.5385em 0;
746
}
747
748
.profile dd {
749
  margin-bottom: 1.5385em;
750
}
751
752
.profile h3 {
753
  border: none;
754
}
755
756
.profile dt {
757
  margin-bottom: 0;
758
}
759
760
.password-parent {
761
  width: 36em;
762
}
763
764
/*-------------------------------------------*
765
/* comment
766
/*-------------------------------------------*/
767
#comments {
768
  clear: both;
769
  margin-top: 14px;
770
  padding: 5px;
771
  border: 1px solid #dddddd;
772
  border-radius: 8px;
773
}
774
775
.comment {
776
  margin-bottom: 1.5em;
777
  padding: 5px;
778
  border-radius: 7px;
779
  min-height: 150px;
780
  border-bottom: 1px solid #d9d9d9;
781
}
782
783
h3.comment-title a{
784
  margin-bottom: 5px;
785
  font-size: 16px;
786
  color: #67696d;
787
}
788
789
.comment .new {
790
  color: red;
791
  text-transform: capitalize;
792
  margin-left: 1em;
793
}
794
795
.form-textarea-wrapper textarea {
796
  border-radius: 3px;
797
  border: 1px solid #acacac;
798
}
799
800
.comment .submitted {
801
  display:inline;
802
  background: #e5e5e5;
803
}
804
805
.comment .user-picture{
806
  float: left;
807
  padding: 4px;
808
  border: 1px solid #d9d9d9;
809
  margin-right: 7px;
810
  margin-bottom: 7px;
811
}
812
813
.comment-new-comments{
814
  display: none;
815
}
816
817
/*-------------------------------------------*
818
/* Navigation
819
/*-------------------------------------------*/
820
.item-list .pager {
821
}
822
823
.item-list .pager li {
824
  background: #cfcfcf;
825
  border-radius: 3px;
826
  margin-right: 4px;
827
  text-shadow: 1px 1px #fff;
828
}
829
830
/*-------------------------------------------*
831
/* Forum
832
/*-------------------------------------------*/
833
.field-name-taxonomy-forums div {
834
  display: inline;
835
  margin-top: 4px;
836
}
837
838
.field-name-taxonomy-forums .field-items {
839
}
840
841
#forum .title {
842
  font-size: 16px;
843
}
844
845
#forum .submitted {
846
  font-size: 12px;
847
  font-family: Lucida Grande, Verdana, Arial, sans-serif;
848
  background: transparent;
849
  padding: 0;
850
}
851
852
#forum .container {
853
  background: #a1a1a1;
854
  color: #fff;
855
}
856
857
#forum .container a {
858
  color: #000;
859
  font-weight: bold;
860
}
861
862
#forum div.indent {
863
  margin-left: 2px;
864
}
865
866
.forum-starter-picture {
867
  float: left;
868
  padding: 4px;
869
  border: 1px solid #d9d9d9;
870
  margin: 5px 7px 5px 0;
871
}
872
873
#forum th {
874
  background: #434343;
875
  text-shadow: none;
876
  color: #fff;
877
}
878
879
#forum th a {
880
  color: #fff;
881
}
882
883
#forum td.forum .icon, #forum .icon div {
884
  background: url(images/no-new-posts.png) no-repeat;
885
  width: 35px;
886
  height: 35px;
887
}
888
889
#forum .name a{ 
890
  font-size: 16px;
891
}
892
893
.credit a {
894
    color: #42A9BE;
895
}
896
897
.credit a:hover {
898
    color: #aaa;
899
}