/* Theme Name: Custom Framework Theme URI: http://diythemes.com/thesis/ Description: Custom Theme for Unity Weddings by Joachim Kudish Version: 2.0 Author: Joachim Kudish Author URI: http://www.jkudish.com/ */ /* File: custom.css Description: Custom styles for Unity Weddings customized by Joachim Kudish Site: Unity Weddings */ /* TABLE OF CONTENTS 01 - Structure and general elements 02 - Header elements 03 - Main content elements 04 - Sidebar elements 05 - Footer elements 06 - Extra */ /* Don't forget most things are automatically styled through theme options */ /* ----------------------------------------------*/ /* 01 - Structure and general elements */ /* ----------------------------------------------*/ /* enable conditional css */ @import "http://webdev2point0.com/scripts/c-css.php"; /* structural elements */ #container {margin-top: 15px; margin-bottom: 15px;} /* larger headings */ .hlarger {font-size: 70px; } /* headings + fonts for mobile devices */ h1, h2, h3, h4 { text-transform: lowercase; [if SafMob] font-family: "Georgia", serif; [if IEmob] font-family: "Georgia", serif; [if PSP] font-family: "Georgia", serif; } /* h4 */ h4 {font-size: 40px; font-weight: normal; padding: 5px;} /* links (in main text) */ .format_text a:hover {color: #F8AF12;} /* ----------------------------------------------*/ /* 02 - Header elements */ /* ----------------------------------------------*/ /* header & logo */ #header {padding-bottom: 0; padding-top: 0;} #custom_header {height: 217px;} #custom_header #header_left {float: left} #custom_header #logo_image {margin-left: 23px;} #custom_header #header_right {float: right} /* menu */ #menu_wrap {margin: 40px 0;} #menu_wrap ul.menu {display: block; } #menu_wrap ul.menu li a {font-weight: bold; margin: 0 9px;} #menu_wrap ul.menu li a:hover {text-decoration: none;} /* ----------------------------------------------*/ /* 03 - Main content elements */ /* ----------------------------------------------*/ /* Post box */ .post_box {padding-top: 0.2em;} /* titles */ .headline_area h2, .headline_area h1, .sidebar h3, .hlarger {line-height: 50px;} .headline_area h1, .headline_area h2, .headline_area h1.entry-title {font-size: 55px;} h2.entry-title a { font-size: 45px; line-height: 50px; margin-left: 5px;} h2.entry-title a:hover {color: #F8AF12;} #archive_info h1 {font-size: 45px;} .format_text h4 {font-size: 3em; padding-bottom: 20px; color: #FF9100;} /* Post image */ .post_image {width: 200px; height: auto;} /* paragraphs */ .format_text p{margin-bottom: 1em;} .entry-content p {margin-bottom: 1.571em;} /* p links */ .format_text a {text-decoration: none;} /* headline meta */ .headline_meta {font-size: 1.1em; line-height: 0.8em; font-style: normal;} .headline_meta span, .headline_meta abbr {text-transform: none;} /* Comments */ #idc-container h3, #idc-commentcount_label, #IDCommentsNewThreadCover, #blog_tweets {font-size: 45px;} #idc-container .idc-foot {display: none;} /* Teasers */ .teaser .teaser_author {font-style: normal;} .teaser .teaser_author .author, .teaser .teaser_author a, .teaser a.teaser_comments, .teaser a.teaser_category, .teaser .edit_post a {text-transform: capitalize;} abbr, acronym {text-transform: none;} .teaser .format_teaser {margin-top: none;} .teaser {width: 100%; margin: none; padding: 15px 0; border-top: 1px dotted #bbb; text-align: justify;} .teaser:hover {background: #fbfbfb;} .teasers_box {padding-top: 0; padding-bottom:0; border-top: 0; border-bottom: 1px dotted #bbb;} /* below posts */ #below_posts {margin-right: 2.3em; padding-left: 1.1em;} /* Prev/next buttons */ .prev_next {margin-right:2.3em; text-transform: capitalize;} .prev_next p {font-size: 1.4em;} .post_nav a{font-size: 1.2em;} /* meta box */ .metabox {height: 290px; overflow:hidden; border-top: 1px dotted #bbb; background: #fbfbfb; padding: 10px;} /*share buttons */ .tweetmeme_button {padding: 10px; width: 50px; position: relative; top: 0px;} .fbook_button {padding: 10px; width: 50px; position: relative; top: -250px; left: 200px;} .wpfblike {padding: 10px; position: relative; top: -5px;} .digg_button {padding: 10px; width: 50px; position: relative; top: -83px; left: 65px;} .stumble_button {padding: 10px; width: 50px; position: relative; top: -165px; left: 130px;} /* author boxes */ #authorbox {margin-bottom:20px; overflow:hidden; border-top: 1px dotted #bbb; background: #fbfbfb; padding: 10px;} .authortext{padding-left:100px; text-align: justify;} #authorbox img {padding: 0px 10px 10px 10px; float:left;} #authorbox p{margin:0; padding:0 10px;} /* related posts box */ .related_box {border-top: 1px dotted #bbb; background: #fbfbfb; margin-top: 10px; padding-left: 1.1em;} ul.similar-posts {padding: 10px; display:block; width: 685px; clear:both; text-align:center; margin:0 auto; height: 155px;} ul.similar-posts li{float:left; display:inline; margin-right:25px; padding:0;} ul.similar-posts img{clear:both; background:#FFFFFF; border:1px solid #FFFFFF;} ul.similar-posts a{clear:both; display:block; border:none; text-decoration:none; margin-bottom:2px;} ul.similar-posts li{font-size:11px; line-height: 1.3em;} /* ----------------------------------------------*/ /* 04 - Sidebar elements */ /* ----------------------------------------------*/ /* sidebar */ #sidebars {width: 29.5em;} #sidebar_1 {border-right: 1px dotted #bbb; border-left: 1px dotted #bbb;background: #fbfbfb;} ul.sidebar_list {padding-top:30px; } /* sidebar heading */ .sidebar h3 { font-size: 55px; [if ! IE] line-height: 0em; font-variant: normal; letter-spacing: normal; padding-left: 5px;} /* widgets */ .sidebar ul.sidebar_list {padding-left:1.1em; padding-right:2.5em;} li.widget {line-height: 1.571em;} /* search bar */ .text_input {width: 90%;} /* subscription widget */ .join {font-size: 40px;} .subscribe_icons {width:258px; margin:20px auto; height: 32px;} .subscribe_icons li {float:left;margin:0 2px 3px 12px; width:38px; text-align:center;} .subscribe_icons a {display:block;} .subscribe_icons a:hover {color:#444;text-decoration:none;-moz-box-shadow:2px 2px 4px hsla(0,0%,0%,.35);-webkit-box-shadow:2px 2px 4px hsla(0,0%,0%,.35)} /* bottom widgets */ .bot_widg {margin-top: 2em;} /* ----------------------------------------------*/ /* 05 - Footer elements */ /* ----------------------------------------------*/ #unity_footer {font-family: Corbel,"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size: 13px;} #unity_footer a:hover {text-decoration: underline} /* ----------------------------------------------*/ /* 06 - Extra */ /* ----------------------------------------------*/ /* nothing here yet */ /* the end */