custom.css
custom.css
— 3.6 KB
Dateiinhalt
#portal-column-content { width: 80% !important; } #HUmenu a.firstLevel { background-color: #003366 !important; } #HUmenu a.firstLevel:hover { color: #999966; } #HUmenu { z-index: 3; } #header-front { font-size:1em; color:#FFF; width:100%; margin: 0 0 -0.8em; text-align:center; font-size:150%; padding: 0.5em 0 1em; line-height:1.5em; } #header-front p { font-size:75%;} #content-front { position: relative; left: -1em; width: 100%; float: none; padding: 0.5em 1em 50px 0; background: url("./img/Background") no-repeat scroll 0 top transparent; } #podwrap { margin: auto; overflow: hidden; width: 761px; position: relative; } div.pod { float: left; width: 180px; color: #000;} #kosmos, #materie, #kraefte, #detektoren { margin: 0 5px; } #content-front div.pod p a { display:block; width:130px; height:235px; color:#FFF; text-align:center; padding:20px 25px 15px 25px; font-size:1em; overflow:hidden; text-decoration:none; } #content-front div.pod p { margin: 0; } #content-front div.pod p a span { display:block;text-indent:-9999em; color: #FFF;} #content-front div.pod p a strong{display:block;width:100%;font-size:1.1em;font-weight:bold;padding:0 0 40px 0;} #content-front div.pod p a:hover{background-position:-180px 0;text-indent:0; color: #FFF;} #content-front div.pod p a:hover span{text-indent:0;} #kosmos p a {background: url("./img/Kosmos2") no-repeat scroll 0 0 transparent;} #materie p a {background: url("./img/Materie2") no-repeat scroll 0 0 transparent;} #kraefte p a {background: url("./img/Kraefte") no-repeat scroll 0 0 transparent;} #detektoren p a {background: url("./img/Detektoren3") no-repeat scroll 0 0 transparent;} div.pod ul{ background: url("./img/Shadow") no-repeat scroll 0 0 transparent; color: #FFF; padding: 18px 10px 10px 10px; list-style-type: none; letter-spacing:.01em; font-weight: bold; list-style-type: none; margin: 0; } div.pod ul li{ background: url(./img/bullet_home_square.gif) no-repeat 0 4px; padding: 0 0 5px 10px; font-size: 1em; line-height: 1.2em; } div.pod ul a{color:#FFF;text-decoration:none;} div.pod ul a:hover{text-decoration:none;} div.pod ul a:visited{color:#FFF; text-decoration:none;} div#orte { margin: auto; width: 740px; background: url("./img/BlueBoxFooter") no-repeat scroll 1px bottom transparent; } #orte div { position: absolute; width: 99%; z-index: 15; min-height: 100%; } #orte div.bluebox { min-height:350px; color:#CCC; width: 225px; float: left; position: relative; background: url("./img/BlueBoxHeader") no-repeat scroll 0 0 transparent; } #orte div.blue-content { margin: 2% 10% 0 5%; position: relative; width: 85%; z-index: 20; } div#cern.bluebox { margin: 0 0 0 15px; } div#namibia.bluebox { margin: 0 15px; } div#suedpol.bluebox { margin: 0 15px 0 0; } #orte div.blue-content img { float:none; border:1px solid #FFF; display:inline; margin: 0 0 0.5em; } #orte div h5 { font-size:1.3em; font-weight:bold; color:#FFF; } #orte div h5 a { color:#FFF !important; font-weight: bold; text-decoration:none; } #orte div h5 a:visited { color:#FFF !important; text-decoration:none; } #orte div h5 a:hover { text-decoration:none; } #orte div p { font-size:.9em; } #orte div p a{color:#FFF;font-weight:bold;text-decoration:none;} #orte div p a:hover{text-decoration:underline;} #news marquee { scrollamount: 50 scrolldelay: 5 } span.clear { clear:both; display:block; }