/** * DEFAULT * Theme-specific stylesheet, replaces colors, backgrounds, fonts, etc. * * Page Structure: * * .m_tile_sec Class to identify "secondary" content on the module grid, * ie. a side column that uses different colours (this to avoid * using a specific tile id). * * @author fde * V1.0 */ /** * This rule is necessary in order to detect that the dynamic loading * of stylesheets by the Theme Selector (Ribbon), has completed succesfully. * * For more on the principle see * http://wonko.com/post/how-to-prevent-yui-get-race-conditions * * @see ribbon.js > loadTheme > function poll() */ #ribbon-themesel-custom .loading { display:none; } /** * Page background */ /* Property 1, 2, 3, 4 */ html, body.theme-custom { background-color:#EEEEEE; background-position:50% 0; background-repeat: no-repeat ; font-family:'Times New Roman',Times,serif; } /*FONTS*/ /* Property 3, 6*/ .theme-custom #custHead h1, .theme-custom #custHead h2, .theme-custom #custHead h3, .theme-custom #custGrid h1, .theme-custom #custGrid h2, .theme-custom #custGrid h3, .theme-custom #custGrid h4, .theme-custom #custGrid h5, .theme-custom #custFoot h2, .theme-custom #custFoot h3, .theme-custom #custMenu li a, .theme-custom #custMenu li span.active { font-family:'Times New Roman',Times,serif; font-style: normal; } /** * Button row */ /* Property 100 */ .theme-custom #custTool { background-color:#221D16; color:#FFFFFF; } /* Property 101 */ .theme-custom #custTool a, .theme-custom #custTool a:hover, .theme-custom #custTool .link-sep { color:#FFFFFF; } /* Property 102 */ .theme-custom #custTool .uiCBtn, .theme-custom #custTool .uiCBtn:hover, .theme-custom #custGrid .ig_container .uiCBtn, .theme-custom #custGrid .ig_container .uiCBtn:hover { color:#FFFFFF; } /* Property 103 */ .theme-custom #custTool .uiCBtn span, .theme-custom #custGrid .ig_container .uiCBtn span, .theme-custom .ig-overlay .uiCBtn span { border-color:#C4AF27; } .theme-custom #custTool .uiCBtn span span, .theme-custom #custGrid .ig_container .uiCBtn span span, .theme-custom .ig-overlay .uiCBtn span span { background-color:#C4AF27; } /** * Business Card */ /* Property 200, 201 */ .theme-custom #custHead { background-color:transparent; color:#63523a; } /* Property 202 */ .theme-custom #custHead a, .theme-custom #custHead a:hover, .theme-custom #custHead .link-sep { color:#61513b; } /* Property 203, 204 */ .theme-custom #custHead div.businessname {background-color:TRANSPARENT; color:#C4AF27; } /* Property 205, 206 */ .theme-custom #custHead h2 {background-color:TRANSPARENT;color:#61523e;} /* Property 209 */ .theme-custom #custHead .uiCBtn span { border-color:#C4AF27; } .theme-custom #custHead .uiCBtn span span { background-color:#C4AF27;} /* Property 210 */ .theme-custom #custHead .uiCBtn, .theme-custom #custHead .uiCBtn:hover { color:#05090B; } /** * Navigation */ /* Property 300 */ .theme-custom #custMenu, .theme-custom #custGrid .custMenu { background-color:#444444; } /* Property 301, 306 */ .theme-custom #custMenu li a { color: #FFFFFF; border-right: 1px solid #61513b} .theme-custom #custGrid .custMenu a { color: #FFFFFF; border-right: 1px solid #61513b} .theme-custom #custGrid .m_tile_sec .custMenu li a { border: 0; border-bottom: 1px solid #61513b } /* Property 304, 305 */ .theme-custom #custMenu li .active, .theme-custom #custGrid .custMenu .active {background:#C4AF27;color:#0D0B07;} .theme-custom .mod-gallery .ig_thumbnails .active a {border-color:#C4AF27;} /* Property 302, 303 */ .theme-custom #custMenu li a:hover, .theme-custom #custGrid .custMenu a:hover {background-color:#61513b;color:#fff;} /** * Module grid tile colors */ /* Property 500 m_tile_top*/ .theme-custom #tile1 { background:transparent; } /* Property 400 */ .theme-custom #tile2, .theme-custom #tile5 { background:transparent; } /* Property 600 m_tile_sec*/ .theme-custom #tile3, .theme-custom #tile6, .theme-custom #tile7 { background:transparent; } /* Property 700 m_tile_bottom */ .theme-custom #tile4 { background:transparent; } /** * Module grid & module base tile 2 */ /* Property 401 */ .theme-custom #custGrid { color:#61513b} /* Property 402 */ .theme-custom #custGrid a, .theme-custom #custGrid a:hover, .theme-custom #custGrid .link-sep { color:#5f543d; } /* Property 404 */ .theme-custom #custGrid h2 { color:#C4AF27; background-color:transparent; } /* Property 403 */ /*.theme-custom #custGrid h2 span { background-color:transparent; }*/ /* Property 405 */ .theme-custom #custGrid h3 { background-color:#f0dcab; color:#63523a; } /* Property 409 */ .theme-custom #custGrid .uiCBtn span, .theme-custom #custGrid .button span, .theme-custom #custGrid .ig_container .uiCBtn span { border-color:#5e533e; } .theme-custom #custGrid .uiCBtn span span, .theme-custom #custGrid .button span span, .theme-custom #custGrid .ig_container .uiCBtn span span {background-color:#5e533e;} /* Property 410 */ .theme-custom #custGrid .uiCBtn, .theme-custom #custGrid .uiCBtn:hover { color:#fcfdfe; } /** * Specific styles for each tiles */ /* Property 501 */ .theme-custom #custGrid .m_tile_top {color:#0D0B08} /* Property 502 */ .theme-custom #custGrid .m_tile_top a, .theme-custom #custGrid .m_tile_top a:hover, .theme-custom #custGrid .m_tile_top .link-sep { color:#64533b; } /* Property 504 */ .theme-custom #custGrid .m_tile_top h2 { background-color:transparent; color:#C4AF27; } /* Property 503 */ /*.theme-custom #custGrid .m_tile_top h2 span { background-color:transparent; }*/ /* Property 505, 506 */ .theme-custom #custGrid .m_tile_top h3 { background-color:#dcc698;color:#64533b; } /* Property 509 */ .theme-custom #custGrid .m_tile_top .uiCBtn span, .theme-custom #custGrid .m_tile_top .button span, .theme-custom #custGrid .m_tile_top .ig_container .uiCBtn span { border-color:#5e533c; } .theme-custom #custGrid .m_tile_top .uiCBtn span span, .theme-custom #custGrid .m_tile_top .button span span, .theme-custom #custGrid .m_tile_top .ig_container .uiCBtn span span { background-color:#5e533c; } /* Property 510 */ .theme-custom #custGrid .m_tile_top .uiCBtn, .theme-custom #custGrid .m_tile_top .uiCBtn:hover { color:#fcfdfe; } /** * Specific right column */ /* Property 601 */ .theme-custom #custGrid .m_tile_sec {color:#100D09} /* Property 602 */ .theme-custom #custGrid .m_tile_sec a, .theme-custom #custGrid .m_tile_sec a:hover, .theme-custom #custGrid .m_tile_sec .link-sep { color:#62513E; } /* Property 604 */ .theme-custom #custGrid .m_tile_sec h2 { background-color:transparent; color:#C4AF27; } /* Property 603 */ /*.theme-custom #custGrid .m_tile_sec h2 span { background-color:transparent; }*/ /* Property 605, 606 */ .theme-custom #custGrid .m_tile_sec h3 { background-color:#e9d6b4; color:#61523c; } /* Property 609 */ .theme-custom #custGrid .m_tile_sec .uiCBtn span, .theme-custom #custGrid .m_tile_sec .button span, .theme-custom #custGrid .m_tile_sec .ig_container .uiCBtn span { border-color:#5e533c; } .theme-custom #custGrid .m_tile_sec .uiCBtn span span, .theme-custom #custGrid .m_tile_sec .button span span, .theme-custom #custGrid .m_tile_sec .ig_container .uiCBtn span span { background-color:#5e533c; } /* Property 610 */ .theme-custom #custGrid .m_tile_sec .uiCBtn, .theme-custom #custGrid .m_tile_sec .uiCBtn:hover {color:#61523e;} /** * Specific bottom */ /* Property 701 */ .theme-custom #custGrid .m_tile_bottom { color:#0E0C09} /* Property 702 */ .theme-custom #custGrid .m_tile_bottom a, .theme-custom #custGrid .m_tile_bottom a:hover, .theme-custom #custGrid .m_tile_bottom .link-sep { color:#64533b; } /* Property 704 */ .theme-custom #custGrid .m_tile_bottom h2 { background-color:transparent; color:#C4AF27; } /* Property 703 */ /*.theme-custom #custGrid .m_tile_bottom h2 span { background-color:transparent; }*/ /* Property 705, 706 */ .theme-custom #custGrid .m_tile_bottom h3 { background-color:#dcc698; color:#64533b; } /* Property 707, 708 */ /* Property 709 */ .theme-custom #custGrid .m_tile_bottom .uiCBtn span, .theme-custom #custGrid .m_tile_bottom .button span, .theme-custom #custGrid .m_tile_bottom .ig_container .uiCBtn span { border-color:#5e533c; } .theme-custom #custGrid .m_tile_bottom .uiCBtn span span, .theme-custom #custGrid .m_tile_bottom .button span span, .theme-custom #custGrid .m_tile_bottom .ig_container .uiCBtn span span { background-color:#5e533c; } /* Property 710 */ .theme-custom #custGrid .m_tile_bottom .uiCBtn, .theme-custom #custGrid .m_tile_bottom .uiCBtn:hover {color:#fcfdfe;} /** * Footer */ /* Property 800, 801 */ .theme-custom #custFoot { background-color:#15140F;color:#FFFFFF; } /* Property 802 */ .theme-custom #custFoot a, .theme-custom #custFoot a:hover, .theme-custom #custFoot .link-sep { color:#C4AF27; } /* Property 804 */ .theme-custom #custFoot .footertitle, .theme-custom #custFoot h3 {color:#FFFFFF;} /* Property 809 */ .theme-custom #custFoot .uiCBtn span { border-color:#E6B032; } .theme-custom #custFoot .uiCBtn span span { background-color:#E6B032; } /* Property 810 */ .theme-custom #custFoot .uiCBtn, .theme-custom #custFoot .uiCBtn:hover {color:#fbfdfe;} /** * Send Email dialog (the only "themed" dialog so far,; visible from the "visitor mode" landing page) * Note: watch for rule precedence! (see base.css yui panel styles) * @date 09-Dec-2009 */ .theme-custom .themed-dialog .hd { border-color:#C4AF27; /* Property 103 */ color:#C4AF27; /* Property 103 */} .theme-custom .themed-dialog .bd { border-color:#C4AF27; /* Property 103 */ } .theme-custom .module-openinghours .today {background-color:#FDDD23;} .theme-custom .module-openinghours .today strong {color:#000000;} /* navigation as a module colour fix */ /* fix to overwrite theme default settings */ .theme-custom #custGrid .m_tile_sec .custMenu li a {color: #FFFFFF;} .theme-custom #custGrid .m_tile_sec .custMenu li a:hover {background-color:#61513b; color:#fff;} .theme-custom #custGrid .m_tile_top .custMenu li a {color: #FFFFFF;} .theme-custom #custGrid .m_tile_top .custMenu li a:hover {background-color:#61513b; color:#fff;} .theme-custom #custGrid .m_tile_bottom .custMenu li a {color: #FFFFFF;} .theme-custom #custGrid .m_tile_bottom .custMenu li a:hover {background-color:#61513b; color:#fff;}