/* Theme Name: Translucence Description: Clean and elegant easily customisable theme with 3 built in skins. Version: 1.0 Author: Webtreats ETC Author URI: http://webtreats.mysitemyway.com/ Tags:dark,black,two-columns,right-sidebar,fixed-width,theme-options,sticky-post,threaded-comments */ @import url("mysitemyway-framework.css"); /* TABLE OF CONTENTS 01 - Layout - Structure & Graphics. 02 - Typography. 03 - Sidebar & Widgets. 04 - Blog - Metadata & Post Styles. 05 - Threaded Comments. 06 - Wordpress Default Classes & IDs. */ /* ____________________________________________________________________________________ 01 - Layout Structure & Graphics */ /* Dimensions */ #header{height:100px;} #container{width:922px;min-width:922px;} #body_block #primary,#footer{width:656px;} #body_block #secondary{width:266px;top:-25px;} #body_block #primary{top:-45px;} #primary .content{margin-left:54px;margin-right:38px;padding:1px;margin-top:0px;overflow:hidden;} #secondary .content{margin-right:18px;margin-left:1px;} #inner_footer {padding-top:0px;padding-bottom:20px;} /* Graphics */ #bg_header{background:url("images/menu.png") repeat-x;min-width:950px;} #bg_middle{min-width:950px;} #inner_body_block_head{height:87px;background:transparent url("images/content_top.png") top left no-repeat;} #body_block{background:transparent url("images/content_middle.png") top left repeat-y;} #inner_body_block_foot{background:transparent url("images/content_bottom.png") bottom left no-repeat;height:94px;} /* Header */ #header_searchbar{ background-image:none; right:64px; top:130px; } #header_searchbar #s,#header_searchbar #s:hover{background: 3px center no-repeat transparent url("images/search_white.png"); padding-left:18px;border:0px solid transparent;color:#ccc;} #main_navigation{font-family:Tahoma,sans-serif;font-size:12px;right:0;text-transform:uppercase;top:0px;} #social_media{position:absolute; left:645px;top:40px;} .header_socials{display:inline;float:left;} /* ____________________________________________________________________________________ 02 - Typography */ .blog_h2{font-size:24px;margin-bottom:8px;} .blog_h2 a:link,.blog_h2 a:visited{color:#333;} #site_name, #site_name a{left:20px;top:38px;font-size:38px;color:#000;} #logo{height:80px;left:12px;top:32px;width:260px;} #tag_line{left:40px;top:80px;font-size:14px;color:#111;} #footer, #footer a:link, #footer a:visited{color:#111;font-weight:bold;} #secondary .content{color:#ddd;} #secondary .content h4, #secondary .content a:link, #secondary .content a:visited{color:#eee;} /* ____________________________________________________________________________________ 03 - Sidebar & Widgets */ .mysite_widget{padding:10px;margin:4px;} .mysite_widget h4{font-size:18px;font-weight:normal;margin-bottom:12px;} .mysite_widget_divider{background-image:url("images/sidebar-div.png");background-repeat:no-repeat;} .mysite_widget ul{list-style:none;margin-left:16px;margin-top:0px;} /* Calendar Widget */ #wp-calendar td{background-color:#222;border:1px solid #111;padding:5px;} #wp-calendar tr.alt td,#wp-calendar th{background-color:#111;border:1px solid #111;padding:5px;} #wp-calendar{width:100%;} #wp-calendar tfoot td{background-color:transparent;border:1px solid transparent;padding:5px;} /* ____________________________________________________________________________________ 04 - Blog & Metadata Styles */ .top_metadata{border-top:1px solid #ddd; padding-bottom:20px;color:#999;font-size:12px;} .comment_count{background:url('images/comment-bubble.jpg') no-repeat -6px;padding-left:18px;float:left;} .comment_count a:link, .comment_count a:visited, .bottom_metadata a:visited, .bottom_metadata a:link{color:#888;} .date_author{float:right;} .entry{margin:15px 0 0px;font-size:14px;} .more_link{background:url("images/readmore.jpg") no-repeat;text-align:center;width:78px;float:right;color:#888;font-size: 10px;padding:4px;} .bottom_metadata{border:1px solid #f1f1f1;color:#888;font-size:12px;margin:0px 0 50px;padding:2px;background:url("images/meta-footer.jpg") bottom repeat-x;} .categories{margin-top:5px;} /* Sticky Posts */ .sticky{border:1px solid #ddd;padding:0 20px 10px;background-color:#f9f9f9;margin:0 0 70px;} .sticky .bottom_metadata{margin-bottom:0px;} /* ____________________________________________________________________________________ 05 - Threaded Comments */ /* Comments */ #comment_area,#comment{width:90%;} h4#comments {clear: both;margin: 45px 0 5px 0;font-size:20px;} .commentlist li {font-size: inherit;} .commentlist li .avatar { float: left;padding:0px;margin-right:12px;} .commentlist cite {font-weight: bold;font-style: normal;font-size: 14px;} .commentlist p {font-size:12px;font-weight: normal;margin: 10px 5px 10px 0;padding-top:10px;text-transform: none;} .commentmetadata {display: block;font-size: 12px;font-weight: normal;margin: 0;} .commentlist .reply {font-size: 0.8em;font-weight: bold;} .commentlist {margin: 0 0 20px 0;} .commentlist li {margin: 15px 0 10px;padding: 10px;list-style: none;} .commentlist li ul li { margin-right: -5px;margin-left: 10px;} .cancel-comment-reply{font-size:14px;} .comms-navigation, .navigation {clear: both;display: block;margin-bottom: 20px;overflow: hidden;} .children {padding: 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentTextBox {font-size:12px; font-family:"Microsoft YaHei",Tahoma,Arial,Helvetica,Sans-Serif;} #commentsnavi a,#commentsnavi span{display:block;padding:4px;margin:1px;float:left;border:1px solid #cccccc;text-decoration:none} #commentsnavi{clear:both;height:20px; margin-bottom:30px;} /* Comment Form */ #respond h4 {clear: both;margin: 20px 0 10px 0;font-size:20px;} /* Comment List */ .commentlist li .avatar { border: 2px solid #f2e9ea;} .commentlist cite a:link, .commentlist cite a:visited {color: #333;} .commentlist .commentmetadata a:link:first-child, .commentlist .commentmetadata a:visited:first-child {color: #333;} .thread-alt {background-color: #F9F9F9; border-left: 1px solid #CCCCCC;} .thread-even {background-color: #FFFFFF; border-left: 1px solid #CCCCCC;} .depth-1 {border-left: 1px solid #CCCCCC;} .even, .alt {border-left: 1px solid #CCCCCC;} /* ____________________________________________________________________________________ 06 - Wordpress Default Classes & IDs */ #page-links a {padding:4px;border:1px solid #ddd;} img.alignright, img.alignleft, img.aligncemter{ padding:4px; background-color:#f9f9f9; border:1px solid #ddd;} div.alignright,img.alignright,a img.alignright {float:right; margin:0px 0px 0px 20px} div.alignleft,img.alignleft,a img.alignleft {float:left; margin:0px 20px 0px 0px;} div.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .wp-caption{text-align:center;padding-top:4px;border:1px solid #ddd;background-color:#f9f9f9;}