/* Theme Name: Auto Theme Theme URI: http://www.dezmembrari.ro/auto-theme/ Description: Auto Theme is compatible Wordpress 3.0.x in all Browsers. You can select the logo image, the 4 images and the categories from page's footer, the images to be displayed on Home page, the About page wich will be shown to the right side of Home. Please visit Appearance from your Dashboard and you will see next menus: 'Header', 'Footer' and 'Home page'. The theme supports WP-PageNavi plug-in and WP-PostRatings plug-in. Version: 1.0.3 Author: Dezmembrari.ro Author URI: http://www.dezmembrari.ro/ Tags: black, blue, orange, white, one-column, fixed-width, threaded-comments, sticky-post, custom-header License: The CSS, XHTML and design is released under GPL License URI: http://www.opensource.org/licenses/gpl-license.php */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Two-column fixed layout with one sidebar right of content */ #container { float: left; margin: 0; width: 100%; } /* =Fonts -------------------------------------------------------------- */ body, input, textarea, .page-title span, .pingback a.url { font-family: Calibri, Arial, "Bitstream Charter", serif; line-height: normal; } /* =Structure -------------------------------------------------------------- */ #main-wrapper { margin: 0; padding: 0; } #wrapper { margin: 0 auto; width: 980px; } /* =Global Elements -------------------------------------------------------------- */ b, strong { font-weight: bolder ; } blockquote { margin-left: 40px; margin-right: 40px; } i, cite, em, var, address { font-style: italic; } pre, tt, code, kbd, samp { font-family: monospace; } pre { white-space: pre; } big { font-size: 1.17em; } small, sub, sup { font-size: .83em; } sub { vertical-align: sub; } sup { vertical-align: super; } s, strike, del { text-decoration: line-through; } u, ins { text-decoration: underline; } center { text-align: center; } ol { list-style-type: decimal; } ul, menu, dir { list-style-type: disc; } li { display: list-item; } /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { page-break-before: always } h1, h2, h3, h4, h5, h6 { page-break-after: avoid } ul, ol, dl { page-break-before: avoid } } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h3 { font-size: 16px; line-height: 24px; } h4 { font-size: 14px; line-height: 20px; } h5 { font-size: 14px; line-height: 20px; } h6 { font-size: 14px; line-height: 20px; } small { font-size: 10px; line-height: 16px; } dl { font-size: 12px; } dt { width: 120px; font-weight: bold; } h1 { font-size: 26px; font-weight: normal; letter-spacing: -1px; text-transform: uppercase; white-space: nowrap; } h1 a { color: rgb(255,177,39); text-decoration: none; } h1 a:hover { border: none; color: rgb(175, 196, 255); } h2 { font-size: 20px; font-weight: normal; letter-spacing: -1px; white-space: nowrap; } a:active { outline: none; } a:focus { outline: none; } object { outline: none; } a{ color: rgb(255,177,39); text-decoration: none; } a:hover{ color: white; } /* WordPress Required Elements */ .aligncenter, div.aligncenter { display: block; } .alignleft, div.alignleft { float: left; } .content .storycontent .alignleft, .search .storycontent .alignleft, .archive .storycontent .alignleft { margin-top: 0; } .alignright, div.alignright { float: right; } .alignnone { } .wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; margin: 0; padding-top: 4px; text-align: center; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text, .gallery-caption { font-size: 11px; line-height: 14px; padding: 3px 4px 5px; margin: 0; } #today { color: #cc1100; } #wp-calendar { margin: auto; } .bypostauthor {} .sticky {} /* =Header -------------------------------------------------------------- */ #header { border-bottom: 3px solid; height: 70px; position: relative; top: 0px; z-index: 1; } #logo { position: absolute; top: 0px; left: 0px; } #slogan { color: #888; float: none; position: relative; text-align: right; margin-top: -5px; } #slogan h2 { font-size: 16px; } #title { color: #555; float: right; margin-left: -10px; position: absolute; left: 80px; top: 14px; } /* =Menu -------------------------------------------------------------- */ #main-menu { border-top: 2px solid; padding-left: 23px; padding-top: 0px; position: relative; top: 3px; width: 957px; height: 31px; z-index: 5; } main-menu a { display:block; } #main-menu img { float: left; } #main-menu ul{ list-style-type: none; padding-top: 4px; } #main-menu ul li{ float: left; list-style-type: none; padding-right: 10px; padding-left: 10px; position: relative; } #main-menu ul li a { color: #0E0D0D; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; } #main-menu ul li a:hover{ color: #888; } #main-menu ul li:hover > ul { display: block; } #main-menu ul ul { display: none; left: 0; top: 16px; position: absolute; width: 150px; z-index: 99999; } #main-menu ul ul a { background: white; border: 1px solid black; color: black; float: left; padding: 9px 20px 8px 6px; width:160px; } #main-menu ul ul li { min-width: 150px; padding: 0; } #main-menu ul ul ul { left: 100%; top: 0; } /* =Content -------------------------------------------------------------- */ #content { background: #111111; color: white; font-size: 14px; padding: 0; position: relative; width: 980px; } #left-column { float: left; width: 750px; } #left-column-inner { padding: 10px; } #right-column{ float: right; width: 230px; } #right-column-inner{ padding: 10px; } .imgHome { width: 590px; height: 330px; } .about h2 { font-weight: bold; padding: 0; } /* =Posts List -------------------------------------------------------------- */ #archive-title { background: url('images/archive-title.png') bottom left repeat-x; /*border-top: 2px solid black;*/ color: white; float: left; font-size: 12px; padding-top: 4px; padding-left: 10px; vertical-align: middle; width: 970px; height: 18px; } .entry ol, .entry ul { margin: 0 30px 18px; } .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 18px; } .entry th, .entry td { border: 1px solid #ccc; padding: 3px 10px; text-align: left; vertical-align: top; } .entry .entry tr.even td { background: #f7f7f7; } .entry th{ background: #9d9f90; } .post, .type-page { float: left; text-align: justify; width: 720px; } .post h2, .type-page h2{ font-weight: bold; } .post .image-thumb, .type-page .image-thumb { float: left; padding: 2px 10px 0px 0px; width: 100px; height: 100px; } .post .entry, .type-page .entry { padding-bottom: 10px; } .post .entry img, .type-page .entry img { float: none; margin: 0; } .post .entry p, .type-page .entry p { padding: 5px 0 10px 0; } .post .info-bar, .type-page .info-bar { background: url('images/bar.png') center no-repeat; color: #aaa; font-size: 11px; overflow: hidden; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 720px; height: 24px; } .post .info-bar .date, .type-page .info-bar .date { color: rgb(14, 113, 200); float: left; padding-top: 4px; } .post .info-bar .date span, .type-page .info-bar .date span { font-weight: bold; } .post .info-bar .category, .type-page .info-bar .category { float: left; padding-top: 4px; padding-left: 5px; } .post .info-bar .comments, .type-page .info-bar .comments { background: url('images/postcomment.gif') left no-repeat; float: left; padding-top: 4px; padding-left: 13px; } .post .info-bar .rating, .type-page .info-bar .rating { color: black; float: right; font-family: Times, serif; font-size: 12px; font-style: normal; font-weight: normal; padding-right: 10px; overflow: hidden; padding-top: 1px; width: 138px; height: 18px; } .post .info-bar .rating em, .type-page .info-bar .rating em { margin-left: -3px; } .post .info-bar .rating img, .type-page .info-bar .rating img { vertical-align: -30%; } .post .entry .more .type-page .entry .more { padding-top: 5px; padding-bottom: 5px; height: 20px; } .post .entry .more a, .type-page .entry .more a { background: rgb(158, 22, 28); color: white; font: bold 12px calibri, arial, sans-serif; padding: 5px 10px; text-align: center; text-decoration: none; } .post .entry .more a:hover, .type-page .entry .more a:hover { background: #770000; } .tags { background: rgb(48, 50, 55); padding: 10px; } /* =Navigation -------------------------------------------------------------- */ #navigation { float: left; font-size: 12px; padding-top: 4px; padding-bottom: 6px; text-align: center; width: 730px; height: 21px; } .wp-pagenavi { } .wp-pagenavi a, .wp-pagenavi span { background: url('images/navi-def-page.png') center no-repeat; color: rgb(255,177,39); margin: -1px; padding: 4px 10px; text-decoration: none; } .wp-pagenavi a:hover, .wp-pagenavi span.current { color: white; font-size: 12px; } .wp-pagenavi span.current { background: url('images/navi-sel-page.png') center no-repeat; color: black; text-align: center; } .old-navi a{ background: url('images/button.jpg') center no-repeat; color: rgb(255,177,39); font-size: 16px; padding: 12px; text-align: center; text-decoration: none; } .old-navi a:hover{ color: white; } /* =Comments -------------------------------------------------------------- */ h3#comments-title, h3#reply-title { clear: left; color: rgb(255,177,39); font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#reply-title a{ color: rgb(175, 196, 255); text-decoration: none; } h3#comments-title { padding: 5px 0; } #postcomments { padding-top: 10px; } ul.commentlist { background: #303237; list-style: none; margin: 0; padding:0; float: left; width: 730px; } ul.commentlist li { } .commentlist .avatar { background: #ffe; border: 1px solid #707277; float: right; padding: 5px; margin: 0 0 10px 10px; } .commentlist .comment-author { border-bottom: 1px solid #505257; font-size: 14px; margin-right: 60px; margin-bottom: 10px; } .commentlist .comment-author .fn { color: rgb(14, 113, 200); } .commentlist .comment-inner { border-top: 3px solid #111; float: left; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 5px; width: 715px; } .commentlist .comment-text { padding: 0 10px 0 0; } .commentlist .comment-body { } .commentlist .comment-body p { padding-bottom: 5px; } .commentlist .url { font-size: 16px; font-family: Calibri, "Times New Roman", Times, serif; font-style: italic; } .commentlist .reply-button { float: right; padding-bottom: 6px; padding-top: 10px; } .commentlist .reply-button a { background: rgb(158, 22, 28); color: white; font: bold 11px helvetica, arial, sans-serif; margin-top: 2px; padding: 6px 10px 4px 10px; text-align: center; text-decoration: none; width: 36px; } .commentlist .reply-button a:hover { background: #770000; color: white; } ul.commentlist li ul.children { list-style: none; } /* Comments form */ .logged-in-as{ font-size: 14px; } #respond { clear: both; float: left; padding-top: 5px; padding-bottom: 10px; padding-left: 5px; padding-right: 10px; width: 715px; } #respond p { margin-bottom: 10px; } #respond .comment-form { float: left; width: 715px; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } h3#reply-title { margin: 5px 0; } .comment #respond { width: 700px; } .comment #respond .comment-form { padding: 0px; width: 700px; } .comment #respond .form-allowed-tags { width: 700px; } .comment #respond input { background: #505257; border: 1px solid #707277; } .comment #respond textarea { background: #505257; border: 1px solid #707277; } #comments ul #respond { margin: 0; } #cancel-comment-reply-link { color: #ff4b33; font-size: 13px; font-weight: normal; text-decoration: none; } #cancel-comment-reply-link:hover { color: rgb(255,177,39); } #respond .comment-by { float: left; width: 200px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { float: left; font-size: 12px; } #respond input { background: #303237; border: 1px solid #505257; color: white; width: 200px; } #respond textarea { background: #303237; border: 1px solid #505257; color: white; float: right; width: 400px; } #respond .comment-form-comment { float: right; width: 460px; } #respond .form-allowed-tags { color: #888; float: left; font-size: 13px; width: 720px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { background: rgb(158, 22, 28); border: 0 none; color: white; float: left; font-size: 14px; width: auto; } /* =Widget Areas -------------------------------------------------------------- */ #searchform, #searchform2 { clear: both; float: right; padding: 0; position: relative; top: 40px; width: 158px; height: 32px; } #s, #s2 { background: url('images/search.jpg') scroll 0 bottom no-repeat; border: 0 none; float: left; font-size: 12px; padding: 9px 0 5px 10px; width: 116px; height: 16px; } #searchsubmit, #searchsubmit2 { background: url('images/submit.jpg') scroll 0 bottom no-repeat; border: 0 none; cursor: pointer; float: left; padding: 0; width: 32px; height: 30px; } .widgettitle { background: url('images/sidebar-title.png') left top no-repeat; height: 30px; padding: 5px 0 0 30px; } .widget-container { margin: 0 0 18px 0; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #fff; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #000; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody td a { color: rgb(14, 113, 200); } #wp-calendar tbody .pad { /*background: none;*/ } #wp-calendar tfoot #next { text-align: right; } /* Main sidebars */ .sidebar { background: rgb(48, 50, 55); font-family: Calibri, Times, sans-serif; overflow: hidden; padding: 5px 5px 5px 5px; width: 210px; height: auto; } .sidebarInner { padding: 0 10px 0 5px; } .sidebar h2 { background: url('images/sidebar-title.png') left top no-repeat; height: 30px; padding: 5px 0 0 0px; color: white; letter-spacing: normal; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; margin-bottom: 5px; text-align: center; text-transform: uppercase; } .sidebar ul { padding-bottom: 10px; margin: 0 -10px 0px -5px; } .sidebar ul .children { display: none; } .sidebar ul li { background: url('images/sidebar-content.png') left top no-repeat ; display: block; overflow: hidden; padding: 6px 6px 2px 10px; text-align: center; height: 22px; } .sidebar ul li a { color: white; text-decoration: none; } .sidebar ul li a:hover{ color: rgb(255,177,39); } .sidebar a{ color: white; text-decoration: none; } .sidebar a:hover{ color: rgb(255,177,39); } /* =Footer -------------------------------------------------------------- */ #footer { background: rgb(26,26,26); height: 190px; padding: 0; position: relative; width: 980px; } #footerInner{ padding-bottom: 10px; } #footer ul li{ border-top: #3F3F3F solid 2px; border-right: #3F3F3F solid 1px; border-bottom: 0px none; border-left: #3F3F3F solid 1px; float: left; list-style-type: none; padding-top: 10px; padding-right: 14px; padding-left: 14px; text-align: center; } #footer ul li:hover { border-top-color: #237FE6; } #footer ul li a { color: white; font-size: 16px; font-style: normal; font-weight: bold; text-decoration: none; text-transform: uppercase; } #footer ul li a:hover{ color: #237FE6; } #footer .footer-button { background: url('images/footer-button.jpg') center no-repeat; padding-top: 10px; width: 215px; height: 30px; } #footer ul li img{ margin-top: 7px; vertical-align: middle; } #copyright{ color: black; position: relative; height: 25px; width: 980px; } #copyright a { color: #cc0000; } #copyright a:hover { color: #f77; } /* =Clearing -------------------------------------------------------------- */ .clear { clear: both; } .clear:after { clear: both; content: "."; display: block; float: none; height: 0; overflow: hidden; visibility: hidden; } /* Hide from IE-mac \*/ * html .clear { float: left; height: 1%; } /* End hide from IE-mac */