/* -------------------------------------------------------------- CSS Framework Web Design & Development by Studio 24 Ltd www.studio24.net - (0870) 241 6159 * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. -------------------------------------------------------------- */ @import "reset.css"; @import "content.css"; @import "typography.css"; @import "forms.css"; /* =CONTAINERS -------------------------------------------------------------- */ body { /*background:url(../img/bg-ruler.png) no-repeat 50% 0;*/ background: #0d7fa1 url(../img/bg.jpg) top left repeat-x; } div#container { /*background: #EEE url(../img/bg-grid-4-col.png) repeat-y 50% 0;*/ background: #fff url(../img/container-bg.gif) bottom left no-repeat; width: 960px; margin: 0 auto; padding: 0 20px; position: relative; } body.admin div#container { background: #fff; } /* =BRANDING -------------------------------------------------------------- */ div#branding { background: url(../img/branding.png) top left no-repeat; height: 106px; margin-bottom: -76px; position: relative; z-index: 20; } div#branding p { position: absolute; left: 490px; top: 30px; font-size: 1.5em; font-weight: bold; letter-spacing: 2px; color: #fff; } div#branding a { color: #fff; text-decoration: none; } div#banner { position: relative; background: url(../img/banner.jpg) top left no-repeat; height: 239px; /*padding-top: 40px;*/ } div#music-player { float: left; position: absolute; right:3px; bottom: 35px; z-index: 50; height:110px; /* outline:solid red 1px; */ } div#content { float: left; width: 765px; margin-top: 15px; } body.admin div#content { margin-top: 40px; } div#content-primary { float: left; width: 528px; border-bottom: 1px solid #D9D4D0; padding-bottom: 20px; } body.admin div#content-primary { width: 960px; } div#content-secondary { float: left; width: 223px; margin-left: 14px; } div#content-tertiary { } /* =SITE-TOOLS -------------------------------------------------------------- */ ul#site-tools { list-style-type: none; } div#site-search { } /* =NAV-PRIMARY -------------------------------------------------------------- */ div#nav-primary { background: #fff; position: relative; float: left; width: 181px; margin: -30px 0 0 0; padding: 14px 14px 14px 0; } div#nav-primary ul { background: #edf9f9; border: 1px solid #eee; list-style-type: none; margin: 0; padding: 0 18px; font-size: 0.85em; } div#nav-primary ul li { border: 1px solid #edf9f9; } div#nav-primary ul li a { display: block; border-top: 1px solid #b3d8df; padding: 8px 0px 8px 15px; text-decoration: none; color: #047391; } div#nav-primary ul li a:hover { color: #91108C; } div#nav-primary ul li.first-item a { border: none; } /* =NESTED NAV (SUB MENUS) */ div#nav-primary ul li ul { padding: 0; border: none; font-size: 90%; } div#nav-primary ul li ul li { border: 1px solid #edf9f9; } div#nav-primary ul li ul li a, div#nav-primary ul li.first-item ul li a { border-top: 1px solid #b3d8df; padding: 4px 0 4px 25px; } /* =ACTIVE STATE */ div#nav-primary ul li.active a, body.about-us div#nav-primary ul li.about-us a, body.concerts div#nav-primary ul li.concerts a, body.news div#nav-primary ul li.news a, body.creative-learning div#nav-primary ul li.creative-learning a, body.education div#nav-primary ul li.education a, body.digispace div#nav-primary ul li.digispace a, body.listen-to-us div#nav-primary ul li.listen-to-us a, body.support-us div#nav-primary ul li.support-us a, body.support div#nav-primary ul li.support a, body.partners div#nav-primary ul li.partners a, body.media div#nav-primary ul li.media a, body.contact div#nav-primary ul li.contact a, body.koncerty-w-polsce div#nav-primary ul li.koncerty-w-polsce a { background:url(../img/nav-bullet.gif) 0% 50% no-repeat; color: #91108C; } div#nav-primary ul li.active ul li.active a, body.about-us div#nav-primary ul li.about-us ul li.active a, body.concerts div#nav-primary ul li.concerts ul li.active a, body.news div#nav-primary ul li.news ul li.active a, body.creative-learning div#nav-primary ul li.creative-learning ul li.active a, body.education div#nav-primary ul li.education ul li.active a, body.digispace div#nav-primary ul li.digispace ul li.active a, body.listen-to-us div#nav-primary ul li.listen-to-us ul li.active a, body.support-us div#nav-primary ul li.support-us ul li.active a, body.support div#nav-primary ul li.support ul li.active a, body.partners div#nav-primary ul li.partners ul li.active a, body.media div#nav-primary ul li.media ul li.active a, body.contact div#nav-primary ul li.contact ul li.active a, body.koncerty-w-polsce div#nav-primary ul li.koncerty-w-polsce ul li.active a { background:url(../img/nav-bullet.gif) 8px 50% no-repeat; color: #91108C; } div#nav-primary ul li.active ul li a, body.about-us div#nav-primary ul li.about-us ul li a, body.concerts div#nav-primary ul li.concerts ul li a, body.news div#nav-primary ul li.news ul li a, body.creative-learning div#nav-primary ul li.creative-learning ul li a, body.education div#nav-primary ul li.education ul li a, body.digispace div#nav-primary ul li.digispace ul li a, body.listen-to-us div#nav-primary ul li.listen-to-us ul li a, body.support-us div#nav-primary ul li.support-us ul li a, body.support div#nav-primary ul li.support ul li a, body.partners div#nav-primary ul li.partners ul li a, body.media div#nav-primary ul li.media ul li a, body.contact div#nav-primary ul li.contact ul li a, body.koncerty-w-polsce div#nav-primary ul li.koncerty-w-polsce ul li a { background: none; color: #047391; } div#nav-primary ul li.active ul li a:hover, body.about-us div#nav-primary ul li.about-us ul li a:hover, body.concerts div#nav-primary ul li.concerts ul li a:hover, body.news div#nav-primary ul li.news ul li a:hover, body.creative-learning div#nav-primary ul li.creative-learning ul li a:hover, body.education div#nav-primary ul li.education ul li a:hover, body.digispace div#nav-primary ul li.digispace ul li a:hover, body.listen-to-us div#nav-primary ul li.listen-to-us ul li a:hover, body.support-us div#nav-primary ul li.support-us ul li a:hover, body.support div#nav-primary ul li.support ul li a:hover, body.partners div#nav-primary ul li.partners ul li a:hover, body.media div#nav-primary ul li.media ul li a:hover, body.contact div#nav-primary ul li.contact ul li a:hover, body.koncerty-w-polsce div#nav-primary ul li.koncerty-w-polsce ul li a:hover { color: #91108C; } /* hide all nested lists and then display only current ones */ ul.submenu { display: none; } body.about-us li.about-us ul.submenu, body.concerts li.concerts ul.submenu, body.news li.news ul.submenu, body.creative-learning li.creative-learning ul.submenu, body.education li.education ul.submenu, body.digispace li.digispace ul.submenu, body.listen-to-us li.listen-to-us ul.submenu, body.listen li.listen ul.submenu, body.support-us li.support-us ul.submenu, body.support li.support ul.submenu, body.partners li.partners ul.submenu, body.media li.media ul.submenu, body.contact li.contact ul.submenu, body.koncerty-w-polsce li.koncerty-w-polsce ul.submenu { display: block; } /* = PLAYERS MENU */ #nav-primary ul li.players-room { display: none; } body.players-room #nav-primary ul li { display: none; } body.players-room #nav-primary ul li.players-room { display: block; } body.players-room #nav-primary ul li.players-room ul.submenu, body.players-room #nav-primary ul li.players-room ul.submenu li { display: block; } body.players-room #nav-primary ul li a { border: none; } body.players-room #nav-primary ul li ul.submenu li a { border-top: 1px solid #B3D8DF; } /* =NAV-SECONDARY -------------------------------------------------------------- */ ul#nav-secondary { list-style-type: none; } /* =NAV-TERTIRARY -------------------------------------------------------------- */ ul#nav-tertiary { list-style-type: none; } /* =BREADCRUMB -------------------------------------------------------------- */ ul#nav-breadcrumb { margin: 0 0 10px 0; padding: 4px 0 12px 0; list-style-type: none; border-bottom: 1px solid #D9D4D0; } ul#nav-breadcrumb li { display: inline; } ul#nav-breadcrumb li a { background: url(../img/breadcrumb-divider.gif) 100% 50% no-repeat; padding-right: 10px; margin-right: 4px; } /* =SITE-INFO -------------------------------------------------------------- */ div#site-info { clear: both; float: left; width: 960px; margin: 50px 0 0 0; } div#site-info ul { list-style: none; float: right; margin: 45px 10px 0 0; padding: 0; } div#site-info ul li { background: url(../img/bullet.gif) 0 50% no-repeat; float: left; margin: 0 5px 0 0; padding: 0 0 0 9px; } div#site-info ul li.first-item { background: none; } div#site-info img { float: right; } .hide { display: none; } .show { display: block; } /* = ADMIN FOOTER ----------------------------------------------------------------------- */ body.admin ul.footer li { display: inline; padding: 0 1em; border-right: 1px solid #ccc; }