/* Theme Name: bloggy Theme URI: http://www.tech-thinking.be/ Description: A funny theme with 2 columns. Version: 1.1.2 Author: Scarpinati Luigi Tags: blue, orange, flexible-width, two-columns This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see . JUST PLEASE KEEP OUR CREDIT LINK IN THE FOOTER. TO KNOW HOW TO WRIGHT YOUR DESCRIPTION AND YOUR ABOUT TEXT IN THE HEADER READ THE README FILE. ENJOY ! LUIGI */ * { margin:0; padding:0; } body { font-family:Arial, Helvetica, sans-serif; background:#fff; } #wrap{ width:100%; height:100%; margin:0 auto; position: relative; background:#b8d8e1; border-bottom:1px ridge; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } blockquote{ font-size:0.9em; margin-left:15px; border-left:solid 3px #6F6961; text-transform:uppercase; font-style:italic; color:#FF981F; } /*******************************************/ /* HEADER */ /*******************************************/ #header{ width:860px; height:325px; margin:0 auto; position: relative; background:#b8d8e1; } #header .title{ height:10px; width:550px; color:#fff; font-size:7em; position: relative; top:-60px; } #header .descr { width:550px; color:#92a9b0; font-size:1.1em; text-align:justify; position relative; top:-60px; } #header .slogan{ width:860px; height:34px; background:#930909; position: relative; top:290px; } #header .slogan p{ color:#ffffff; font-weight:bold; line-height:34px; width:90%; padding-left:10px; } #header .about{ width:300px; height:200px; position: relative; background:url('img/about.png') no-repeat; top:-80px; left:560px; } #header .about p{ color:#960808; font-size:0.8em; font-weight:bold; padding-top:20px; height:90%; width:180px; position: relative; left:100px; } #header .about img{ color:#fff; height:100px; width:100px; background:#fff; position: relative; left:0px; } #header .search .box{ height:50px; width:240px; border:none; font-size:3em; color:#ccc; background:#fff; position: absolute; top:0px; left:610px; } #header .search .pic{ height:50px; width:50px; border:none; background:url('img/search.png') no-repeat; position: absolute; top:0px; left:560px; } /****************************************************/ /* contenu */ /****************************************************/ #contenu{ width:860px; min-height:600px; height:100%; margin:0 auto; position: relative; background:#fff; } #contenu .storycontent{ padding:25px; width:500px; } #contenu .storytitle{ margin-top:50px; margin-left:5px; margin-bottom:5px; } #contenu .storytitle a{ color:#df7920; } #contenu .storytitle a:hover{ color:#930909; } #contenu .meta { margin-left:10px; font-size:0.8em; color:#6F6D61; } #contenu .meta a{ color:#DF971B; } #contenu .meta a:hover{ color:#fff; background:#930909; } #contenu .storycontent p{ margin-top:10px; } #contenu .storycontent img{ border:none; overflow:hidden; margin:4 4 4 4; } #contenu .storycontent a{ color:#DF971B; } #contenu .feedback{ margin-left:10px; } #contenu .feedback a{ color:#6F6D61; } /* PAGES */ #contenu_p{ width:860px; min-height:600px; height:100%; margin:0 auto; position: relative; background:#fff; } #contenu_p .storycontent{ padding:25px; width:90%; } #contenu_p .storytitle{ margin-top:0px; margin-left:5px; margin-bottom:5px; } #contenu_p .storytitle a{ color:#df7920; } #contenu_p .storytitle a:hover{ color:#930909; } #contenu_p .meta { margin-left:10px; font-size:0.8em; color:#6F6D61; } #contenu_p .meta a{ color:#DF971B; } #contenu_p .meta a:hover{ color:#fff; background:#930909; } #contenu_p .storycontent p{ margin-top:10px; } #contenu_p .storycontent img{ border:none; } #contenu_p .storycontent a{ color:#DF971B; } #contenu_p .feedback{ margin-left:10px; } #contenu_p .feedback a{ color:#6F6D61; } /****************************************************/ /* COMMENTS */ /****************************************************/ #comm{ width:300px; } #comm h2{ color:#df7920; margin-bottom:10px; margin-top:10px; } #comm p{ width:550px; color:#6F6D61; margin-bottom:10px; margin-top:10px; } #comm ul, li{ list-style:none; } #comm a{ color:#DF971B; } #comm a:hover{ color:#fff; background:#930909; } #comm textarea, input{ font-size:1.2em; width:500px; border:solid 2px #ccc; } .cite{ font-size:0.9em; } /****************************************************/ /* MENU */ /****************************************************/ #menu{ width:100%; height:40px; background:#df7920; line-height:30px; text-align:center; position:absolute; left:0%; } #nav{ font-size:1.1em; } #nav, #nav ul { list-style: none; } #nav a, #nav a:hover { display: block; text-decoration: none; background:#df7920; color:#fff; border:none; } #nav li { float: left; list-style:none; } #nav a, #nav a:visited { display:block; font-weight:bold; padding:6px 12px; } #nav a:hover, #nav a:active,.current_page_item a, #home .on { text-decoration:none; background:#b8d8e1; color:#fff; } #cats{ width:100%; height:30px; background:#DAFF7F; position:absolute; top:30px; left:0%; } #navcats{ font-size:0.9em; } #navcats, #navcats ul { list-style: none; } #navcats a, #navcats a:hover { display: block; text-decoration: none; background:#DAFF7F; color:#6F6D61; border:none; } #navcats li { float: left; list-style:none; } #navcats a, #navcats a:visited { display:block; font-weight:bold; padding:6px 12px; } #navcats a:hover, #navcats a:active,.current_page_item a, #home .on { text-decoration:none; background:#6F6D61; color:#fff; } /****************************************************/ /* SIDEBAR */ /****************************************************/ #sidebar { height:90%; width:250px; padding-top:10px; background-color:#fff; position: absolute; right: 2px; top: 50px; width: 11em; border-left:dotted 4px #df7920; padding-left:10px; } #sidebar .title{ font-size:1.3em; text-decoration:underline; font-weight:bold; list-style:none; padding-top:0px; margin-top:10px; } #sidebar ul,li{ font-size:1em; list-style:none; padding-top:0px; } #sidebar a{ font-weight:bold; font-size:1.2em; color:#5c5959; } #sidebar a:hover{ font-weight:bold; color:#ff9100 ; } #sidebar form { margin: 0 0 0 5px; } #sidebar input#s { width: 80%; background: #eee; border: 1px solid #999; color: #000; } /****************************************************/ /* FOOT */ /****************************************************/ #footer{ width:100%; height:90px; margin:0 auto; border-top:1px ridge; position: relative; bottom:0px; background:#b8d8e1; } #footer p{ width:100%; line-height:90px; text-align:center; font-weight:bold; font-size:0.8em; color:#92a9b0; } #footer .credit a{ background :#6F6D61 ; color:#fff; border: 2px solid #fff; }