Projet

Général

Profil

Paste
Télécharger (19 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / bluemasters / style.css @ 87dbc3bf

1
* { margin:0; padding:0; }
2
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
3

    
4
body { padding: 0; background: transparent url(images/bg.gif) repeat; font: 12px/1.4 Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666;  text-align: center;  }
5

    
6
a {color:#1b8bb4; text-decoration:none; border:none;}
7

    
8
a:link, li a.active {color:#1b8bb4; text-decoration:none; border:none;}
9

    
10
a:hover {color:#1b8bb4; text-decoration: underline; border:none;}
11

    
12
img a { border:none; }
13

    
14
h1, h2, h3, h4, h5, h6 { font-family:  Arial, Helvetica, Sans Serif; margin:0 0 10px 0; }
15

    
16
h1 { font-size:230%; }
17

    
18
h2 { font-size:183%; font-weight: bold;}
19

    
20
h3 { font-size:140%; font-weight: bold;}
21

    
22
h4 { font-size:120%; font-weight: bold;}
23

    
24
h5 { font-size:100%; }
25

    
26
h1.title { border-bottom:1px dotted #84a1af; margin:0 0 20px 0; }
27

    
28
.node h2 a { color:#1c8cb5; font-size: 26px; }
29

    
30
p { margin:0 0 10px 0; }
31

    
32
blockquote { border: 1px solid #ced1da; background: #eef0f5; margin:20px 0; padding: 20px; color:#788093; font-weight:bold; font-style:italic; }
33

    
34
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
35

    
36
.clearfix { display: inline-block; }
37

    
38
html[xmlns] .clearfix { display: block; }
39

    
40
/*
41
 * Page
42
 */
43
#page { background: url(images/bg.png) repeat-x; }
44

    
45
/*
46
 * Header-top
47
 */
48
#header-top-inside {  height:52px; width:950px; margin:0 auto; }
49

    
50
#header-top-inside-left { float:left; text-align:left; padding:20px 0 0 0; width:660px; color:#485766; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80%; }
51

    
52
#header-top-inside-left a  { color: #6a87a3; }
53

    
54
#header-top-inside-left-feed { float:left; padding:20px 0 0 0; width:80px; }
55

    
56
#header-top-inside-right { float:right; text-align:right; padding:15px 0 0 0; width:210px;}
57

    
58
/*
59
* Header menu
60
*/
61
.region-header ul.menu li { float:left; display:block; overflow:hidden; list-style-type:none; padding:0 10px; margin:0; border-right:1px solid #6a87a3;  }
62

    
63
.region-header ul.menu li.first { padding:0 10px 0 0; }
64

    
65
.region-header ul.menu li.last { border-right:none; }
66

    
67
/*
68
 * Wrapper
69
 */
70
#wrapper { width:950px; margin:0 auto; text-align:left; padding:0 0 20px 0;}
71

    
72
#header { padding: 29px 0 21px 0; }
73

    
74
#logo-floater { float:left;  margin: 0; text-align: left; width:385px; }
75

    
76
#logo-floater a { outline:none; }
77

    
78
#site-name a { color:#ffffff; font-size:14px; outline:none; }
79

    
80
#slogan { color:#485766; text-transform:uppercase; font-size:10px; }
81

    
82
#navigation { float:right; width:525px; margin:10px 0 0 40px;  display:block; }
83

    
84
#main-area { background: transparent; clear:both; display:block; overflow:hidden;  background-image:url(images/home-block-box-bg.png); padding: 20px;}
85

    
86
#main-area-inside {  display:block; overflow:hidden;  background-image:url(images/main-area-bg.png); }
87

    
88
#main { float:left; width:603px; padding:20px; }
89

    
90
.no-sidebars #main-area-inside { background: #ffffff; }
91

    
92
.no-sidebars #main-area-inside #main { width: 870px;}
93

    
94
/*
95
* Taxonomy - Feed Pages
96
* .node-teaser
97
*/
98
.node-teaser { display:block; margin:0 0 25px 0; padding:0 0 5px 0; border-bottom:1px dotted #84A1AF; }
99

    
100
/*
101
 * Region-sidebar-first
102
 */
103
#right { float:right; width:267px; padding:0; }
104

    
105
#right .block h2 {  background: #9097a9 url(images/icons/menu-icon.png) no-repeat 10px center; color:#ffffff; padding:10px 10px 10px 45px; font-size:160%;  margin: 0; }
106

    
107
#right .block .content { padding:20px; margin:0 0 10px; } 
108

    
109
#right .block.block-menu .content,
110
#right .block.block-system .content { padding:10px; margin:0; } 
111

    
112
#right .block ul.menu { padding:0; margin:0; } 
113

    
114
#right .block ul.menu li { padding:0; margin:0; list-style: none; } 
115

    
116
#right .block ul.menu li a { background: url("images/menu-right-bg.png") no-repeat scroll 230px center #E0E3EB; color: #747C93; display: block;
117
font-family:  Verdana, Arial,Helvetica,sans-serif; font-weight: 600; overflow: hidden; padding: 10px 20px 10px 10px; margin:0 0 2px 0; }
118

    
119
#right .block ul.menu li ul.menu li a { background-image:none; margin:0 0 2px 10px; }
120

    
121
/*
122
 * Home
123
 */
124
#home-blocks-area { background-image:url(images/home-block-box-bg.png); padding: 20px 20px 0 20px; 
125
min-height:100px; overflow:hidden; clear:both; }
126

    
127
/* Example overrides */
128

    
129
.home-block-area { width: 290px; float:left; padding:0 10px; }
130

    
131
.home-block-area.first { padding-left:0; }
132

    
133
.home-block-area.last { padding-right:0;  }
134

    
135
#home-blocks-area .region-home-area-3-b .block { background:none; margin: -6px 0 0; }
136

    
137
#home-blocks-area .block { background:url(images/home-block-header-bg.png) repeat-x top; padding-bottom:20px;  }
138

    
139
#home-blocks-area .block h2 { height: 36px; font-size:20px; font-weight:bold; color:#ffffff; margin:0; padding:10px 0 0 20px; }
140

    
141
#home-blocks-area .region-home-area-1 .block h2 { background:url(images/icons/man-icon.png) no-repeat 13px 10px; padding:10px 0 0 49px; }
142

    
143
#home-blocks-area .region-home-area-2 .block h2 { background:url(images/icons/bubble-icon.png) no-repeat 13px 10px; padding:10px 0 0 49px; }
144

    
145
#home-blocks-area .region-home-area-3 .block h2 { background:url(images/icons/phone-icon.png) no-repeat 13px 10px; padding:10px 0 0 49px; }
146

    
147
#home-blocks-area .block .content { background:url(images/sectionbg.png); padding:20px; display:block; overflow:hidden; 
148
font-family:  Arial, Helvetica, Sans Serif; font-size: 14px; color: #6a7796; }
149

    
150
#home-blocks-area .block .content h1, 
151
#home-blocks-area .block .content h2, 
152
#home-blocks-area .block .content h3, 
153
#home-blocks-area .block .content h4 { color:#ffffff; }
154

    
155
#home-blocks-area .block .content h3 { font-size:17px; }
156

    
157
#home-blocks-area .block .content .detail h3 { font-size:14px; padding:0; margin:0; }
158
#home-blocks-area .block .content .detail h4 { color: #6a7796; font-size: 14px; line-height: 16px; padding:0; margin:0; font-weight:normal; }
159

    
160
#home-blocks-area .block .content p.post-note{  font-size: 12px; margin-top: -10px; }
161

    
162
#home-blocks-area .block .content p.post-note a{ color: #3f9fcf; }
163

    
164
.ico { float: left; margin: 0 20px 10px 0;  }
165

    
166
.ico2 img { margin-right: 5px; }
167
 
168
.clear{ clear: both; }
169

    
170
/*
171
 * Footer
172
 */
173
#footer { clear:both; margin:0 auto; text-align:center; display: block; background-color: #0F131F; border-bottom: 1px solid #040507; 
174
min-height:100px; }
175

    
176
#footer-inside { width:950px; margin:0 auto; text-align:left; padding:20px 0; }
177

    
178
#footer-left { float:left; width: 300px; padding-left: 14px; }
179

    
180
#footer-left-1 { float:left; width:150px; }
181

    
182
#footer-left-2 { float:left; width:150px; }
183

    
184
#footer-center { float:left; width: 300px; padding-left: 14px; }
185

    
186
#footer-right{ float:left; width: 300px; padding-left: 14px; }
187

    
188
#footer a { color:#417893; }
189

    
190
#footer a:link, #footer li a.active { color:#417893; }
191

    
192
#footer a:hover { color:#417893; }
193

    
194
#footer h2{ color: #8c94ac; background: transparent; font-size:22px; padding:0 0 10px 0; }
195

    
196
#footer .content{ color: #ffffff; }
197

    
198
#footer ul.menu li { margin: 0 0 0.25em 0; } 
199

    
200
#footer ul.menu li.leaf { list-style:none; }
201

    
202
#footer ul.menu li a { color:#606574; }
203

    
204
#footer-bottom { clear:both; margin:0 auto; text-align:center; display: block; background: #040507;border-top:1px solid #0F131F; padding:20px 0; }
205

    
206
#footer-bottom-inside { width:950px; margin:0 auto; text-align:left; min-height:50px; color:#6a7796; font-family:  Verdana, Helvetica, sans-serif; font-size: 11px;}
207

    
208
#footer-bottom-inside a {color:#6a7796;}
209

    
210
#footer-bottom-inside-left { float:left; width:350px; padding:0 20px 0 0; }
211

    
212
#footer-bottom-inside-right { float:right; width:580px; }
213

    
214
/*
215
 * Footer Gallery block 
216
 */  
217
.footer-gallery-block { width: 260px; }
218
 
219
.footer-gallery-block img { background-color: #191F2F; border: 1px solid #252C3E; float: left; margin-bottom: 10px; margin-right: 9px; padding: 5px; }
220

    
221
/*
222
 * Footer Twitter block 
223
 */
224
#footer ul.twitter { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url("images/tweetbg.png") repeat scroll 0 0 transparent;
225
list-style-type: none; padding: 10px; width: 280px; margin-left:0; }
226

    
227
#footer ul.twitter{ padding:10px; }
228

    
229
#footer ul.twitter li, #footer li.twitter-message { color: #417893; font-family:  Verdana; font-size: 12px; margin: 0; }
230

    
231
#footer a.twitter-link, #footer a.twitter-user { color: #B8E2F6; }
232

    
233
#footer .twitter-timestamp { color: #305465; display: block; font-family:  Verdana; font-size: 11px; margin-top: 25px; }
234

    
235
/*
236
* Node
237
*/
238
div.field-type-taxonomy-term-reference { color: #444955; font-size:11px; font-weight: bold; background: url(images/tag.png) no-repeat left; padding-left: 28px; margin-top: 10px; display:block;
239
overflow:hidden; }
240

    
241
div.field-type-taxonomy-term-reference a { color: #1b8bb4;}
242

    
243
div.field-type-taxonomy-term-reference .field-label { float:left; display:block; clear:both; }
244

    
245
div.field-type-taxonomy-term-reference .field-items .field-item { float:left; display:block; padding:0 5px ;}
246

    
247

    
248
.node .content img { border: 1px solid #ced1da; background: #eef0f5; padding: 4px; margin:20px 0; }
249

    
250

    
251
/*
252
 * contact form
253
 */
254
form#contact_form label { font-weight: bold; }
255

    
256
form#commentform input, form#contact_form input[type="text"] { background: none repeat scroll 0 0 #EEF0F5; border: 1px solid #CED1DA; font-size: 18px; height: 2em;width: 95%; }
257

    
258
form#contact_form input[type="text"] { width: 43%; }
259

    
260
form#commentform textarea, form#contact_form textarea { background: none repeat scroll 0 0 #EEF0F5; border: 1px solid #CED1DA; font-family: Verdana; font-size: 14px;
261
height: 170px; margin: 0 0 10px 10px; width: 290px; }
262

    
263
form#contact_form textarea { height: 300px; margin-left: 0; width: 100%; }
264

    
265
#map_wrap { float: right; margin-right: 0; }
266

    
267
p.map { display: block; font-weight: bold; margin: 0; }
268

    
269
form#commentform input#submit, form#contact_form button { background: none repeat scroll 0 0 #11719F; border: 0 none; color: #FFFFFF; float: right; font-weight: bold; margin-top: 10px; padding: 0 5px; width: 80px; }
270

    
271
form#contact_form button { height: 45px; margin: 0; width: 120px; }
272

    
273
/*
274
* Module contact form
275
*/
276
.contact-form label { font-weight:bold; padding:5px 0; }
277

    
278
.contact-form .form-text { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; height:25px; line-height:25px; width: 591px; padding:5px; color: #666666; }
279

    
280
.contact-form textarea { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:5px; font-family: Verdana, Helvetica, sans-serif; color: #666666; }
281

    
282
.contact-form .form-submit {  background: #11719F; border: none; color: #FFFFFF; float: right; font-weight: bold; margin: 10px 0 0 0; padding: 10px; cursor:pointer; 
283
font-family: Arial, Verdana, Helvetica, sans-serif; }
284

    
285
/*
286
* Comments
287
*/
288
#comments { clear:both; }
289

    
290
.comment-form label { font-weight:bold; padding:5px 0; }
291

    
292
.comment-form .form-text { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; height:25px; line-height:25px; width: 591px; padding:5px; color: #666666; }
293

    
294
.comment-form textarea { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:5px; 
295
font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height:120%; color: #666666; }
296

    
297
.comment-form .form-submit {  background: #11719F; border: none; color: #FFFFFF; float: right; font-weight: bold; margin: 10px 0 0 10px; padding: 10px; cursor:pointer; 
298
font-family: Arial, Verdana, Helvetica, sans-serif; }
299

    
300
.comment { background:#EEF0F5; border: 1px solid #CED1DA; font-weight:normal; padding:20px; margin:20px 0;  }
301

    
302
.comment .submitted { color:#777d8a; font-size:11px; }
303

    
304
.comment h3 a.permalink { font-size:12px; font-family: Verdana, Helvetica, sans-serif; }
305

    
306
/*
307
* Form items
308
*/
309
.form-item, .form-actions { clear: both; display: block; margin-bottom: 1em; margin-top: 1em; overflow: hidden; }
310

    
311

    
312
/*
313
* List items
314
*/
315
ul.menu { margin: 0 0 0.75em; padding: 0; list-style:inside; }
316

    
317
ul.menu li { margin: 0 0 0.25em 1.5em; padding: 0; } 
318

    
319
.links { clear:both; overflow:hidden; margin:10px 0; }
320

    
321
ul li.leaf { list-style-type: disc; list-style-image:none; }
322

    
323
ul.inline li.node-readmore, ul.inline li.comment-add { background: #11719F; border: none; color: #FFFFFF; float: right; font-weight: bold; margin: 10px 0 0 10px;  cursor:pointer; 
324
font-family: Arial, Verdana, Helvetica, sans-serif; padding:10px; }
325

    
326
.node-readmore a, .comment-add a, .comment-add a.active { color:#ffffff; padding:10px; }
327

    
328
.home-block-area .node-readmore , .home-block-area .comment-add { margin:0 5px; }
329

    
330
.home-block-area .node-readmore a, .home-block-area .comment-add a{ font-size:12px; padding:0 5px; }
331

    
332
.user-picture { float:left; margin:0 20px 0 0; background: #ffffff; border: 1px solid #CED1DA; padding:4px; }
333

    
334
.user-picture a, .user-picture img { padding:0; margin:0; display:block; overflow:hidden; }
335

    
336
/*
337
* Pager
338
*/
339
ul.pager { background: #eef0f5; border: 1px solid #ced1da; margin:20px 0; padding:20px; display:block; overflow:hidden; }
340

    
341
ul.pager li { padding:0; margin:0; }
342

    
343
ul.pager li.pager-current { padding:10px; background:#4eabd7; color:#ffffff; }
344

    
345
ul.pager a { padding:10px; background:#11719f; color:#ffffff; }
346

    
347
ul.pager a:hover { background:#4eabd7; }
348

    
349
/*
350
 * Main menu links
351
 */
352
/* 1st level */
353
#navigation ul.menu  { float:right; display:block; padding:0; margin:0; position:relative; z-index:1; }
354

    
355
#navigation ul.menu li { display: inline-block; float:left; vertical-align: middle; padding:0 5px 0 0; margin:0; }
356

    
357
#navigation ul.menu li.last { padding:0; }
358

    
359
#navigation ul.menu li a { outline:none; padding: 5px 10px; text-decoration: none; display:block; color:#7A8090; font-size:17px; font-weight:bold; text-align:center; }
360

    
361
#navigation ul.menu li a:hover, #navigation ul.menu li a.active{ text-decoration:none; color:#ffffff; border-radius: 5px; -moz-border-radius: 5px; background: #0d0f13; }
362

    
363
#navigation ul.menu li a:after { content: none; }
364

    
365
#navigation ul.menu li.expanded { position: relative; }
366

    
367
#navigation ul.menu li.expanded:hover a { border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background: #0d0f13; }
368

    
369
/* 2nd level */
370
#navigation ul.menu li.expanded ul.menu { width: 190px; z-index:100; font-size:12px; padding:0; background: #0d0f13; display: none; position: absolute;  }
371

    
372
#navigation ul.menu li.expanded:hover > ul.menu { display: block; }
373

    
374
#navigation ul.menu li.expanded ul.menu li a { font-size: 15px; color:#7A8090; padding:10px; display:block; width:180px; text-align:left; border-radius:0; -moz-border-radius:0; }
375

    
376
#navigation ul.menu li.expanded ul.menu li a:hover { color: #ffffff; }
377

    
378
/* 3rd, 4th, 5th, (...) level  */
379
#navigation ul.menu li.expanded ul ul { display: none; left: 190px; top:0; }
380

    
381
/* EOF:Main navigation links */
382

    
383
/*
384
 * Secondary menu links
385
 */
386
ul#secondary-menu { padding:0; margin:0; text-align:right; }
387

    
388
ul#secondary-menu li { padding:0; margin:0; border-right:1px solid #6A7796; display:inline-block; float:left; }
389

    
390
ul#secondary-menu li a { padding:0 10px; line-height:140%; }
391

    
392
ul#secondary-menu li.first a { padding:0 10px 0 0; }
393

    
394
ul#secondary-menu li.last { border-right:none; }
395

    
396
ul#secondary-menu li.last a { padding:0 0 0 10px;  } 
397

    
398
/*
399
 * Search block
400
 */
401
#search-block-form { width:200px; -moz-border-radius: 8px; border-radius: 8px; background-color: #101011; border-color: #292D30;
402
border-style: none solid solid; border-width: 0 1px 1px; padding:0 5px; }
403

    
404
#search-block-form .form-text { background: transparent; border:none; color: #6A87A3; font-size: 11px; width:170px; outline:none; height:25px; line-height:25px; }
405

    
406
#search-block-form label{ display: none; }
407

    
408
#search-block-form .form-submit { background: url("images/search.png") no-repeat scroll center center transparent; border: 0 none; width: 25px;
409
text-indent:-9999px; cursor:pointer; height:25px; line-height:25px; }
410

    
411
/*
412
 * Front-page Slider 
413
 */
414
.main_view { float: left; position: relative; }
415

    
416
.window { overflow: hidden; position: relative; width:930px; height:320px; border:10px solid #ffffff; }
417

    
418
.image_reel { position: absolute; top: 0; left: 0; }
419

    
420
.image_reel img {float: left;}
421

    
422
.paging { padding: 5px 0 15px 0; text-align: center; background:url(images/slide-shadow.png) center -7px no-repeat; z-index: 100; }
423

    
424
.paging a { text-indent:-9999px; background:url(images/slide-nav-button.png) no-repeat center; width:14px; height:14px; display:inline-block;
425
margin: 4px; border:none; outline:none; }
426

    
427
.paging a.active { background:url(images/slide-nav-button-hover.png) no-repeat center; border:none; outline:none;}
428

    
429
.paging a:hover {font-weight: bold; border:none; outline:none;}
430

    
431
.desc { width:930px; display: none; position: absolute; bottom: 0; left: 0; z-index: 101; background: url(images/30w087b.png); color: #fff;
432
font-size: 1.7em; padding: 10px; border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; -khtml-border-radius: 0 0 3px 0; -webkit-border-radius: 0 0 3px 0; }
433

    
434
#console { border:1px solid #333949; padding:10px; margin:0 0 10px 0; }
435

    
436
/*
437
 * Top social, Network
438
 */
439
#topSocial ul { list-style: none outside none; padding:0; margin:0;}
440

    
441
#topSocial ul li { display:inline; }
442

    
443
#topSocial ul li a { display:block; float:left; height:16px; width:16px; text-indent:-9999px; padding:0 5px 0 0; outline:none; }
444

    
445
#topSocial ul li a.twitter { background:url(images/twitter-top.png) 0 0 no-repeat; }        
446

    
447
#topSocial ul li a.facebook { background:url(images/facebook-top.png) 0 0 no-repeat; }
448

    
449
#topSocial ul li a.rss { background:url(images/rss-top.png) 0 0 no-repeat; }
450

    
451
.network { display:block; text-align:center; padding:15px 0; }
452

    
453
.network a { display:inline-block; overflow:hidden; height:32px; width:32px; text-indent:-9999px; padding:0 5px 0 0; outline:none; }
454

    
455
.network a.twitter { background:url(images/twitter2.png) 0 0 no-repeat; }
456

    
457
.network a.facebook { background:url(images/facebook.png) 0 0 no-repeat; }
458

    
459
.network a.in { background:url(images/in.png) 0 0 no-repeat; }
460

    
461
.network a.tumblr { background:url(images/tumblr.png) 0 0 no-repeat; }
462

    
463
.network a.youtube { background:url(images/youtube.png) 0 0 no-repeat; }
464

    
465
.network a.flickr { background:url(images/flickr.png) 0 0 no-repeat; }
466

    
467
/*
468
 * Credits
469
 */
470
.credits-container { height: auto; margin: 0 auto; padding: 0; width: 950px; }
471

    
472
.credits-container a { text-decoration: underline; }
473

    
474
a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover,  
475
a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover {
476
background: url("images/footer-logo-smashing.png") no-repeat scroll center top transparent; display: block; float: left;
477
height: 54px; margin: 0; outline: 0 none; padding: 0; text-indent: -9999px; width: 154px; }
478

    
479
a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover {
480
background: url("images/footer-logo-drupalizing.png") no-repeat scroll center top transparent; }        
481

    
482

    
483
/*
484
 * EXTRA
485
 */
486

    
487
/*  --------------------------------------------------------------------- */
488
table { margin:15px 0; border: 1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%;}
489

    
490
th {background:#9097A9; color:#ffffff;}
491

    
492
tr.even { background-color:#e0e3eb; }
493

    
494
tr.odd { background-color:#ffffff; }
495

    
496
td,th { padding:10px; }
497

    
498
td { border: 1px solid #cdcdcd;}
499

    
500
td.active { background:none; border: 1px solid #cdcdcd;}
501

    
502
/*  --------------------------------------------------------------------- */
503
ul, ol { display:block; margin:15px 0 15px 40px; }
504
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
505
ol { list-style-type:decimal; }
506
ol ol { list-style-type:upper-alpha; }
507
ol ol ol {list-style-type:lower-alpha; }
508
li { display:list-item; }
509
ul li a { text-decoration:none; }