Projet

Général

Profil

Paste
Télécharger (9,98 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / jackson / styles / styles.css @ 87dbc3bf

1
/**
2
 * Main styles
3
 */
4

    
5
body {
6
  background-color: #ffffff;
7
  color: #4F4E4E;
8
  font: normal 13px/1.5 Verdana, Arial, Helvetica, sans-serif;
9
}
10
h1 {
11
  font-size: 26px;
12
  font-weight: normal;
13
  margin: 5px 0;
14
  color: #3d5454;
15
}
16
h2 {
17
  font-size: 20px;
18
  font-weight: normal;
19
  margin: 5px 0;
20
  color: #3d5454;
21
}
22
h3 {
23
  font-size: 16px;
24
  font-weight: normal;
25
  margin: 5px 0;
26
  color: #3d5454;
27
}
28
h4 {
29
  font-size: 13px;
30
  margin: 5px 0;
31
  color: #3d5454; 
32
}
33
h1 a,
34
h2 a,
35
h3 a,
36
h4 a,
37
h5 a,
38
h6 a,
39
h1 a:visited,
40
h2 a:visited,
41
h3 a:visited,
42
h4 a:visited,
43
h5 a:visited,
44
h6 a:visited {
45
  color: #4F4E4E;
46
  text-decoration: none;
47
}
48
h1 a:hover,
49
h2 a:hover,
50
h3 a:hover,
51
h4 a:hover,
52
h5 a:hover,
53
h6 a:hover {
54
  color: #4F4E4E;
55
  text-decoration: underline;
56
}
57
blockquote {
58
  background: transparent url(../images/bq-tl.png) no-repeat left top;
59
  padding-left: 30px;
60
  margin-left: 10px;
61
  font-style: italic;
62
  min-height: 0px;
63
}
64
ol{
65
  list-style-type: decimal;
66
  margin-left: 25px;
67
}
68
#main ul {
69

    
70
}
71
#main ul li {
72
  margin-left: 20px;
73
  list-style: disc;
74
}
75
ul.links.inline {
76
  display:block;
77
  margin-bottom:20px;
78
  background-color: #F6F6F6;
79
}
80
.sidebar ul li {
81
  margin-left: 0;
82
  list-style: none;
83
}
84
.form-submit,
85
.form-button {
86
  background-color: #102624;
87
  border: 0;
88
  color: #FFF;
89
  cursor: pointer;
90
  overflow: visible;
91
  padding: 3px 5px;
92
}
93
#forum table {
94
  border-collapse:collapse;
95
  width:100%;
96
}
97
a {
98
  color: #CF710C;
99
  text-decoration: none;
100
}
101
a:hover {
102
  color: #CF710C;
103
  text-decoration: underline;
104
}
105

    
106
/* Page Styles
107
-------------------------------------------------------------- */
108

    
109
#page-wrapper {
110
  overflow: hidden;
111
}
112
#header {
113
  background: url(../images/header-bg.gif) repeat-x;
114
  height: 145px;
115
  width: 100%;
116
}
117
.header {
118
  height: 130px;
119
  padding-top: 15px;
120
}
121
.header a,
122
.header a:hover,
123
.header a:visited {
124
  color: #fff;
125
}
126
#site-header {
127
  padding-top: 15px;
128
}
129
.logo {
130
  float: left;
131
}
132
.block-search {
133
  clear: right;
134
  float: right;
135
}
136
#site-name {
137
  position: absolute;
138
  text-indent: -9999px;
139
}
140
#site-slogan {
141
  color: #ffffff;
142
}
143
#user-links {
144
  float: right;
145
  margin-bottom: 10px;
146
}
147
#user-links ul.links {
148
  float:right;
149
}
150
#user-links ul.links li a {
151
  color:#ffffff;
152
  text-decoration: none;
153
}
154

    
155
/* Search
156
-------------------------------------------------------------- */
157
#search {
158
  float: right;
159
}
160
#search label {
161
  display: none;
162
}
163

    
164
/* Secondary Navigation
165
-------------------------------------------------------------- */
166
#log-in-out {
167
  float: right;
168
}
169
#log-in-out h2 {
170
  display: none;
171
}
172
#log-in-out ul {
173
  background-color: transparent;
174
  margin: 0;
175
}
176
/* Primary Navigation
177
-------------------------------------------------------------- */
178
.navigation {
179
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
180
  height: 45px;
181
  margin-top: -45px;
182
}
183
#navigation li{
184
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
185
  float: left;
186
  height: 45px;
187
  line-height: 45px;
188
}
189
#navigation li.active,
190
#navigation li:hover {
191
  background-position: left -45px;
192
}
193
#navigation a {
194
  color: #FFF;
195
  display: block;
196
  font-size: 15px;
197
  padding: 0 30px;
198
  text-decoration: none;
199
  text-transform: uppercase;
200
  vertical-align: middle;
201
}
202
#navigation a:hover,
203
#navigation a:visited {
204
  color: #FFF;
205
  text-decoration: none;
206
}
207

    
208
/* Superfish
209
-------------------------------------------------------------- */
210
#navigation h2 {
211
  height: 0;
212
  overflow: hidden;
213
  position: absolute;
214
}
215
#navigation .sf-menu, #navigation .sf-menu * {
216
}
217
#navigation .sf-menu {
218
}
219
#navigation .sf-menu ul {
220
  position:absolute;
221
  top:-999em;
222
}
223
#navigation .sf-menu ul li {
224
  width:100%;
225
}
226
#navigation .sf-menu li:hover {
227
  visibility:inherit;
228
}
229
#navigation .sf-menu li {
230
  float: left;
231
  position: relative;
232
}
233
#navigation .sf-menu a {
234
  position: relative;
235
}
236
#navigation .sf-menu li:hover ul,
237
#navigation .sf-menu li.sfHover ul {
238
  left: 0;
239
  top: 45px;
240
}
241
#navigation ul.sf-menu li:hover li ul,
242
#navigation ul.sf-menu li.sfHover li ul {
243
  top:-999em;
244
}
245
#navigation ul.sf-menu li li:hover ul,
246
#navigation ul.sf-menu li li.sfHover ul {
247
  left: 18em;
248
  top: 0;
249
}
250
#navigation ul.sf-menu li li:hover li ul,
251
#navigation ul.sf-menu li li.sfHover li ul {
252
  top: -999em;
253
}
254
#navigation ul.sf-menu li li li:hover ul,
255
#navigation ul.sf-menu li li li.sfHover ul {
256
  left: 18em;
257
  top:0;
258
}
259
#navigation .sf-menu {
260
  margin-bottom: 0;
261
}
262
#navigation .sf-menu a {
263
  text-decoration: none;
264
}
265
#navigation .sf-menu a.sf-with-ul {
266
  padding-right:2.25em;
267
  min-width:1px;
268
}
269
#navigation .sf-menu a, #navigation .sf-menu a:visited  {
270

    
271
}
272
#navigation .sf-menu li {
273
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
274
}
275
#navigation .sf-menu li li {
276
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
277
}
278
#navigation .sf-menu li li li {
279
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
280
  top: 0px;
281
}
282
#navigation .sf-menu li:hover, #navigation .sf-menu li.sfHover,
283
#navigation .sf-menu a:focus, #navigation .sf-menu a:hover, #navigation .sf-menu a:active {
284
  outline:0;
285
}
286
#navigation .sf-menu li:hover {
287
  background-position: left -45px;
288
}
289
#navigation .sf-menu li.active-trail {
290
  background-position: left -45px;
291
}
292
#navigation .sf-menu li.active-trail li {
293
  background-position: left 0px;
294
}
295
#navigation .sf-menu li li:hover {
296
  background-position: left -45px;
297
}
298
#navigation .sf-menu li li li:hover {
299
  background-position: left -45px;
300
}
301
.sf-sub-indicator {
302
  position:absolute;
303
  display:block;
304
  right:.75em;
305
  top:1.05em;
306
  width:10px;
307
  height:10px;
308
  text-indent:-999em;
309
  overflow:hidden;
310
  background:url(../images/arrows-ffffff.png) no-repeat -10px -100px;
311
}
312
a > .sf-sub-indicator { 
313
  top:.8em;
314
  background-position: 0 -100px;
315
}
316
a:focus > .sf-sub-indicator,
317
a:hover > .sf-sub-indicator,
318
a:active > .sf-sub-indicator,
319
li:hover > a > .sf-sub-indicator,
320
li.sfHover > a > .sf-sub-indicator {
321
  background-position: -10px -100px;
322
}
323
#navigation .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
324
#navigation .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
325
#navigation .sf-menu ul a:focus > .sf-sub-indicator,
326
#navigation .sf-menu ul a:hover > .sf-sub-indicator,
327
#navigation .sf-menu ul a:active > .sf-sub-indicator,
328
#navigation .sf-menu ul li:hover > a > .sf-sub-indicator,
329
#navigation .sf-menu ul li.sfHover > a > .sf-sub-indicator {
330
  background-position: -10px 0;
331
}
332

    
333
/* messages
334
-------------------------------------------------------------- */
335

    
336
div.messages {
337
  margin: 0 auto 15px;
338
  width: 900px;
339
}
340

    
341
/* Slide Wrapper
342
-------------------------------------------------------------- */
343
#banner-wrap {
344
  background: transparent url(../images/main-sprite.png) repeat-x scroll center -90px;
345
  height: 333px;
346
  overflow: hidden;
347
  width: 100%;
348
}
349
* html #banner-wrap {
350
  position: relative;
351
}
352
#banner-wrap.empty {
353
  height: 30px;
354
}
355
#banner-wrap .content {
356
  margin-top: 15px;
357
}
358

    
359
/* Page Content
360
-------------------------------------------------------------- */
361

    
362
.preface,
363
.sidebar .gutter {
364
  background-color: #FFF;
365
  border: 2px solid #DCDADA;
366
  -moz-border-radius: 3px;
367
  -webkit-border-radius:3px;
368
  border-radius: 3px;
369
  margin-bottom: 15px;
370
  min-height: 0;
371
}
372
* html .sidebar .gutter,
373
* html .sidebar .gutter {
374
  height: 1%;
375
}
376
#main-wrapper {
377
  background: transparent url(../images/content-bg.gif) repeat-x scroll;
378
  width:100%;
379
  padding-top:5px;
380
}
381

    
382
#content-wrap {
383
  min-height: 400px;
384
}
385
#preface {
386
  min-height: 150px;
387
  * html height: 150px;
388
}
389
#preface .block-block {
390
  padding-top: 5px;
391
}
392
#preface h2,
393
#preface h3 {
394
  color: #D7E6E6;
395
  background-color: #3d5454;
396
  padding-left: 5px;
397
}
398
.sidebar h2 {
399
  background-color: #CF710C;
400
  color: #ffffff;
401
  padding: 0 5px;
402
}
403
.sidebar .content {
404
  padding: 15px;
405
}
406
#bottom {
407
  background-color: #102624;
408
  color: #ffffff;
409
  margin-top: 15px;
410
  padding: 10px 0 25px;
411
}
412
#bottom h2 {
413
  color: #CF710C;
414
}
415
#bottom a,
416
#bottom a:visited {
417
  color: #ffffff;
418
  text-decoration: none;
419
}
420
#bottom a:hover {
421
  color: #CF710C;
422
}
423
#footer-wrap {
424
  background-color: #ffffff;
425
  color: #666666;
426
  margin-top: 10px;
427
  padding-bottom: 10px;
428
}
429
#footer-wrap ul,
430
#footer-wrap li {
431
  list-style: none;
432
  list-style-image: none;
433
  margin: 0;
434
  padding: 0;
435
}
436
#footer ul {
437
  list-style: none;
438
  text-align: center;
439
  margin: 10px 0;
440
}
441
#footer ul li {
442
  list-style-type: none;
443
  display: inline;
444
  padding: 10px;
445
}
446
#footer a {
447
  color: #cf710c;
448
  text-decoration: none;
449
}
450
#footer a:hover {
451
  text-decoration: underline;
452
}
453
.footer {
454
  margin: 0 auto;
455
  width: 960px;
456
}
457
#levelten {
458
  text-align: center;
459
}
460

    
461
/* Forum Styles
462
-------------------------------------------------------------- */
463
#forum tr.even, tr.odd {
464
  background: url(../images/forum-row-bg.gif) repeat-x scroll;
465
  border-bottom:1px solid #CCCCCC;
466
  padding:0.5em 1em;
467
}
468

    
469
/* Comment Styles
470
-------------------------------------------------------------- */
471
#comments .comment {
472
  background: #F6F6F6;
473
  padding:0.5em 1em;
474
}
475

    
476
/* Helper Icon Styles
477
-------------------------------------------------------------- */
478
.region-content ul.links a {
479
  background-repeat: no-repeat;
480
  padding-bottom: 5px;
481
  padding-left: 20px;
482
}
483
.region-content ul.links li.comment-add a {
484
  background-image: url(../images/commentadd.gif);
485
}
486
.region-content ul.links li.comment-comments a {
487
  background-image: url(../images/comments.gif);
488
}
489
.region-content ul.links li.comment-edit a {
490
  background-image: url(../images/commentedit.gif);
491
}
492
.region-content ul.links li.comment-delete a {
493
  background-image: url(../images/commentdelete.gif);
494
}
495
.region-content ul.links li.comment-reply a {
496
  background-image: url(../images/commentadd.gif);
497
}
498
.region-content ul.links li.node-readmore a {
499
  background-image: url(../images/readmore.gif);
500
}
501
.region-content ul.links li.blog-usernames-blog a {
502
  background-image: url(../images/user.gif);
503
}
504
.region-content ul.links li.comment-forbidden a {
505
  background-image:url(../images/lock.gif);
506
}
507
.region-content ul.links li.upload-attachments a {
508
  background-image: url(../images/photo.gif);
509
}
510
.region-content ul.links li.book-printer a{
511
  background-image:url(../images/print.gif);
512
}
513
.region-content ul.links li.book-add-child a{
514
  background-image:url(../images/add.gif);
515
}