/* Theme specific style definitions. Site: FADD Author: Adam Barry for Neolab Date: 17 October 2007 Base by Adam Barry Themes are applied by setting the classname on the body- element e.g. which applies the "beige" theme. ----------------------------------------------------------*/ /*********************************************************** Theme: blaa ***********************************************************/ .blaa { background-color: #CBDAEE; padding-top: 10px; background-image: url(../graphics/themes/blaa/background/top.jpg); } .blaa #site { background-color: #F4F4F4; border: thin solid #000; } .blaa .primary a { margin: 0px; padding: 0px; color: #FFF; } .blaa #site .primary a { color: #FFF; } .blaa #site .primary a:hover { background-color: #C00; color: #000; } .blaa #site .primary li.selected a { background-color: #0C3; color: #D8E3F2; } .blaa .navContainer { } .blaa .secondary { background-color: #FFE282; background-image: url(../graphics/themes/blaa/navigation/secondary/top.gif); margin-top: 20px; margin-right: 5px; margin-bottom: 0px; margin-left: 10px; border: 1px solid #000; width: 165px; } .blaa .login { background-color: #C00; background-image: url(../graphics/themes/blaa/elements/top.gif); color: inherit; } .blaa .login fieldset { background-image: url(../graphics/themes/blaa/elements/bottom.gif); } .blaa .main { background-color: #F4F4F4; background-image: url(../graphics/themes/blaa/main-back.gif); } .blaa #content { background-color: #F4F4F4; } .blaa #content .container { } .blaa #content.frontpage { background-color: #F4F4F4; background-image: none; color: inherit; } .blaa #content .news span.image { background-image: url(../graphics/themes/blaa/news-image-mask.gif); } .blaa .newsletter { background-color: #FFE282; background-image: url(../graphics/elements/top.gif); background-repeat: no-repeat; color: inherit; padding-top: 7px; margin-top: 5px; float: left; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; /*background-image: url(../graphics/themes/blaa/elements/top.gif);*/ } .blaa .newsletter fieldset { /*background-image: url(../graphics/themes/blaa/elements/bottom.gif);*/ } .blaa .calendar { background-color: #CFFAFC; background-image: url(../graphics/themes/blaa/elements/top.gif); color: inherit; } .blaa #content .calendar .container { background-image: url(../graphics/themes/blaa/elements/bottom.gif); } .blaa .calender th, .blaa .calendar td { border-color: #CFFAFC; } .blaa #content p span.image { background-image: url(../graphics/themes/blaa/image-mask.gif); } .blaa #content .news span.image { border-color: #CDC7B1; } .blaa .resume { font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; padding-left:4px; padding-bottom: 10px; font-size: 0.9em; display: block; border: thin solid #000; margin-bottom: 5px; margin-right: 5px; margin-left: 5px; } .blaa #footer { width: 100%; background-color: #CBDAEE; float: left; position: relative; } .blaa #footer .graphic { background-color: #FFF; color: inherit; } .blaa #footer .graphic.top span { background-image: url(../graphics/themes/blaa/footer/top.gif); } .blaa #footer .graphic.bottom span { background-image: url(../graphics/themes/blaa/footer/bottom.gif); } /*********************************************************** Theme: seden ***********************************************************/ .seden { background-color: #8FB75E; padding-top: 10px; background-image: url(../graphics/themes/seden/background/top.gif); } .seden #site { background-color: #F4F4F4; border: thin solid #000; } .seden .primary a { margin: 0px; padding: 0px; color: #FFF; } .seden #site .primary a { color: #000; } .seden #site .primary a:hover { background-color: #C00; color: white; } .seden #site .primary li.selected a { background-color: #0C3; color: #D8E3F2; } .seden .navContainer { } .seden .secondary { background-color: #CFCFE2; background-image: url(../graphics/themes/seden/navigation/secondary/top.gif); margin-top: 10px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; } .seden .login { background-color: #C00; background-image: url(../graphics/themes/seden/elements/top.gif); color: inherit; } .seden .login fieldset { background-image: url(../graphics/themes/seden/elements/bottom.gif); } .seden .main { background-color: #F4F4F4; background-image: url(../graphics/themes/seden/main-back.gif); } .seden #content { background-color: #F4F4F4; } .seden #content .container { } .seden #content.frontpage { background-color: #F4F4F4; background-image: none; color: inherit; } .seden #content .news span.image { background-image: url(../graphics/themes/seden/news-image-mask.gif); } .seden .newsletter { background-color: #CCC; background-image: url(../graphics/themes/seden/elements/top.gif); color: inherit; } .seden .newsletter fieldset { background-image: url(../graphics/themes/seden/elements/bottom.gif); } .seden .calendar { background-color: #CFFAFC; background-image: url(../graphics/themes/seden/elements/top.gif); color: inherit; } .seden #content .calendar .container { background-image: url(../graphics/themes/seden/elements/bottom.gif); } .seden .calender th, .seden .calendar td { border-color: #CFFAFC; } .seden #content p span.image { background-image: url(../graphics/themes/seden/image-mask.gif); } .seden #content .news span.image { border-color: #CDC7B1; } .seden .resume { font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em; padding-left:4px; padding-bottom: 10px; font-size: 0.9em; display: block; border: thin solid #000; margin-bottom: 5px; margin-right: 5px; margin-left: 5px; } .seden #footer { width: 100%; background-color: #8FB75E; float: left; position: relative; } .seden #footer .graphic { background-color: #FFF; color: inherit; } .seden #footer .graphic.top span { background-image: url(../graphics/themes/seden/footer/top.gif); } .seden #footer .graphic.bottom span { background-image: url(../graphics/themes/seden/footer/bottom.gif); } /*********************************************************** Theme: admin ***********************************************************/ .admin { background-color: #666; padding-top: 10px; } .admin #container { /* Container responsible for centering #site */ width: 1200px; margin-left: auto; margin-right: auto; } /*: Branding ----------------------------------------------------------*/ .admin .branding { width: 100%; border-bottom: 1px solid white; float: left; overflow: hidden; cursor: pointer; } .admin .branding h1, .branding h2 { display: none; } .admin #site { background-color: #F4F4F4; border: thin solid #000; } .admin .primary { margin: 0px; padding: 0px; } .admin #site .primary a { color: #FFF; } .admin #site .primary a:hover { background-color: #C00; color: white; } .admin #site .primary li.selected a { background-color: #0C3; color: #D8E3F2; } .admin .navContainer { } .admin .secondary { background-color: #CFCFE2; background-image: url(../graphics/themes/admin/navigation/secondary/top.gif); margin-top: 10px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; } .admin .login { background-color: #C00; background-image: url(../graphics/themes/admin/elements/top.gif); color: inherit; } .admin .login fieldset { background-image: url(../graphics/themes/admin/elements/bottom.gif); } .admin .main { background-color: #F4F4F4; background-image: url(../graphics/themes/admin/main-back.gif); } .admin #content { background-color: #F4F4F4; } .admin #content .container { } .admin #content.frontpage { background-color: #F4F4F4; background-image: none; color: inherit; } .admin #content .news span.image { background-image: url(../graphics/themes/admin/news-image-mask.gif); } .admin .newsletter { background-color: #CCC; background-image: url(../graphics/themes/admin/elements/top.gif); color: inherit; } .admin .newsletter fieldset { background-image: url(../graphics/themes/admin/elements/bottom.gif); } .admin .calendar { background-color: #CFFAFC; background-image: url(../graphics/themes/admin/elements/top.gif); color: inherit; } .admin #content .calendar .container { background-image: url(../graphics/themes/admin/elements/bottom.gif); } .admin .calender th, .admin .calendar td { border-color: #CFFAFC; } .admin #content p span.image { background-image: url(../graphics/themes/admin/image-mask.gif); } .admin #content .news span.image { border-color: #CDC7B1; } .admin .resume { font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em; padding-left:4px; padding-bottom: 10px; font-size: 0.9em; display: block; border: thin solid #000; margin-bottom: 5px; margin-right: 5px; margin-left: 5px; } .admin #footer { width: 100%; background-color: #666; float: left; position: relative; } .admin #footer .graphic { background-color: #FFF; color: inherit; } .admin #footer .graphic.top span { background-image: url(../graphics/themes/admin/footer/top.gif); } .admin #footer .graphic.bottom span { background-image: url(../graphics/themes/admin/footer/bottom.gif); } /*********************************************************** Theme: beige ***********************************************************/ .beige { background-color: #E2D9B7; /*background-image: url(../graphics/themes/beige/background/top.gif);*/ } .beige #site .primary a:hover { background-color: #015692; color: white; } .beige #site .primary li.selected a { background-color: #015692; color: #D8E3F2; } .beige .navContainer { background-image: url(../graphics/themes/beige/elements/bottom.gif); } .beige .secondary { background-color: #E9E3C9; background-image: url(../graphics/themes/beige/navigation/secondary/top.gif); color: inherit; } .beige .login { background-color: #E9E3C9; background-image: url(../graphics/themes/beige/elements/top.gif); color: inherit; } .beige .login fieldset { background-image: url(../graphics/themes/beige/elements/bottom.gif); } .beige .main { background-image: url(../graphics/themes/beige/main-back.gif); } .beige #content { background-color: #E9E3C9; background-image: url(../graphics/themes/beige/content/top.gif); color: inherit; } .beige #content .container { background-image: url(../graphics/themes/beige/content/bottom.gif); } .beige #content.frontpage { background-color: #E2D9B7; background-image: none; color: inherit; } .beige #content .news span.image { background-image: url(../graphics/themes/beige/news-image-mask.gif); } .beige .newsletter { background-color: #E9E3C9; background-image: url(../graphics/themes/beige/elements/top.gif); color: inherit; } .beige .newsletter fieldset { background-image: url(../graphics/themes/beige/elements/bottom.gif); } .beige .calendar { background-color: #E9E3C9; background-image: url(../graphics/themes/beige/elements/top.gif); color: inherit; } .beige #content .calendar .container { background-image: url(../graphics/themes/beige/elements/bottom.gif); } .beige .calender th, .beige .calendar td { border-color: #E9E3C9; } .beige #content p span.image { background-image: url(../graphics/themes/beige/image-mask.gif); } .beige #content .news span.image { border-color: #CDC7B1; } .beige #footer .graphic { background-color: #E2D9B7; color: inherit; } .beige #footer .graphic.top span { background-image: url(../graphics/themes/beige/footer/top.gif); } .beige #footer .graphic.bottom span { background-image: url(../graphics/themes/beige/footer/bottom.gif); } /*********************************************************** Theme: gul ***********************************************************/ .gul { background-color: #FFC; /*background-image: url(../graphics/themes/gul/background/top.gif);*/ } .gul #site .primary a:hover { background-color: #090; color: white; } .gul #site .primary li.selected a { background-color: #0C3; color: #D8E3F2; } .gul .navContainer { background-image: url(../graphics/themes/gul/elements/bottom.gif); } .gul .secondary { background-color: #FC3; background-image: url(../graphics/themes/gul/navigation/secondary/top.gif); color: inherit; } .gul .login { background-color: #C00; background-image: url(../graphics/themes/gul/elements/top.gif); color: inherit; } .gul .login fieldset { background-image: url(../graphics/themes/gul/elements/bottom.gif); } .gul .main { background-image: url(../graphics/themes/gul/main-back.gif); } .gul #content { background-color: #FFC; background-image: url(../graphics/themes/gul/content/top.gif); color: inherit; } .gul #content .container { background-image: url(../graphics/themes/gul/content/bottom.gif); } .gul #content.frontpage { background-color: #FFC; background-image: none; color: inherit; } .gul #content .news span.image { background-image: url(../graphics/themes/gul/news-image-mask.gif); } .gul .newsletter { background-color: #FFC; background-image: url(../graphics/themes/gul/elements/top.gif); color: inherit; } .gul .newsletter fieldset { background-image: url(../graphics/themes/gul/elements/bottom.gif); } .gul .calendar { background-color: #FFC; background-image: url(../graphics/themes/gul/elements/top.gif); color: inherit; } .gul #content .calendar .container { background-image: url(../graphics/themes/gul/elements/bottom.gif); } .gul .calender th, .gul .calendar td { border-color: #FFC; } .gul #content p span.image { background-image: url(../graphics/themes/gul/image-mask.gif); } .gul #content .news span.image { border-color: #CDC7B1; } .gul #footer .graphic { background-color: #09F; color: inherit; } .gul #footer .graphic.top span { background-image: url(../graphics/themes/gul/footer/top.gif); } .gul #footer .graphic.bottom span { background-image: url(../graphics/themes/gul/footer/bottom.gif); }