|
1 /* |
|
2 Theme Name: test IRI sam |
|
3 Theme URI: http://www.cybunk.com/ |
|
4 Description: A Wordpress magazine theme adaptation for IRI |
|
5 Version: 0.1 |
|
6 Author: cybunk adaptation Thad Allender for Graph Paper Press |
|
7 Author URI: http://www.cybunk.com/ |
|
8 Credits: http://code.google.com/p/blueprintcss/ |
|
9 */ |
|
10 |
|
11 /* IMPORTANT - PLEASE READ |
|
12 This theme uses the Blueprint CSS framework for |
|
13 default positioning, typography, form styling, etc. |
|
14 The styles below are specific for this theme |
|
15 only. Feel free to edit them as necessary. Generally |
|
16 speaking, you will will likely never need to edit |
|
17 the Blueprint CSS stylesheets, which are located in: |
|
18 wp-content/themes/name-of-this-theme/css/ |
|
19 |
|
20 3B4a25 -> 2b63FF |
|
21 2C80AF bleu clair |
|
22 61bc61 vert clair |
|
23 |
|
24 */ |
|
25 |
|
26 body |
|
27 { |
|
28 margin-bottom: 0; |
|
29 margin-top: 10px; |
|
30 /*background: url('images/gridline.gif') top repeat-x;*/ |
|
31 } |
|
32 #outside { background: url('images/get.png') top left no-repeat; } |
|
33 blockquote |
|
34 { |
|
35 font-style: normal; |
|
36 padding: 0 0 0 0; |
|
37 color: #000; |
|
38 background: url('images/quote.png') .5em top no-repeat; |
|
39 } |
|
40 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; } |
|
41 a |
|
42 { |
|
43 color: #2C80AF; |
|
44 text-decoration: none; |
|
45 } |
|
46 a:active, h2 a:active, h3 a:active |
|
47 { |
|
48 color: #61bc61; |
|
49 text-decoration: none; |
|
50 } |
|
51 a:hover, h2 a:hover, h3 a:hover |
|
52 { |
|
53 color: #61bc61; |
|
54 text-decoration: none; |
|
55 } |
|
56 a:visited |
|
57 { |
|
58 color: #61bc61; |
|
59 text-decoration: none; |
|
60 } |
|
61 h2 a:visited, h3 a:hover |
|
62 { |
|
63 color: #2C80AF; |
|
64 text-decoration: none; |
|
65 } |
|
66 blockquote p { padding: 0 20px 0 30px; } |
|
67 hr |
|
68 { |
|
69 background: #CCC; |
|
70 height: 1px; |
|
71 } |
|
72 img { margin: 0; } |
|
73 .photo_align_left |
|
74 { |
|
75 float: left; |
|
76 padding: 0 1.5em 1.5em 0; |
|
77 } |
|
78 a.button { float: left; } |
|
79 /* Fix for buttons */ |
|
80 input |
|
81 { |
|
82 padding-left: 0; |
|
83 border: 1px solid #CCCCCC; |
|
84 } |
|
85 ol { margin-left: 35px; } |
|
86 label { font-weight: normal; } |
|
87 textarea |
|
88 { |
|
89 height: 200px; |
|
90 width: 500px; |
|
91 } |
|
92 .small { font-size: .9em; } |
|
93 .nomargin { margin: 0; } |
|
94 a.button, button { font-weight: normal; } |
|
95 dl.small dd { font-size: .9em; } |
|
96 span.meta_align_right |
|
97 { |
|
98 color: #ccc; |
|
99 font-size: .6em; |
|
100 float: right; |
|
101 } |
|
102 span.meta_align_right a { color: #ccc; } |
|
103 span.meta_align_right a:hover { color: #000; } |
|
104 .meta |
|
105 { |
|
106 color: #ccc; |
|
107 font-size: .8em; |
|
108 line-height: 1.875em; |
|
109 font-family: Georgia; |
|
110 } |
|
111 .meta a { color: #ccc; } |
|
112 .meta a:hover { color: #000; } |
|
113 .byline |
|
114 { |
|
115 color: #ccc; |
|
116 font-size: .8em; |
|
117 line-height: 1.875em; |
|
118 } |
|
119 .byline a |
|
120 { |
|
121 color: #FF3706; |
|
122 text-decoration: none; |
|
123 line-height: 1.875em; |
|
124 } |
|
125 .byline a:hover { color: #000; } |
|
126 .five_posts h6 a, .five_posts h4 a, .five_posts h3 a |
|
127 { |
|
128 text-decoration: none; |
|
129 margin-bottom: 0; |
|
130 } |
|
131 #maincontent h2 |
|
132 { |
|
133 color: #2C8084; |
|
134 border-bottom: 1px dotted #AAA; |
|
135 margin-bottom: 15px; |
|
136 } |
|
137 h2 a |
|
138 { |
|
139 color: #2C8084; |
|
140 text-decoration: none; |
|
141 } |
|
142 #maincontent .post h2 { margin-bottom: 5px; } |
|
143 #maincontent .content { padding: 25px 30px 20px 48px; } |
|
144 #feature h3 |
|
145 { |
|
146 margin-bottom: 0; |
|
147 padding: 0; |
|
148 } |
|
149 #feature p img { margin: 7px 0 2em 0; } |
|
150 .feature_text { margin-top: 2em; } |
|
151 #home_right { padding: 0; } |
|
152 #home_right .entry { padding: 0 0 2em 0; } |
|
153 .author |
|
154 { |
|
155 padding: 1.5em; |
|
156 margin-bottom: 1.5em; |
|
157 background: #eee; |
|
158 } |
|
159 .author img |
|
160 { |
|
161 float: left; |
|
162 padding: 0 1em 1em 0; |
|
163 } |
|
164 .author p { margin-left: 8em; } |
|
165 .author h6 |
|
166 { |
|
167 margin-left: 7em; |
|
168 border-bottom: 1px #000 dotted; |
|
169 } |
|
170 .navigation, |
|
171 .navigation a { color: #AAA; } |
|
172 .alignright { float: right; } |
|
173 .alignleft { float: left; } |
|
174 .post { margin-bottom: 10px; } |
|
175 .entry { padding-bottom: 15px; } |
|
176 /* HEADER */ |
|
177 #header |
|
178 { |
|
179 height: 67px; |
|
180 width: 950px; |
|
181 padding: 0px 0 4px 0; |
|
182 } |
|
183 #header h1, #header .description |
|
184 { |
|
185 padding: 0; |
|
186 margin: 0; |
|
187 line-height: 1em; |
|
188 } |
|
189 /* NAVIGATION IN POSTS */ |
|
190 .entry #nav .content |
|
191 { |
|
192 padding: 0; |
|
193 margin: auto; |
|
194 } |
|
195 .entry #nav |
|
196 { |
|
197 margin-bottom: 15px; |
|
198 background: #FFF; |
|
199 } |
|
200 .entry #nav li a |
|
201 { |
|
202 color: #FFF; |
|
203 border-right: 1px solid #AAA; |
|
204 background: #666; |
|
205 } |
|
206 .entry #nav li.last a { border-right: none; } |
|
207 .entry #nav li a:hover |
|
208 { |
|
209 background: #333; |
|
210 color: #FFF; |
|
211 } |
|
212 /* FOOTER */ |
|
213 #footer |
|
214 { |
|
215 text-align: center; |
|
216 font-size: .9em; |
|
217 margin: 0; |
|
218 } |
|
219 #footer a { text-decoration: none; } |
|
220 /* SEARCH */ |
|
221 #search { float: right; } |
|
222 #search #s |
|
223 { |
|
224 background: transparent url('images/icons/search_grey.gif') 0px center no-repeat; |
|
225 padding: 2px 0 2px 17px; |
|
226 width: 135px; |
|
227 color: #CCCCCC; |
|
228 font-size: 0.9em; |
|
229 margin-right: 0px; |
|
230 margin-top: 10px; |
|
231 } |
|
232 #search #s:hover { color: #000; } |
|
233 .search-excerpt { margin: 0; } |
|
234 /* COMMENTS */ |
|
235 .commentlist li { padding: 8px 15px; } |
|
236 .comments-alt { background: #EEE; } |
|
237 /* LISTS */ |
|
238 .bottombar { } |
|
239 .bottombar h2 |
|
240 { |
|
241 font-size: 1em; |
|
242 font-weight: bold; |
|
243 line-height: 1em; |
|
244 margin: 1em 0 1em; |
|
245 } |
|
246 ul |
|
247 { |
|
248 list-style-type: none; |
|
249 margin-left: 1em; |
|
250 padding: 0; |
|
251 } |
|
252 ul li |
|
253 { |
|
254 list-style-image: url('images/icons/li.png'); |
|
255 background-repeat: no-repeat; |
|
256 border-top: 1px dotted #e5e5e5; |
|
257 line-height: 2em; |
|
258 margin: 0 0 0 1em; |
|
259 padding: 0; |
|
260 } |
|
261 ul li a { color: #666; } |
|
262 /* COMMENT STYLES */ |
|
263 #comments { width: 100%; } |
|
264 dl#comment_list { margin: 0 0 0 0; } |
|
265 dl#comment_list dt |
|
266 { |
|
267 padding: 0 0 33px 0; |
|
268 background: url('images/comment_top.gif') 0 100% no-repeat; |
|
269 font-size: 1.1em; |
|
270 line-height: 1.8182em; |
|
271 color: #999; |
|
272 } |
|
273 dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; } |
|
274 dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; } |
|
275 dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; } |
|
276 dl#comment_list dt .comment_num a:hover { color: #a90000; } |
|
277 dl#comment_list dt strong |
|
278 { |
|
279 font-size: 1.4545em; |
|
280 color: #000; |
|
281 } |
|
282 dl#comment_list dt strong a, dl#comment_list dt strong a:visited |
|
283 { |
|
284 color: #000; |
|
285 border-bottom: 1px dotted #999; |
|
286 } |
|
287 dl#comment_list dt strong a:hover |
|
288 { |
|
289 color: #000; |
|
290 border-bottom: 1px solid #a90000; |
|
291 } |
|
292 dl#comment_list dd |
|
293 { |
|
294 padding: 20px; |
|
295 margin: 0 0 1.5385em; |
|
296 background: #dfdfdf; |
|
297 } |
|
298 dl#comment_list dd.author { background: #0099cc url('images/comment_author_bottom.gif') 0 100% no-repeat; } |
|
299 dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; } |
|
300 /* COMMENT FORM */ |
|
301 #comment_form |
|
302 { |
|
303 width: 46.8em; |
|
304 margin: 0 0 4.0em 0; |
|
305 } |
|
306 #comment_form a:hover { text-decoration: underline; } |
|
307 #comment_form p { padding: 0.7692em 0; } |
|
308 #comment_form label |
|
309 { |
|
310 padding: 0 0 0 0.83333em; |
|
311 font-size: 1.2em; |
|
312 } |
|
313 #comment_form .text_input |
|
314 { |
|
315 width: 15.3846em; |
|
316 padding: 0.23077em; |
|
317 color: #a90000; |
|
318 font: bold 1.3em Verdana, sans-serif; |
|
319 border-top: 0.15385em solid #999; |
|
320 border-left: 0.15385em solid #999; |
|
321 border-right: 0.07692em solid #eee; |
|
322 border-bottom: 0.07692em solid #eee; |
|
323 } |
|
324 #comment_form .text_input:focus |
|
325 { |
|
326 border-top-color: #666; |
|
327 border-left-color: #666; |
|
328 border-right-color: #ddd; |
|
329 border-bottom-color: #ddd; |
|
330 } |
|
331 #comment_form .text_area { width: 32.9231em; } |
|
332 #comment_form p.subscribe-to-comments { font-size: 1.3em; } |
|
333 #comment_form p.subscribe-to-comments label { font-size: 1.0em; } |
|
334 #comment_form .form_submit |
|
335 { |
|
336 padding: 0.5em; |
|
337 background: url('images/submit_bg.gif') repeat-x; |
|
338 color: #000; |
|
339 border: 0.21429em double #999; |
|
340 border-top-color: #ccc; |
|
341 border-left-color: #ccc; |
|
342 font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
343 cursor: pointer; |
|
344 } |
|
345 #comment_form .form_submit:hover { color: #0099cc; } |
|
346 /* Root = Horizontal, Secondary = Vertical */ |
|
347 #navmenu-h { background: #000; } |
|
348 #navmenu-h li.alignright { float: right; } |
|
349 ul#navmenu-h |
|
350 { |
|
351 margin: 0 0 1em 0; |
|
352 border: 0 none; |
|
353 padding: 0; |
|
354 width: 950px; |
|
355 /*For KHTML*/ |
|
356 list-style: none; |
|
357 height: 37px; |
|
358 } |
|
359 ul#navmenu-h li |
|
360 { |
|
361 margin: 0; |
|
362 border: 0 none; |
|
363 padding: 0; |
|
364 float: left; |
|
365 /*For Gecko*/ |
|
366 display: inline; |
|
367 list-style: none; |
|
368 position: relative; |
|
369 height: 37px; |
|
370 } |
|
371 ul#navmenu-h ul |
|
372 { |
|
373 margin: 0; |
|
374 border: 0 none; |
|
375 padding: 0; |
|
376 width: 160px; |
|
377 list-style: none; |
|
378 display: none; |
|
379 position: absolute; |
|
380 top: 37px; |
|
381 left: 0; |
|
382 } |
|
383 ul#navmenu-h ul:after /*From IE 7 lack of compliance*/ |
|
384 { |
|
385 clear: both; |
|
386 display: block; |
|
387 font: 1px/0px serif; |
|
388 content: "."; |
|
389 height: 0; |
|
390 visibility: hidden; |
|
391 } |
|
392 ul#navmenu-h ul li |
|
393 { |
|
394 width: 160px; |
|
395 float: left; |
|
396 /*For IE 7 lack of compliance*/ |
|
397 display: block !important; |
|
398 /*For IE*/ |
|
399 } |
|
400 /* Root Menu */ |
|
401 ul#navmenu-h a |
|
402 { |
|
403 border-right: 1px solid #fff; |
|
404 padding: 8px 20px 7px 20px; |
|
405 float: none !important; |
|
406 /*For Opera*/ |
|
407 /*For IE*/ |
|
408 display: block; |
|
409 background: #000; |
|
410 color: #ccc; |
|
411 font: 12px/22px Helvetica; |
|
412 text-decoration: none; |
|
413 height: auto !important; |
|
414 /*For IE*/ |
|
415 } |
|
416 /* Root Menu Hover Persistence */ |
|
417 ul#navmenu-h a:hover, |
|
418 ul#navmenu-h li:hover a, |
|
419 ul#navmenu-h li.iehover a |
|
420 { |
|
421 background: #333; |
|
422 color: #FFF; |
|
423 } |
|
424 /* 2nd Menu */ |
|
425 ul#navmenu-h li:hover li a, |
|
426 ul#navmenu-h li.iehover li a |
|
427 { |
|
428 float: none; |
|
429 background: #000; |
|
430 color: #ccc; |
|
431 } |
|
432 /* 2nd Menu Hover Persistence */ |
|
433 ul#navmenu-h li:hover li a:hover, |
|
434 ul#navmenu-h li:hover li:hover a, |
|
435 ul#navmenu-h li.iehover li a:hover, |
|
436 ul#navmenu-h li.iehover li.iehover a |
|
437 { |
|
438 background: #333; |
|
439 color: #FFF; |
|
440 } |
|
441 /* 3rd Menu */ |
|
442 ul#navmenu-h li:hover li:hover li a, |
|
443 ul#navmenu-h li.iehover li.iehover li a |
|
444 { |
|
445 background: #000; |
|
446 color: #ccc; |
|
447 } |
|
448 /* 3rd Menu Hover Persistence */ |
|
449 ul#navmenu-h li:hover li:hover li a:hover, |
|
450 ul#navmenu-h li:hover li:hover li:hover a, |
|
451 ul#navmenu-h li.iehover li.iehover li a:hover, |
|
452 ul#navmenu-h li.iehover li.iehover li.iehover a |
|
453 { |
|
454 background: #CCC; |
|
455 color: #FFF; |
|
456 } |
|
457 /* 4th Menu */ |
|
458 ul#navmenu-h li:hover li:hover li:hover li a, |
|
459 ul#navmenu-h li.iehover li.iehover li.iehover li a |
|
460 { |
|
461 background: #EEE; |
|
462 color: #666; |
|
463 } |
|
464 /* 4th Menu Hover */ |
|
465 ul#navmenu-h li:hover li:hover li:hover li a:hover, |
|
466 ul#navmenu-h li.iehover li.iehover li.iehover li a:hover |
|
467 { |
|
468 background: #CCC; |
|
469 color: #FFF; |
|
470 } |
|
471 ul#navmenu-h ul ul, |
|
472 ul#navmenu-h ul ul ul |
|
473 { |
|
474 display: none; |
|
475 position: absolute; |
|
476 top: 0; |
|
477 left: 160px; |
|
478 } |
|
479 /* Do Not Move - Must Come Before display:block for Gecko */ |
|
480 ul#navmenu-h li:hover ul ul, |
|
481 ul#navmenu-h li:hover ul ul ul, |
|
482 ul#navmenu-h li.iehover ul ul, |
|
483 ul#navmenu-h li.iehover ul ul ul { display: none; } |
|
484 ul#navmenu-h li:hover ul, |
|
485 ul#navmenu-h ul li:hover ul, |
|
486 ul#navmenu-h ul ul li:hover ul, |
|
487 ul#navmenu-h li.iehover ul, |
|
488 ul#navmenu-h ul li.iehover ul, |
|
489 ul#navmenu-h ul ul li.iehover ul { display: block; } |
|
490 #themes h6 |
|
491 { |
|
492 float: right; |
|
493 padding-right: 1em; |
|
494 } |
|
495 ul#themeswitcher |
|
496 { |
|
497 list-style-type: none; |
|
498 margin: 0; |
|
499 padding: 0; |
|
500 float: right; |
|
501 } |
|
502 ul#themeswitcher li |
|
503 { |
|
504 list-style-image: none; |
|
505 list-style-type: none; |
|
506 margin: 0; |
|
507 padding: 0; |
|
508 } |