/** * 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 */ body.theme-custom { background-color:#BDD0DC; background-image:url(/mysite/media/36/45/6/e53e5b8e-d83c-481e-b81e-72181569487c.jpg); background-position:50% 0; background-repeat:repeat; font-family:Verdana,Arial; } /*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:Verdana,Arial; font-style: normal; } /** * Button row */ /* Property 100 */ .theme-custom #custTool { background-color:#6CA1D5; color:#FAFCEC; } /* Property 101 */ .theme-custom #custTool a, .theme-custom #custTool a:hover, .theme-custom #custTool .link-sep { color:#FAFCEC; } /* 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:#F9FCEE; } /* Property 103 */ .theme-custom #custTool .uiCBtn span, .theme-custom #custGrid .ig_container .uiCBtn span, .theme-custom .ig-overlay .uiCBtn span { border-color:#e05543; } .theme-custom #custTool .uiCBtn span span, .theme-custom #custGrid .ig_container .uiCBtn span span, .theme-custom .ig-overlay .uiCBtn span span { background-color:#e05543; } /** * Business Card */ /* Property 200, 201 */ .theme-custom #custHead { background-color:#FFFFFF; color:#6CA1D5; } /* Property 202 */ .theme-custom #custHead a, .theme-custom #custHead a:hover, .theme-custom #custHead .link-sep { color:#e34f4a; } /* Property 203, 204 */ .theme-custom #custHead div.businessname {background-color:TRANSPARENT; color:#35403d; } /* Property 205, 206 */ .theme-custom #custHead h2 {background-color:TRANSPARENT;color:#fafcee;} /* Property 209 */ .theme-custom #custHead .uiCBtn span { border-color:#df5443; } .theme-custom #custHead .uiCBtn span span { background-color:#df5443;} /* Property 210 */ .theme-custom #custHead .uiCBtn, .theme-custom #custHead .uiCBtn:hover { color:#6CA1D5; } /** * Navigation */ /* Property 300 */ .theme-custom #custMenu, .theme-custom #custGrid .custMenu { background-color:#fcfdfe; } /* Property 301, 306 */ .theme-custom #custMenu li a { color: #000101; border-right: 1px solid #9fb2b6} .theme-custom #custGrid .custMenu a { color: #000101; border-right: 1px solid #9fb2b6} .theme-custom #custGrid .m_tile_sec .custMenu li a { border: 0; border-bottom: 1px solid #9fb2b6 } /* Property 304, 305 */ .theme-custom #custMenu li .active, .theme-custom #custGrid .custMenu .active {background:#3d4f50;color:#fbfdef;} .theme-custom .mod-gallery .ig_thumbnails .active a {border-color:#3d4f50;} /* Property 302, 303 */ .theme-custom #custMenu li a:hover, .theme-custom #custGrid .custMenu a:hover {background-color:#cad5dc;color:#000001;} /** * Module grid tile colors */ /* Property 500 m_tile_top*/ .theme-custom #tile1 { background:#6CA1D5; } /* Property 400 */ .theme-custom #tile2, .theme-custom #tile5 { background:#f8fdfe; } /* Property 600 m_tile_sec*/ .theme-custom #tile3, .theme-custom #tile6, .theme-custom #tile7 { background:#313e40; } /* Property 700 m_tile_bottom */ .theme-custom #tile4 { background:#3d4f50; } /** * Module grid & module base tile 2 */ /* Property 401 */ .theme-custom #custGrid { color:#000102} /* Property 402 */ .theme-custom #custGrid a, .theme-custom #custGrid a:hover, .theme-custom #custGrid .link-sep { color:#df5245; } /* Property 404 */ .theme-custom #custGrid h2 { color:#91b2c2; background-color:TRANSPARENT; } /* Property 403 */ /*.theme-custom #custGrid h2 span { background-color:TRANSPARENT; }*/ /* Property 405 */ .theme-custom #custGrid h3 { background-color:#98b0c3; color:#3c4e53; } /* Property 409 */ .theme-custom #custGrid .uiCBtn span, .theme-custom #custGrid .button span, .theme-custom #custGrid .ig_container .uiCBtn span { border-color:#303132; } .theme-custom #custGrid .uiCBtn span span, .theme-custom #custGrid .button span span, .theme-custom #custGrid .ig_container .uiCBtn span span {background-color:#303132;} /* Property 410 */ .theme-custom #custGrid .uiCBtn, .theme-custom #custGrid .uiCBtn:hover { color:#fafbfc; } /** * Specific styles for each tiles */ /* Property 501 */ .theme-custom #custGrid .m_tile_top {color:#F8FEEA} /* 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:#df5348; } /* Property 504 */ .theme-custom #custGrid .m_tile_top h2 { background-color:#3d4f50; color:#f8feea; } /* Property 503 */ /*.theme-custom #custGrid .m_tile_top h2 span { background-color:#3d4f50; }*/ /* Property 505, 506 */ .theme-custom #custGrid .m_tile_top h3 { background-color:#3d4f50;color:#f8feea; } /* 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:#df5348; } .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:#df5348; } /* Property 510 */ .theme-custom #custGrid .m_tile_top .uiCBtn, .theme-custom #custGrid .m_tile_top .uiCBtn:hover { color:#fafcf0; } /** * Specific right column */ /* Property 601 */ .theme-custom #custGrid .m_tile_sec {color:#f9fdec} /* 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:#e25048; } /* Property 604 */ .theme-custom #custGrid .m_tile_sec h2 { background-color:#405051; color:#92b2c7; } /* Property 603 */ /*.theme-custom #custGrid .m_tile_sec h2 span { background-color:#405051; }*/ /* Property 605, 606 */ .theme-custom #custGrid .m_tile_sec h3 { background-color:#313e40; color:#fbfded; } /* 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:#df5443; } .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:#df5443; } /* Property 610 */ .theme-custom #custGrid .m_tile_sec .uiCBtn, .theme-custom #custGrid .m_tile_sec .uiCBtn:hover {color:#fafeed;} /** * Specific bottom */ /* Property 701 */ .theme-custom #custGrid .m_tile_bottom { color:#f8feea} /* 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:#df5348; } /* Property 704 */ .theme-custom #custGrid .m_tile_bottom h2 { background-color:#3d4f50; color:#f8feea; } /* Property 703 */ /*.theme-custom #custGrid .m_tile_bottom h2 span { background-color:#3d4f50; }*/ /* Property 705, 706 */ .theme-custom #custGrid .m_tile_bottom h3 { background-color:#3d4f50; color:#f8feea; } /* 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:#df5348; } .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:#df5348; } /* Property 710 */ .theme-custom #custGrid .m_tile_bottom .uiCBtn, .theme-custom #custGrid .m_tile_bottom .uiCBtn:hover {color:#fafcf0;} /** * Footer */ /* Property 800, 801 */ .theme-custom #custFoot { background-color:#6CA1D5;color:#FBFDEB; } /* Property 802 */ .theme-custom #custFoot a, .theme-custom #custFoot a:hover, .theme-custom #custFoot .link-sep { color:#e05449; } /* Property 804 */ .theme-custom #custFoot .footertitle, .theme-custom #custFoot h3 {color:#fb1902;} /* Property 809 */ .theme-custom #custFoot .uiCBtn span { border-color:#df5443; } .theme-custom #custFoot .uiCBtn span span { background-color:#df5443; } /* Property 810 */ .theme-custom #custFoot .uiCBtn, .theme-custom #custFoot .uiCBtn:hover {color:#fafcee;} /** * 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:#e05543; /* Property 103 */ color:#e05543; /* Property 103 */} .theme-custom .themed-dialog .bd { border-color:#e05543; /* 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: #000101;} .theme-custom #custGrid .m_tile_sec .custMenu li a:hover {background-color:#cad5dc; color:#000001;} .theme-custom #custGrid .m_tile_top .custMenu li a {color: #000101;} .theme-custom #custGrid .m_tile_top .custMenu li a:hover {background-color:#cad5dc; color:#000001;} .theme-custom #custGrid .m_tile_bottom .custMenu li a {color: #000101;} .theme-custom #custGrid .m_tile_bottom .custMenu li a:hover {background-color:#cad5dc; color:#000001;}