/* Theme Name: migas Description: food blog. Version: 1.0 Author: Trent Walton Author URI: http://trentwalton.com/ */ /* Colour Palette -------------------------------------------------------------- Green - #84a871 Blue - #d4e1e8 Brown - #5e5240 Light Brown = #766c5c --------------------------------------------------------------*/ /* Reset -------------------------------------------------------------- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;} table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;} caption,th,td{text-align:left;font-weight:400;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:;} a img{border:none;} /* Grid -------------------------------------------------------------- */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* Page -------------------------------------------------------------- */ body { background-color:#5e5240; margin-top:0px; } #header { background: #84a871;height: 110px;} #logo { margin-top:64px;} #content { background: #fff;padding:5em 0px; } #twitter a{ color: #766c5c!important; text-align: center!important;text-transform: uppercase;font-family: Georgia, "Times New Roman", Times, serif;float: right;text-decoration: none;z-index: 600;} #twitter a:hover{text-decoration: underline;color: #4a4032!important; } #twitter h3{margin: 0px; padding-bottom: 0px;} #twitter-bottom{background: url(img/twitterbgbottom.png) no-repeat center bottom; height: 45px;width: 900px; margin: -30px 0 30px ; padding: 15px 30px;} #twitter {background: url(img/twitterbg.png) no-repeat top; margin: -30px 0 0px ; padding: 20px 25px;} #twitter h3 a{float: none; text-transform: none;} #footer { color:#fff; } /* Typography -------------------------------------------------------------- */ /* Default font settings The font-size percentage is of 16px (0.75 * 16px = 12px) */ body { font-size: 80%;line-height: 1.8;color: #766c5c;font-family: "Lucida Grande", Lucida, Verdana, sans-serif;} p { margin: 0 0 2em; } p.last { margin-bottom: 0; } p img { float: left; margin: 0 1.5em 1.5em 0; padding: 0; } img { margin: 0 0 1em; -ms-interpolation-mode:bicubic; } iframe{margin-bottom: 1em;} .entry p{margin: 0 0 2.5em;} strong { font-weight: bold; } em { font-style: italic; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6,.post-quote p {font-family: Georgia, "Times New Roman", Times, serif;} h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 24px; margin-bottom: 15px;text-transform: uppercase;line-height: 1;} h3, .post-quote p { color: #766c5c;font-size: 22px; margin-bottom: 15px;text-transform: none;line-height: 1;text-align: center;font-style: italic; padding-bottom: 15px;} h4 { font-size: 22px;text-transform: none;line-height: 1.5;} h5, .widget_recent_entries h2 { font-size: 22px; margin-bottom: 10px;background: url(img/dotfooter.jpg) repeat-x 0 bottom; line-height: 1; padding-bottom: 15px;text-transform: none;} h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; } #footer h2 { border-bottom-color:#044484; color:#fff} .post-quote p{margin: 0;} /* Links -------------------------------------------------------------- */ a { color:#5e5240 ; text-decoration: underline; } a:focus, a:hover {text-decoration: underline;color: #1c1913;} a:visited {} a:visted:hover {} a, #nav a{-webkit-transition: color .2s linear;} .more-link a{-webkit-transition: background-color .2s linear;} /* Tables - You still need cellspacing="0" in the markup -------------------------------------------------------------- */ table {} thead {} tbody {} tfoot { font-style: italic; } th,td { padding: 4px 10px 4px 5px; } th { border-bottom: 2px solid #ccc; font-weight: bold; background: #eee; } td { border-bottom: 1px solid #ddd; } tr {} caption { background: #ffc; } /* Use this if you use span-x classes on th/td. */ table .last { padding-right: 0; } tr.even td { background: #eef; } /* Lists -------------------------------------------------------------- */ li ol { margin:0 1.5em; } ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: none; margin: 0px 1.5em 1.5em 0px; } ul li { margin-bottom:0.75em;} ol { list-style-type: decimal; } ol + li {} dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; width:100px; float:left;} dd { margin-left: 1.5em;} /* Forms -------------------------------------------------------------- */ form {} fieldset {padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;} legend {font-weight: bold; font-size:1.2em;} legend .span {} label {font-weight: bold;} input[type='text'] {} input[type='checkbox'] {} input[type='radio'] {} input[type='file'] {} textarea { width: 400px; height: 250px; padding:5px; } select { width:200px; } option {} optgroup {} input:focus,textarea:focus,select:focus { border:1px solid #666; } input,textarea, select { margin:0.5em 0; border:1px solid #bbb; } /* Other Elements -------------------------------------------------------------- */ blockquote { margin: 1.5em; color: #666; font-style: italic; } dfn { font-style: italic;font-weight: bold; background: #ffc; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; font-style: normal; } del { color:#666; } pre,code { margin: 1.5em 0; white-space: pre; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* Navigation -------------------------------------------------------------- */ #nav {float: right;font: 17px Georgia, "Times New Roman", Times, serif;} #nav ul { width:100%; margin: 0px;} #nav ul li { list-style-type: none; margin:0px 0px 0px 17px; text-transform: uppercase;display: inline;} #nav a { color:#fff; text-decoration: none;padding:19px 0 0px;display: inline-block; height:25px; margin-top: 75px;} #nav a:hover {color: #d4e1e8;} /* Classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .hide { display: none; } .quiet { color: #666; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { background: #FBE3E4; border-color: #FBC2C4; } .notice { background: #FFF6BF; border-color: #FFD324; } .success { background: #E6EFC2; border-color: #C6D880; } .error, .error a { color: #D12F19; } .notice, .notice a { color: #817134; } .notice, .success a { color: #529214; } input.text, input.title { width: 300px; margin:0.5em 0.5em 0.5em 0; } input.text, input.title { border:1px solid #bbb; background:#f6f6f6; padding:5px; } input.text:focus, input.title:focus { border:1px solid #999; background:#fff; } input.title { font-size:1.5em; } img.left {float:left; clear:left;} img.right {float:right; clear:right;} img.middle {float:none; clear:both;} /* Layout -------------------------------------------------------------- */ /* Page-Specific - based on the class -------------------------------------------------------------- */ #footer a{color: #fff;text-decoration: none;} #footer a:hover{color: #d4e1e8;text-decoration: underline;} #footer ul li{margin:0 0 0px 0} .post{margin: 0 0 7em 0;} .post-date{text-align: right;} .post-title{} .post-quote, .post-details{background: url(img/dot.jpg) repeat-x 0 bottom; } .post-details a:hover{text-decoration: underline;} .post-quote{margin: 0 0 22px;} .post-quote p{margin: 0} .more-link, #commentform #submit{text-align: center;font-style: italic; margin-top: 3px;} .more-link a{background: #d4e1e8; color: #5e5240;padding-top: 7px;padding-bottom: 7px;display: block;text-decoration: none;font-family: Georgia, "Times New Roman", Times, serif;} .more-link a:hover, #commentform #submit:hover{background: #84a871; color: #fff;text-decoration: none;} .toc-left{background-color: #fff; margin: 7px 0 -7px; padding-right: 5px;font-weight: bold;font-family: Georgia, "Times New Roman", Times, serif;text-transform: uppercase;float: left;} .toc-right{background-color: #fff;margin: 7px 0 -7px; padding-left: 5px;float: right;} .dots{background: url(img/dot.jpg) repeat-x 0 bottom; margin: -8px 0 8px 0 ;width: 340px;display: inline-block;} .recipe-box-top{background: url(img/recipeboxtop.jpg) no-repeat 0 top; height: 46px;margin-top: 30px;} .recipe-page-box-top{background: url(img/recipepageboxtop.jpg) no-repeat 0 top; height: 46px;margin-top: 0px;} .recipe-box{background: url(img/recipeboxbottom.jpg) no-repeat 0 bottom; padding: 10px 15px 10px; margin-bottom: 40px;} .recipe-box li{ margin: 0px 0px 12px;line-height: 1.2;} .recipe-box #searchform #s{width: 270px;} .recipe-search{ margin-bottom: 10px;} .previous-entries, right{float: right;} .navigation{clear: both;} .navigation a{} .navigation a:hover{color: #352e24;} .articles-list{margin: 0px; padding: 0px;} .articles-list ul{margin: 0;padding: 0;} .articles-list li{ padding: 0px 0px 0px; margin: 0px 0px 30px;list-style-type: none;float: left;} .articles-list a:hover{text-decoration: underline;} .articles-list .dots{width: 520px;} h3#comments {margin-bottom:0.5em;} .commentlist li {list-style-type: none;padding: 20px 20px 20px 0px;background: url(img/dot.jpg) repeat-x 0 top;} .commentlist {margin:25px 0px 0px; padding: 0px; } #commentsbox{background-color: #ecebeb;padding: 20px 0px;} .commentlist li .avatar { float: right;margin-left:10px;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;} .commentlist p {margin-bottom: 0px; } #commentform p {} .commentmetadata {font-weight: normal;float: right;clear: both;} .commentmetadata a {} .alt {background: url(img/dot.jpg) repeat-x 0 top}.url{} .commenttext{margin-top: 15px;} /* Begin Form Elements */ .searchfooter ul{margin: 1.3em 0px 2.4em; padding: 0px;} #searchbox {float:right;clear:both;position:relative;display:inline;z-index:-100;margin-top:-3px;padding:0px 10px;margin-right:0px;} #searchform #s {width: 180px;padding: 6px 0px 0px 0px;display: inline-block;float: left;} #searchsubmit {padding: 0px 8px 0px;background: url(img/searchboxgobg.png) no-repeat right;border-style: none; height: 24px;margin:3px 0px 0px;color: #5e5240;text-transform: none;font: italic 120% Georgia, "Times New Roman", Times, serif;} #searchsubmit:hover {cursor: pointer;text-decoration: underline;} input#s{border-style: none;background:url(img/searchboxbg.png) no-repeat left; height: 24px; margin: 0px;display: inline-block;} .entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;} select {width: 130px;} #commentform input {width: 160px;padding: 2px;margin: 5px 5px 1px 0;} .replytop{height: 37px;background-image: url(img/replytop.jpg); margin-top: 30px;} .loggedin{float: right;} #commentform textarea {border: none;width: 570px;padding: 10px 0 0 10px;background: #fcf6e0;margin:-10px 0 0px; -moz-border-radius: 15px;-webkit-border-radius: 15px;} #commentform #submit {margin: 30px 0px 0px;float: right;padding: 9px; border: none;color: #5e5240;font-family: Georgia, "Times New Roman", Times, serif; background: #d4e1e8; /* background: #fff; */ -moz-border-radius: 6px; -webkit-border-radius: 6px; } #commentform #submit:hover{ cursor:pointer;} /* End Form Elements */ .widget_categories li, .widget_archive li {margin: 0;}