/* Theme Name: Anacronico URI: http://anacronico.net63.net/blog/ Description: Two column, widget-ready feminine theme in pink, white and palest gray. Includes a one-column page template as well Version: 2.0 Author: Ana Carolina Cardoso Author URI: http://anacronico.net63.net/blog/ Tags: pink, gray, feminine, fixed width, two columns, widgets Ana Carolina http://anacronico.net63.net/blog/ This theme is by Ana Carolina Graphic of pink feather by Marcin Rybarczyk of Koszalin, Poland at http://www.wizualnie.com. Image released under Creative Commons The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* this removes default margins and padding on all elements and sets a default font and color */ * { margin: 0; padding: 0; font-family: Arial,'Lucida Sans Unicode',sans-serif; } /* STRUCTURE - margins and padding */ body { text-align: center; font-size: 62.5%; } #page { width: 670px; margin-left: auto; margin-right: auto; text-align: left; clear: both; } #singlecol { width: 670px; margin-left: auto; margin-right: auto; text-align: left; } #header { width: 670px; height: 310px; margin-left: auto; margin-right: auto; clear: both; vertical-align: top; text-align: left; } #headerimg { width: 420px; float: right; text-align: left; padding-top: 180px; } #header #headerimg h1 a, #header #headerimg a { text-align: left; } #content { float: right; text-align: left; width: 400px; padding-right: 20px; } #content2 { float: right; text-align: left; width: 600px; padding-right: 20px; } #sidebar { width: 175px; padding-left: 25px; float: left; } .left { width: 100%; clear: both; } #footer { width: 670px; margin-left: auto; margin-right: auto; height: 83px; clear: both; } /* END STRUCTURE */ /* BACKGROUNDS AND BORDERS */ body { background-color: #f5f5f5; } #page { background: transparent url(images/middle-background.gif) repeat-y; } #header { background: #f5f5f5 url(images/header.gif) no-repeat; } #singlecol { background: url(images/single-container.gif) repeat-y; } .post { border-bottom: 1px solid #ccc; } blockquote { border: 1px dotted #ccc; } #footer { background: url(images/footer.gif) no-repeat; } #stats { background: #f5f5f5; border: 1px solid #ccc; } /* END BACKGROUNDS AND BORDERS */ /* HEADER */ #header #headerimg h1, #header #headerimg a { font: 600 35px Verdana,"Lucida Grande",Helvetica,Arial,sans-serif; color: #d581a2; text-decoration: none; } .description { font: 600 1.3em 'Courier New',Courier,Garamond,'MS Serif'; color: #999; letter-spacing: .2em; margin-top: 10px; } /* END HEADER */ /* POSTS */ .post { padding-bottom: 25px; margin-bottom: 10px; } .entry { padding-top: 15px; } /* headings */ h1, h2, h3 { font-weight: 600; font-family: Verdana,"Lucida Grande",Helvetica,Arial,sans-serif; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited { color: #999; } #content h1, #content h2 { color: #999; font-size: 2.4em; } h1 a, h2 a { text-decoration: none; } .post h3, #content h3, #content2 h3 { color: #d581a2; font-size: 2.0em; } .post h3 a, #content h3 a, #content2 h3 a { text-decoration: none; } .post h3 a:link, .post h3 a:visited, .post h3 a:active, .post h3 a:hover, #content h3 a:link, #content h3 a:visited, #content h3 a:active, #content h3 a:hover, #content2 h3 a:link, #content2 h3 a:visited, #content2 h3 a:active, #content2 h3 a:hover { color: #d581a2; } h2#forumtitle, h2#singlecol { margin-top: 75px; } /* lists */ .post ul { list-style-type: none; margin-left: 10px; padding-bottom: 10px; font-size: 1.2em; } .post ol { margin-left: 30px; padding-bottom: 10px; font-size: 1.2em; } .post ul li { background: url(images/bullet.gif) no-repeat left; padding-left: 20px; } /* paragraphs */ .entry p { padding-bottom: 15px; font-size: 1.2em; line-height: 150%; } .entry blockquote p { padding: 0; } p.postmetadata { padding-top: 10px; } .postmetadata small { font-size: 1.1em; } p.editlink { text-align: right; float: right; padding-top: 5px; } .commentlist .floatright, .commentlist .floatright a { font-size: 1.2em; line-height: 150%; } p.byline { font-size: 1.2em; color: #d581a2; } #sidebar p { font-size: 1.1em; } /* blockquote */ .post blockquote { display: block; width: 60%; margin-left: 15%; margin-right: 25%; margin-bottom: 15px; padding: 10px; } /* next-previous links navigation */ .navigation { width: auto; margin-right: 20px; display: block; clear: both; padding-bottom: 20px; background: transparent; } .navigation .alignright { width: 40%; float: right; background: transparent url(images/rarrow.gif) no-repeat top right; padding-right: 20px; text-align: right; } .navigation .alignleft { float: left; width: 40%; background: transparent url(images/larrow.gif) no-repeat top left; padding-left: 20px; text-align: left; } /* link formatting - using border instead of underline */ a:link, a:visited { color: #000; } a:active, a:hover { color: #d581a2; } /* font styles and colors */ #content, .post, .entry, .post ul li, .post ol li { } h2#forumtitle, h2#singlecol, .post h2 a { font-weight: 600; color: #999; text-decoration: none; } p.postmetadata { color: #666; } p.postmetadata a:link, p.postmetadata a:visited { color: #666; } p.postmetadata a:active, p.postmetadata a:hover{ color: #cf6e9b; } small { color: #333; padding-bottom: 20px ; } blockquote { color: #666; } #stats { color: #666; } #stats a:link, #stats a:visited { color: #666; } #stats a:active, #stats a:hover { color: #cf6e9b; } a.navigation, a.more-link, .sfforumlink, .editlink { } a.more-link { background: transparent url(images/readmore.gif) left no-repeat; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; } p.editlink a:link, p.editlink a:visited { color: #999; } /* END POST FORMATTING */ /* SIDEBAR FORMATTING */ #sidebar ul { margin-bottom: 15px; list-style-type: none !important; } #sidebar ul li { } #sidebar ul li ul { list-style-type: none; } #sidebar ul li ul li { line-height: 150%; color: #000; background: url(images/bullet.gif) no-repeat top left; padding-left: 15px; font-size: .9em; } #sidebar ul li ul li a { color: #000; } #sidebar ul li ul li a:link, #sidebar ul li ul li a:visited { color: #333; border-bottom: none !important; } #sidebar ul li ul li a { text-decoration: none; } #sidebar ul li ul li a:active, #sidebar ul li ul li a:hover { color: #d581a2; border-bottom: none !important; } #sidebar ul li h2, #sidebar ul li#theme-switcher h2.widgettitle, #sidebar ul li:first-line { color: #d581a2; font-size: 1.4em; font-weight: 600; } #sidebar ul li p { width: 175px; margin-bottom: 15px; } #sidebar ul ul li:first-line { color: #333; font-weight: normal; } /* END SIDEBAR FORMATTING */ /* FORMS */ form#commentform p input, form#commentform p textarea, #sidebar ul li select, #sidebar ul li select option { background-color: #f5f5f5; } form#commentform p input, form#commentform p textarea { border: 1px solid #ccc; } #content form p, #content2 form p { padding-top: 5px; padding-bottom: 5px; } form p a:link, form p a:active, form p a:visited, form p a:hover { color: #000; } label { font-size: 14px; font-weight: bold; } #commentform p input { width: 175px; margin-right: 10px; height: 20px; } #commentform textarea { width: 380px; height: 150px; background: #f5f5f5 ; border: 1px solid #ccc; } #content2 form textarea { width: 550px; background: #f5f5f5; border: 1px solid #ccc; } #submit { background: #f5f5f5 url(images/reply.gif) no-repeat left; padding: 2px 2px 2px 18px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font: 700 1.2em Verdana,Arial,sans-serif; width: auto !important; height: auto !important; text-align: left; } /* Search form */ li#search { padding-bottom: 15px; } #searchsubmit, .searchbutton { background: #fff url(images/searchglass.gif) no-repeat left;border: none;padding-left: 20px;height: 22px;} #s { width: 125px; background: #f5f5f5 ; border: 1px solid #ccc; } #searchform { margin-bottom: 10px; } /* END FORMS */ /* BEGIN CALENDAR */ li#calendar { margin-left: 0px; padding-left: 0px; } #wp-calendar { empty-cells: show; width: 155px; margin-left: 0px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: right; font: 600 10px Verdana, Arial, Sans-Serif; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } #wp-calendar #prev a, #wp-calendar #next a { } #wp-calendar a, #wp-calendar a:link, #wp-calendar a:visited { text-decoration: none; color: #d581a2; border-bottom: none; } #wp-calendar caption { font: 700 14px Verdana, Arial, Sans-Serif; text-align: left; color: #d581a2; } #wp-calendar th { font: 700 11px Verdana, Arial, Sans-Serif; text-transform: capitalize; color: #000; background: #f3f3f3; border-right: 1px solid #fff; text-align: right; } /* END CALENDAR */ /* COMMENTS */ h3#comments { padding-top: 20px; font-size: 1.8em; } h3#respond { margin-top: 15px; font-size: 1.8em; } ol.commentlist { list-style-type: none; display: block; width: 400px; clear: both; } ol.commentlist li { padding-bottom: 10px; padding-top: 15px; border-bottom: 1px dotted #ccc; } ol.commentlist li div.floatleft { float: left; width: 75px; padding-right: 5px; border-right: 1px solid #ccc; } ol.commentlist li a:link, ol.commentlist li a:visited { color: #000; } ol.commentlist li a:active, ol.commentlist li a:hover { color: #000; } div.floatright { float: right; width: 300px; padding-left: 5px; padding-right: 5px; } .clear { clear: both; width: 100%; } .whitespace { height: 20px; background: #fff; clear: both; } #prefooter { width: 670px; height: 25px; margin-left: auto; margin-right: auto; background: url(images/single-container.gif) repeat-y; } /* END COMMENTS */ /* Miscellaneous */ .clearboth { clear: both; width: 100%; } .goright { width: 45%; float: right; padding-right: 10px; font: 500 1.0em 'Lucida Sans Unicode',Arial,sans-serif; } .goleft { width: 45%; float: left; padding-left: 10px; font: 500 1.0em 'Lucida Sans Unicode',Arial,sans-serif; } .goright a, .goleft a { text-decoration: none; } /* Images and Captions */ .aligncenter, div.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: #fff; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -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 p.wp-caption-text { font-size: 1.0em; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* Date Button */ .post-date { width: 40px; height: 43px; float: left; background: url(images/datebutton.gif); text-align: left; } .month { width: 35px; height: 15px; vertical-align: top; font: 500 11px Arial,sans-serif; color: #666; text-align: center; } .day { width: 35px; padding-top: 1px; vertical-align: bottom; height: 25px; font: 700 16px Arial,sans-serif; color: #d581a2; text-align: center; } /* Post Meta Data */ postmetadata a { border-bottom: none; } .tiny-pencil { padding-right: 20px; background: url(images/reply.gif) no-repeat top right; margin-right: 2px; } .tiny-trackback { } .tiny-comments { padding-right: 25px; padding-bottom: 5px; background: url(images/tiny-comments.gif) no-repeat top right; } .tiny-rss { padding-right: 20px; padding-top: 3px; height: 25px !important; background: url(images/tiny-rss.gif) no-repeat right; } .tiny-category { padding-right: 12px; background: url(images/bullet.gif) no-repeat right; } .tiny-trackback a, .tiny-pencil a, .tiny-comments a, .tiny-rss a, .tiny-category a { text-decoration: none; height: 25px; } p.postmetadata { font-size: 1.1em; } p.postmetadata a { text-decoration: none; color: #666; height: 25px !important; } /* "A little madness in the Spring Is wholesome even for the King But God be with the Clown Who ponders this tremendous scene This whole Experiment of Green As if it were his own" */