/* 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 #header { border-bottom:none; height:200px; padding-top:0; padding-bottom:0; background:url(http://localhost/wordpress/wp-content/themes/thesis_16/custom/images/full-ud-banner.jpg) center left no-repeat; } .custom #header #logo { display:none; } .custom #header #tagline { display:none; } */ .custom a,a:hover { text-decoration:none; /*font-weight: bold;*/ } .custom a:hover { background-color: #f3f3f3; color: #7DBEFF; } /* clickable & image header */ .custom #header #logo a { display: block; height: 200px; width: 900px; background: url('http://urbandiner.ca/wp-content/themes/thesis_17/custom/images/full-ud-banner.jpg') no-repeat; outline: none; } /* This line gets rid of the site title & tagline by casting them out to the far left */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0; } /* hide the advertising in the footer */ .custom #footer { /* display: none; */ } /* teaser comment and read more link alignments */ .custom #teaser_link { float: left; width: 49%; } .custom #teaser_comments a { float: right; width: 49%; text-align: right; /* depends on element width */ } .custom #teaser_link a:hover { text-decoration:none } /*.custom .teaser { text-align: justify; }*/ /*fixing some fucked up FF column display issues */ #sidebar_1 { width:50%; } #sidebar_2 { width:49%; } .sidebar h3 { color:#7DBEFF; font-family:Arial,sans-serif; font-size:1.35em; font-weight:bold; letter-spacing:-.05em; } .sidebar ul li { padding: 2px 0 2px 10px; border-bottom: 1px solid #dee4da; } .sidebar ul ul li a { display: block; margin: 0 0 0 -10px; padding: 2px 10px 0 10px; } .sidebar ul ul li a:hover { background-color: #f3f3f3; color: #7DBEFF; text-decoration: none; } .sidebar a { font-weight:bold; } li.widget ul li { margin-bottom:.32em; } li.widget ul li a { margin-bottom:0px; display:inline; } /* coming soon graphic */ li.widget img { display:inline; padding:0px; /*margin:0px 0 -3px -30px;*/ margin: 0px auto 0px 3px; } /* ** FIREFOX FIXES ** */ /* Earlier fixes that seem to work - ugh */ .custom #content { width:50%; } .custom #page { width:900px; } /* Firefox doesn't like EM spacing */ /* trying to center on page, FF is ignoring though. Ugh. */ .custom #container { width:943px; } /* move center dividing line */ .custom #content_box { background:transparent url(../lib/images/dot-ddd.gif) repeat-y scroll 52% 0; } /* fix sidebar width */ .custom #sidebars { width:48%; } .teaser { width:48%; } .teasers_box { width:100%; } /* end firefox fixes */ .postform #cat { width:50px; } /* .custom .menu li { float:none; } */ .custom_menusearch { padding: 6px 0px 5px 20px; /* following is to fix spacing in stupid FF (gecko)*/ /*margin: auto 0 auto 72px;*/ /*float:right;*/ } .custom_menusearch li { display:block; float:right; } .custom .custom_menuleft { display:block; float:left; } .custom_menusocial { /*display: inline;*/ float:right; /*width:30px;*/ } .custom_menusocial a { background-color:transparent; border:none; padding: 6px 5px 5px 17px; /*margin: auto auto auto 20px;*/ } .custom_menusocial a:hover { background-color:transparent; } .custom_menusocial li { background-color:transparent; border:none; padding: 6px 5px 5px 17px; /*margin: auto auto auto 20px;*/ } .custom #menu a { display: inline; line-height:16px; } /* ** CATEGORIES SIDEBAR WIDGET ** */ /* Hide the Categories header */ .custom #categories-1 h3 { display:none; } /* move CATEGORIES section up */ /* & remove bottom border from categories section */ .custom #categories-1 { margin-top:-20px; margin-left:30px; border-style:none; } /* truncate the pop-up menu */ .custom #cat { width:148px; } /* ** ARCHIVES SIDEBAR WIDGET */ /* Hide the Archives header */ .custom #archives-2 h3 { display:none; } /* move Archives section up (closer to Categories) */ /* & rove bottom border from archives section */ .custom #archives-2 { margin-top:-25px; margin-left:30px; border-style:none; } /* church & state graphic, prevent interference from coming soon graphic */ .custom #text-420739553 img { display: block; margin:0px; } /* insert banner ad above header (uses code in custom_functions.php) */ .custom #header_ad { width:728px; height: 90px; margin: -21px auto 5px auto; /*display: collapse;*/ } /* remove "read more" link from teasers */ .teaser_link { display: none; }