/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ .custom li.search { float:right; margin-right:2em; position:relative; width: 218px; padding-top:3px; } .custom li.search input[type="text"], .custom li.search input[type="submit"] { font-size: 13px; line-height: 12px; padding: 6px 8px; width: 100%; } body{ background:url('http://gratineeblog.com/wp-content/themes/thesis_17/custom/images/bg.jpg') repeat; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; } #page{ position:relative; padding-top:0; } p{ font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; color: rgb(0, 0, 0); /* The Fallback */ color: rgba(0, 0, 0, 0.9); } h1, h2, h3, h4{ font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; } li.widget{ list-style:none; } .menu{ background:#eee; /*padding: 3px 0;*/ padding-bottom:1px; position: absolute; width: 100%; left:0; } .menu, .menu a, .menu li ul { border:none; } .menu .current a, .menu .current-cat a { border-bottom: 2px solid #47b0bd; } .menu a { font-size: 1.2em; line-height: 1.333em; /*padding: 0.667em 1.833em;*/ padding:9px 20px 9px 22px; border-bottom: 2px solid #EFEFEF; background: #EFEFEF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-width: 0.083em; } .menu a:hover{ border-bottom: 2px solid #47b0bd; background: #DDDDDD; } #container { width: 106.6em; margin: 0 auto; } #content_box{ padding-top: 44px; } .sidebar ul.sidebar_list { padding-right: 0; padding-left: 0; } .custom #header { border-bottom:none; height:170px; padding-top:0; padding-bottom:0; padding-left: 0; } .header-left{ height: 100%; width: 390px; background:url('http://gratineeblog.com/wp-content/themes/thesis_17/custom/images/gratinee-logo.png') -9px center no-repeat; cursor: pointer; float:left; } .header-right{ height: 100%; width: 500px; float: right; } .custom-socials{ list-style: none; margin:0; padding:0; display: block; right: 0; position: absolute; top: 114px; } .custom-socials li{ display: inline-block; float:left; margin-left: 5px; } .custom #header #logo { text-indent:-9999px; } .custom #header #tagline { text-indent:-9999px; } /*MAILCHIMP SIGNUP FORM*/ #mc_signup_form{ background-color: #f7f7f7 !important; } div#mc_signup form#mc_signup_form div.mc_form_inside div.mergeRow{ display: none; } #mc_signup_form .mc_input { width: 93%; } .mc_signup_submit { text-align: left !important; } div#mc_signup form#mc_signup_form div.mc_form_inside div.mc_merge_var input#mc_mv_EMAIL.mc_input{ background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; } div#mc_signup form#mc_signup_form div.mc_form_inside div.mc_merge_var input#mc_mv_EMAIL.mc_input:focus{ background:none repeat scroll 0 0 #F6F6F6; border:1px solid #C5C5C5; } div#mc_signup form#mc_signup_form div.mc_form_inside div.mc_signup_submit input#mc_signup_submit.button{ background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; color:#555555; padding: 6px; } #mc_signup_submit{ margin-top: 1em; width: 40% !important; } #mc_unsub_link{ text-align: left !important; } .mc_interests_header{ display: none; } #mc_signup_form label.mc_interest_label { display: inline; font-size: 13px; padding-left: 4px; } div.flickr_badge_image{ float:left; } #commentform input.form_submit{ background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; color:#555555; padding: 6px; font-weight:normal; } input, textarea { font-size: 1em; color: #444; background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; } input:focus{ background:none repeat scroll 0 0 #F6F6F6; border:1px solid #C5C5C5; } textarea:focus{ background:none repeat scroll 0 0 #F6F6F6; border:1px solid #C5C5C5; } li.my_twitter_widget{ margin-bottom:0; } a#foodista{ margin-top:30px; } div.printfriendly.alignright{ margin-top: 49px; } #container{ -moz-box-shadow: 0 0 32px -11px rgba(0, 0, 0, 0.2); /* Firefox */ -webkit-box-shadow: 0 0 32px -11px rgba(0, 0, 0, 0.2); /* Safari, Chrome */ box-shadow: 0 0 32px -11px rgba(0, 0, 0, 0.2); /* CSS3 */ behavior: url(ie-css3.htc); padding: 0 12px; background: #fff; } .wpcf7-textarea{ width:45%; } /*Three Column Footer*/ .custom #footer-widget-block { text-align:left; overflow:hidden; } .custom .footer-widgets { width:33%; float:left; } .custom .my-footer-one {} .custom .my-footer-two {} .custom .my-footer-three {} #ccl{ font-size:11px; } #sitemeter{ float:right; } div#content_box div#content.hfeed div.teasers_box div.format_teaser div.mr_social_sharing_wrapper{ display:none; } .teasers_box{ display:relative; } .teaser{ position:relative; min-height:247px; } .teaser_link{ position: absolute; bottom: 0; } #div_postlist img{ padding: 1px; border: 1px solid #DDD; } #sidebars div#sidebar_1.sidebar ul.sidebar_list li#my_twitter_widget-2.widget div.my_twitter_inside ul#my_twitter_tweetlist p{ display:none; } img.post_image{ background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #C8C8C2; -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); /* Firefox */ -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc); padding: 2px; } div#content.hfeed div.format_text a img{ background: none repeat scroll 0 0 #FCFCFC; border: 1px solid #C8C8C2; -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); /* Firefox */ -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc); padding: 2px; } .home #comments, .about-2 #comments, .contact-me #comments{ display: none !important; } img.frame { background: #eee; border-style: solid; margin-right: 11px; border-color: #fff; box-shadow: 0 0 1px 1px #bbb; border: 2px solid #fff; } div.post-thumb{ width: 170px; height: 200px; float: left; margin-right: 20px; } div.post-excerpt{ /*width: 555px; float: right;*/ } div.post-excerpt h2{ /*width: 555px; float: right;*/ font-size: 13px; font-weight: normal; line-height: 19px; } a.thumb-link img{ opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a.thumb-link img:hover{ opacity: 0.8; } /*.seperator{ clear: both; height: 25px; background: url(http://gratineeblog.com/wp-content/themes/thesis_17/custom/images/seperator.png) center center no-repeat; padding: 25px 0; margin-bottom: -23px; }*/ ul.static-post-list{ margin: 0; padding: 0; list-style: none; display: block; } ul.static-post-list li{ float: left; width: 177px; margin-right: 16px; display: inline-block; height: 320px; min-height: 320px; } /*ul.static-post-list li:last-child .seperator{ background: none; }*/ ul.static-post-list li div.post-thumb a img{ width:150px !important; height: 176px !important; } .post-list-header{ font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-variant: small-caps; letter-spacing: 2px; font-size: 24px; color:#555; margin-top:40px; } .custom-featured-posts{ position: relative; height: 980px; } .custom-featured-post { width: 233px; float: left !important; min-height: 400px; clear: none; margin: 0; padding: 10px; margin-right: 5px; overflow-y: hidden; } .custom-featured-post img.post_image{ background: none ; border: none; -moz-box-shadow: none; /* Firefox */ -webkit-box-shadow: none; box-shadow: none; behavior: url(ie-css3.htc); padding: 0; } .custom-featured-post h2{ font-size: 15px; line-height: 26px; } .custom-featured-post .headline_area{ background: #fff; padding: 7px; border-top: 2px solid #47b0bd; box-shadow: 0px 6px 15px -4px #bbb; height: 80px; overflow: hidden; } .post-thumb2{ text-align: center; max-height: 349px; width: 233px; height: 349px; } .post-thumb2 a{ display: inline-block; text-align: center; max-height: 349px; overflow: hidden; max-width: 233px; } .post-thumb2 a img{ min-height: 349px !important; margin: 0; width: 100% !important; height: 100% !important; } #footer{ margin-top: 16px; } .footer-nav{ position: relative; margin-bottom: 85px; margin-top: 5px; } ul#menu-footer-menu{ background: none; } ul#menu-footer-menu li{ font-size: 12px; background: none; border: none; } ul#menu-footer-menu li a{ font-size: 11px; background: none; border: none; padding: 0; padding-right: 22px; }