/* ------------------------------------------------------------- RE/MAX - Stylesheet // Collection - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .autor Tobias Liegl .version 0.3 .url remax-bayern.de .timestamp 23/09/2009 ------------------------------------------------------------- */ /* ------------------------------------------------------------- remax-bayern.de, Table of Contents - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. RESET, FONTS, BODY, HTML 2. HELPER 2.1 Clearfix 2.2 Divider 3. STRUCTURE 4. CONTENT STYLES 5. NAVIGATIONS 5.1 Section navigation 5.2 Info navigation 5.3 Main navigation 5.4 Sub navigation 5.5 Locations 6. ELEMENTS 6.1 Header 6.2 Section image 6.3 Carousel 6.4 Teaser boxes startpage 6.5 Sidebar boxes 6.6 Footer 6.7 Article lists 6.8 Immo listing 6.9 Immo detail 6.10 Immo search 6.11 TwoColumn teaser 6.12 Makler search 6.13 Makler listing 6.14 Navbar boxes 6.15 Navbar makler search 6.16 Navbar Immo search 7. EXTRA CLASSES ------------------------------------------------------------- */ /* ------------------------------------------------------------- 1. Reset, fonts, body, html - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ------ Custom Styles ------ */ /* ------------------------------------------------------------- 2. Helper - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 2.1 Clearfix */ /* 2.2 Divider */ div.divider { background: url(../_img/content/divider.png) repeat-x; border: 0; clear: both; display: block; height: 1px; margin: 9px 0 14px 0; line-height: 0; font-size: 0; } /* ------------------------------------------------------------- 3. Structure - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #header { background: url(../_img/header/bg-header_collection.png) bottom no-repeat; height: 147px; position: relative; } /* ------------------------------------------------------------- 4. Content styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #contentWrapper h1 { border-bottom: 1px solid #d8d8d8; color: #880235; } #start #contentWrapper h1 { color: #880235; font-family: Times; font-size: 20px; line-height: 24px; } #contentWrapper h2 { color: #880235; } #contentWrapper h3, #contentWrapper h3 a, #contentWrapper h3 a:hover { color: #880235; } #mainContentWrapper a { color: #a6003f; } #mainContentWrapper a:hover { color: #540020; } /* ------------------------------------------------------------- 5. Navigations - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 5.1 Section navigation */ #navSection .classic a { padding-right: 0; } /* 5.2 Info navigation */ #navInfo { padding-right: 190px; } /* 5.3 Main navigation */ #navMain a.active, #navMain a:hover { color: #880235; } .NavLevelA_1_0_sel{color:#880235!important;} /* 5.4 Sub navigation */ #navSub { border-top: 1px solid #bdbdbd; } #navSub li a { background: url(../_img/navigation/navSub/level1-collection.png); border-left: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } #navSub li.hasSubNav a, #navSub li.hasSubNavActive a { background: url(../_img/navigation/navSub/level1-with-subnav-collection.png); } #navSub li a:hover, #navSub li a.active { background: url(../_img/navigation/navSub/level1-hover-collection.png); color: #fff; font-weight: bold; } #navSub li.hasSubNav a:hover, #navSub li.hasSubNavActive a:hover { background: url(../_img/navigation/navSub/level1-hover-with-subnav-collection.png); } #navSub li.hasSubNavActive a.active, #navSub li.hasSubNavActive a.active:hover { background: url(../_img/navigation/navSub/level1-active-with-subnav-collection.png); } #navSub li.hasSubNavActive li a { background: url(../_img/navigation/navSub/level2.png); color: #555555; } #navSub li.hasSubNavActive li a:hover { background: url(../_img/navigation/navSub/level2-hover.png); color: #880235; font-weight: normal; } #navSub li.hasSubNavActive li a.active, #navSub li.hasSubNavActive li a.active:hover { background: url(../_img/navigation/navSub/level2-hover.png); color: #880235; } #navSub li.hasSubNavActive li li a.active, #navSub li.hasSubNavActive li li a.active:hover { font-weight: normal; } #navSub li.hasSubNav li li a:hover, #navSub li.hasSubNav li li a.active, #navSub li.hasSubNav li li a.active:hover { background: url(../_img/navigation/navSub/level2.png); font-weight: normal; } #navSub li.over ul, #navSub li.hasSubNav:hover ul { background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGA4DQAA0ADMRZKzDAAAAABJRU5ErkJggg==') repeat; *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); } #navSub li.hasSubNav li a { color: #fff; } #navSub li.hasSubNav li a:hover { color: #fff; } /* 5.5 Locations */ /* ------------------------------------------------------------- 6. Elements - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 6.1 Header */ #logo { position: absolute; top: 0; right: 30px; background: url(../_img/header/logo-remax-collection-web.png) no-repeat; width: 106px; height: 146px; } /* 6.2 Section image */ /* 6.3 Carousel */ #start #objects { background: url(../_img/backgrounds/bg-objects-collection.png) repeat-x; } #objects h4 { color: #969696; border-bottom: 1px solid #4a5156; } #objects h4 a.immosearch { color: #fff; background: url(../_img/carousel/arrow-link-collection.png) right no-repeat; } #objects h4 a.immosearch:hover { color: #fff; background: url(../_img/carousel/arrow-link-collection.png) right no-repeat; } #objectsCarousel { border-bottom: 1px solid #5e6468; } .jcarousel-skin-remax .jcarousel-item p, .jcarousel-skin-remax-small .jcarousel-item p { color: #fff !important; } .jcarousel-skin-remax .jcarousel-item p.title, .jcarousel-skin-remax-small .jcarousel-item p.title { color: #fff; } .jcarousel-skin-remax .jcarousel-item:hover, .jcarousel-skin-remax-small .jcarousel-item:hover { border-color: #808080; } .jcarousel-skin-remax .jcarousel-next-horizontal, .jcarousel-skin-remax-small .jcarousel-next-horizontal { background: transparent url(../_img/carousel/next-collection-sub.png) no-repeat 0 0 !important; } #start .jcarousel-skin-remax .jcarousel-next-horizontal, #start .jcarousel-skin-remax-small .jcarousel-next-horizontal { background: transparent url(../_img/carousel/next-collection-start.png) no-repeat 0 0 !important; } .jcarousel-skin-remax .jcarousel-next-horizontal:hover, .jcarousel-skin-remax-small .jcarousel-next-horizontal:hover, .jcarousel-skin-remax .jcarousel-next-horizontal:active, .jcarousel-skin-remax-small .jcarousel-next-horizontal:active, #start .jcarousel-skin-remax .jcarousel-next-horizontal:hover, #start .jcarousel-skin-remax-small .jcarousel-next-horizontal:hover, #start .jcarousel-skin-remax .jcarousel-next-horizontal:active, #start .jcarousel-skin-remax-small .jcarousel-next-horizontal:active { background-position: 0 -19px !important; } .jcarousel-skin-remax .jcarousel-next-disabled-horizontal, .jcarousel-skin-remax-small .jcarousel-next-disabled-horizontal, .jcarousel-skin-remax .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-remax-small .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-remax .jcarousel-next-disabled-horizontal:active, .jcarousel-skin-remax-small .jcarousel-next-disabled-horizontal:active, #start .jcarousel-skin-remax .jcarousel-next-disabled-horizontal, #start .jcarousel-skin-remax-small .jcarousel-next-disabled-horizontal, #start .jcarousel-skin-remax .jcarousel-next-disabled-horizontal:hover, #start .jcarousel-skin-remax-small .jcarousel-next-disabled-horizontal:hover, #start .jcarousel-skin-remax .jcarousel-next-disabled-horizontal:active, #start .jcarousel-skin-remax-small .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 -38px !important; } .jcarousel-skin-remax .jcarousel-prev-horizontal, .jcarousel-skin-remax-small .jcarousel-prev-horizontal { background: transparent url(../_img/carousel/prev-collection-sub.png) no-repeat 0 0 !important; } #start .jcarousel-skin-remax .jcarousel-prev-horizontal, #start .jcarousel-skin-remax-small .jcarousel-prev-horizontal { background: transparent url(../_img/carousel/prev-collection-start.png) no-repeat 0 0 !important; } .jcarousel-skin-remax .jcarousel-prev-horizontal:hover, .jcarousel-skin-remax-small .jcarousel-prev-horizontal:hover, .jcarousel-skin-remax .jcarousel-prev-horizontal:active, .jcarousel-skin-remax-small .jcarousel-prev-horizontal:active, #start .jcarousel-skin-remax .jcarousel-prev-horizontal:hover, #start .jcarousel-skin-remax-small .jcarousel-prev-horizontal:hover, #start .jcarousel-skin-remax .jcarousel-prev-horizontal:active, #start .jcarousel-skin-remax-small .jcarousel-prev-horizontal:active { background-position: 0 -19px !important; } .jcarousel-skin-remax .jcarousel-prev-disabled-horizontal, .jcarousel-skin-remax-small .jcarousel-prev-disabled-horizontal, .jcarousel-skin-remax .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-remax-small .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-remax .jcarousel-prev-disabled-horizontal:active, .jcarousel-skin-remax-small .jcarousel-prev-disabled-horizontal:active, #start .jcarousel-skin-remax .jcarousel-prev-disabled-horizontal, #start .jcarousel-skin-remax-small .jcarousel-prev-disabled-horizontal, #start .jcarousel-skin-remax .jcarousel-prev-disabled-horizontal:hover, #start .jcarousel-skin-remax-small .jcarousel-prev-disabled-horizontal:hover, #start .jcarousel-skin-remax .jcarousel-prev-disabled-horizontal:active, #start .jcarousel-skin-remax-small .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 -38px !important; } /* 6.4 Teaser boxes startpage */ #teaserBoxWrapper strong { font-family: Times; /* text-transform: uppercase; font-size: 14px; */ } #mainContentWrapper a.teaserBoxSpecial { background: url(../_img/teaser/bg-gradient-red.png) repeat-x; } #mainContentWrapper a.teaserBoxNormal { background: url(../_img/teaser/bg-gradient-black.png) repeat-x; } /* 6.5 Sidebar boxes */ #contentWrapper #sidebarBoxWrapper h3 { background: url(../_img/sidebar/bg-head-collection.png); } #mainContentWrapper #sidebarBoxWrapper a.button { background: url(../_img/sidebar/button-red.png); } #mainContentWrapper #sidebarBoxWrapper a.buttonMail { background: url(../_img/sidebar/button-red-mail.png); } #sidebarBoxWrapper .highlightColor { color: #880235; } /* 6.6 Footer */ #footer .lostPassword a { color: #6f6f6f; } /* 6.7 Article lists */ /* 6.8 Immo listing */ .pageBrowser .back { background: url(../_img/immolist/arrows-pagebrowser-collection.png) no-repeat; } .pageBrowser .next { background: url(../_img/immolist/arrows-pagebrowser-collection.png) right -23px no-repeat; } /* 6.9 Immo detail */ /* 6.10 Immo search */ /* 6.11 TwoColumn Teaser */ /* 6.12 Makler search */ /* 6.13 Makler listing */ /* 6.14 Navbar boxes */ #navbarBoxWrapper a.button { background: url(../_img/sidebar/button-red.png); } /* 6.15 Navbar makler search */ /* 6.16 Navbar immo search */ /* 7 extra classes */