Projet

Général

Profil

Paste
Télécharger (16,2 ko) Statistiques
| Branche: | Révision:

root / htmltest / sites / all / themes / journalcrunch / style.css @ 6c38d829

1 85ad3d82 Assos Assos
@charset "utf-8";
2
3
body,html { font-family:Segoe UI, Helvetica, Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#333;
4
background:url(images/bk_body.jpg); line-height:135%; margin:0; padding:0; }
5
6
input, text, textarea { font-family:Segoe UI, Arial, Helvetica, sans-serif; }
7
8
a { text-decoration:none; color:#1FA2E1; }
9
10
a:hover { text-decoration:underline; }
11
12
a:focus { outline:none; }
13
14
h1, h2, h3, h4, h5 { margin:20px 0 10px 0; padding:0 0 10px 0; }
15
16
h1.title, h2.title { padding:0 0 20px 0; margin:0; }
17
18
p { margin:10px 0; }
19
20
h1 { font-size:30px; font-weight:normal; line-height: 100%; }
21
22
h1 a{ color:#1F88A7; }
23
24
h1 a:hover { text-decoration:none; color:#333; }
25
26
h2 { font-size:20px; line-height: 100%; }
27
28
h3 { font-size:16px; line-height: 100%; }
29
30
code { font-family:"Courier New", Courier, monospace; }
31
32
blockquote { border-left:1px dashed #AAAAAA; color:#555; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; 
33
line-height:18px; margin:15px 0 15px 20px; padding-left:20px; }
34
35
.breadcrumb { padding:0 0 15px 0; }
36
37
 /* LAYOUT STRUCTURE
38
--------------------------------------------------*/
39
#mainWrapper { background:url(images/bk_main_wrapper.png) 0 0 repeat-x; }
40
41
#wrapper { margin:0 auto; width:960px; }
42
43
#header { height:200px; position:relative; }
44
45
#content { padding-bottom:20px; overflow:hidden; margin-top:25px; text-shadow:#eee 1px 1px; }
46
47
#content #colLeft { float:left; width:654px; margin-right:30px; padding-top:10px; }
48
49
#content #colRight { float:left; width:265px; }
50
51
#footer { background:#111; padding:0; margin:0; text-shadow:1px 1px #000; border-top:3px solid #000; }
52
53
#footerInner { width:960px; margin:0 auto; padding:20px 0 35px; overflow:hidden; }
54
55
/* HEADER ELEMENTS
56
-----------------------------------*/
57
#logo-floater { position:absolute; top:90px; left:0; }
58
59
#logo-floater a img { border:none; vertical-align:middle; }
60
61
#topMenu { position:absolute; left:0; top:0; text-shadow:1px 1px #000; }
62
63
#topMenu ul.main-menu li { display: block; float: left; color:#ccc; text-transform:none; padding:0; margin:0; }
64
65
#topMenu ul.main-menu li a { float:left; display:block; height:32px; color:#3FAEA5; padding:18px 15px 0; text-transform:uppercase; font-size:12px; }
66
67
#topMenu ul.main-menu li a:hover, #topMenu ul.main-menu li a.selected, #topMenu ul.main-menu li a.active { text-decoration:none; background:url(images/bk_topmenu_hover.jpg) 0 0 repeat-x; color:#FFF; text-shadow:1px 1px #666; }
68
69
#site-name { font-size:160%; padding:5px 0 0 0; }
70
71
/* Top Search */
72
#topSearch { position:absolute; right:0; top:10px; }
73
74
/* CONTENT ELEMENTS
75
-----------------------------------*/
76
#content .node-front { float:left; margin:0 15px 30px 15px; width:290px;
77
background:url(images/box_botttom_shadow.png) 50% 100% no-repeat; padding-bottom:5px; position:relative; }
78
79
#content .lastBox { margin-right:0; }
80
81
#content .nodeInner { border:8px solid #F7F9F9; background:#F7F9F9; padding:10px; height:320px; font-size:12px;
82
-moz-border-radius:8px;  -webkit-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
83
84
#content .nodeInner div.excerpt { height:80px; }
85
86
#content .nodeInner:hover { background:#FFF; border:8px solid #EEF2F2; }
87
88
#content .node-front .nodeInner img { padding:0; width:255px; overflow:hidden; }
89
90
.node-front div.field-type-image { display:block; overflow:hidden; height:120px; }
91
92
.node-front.node-sticky div.field-type-image { display:block; overflow:hidden; height:auto; }
93
94
#content .node-front.node-sticky .nodeInner img { padding:10px; width:430px; height:290px; }
95
96
#content .nodeInner p { margin:10px 0; }
97
98
#content .nodeInner div.meta { font-size:11px; color:#888; margin:0; text-transform:uppercase; position:absolute; left:18px; bottom:25px; }
99
100
#content .nodeInner div.meta img { vertical-align:middle; }
101
102
#content .node-front .nodeInner h2 { font-size:20px; font-weight:normal; line-height: 110%; margin: 0; padding: 10px 0; }
103
104
#content #colLeft .node-front .nodeInner h2 { margin-bottom:0; }
105
106
#content .nodeInner h2 a { color:#353535; }
107
108
#content .nodeInner h2 a:hover { color:#1FA2E1; text-decoration:none; }
109
110
#content .node-sticky .nodeInner h2 a:hover { color:#399b8c; text-decoration:none; }
111
112
#content .node-front .node-readmore a { position:absolute; bottom:-5px; right:20px; display:block; width:46px; height:46px; text-indent:-9999px; background:url(images/bk_readmore.png) 0 0 no-repeat; }
113
114
#content .node-front .nodeInner ul.links li.upload_attachments { display:block; }
115
116
#content .node-front.node-sticky .nodeInner ul.links li.upload_attachments { display:inline-block; }
117
118
#content .node-front .node-readmore:hover a { background:url(images/bk_readmore.png) 0 -46px no-repeat; }
119
120
#content img { background: none repeat scroll 0 0 #EEF2F2; border: medium none; padding: 10px; }
121
122
#content img.node-front-image, .node-front .field-name-field-tags, .node-taxonomy .field-name-field-tags { display:none; }
123
124
#content .node-front img.node-front-image { display:block; }
125
126
#content .node-front.node-sticky { float: left; position: relative; width: 450px; margin: 0; padding: 0 15px 30px 15px; border:none; background:none;
127
background: url("images/bk_dotted_big.png") repeat-x scroll 0 100% transparent; margin-bottom: 30px; }
128
129
#content .node-front.node-sticky.node-taxonomy { margin-left:87px; }
130
131
#content .node-front.node-sticky .nodeInner { background: url("images/featured_bubble.png") no-repeat scroll 365px 0 transparent; border:none;
132
padding:0; overflow: hidden; display:block; min-height:500px; }
133
134
#content .node-front.node-sticky .nodeInner h2, #content #colLeft .node-front.node-sticky.node-taxonomy .nodeInner h2 { 
135
font-weight: normal; line-height: 100%; margin-bottom: 25px; padding-right: 80px; padding-top: 5px; font-size:240%; }
136
137
#content .node-front.node-sticky .node-readmore a { background: url("images/bk_readmore.png") no-repeat scroll 0 -46px transparent; display: block; 
138
height: 46px; left: 370px; position: absolute; text-indent: -9999px; top: 365px; width: 46px; }
139
140
#content .node-front.node-sticky .node-readmore a:hover { background-position:0 0; }
141
142
#content .meta { background: url("images/bk_dotted_big.png") repeat-x scroll 0 100% transparent; color: #666666; font-size: 11px; padding-bottom: 18px;
143
text-transform: uppercase; }
144
145
#content #colLeft div.submitted { margin:-5px 0 18px 0; padding: 0 0 18px 0; border:none; background:none;
146
background: url("images/bk_dotted_big.png") repeat-x scroll 0 100% transparent; }
147
148
#content #colLeft div.field-type-taxonomy-term-reference  { background: url("images/ico_tag.png") no-repeat scroll 0 50% transparent;
149
margin:20px 0; padding:0 0 0 25px; }
150
151
#content #colLeft div.field-name-field-tags  .field-item { float:left; display:inline-block; padding:0 20px 0 0; }
152
153
#content #colLeft div.meta ul li { background: none repeat scroll 0 0 transparent; }
154
155
/* COL RIGHT
156
--------------------------------*/
157
#colRight .block  { background:url(images/box_botttom_shadow_right.png) 50% 100% no-repeat; padding-bottom:4px; margin-bottom:12px; }
158
159
#colRight .blockInner { background:#F7F9F9; padding:10px; padding-bottom:20px; border:8px solid #EEF2F2;
160
-moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;  }
161
162
#colRight .blockInner h2 { padding:10px 0; margin:0; text-transform:uppercase; font-size:15px; border-bottom:1px solid #ddd; }
163
164
#colRight .blockInner ul.menu { padding:0; margin:0; }
165
166
#colRight .blockInner ul.menu li { margin:0; list-style:none; }
167
168
#colRight .blockInner ul li { padding:6px 0; border-bottom:1px solid #ddd; }
169
170
#colRight .blockInner ul li, #colRight .blockInner p, #colRight .blockInner div { text-shadow:none; }
171
172
#colRight .blockInner p { margin:0.7em 0; }
173
174
/* PAGINATION */
175
176
ul.pager {overflow:hidden;text-align:center; /*background:url(images/bk_pagination.png) 0 50% repeat-x;*/ margin:15px auto 0; font-size:18px;  padding-right:2px; }
177
178
ul.pager li.pager-current { background:url(images/bk_pagination_item.png); margin:0 5px;display:block; overflow:hidden; width:41px; height:31px; text-align:center; text-decoration:none; float:left; font-weight:bold; padding:10px 0 0 0; color:#000; }
179
180
ul.pager li a { background:url(images/bk_pagination_item.png);color:#26B8A3; margin:0 5px;display:block;overflow:hidden;  width:41px; height:31px; text-align:center; text-decoration:none; float:left;padding-top:10px; font-weight:bold; }
181
182
ul.pager li a:hover { color:#000; }
183
184
ul.pager li.pager-next a, ul.pager li.pager-last a, ul.pager li.pager-first a,ul.pager li.pager-previous a{ background:none; width:61px; }
185
ul.pager li.pager-previous a{ width:91px; }
186
187
.item-list .pager li { padding: 0; }
188
189
.item-list ul li { margin:0 0 0.25em 1.5em;padding:0;list-style:disc; }
190
191
/* FOOTER ELEMENTS
192
--------------------------------*/
193
/* Footer Widgets */
194
#footerInner .blockFooter { float:left; width:210px; padding-right:30px; overflow:hidden; margin-bottom:30px; color:#ccc; }
195
196
#footerInner h2 { font-size:20px; border-bottom:1px solid #292929; padding:7px 0 12px; margin-bottom:2px; color:#ccc; font-weight:normal; text-shadow:none; }
197
198
#footerInner .blockFooter ul.menu { padding:0; }
199
200
#footerInner .blockFooter ul li, #footerInner .blockFooter ul.menu li { padding:7px 0; margin:0; border-bottom:1px dotted #292929; list-style: none outside none; }
201
202
#footerInner .blockFooter ul li a { text-decoration:none; color:#555; font-size:13px; font-style:normal; }
203
204
#footerInner .blockFooter ul li a:hover { color:#ccc; }
205
206
#footer-message { clear:both; color:#CCCCCC; }
207
208
#footerInner .blockFooter p { margin:10px 0 20px 0; }
209
210
/* Forms
211
--------------------------------*/
212
/* Contact Form */
213
.contact-form label, .comment-form label { display:block; padding:0 0 5px 0; }
214
215
.contact-form input.form-text, .comment-form input.form-text, .contact-form  textarea, .comment-form  textarea { border:1px solid #fff; border-top:1px solid #B8C4C5; border-left:1px solid #B8C4C5; padding:8px; margin-bottom:10px; width:350px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px;        }
216
217
.contact-form textarea, .comment-form textarea { width:100%; margin:0; }
218
219
input { border:1px solid #fff; border-top:1px solid #B8C4C5; border-left:1px solid #B8C4C5; padding:8px; margin-bottom:10px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px;        }
220
221
/* CC3 buttons */
222
#edit-submit, #edit-preview, input.form-submit {
223
color:#ffffff; padding:8px 18px; text-shadow: 0 1px 1px #23829F; border:none; cursor:pointer; font-size:12px;
224
/* background */
225
background: #54bfde;
226
/* IE10 */ 
227
background-image: -ms-linear-gradient(top, #54bfde 0%, #2395b6 100%);
228
/* Mozilla Firefox */ 
229
background-image: -moz-linear-gradient(top, #54bfde 0%, #2395b6 100%);
230
/* Opera */ 
231
background-image: -o-linear-gradient(top, #54bfde 0%, #2395b6 100%);
232
/* Webkit (Safari/Chrome 10) */ 
233
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #54bfde), color-stop(1, #2395b6));
234
/* Webkit (Chrome 11+) */ 
235
background-image: -webkit-linear-gradient(top, #54bfde 0%, #2395b6 100%);
236
/* Proposed W3C Markup */ 
237
background-image: linear-gradient(top, #54bfde 0%, #2395b6 100%);
238
/* IE6-9 */ 
239
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#54bfde', endColorstr='#2395b6');
240
/* radius */
241
-webkit-border-radius: 10px; -o-border-radius: 10px;  -moz-border-radius: 10px; border-radius:10px; 
242
/* shadow */
243
-webkit-box-shadow: 0px 1px 2px #4db9d8; -moz-box-shadow: 0px 1px 2px #4db9d8; box-shadow: 0px 1px 2px #4db9d8; }
244
245
#edit-submit:hover, #edit-preview:hover, input.form-submit:hover { background: #2395b6; text-decoration:none; }
246
247
/* Search Form */
248
#topSearch input[type="text"] { -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; border-radius:6px;
249
border: 1px solid #ffffff; font-style: italic; margin-right:10px; padding:4px 10px 4px; position: relative; width: 160px; }
250
251
#topSearch label { color:#ffffff; font-weight:normal;}
252
253
#topSearch input[type="submit"] { background: url("images/ico_search.png") no-repeat scroll center center #FFFFFF;  
254
position: absolute; top:2px; right:0; width: 25px; height:25px; border:none; text-indent: -9999px; cursor:pointer; 
255
/* shadow */
256
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  }
257
258
/* Comments */
259
.comment, .comment-level1, .comment-level2 { background: url("images/bk_dotted_big.png") repeat-x scroll 0 100% transparent; 
260
margin-top: 25px; padding: 0 0 20px 0; position: relative; }
261
262
.comment h3 { padding: 5px 0 0 0; margin:5px 0 10px 0; }
263
264
h2.comments, #comments h2 { background: url("images/ico_comments.png") no-repeat scroll 0 50% transparent; display: block; 
265
margin: 20px 0 0; padding: 10px 0 10px 40px; }
266
267
/* Top social links */
268
#topSocial { position:absolute; right:0; top:100px; }
269
270
#topSocial ul { list-style: none outside none; padding:0; margin:0; }
271
272
#topSocial ul li { float:left; padding:0 5px; width:50px; }
273
274
#topSocial ul li a { display:block; height:49px; width:49px; background:url(images/bk_topsocial.png) 0 0 no-repeat; text-indent:-9999px; }
275
276
#topSocial ul li a.twitter { background:url(images/ico_social_twitter.png) 0 0 no-repeat; }        
277
278
#topSocial ul li a.facebook { background:url(images/ico_social_facebook.png) 0 0 no-repeat; }
279
280
#topSocial ul li a.rss { background:url(images/ico_social_rss.png) 0 0 no-repeat; }
281
282
#topSocial ul li a.twitter:hover, #topSocial ul li a.facebook:hover, #topSocial ul li a.rss:hover { background-position:0 -49px; }
283
284
/* Tables */
285
table { width:100%; border-spacing:0; border:1px solid #dedfe1; border-collapse:collapse; text-align:left; }
286
287
table th { background:#E3E8EA; border-bottom: 1px solid #CCCCCC; }
288
289
table tr.odd { background:#F7F9F9; }
290
291
table tr.even { background:#f3f3f3; }
292
293
table td , table th { padding:5px; }
294
295
/* 
296
* Lists 
297
*/
298
ol { list-style-type:decimal; }
299
300
ol ol { list-style-type:upper-alpha; }
301
302
ol ol ol {list-style-type:lower-alpha; }
303
304
li { display:list-item; }
305
306
div.links { display:block; padding:10px 0; }
307
308
ul.inline { display:inline; padding:0; margin:0; }
309
310
ul.inline li { display: inline; list-style-type: none; }
311
312
ul.inline.links li { list-style-type:none; margin:0 10px 0 0; padding:0 10px 0 0; display:inline-block; *display: inline; zoom: 1;  color: #888888; font-size: 11px;  text-transform: uppercase; }
313
314
#edit-submit, #edit-preview, .form-submit { margin:0 10px 0 0; }
315
316
ul.links li.comment_comments, ul.links li.comment-add, ul.links li.comment-forbidden { background: transparent url("images/ico_post_comments.png") no-repeat left center; margin:0 0 0 5px; padding:0 0 0 15px;}
317
318
#colLeft ul.links li.comment-add { float:right; font-size:140%; color:#1FA2E1;}
319
320
ul.links li.comment-add a{ color:#1FA2E1;}
321
322
#content #colLeft ul.primary { margin:10px 0; }
323
324
#autocomplete ul,#autocomplete ul li:hover { background:#ffffff; margin:0; padding:0; color:#1FA2E1; cursor:pointer;}
325
326
#content #colLeft #autocomplete ul  { margin:0;} 
327
328
#content #colLeft #autocomplete ul li { background:none; padding:0;} 
329
330
/* Messages */
331
div.messages.status { background:#44c0b6; border:1px solid #333; padding:10px; margin:0 0 15px 0; color:#ffffff; text-shadow:none; }
332
333
div.messages.status a, div.messages.error a, div.messages.warning a { color:#ffffff; text-decoration:underline; }
334
335
div.messages.error { background:#d93628; border:1px solid #333; padding:10px; margin:0 0 15px 0; color:#ffffff; text-shadow:none; }
336
337
div.messages.warning { background:#de7800; border:1px solid #333; padding:10px; margin:0 0 15px 0; color:#ffffff; text-shadow:none; }
338
339
/*Sponsor links*/
340
.footer-logos { padding:10px 0; }
341
a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover, a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover {
342
background: url("images/footer-logo-smashing.png") no-repeat scroll center top transparent; display: block; float: left; height: 54px; 
343
margin: 0; outline: 0 none; padding: 0; text-indent: -9999px; width: 154px; }
344
345
a.drupalizing:link, a.drupalizing:active, a.drupalizing:visited, a.drupalizing:hover { width: 130px; padding:0;
346
background: url("images/footer-logo-drupalizing.png") no-repeat scroll center top transparent; }
347
348
a.site5:link, a.site5:active, a.site5:visited, a.site5:hover  {
349
background: url("images/footer-logo-site5.png") no-repeat scroll center top transparent; display: block; float: left; height: 42px; 
350
margin: 0; outline: 0 none; padding: 0 15px 0 0; text-indent: -9999px; width: 106px; }
351
352
a.mtt:link, a.mtt:active, a.mtt:visited, a.mtt:hover  {
353
background: url("images/footer-logo-mtt.png") no-repeat scroll center top transparent; display: block; float: left; height: 45px; 
354
margin: 0; outline: 0 none; padding: 0; text-indent: -9999px; width: 95px; }