/* 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/ */ * { outline:none; } .custom a { text-decoration:none; color:#33B2DE; } .custom a:visited { text-decoration:none; color:#33B2DE; } .custom a:hover { text-decoration:none; color:#90D814; } .custom .teaser .teaser_link a:hover { text-decoration:none; } .sociable_tagline { margin-bottom:5px; font-size:0.9em; } body.custom { background:#000 url(images/bg_container_home.jpg) no-repeat top center scroll; } .custom .menu {display:none;} .custom #header {display:none;} .custom .format_text a { text-decoration:none; } .custom #container { margin-top: 40px; margin-bottom: 2em; padding: 0; width: 940px; } .custom #page { background: url('images/bg_page.png') repeat top left; padding:10px 10px 10px 5px; } .custom .search_form input { padding:0.8em; background: url('images/search.png') no-repeat top left; border:none; } .custom .teasers_box { width:65em; } .custom #content { margin-left:1em; margin-top:0.6em; width:65em; background:transparent url(images/background.png) repeat top left scroll; padding-right:2.1em; } .custom #sidebars { margin-top:0.5em; } .custom .teaser { width:30em; } .custom li.widget { font-size:1.3em; line-height:1em; } .custom #search { font-size:1.1em; } .custom .sidebar ul.sidebar_list { padding-left:2em; } .custom #archive_info h1 { font-size:2.5em; font-weight:bold; line-height:1em; } .custom .format_text .post_tags { font-size:1em; } .custom input:focus, .custom textarea:focus { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#111111 none repeat scroll 0 0; /*border-color:#777777 #CCCCCC #CCCCCC #777777;*/ border:none; color:#FFFFFF; } .teaser_link a:hover { text-decoration:none; } .custom input { background: url('images/search.png') no-repeat top left; border:none; } .custom input:focus { background: url('images/search.png') no-repeat top left; border:none; } .custom textarea:focus { background: url('images/search.png') no-repeat top left; border:none; } .custom input, .custom textarea { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#222222 none repeat scroll 0 0; /*border-color:#777777 #CCCCCC #CCCCCC #777777;*/ border:none; color:#FFFFFF; } .format_text input, #commentform input, #commentform textarea { background:#111111 none repeat scroll 0 0; } .custom dl#comment_list dl dt, dl#comment_list dl dd .format_text { border:none; } /* COMMENTS */ .custom .format_text { font-size:1.2em; line-height:1.571em; padding-bottom:1em; } .custom .format_text .to_comments span { color:#5a5f64; line-height:1em; } .custom .avatar img { float:left; margin-right: 1.1em; } dl#comment_list .bypostauthor { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent; } .custom input.form_submit { font-weight:normal; } .custom .comments_intro span { font-size:1.2em; color:#5a5f64; } dl#comment_list dt .comment_author { font-size:1.6em; line-height:1.375em; padding-right:0.688em; font-weight:normal; } .custom .comment_time a:hover, .custom .edit_comment a:hover { text-decoration:none; } .format_text .to_comments a:hover { color:#999999; text-decoration:none; } .custom table#wp-calendar caption { background:transparent; } .custom table#wp-calendar th { background:transparent; border-bottom: 1px solid #222222; font-size:0.9em; } .custom table#wp-calendar td { line-height:1.7em; } .custom table#wp-calendar td#next, table#wp-calendar td#prev { font-size:0.9em; } .custom table#wp-calendar caption { font-size:0.9em; } .custom #calendar_wrap a:hover { background-color:transparent; } .custom .headline_area h1, .headline_area h2 { color:#90D814; } /* MAIN NAVIGATION */ #main_nav_bg { width:940px; height:140px; background-image:url('images/bg_main_nav.png'); background-repeat:no-repeat; background-position:left top; padding:0; margin:10px auto 0 auto; } #main_nav { background:url('images/main_nav_sprite.png') no-repeat; width:400px; height:64px; margin:0; padding:0; } .mn_pos { padding:66px 0 0 180px; } #main_nav span { display: none; } #main_nav li, #main_nav a { height:64px; display:block; padding:0 20px 0 0; } #main_nav li { float:left; list-style:none; display:inline; } #nav_home {width: 60px;} #nav_about {width: 60px;} #nav_work {width: 60px;} #nav_blog_icon {width: 60px;} #nav_contact {width: 60px;} #nav_home a:hover {background:url('images/main_nav_sprite.png') 0px -65px no-repeat;} #nav_about a:hover {background:url('images/main_nav_sprite.png') -80px -65px no-repeat;} #nav_work a:hover {background:url('images/main_nav_sprite.png') -160px -65px no-repeat;} #nav_blog_icon a:hover {background:url('images/main_nav_sprite.png') -240px -65px no-repeat;} #nav_contact a:hover {background:url('images/main_nav_sprite.png') -320px -65px no-repeat;} /* set current page menu item */ #main_nav_bg #nav_blog_icon a { background:url('images/main_nav_sprite.png') -240px -65px no-repeat; } /* FOOTER */ .custom #footer { width:940px; height:200px; margin:40px auto 0 auto; padding:0; background: transparent url(images/bg_footer.png) no-repeat top left scroll; text-align:center; } .custom #footer_nav { padding:30px 0 0 0; } .custom #footer ul li { display:inline; padding:0 6px 0 0; font:normal 1.2em/1.2em Arial, Helvetica, sans-serif; } .custom #footer_nav ul li a { text-decoration:none; color:#33B2DE; border:none; } .custom #footer_nav ul li a:hover { text-decoration:none; color:#90D814; border:none; }