Projet

Général

Profil

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

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

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

    
5
body {
6
  background-color: #f2f2f2;
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: #4f4e4e;
15
}
16
h2 {
17
  font-size: 20px;
18
  font-weight: normal;
19
  margin: 5px 0;
20
  color: #4f4e4e;
21
}
22
h3 {
23
  font-size: 16px;
24
  font-weight: normal;
25
  margin: 5px 0;
26
  color: #4f4e4e;
27
}
28
h4 {
29
  font-size: 13px;
30
  margin: 5px 0;
31
  color: #4f4e4e; 
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:20px 0px;
78
  background-color: #efefef;
79
}
80
.sidebar ul li {
81
  margin-left: 0;
82
  list-style: none;
83
}
84
.form-submit,
85
.form-button {
86
  background-color: #4f4e4e;
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: #0c85cf;
99
  text-decoration: none;
100
}
101
a:hover {
102
  color: #0c85cf;
103
  text-decoration: underline;
104
}
105

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

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

    
150
/* Search
151
-------------------------------------------------------------- */
152
#search {
153
  float: right;
154
}
155
#search label {
156
  display: none;
157
}
158

    
159
/* Primary Navigation
160
-------------------------------------------------------------- */
161
.navigation {
162
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
163
  height: 44px;
164
  margin-top: -45px;
165
}
166
#navigation li{
167
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
168
  float: left;
169
  height: 44px;
170
}
171
#navigation li.active,
172
#navigation li:hover {
173
  background-position: left -45px;
174
}
175
#navigation a {
176
  color: #FFF;
177
  display: block;
178
  font-size: 16px;
179
  padding: 10px 25px;
180
  text-decoration: none;
181
}
182
#navigation a:hover,
183
#navigation a:visited {
184
  color: #FFF;
185
  text-decoration: none;
186
}
187

    
188
/* Superfish
189
-------------------------------------------------------------- */
190
#superfish {
191
  height:44px; 
192
  float:left;
193
}
194
#superfish h2 {
195
  height: 0;
196
  overflow: hidden;
197
  position: absolute;
198
}
199
#superfish .menu, #superfish .menu * {
200
  margin:0;
201
  padding:0;
202
  list-style:none;
203
}
204
#superfish .menu {
205
  line-height:1.0;
206
}
207
#superfish .menu ul {
208
  position:absolute;
209
  top:-999em;
210
  width:18em;
211
}
212
#superfish .menu ul li {
213
  width:100%;
214
}
215
#superfish .menu li:hover {
216
  visibility:inherit;
217
}
218
#superfish .menu li {
219
  float:left;
220
  position:relative;
221
}
222
#superfish .menu a {
223
  display:block;
224
  position:relative;
225
}
226
#superfish .menu li:hover ul,
227
#superfish .menu li.sfHover ul {
228
  left:0;
229
  top:45px;
230
}
231
#superfish ul.menu li:hover li ul,
232
#superfish ul.menu li.sfHover li ul {
233
  top:-999em;
234
}
235
#superfish ul.menu li li:hover ul,
236
#superfish ul.menu li li.sfHover ul {
237
  left:18em;
238
  top:0;
239
}
240
#superfish ul.menu li li:hover li ul,
241
#superfish ul.menu li li.sfHover li ul {
242
  top:-999em;
243
}
244
#superfish ul.menu li li li:hover ul,
245
#superfish ul.menu li li li.sfHover ul {
246
  left:18em;
247
  top:0;
248
}
249
#superfish .menu {
250
  float:left;
251
  margin-bottom:1em;
252
}
253
#superfish .menu a {
254
  padding:.75em 1em 1em 1em;
255
  text-decoration:none;
256
}
257
#superfish .menu a.sf-with-ul {
258
  padding-right:2.25em;
259
  min-width:1px;
260
}
261
#superfish .menu a, #superfish .menu a:visited  {
262
  color:#fff;
263
  text-decoration:none;
264
  font-size:12px;
265
  text-transform:uppercase;
266
  padding-right:30px;
267
  padding-left:30px;
268
  padding-top:15px;
269
}
270
#superfish .menu li {
271
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
272
}
273
#superfish .menu li li {
274
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
275
}
276
#superfish .menu li li li {
277
  background: transparent url(../images/main-sprite.png) repeat-x scroll left top;
278
  top: 0px;
279
}
280
#superfish .menu li:hover, #superfish .menu li.sfHover,
281
#superfish .menu a:focus, #superfish .menu a:hover, #superfish .menu a:active {
282
  outline:0;
283
}
284
#superfish .menu li:hover {
285
  background-position: left -45px;
286
}
287
#superfish .menu li.active-trail {
288
  background-position: left -45px;
289
}
290
#superfish .menu li.active-trail li {
291
  background-position: left 0px;
292
}
293
#superfish .menu li li:hover {
294
  background-position: left -45px;
295
}
296
#superfish .menu li li li:hover {
297
  background-position: left -45px;
298
}
299
.sf-sub-indicator {
300
  position:absolute;
301
  display:block;
302
  right:.75em;
303
  top:1.05em;
304
  width:10px;
305
  height:10px;
306
  text-indent:-999em;
307
  overflow:hidden;
308
  background:url(../images/arrows-ffffff.png) no-repeat -10px -100px;
309
}
310
a > .sf-sub-indicator { 
311
  top:.8em;
312
  background-position: 0 -100px;
313
}
314
a:focus > .sf-sub-indicator,
315
a:hover > .sf-sub-indicator,
316
a:active > .sf-sub-indicator,
317
li:hover > a > .sf-sub-indicator,
318
li.sfHover > a > .sf-sub-indicator {
319
  background-position: -10px -100px;
320
}
321
#superfish .menu ul .sf-sub-indicator { background-position:  -10px 0; }
322
#superfish .menu ul a > .sf-sub-indicator { background-position:  0 0; }
323
#superfish .menu ul a:focus > .sf-sub-indicator,
324
#superfish .menu ul a:hover > .sf-sub-indicator,
325
#superfish .menu ul a:active > .sf-sub-indicator,
326
#superfish .menu ul li:hover > a > .sf-sub-indicator,
327
#superfish .menu ul li.sfHover > a > .sf-sub-indicator {
328
  background-position: -10px 0;
329
}
330

    
331
/* messages
332
-------------------------------------------------------------- */
333

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

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

    
357
/* Page Content
358
-------------------------------------------------------------- */
359

    
360
.preface,
361
.sidebar .gutter {
362
  margin-bottom: 15px;
363
  min-height: 0;
364
}
365
* html .sidebar .gutter,
366
* html .sidebar .gutter {
367
  height: 1%;
368
}
369
#main-wrapper {
370
  background-color: #f2f2f2;
371
  width:100%;
372
  padding-top:5px;
373
}
374

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

    
454
/* Forum Styles
455
-------------------------------------------------------------- */
456
#forum tr.even, tr.odd {
457
  background: url(../images/forum-row-bg.gif) repeat-x scroll;
458
  border-bottom:1px solid #CCCCCC;
459
  padding:0.5em 1em;
460
}
461

    
462
/* Comment Styles
463
-------------------------------------------------------------- */
464
#comments .comment {
465
  background: #F6F6F6;
466
  padding:0.5em 1em;
467
}
468

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