/* Theme Name: ascetic Theme URI: http://ascetic.curtisblackwell.com/download Description: as•cet•ic |ə'setik| adjective characterized by or suggesting the practice of abstention from all forms of indulgence. (Based on Starkers by Elliot Jay Stocks). Version: 0.1 Author: Curtis Blackwell Author URI: http://curtisblackwell.com Tags: white, one-column, left-sidebar, fixed-width */ * { margin: 0; padding: 0; } html, body { height: 100%; margin-bottom: 1px; /*forces vertical scroll bar to keep centered content from shifting-thanks to http://ryanfait.com/resources/forcing-vertical-scrollbars/*/ } body { color: gray; font: 16px "Times New Roman", "Times", serif; } #body-wrap { margin: 0 auto; width: 980px; } ul { list-style: none; } ol { list-style: none; } li {} img { border: none; margin: 5px; vertical-align: middle; } /*==UTILITY==*/ .alignleft { float: left; } .alignright { float: right; } .wp-caption.aligncenter { margin: 10px auto; } .aligncenter { display: block; margin: 0 auto; } .wp-caption { background: #cccccc; border: 1px solid #666; margin: 10px; padding: 10px; text-align: center; } p.wp-caption-text { padding: 10px 0 0; } .gallery {} .gallery-item {} .clear { clear: both; } .clearLeft { clear: left; } .clearRight { clear: right; } /*==TYPE==*/ h1 { font: bold 375%/150% "Georgia", "Times", "Times New Roman", serif; } h1, h1 a { color: #eee; } p#description { font-size: 125%; } h2, h3, h4, h5, h6 { font-family: "Arial", "Verdana", sans-serif; font-weight: bold; } h2 { font-size: 150%; } h2.title { font-size: 300%; line-height: 130%; } h2.title, h2.title a { color: silver; } h3, h5 { text-transform: uppercase; } h3 { color: #999; font-size: 200%; font-weight: bold; } h3.post-title { color: #999; } h4 { color: #8a8a8a; font-size: 150%; font-style: italic; } h5 { color: #999; font-size: 130%; font-weight: normal; } h6 { color: #aaa; font-size: 115%; font-style: italic; font-weight: normal; } p, pre, ul, ol { padding-bottom: 10px; } ul li ul, ol li ol { padding-bottom: 0; } a { color: silver; font-weight: bold; text-decoration: none; } a:hover, a:active { text-decoration: underline; } strong { font-weight: bold; } em { font-style: italic; } /*==STRUCTURE==*/ #text-wrap { float: right; width: 784px; } #text-wrap ul { list-style: disc outside; margin-left: 2em; } #text-wrap ul li li { margin-left: -1em; } #text-wrap ol { list-style: decimal outside; padding-left: 2.4em; } #text-wrap ol li li { margin-left: -1.2em; } /*==HEADER==*/ #header { background: white; border: 1px solid black; margin-bottom: 10px; padding: 1.5em; } img#rss { float: right; } #header form#searchform { float: right; } p#description, form#searchform { display: inline; } /*==POST==*/ p.author { padding-bottom: 0; } span.author {} p.time {} .more-link { border-top: 1px solid black; color: gray; padding-top: 3px; } .more-title, .search-query { color: silver; font: 105% Arial; } p.post-meta {} p.post-meta a { font-family: "Arial", "Verdana", sans-serif; } #pages { margin-bottom: 10px; } h3#post-pages, p#page-numbers { display: inline; } h3#post-pages { color: #999; font-size: 16px; font-weight: bold; text-transform: none; } p#page-numbers { color: gray; font-weight: bold; } p#page-numbers a { color: silver; } #post-tags { background: #fafafa; margin-bottom: 10px; padding: 10px 10px 0; } .older, .newer { display: inline; margin-bottom: 5px; } .older { float: left; } .newer { float: right; } /*==COMMENTS==*/ h2#responses { background: #aaa; color: white; font: bold 300% "Arial", "Verdana", sans-serif; margin-bottom: 10px; padding: 10px; text-align: center; text-transform: uppercase; } #text-wrap ol.comments { list-style-type: none; margin-bottom: 10px; padding-left: 0; } #text-wrap ol.comments li, #text-wrap ol.comments li.alt { padding: 1em 0 0 1.2em; } ol.comments li { background: white; border: 1px solid #fafafa; } ol.comments li blockquote:before { margin-top: -5px; } ol.comments li blockquote { margin: 0 auto 10px; padding: 10px 15px; text-indent: -30px; } ol.comments li blockquote p:first-child { margin-top: 10px; } ol.comments li.alt { background: #fafafa; } ol.comments li.alt blockquote { background: white; } .avatar { float: left; width: 50px; } .comment-body { margin-left: 70px; } .comment-meta { border-bottom: 1px solid #999; width: 669px; } cite.author { text-indent: 0; } p.comment-date { float: right; } .comment-text { width:669px; } img#comments-rss, p#comments-feed { display: inline; } input#author, input#email, input#url { margin-bottom: 5px; } input#author {} input#email {} input#url {} textarea#comment { display: block; margin-bottom: 5px; } input#submit {} /*==SIDEBAR==*/ ul#sidebar { border: 1px solid gray; padding: 10px; width: 15%; } /*==FOOTER==*/ #wrapper { /*sticky-sticky thanks to http://ryanfait.com/sticky-footer/*/ height: auto !important; height: 100%; margin-bottom: -50px; /*must be negative value of #push and #footer height*/ min-height: 100%; } #push, #footer { height: 50px; } /*must be absolute value of #wrapper margin-bottom*/ #footer { background: white; border: 1px solid black; font-size: .8em; overflow: hidden; padding: 0 20px 0 30px; } #footer a { color: white; } img#wp { /*vertically centered*/ margin-top: -15px; /*half the height*/ position: relative; top: 50%; } img#cblogo { /*vertically centered-see img#wp for the bear necessities*/ float: right; margin-top: -13px; position: relative; top: 50%; width: 100px; } p#copyright { /*vertically centered-see img#wp for the bear necessities*/ float: right; height: 16px; margin: -8px 10px 0 0; position: relative; text-align: right; top: 50%; width: 30%; } /*==404==*/ p#abyss, form#searchform { display: inline; } /*==ARCHIVE==*/ .category-archive, .tag-archive, .time-archive { color: gray; } /*==ARCHIVES==*/ ul.archives li { display: inline; list-style: none; } ul.archives li:after { content: " | "; } ul.archives li:last-child:after { content: ""; } /*==LINKS==*/ ul#bookmarks { list-style-type: none; margin-left: 0; } /*==IMAGE.PHP==*/ #separator { color: gray; } #img-title { color: silver; } #left-arrow, #right-arrow { color: gray; font-size: 400%; } /*==LIKELY TO BE UNNECESSARY==*/ pre, code { font: 14px "Consolas", "Monaco", "Courier New", "Courier", monospace; } pre { display: block; } code { background: #eee; display: inline; padding: 1px 3px; } form {} fieldset { border: 1px solid #dddddd; width: 100%; } legend { color: #ccc; font: 120% "Arial", sans-serif; } input, textarea { background: white; border: 1px solid black; color: gray; font-family: "Arial", "Verdana", sans-serif; padding: 1px; } input[type="text"] { padding: 2px; } blockquote:before { color: gray; content: open-quote " " close-quote; float: left; font-size: 200%; } li blockquote:before { margin-left: 20px; } blockquote { color: silver; background: #fafafa; margin: 0 auto 10px; padding: 5px; width: 90%; } blockquote p { margin: 0 auto; padding: 0 0 10px; text-indent: 0; width: 90%; } blockquote p:first-child { margin-top: 15px; } q:before { content: open-quote; } q:after { content: close-quote " - " attr(cite); }