/* Theme Name: Grassland Theme URI:http://www.interconnectit.com/ Description: A light, fresh, widget friendly, two column theme particularly suited to ecology and nature blogs, but suitable for a wide range of bloggers. 1.1 adds caption support. Traduction française par WordPress tuto. Version:1.1 Author:James R Whitehead from Interconnect IT Author URI:http://www.interconnectit.com/ Tags: two columns, fixed width, brown,green, tagging,navigation widget,e-mail form */ *{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-size:9pt; font-family:verdana,arial,free-sans,sans-serif;line-height:1.25em} a img{border:0} a{color:#0060A0;text-decoration:none } a:hover{color: #F07520; text-decoration:underline} abbr{cursor:help} .alignright {float:right;margin:5px 0 5px 5px;clear:right} .alignleft {float:left;margin:5px 5px 5px 0;clear:left} .aligncenter {display: block; clear:both;text-align: center;} img.right{float:right;margin:5px 0 5px 5px;clear:right} img.left{float:left;margin:5px 5px 5px 0;clear:left} img[align="right"]{float:right;margin:5px 0 5px 5px;clear:right} /* Yes I know these will not work in IE6 but why should eveyone else suffer. */ img[align="left"]{float:left;margin:5px 5px 5px 0;clear:left} h1,h1 a{font-size:16pt;color:#207099;font-weight:bold; font-family:arial} /*456F00*/ h2 {font-size:13pt;color:#207099;font-weight:bold; font-family:arial} h2 a{font-size:13pt;color:#FA6D00;font-weight:bold; font-family:arial} h3,h3 a{font-size:11pt;color:#207099;font-weight:bold; padding-top:5px; font-family:arial} h4,h4 a{font-size:11pt;color:#419301;font-weight:bold} h5,h5 a{font-size:11pt;color:#303030;font-weight:bold;text-decoration:underline} h6,h6 a{font-size:11pt;color:#303030;font-weight:bold;font-style:italic} input[type="submit"]{cursor:pointer;background:url(images/submit.png) repeat-x top left black;color:white;font-weight:normal;line-height: 1.25em;border:0} input.submit{cursor:pointer;background:url(images/submit.png) repeat-x top left black;color:white;font-weight:normal;line-height: 1.25em;border:0} p{margin:1em 0} table{margin:0} ol,ul{margin-top:0.6em;margin-bottom:0.5em} li ol,li ul{margin-top:0;margin-bottom:0;padding:0 0 0 2em} /*Override the thing I just defined above for ul & ol subordinate to another ul or ol*/ blockquote{border-left:solid 5px #efefef;padding-left:1em;margin:0 6% 1em;font-size:small;font-style:italic} blockquote *{font-style:italic} code{background-color:#f3f3f3;color:#6f6060;display:block;padding:1em 0.5em;margin:0.5em 0} .menu { margin-left:5px } .menu td { height:22px; width:80px; font-size:13px; font-weight:bold; color:#FFFFFF; text-align:center; cursor:pointer } div.bienfaits { border:solid 1px #9999CC; -moz-border-radius:6px; background-color:#EEEEFF; padding:10px; margin:20px; font-weight:bold } div.bienfaits li{ font-weight:normal; padding-top:2px } .flimg {float:left; font-size:7pt; color:#CCCCCC; padding: 6px 6px 6px 0px; } .flimg a { font-size:7pt; color:#CCCCCC } .flimg img {width:150px; height:auto;} .color1 { color:#EE6600 } /** ARTICLE COLUMNS **/ .maincontent { width: 600px; float: left; overflow:hidden} .articlecolumn { width: 280px; } #featured-posts { float: right; } #latest-posts { float: left; } #featured-posts .article h2 a { color: #EE4705; } .articlecolumn { margin-bottom: 10px; } .mini .article, .articlecolumn .article { border-bottom: solid 1px #D8CFC1; margin-bottom: 10px; padding-bottom: 10px; } .mini .article h2, .articlecolumn .article h2 { font-size: 13px; font-weight: bold; border-bottom: dashed 1px #D8CFC1; padding-bottom: 5px; line-height: 22px; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; } .mini .article h2 a, .articlecolumn .article h2 a { font-size: 13px; font-family:verdana,arial } .mini .article p, .articlecolumn .article p { margin-top:5px; color: #6A5E4C; font-size: 11px; line-height: 14px; font-family: 'Verdana', 'Arial', sans-serif; } .mini .article p a, .articlecolumn .article p a { font-weight: bold; font-size:0.9em } .mini .article .left, .articlecolumn .article .left { width: 75px; float: left; text-align: right; font-size: 9px; color: #B4AB9D; font-family: 'Arial', 'Verdana', sans-serif; } .mini .article .left img, .articlecolumn .article .left img { width:70px; height:auto; border: solid 1px #888888; padding: 1px; margin-top:4px } /*taille en fait gérée par AutoThumb avec la fonction getphpthumburl($thumb, 'w=70');*/ .mini .article .right, .articlecolumn .article .right { width: 200px; float: right; } .mini { margin: 0px 0px 0px 0px; } .mini .article { width: 280px; float: left; height: 140px; } .mini .even { float: right; } .mini ul { width: 290px; float: right; margin: 0px; padding: 0px; list-style: none; color: #B4AB9D; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;} .mini ul li h2 { font-size: 18px; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: none; } .mini ul li h2 a { text-decoration: none; } .mini ul li { border-bottom: dashed 1px #D8CFC1; padding-bottom: 5px; margin-bottom: 5px; } .icit-tag{position:absolute;top:0;right:0;border:0} .clear{clear:both;height:1px;width:1px;overflow:hidden;visibility:hidden} /* Basic layout */ body{background:url(images/header-degrade.png) repeat-x 0 0 #CCDAED;color:#6f6060;margin:0 0 20px 0;padding:0;font:10pt arial,free-sans,sans-serif} div.container{width:995px;padding:0;margin:0 auto;min-height:500px;/*min height to remove a distracting page building effect. */} div#content{width:600px;display:inline;float:left;margin-left:20px;overflow:hidden} div#sidebar{width:335px;display:inline;float:right;margin-right:20px;overflow:hidden} div#footer{margin-left:20px;clear:both;color:#000000;background-color:#BAD0EF;} div#header{height:145px;width:950px; padding-left:35px; margin-top:0px} div.header-frame{margin-bottom:10px;width:910px;position:relative;/* if I want to position things inside a post */ overflow:hidden} span.header-frame-top{width:910px;height:0px;background:url(images/header-cadre.png) no-repeat -940px 0px transparent;display:block} span.header-frame-bottom{width:910px;height:8px;background:url(images/header-cadre.png) no-repeat -1875px -8px transparent;display:block} div.header-content{background:url(images/header-cadre.png) repeat-y 0 0 #ffffff;color:#333;padding:0 1px;overflow:hidden} /* Header */ div.titles{padding:15px 0 0 120px;height:115px;background:url(images/header-bg.png) no-repeat 0px 0px transparent;overflow:hidden} div.main-page-title h1, div.main-page-title h1 a{line-height:1em;margin-top:4px;font-size:26pt; color:#6666FF; font-variant:small-caps;font-weight:900;letter-spacing:-0.05em} div.tagline h2{color:#ccf;background-color:transparent;line-height:1em;font-size:11pt; padding-left:6px} div.login{text-align:right;float:right;color:#666;background-color:transparent;line-height:1.25em} div.login a{color:#666;font-size:8pt} div.login a:hover{color:#a90} /* Post/page section */ div.post-frame{margin-bottom:20px;width:600px;position:relative;/* if I want to position things inside a post */ overflow:hidden} span.post-frame-top{width:600px;height:16px;background:url(images/post.png) no-repeat -631px 0px transparent;display:block} span.post-frame-bottom{width:600px;height:16px;background:url(images/post.png) no-repeat -1261px 0px transparent;display:block} div.post-content{background:url(images/post.png) repeat-y 0 0 #ffffff;color:#333;padding:0 13px;overflow:hidden} /*Post header*/ div.post-header{margin-bottom:10px} div.post-title {margin-right: 50px} div.post-title h1{background:url(images/leaf-small.jpg) no-repeat 0 50% transparent;line-height:1.1em;padding-left:40px; padding-bottom:5px} div.post-author{font-size:8pt; color:#888888} div.post-author a {font-size:8pt} div.post-categorie{ border:solid 1px #608D3D; -moz-border-radius:4px; width: 50px;height:50px; position: absolute; top:8px; right:8px; background:url(images/categories/sante.png) no-repeat center center white} div.post-date{width: 50px;height:60px; position: absolute; top:8px; right:8px; background:url(images/calendar.png) no-repeat center center white} span.post-month{display:block;width:50px;text-align:center;position:absolute;top: 1px;color: white;font-weight: bold;background-color:transparent} span.post-day{line-height:60px;font-size:18pt;display:block; width:48px; height:60px; position:absolute;letter-spacing:-2px;text-align:center; font-weight: 900;z-index:10;top:3px} span.post-year{display:block;width:50px; text-align:center;position:absolute;bottom:0;font-weight: 900;bottom: 2px; font-size: 7.5pt} /* Post body stuff. */ div.post-body h2 { padding-top:6px } div.post-body p, div.post-body{line-height:1.6em; text-align:justify} div.page-links{display:block;text-align:right;margin-bottom:15px} div.post-body iframe{margin:0 10px} /* Generic body iframe style to take into account that IE6 won't like the next two lines. */ div.post-body iframe[align="right"] {margin:0 0 10px 10px} div.post-body iframe[align="left"] {margin:0 10px 10px 0} /* Post footer */ div.tag-cloud-links{width:573px;text-align:right;color:#333;margin-top:10px} div.tag-cloud-links a{font-size:0.9em} div.post-footer{clear:both;padding-top:60px;background:url(images/post-footer.jpg) no-repeat center 10px white;text-align:center} div.post-footer span{line-height:1.5em; padding: 0 0.5em} /* Foot of post/page section */ div.post-navigation{margin-bottom:16px;width:602px} .previous-link{float:left} .next-link{float:right} div.post-navigation-links a{color:#EE4705;font-size:14pt} div.post-navigation-links a:hover{color:#FFFFFF} div.post-navigation-links{background-color:#BAD0EF; color:#F07520;padding:5px 10px;text-align:center} span.post-navigation-top, span.post-navigation-bottom {overflow:hidden;display:block;width:627px;height:8px;} span.post-navigation-top{background-position:0 0} span.post-navigation-bottom{background-position:0 -11px} /* Widgets */ div.widget{width:335px;margin-bottom:16px} span.widget-top{width:335px;height:10px;background:url(images/widget.png) no-repeat -358px 0px transparent;display:block;overflow:hidden} span.widget-bottom{width:335px;height:11px;background:url(images/widget.png) no-repeat -715px -5px transparent;display:block;overflow:hidden} div.widget-centre{background:url(images/widget.png) repeat-y 0 0 transparent;color:black;width:315px;padding:0 10px;overflow:hidden} div.widget-centre h3{margin-bottom:0.2em; padding-top:0px; color:#FF9500 } div.widget-centre ul, div.widget-centre ol{padding:0;margin:0} div.widget-centre ul ul,div.widget-centre ol ol, div.widget-centre ul ol,div.widget-centre ol ul{padding:0;margin-left:10px} div.widget-centre li{list-style-type:none;line-height:10px; padding:3px 0px 3px 0px; border-top:1px solid #C0ED9D} div.widget a{color:#1A3117;text-decoration:none;font-weight:normal;font-size:8pt} div.widget a:hover{color: #F07520; text-decoration:underline} /* Some of the default widgets need a little bit of attention */ table#wp-calendar{margin:0 auto 10px auto} table#wp-calendar th{width: 25px} table#wp-calendar tr{height: 25px;line-height:2em;text-align:center} table#wp-calendar td{border:solid 1px #f3f3f3;color: silver;background-color:white;padding:0;margin:0} table#wp-calendar td a{background-color: #f3f3f3;color:#608D3D;display: block; line-height: 2.1em; width:100%; height:2.1em} table#wp-calendar td a:hover{color:black;background-color: silver} table#wp-calendar td.pad{border:0} table#wp-calendar caption{font-size:18pt;margin:0 auto 10px auto} div.widget_calendar h3{display:none} /* Title didn't look right */ input.search_input, div.widget_search #searchform input#s{border:solid 2px silver;margin-bottom: 0.25em; padding: 0.12em 6px} #content input.search_input{width: 488px} div.widget_search #searchform input#s , #sidebar input.search_input{width: 186px} form.search-form{padding: 0.5em 30px;margin: 0.5em 0} /* Comments */ #comments-block{padding-left:28px;width:515px;overflow:hidden} .comments-trackbacks-pings{margin-top:10px} #comment-title{display:inline;margin-right:10px} #commentlist{padding:0;margin:0;list-style-type:none;margin:0} #commentlist span.comment-header{display:block;border-bottom:solid 1px silver; padding:0.25em 0.5em} #commentlist span.comment-text{display:block;padding:0.25em 0 0.25em 8px;overflow:auto;width:495px;text-align:justify} #commentlist span.comment-footer{display:block;padding:0.25em 0.5em; text-align: right; font-style:italic;font-size: small} #commentlist li{border: solid 1px silver; margin:1em 0;color: #474747} #commentlist li span.comment-header{background-color: #EAF0DC} #commentlist li.alternate span.comment-header{background-color: #BDD191} #commentlist li.author{border: 2px solid black;color: black;background-color:white} #commentlist li.unapproved{border: 2px solid red} div.new-comment{margin-top:10px;padding:0;color:#333} #new-comment-title{ font-size:13pt;color:#303050;font-weight:bold; margin-bottom:0.5em} #comment{width:508px;border:solid 1px silver} /*Footer */ div#footer{clear:both;color:#444444; width:950px; } /* Contact form page template */ #contactform{margin-top:10px;padding:10px 30px; width:513px} #contactform sup{vertical-align:top;margin-left:10px} #contactform label{width:30%;float:left;padding:0} #contactform .text{width:69%;border:solid 1px silver;font-size:12px;line-height:14px;padding:2px 0} #contactform .textarea{width:99%;border:solid 1px silver;padding:4px 0} #contactform #div_icit_submit_3{width:99%;text-align:right} #contactform p.paragraph, #contactform #label_icit_text{width:100%;display:block;float:none;font-size:16pt;line-height:1.25em;margin:0} #contactform .contactformrow{width:100%;margin-bottom:0.5em;overflow:hidden} #contactform #div_contactform_recipient{display:none} /* Stuff used by one of my plugins. */ .excerptmore{display:block;height:1.5em;overflow:hidden;text-align:right;clear:both;margin-top:-1em} .excerpt-thumb-link{float:left;margin-right:5px} .wp-caption { padding: 5px 0; text-align:center; border: solid 1px #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:$colour_post_highlight; } .wp-caption img { margin: 0; } p.wp-caption-text{ font-size: 10px; margin: 0; padding: 0.25em 0 0 5px; } #wp-admin-bar {align:center; margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center} #wp-admin-bar ul {margin:0; padding:0} #wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}