/* Theme Name: big world | small kitchen - Kazia Jankowski Blog Theme Theme URI: www.bigworldsmallkitchen.com Description: Version: 1.0 Author: Brandon Sorg Author URI: http://brandonsorg.com */ /* MAIN / LAYOUT ----------------------------------------------- */ body { background-color: #fff; color: #666; font-size: 11px; font-family: "Lucida Grande", sans-serif; } #container { width: 700px; margin: 0 auto; padding-right: 150px; /* makes site slightly off center */ position: relative; /* helps with positioning of elements within and z-index */ } #header { margin: 20px 0 20px 0; } #sidebar { width: 200px; margin: 30px 0 0 15px; float: left; line-height: 18px; } #content { width: 450px; float: right; } #footer { margin: 40px 0 20px 0; text-align: center; color: #cf723a; } #footer ul { } #footer li { display: inline; } #footer li span.divider { margin: 0 13px 0 15px; } /* added via js */ /* NAVIGATION / SIDEBAR ----------------------------------------------- */ ul#navigation { list-style-type: none; width: 160px; } #navigation li { line-height: 0px; position: relative; } #sidebar h4 { line-height: 18px; margin: 0px; } #sidebar img { margin: 12px 0 6px 0; } /* dashes image */ #sidebar li { padding-left: 8px; text-indent: -8px; } /* indents bottom lines when going on two lings */ #sidebar #mainlinks { margin-bottom: 30px; } #searchform { margin-bottom: 10px; } #searchform input { color: #ccc; } #searchform input:focus { color: #333; } #twitter { border:1px solid #aaa; padding: 8px; margin-bottom: 30px; } #twitter h4 { margin-bottom: 6px; } #twitter h4 a { color: #8ec3c6; } #twitter p { margin-bottom: 0px; } #twitter .date a { margin-top: 8px; } #recent-posts li { margin-bottom: 15px; } #recent-posts li:last-child { margin-bottom: 0px; } #recent-posts a { line-height: 14px; } a.corresponding-recipe, a.corresponding-recipe:hover { color: #f3bb7e; font-style: italic; } /* facebook */ .fbLikeContainer { } /* posts, etc */ #facebookLikeBox { margin-bottom: 30px; } /* site like box */ /* award */ #award { margin-bottom: 30px; border: 1px solid #aaa; padding: 8px; } #award h4 { margin-bottom: 6px; } #award a { display: block; margin: 0 auto; } /* sidebar badge */ #sidebar a.badge { width: auto; margin-bottom: 30px; } #sidebar a.badge img { margin: 0 !important; } /* feedburner email signup box */ /* some inline styling came with, a few additional edit here with ids and class i added */ #feedburnerEmailSignup { margin-bottom: 30px; } #feedburnerEmailSignup input[type='submit'] { margin-bottom: 10px; } #feedburnerEmailSignup .subscribeNote { margin-top: 10px; } #feedburnerEmailSignup .feedburnerLink { width: 180px; } /* last two rules not needed anymore */ .feedburnerLink a { display: inline !important; } /* HEADERS ----------------------------------------------- */ a#header { /* for image replacement */ text-indent: -5000px; background: #fff url(lib/imgs/kazia-logo.jpg) no-repeat; width: 330px; height: 120px; display: block; } a#header:active { position: relative; top: 1px; } h1, .home h2 { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 30px; color: #8ec3c6; margin-bottom: 12px; text-transform: lowercase; } h1 a, .home h2 a { color: #999; } h2 { font-size: 18px; color: #999; margin-bottom: 15px; } /* h3s are in comments */ h3 { } /* sidebar headers */ h4 { font-size: 12px; color: #8ec3c6; margin-bottom: 5px; text-transform: lowercase; } /* LINKS ----------------------------------------------- */ a { color: #cf723a; text-decoration: none; } a:hover { color: #666; } .current_page_item { font-weight: bold; } #sidebar a { width: 150px; display: block; } #sidebar a:hover { color: #cf723a; } /* TYPOGRAPHY / STYLING ----------------------------------------------- */ /* PARAGRAPHS */ p { line-height: 14px; margin-bottom: 15px; } * p:last-child {margin-bottom: 0;} /* for good browsers */ /* LISTS */ #content ul { list-style-type: disc; margin: 0 0 15px 25px; } #content ul li { margin-bottom: 2px; } #content ol { list-style-type: decimal; margin: 0 0 15px 28px; } #content ol li { margin-bottom: 2px; } /* INDIVIDUAL PAGES OR SECTIONS ----------------------------------------------- */ /* POST - front page */ .post { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 30px; } .post-date { margin-bottom: 12px; text-transform: lowercase; } a.post-recipeCard { float: left; margin: 0 6px 3px 0; } .read-more { color: #8ec3c6; text-transform: lowercase; font-style: italic; position: relative; top: -3px; } .wp-post-image { margin: 0 0 10px 0; } /* SINGLE */ /* SINGLE RECIPE */ #bonusSiteInfo { margin-top: 20px; color: #cf723a; } #bonusSiteInfo p { margin: 0; padding: 0; } #bonusSiteInfo p.url { color: #999; } a#printRecipeButton { color: #8ec3c6; margin-top: 18px; float: left; margin-left: 10px; } #bonusSiteInfo { display: none; } /* hides additional info to be printed on recipe pages, revealed in print.css */ /* POST & RECIPE ARCHIVE */ ul#archiveList { font-size: 14px; line-height: 16px; list-style-type: none; margin-left: 0px; } #archiveList li a { color: #666; } #archiveList li a:hover { color: #cf723a; } /* RECIPE ARCHIVE adjustments */ .page-id-506 h1 { margin-bottom: 20px; } .page-id-506 h2 { margin-bottom: 10px; color: #F3BB7E; } #content ul.recipeCategory { font-size: 14px; line-height: 16px; list-style-type: none; margin-left: 0px; margin-bottom: 20px; } #content .recipeCategory li a { color: #666; } #content .recipeCategory li a:hover { color: #cf723a; } /* NOW READING - page-id-20 */ .page-id-20 h1 { margin-bottom: 30px; } .now-reading-post h2 a { font-size: 18px; color: #999; } .now-reading-post h2 a:hover { color: #666; } div.now-reading-post { margin-bottom: 75px; } .now-reading-post-content { } .now-reading-thumb { float: left; padding: 0 20px 20px 0; } /* NOW EATING - page-id-15 */ #now-eating-image { margin-bottom: 15px; } .now-eating-section { } .now-eating-section h2 { margin-bottom: 2px; } .category-desc { margin-bottom: 20px; } .now-eating-post { margin-bottom: 20px; } .now-eating-post .title { display: inline; font-weight: bold; } .now-eating-post p { display: inline; } /* SEARCH PAGE */ p#searchInfo { } .search .recipe, .search .post { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 30px; } .search-results #content div { padding-bottom: 15px; } .search-everything-highlight { /* hightlighted search results - class outputed by search everything plugin */ background-color: #cff7f9; } /* LINKS PAGE */ .page-id-408 h1 { margin-bottom: 20px; } ul#linkList { font-size: 11px; line-height: 16px; list-style-type: none; margin-left: 20px; margin-top: 20px; } #linkList li a { color: #666; } #linkList li a:hover { color: #cf723a; } /* if using categories and outputing as categorized */ #linkList h2 { } #linkList li ul { list-style-type: none; margin-bottom: 25px; } #linkList li li { margin-bottom: 5px; } #linkList .asterisks { padding-right: 3px; } /* MISC ----------------------------------------------- */ .metaLine { margin: 0; /* border: 1px dotted #efefef; */ } .single .metaLine { margin-top: 20px; } /* mostly for single recipe page, extra space */ /* SOCIABLE - outputed by itself */ div.sociable { float: left; width: 210px; /* prefer not to set width but helps w chrome glitch */ } div.sociable_tagline { float: left; position: relative; top: 3px; margin-right: 5px; } a.sociable-email { color: #8ec3c6; position: relative; bottom: 4px; margin-left: 6px; } /* class added with jquery */ /* COMMENT COUNT */ span.commentCount { float: right; margin-top: 19px; border-left: 1px dotted #999; border-right: 1px dotted #999; padding: 0 5px; } span.commentCount a { color: #8ec3c6; } span.commentCount a:hover { color: #666; } /* temp voting link */ #vote { position: absolute; top: 8px; right: 150px; } /* CLASSES ----------------------------------------------- */ .floatLeft { float: left; } .floatRight {float: right; } .hidden { display: none; } .clear { clear: both; } strong { font-weight: bold; } em { font-style: italic; } /* for wp images and editor */ .alignleft, img.alignleft { float: left; padding: 0 15px 0 0; margin: 2px 0; } .alignright, img.alignright { float: right; padding: 0 0 0 15px; margin: 2px 0; } .aligncenter, img.aligncenter { padding: 0; margin: 2px auto; display: block; clear: both; } .alignnone, img.alignnone { padding: 0; margin: 2px auto; } /* use padding for left right spacing, margin for top and bototm. currently images have no top and bottom padding. minor amount that is there is from the anchor that wraps it */ #content img { max-width: 450px; height: auto; } /* rule to insure images never expand out of the box, rest of sizing is done with wp */ #content div.wp-caption[style] { max-width: 450px; } /* a larger width is applied by wp, inline, this overrides that */ /* CAPTIONS - not utilizing currently, but in case does use */ .wp-caption { text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 10px; font-style: italic; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* COMMENTS ----------------------------------------------- */ #comments-wrapper { margin-top: 30px; } /* ## COMMENT LIST ## */ h3#comments { font-size: 14px; margin: 0px 0 25px 0; padding: 5px; border-top: 1px dashed #999; border-bottom: 1px dashed #999; clear: both; } #comments-wrapper ol.commentlist { margin-bottom: 50px; list-style-type: none; margin-left: 0px; } .commentlist li { margin: 0 0 10px 0; padding: 10px 0 10px 0; border-bottom: 1px dashed #999; } /* .comment .thread-even */ .comment-author-kazia { background-color: #f1f1f1; } div.comment-body { padding-left: 5px; } /* wraps whole comment */ div.comment-author { text-transform: capitalize; float: left; font-size: 13px; margin-right: 15px; color: #555; } div.comment-author a { } /* when website is provided, it becomes a link */ span.says { display: none; } div.comment-author img { } /* remove this, its the image - TURNED OFF IN WP */ div.comment-meta { float: left; margin: 0 0 15px 0; font-size: 10px; position: relative; bottom: -2px; } div.comment-meta a, div.comment-meta a:hover { color: #8ec3c6; } /* essentially targets date/time */ a.comment-edit-link { color: #cf723a !important; } .comment-body p { clear: both; margin-bottom: 6px; } /* actual comment text */ p.nocomments { } /* if no comments */ /* ## COMMENT FORM ## */ #respond { clear: both; } #respond h3 { font-size: 18px; } /* "post a comment" */ p.cancel-comment-reply { } form#commentform { } #commentform p { } /* one line at top then all fields wrapped in p */ .logged-in-as-holder { } .logged-in-as-holder a.logged-in-as { text-transform: capitalize; } input#author { } input#email { } input#url { } #commentform textarea { width: 450px; } #commentform input#submit { margin: 10px 0 0 0; }