/**************************************************************************** Copyright (c) 2009, Museo della Scienza e della Tecnologia Leonardo da Vinci. All rights reserved. Css: layout.css Site: museoscienza.org Versione: 0.1 *****************************************************************************/ .overlayer{ position:absolute; width:973px; margin-left:-16px; padding:0px; z-index:9999; } .whiteSpace{ height:100px; } /* General Structure */ body { background:url(/imgs/home/background.gif) repeat; color:#000; font-family:Verdana,Arial,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px; } #container{ background:url(/imgs/home/backContainer.png) repeat-y; position:relative; width:941px; margin:0px auto; text-align:left; padding:10px 16px; } #divflash{ position:absolute; display:none; top:-10px; right: -125px; } #diverror{ position:absolute; display:block; top:0px; left: -120px; width:95} /* Head */ #head{ float:left; border:solid 1px #a6adaf; position:relative; width: 309px; height: 209px; margin: 2px 2px 0px 0px; } #head a.english{color:white; top:10px; right:10px;line-height:16px; height:17px; padding-right:32px;} #head a:hover.english{text-decoration:underline; } #head .date{ color:white; bottom:10px; right:10px; } #head .logo{ margin:10px; display:block; } /* News */ #news{float:left; position:relative; width: 628px; height: 211px; margin: 2px 0px; overflow:hidden;} .pulsantieraNews{ top:10px; right:10px;} .pulsantieraNews div{float:left; margin-left:5px; cursor:pointer; } .linkAllNews{position:absolute; bottom:10px; right:10px; } .linkAllNews a:link, .linkAllNews a:visited{ line-height:12px; height:15px; padding-right:18px; background:transparent no-repeat scroll right top;} .linkAllNews a:hover{text-decoration:underline; } /* Menu 1 livello */ #menu1liv{ clear:left; position:relative; width: 941px; height: 25px; margin: 0px 0px 10px 0; } #menu1liv ul li{ border:solid 1px #97a0a2; border-left:solid 1px #373a3a; float:left; width: 100px; position: relative;} #menu1liv ul li.large{width: 148px; } #menu1liv ul li.medium{width: 128px; } #menu1liv ul li.small{width: 101px; } #menu1liv ul li#m1_home{ border-left:solid 1px #97a0a2; } #menu1liv ul li a { font-size:12px;text-align:center;display:block; height: 25px; line-height:24px;} #menu1liv ul li a:hover{text-decoration:none;} /* Menu 2 livello */ #menu2liv{ position:relative; width: 941px; height: 20px; margin: 0px 0px 2px 0px; z-index:998;} #menu2liv ul { position: absolute; z-index: 998; } #menu2liv ul li{border:solid 1px #b3bfc1; border-left:solid 1px #485557; font-size:10px; float:left; margin:0px; width: 109px; cursor:pointer; float: left; display: block;} #menu2liv ul li.medium{width: 142px; } #menu2liv ul li.small{width: 103px; } #menu2liv ul li.first{ border-left:solid 1px #b3bfc1;width: 102px; } #menu2liv ul li a {text-transform:uppercase; text-align:center;display:block; height: 20px; line-height:19px; } #menu2liv ul li.selected a, #menu2liv ul li a:hover{text-decoration:none;} #menu2liv ul li ul { z-index: 998; display: none; visibility: hidden; width: 142px; border: 0px; border-left: 1px solid #485557; border-right: 1px solid #B3BFC1; background-color: #ffffff; margin: 1px 0px 0px -1px; } #menu2liv ul li ul li { border: 0px solid black; border-bottom: 1px solid #B3BFC1; width: 142px; } /**/ #cse-search-box fieldset {margin:29px 0 0 10px; } #cse-search-box #sa {background:url(/imgs/home/search.gif) 0 center no-repeat;border:0;font-size:14px;height:17px;margin:0;vertical-align:bottom;width:28px;} #cse-search-box #q { padding-left:3px; background: transparent url(/imgs/home/search.gif)-27px center no-repeat;font-size:13px;color:#333333; border:0; height:17px; line-height:16px; margin-right:-4px; padding-bottom:2px 2px 0px 4px; width:150px; } /* Content */ #content a.ripristina { z-index:99; font-size:12px; color:#505050;line-height:23px; height:24px; padding-left:32px; float:right; margin-right:2px;} #content a.personalizza { z-index:99; font-size:12px; color:#505050;line-height:23px; height:24px; padding-left:32px; float:right; margin-right:8px;} .widget .smallBlock { position:relative; display:block; margin-top:7px; height: 75px; } .widget .smallBlock div {float:left; width:165px; margin-left:3px;} .widget .firstSmallBlock { margin-top:0px;} .widget .bigBlock { position:relative; padding-bottom:15px; width:291px;} .widget a.xsmallBlock { text-decoration:none; display:block; width:140px; float:left; margin-right:5px; margin-bottom:5px; font-size:11px;} .widget a.xsmallBlock img{ margin-right:1px;} .widget a.xsmallBlock p{ display:inline;} .widget a.xsmallBlock:hover span{ display:inline-block; text-decoration:underline; cursor:pointer;} .widget a.boxLink { text-align: right; font-size:11px; line-height:13px; height:12px; padding:2px 11px 0 0; color:#000000; background:transparent url(/imgs/frecce/frecciaGreySmall.gif) no-repeat scroll right 6px; position:absolute; bottom:0px; right:0px; display:block; } .widget .footerBox{ background:url(/imgs/home/backFooterBox.gif) repeat-x; height:17px; margin:10px -7px -7px -7px; clear:left;} .widget .footerBox a.footerLink{ margin:4px 0 0 7px; text-align: right; font-size:11px; line-height:17px; height:12px; padding:2px 11px 0 0; color:#333333; background:transparent url(/imgs/frecce/frecciaGreySmall.gif) no-repeat scroll right 6px;} .widget .xsmallSeguici{ padding:7px; height:50px; border-top: solid 1px #94A3C4;} .box h2, .box h3{height:18px; line-height:18px; padding-left:8px; text-transform:uppercase; clear:left;} #contentLeft{ float: left; width:226px; margin-right:5px; margin-bottom:5px;} /* CAROSELLI */ #weekCarousel{ margin:7px 0 0 4px; clear:left; display:block;} #maskWeekCarousel { background:white; display:block; width:250px; height: 54px; position:relative; overflow:hidden; float:left;margin-bottom:7px; } #containerWeekCarousel{ background:white; display:block; width:750px; height:54px; position:relative; left:-250px; overflow:hidden; } #clickWeekCarouselL, #clickWeekCarouselR { width:16px; height:54px; float:left; margin:2px 1px 0 0; display:block; } #clickWeekCarouselL{ background-image:url(/imgs/frecce/weekLeftOn.gif); } #clickWeekCarouselR{ background-image:url(/imgs/frecce/weekRightOn.gif);} .itemScelti { margin:4px 1px 0 0; height:54px; width:124px; display:block; position:absolute; left:500px; background-color:#ebebeb;} .itemScelti img { float:left; margin:5px 2px 5px 5px; padding:1px;} .itemSceltiTesto { font-size:10px; line-height:12px; float: left; margin:5px 5px 2px 2px; width:118px;} #weekCarousel div a{ background-color:#d5d5d5; display:block; } #weekCarousel div a img{float:left; margin-top:3px; margin-left:3px;} #weekCarousel div a span{font-size:9px; float:left; margin-left:3px; margin-top:12px; line-height:12px;} #multiCarousel{ margin:7px 0 0 4px; clear:left; display:block;} #maskMultiCarousel { background:white; display:block; width:250px; height: 80px; position:relative; overflow:hidden; float:left; margin:4px 0 7px 0; } #containerMultiCarousel{ background:white; display:block; width:750px; height:80px; position:relative; left:-250px; overflow:hidden; } #clickMultiCarouselL, #clickMultiCarouselR { width:16px; height:80px; float:left; margin:2px 1px 0 0px; display:block; } #clickMultiCarouselL{ background-image:url(/imgs/frecce/multiLeftOn.gif); } #clickMultiCarouselR{ background-image:url(/imgs/frecce/multiRightOn.gif);} .itemMulti { margin-right:1px; height:75px; width:124px; display:block; position:absolute; left:500px; background-color:#ebebeb;} .itemMulti img { width:124px; position:absolute;} #multiCarousel div a{ background-color:#d5d5d5; position:relative; } #multiCarousel div a div{ background:url(/imgs/home/black_50pc.png) repeat; display:block; position:absolute; bottom:0px; width:120px; padding:2px; font-size:10px; line-height:10px; color:#FFFFFF;} #multiCarousel div a span{ background:url(/imgs/home/black_50pc.png) repeat; display:block; position:absolute; bottom:0px; width:120px; padding:2px; font-size:10px; line-height:10px; color:#FFFFFF;} #museoCarousel{ margin:7px 0 0 4px; clear:left; display:block; color:#000000; font-size:11px; height:90px;} #maskMuseoCarousel { background:white; display:block; width:250px; height: 80px; position:relative; overflow:hidden; float:left; margin:4px 0 7px 0; } #containerMuseoCarousel{ background:white; display:block; width:750px; height:80px; position:relative; left:-250px; overflow:hidden; } #clickMuseoCarouselL, #clickMuseoCarouselR { width:16px; height:80px; float:left; margin:2px 1px 0 0px; display:block; } #clickMuseoCarouselL{ background-image:url(/imgs/frecce/multiLeftOn.gif); } #clickMuseoCarouselR{ background-image:url(/imgs/frecce/multiRightOn.gif);} .itemMuseo { margin-right:1px; height:75px; width:124px; display:block; position:absolute; left:500px; background-color:#ebebeb;} .itemMuseo img { position:absolute;} #museoCarousel div a{ position:relative; color:#000000; background-color:#D5D5D5; } #museoCarousel div a span{ display:block; position:absolute; top:0px; right:0px; width:120px; padding:2px 4px 2px 0px; font-size:11px; } #museoCarousel div a span span.title{ position:relative; margin-bottom:2px; font-size:11px; line-height:12px; font-weight:bold; padding:0;} #museoCarousel div a:hover { text-decoration:none;} #museoCarousel div a:hover h3{ text-decoration:underline;} h3.dicono { background: #627073; padding: 1px 2px; color: #fff; font-size: 12px; margin: 5px -8px 10px -8px; font-weight:normal; } /* DIPARTIMENTI */ div#accordion{ margin: 0} div#accordion a { display:block; cursor: pointer; clear:both; height:13px; text-decoration: none; color: #333; width:265px; font-weight:normal; height:14px; margin: 1px 0px; font-size:11px; padding: 2px 19px; text-align: left; background: #b2c59c url(/imgs/frecce/frecciaDipartimentiOn.gif) 5px center no-repeat;} div#accordion a.ui-state-active { background: #91b06e url(/imgs/frecce/frecciaDipartimentiOff.gif) 5px center no-repeat; color: #FFF; } div#accordion a:hover{text-decoration:none;} div#accordion ul{ display:block; float:left; overflow:hidden; width:150px; margin:2px 0px 2px 1px; list-style-position:10px;} div#accordion ul a{ background:url(/imgs/home/occhio.gif) left 2px no-repeat; padding:2px 0px 2px 23px; line-height:14px; font-size:10px; display:block; width:125px; height:auto;} div#accordion ul.lab a{ background-image:url(/imgs/home/mano.gif); } div#accordion ul.cons a{ background-image:url(/imgs/home/target.gif); } div#accordion div{ overflow:hidden;} div#accordion a h3.cons{ background: #4d6631 url(/imgs/frecce/frecciaDipartimentiCOn.gif) 5px center no-repeat; color: #FFF; } div#accordion a.ui-state-active h3.cons{ background: #4d6631 url(/imgs/frecce/frecciaDipartimentiCOff.gif) 5px center no-repeat; color: #FFF; } /* div#accordion{ margin: -7px -8px 0px -8px; } div#accordion a h3{ cursor: pointer; clear:both; height:13px; text-decoration: none; color: #333; width:268px; font-weight:normal; height:14px; margin: 1px 0px; font-size:11px; padding: 2px 19px;; text-align: left; background: #b2c59c url(/imgs/frecce/frecciaDipartimentiOn.gif) 5px center no-repeat;} div#accordion a.ui-state-active h3{ background: #91b06e url(/imgs/frecce/frecciaDipartimentiOff.gif) 5px center no-repeat; color: #FFF; } div#accordion ul{ float:left; width:138px; margin:2px 2px 2px 10px; list-style-position:10px;} div#accordion ul a{ background:url(/imgs/home/occhio.gif) no-repeat; padding-left:25px; line-height:15px; font-size:10px;} div#accordion ul.lab a{ background-image:url(/imgs/home/mano.gif); } div#accordion ul.cons a{ background-image:url(/imgs/home/target.gif); } */ /* Utility css */ .absolute{ position:absolute; } .noDisplay{ display:none; } h3 a:link, a:visited {color:#000;} /* Footer */ #footerone{ background:url(/imgs/home/backFooter.png) bottom left no-repeat; position:relative; width:941px; margin:0px auto; text-align:left; padding:0 16px 10px 16px; display:block; clear:both; } .footerColumn {display:block;float:left;padding-bottom:15px;padding-left:0;padding-right:0;padding-top:0px;width:220px; margin-left:10px;} .footerColumn a.footerTitle { display:block; color:#333333;font-size:13px;font-weight:bold;line-height:12px; margin:10px 0 2px 0;} .footerColumn a:link, .footerColumn a:visited {color:#333333; font-size:13px; margin:10px 0 5px 0;line-height:15px; } .iconFooter { margin-top:10px;} .iconFooter a.xsmallBlock { text-decoration:none; display:block; width:220px; float:left; margin:0 5px 8px 0; font-size:11px;} .iconFooter a.xsmallBlock img{ margin-right:3px; margin-bottom:-5px;} .iconFooter a.xsmallBlock p{ display:inline;} .iconFooter a.xsmallBlock:hover p{ text-decoration:underline;} #footer{ position:relative; clear:left; line-height:12px; font-size:9px; color:#777777; display:block; width:941px; margin:0px auto; margin-bottom:20px;} #footerLeft{ display:block; } #footerLeft a{text-decoration:underline;color:#777777;} #footerCredits{ position:absolute; top:0; right:0;display:block; } #footerCredits a{text-decoration:underline;color:#777777;} /*NAV GALLERY*/ #nav1, #nav2, #nav3, #nav4, #nav5 , #nav6, #nav7 { position:absolute; top:132px; left:3px; z-index:997; } #nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a{ background-color:#696969; color:#FFFFFF; margin:1px; padding:1px;} /* GLOW */ #cols-example{ clear:right;} #cols-example .col1, #cols-example .col2, #cols-example .col3 { float: left; width: 307px; margin:0 5px;} #cols-example .col1 { margin-left: 0px;} #cols-example .col3 { margin-right: 0px;} #cols-example .widget { background:transparent; width: 307px;margin-bottom:10px; } .widget .content{ padding:7px; border:solid 1px; background-color:#FFFFFF; } #box4 .content{ padding:0; background:#FFFFFF; border-top:none; border-color:#94a3c4; } #box4 .content iframe{ margin:0;} #box5 .content{ padding:0 0 0 1px;} #cols-example .feature { background: transparent; height: 10px; width: 307px; } #cols-example h2 { width:307; height:28px; cursor:move; } #cols-example h2 span { visibility:hidden; } #cols-example .segnaposto { height:1px; } #cols-example .glow-sortable-dropindicator { border: 1px dotted #999; height: 160px; margin: 10px; width: 200px; }