/** * 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:#EDEDED; background-image:url(../../../../../media/59/08/6/73b23788-de8b-4a9e-8e75-b32284e2ca4b.jpg); background-position:50% 0; background-repeat:no-repeat; font-family:Verdana,Arial; } /** * for mobile, reset background properties */ body.mobile.theme-custom { background-color: transparent; background-image: none; } body.mobile.theme-custom .container.mobileContainer { background-color:#EDEDED; } body.mobile.view-mode.theme-custom .container { background-color: transparent; background-image: none; } body.mobile.view-mode.theme-custom { background-color:#EDEDED; } /** * header & footer background images (if applicable) */ body.theme-custom #page_content { background-image: url(http://img.pai.pt/mysite/media/); background-position: 50% 0; background-repeat: no-repeat; } body.theme-custom #custPage { background-image: url(http://img.pai.pt/mysite/media/); background-position: center bottom; background-repeat: no-repeat; } /*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:transparent; color:#741261; } /* Property 101 */ .theme-custom #custTool a, .theme-custom #custTool a:hover, .theme-custom #custTool .link-sep { color:#741261; } /* 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:#741261; } .theme-custom #custTool .uiCBtn span span, .theme-custom #custGrid .ig_container .uiCBtn span span, .theme-custom .ig-overlay .uiCBtn span span { background-color:#741261; } /** * Business Card */ /* Property 200, 201 */ .theme-custom #custHead { background-color:transparent; color:#000000; } /* Property 202 */ .theme-custom #custHead a, .theme-custom #custHead a:hover, .theme-custom #custHead .link-sep { color:#741261; } /* Property 203, 204 */ .theme-custom #custHead div.businessname {background-color:transparent; color:#741261; } /* Property 205, 206 */ .theme-custom #custHead h2 {background-color:transparent;color:#010101;} /* Property 209 */ .theme-custom #custHead .uiCBtn span { border-color:#741261; } .theme-custom #custHead .uiCBtn span span { background-color:#741261;} /* Property 210 */ .theme-custom #custHead .uiCBtn, .theme-custom #custHead .uiCBtn:hover { color:#FFFFFF; } /** * Navigation */ /* Property 300 */ .theme-custom #custMenu, .theme-custom #custGrid .custMenu, .theme-custom #custMenu li, .theme-custom #custMenu, .theme-custom #custGrid .custMenu, .theme-custom #custMenu li, .theme-custom #custGrid .mod-navigation li { background-color:#741261; } /* Property 301, 306 */ .theme-custom #custMenu li a { color: #EDEDED; border-right: 1px solid transparent} .theme-custom #custGrid .custMenu a { color: #EDEDED; border-right: 1px solid transparent} .theme-custom #custGrid .m_tile_sec .custMenu li a, .theme-custom #custMenu li li a { border: 0; border-bottom: 1px solid transparent } /* Property 304, 305 */ .theme-custom #custMenu li .active, .theme-custom #custGrid .custMenu .active {background:#EDEDED;color:#741261;} .theme-custom .mod-gallery .ig_thumbnails .active a {border-color:#EDEDED;} /* Property 302, 303 */ .theme-custom #custMenu li a:hover, .theme-custom #custGrid .custMenu a:hover {background-color:transparent !important;color:#AE89A6 !important;} .mobile.theme-custom #custMenu li .active, .mobile.theme-custom #custGrid .custMenu .active {background:none;} .mobile.theme-custom #custMenu li a:hover, .theme-custom #custGrid .custMenu a:hover {background:none;color:#EDEDED;} .mobile.theme-custom .menu-arrow, .mobile.theme-custom .menu-icon span{color: #EDEDED;} .mobile.theme-custom .menu-button .icon-bar{background-color: #EDEDED;} .mobile.theme-custom .menu-icon span{color: #741261;} .mobile.theme-custom #custHead { background-color:transparent; color: #000!important;} .mobile.theme-custom #custMenu li a {border-right: none; color: #EDEDED;} .mobile.theme-custom #custGrid {color: #000!important;} .mobile.theme-custom #custGrid h2{background-color:transparent; color:#741261; } .mobile.theme-custom #custGrid .m_tile_top h3 { background-color:transparent;color:#741261; } .mobile.theme-custom #custGrid .m_tile_top .link-sep, .mobile.theme-custom #custGrid a{ color:#741261; } .mobile.theme-custom #custGrid .link-sep { color:#741261; } /** * 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; } /** * tile colors for dynamic layout (borrow colors from top zone) */ /* full width */ .dynamiclayout.theme-custom .m_grid_12 {} .dynamiclayout.theme-custom .m_grid_12 {background:transparent !important; color:#000 !important;} .dynamiclayout.theme-custom .m_grid_12 a, .dynamiclayout.theme-custom .m_grid_12 a:hover, .dynamiclayout.theme-custom .m_grid_12 .link-sep { color:#741261; } .dynamiclayout.theme-custom .m_grid_12 h2 { background-color:transparent !important; color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_12 h2 span { background-color:transparent !important; } .dynamiclayout.theme-custom .m_grid_12 h3 { background-color:transparent !important;color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_12 .uiCBtn span, .dynamiclayout.theme-custom .m_grid_12 .button span, .dynamiclayout.theme-custom .m_grid_12 .ig_container .uiCBtn span { border-color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_12 .uiCBtn span span, .dynamiclayout.theme-custom .m_grid_12 .button span span, .dynamiclayout.theme-custom .m_grid_12 .ig_container .uiCBtn span span { background-color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_12 .uiCBtn, .dynamiclayout.theme-custom .m_grid_12 .uiCBtn:hover { color:#FFFFFF !important; } /* 2/3 tile */ .dynamiclayout.theme-custom .m_grid_8 {} .dynamiclayout.theme-custom .m_grid_8 { background:transparent !important; color:#000 !important;} .dynamiclayout.theme-custom .m_grid_8 a, .dynamiclayout.theme-custom .m_grid_8 a:hover, .dynamiclayout.theme-custom .m_grid_8 .link-sep { color:#741261; } .dynamiclayout.theme-custom .m_grid_8 h2 { color:#741261 !important; background-color:transparent !important; } .dynamiclayout.theme-custom .m_grid_8 h2 span { background-color:transparent !important; } .dynamiclayout.theme-custom .m_grid_8 h3 { background-color:transparent !important; color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_8 .uiCBtn span, .dynamiclayout.theme-custom .m_grid_8 .button span, .dynamiclayout.theme-custom .m_grid_8 .ig_container .uiCBtn span { border-color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_8 .uiCBtn span span, .dynamiclayout.theme-custom .m_grid_8 .button span span, .dynamiclayout.theme-custom .m_grid_8 .ig_container .uiCBtn span span {background-color:#741261 !important;} .dynamiclayout.theme-custom .m_grid_8 .uiCBtn, .dynamiclayout.theme-custom .m_grid_8 .uiCBtn:hover { color:#FFFFFF !important; } /* 1/3 tile */ .dynamiclayout.theme-custom .m_grid_4 {} .dynamiclayout.theme-custom .m_grid_4 { background:transparent !important; color:#000 !important; } .dynamiclayout.theme-custom .m_grid_4 a, .dynamiclayout.theme-custom .m_grid_4 a:hover, .dynamiclayout.theme-custom .m_grid_4 .link-sep { color:#741261; } .dynamiclayout.theme-custom .m_grid_4 h2 { background-color:transparent !important; color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_4 h2 span { background-color:transparent !important; } .dynamiclayout.theme-custom .m_grid_4 h3 { background-color:transparent !important; color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_4 .uiCBtn span, .dynamiclayout.theme-custom .m_grid_4 .button span, .dynamiclayout.theme-custom .m_grid_4 .ig_container .uiCBtn span { border-color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_4 .uiCBtn span span, .dynamiclayout.theme-custom .m_grid_4 .button span span, .dynamiclayout.theme-custom .m_grid_4 .ig_container .uiCBtn span span { background-color:#741261 !important; } .dynamiclayout.theme-custom .m_grid_4 .uiCBtn, .dynamiclayout.theme-custom m_grid_4 .uiCBtn:hover {color:#FFFFFF !important;} /** * dynamiclayout properties */ .dynamiclayout.theme-custom #custGrid .m_grid_4 .custMenu li a { color: #EDEDED; border-bottom: 1px solid transparent} /** * Module grid & module base tile 2 */ /* Property 401 */ .theme-custom #custGrid { color:#000} /* Property 402 */ .theme-custom #custGrid a, .theme-custom #custGrid a:hover, .theme-custom #custGrid .link-sep { color:#741261; } /* Property 404 */ .theme-custom #custGrid h2 { color:#741261; background-color:transparent; } /* Property 403 */ /*.theme-custom #custGrid h2 span { background-color:transparent; }*/ /* Property 405 */ .theme-custom #custGrid h3 { background-color:transparent; color:#741261; } /* Property 409 */ .theme-custom #custGrid .uiCBtn span, .theme-custom #custGrid .button span, .theme-custom #custGrid .ig_container .uiCBtn span { border-color:#741261; } .theme-custom #custGrid .uiCBtn span span, .theme-custom #custGrid .button span span, .theme-custom #custGrid .ig_container .uiCBtn span span {background-color:#741261;} /* Property 410 */ .theme-custom #custGrid .uiCBtn, .theme-custom #custGrid .uiCBtn:hover { color:#FFFFFF; } /** * Specific styles for each tiles */ /* Property 501 */ .theme-custom #custGrid .m_tile_top {color:#000} /* 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:#741261; } /* Property 504 */ .theme-custom #custGrid .m_tile_top h2 { background-color:transparent; color:#741261; } /* 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:transparent;color:#741261; } /* 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:#741261; } .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:#741261; } /* Property 510 */ .theme-custom #custGrid .m_tile_top .uiCBtn, .theme-custom #custGrid .m_tile_top .uiCBtn:hover { color:#FFFFFF; } /* Property 509 mobile*/ body.mobile.theme-custom #custGrid .uiCBtn span span { border-color:#741261;background-color:#741261;} body.mobile.theme-custom #custGrid .uiCBtn span { border-color:#741261;background-color:#741261;} /* Property 510 mobile*/ .mobile.theme-custom #custGrid .uiCBtn {color:#FFFFFF!important;} .mobile.theme-custom #custGrid .uiCBtn:hover {color:#FFFFFF!important;} /** * Specific right column */ /* Property 601 */ .theme-custom #custGrid .m_tile_sec {color:#000} /* 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:#741261; } /* Property 604 */ .theme-custom #custGrid .m_tile_sec h2 { background-color:transparent; color:#741261; } /* 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:transparent; color:#741261; } /* 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:#741261; } .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:#741261; } /* Property 610 */ .theme-custom #custGrid .m_tile_sec .uiCBtn, .theme-custom #custGrid .m_tile_sec .uiCBtn:hover {color:#FFFFFF;} /** * Specific bottom */ /* Property 701 */ .theme-custom #custGrid .m_tile_bottom { color:#000} /* 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:#741261; } /* Property 704 */ .theme-custom #custGrid .m_tile_bottom h2 { background-color:transparent; color:#741261; } /* 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:transparent; color:#741261; } /* 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:#741261; } .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:#741261; } /* Property 710 */ .theme-custom #custGrid .m_tile_bottom .uiCBtn, .theme-custom #custGrid .m_tile_bottom .uiCBtn:hover {color:#FFFFFF;} /** * Footer */ /* Property 800, 801 */ .theme-custom #custFoot { background-color:transparent;color:#000000; } .theme-custom #custFoot h2 { color:inherit; } /* Property 802 */ .theme-custom #custFoot a, .theme-custom #custFoot a:hover, .theme-custom #custFoot .link-sep { color:#741261; } /* Property 804 */ .theme-custom #custFoot .footertitle, .theme-custom #custFoot h3 {color:#741261;} /* Property 809 */ .theme-custom #custFoot .uiCBtn span { border-color:#741261; } .theme-custom #custFoot .uiCBtn span span { background-color:#741261; } /* Property 810 */ .theme-custom #custFoot .uiCBtn, .theme-custom #custFoot .uiCBtn:hover {color:#FFFFFF;} /* Property theme_propertyfootersize */ /** * 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:#741261; /* Property 103 */ color:#741261; /* Property 103 */} .theme-custom .themed-dialog .bd { border-color:#741261; /* 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: #EDEDED;} .theme-custom #custGrid .m_tile_sec .custMenu li a:hover {background-color:transparent !important; color:#AE89A6;} .theme-custom #custGrid .m_tile_top .custMenu li a {color: #EDEDED;} .theme-custom #custGrid .m_tile_top .custMenu li a:hover {background-color:transparent !important; color:#AE89A6;} .theme-custom #custGrid .m_tile_bottom .custMenu li a {color: #EDEDED;} .theme-custom #custGrid .m_tile_bottom .custMenu li a:hover {background-color:transparent !important; color:#AE89A6;} .theme-custom #custH1pageTitle {font-family: Arial,Verdana,sans-serif;font-size: 20px; background-color: transparent; color: rgb(0%,0%,0%);padding: 24px 10px 24px;margin: 0;vertical-align: top;}