/* -------------------------------------------------------------- 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 "forms.css"; @import "typography.css"; /* =CONTAINERS -------------------------------------------------------------- */ body { /* background: #ccd6de url(../img/body-bg.jpg) repeat-y 50% 0; */ background: #DBDBE9; } body.popup { background: none; margin: 10px; } div#container { position:relative; background: #fff; width: 960px; height:100%; margin: 0 auto; text-align:left; } div#content { /* outline:solid red 1px; */ margin-top:-10px; } div#content-primary { z-index:-1; /*position:relative; */ margin:5px 20px 20px 20px; padding:0px 0px 0 0; width: 467px; float: left; } body.single-col div#content-primary { width: 570px; } body.full-width div#content-primary { width: 733px; } body.landing-page div#content-primary { position:relative; margin:5px 20px 20px 35px; padding:0px 270px 0 0; /* outline: red solid 1px; */ } body.basic div#content-primary, body.error div#content-primary { margin-left:245px; width: 550px; /* outline:solid red 1px; */ } body.home div#content-primary, body.prog-index div#content-primary { position:relative; margin:5px 20px 20px 20px; padding:0; /* outline: red solid 1px; */ } body.a-z div#content-primary { position:relative; margin:5px 20px 20px 20px; padding:0px 20px 0 0; width: 690px; /* outline: red solid 1px; */ } div#content-secondary { background:#fff; width:245px; /* position:absolute; top:370px; right:20px; */ float: left; margin-top: 6px; /*outline:solid 1px green;*/ } div#content-secondary ul li ul { font-size:.8em; } div#contenuti-sinistra { z-index:-1; float:left; /*position:absolute;*/ width:166px; margin:5px 0 20px 20px; /*outline:solid 1px green;*/ } #branding { position:relative; height:92px; margin:-10px 20px 0 20px; border-bottom:solid 1px #ccc; /*outline:solid 1px green;*/ } #branding-new{ position:relative; height:92px; margin:0; } #portale { position:relative; margin:-84px 5px 0 720px; } #portale-link { position:relative; margin:-32px 30px 0 400px; } #cerca { position:relative; margin:12px 10px 47px 10px; /*outline:dotted 1px #CECFE8;*/ padding:7px 10px 0 10px; } #accessorapido { width:200px; font-size:10px; font-family:Verdana; } #english { width:900px; position:relative; margin:10px 25px 20px 25px; /*outline:solid 1px green;*/ } #english-course { position:relative; top:-60px; right:-420px; } #riservata { font-size: .8em; width:700px; position:relative; left:300px; top:-90px; padding:2px; background:#E2E3FA; opacity: 0.85; filter:alpha(opacity=95); } #riservata a { text-decoration:none; } #accessoriservata { font-size: .8em; width:580px; position:relative; left:378px; top:-90px; padding:3px 1px 5px 1px; background:#E2E3FA; color:#404040; /*border:1px solid black;*/ text-align:center; opacity: 0.75; filter:alpha(opacity=80); } #accessoriservata form { display:inline; } #accessoriservata a { text-decoration:none; color:#808080; } #accessoriservata input { border: 1px solid #808080; font-size:.9em; color:#595959; } #accessoriservata select { font-size:.8em; } #accessoevidenza { background:#0000FF; width:20px; position:relative; left:960px; top:-109px; color:white; font-weight:bold; } #info-riservata { width:100%; } #miaeconomia { font-size: .8em; width:40px; position:relative; left:960px; top:-25px; padding:2px; background:#C0FFC0; } table.homepersonale { border:none; } table.homepersonale td { border:none; } table.homepersonale td.home50 { width:50%; } table.homepersonale td div { font-weight:bold; font-size:1.2em; } #newspersonali { background-color:#DBDBE9; padding:2px; margin:15px 0 10px 0; border-bottom:1px solid #808080; } #avvisi-banner { font-size:1em; /*background-color:#3EAD4A;*/ /*color:white;*/ color:black; padding:10px; opacity:0.75; filter: alpha(opacity = 75); width:900px; height:76px; position:relative; margin-left:0px; top:-99px; margin-bottom:-95px; clear:both; } #avvisi-banner a { text-decoration:none; border:0; /*color:white;*/ color:black; } #avvisi-banner a:hover { text-decoration:underline; background:none; } #avvisi-banner .jobspan { font-size:1.3em; } #avvisi-banner .jobfacolta { margin:20px 0 20px; text-align:center; font-size:1.9em; font-weight:bold; } #avvisi-banner .jobiscrivi { /*float:right; margin-bottom:-20px;*/ margin-left:350px; font-weight:bold; } #divquest { font-size:.9em; } #avvisi { background-color:ghostwhite; padding:3px; margin-bottom:0; height:200px; overflow:auto; } #avvisi-outer { background-color:ghostwhite; padding:0; margin-bottom:20px; border:1px solid #808080; } #avvisi-outer h2 { font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold; background:#DFE0FD; color: #808080; padding:7px 10px 7px 10px; } #sezioni-cerca { background-color:#E0E0E0; font-size: .8em; padding:2px; margin-top:20px; } #suggerimenti { z-index:200; border:solid 1px #ccc; width:320px; position:absolute; font-size: .7em; background-color:#DFE0FD; } #suggerimenti a { text-decoration:none; } #suggerimenti a:hover { text-decoration:underline; } #suggeritrova { z-index:200; border:solid 1px #ccc; width:400px; height:300px; overflow:auto; left:330px; position:absolute; font-size: .9em; background-color:#C0C0FF; } #suggeriombra { z-index:199; width:400px; height:300px; left:335px; position:absolute; background-color:#808080; } #veditrova { z-index:200; left:315px; position:absolute; font-weight:bold; font-size: .9em; } #studetesi { margin-top:20px; /*display:none;*/ padding:5px; background-color:#E2E3FA; } /* =SITE-TOOLS -------------------------------------------------------------- */ ul#site-tools { list-style-type: none; } /* =NAV-PRIMARY -------------------------------------------------------------- */ ul#nav-primary { z-index:100; position:absolute; top:95px; left:3px; list-style-type: none; background: #fff; margin:0 20px 0 20px; height:35px; width:auto; /* also important for Opera */ text-transform: uppercase; /* outline:solid 1px green; */ } ul#nav-primary li { float:left; padding:0 5px; margin:0; color:#333; /*background:#fff url(../img/nav-divider.gif) no-repeat 0 12px;*/ /* outline:solid red 1px; */ } ul#nav-primary li.first { background-image: none; } ul#nav-primary li a { float:left; display: block; padding:3px 5px 8px 5px; text-decoration: none; color:#333; border-top:solid #fff 5px; /* outline:solid 1px; */ } ul#nav-primary li.first a { border-left:none; margin-left:0px; } ul#nav-primary li a:hover, ul#nav-primary li a.here, body.aboutus ul#nav-primary li a#aboutus, body.programmes ul#nav-primary li a#programmes, body.execed ul#nav-primary li a#execed, body.research ul#nav-primary li a#research, body.companies ul#nav-primary li a#companies, body.news ul#nav-primary li a#news, body.alumni ul#nav-primary li a#alumni { color:#0C139C; border-top:solid #000080 5px; } /* NESTED LISTS - DROPDOWNS */ ul#nav-primary li ul { z-index:100; position: absolute; top:34px; width:15em; font-size:100%; left: -999em; margin:0; padding:0; color:#333; border-top:0; border-right:solid 1px #999; border-bottom:solid 1px #999; border-left:solid 1px #999; /*background-image: none; background:transparent;*/ background:#fff; clear:both; list-style-type: none; opacity: 0.95; /*filter:alpha(opacity=95);*/ } ul#nav-primary li ul li { display:block; float:none; font-size:100%; padding:0; margin:0; color:#fff; background:transparent; background-image: none; } ul#nav-primary li ul li a { display:block; float:none; color:#333; text-transform: none; background:#fff; border-top:solid 1px #ccc; padding:4px 4px 4px 18px; margin:0; } ul#nav-primary li ul li a:hover { border-top:solid 1px #ccc; background:#DFE0FD; } #nav-primary li:hover ul { /*display:block;*/ left: auto; } ul#nav-primary li ul li ul { z-index:150; clear:none; display:none; top:auto; margin:-27px 0 0 170px; } #nav-primary li ul li:hover ul { display:block; left: auto; } /* =NAV-SECONDARY -------------------------------------------------------------- */ ul#nav-secondary { /*float:left;*/ list-style-type: none; padding:0; margin:10px 0 50px 0px; display:block; width:166px; background: #fff; /* border-top:solid 1px red; outline:solid 1px; */ } ul#nav-secondary li { padding:0; margin:0; border-bottom:solid 1px #ccc; } ul#nav-secondary li a { padding:5px 5px 5px 15px; display:block; text-decoration: none; color:#666; } ul#nav-secondary li a.parent, ul#nav-secondary li ul li a.parent { color:#165788; } ul#nav-secondary li a.parent:hover, ul#nav-secondary li ul li a.parent:hover { background-image: none; color:#165788; } ul#nav-secondary li a:hover, ul#nav-secondary li a.here, ul#nav-secondary li a.here:hover { background:#fff url(../img/nav-arrow.gif) no-repeat 0 48%; color:#0C139C; } ul#nav-secondary li.sectionParentHeader a, ul#nav-secondary li.sectionParentHeader a:hover { background: #eee; color:#165788; } /* nested secondary nav */ ul#nav-secondary li ul { list-style-type: none; font-size: 0.9em; padding:0; margin:0 0 5px 0; display:block; width:166px; background: #fff; border:none; } ul#nav-secondary li ul li { border:none; padding:0; margin:0; background:#fff; /* outline:solid 1px; */ } ul#nav-secondary li ul li a { margin:0 0 0 15px; background: #fff; padding:2px 5px 2px 15px; display:block; text-decoration: none; color:#666; } ul#nav-secondary li ul li a:hover, ul#nav-secondary li ul li a.here { background:#fff url(../img/nav-arrow.gif) no-repeat 0 48%; color:#0C139C; } /* one more level of nested secondary nav */ ul#nav-secondary li ul li ul { list-style-type: none; font-size: 1em; padding:0; margin:0 0 5px 15px; display:block; width:151px; background: #fff; border:none; } ul#nav-secondary li ul li ul li { border:none; padding:0; margin:0; background:#fff; /* outline:solid 1px; */ } ul#nav-secondary li ul li ul li a { margin:0 0 0 15px; background: #fff; padding:2px 5px 2px 15px; display:block; text-decoration: none; color:#666; } ul#nav-secondary li ul li a:hover, ul#nav-secondary li ul li a.here { background:#fff url(../img/nav-arrow.gif) no-repeat 0 48%; color:#0C139C; } /* =NAV-TERTIRARY -------------------------------------------------------------- */ ul#nav-tertiary { list-style-type: none; } /* =BREADCRUMB -------------------------------------------------------------- */ #nav-breadcrumb ul { list-style-type: none; display:block; height:25px; margin:0 20px 0 20px; padding:5px 0 0 13px; border-bottom:solid 1px #ccc; color:#666; font-size: .7em; /* outline:solid 1px; */ } #nav-breadcrumb ul li { float:left; margin:0; padding:0 3px 0 3px; } #nav-breadcrumb ul li a { text-decoration: none; } #nav-breadcrumb ul li a:hover { text-decoration: underline; } /* =risorse e strumenti -------------------------------------------------------------- */ #risorse-strumenti, .highlight-box { width:245px; background: #fff; border:solid 1px #808080; margin-bottom:15px; } /* =PRE-FOOTER - CLASS SCHEDULE & CHAT -------------------------------------------------------------- */ #prefooter { background-color:#e0e0e0; clear: both; position:relative; margin:10px -90px 10px -90px; padding:5px 2px 5px 2px; font-size: .9em; border: solid 1px #808080; z-index:1; } #prefooter h3 { font-size:1em; } #prefooterchat { background-color:#e0e0e0; clear: both; /*float:left;*/ position:relative; height:auto; margin:10px -90px 10px -90px; padding:5px 2px 5px 2px; font-size: .9em; border: solid 1px #808080; /*z-index:1;*/ } #prefooterchat h3 { font-size:1em; } table.creachat td { width:20%; } .clabottoni { margin:5px; padding:5px; font-size:.9em; } .minitab { font-size:.8em; border:solid 1px #808080; } .minitab td { text-align:center; border:dotted 1px #e0e0e0; } .simpletab { width:100%; border:0; font-size:.9em; } .simpletab td { text-align:center; } .simpletab select { font-size:.9em; } #condipdf { float:left; width:500px; position:relative; left:20px; border:dotted 1px #808080; } #condilink { float:left; position:relative; width:750px; left:20px; border:dotted 1px #808080; } #condisportello { float:left; position:relative; background-color:white; width:330px; left:40px; border:dotted 1px #808080; } #chatdiv { padding:5px; margin:5px 0 5px 0; font-size:1em; width:420px; height:300px; overflow:auto; background-color:#e0e0e0; border:solid 1px #808080; } #strumentostud { font-size:.9em; margin:20px 0 10px 0; } .chatattiva { color:green; padding:2px; width:100%; background-color:#C0FFC0; font-size:1.1em; } .chatcoda { color:#808080; padding:2px; width:100%; background-color:#e0e0e0; font-size:1.1em; } #entrachat { float:right; padding:2px; border:solid 1px #55DB55; background-color:#85F785; margin:10px 0 0 0; } #entrachat:hover { background-color:#5BD95B; } #entrachat a { color:black; text-decoration:none; } #entrachat a:hover { background-color:#5BD95B; text-decoration:none; } #divuploadpdf { margin:5px 20px 10px 20px; background-color:#e0e0e0; padding:5px; font-size:.8em; } #datistudente { width:400px; overflow:auto; padding:5px; margin:5px; height:150px; background-color:#E5E6FD; } #studentiattesa { padding:1px; height:200px; overflow:auto; background-color:#E2E3FA; } #studentichiusi { padding:1px; height:200px; overflow:auto; background-color:#808080; } #studentichiusi a { text-decoration:none; color:black; } #statoschedule { width:450px; height:400px; overflow:auto; margin:0px 0px 20px 0px; padding:0px; font-size:1em; /*border: solid 1px #808080; */ } #statoschedule tr:hover { background-color:#A4A9C0; } /* =FOOTER -------------------------------------------------------------- */ #site-info { clear: both; position:relative; border-top:solid 1px #ccc; margin:50px 20px 0 20px; padding:10px 0 50px 0; font-size: .9em; } #site-info p { text-align:right; margin:0; } #site-info ul { list-style-type: none; position:absolute; right:-5px; } #site-info li { float:left; margin:0; padding:0 5px 0 5px; } #site-info li.first { background-image:none; } #site-info li a { color:#999; } /* =EXEC-ED landing page -------------------------------------------------------------- */ .oDivColsExeced { float:left; width:199px; /* change the height of the exec ed columns here, so they match up */ height:270px; padding:10px; margin:0px 10px 0px 0px; background:#fff url(/assets/img/course-promo-bg.jpg) no-repeat bottom right; border:solid 1px #eee; } .feature { position:relative; height:auto; margin:20px 0 0 0; /* outline:solid 1px; */ } .feature img { margin:0 20px 40px 0; } .details { position:absolute; top:0; left:267px; width:auto; } .details p.right { text-align: right; margin-top:-10px; } /* ADDED BY RLN, 2008/10/23 */ .border { border: 1px solid black; padding: 8px 8px 0px 8px; margin-bottom: 12px; } /* ADDED BY RLN, 2008/10/29 */ .nobr { white-space: nowrap; } /* ADDED BY RLN, 2009/05/07 */ .columnWatch { float:left; width:199px; padding:10px; margin:15px 10px 0px 5px; background:#fff url(/assets/img/column-watch-bg.jpg) no-repeat bottom right; border:solid 1px #eee; }