/* Theme Name: Bias Theme URI: http://iambogdan.com/bias/ Author: Bogdan Ciobanu Author URI: http://iambogdan.com/ Description: A very simple and clean theme created as an update of Nostalia26 theme. Developed on Toolbox framework, this theme is HTML5 ready. Version: 1.0.1 License: GNU General Public License License URI: license.txt Tags: fixed-width, two-columns, custom-header, custom-menu, microformats, rtl-language-support */ /* =Structure -------------------------------------------------------------- */ body { margin : 0; padding: 0; background: #e6e6e6 url(images/background.png); font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; color: #1b1b1b; } a { color:#2d4d4f; text-decoration:none; } a:hover { color: #00A5EB; } .left { float: left; } .right { float: right; } #page { display: block; } #main { margin: 0 auto; padding: 0; width: 1050px; } #primary { float: left; margin: 0 0 0 0; width: 750px; } #secondary { float: right; margin: 0; width: 300px; } #content { margin: 0; } #colophon { clear: both; display: block; width: 100%; } /* Increase the size of the content area for templates without sidebars */ .full-width #content, .image-attachment #content { margin: 0; } /* Text meant only for screen readers */ .screen-reader-text, .section-heading { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Alignment */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .sticky { background: white; border: 1px solid 3d3d3d; } .bypostauthor { border-top: 1px solid 3d3d3d; } /* =Header -------------------------------------------------------------- */ #branding { margin: 0 auto; padding-top: 30px; height: 90px; width: 1050px; } #site-title { float:left; font-size: 2em; font-weight: bold; text-shadow: #000 0px 0px 1px; margin: .67em 0; } #site-title a { color:#3d3d38; font-weight:bold; padding: 0px; } #site-title a:hover { color:#0b252f; border-bottom: 0px; } #site-description { color:#FFF; text-decoration:none; text-shadow: #3d3d38 0px 0px 10px; font-size: 1em; font-weight: normal; font-style: italic; float:left; padding: 15px 0 0px 15px; } /* =Content -------------------------------------------------------------- */ .page-header .page-title{ width: 732px; margin: 0; padding: 6px 8px 6px 10px; font-size: 17px; font-weight: normal; line-height: 18px; text-decoration: none; text-shadow: #6cbfc4 1px 1px 1px; background: #bee8f8; color: #3d3d38; border: solid 1px #dedede; border-radius: 5px; margin-bottom: 10px; } .page-header .page-title span{ font-weight: bold; } article { position: relative; background: #fff; left: 0px; float: left; width: 750px; padding: 0; margin: 0 0 20px 0; border: solid 1px #dedede; border-radius: 5px; /*padding-bottom: 9px; background: url(images/bottom-shadow.png) center bottom no-repeat;*/ } article .entry-title { max-width: 640px; margin: 0; } article .entry-title a { float: left; display: inline; margin: 0; padding: 6px 8px 6px 10px; font-size: 17px; font-weight: normal; line-height: 18px; text-decoration: none; text-shadow: #6cbfc4 1px 1px 1px; background: #bee8f8; color: #3d3d38; border-top-left-radius: 5px; } article .entry-title a:hover { color: #184e63; background: #92d4ed; border-bottom: 0px; } .comentarii a { font-size: 0.8em; text-decoration:none; color:#fff; width: 31px; height:20px; float: left; text-align: center; padding: 0; margin: -9px 0 0px -10px; background: url(images/comment-pill.png) left top no-repeat; } .comentarii a:hover { text-decoration:none; background: url(images/comm-clound-hover.png) left top no-repeat; border-bottom: 0px; } .entry-header { display: inline; float: left; width: 750px; background: #def1f2; border-radius: 5px 5px 0 0; } .entry-date { float: right; max-width: 100px; } .entry-content, .entry-summary { float: left; padding: 0px 10px 0px 10px; width: 730px; border-bottom: solid 1px #dedede; } .entry-meta { float: left; padding: 5px 2px 5px 8px; font-size: 9px; color: #5e5e57; line-height: 15px; } .entry-footer { float: left; margin: 5px 10px 5px 10px; width: 730px; font-size: 9px; color: #5e5e57; line-height: 15px; } .entry-footer-info { vertical-align: middle; } /* =Content formating -------------------------------------------------------------- */ article h1 { font-size:14px; font-weight:bold; margin:0px; margin-bottom:10px; padding:0px; color:#2d4d4f; } article h2 { font-size:13px; font-weight:bold; margin:0px; margin-bottom:10px; padding:0px; color:#2d4d4f; } article h3 { font-size:12px; font-weight:bold; margin:0px; margin-bottom:10px; padding:0px; color:#2d4d4f; } article h4 { font-size:11px; font-weight:bold; margin:0px; margin-bottom:10px; padding:0px; color:#2d4d4f; } article h5 { font-size:10px; font-weight:bold; margin:0px; margin-bottom:10px; padding:0px; color:#2d4d4f; } article h6 { font-size:9px; font-weight:bold; margin:0px; margin-bottom:10px; padding:0px; color:#2d4d4f; } article em { font-style: italic; } article hr { width: 100%; background-color: #dedede; height: 1px; border: none; } article blockquote { margin: 0 10px; padding: 0 10px; border-left: 2px solid #bee8f8; } #primary ol, #primary ul { padding: 0 0 0 30px; } #primary ol li { margin-bottom: 10px; } q { font-style: italic; } :lang(fr) > Q { quotes: '« ' ' »' } :lang(de) > Q { quotes: '»' '«' '\2039' '\203A' } table { margin: 10px 0 10px 0; padding: 0; border: 1px solid #dedede; } th { color: #6D929B; border: 1px solid #dedede; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; } td { border: 1px solid #dedede; background: #fff; padding: 6px 6px 6px 12px; color: #6D929B; } fieldset { border: 1px solid #dedede; margin: 10px 0 10px 0; } input[type=text], input[type=password] { display: block; font-size:12px; line-height:14px; color:#000; margin: 0; padding: 2px; height: 16px; background: #f0f2f6; border: solid 1px #dedede; } textarea { display: block; font-size:12px; line-height:14px; color:#000; margin: 0; padding: 2px; background: #f0f2f6; border: solid 1px #dedede; } input.button, input[type=submit]{ font-size:11px; font-weight: bold; color:#646f85; padding: 2px; background: #f0f2f6; border: solid 1px #dedede; } input.button:hover, input[type=submit]:hover{ color:#fff; background: #2d4d4f; border: solid 1px #192b2c; } select { display: block; font-size:12px; line-height:14px; color:#000; margin-top: 10px; margin-bottom: 10px; padding: 2px; background: #f0f2f6; border: solid 1px #dedede; } img { margin: 0; padding: 0; } #content nav { display: block; overflow: hidden; } #content nav .nav-previous { float: left; width: 50%; } #content nav .nav-next { float: right; text-align: right; width: 50%; } #content #nav-above { display: none; } .paged #content #nav-above, .single #content #nav-above { display: block; } #nav-below { clear: both; } .page-link { margin: 0 0 1em; } /* Image Attachments */ .image-attachment div.entry-meta { float: left; } .image-attachment nav { float: right; margin: 0 0 1em 0; } .image-attachment .entry-content { clear: both; } .image-attachment .entry-content .entry-attachment { background: #eee; margin: 0 0 1em; padding: 1em; text-align: center; } .image-attachment .entry-content .attachment { display: block; margin: 0 auto; text-align: center; } /* Aside Posts */ .format-aside { display: none; } .single .format-aside { display: block; } .format-aside .entry-content, .format-aside .entry-summary { padding-top: 1em; } .single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0; } /* Aside Posts */ .format-gallery .gallery-thumb { float: left; margin-right: 1em; } /* =Images -------------------------------------------------------------- */ a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } img.alignleft { margin-right: 1em; } img.alignright { margin-left: 1em; } .wp-caption { margin: 10px 0 10px 0; padding: 5px; text-align: center; border: 1px solid #dedede; } .wp-caption img { padding: 5px; max-width: 100%; } .wp-caption .wp-caption-text { margin: .5em; font-style:italic; } .gallery-caption { } .wp-smiley { margin: 0; } /* Class for labelling required form items */ .required { color: #cc0033; } /* =Comments -------------------------------------------------------------- */ /*#fb-comments { clear: both; position: relative; background: #fff; border: solid 1px #dedede; border-radius: 5px; margin: 20px 0 20px 0; padding: 0; }*/ #comments{ position: relative; background: #fff; float: left; width: 750px; margin: 20px 0 20px 0; border: solid 1px #dedede; border-radius: 5px; } #comments #comments-title, #comments div.nopassword, #comments #reply-title{ clear: both; margin: 0; padding: 6px 8px 6px 10px; font-size: 13px; font-weight: normal; line-height: 15px; text-decoration: none; text-shadow: #daf2a3 1px 1px 1px; background: #e8ffb2; color: #3d3d38; border-radius: 5px 5px 0 0; } #comments ol.commentlist{ /*list-style-type: none;*/ margin: 0; padding: 0px; } #comments ol.commentlist li{ padding: 5px 0 0 0; clear: both; margin: 0 5px 0 50px; } #comments ol.commentlist li ul.children { list-style-type: none; margin: 0; padding: 0; } #comments ol.commentlist li ul.children li{ margin: 0; padding-left: 15px; } article.comment { width: 100%; display: block; border: 0; border-bottom: solid 1px #dedede; border-radius: 0; margin: 0 0 15px 0; padding: 0; } article.comment header{ background: url(images/comment.png) 11px bottom no-repeat; padding-bottom: 8px; } article.comment header img{ float: left; border: solid 1px #dedede; padding: 2px; margin-right: 5px; } article.comment header cite{ font-style: normal; font-weight: bold; } article.comment header time{ font-size: 11px; } article.comment section{ border: solid 1px #edeff4; background: #edeff4; padding: 10px; } article.comment section p{ padding: 0; margin: 0; } article.comment footer{ font-size: 11px; margin-bottom: 5px; } #comments #reply-title{ text-shadow: #daf2a3 1px 1px 1px; background: #e8ffb2; color: #3d3d38; } #comments form{ padding: 0 10px 0 10px; } #comments .comment-notes, #comments .form-allowed-tags{ color: #d3d3d3; font-size: 11px; font-style:italic; } #comments .form-allowed-tags{ font-style:normal; } #respond .form-allowed-tags code { display: block; } #respond input[type=text] { display: block; font-size:12px; line-height:14px; color:#000; margin: 0; padding: 2px; width: 60%; height: 16px; background: #f0f2f6; border: solid 1px #dedede; } #respond textarea { display: block; font-size:12px; line-height:14px; color:#000; margin: 0; padding: 2px; width: 99%; background: #f0f2f6; border: solid 1px #dedede; } #respond #submit{ font-size:11px; font-weight: bold; color:#646f85; padding: 4px; background: #f0f2f6; border: solid 1px #dedede; } #respond #submit:hover{ color:#fff; background: #2d4d4f; border: solid 1px #192b2c; } /* =Widgets -------------------------------------------------------------- */ .widget-area { float: right; overflow: hidden; width: 300px; } .widget { display: block; margin: 0 0 20px 20px; padding-bottom: 20px; border-bottom: solid 1px #dedede; } .widget h1{ font-size: 17px; color: #373737; text-shadow: #d1d1d1 1px 1px 1px; margin: 0; padding: 0; } /*SEARCH*/ .widget-area .widget_search { clear: both; overflow: hidden; padding-bottom: 0; border-bottom: solid 0px #dedede; } .widget-area .widget_search .widget-title{ display: none; } .widget-area .widget_search label { display: none; } .widget-area .widget_search input[type=text], .widget-area .widget_search input#s { font-size:14px; line-height:18px; color:#000; float: left; margin: 0; padding: 4px; width: 220px; height: 22px; background: #def1f2; border: solid 1px #dedede; } .widget-area .widget_search #searchsubmit { text-indent: -9999px; background: url('images/search-submit.png'); padding: 0; border: 0; width: 50px; height: 32px; } /*TEXT*/ .widget-area .widget_text{ clear: both; } .widget-area .widget_text .widget-title{ background: url(images/corner.png) center bottom no-repeat; padding-bottom: 8px; text-align: center; } .widget-area .widget_text .textwidget { background: #d54e21; border-radius: 5px; color: #fff; padding: 5px 10px 5px 10px; text-align: center; } .widget-area .widget_text .textwidget a{ font-weight: bold; color: #fff; } .widget-area .widget_text .textwidget a:hover{ border-bottom: 1px dotted #fff; } /*PAGES and MENU*/ .widget-area .widget_pages, .widget-area .widget_nav_menu{ clear: both; text-align: center; } .widget-area .widget_pages ul, .widget-area .widget_nav_menu ul{ list-style-type: none; margin-top: 10px; padding: 0; } .widget-area .widget_pages ul li, .widget-area .widget_nav_menu ul li{ display:inline; padding: 5px; } /*CALENDAR*/ .widget-area .widget_calendar{ clear: both; text-align: center; } .widget-area .widget_calendar table { margin: 0; padding: 0; border: 0; } .widget-area .widget_calendar th { color: #565656; border: 0; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 6px 6px 6px 12px; } .widget-area .widget_calendar td { border: 0; background: none; text-align: center; padding: 6px; color: #b4b4b4; } .widget-area .widget_calendar a{ border-bottom: 1px dotted #000; } .widget-area .widget_calendar .widget-title { margin-bottom: 10px; } .widget-area .widget_calendar #calendar_wrap { background: #e4e4e4; border-radius: 5px; border: solid 1px #dedede; } .widget-area .widget_calendar #wp-calendar { margin: 3px auto; width: 280px; } .widget-area .widget_calendar #wp-calendar caption{ margin-bottom: 5px; border-bottom: solid 1px #dedede; } .widget-area .widget_calendar #prev, .widget-area .widget_calendar #next{ margin-top: 5px; border-top: solid 1px #dedede; } /*ARCHIVE CATEGORIES LINKS*/ .widget-area .widget_archive, .widget-area .widget_categories, .widget-area .widget_links{ width: 130px; float: left; } .widget-area .widget_archive .widget-title, .widget-area .widget_categories .widget-title, .widget-area .widget_links .widget-title { margin-bottom: 5px; } .widget-area .widget_archive ul, .widget-area .widget_categories ul, .widget-area .widget_links ul{ list-style-type: none; margin: 0; padding: 0; } .widget-area .widget_archive ul li, .widget-area .widget_categories ul li, .widget-area .widget_links ul li{ border-left: solid 1px #dedede; padding-left: 10px; } /*RECENT COMM POSTS, META*/ .widget-area .widget_recent_comments, .widget-area .widget_recent_entries, .widget-area .widget_meta, .widget-area .widget_rss{ clear: both; } .widget-area .widget_recent_comments ul, .widget-area .widget_recent_entries ul, .widget-area .widget_meta ul, .widget-area .widget_rss ul{ list-style-type: circle; padding-left: 15px; } .widget-area .widget_recent_comments ul li, .widget-area .widget_recent_entries ul li, .widget-area .widget_meta ul li, .widget-area .widget_rss ul li{ margin-bottom: 5px; } /*TAG CLOUD*/ .widget-area .widget_tag_cloud { clear: both; text-align: center; } .widget-area .widget_tag_cloud .widget-title { margin-bottom: 10px; } .widget-area .widget_tag_cloud .tagcloud { background: #e4e4e4; border-radius: 5px; border: solid 1px #dedede; padding: 10px; } /* =Footer -------------------------------------------------------------- */ #colophon { padding-top: 50px; text-align: center; } footer #site-generator{ font-size: 11px; background: #e4e4e4; border-top: solid 1px #dedede; padding: 10px; }