/* THEME NAME: Acaronia THEME URI: http://anewtheme.eenwebsitevanbas.nl DESCRIPTION: A theme what is neat and simple. Easy to adjust. It supports featered images, date-buttons, and many more... VERSION: 1.3 AUTHOR: Bas Weinans TAGS: white, black, red, fixed-width, two-columns, right-sidebar License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html --------------------------------------------------------------*/ 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, FONT, 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } BODY { line-height: 1; } H1, H2, H3, H4, H5, H6 { clear: both; font-weight: normal; } OL, UL { list-style: none; } BLOCKQUOTE { quotes: none; } BLOCKQUOTE:before, BLOCKQUOTE:after { content: ''; content: none; } DEL { text-decoration: line-through; } /*tables still need 'cellspacing="0"' in the markup*/ TABLE { border-collapse: collapse; border-spacing: 0; } A IMG { border: none; } /*Start CSS*/ BODY { background-image: url(images/body-bg.png); background-repeat: repeat-x; background-color: #DADADA; padding: 0px; margin: 0px; font-family: Corbel, "Trebuchet MS", Arial; font-size: 11pt; } /*Div's*/ #wrapper { width: 1000px; margin: auto; } #header { background-image: url(images/header.png); width: 1000px; height: 189px; } #header-info { overflow: hidden; } #container { overflow: hidden; background-image: url(images/container-bg.png); background-repeat: repeat-y; } #content { width: 589px; float: left; padding: 0 20px; margin-left: 9px; background-position: left; } #right-content { float: left; width: 353px; } #primary { border-left: 1px solid #E4E3E4; border-right: 1px solid #E4E3E4; width: 297px; } #footer-shadow { overflow: hidden; background-image: url(images/footer-shadow-sides.png); background-repeat: repeat-y; margin-left: 9px; } #footer { width: 974px; float: left; background-image: url(images/footer-gradient.png); background-repeat: repeat-x; min-height: 70px; margin: 0px 0px 0px 4px; background-color: #343434; text-align: center; padding: 10px 0px 0px; color: #DADADA; } FORM#commentform .form-label { margin: 1em 0 0; } /*Font Style*/ .blog-title, .blog-title A, .blog-title A:visited, .blog-title A:hover { padding: 25px 0px 0px 5px; text-transform: uppercase; font-family: Calibri, Verdana; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 27pt; } #blog-description { padding: 0 0px 10px 12px; font-size: 17pt; font-family: Calibri; color: #E93700; } P { margin-bottom: 18px; } A, A:active, A:visited { color: #E93700; text-decoration: none; } A:hover { color: #CC3300; } /*Menu =Menu --------------------------------------------------------------*/ #access { background-image: url(images/menu-bg.png); background-repeat: repeat-x; display: block; float: right; margin: 0 13px 0 auto; width: auto; } #access .menu-header, DIV.menu { font-size: 11pt; width: auto; } #access .menu-header UL, DIV.menu UL { list-style: none; margin: 0; } #access .menu-header LI, DIV.menu LI { float: left; position: relative; } #access A { color: #FFF; display: block; line-height: 38px; padding: 0 10px; text-decoration: none; font-variant: small-caps; text-transform: capitalize; } #access UL UL { box-shadow: 0px 3px 3px rgba(0, 0, 0, 0,200000002980232); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; } #access UL UL LI { min-width: 180px; } #access UL UL UL { left: 100%; top: 0; } #access UL UL A { background: #2A2A2B; line-height: 1em; padding: 10px; width: 160px; height: auto; } #access LI:hover>A, #access UL UL :hover>A { color: #E30; } #access UL LI:hover>UL { display: block; } #access UL LI.current_page_item>A, #access UL LI.current-menu-ancestor>A, #access UL LI.current-menu-item>A, #access UL LI.current-menu-parent>A { color: #FFF; } * HTML #access UL LI.current_page_item A, * HTML #access UL LI.current-menu-ancestor A, * HTML #access UL LI.current-menu-item A, * HTML #access UL LI.current-menu-parent A, * HTML #access UL LI A:hover { color: #FFF; } /*Divers*/ .alignright, IMG.alignright { float: right; margin: 1em 0 0 1em; } .alignleft, IMG.alignleft { float: left; margin: 1em 1em 0 0; } .aligncenter, IMG.aligncenter { display: block; margin: 1em auto; text-align: center; } DIV.gallery { clear: both; height: 180px; margin: 1em 0; width: 100%; } P.wp-caption-text { font-style: italic; } .gallery DL { margin: 1em auto; overflow: hidden; text-align: center; } .gallery DL.gallery-columns-1 { width: 100%; } .gallery DL.gallery-columns-2 { width: 49%; } .gallery DL.gallery-columns-3 { width: 33%; } .gallery DL.gallery-columns-4 { width: 24%; } .gallery DL.gallery-columns-5 { width: 19%; } #nav-above { margin-bottom: 1em; } #nav-below { margin-top: 1em; } #nav-images { height: 150px; margin: 1em 0; } .navigation { height: 1.25em; } .navigation DIV.nav-next { float: right; text-align: right; } /*Entry*/ .post { margin-bottom: 30px; } .thumbnail { float: left; clear: left; margin: 5px 5px 0px 0px; } .entry-content P { float: none; clear: none; } .entry-content { } .entry-title { font-family: Georgia; color: #2C2C2C; clear: right; padding: 20px 0px 7px; } .entry-title A, .entry-title A:active, .entry-title A:visited, .entry-title A:hover { color: #2C2C2C; } .entry-meta { padding: 2px 0 0; border-top: 1px solid #EFEEF0; text-align: right; clear: both; } .commented-icon { padding: 0px 0px 0px 20px; background-image: url(images/comment-icon.png); background-repeat: no-repeat; background-position: center left; margin: 0px 0px 0px 10px; } .category-icon { padding: 0px 0px 0px 20px; background-image: url(images/category-icon.png); background-repeat: no-repeat; background-position: center left; margin: 0px 0px 0px 10px; } .tags-icon { padding: 0px 0px 0px 20px; background-image: url(images/tag-icon.png); background-repeat: no-repeat; background-position: center left; margin: 0px 0px 0px 10px; } .entry-date { } .entry-writer { border-top: 1px solid #EFEEF0; text-align: right; padding: 0px 0px 10px; color: #DADADA; } .entry-writer A, .entry-writer A:active, .entry-writer A:visited { color: #DADADA; } .entry-writer A:hover { text-decoration: underline; } .post-date { background-image: url(images/date-button.png); background-repeat: no-repeat; height: 48px; width: 49px; margin: 0 0px 0px -28px; overflow: hidden; float: left; padding: 0px 10px 0px 0px; } .day { color: #2C2C2C; font-weight: bold; padding: 0 0px 0px 10px; font-size: 18pt; } .month { color: #E93700; font-weight: bold; padding: 0px 0px 0px 10px; font-size: 13pt; } .edit-link { padding: 0px 0px 0px 20px; background-image: url(images/edit-icon.png); background-repeat: no-repeat; background-position: center left; margin: 0px 0px 0px 10px; } #edit { clear: both; text-align: right; } /*Comments*/ .depth-1 { width: 100%; } .comment { margin: 30px 0px 0px; float: right; } UL.children .avatar { background-position: top; padding: 29px 10px 10px; } .avatar { padding: 10px; } .comment-author.vcard { width: 120px; background: url(images/comment-arrow-right.png) no-repeat right top; margin: 0 20px 0 0; display: inline; float: left; } .commentlist CITE, .commentlist CITE A { font-weight: bold; font-style: normal; font-size: 16px; color: #2C2C2C; float: left; clear: both; } UL.children LI { width: 90%; } UL.children { } UL.children P { } UL.children DIV.comment-author.vcard { background-image: url(images/comment_arrow2_top.jpg); margin-right: 5px; } UL.children .avatar { background: url(images/comment-arrow-top2.png) no-repeat left top; padding: 30px 13px 10px 11px; } .reply A { font: italic 13px Georgia, "Times New Roman", Times, serif; padding: 5px; background: #F0F0F1; border: 1px solid #DCDBDB; clear: right; float: right; display: inline; } UL.children .commentmetadata { font-weight: normal; padding-bottom: 10px; margin-top: 18px; clear: none; } TEXTAREA#comment { height: 13em; margin: 0 0 0.5em; overflow: auto; width: 66%; } .comment BLOCKQUOTE { margin-left: 125px; } /*Comments form*/ INPUT[type=submit] { font: italic 13px Georgia, "Times New Roman", Times, serif; padding: 5px; background: #F0F0F1; border: 1px solid #DCDBDB; color: #E93700; cursor: pointer; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } H3#reply-title { margin: 17px 0 18px; font-family: Georgia; color: #2C2C2C; font-size: 16pt; padding: 30px 0 0; } #comments-list #respond { margin: 0 0 18px; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #E93700; font-weight: bold; padding-right: 7px; } #respond LABEL { color: #888; padding-right: 5px; } #respond INPUT { margin: 0 0 9px; width: 98%; } #respond TEXTAREA { width: 98%; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags CODE { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit INPUT { font-size: 14px; width: auto; } INPUT[type="text"], TEXTAREA { background: #F9F9F9; border: 1px solid #CCC; padding: 3px; } /*Sidebar*/ .sidebar H3 { font-size: 1.2em; font-family: Georgia; color: #2C2C2C; } #primary .widget { padding: 0px 20px 20px; background-image: url(images/sidebar-border.png); background-repeat: repeat-x; background-position: bottom; } .sidebar INPUT#s { width: 16em; float: left; } #searchform .button { background-image: url(images/search.png); background-repeat: no-repeat; width: 28px; border: 0px solid #000000; height: 26px; float: right; } .widget_search { width: 259px; overflow: hidden; } .sidebar LI { margin: 0 0 0.8em; } .cat, .archive { padding: 0px 20px 20px; background-image: url(images/sidebar-border.png); background-repeat: repeat-x; background-position: bottom; } .sidebar LI FORM { margin: 0.2em 0 0; } .sidebar UL UL { margin: 0 0 0 1em; } .sidebar UL UL LI { list-style: none; margin: 0; } .sidebar UL UL UL { margin: 0 0 0 0.5em; } .sidebar UL UL UL LI { list-style: none; } /*Sidebar in Footer*/ .footer-text { padding-bottom: 16px; padding-top: 10px; } #footer-sidebar { display: block; overflow: hidden; padding: 0px 0px 10px; color: #DADADA; font-size: 11pt; } #footer-sidebar LI { list-style: none; } #footer-sidebar1 { float: left; width: 33%; } #footer-sidebar2 { float: left; width: 33%; } #footer-sidebar3 { float: right; width: 33%; } /*Post navigation*/ .gallery DL, .navigation .nav-previous { float: left; } INPUT#author, INPUT#email, INPUT#url { width: 50%; } DIV.gallery *, DIV.sidebar DIV, DIV.sidebar H3, DIV.sidebar UL { margin: 0; padding: 0; } .gallery-caption { } .bypostauthor { } .sticky { } BLOCKQUOTE { border: 1px solid #DADADA; background-color: #EFEEF0; padding: 5px; font-style: italic; margin: 10px; } BLOCKQUOTE P { padding: 0px; margin: 0px; } .entry-content UL { list-style-type: circle; margin: 0px 0px 0px 45px; } .entry-content OL { list-style-type: decimal; margin: 0px 0px 0px 50px; } DL { margin: 10px; } DT { font-weight: bold; padding: 5px 0px 0px; } DD { padding-left: 10px; }