/* @override http://dwdining.com/wp-content/themes/client-sites/dwdining/cl_dwdining.css */ /* 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/ css: level4 */ /* @group Slideshow */ /*** set the width and height to match your images **/ .custom #slideshow { position:relative; height: 225px; width: 350px; margin: 0 0 0 514px; _margin: 0 0 0 -100px; padding: 0; } #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow IMG.active { z-index:10; opacity:1.0; } #slideshow IMG.last-active { z-index:9; } /* @end */ /* @group Header */ .custom div#header { margin-top: 0; padding: 0 0 25px; margin-bottom: 0; height: 235px; overflow: visible; } .custom.gallery div#header { background: url(images/header-contact.jpg) no-repeat 0 0; width: 0; height: 0; } .custom.contact-us div#header { background: url(images/header-contact.jpg) no-repeat 0 0; width: 740px; } .custom.testimonials div#header { background: url(images/header-testimonials.jpg) no-repeat 0 0; width: 740px; } .custom.about-us div#header { background: url(images/header-about.jpg) no-repeat 0 0; overflow: visible; width: 740px; } .custom.features div#header { background: url(images/header-features.jpg) no-repeat 0 0; width: 740px; } .custom.faq div#header { background: url(images/header-faq.jpg) no-repeat 0 0; width: 760px; } .custom.pricing div#header { background: url(images/header-pricing.jpg) no-repeat 0 0; width: 740px; } /* @end */ body.custom { background: transparent url(images/bkgd-neo-stripe.png) repeat-x 0 -4px; color: gray; } .custom.welcome div#container div#page div#content { width: 950px; margin: 0; } body.custom.welcome { background: transparent url(images/bnr_new-red-only.png) repeat-x 0 0; } .custom.about-us div#container div#page, .custom.pricing div#container div#page, .custom.features div#container div#page, .custom.faq div#container div#page, .custom.testimonials div#container div#page, .custom.contact-us div#container div#page { width: 710px; } .custom.welcome div#container div#page { background: transparent none 0 0; margin-top: 0; padding-top: 0; width: 960px; } .custom div#container div#page { padding-top: 0; margin-left: auto; margin-right: auto; background-color: transparent; } .custom div.format_text h3 { margin-top: 10px; } .custom.about-us div#container div#content { margin-left: 0; width: 700px; } .custom.about-us div.format_text p { width: 700px; } div#container { margin-right: auto; margin-left: auto; } .custom.welcome div#container { width: 1000px; } div#homepage_header { margin: 0; padding: 0 !important; height: 225px; width: 864px; } div#header { height: 230px; margin: 0; padding: 1px; } .custom.about-us div#container { margin-right: auto; margin-left: auto; } div#content_box { background-image: none; } .custom div#page div.format_text p img { margin-right: 0; margin-left: 350px; } .custom div .post_box.top { margin: 0; width: auto; } div#content { display: inline-block; } .custom p#tagline { font: italic 28px Georgia, "Times New Roman", Times, serif; } .custom dl#SlideDeck_410_81 dd { padding: 0; margin: 0; width: 350px; height: 225px; } .custom #SlideDeck_410_81 dd p { margin: 0; padding: 0; width: 350px; height: 225px; } .custom.welcome div#container div#page { background: transparent none no-repeat center 0; padding-top: 0; margin-top: 0; } div#home_slideshow { display: inline-block; float: left; margin-left: 153px; } .custom div#post-55 div.format_text div.text h1 { font: 45px/35px 'Yanone Kaffeesatz'; } .custom h2#bnr-design { background: url(images/homeicon-swatches.png) no-repeat right top; } .custom h2#bnr-easy { background-image: url(images/homeicon-wordpress.png); margin-top: 0; } .custom h2#bnr-search { background-image: url(images/homeicon-search.png); } .custom h2#bnr-easy, .custom h2#bnr-search, .custom h2#bnr-design { width: 185px; height: 75px; padding-right: 90px; padding-top: 25px; color: navy; font: 200 35px/35px 'Yanone Kaffeesatz'; margin-top: 0; } .custom div.slidedeck_frame dd { margin: 0; padding: 0 !important; } a#link-start { background: url(images/btn-getstarted.png) no-repeat; width: 275px; height: 50px; display: inline-block; font-size: 0; line-height: 0; margin-left: auto; margin-right: auto; } .custom div.columns div.column ul, .custom div.columns div.column-last ul { font-size: 14px; } .custom div#post-55 div.format_text div.start div.cite-bg blockquote { font: italic 22px Georgia, "Times New Roman", Times, serif; } .custom a#link-easy, .custom a#link-feature, .custom a#link-design { width: 275px; height: 50px; display: inline-block; font-size: 0; line-height: 0; text-decoration: none; } blockquote { border-style: none; } a#link-feature { background-image: url(images/btn-showupsearch.png); } .custom li.tab li a, .custom li.tab li { border-style: none; } .custom li.tab ul { border-bottom-style: none; } .custom li.tab a { color: white; line-height: 20px; border-style: none; } .custom li.tab.current a { color: silver; background-color: #434343; border-style: none; } .custom div#page ul.menu li.tab a:hover { color: gray; background-color: silver; border-style: none; } .custom div#page ul.menu li.tab ul.submenu li.item a { color: #FEC77C; border-style: none; background-color: #5d5d5d; } div.format_text h2 { font-weight: normal; font-style: normal; line-height: 30px; margin-top: 0; color: #5d5d5d; } div.format_text h2 strong em { color: #000; } .custom div#page ul.menu li.tab a:hover, .custom div#page ul.menu li.tab ul.submenu li.item a:hover { color: #FEC77C; background-color: #434343; border-style: none; } .custom div#page ul.menu li:hover { color: #FEC77C; border-style: none; } .custom div#page ul.menu li.tab.tab-home.current a:hover { background-color: transparent; border-style: none; } .custom div#footer { border-top: 1px dotted gray; margin-top: 25px; padding-top: 15px; text-align: left; font-size: 12px; line-height: 20px; } #post-55 div.format_text div.text h1 { margin-top: 25px; } a#link-easy { background-image: url(images/btn-readmoreeasy.png); } a#link-design { background-image: url(images/btn-readmorefeatures.png); } .custom dl#SlideDeck_410_81.slidedeck.slidedeck_81 { margin: 0; padding: 0; } .custom dl#SlideDeck_289_81.slidedeck.slidedeck_81 { margin: 0; width: 350px; display: inline-block; } .custom #post-55 div.format_text div.text div.slidedeck_frame.skin-ribbons { width: 350px; height: 225px; margin: 1px 0 0 475px; padding: 0; } div#home-subhead { margin: 0; font: italic 23px/29px Georgia, "Times New Roman", Times, serif; color: gray; text-align: center; border-bottom: 1px dotted silver; padding-bottom: 15px; } #post-55 div.format_text { width: 950px; } .custom #SlideDeck_410_81 dt { display: none; } .custom #post-55 div.format_text div.headline_area { width: 0; height: 0; display: none; margin: 0; padding: 0; font-size: 0; line-height: 0; } .custom div#post-55.post_box.top { padding-top: 0; width: 950px; } #post-55 div.format_text div.start { text-align: center; } .custom #SlideDeck_289_81 dd.slide { width: 350px; margin: 0; padding-left: 0; padding-top: 0; } .custom div#page ul.menu { font-size: 10px; margin-bottom: 0; text-align: center; display: inline-block; margin-left: 0; padding-left: 0; width: 100%; background-color: transparent; border-style: none; } .custom.welcome div#page ul.menu { font-size: 10px; margin-bottom: 0; text-align: center; display: inline-block; margin-left: 75px; padding-left: 0; width: 790px; } p#logo { width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -100000px; display: none; } .custom div#header h1#tagline { font-size: 22px; } div#footer-bottom { margin-bottom: 40px; text-align: center; line-height: 20px; } .custom.welcome img#home-title { margin: 25px 0 0 60px; padding: 0; }