/* Theme Name: Brum Notes Theme URI: http://www.brumnotes.co.uk Description: Custom theme for Brum Notes Author: Mitchell Renton Author URI: http://www.cellardoor-design.co.uk */ @import "http://www.brumnotes.com/wp-content/themes/brumnotes/style/reset.css"; /* ========== COLOURS ========== background eaeaea pink ed0d6d grey 262626 /* ========== GENERAL ========== */ body { background-color: #eaeaea; font: 62.5% Arial, "Helvetica Neue", Helvetica, sans-serif; color: #262626; } p { font-size: 1.2em; line-height: 19px; padding-bottom: 15px; } a { text-decoration: none; color: #ed0d6d; } a:hover { text-decoration: underline; } .inside { padding: 12px; } .alignleft { float: left; margin: 0 10px 5px 0; border: 2px solid #333; } .alignright { float: right; margin: 0 0 5px 10px; border: 2px solid #333; } /* ========== HEADERS ========== */ h1, h2, h3, h4, h5 { padding-bottom: 10px; } h3 { color: #ed0d6d; } h4 { font-size: 1.3em; } h5 {} #page h3 { margin-bottom: 8px; padding: 0 0 0 5px; background: url('images/headerStripeBack.gif'); } .reviews h4 { padding: 0; } #page h2, #pagePost h1 { border: 1px solid #eaeaea; margin-bottom: 15px; padding: 1px 0 0 12px; background: #fff url('images/h2Back.png') repeat-x; } #leftContent h2 { width: 601px; } /* ========== STRUCTURE ========== */ #container { position: relative; width: 930px; margin: 0 auto; padding: 15px 15px 0 15px; background: #fff url('images/bull-back.gif') no-repeat top left; } #header { height: 135px; } #navigation { width: 930px; height: 41px; } #logo { float: left; width: 322px; height: 71px; } #googleAd468x60 { float: right; width: 468px; height: 60px; } #searchBar { width: 930px; height: 30px; margin: 15px 0; background: url('images/searchbar-back.png'); } #page { position: relative; clear: both; } #carousel { position: relative; float: left; width: 615px; height: 250px; margin-bottom: 15px; } #leftContent { float: left; width: 630px; display: inline; } #rightContent { float: right; width: 300px; display: inline; } #pagePost { } #googleAd300x250 { float: right; width: 300px; height: 250px; } /* ========== HEADER ========== */ #digitalEdition { position: absolute; top: 90px ; right: 15px; width: 161px; height: 133px; z-index: 101; } #searchBar form { float: right; } #searchsubmit { width: 100px; height: 24px; overflow: hidden; cursor: pointer; } #searchsubmit:hover input { margin-top: -24px; } #searchBar .defaultText { margin: 2px 100px 0 0; } /* ========== NAVIGATION ========== */ /* LEVEL ONE */ ul.dropdown { position: relative; width: 930px; height: 41px; background: url('images/navigation.png') no-repeat; z-index: 100 } ul.dropdown span { display: none; } ul.dropdown li { float: left; zoom: 1; } ul.dropdown li a { display: block; height: 41px; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; } ul.dropdown li.navHome a { width: 81px; } ul.dropdown li.navAbout a { width: 82px; } ul.dropdown li.navNews a { width: 79px; } ul.dropdown li.navGigs a { width: 69px; } ul.dropdown li.navReviews a { width: 100px; } ul.dropdown li.navMagazine a { width: 107px; } ul.dropdown li.navMerchandise a { width: 131px; } ul.dropdown li.navFeatures a { width: 98px; } ul.dropdown li.navHome:hover, body#home ul.dropdown li.navHome { background: url('images/navigation.png') 0px -41px no-repeat; } ul.dropdown li.navAbout:hover, body#about ul.dropdown li.navAbout { background: url('images/navigation.png') -81px -41px no-repeat; } ul.dropdown li.navNews:hover, body#news ul.dropdown li.navNews { background: url('images/navigation.png') -163px -41px no-repeat; } ul.dropdown li.navGigs:hover, body#gigs ul.dropdown li.navGigs { background: url('images/navigation.png') -242px -41px no-repeat; } ul.dropdown li.navReviews:hover, body#reviews ul.dropdown li.navReviews { background: url('images/navigation.png') -311px -41px no-repeat; } ul.dropdown li.navMagazine:hover, body#magazine ul.dropdown li.navMagazine { background: url('images/navigation.png') -640px -41px no-repeat; } ul.dropdown li.navMerchandise:hover, body#merchandise ul.dropdown li.navMerchandise { background: url('images/navigation.png') -509px -41px no-repeat; } ul.dropdown li.navFeatures:hover, body#features ul.dropdown li.navFeatures { background: url('images/navigation.png') -411px -41px no-repeat; } /* LEVEL TWO */ ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #fff url('images/newsItemBack.png') repeat-x; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } ul.dropdown ul li { color: #000; float: none; } /* IE 6 & 7 Needs Inline Block */ #navigation ul.dropdown ul li a { width: 212px; height: 23px; display: inline-block; padding: 10px 0 4px 8px; font-size: 1.2em; background: #fff; color: #262626; border-bottom: 1px solid #eaeaea; } #navigation ul.dropdown ul li a:hover { color: #ed0d6d; text-decoration: none; background: #fff; } /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } /* ========== SLIDER ========== */ .slider-wrap { width: 609px; position: absolute; top: 0; left: 0; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 615px; height: 250px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 615px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { border: 1px solid black; margin-right: 5px; } #movers-row { margin: -43px 0 0 62px; } #movers-row div { width: 20%; float: left; } #movers-row div a.cross-link { float: right; } .articleInfo { background: url('images/transpBlack.png'); padding: 10px; width: 213px; height: 250px; position: absolute; left: 32px; top: 0; z-index: 9999; color: white; } .cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999; } /* ========== POSTS LIST ========== */ .newsItem { width: 613px; height: 153px; margin-bottom: 15px; border: 1px solid #eaeaea; background: url('images/newsItemBack.png') repeat-x; overflow: hidden; } .newsItem p { padding: 0; } .newsImage { float: left; width: 121px; height: 121px; margin-right: 12px; } .newsImage a img { border: 1px solid #333; } .newsImage a:hover img { border: 1px solid #ed0d6d; } .newsBody { float: left; width: 452px; } .newsBody h4 { padding: 0; } .post { width: 450px; } #relatedPosts { margin-top: 15px; } #relatedPosts ul { font-size: 1.4em; font-weight: bold; margin: 0 0 20px 20px; } #relatedPosts ul li { list-style-type: square; } #relatedPosts ul li a { color: #262626 } /* ========== PAGE ========== */ #pageContent { float: left; width: 440px; margin-right: 15px; } #reviewSidebar { border: 1px solid #eaeaea; background: url('images/socialBack.png') repeat-x; margin-bottom: 15px } #reviewSidebar .inside { padding: 10px; } #reviewSidebar ul { } #reviewSidebar ul li { font-size: 1.2em; padding-bottom: 8px; } #reviewSidebar ul li a { color: #262626; font-weight: bold; } #centerWrap { float: left; width: 160px; margin-bottom: 15px; } #date { border-bottom: 3px solid #eaeaea; margin-bottom: 10px; } #date h4 { font-size: 1.1em; font-style: italic; color: #605f5f; } #date h4 span { float: right; color: #9c9b9b } #leftContent .wp-pagenavi { width: 613px; font-size: 1.2em; text-transform: uppercase; clear: both; font-weight: bold; margin-bottom: 15px; text-align: right; } #pageContent .wp-pagenavi { width: 440px; font-size: 1.2em; text-transform: uppercase; clear: both; font-weight: bold; margin-bottom: 15px; text-align: right; } #page .wp-pagenavi a, #page .wp-pagenavi .current { padding: 3px 7px; border: 1px solid #EAEAEA; color: #262626; margin-left: 3px; text-decoration: none; } #page .wp-pagenavi a:hover, #page .wp-pagenavi .current { color: #ed0d6d; background: #EAEAEA; } #page .wp-pagenavi .pages { float: left; color: #262626; } #magContainer { width: 800px; margin: 0 auto; } /* ========== REVIEWS ========== */ .reviews { float: left; width: 300px; height: 362px; margin: 0 13px 15px 0; border: 1px solid #eaeaea; background: url('images/reviewsBack.png') repeat-x bottom; } .reviewWrap { margin-bottom: 15px; } .reviewImage { float: left; width: 80px; height: 80px; margin-right: 12px; } .reviewImage a img { border: 1px solid #333; } .reviewImage a:hover img { border: 1px solid #ed0d6d; } .reviewBody { position: relative; float: left; width: 178px; height: 80px; } .reviewBody h4 a, .fullReviewBody h4 a { color: #262626; } .reviewBody img, .fullReviewBody img { position: absolute; bottom: 0; left: 0; } .reviewBody blockquote, .fullReviewBody blockquote { font-size: 1.1em; font-style: italic; } .reviewBody p, .fullReviewBody p { position: absolute; bottom: 0; right: 0; font-size: 1.1em; padding: 0; } #fullReviews { width: 613px; margin-bottom: 15px; border: 1px solid #eaeaea; background: url('images/reviewsBack.png') repeat-x top; } .fullReviewWrap { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #ed0d6d; } .fullReviewImage { float: left; width: 80px; height: 80px; margin-right: 12px; } .fullReviewBody { position: relative; float: left; width: 497px; height: 80px; } .fullReviewBody h4 span { float: right; font-style: italic; color: #7f8082; } #featuredReview { width: 611px; margin-bottom: 15px; border: 2px solid #eaeaea; background: url('images/socialBack.png') repeat-x top; } #pagePost blockquote, #featuredReview blockquote { margin-bottom: 15px; } img.rating { margin-bottom: 15px; } /* ========== RIGHT CONTENT ========== */ #social { width: 298px ; height: 324px; border: 1px solid #eaeaea; background: url('images/socialBack.png') repeat-x; } #social form { margin-bottom: 20px; } .defaultText { width: 155px; height: 18px; margin-bottom: 10px; padding: 6px 0 0 5px; border: 1px solid #beb8bb; background: #fff url('images/input-back.png') repeat-x top; } .defaultTextActive { color: #a1a1a1; font-style: italic; } #social .defaultText { width: 129px; } #social fieldset p { float: right; width: 133px; padding: 0; font-size: 1.0em; text-align: right; } #submitButton { width: 100px; height: 24px; overflow: hidden; cursor: pointer; } #submitButton:hover input { margin-top: -24px; } #privateAdsWrap { margin-top: 20px; } .privateAdLeft { float: left; margin-bottom: 15px; } .privateAdLeft a img { width: 140px; height: 140px; border: 2px solid #eaeaea; } .privateAdLeft a:hover img { border: 2px solid #262626; } .privateAdRight { float: right; margin-bottom: 15px; } .privateAdRight a img { width: 140px; height: 140px; border: 2px solid #eaeaea; } .privateAdRight a:hover img { border: 2px solid #262626; } /* ========== FOOTER ========== */ #footer { position: relative; width: 930px; margin: 0 auto; padding: 145px 15px 40px; background: #454344 url('images/footerBack.gif') no-repeat; color: #fff; font-weight: bold; } #footer ul#additionalPages { position: absolute; bottom: 15px; right: 5px; } #footer ul#additionalPages li { float: left; padding: 0 10px; border-left: 1px solid #ed0d6d; font-size: 1.2em; } #footer ul#additionalPages li#noBorder { border: none; } #footer #twitterWrap { float: left; width: 310px; height: 100%; margin-right: 20px; } #footer ul li a { color: #fff; } #footer ul#twitter { font: 1.4em Georgia; font-stretch: italic; line-height: 20px; } #footer ul#twitter li { padding-bottom: 10px; } #footer ul#twitter li strong { font-size: 75%; color: #ed0d6d; } #brumnotesFriends { float: left; width: 600px; } .footerAd { float: left; margin: 0 12px 12px 0; background: #fff; } .footerAd a img { width: 139px; height: 139px; border: 1px solid #000; } .footerAd a:hover img { border: 1px solid #eee; } #brumnotesFriends .alt { margin-right: 0; } #cellardoor { width: 960px; margin: 20px auto; } #cellardoor a { background: url(images/cellardoor.png) no-repeat top; display: block; width: 133px; height: 40px; overflow: hidden; text-indent: -9999px } #cellardoor a:hover { background-position: bottom; } #gigsPage { width: 615px; } #gigsPage table { width: 100%; font-size: 1.2em; margin-bottom: 25px; } #gigsPage table th { text-align: left; font-weight: bold; padding: 8px 10px; } #gigsPage table thead tr th { border-bottom: 3px solid #ddd; } #gigsPage table tbody tr td { border-bottom: 1px solid #ececec; padding: 6px 10px; text-transform: capitalize; } #gigSearch { position: relative; width: 613px; margin-bottom: 15px; border: 1px solid #eaeaea; background: url('images/newsItemBack.png') repeat-x; overflow: hidden; } #gigsPage div.searchWrap { float: left; width: 187px; margin: 0 9px 5px 0; } div.searchWrap label { font-size: 1.2em; display: inline; text-transform: uppercase; font-weight: bold; color: #ed0d6d; padding-right: 20px; } div.searchWrap input.default { width: 176px; padding: 2px; margin-top: 5px; border: 1px solid #ed0d6d; color: #ed0d6d; } div.searchWrap input#start-date, div.searchWrap input#end-date { width: 158px; } #searchButton { position: absolute; bottom: 12px; right: 12px; height: 24px; width: 100px; overflow: hidden; cursor: pointer; } #searchButton:hover input { margin-top: -24px; } a#previousPage { float: left; width: 100px; height: 24px; margin-bottom: 20px; display: block; overflow: hidden; cursor: pointer; text-indent: -9999px; background: url('images/previousButton.png') no-repeat; } a#previousPage:hover, a#nextPage:hover { background-position: 0 -24px; } a#nextPage { float: right; width: 100px; height: 24px; margin-bottom: 20px; display: block; overflow: hidden; cursor: pointer; text-indent: -9999px; background: url('images/nextButton.png') no-repeat; }