/* Theme Name: Adam's Razor Theme URI: http://www.adamlofting.com/adams-razor Description: "Entities must not be multiplied beyond necessity" - this is my application of Occam's Razor to Wordpress theme design. You can spend time on design once you've written everything you want to write. Until then... skip to content. It's extremely light-weight, so before installing too many plug-ins, think of Thoreau: "A man is rich in proportion to the number of things he can afford to let alone." Enjoy. Adam. Author: Adam Lofting Author URI: http://www.adamlofting.com Version: 0.3 License: GNU General Public License License URI: license.txt Tags: white, light, right-sidebar, flexible-width, custom-menu, full-width-template, sticky-post, threaded-comments, translation-ready */ /* This theme has been built up from a heavily stripped back version of twentyten. */ /* = No reset. No reset needed. -------------------------------------------------------------- */ /* =Layout -------------------------------------------------------------- */ /* =Fonts -------------------------------------------------------------- */ html, body { font-family: Georgia, serif; } h1, h2, h3, h4, h5, h6, #site-title, #site-info, #site-generator, #site-description, #colophon, .menu { font-family: sans-serif; } pre, code { font-family: monospace; } /* =Typogragpy -------------------------------------------------------------- */ html, body { line-height: 1.618; font-size: 1.1em; } h1, h2, h3, h4, h5, h6 { margin-top: 0.618em; margin-bottom: 0.618em; } h1, h2 { line-height: 1.3; } p { margin-top: 1em; margin-bottom: 0; } #site-title { margin-top: 0.618em; margin-bottom: 0; line-height: 1.1; } div#site-title { font-size: 1.4em; } blockquote { margin: 1.618em; } ul, ol { margin: 0.618em; padding: 1em; } ul ul, ul ol, ol ol, ol ul { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-roman; } ul ul ul { list-style-type: disc; } a { text-decoration:none; color:#0645ad; } a:visited { color:#0b0080 } a:active { color:#faa700 } a:hover, a:focus { text-decoration:underline } .skip-link { margin: 1.618em 0; } .page-link { margin: 1.618em 0 0; clear: both; } .wp-caption-text { margin-top: 0; text-align: center; display: block; } .gallery-caption { font-size: 0.618em; } /* Links that don't leave the page in red */ a.skip-link:link, a.skip-link:hover, a.skip-link:visited { color: #DD4433; } /* Grey text */ #site-description, #site-info, #site-generator { color: #999; } /* =Structure -------------------------------------------------------------- */ body { padding: 0; margin: 0; } #wrapper { display: inline; float: left; background: #FDFDFD; width: 100%; } #branding { padding: 0.618em 5%; } #content, #footer { clear: both; } #container { width: 90%; margin: 0 5%; } #content { display: inline; float: left; width: 61%; max-width: 27em; } .home #content { padding-top: 0.618em; } div.post, div.page { display: inline; float: left; width: 100%; margin: 0; padding: 0.618em 0; border-bottom: 1px solid #DDD; } div.sticky { background: LightGoldenRodYellow ; padding: 0.318em 5% 0.618em; width: 90%; border-top: 1em solid PaleGoldenRod; margin-top: 1em; } #colophon { background: #F9F9F9; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 0.618em 5%; margin: 2.618em 0 1.618em; } #site-info { padding: 0.618em 5% 0; } #site-generator { font-size: 0.618em; padding: 0.618em 5% 2.618em; } .entry-content { margin: 0 0 2.618em; } /* =Global Elements -------------------------------------------------------------- */ table { border-top: 1px dashed #DDD; border-right: 1px dashed #DDD; border-left: 1px dashed #DDD; } th, td { border-bottom: 1px dashed #DDD; padding: 0.5em 0.618em; text-align: left; } /* =Header -------------------------------------------------------------- */ #header { display: inline; float: left; width: 100%; background: #F9F9F9; border-bottom: 1px solid #DDD; } /* =Menu -------------------------------------------------------------- */ #access ul { display: inline; float: left; padding: 0; margin: 0.618em 5%; font-size: 0.618em; position: relative; left: -0.618em; } #access ul li{ display: inline; } #access ul li a{ display: inline; float: left; padding: 0.618em; margin: 0 0.381em 0.381em 0; } #access ul li a:hover{ background: #DDD; } /* =Content -------------------------------------------------------------- */ #content iframe { max-width: 95%; } /* =Asides -------------------------------------------------------------- */ /* =Gallery listing -------------------------------------------------------------- */ /* =Attachment pages -------------------------------------------------------------- */ .single-attachment #content { width: 100%; max-width: 800px; } /* =Images -------------------------------------------------------------- */ img { border: solid 1px #DDD; padding: 1px; background: #FFF; } .post img, .wp-caption, .widget-area img, .single-attachment #content img { max-width: 99%; height: auto; } .wp-smiley { border-width: 0px; } .aligncenter, div.alignnone { display: block; margin-left:auto; margin-right: auto; margin-top: 1.618em; margin-bottom: 1.618em; } .alignleft { display: inline; float: left; margin: 0.618em 1.618em 1.618em 0; } .alignright { display: inline; float: right; margin: 0.618em 0 1.618em 1.618em; } .size-thumbnail { margin: 0 0.618em 0.618em 0; } /* =Navigation -------------------------------------------------------------- */ .nav-previous, .nav-next { display: inline; float: left; width: 50%; height: 1.618em; padding: 1em 0 2.617em; } .nav-next { text-align: right; } /* =Comments -------------------------------------------------------------- */ #comments { display: inline; float: left; width: 100%; margin: 0; padding: 0; } .nocomments { background: #F9F9F9; padding: 0.618em 5%; width: 90%; clear: both; display: block; margin-top: 0px; } .commentlist { background: #F9F9F9; display: inline; float: left; width: 100%; clear: both; padding: 0px; margin: 0px; list-style-type: none; } .commentlist p { width: auto; } .comment-body, .pingback p { padding: 0 0.618em 0 0; margin: 0; } .commentlist ul.children { padding: 0; margin: 0.618em 0 0; } .commentlist ul.children li { padding: 0.618em 0 0.618em 0.618em; margin: 0 0 0 2.617em; list-style-type: none; border-left: 1px solid #DDD; } .comment, .pingback { display: block; padding: 0.618em 0 0.618em 0.618em; margin: 0; } li.thread-odd { background: #F9F9F9; } li.thread-even { background: #F0F0F0; } .bypostauthor, .commentlist ul.children li.bypostauthor { border-left: 6px solid #9BB5DE; } .vcard img { display: inline; float: left; margin: 0 0.618em 0.618em 0; } .reply { font-size: 0.618em; text-align: right; margin: 0 0.618em 0 0; } #commentform input, #commentform textarea { display: block; width: 98%; } #commentform input[type="submit"], #submit { font-size: 1em; padding: 0.618em; } .comment-notes { color: #999; } #respond { padding: 0.381em 0 1em; background: #E0E0E0; float: left; width: 100% } #respond h3, #respond form { padding-left: 0.618em; padding-right: 0.618em; } /* =Widget Areas -------------------------------------------------------------- */ #primary { display: inline; float: right; width: 27%; border-left: 1px dashed #DDD; margin: 4.236em 0; padding: 0 0 2.617em 2%; } #pre-footer { display: inline; float: left; clear: both; width: 100%; padding: 2.617em 0; } .widget-area ul, .widget-area ol { margin: 0; padding: 0 1em 0 1em; } #pre-footer .widget-area { display: inline; float: left; width: 33%; } .widget-area input[type="submit"] { padding: 0.618em; } .widget-area label { display: block; } .widget-container { display: inline; float: left; width: 100%; padding: 0 0 2.617em; } /* =Footer -------------------------------------------------------------- */ #colophon { font-size: 0.618em; } /* =Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ @media only screen and (max-width : 800px) { #content , #pre-footer .widget-area { width: 100%; } #primary { width: 100%; border-left: 0px; margin: 0; padding: 1.618em 0; } th, td { padding: 0.3em; } } /* =Print Style -------------------------------------------------------------- */ @media print { #access, #primary, #pre-footer{ display: none; } #content { width: 100%; max-width: 100%; } }