Riccardo Di Dato
2761b9e69a
Completato sistema di banner e rotazioni Inserito sistema per ricerca full text
368 lines
12 KiB
CSS
368 lines
12 KiB
CSS
@CHARSET "UTF-8";
|
|
a{text-decoration:none;}
|
|
body{font-family:lato, arial;}
|
|
|
|
/* TOP HEAD BAR/Menu/Footer (GUIHandler)*/
|
|
.upperBar{position:relative; border:solid #d6d6d6 1px; border-left:0px;border-right:0px;height:30px;font-size:12px;}
|
|
.dateBar{text-align:center;margin:7px 0px;color:#999999;font-weight:bold;}
|
|
|
|
.loginReg{position:absolute;right:0;top:7px;margin-right:210px;color:#3397d3}
|
|
.loginReg > a{text-decoration:none;color:#3397d3;}
|
|
|
|
.socialBar{position:absolute;right:50px;top:3px;}
|
|
.socialBar > a{margin-right:3px;display:inline-block;}
|
|
.socialBar > a > div{display:inline-block;width:22px;height:22px;}
|
|
|
|
.middleBar{position:relative;height:138px;border:solid #d6d6d6 1px;border-top:0px;border-left:0px;border-right:0px;}
|
|
.leftBanner{position:absolute;top:45px;left:10px;}
|
|
.logo{display:inline-block;width:50%;text-align:center;margin:12px 250px;}
|
|
.rightBanner{position:absolute;top:45px;right:10px;}
|
|
.topBanner{width:180px;height:60px;}
|
|
.topBanner > *{max-widht:100%;max-height:100%;}
|
|
|
|
|
|
.menuContainer{position:relative;}
|
|
.menuBar{background-image:url("../images/menuBackground.png");background-repeat:repeat-x;font-weight:bold;height:45px;margin-top:2px;color:white;}
|
|
.menuTab{display:inline-block;font-size:12px;vertical-align:top;}
|
|
.menuTab:hover{background-color:#0069a3;}
|
|
.menuTab > a {text-decoration:none;color:white;padding:15px 17px 15px 16px;display:inline-block;}
|
|
|
|
.searchBar{
|
|
float: right;
|
|
position: relative;
|
|
margin:10px 10px 0px;
|
|
}
|
|
|
|
.searchBar input{
|
|
border-radius: 6px;
|
|
border: none;
|
|
padding: 5px 25px 5px 5px;
|
|
}
|
|
.searchBar img{
|
|
width: 17px;
|
|
right: 5px;
|
|
z-index: 2;
|
|
position: absolute;
|
|
top: 5px;
|
|
}
|
|
#sendFormGlass{cursor:pointer;}
|
|
|
|
|
|
.hiddenMenu{
|
|
background-color: #139be5;
|
|
width:100%;
|
|
position:relative;
|
|
z-index:5;
|
|
}
|
|
.hiddenMenu > ul{list-style:none;padding:0px;margin:0px;}
|
|
.categoryVoice{font-size:12px;}
|
|
.categoryVoice:hover{background-color:#0069a3;}
|
|
.categoryVoice > a {padding:10px 9px;display:block;color:white;font-weight:bold;}
|
|
|
|
|
|
.footer{background-color:#14477c;height:177px;margin-top:10px;}
|
|
.footerCategory{text-align:center;color:#2e91d4;padding:10px;}
|
|
.footerCategory > a{color:#2e91d4;margin:10px;}
|
|
|
|
|
|
.leftBarNews{
|
|
width: 500px;
|
|
margin-top: -1px;
|
|
border: solid #d6d6d6 1px;
|
|
border-left: 2px;
|
|
border-right: 2px;
|
|
display: inline-block;
|
|
height: 1380px;
|
|
box-shadow: 0px 0px 10px -3px;
|
|
-webkit-box-shadow: 0px 0px 10px -3px;
|
|
-moz-box-shadow: 0px 0px 10px -3px;
|
|
padding: 10px 5px 5px;
|
|
margin-left: 1px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
|
|
/*
|
|
__ __ _ _
|
|
| \/ | ___ __| | __ _| |
|
|
| |\/| |/ _ \ / _` |/ _` | |
|
|
| | | | (_) | (_| | (_| | |
|
|
|_| |_|\___/ \__,_|\__,_|_|
|
|
|
|
*/
|
|
|
|
#floating{
|
|
background-color:#ceecf4;
|
|
z-index:4;
|
|
padding:5px 10px;
|
|
}
|
|
|
|
.topReg{text-align:right;}
|
|
.topReg > div{display:inline-block;}
|
|
.topReg > span,a{vertical-align:top;}
|
|
.close{vertical-align:top;color:black;}
|
|
|
|
.modalBody{text-align:right;}
|
|
.regMe{text-align:left;}
|
|
.modalResponse{text-align:center;color:aqua;font-weight:bold;}
|
|
#modalBlock{}/*
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
background-color:green;
|
|
width:500px;
|
|
height:500px;
|
|
opacity:0;
|
|
} */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
_ _
|
|
| | | | ___ _ __ ___ ___ _ __ __ _ __ _ ___
|
|
| |_| |/ _ \| '_ ` _ \ / _ \ '_ \ / _` |/ _` |/ _ \
|
|
| _ | (_) | | | | | | __/ |_) | (_| | (_| | __/
|
|
|_| |_|\___/|_| |_| |_|\___| .__/ \__,_|\__, |\___|
|
|
|_| |___/
|
|
*/
|
|
|
|
.ansaContainer{margin-bottom:25px; border:none;height:420px}
|
|
.ansa{border:solid #d6d6d6 1px;border-left:0px;border-right:0px;border-top:0px;height:180px;}
|
|
.ansa> div {display:inline-block;vertical-align:top;}
|
|
|
|
.mediaContent{overflow:hidden;}
|
|
.mediaContent *{max-height:100%;max-width:100%;}
|
|
.mediaContent > a{height:100%; width:100%;display:inline-block;}
|
|
|
|
.ansaImage{display:inline-block;margin:15px 7px;width:150px; height:113px; overflow:hidden;text-align:center;}
|
|
.ansaNews{margin-top:2px;width:330px;cursor:pointer;}
|
|
.ansaTitolo{font-weight:bold;font-size:20px;text-align:justify;}
|
|
.ansaSottotitolo{font-size:17px;color:#767676;text-align:justify;}
|
|
.ansaTesto{color:#5aa8d8;font-weight:bold;text-align:justify;}
|
|
.ansaTesto > p{margin:0px;text-align:justify;}
|
|
|
|
|
|
.socialBarAnsa{margin-top:3px;border:solid #d6d6d6 1px;border-left:0px;border-right:0px;border-top:0px;padding-left:10px;}
|
|
.socialBarAnsa > a{margin-right:3px;display:inline-block;}
|
|
.socialBarAnsa > a > div{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;}
|
|
|
|
.categoryNews{width:500px;height:285px;margin-bottom:29px;position:relative;}
|
|
.categoryBar{height:22px;}
|
|
.categoryTag{
|
|
display: inline-block;
|
|
text-align: center;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
background-color: #339cd5;
|
|
vertical-align: middle;
|
|
min-width: 130px;
|
|
margin: 0px;
|
|
z-index: 2;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.categoryLine{
|
|
height: 3px;
|
|
background-color: #339cd5;
|
|
margin-top: 10px;
|
|
margin-left: 0;
|
|
top: -23px;
|
|
position: relative;
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
.news{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;height:270px;}
|
|
.newsSport{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;height:262px;}
|
|
.newsSummary{width:145px;display:inline-block;}
|
|
.newsMainMedia{width:140px;height:100px;overflow:hidden;margin-bottom:25px;text-align:center;}
|
|
.newsTitle{font-weight:bold;margin-bottom:5px;text-align:left;font-size:14px;}
|
|
.newsSubTitle{margin-bottom:10px;text-align:left;font-size:13px;}
|
|
.continue{vertical-align:bottom;position:absolute;bottom:0; left:0;}
|
|
|
|
.newsContainer > .newsSport:first-child{border:0px;border-right:solid #d6d6d6 1px;}
|
|
.sportSummary{width:230px;margin:10px 3px;display:inline-block;vertical-align:top;height:262px;}
|
|
|
|
.middleBarNews{
|
|
display:inline-block;
|
|
width:220px;
|
|
height:1380px;
|
|
/* background-color:#f4f4f4; */
|
|
border-top:0px;
|
|
border-bottom:0px;
|
|
vertical-align:top;
|
|
text-align:center;
|
|
padding:10px 15px;
|
|
}
|
|
|
|
.titleContainer > .categoryTitle{font-weight:bold; font-size:15px;}
|
|
.titleContainer > .culturaLine{height: 3px;background-color: #339cd5;}
|
|
.ristorantiBlock, .culturaNews{
|
|
text-align:center;
|
|
margin-top: 5px;
|
|
margin-bottom:10px;
|
|
border:dashed #C1B4B4 1px;
|
|
border-top:0px;
|
|
border-right:0px;
|
|
border-left:0px;
|
|
max-height:165px;
|
|
}
|
|
.ristorantiBlock:last-child{border-bottom:none;}
|
|
.culturaMainMedia{
|
|
overflow: hidden;
|
|
text-align: center;
|
|
margin-bottom:10px;
|
|
max-height: 100px;
|
|
}
|
|
.culturaMainMedia > img{max-height: 100px;}
|
|
|
|
.ristorantiTitle, .culturaTitle{font-weight: bold;text-align: left;font-size: 12px;}
|
|
.ristorantiBlock .ristorantiLink > a, .culturaNews .culturaLink > a{color:#3498d4;font-size:13px;}
|
|
.middleBanner{height:165px;}
|
|
.middleBanner > img{max-height:100px;max-width:220px;}
|
|
|
|
.ristorantiTitle{margin-top:10px;}
|
|
|
|
.rightBarNews{display:inline-block;width:230px;height:1380px;vertical-align:top;margin-top:20px;}
|
|
.meteo{max-height:165px;max-width:220px;}
|
|
.meteo > img{max-width:220px;max-height:165px;}
|
|
.middleRightBanner{width: 220px;overflow: hidden;height: 165px;margin: 5px 0;}
|
|
.middleRightBanner > img{max-width:220px; max-heigth:200px;}
|
|
|
|
.reader > .lastContainer, .lastContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;}
|
|
.reader > .lastContainer:last-child, .lastContainer:last-child {border-bottom: none;}
|
|
.reader > .lastData, .lastData{font-size:12px;}
|
|
.reader > .lastTitle, .lastTitle{font-size:12px;font-weight:bold;}
|
|
.reader > .lastContinua, .lastContinua{text-align:right; font-size:12px;font-weight:bold;padding-bottom:5px;}
|
|
.reader > .lastContinua a, .lastContinua a{color:#64bff0;}
|
|
|
|
.gossipContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;cursor:pointer;}
|
|
.gossipContainer#gossip_2{border-bottom:none;}
|
|
.gossipTitle{margin-bottom:5px;font-weight:bold;font-size:20px;}
|
|
.gossipSubtitle{margin-bottom:5px;color:#64bff0;font-weight:bold;font-size:15px;}
|
|
|
|
.viaggiContainer{max-height:165px;margin-top:5px;margin-bottom:5px;}
|
|
.viaggiContainer > .culturaMainMedia{text-align:left;}
|
|
.viaggiTitle{cursor:pointer;margin-bottom:5px;font-weight:bold;font-size:17px;}
|
|
|
|
/*
|
|
_ _ _ _
|
|
/ \ _ __| |_(_) ___ ___ | | ___
|
|
/ _ \ | '__| __| |/ __/ _ \| |/ _ \
|
|
/ ___ \| | | |_| | (_| (_) | | (_) |
|
|
/_/ \_\_| \__|_|\___\___/|_|\___/
|
|
|
|
*/
|
|
|
|
/* Barra con Category*/
|
|
.articoloCategory{height:75px;position:relative;margin-top:10px;}
|
|
.articoloCategory .categoryStyle{position:absolute;left:0px;top:12px;height:48px;overflow:hidden;}
|
|
.categoryStyle .icon{display:inline-block;vertical-align:top;height:100%;}
|
|
.categoryStyle .articoloCategoryName{
|
|
margin-left: -3px;
|
|
background-color: #3e3e3e;
|
|
display: inline-block;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
padding: 12px 50px;
|
|
}
|
|
|
|
.articoloContainer{}
|
|
|
|
.headArticolo{margin-bottom:25px;}
|
|
|
|
.articoloMainMedia{display:inline-block;vertical-align:top;width:400px;text-align:center;}
|
|
|
|
.articoloTitle{display:inline-block;width:550px;padding:0px 20px;vertical-align:top;}
|
|
.articoloTitle > .title{font-size:20px;font-weight:bold;text-transform:uppercase;font-family:"Arial Bold";}
|
|
.articoloTitle > .subTitle{text-transform:uppercase;font-style:italic;font-family:"Arial Bold";}
|
|
.subTitle > span:first-child{color:rgb(150,150,150);text-transform:none;font-weight:bold;}
|
|
|
|
.utilityBar{
|
|
height:30px;
|
|
border-bottom: solid #d6d6d6 1px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-top: solid #d6d6d6 1px;
|
|
}
|
|
.utilityBar > .socialBarArticolo{
|
|
height:22px;
|
|
padding: 4px 10px;
|
|
float:right;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.socialBarArticolo > a{margin-right:3px;display:inline-block;}
|
|
.socialBarArticolo > a > div{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;}
|
|
|
|
.articoloLeftBar{width:700px;display:inline-block;vertical-align:top;}
|
|
|
|
.articoloTesto{text-align:justify;padding:5px 10px;}
|
|
|
|
.mediasConatiner{border:solid #d6d6d6 1px;}
|
|
.headMedias{height:25px;overflow:hidden;border-bottom:solid #d6d6d6 1px;}
|
|
.moreMedia{background-color:#94d3f6;padding:3px 30px;float:left;}
|
|
.caroselContainer{position:relative;height:100px;}
|
|
.caroselArrow{height:100px;width:49px;display:inline-block;cursor:pointer;}
|
|
.imagesContainer_carosel{position:relative;display:inline-block;height:100%;width:592px;overflow:hidden;}
|
|
.insideCarosel{position:absolute;display:inline-block;top:0px;left:0px;height:100%;}
|
|
.carosImage{width:148px;height:100%;display:inline-block;vertical-align:middle;text-align:center;}
|
|
.carosImage > .helper{height:100%;display:inline-block;vertical-align:middle;}
|
|
.carosImage > img {vertical-align:middle; }
|
|
|
|
|
|
.commentiContainer{}
|
|
|
|
|
|
.articoloRightBar{vertical-align:top;}
|
|
|
|
|
|
.searchResultsContainer, .archivioResults, .categorySummaryContainer{width:600px;padding:5px 10px 5px 0px;vertical-align:top;display:inline-block;}
|
|
.searchResultsContainer > .notiziaContainer, .archivioResults > .notiziaContainer, .categorySummaryContainer > .notiziaContainer{border:solid #d6d6d6 1px;margin-bottom:5px;padding:5px;}
|
|
.notiziaContainer > .notiziaImage{display:inline-block;vertical-align:middle;text-align:center;width:160px;}
|
|
.notiziaContainer > .notiziaInfo{display:inline-block;width:400px;padding:10px;vertical-align:middle;cursor:pointer;}
|
|
.notiziaInfo > .notiziaTitolo{font-weight:bold;padding:5px;}
|
|
.notiziaInfo > .notiziaSottotitolo{padding:5px;}
|
|
.notiziaInfo > .notiziaTesto{padding:5px;color:#1a9ee9;font-weight:bold;}
|
|
|
|
.summaryRightBar{width:370px;padding:5px;vertical-align:top;display:inline-block;}
|
|
.rightBarContainer{width:100%;height:100%;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bannerContainer{width:45%;padding:5px;display:inline-block;}
|
|
|
|
/*
|
|
____
|
|
| __ ) __ _ _ __ _ __ ___ _ __
|
|
| _ \ / _` | '_ \| '_ \ / _ \ '__|
|
|
| |_) | (_| | | | | | | | __/ |
|
|
|____/ \__,_|_| |_|_| |_|\___|_|
|
|
|
|
*/
|
|
|
|
|
|
.rotoBanner{border:solid #d6d6d6 1px;padding:5px;margin-bottom:5px;}
|
|
.reader{border:solid #d6d6d6 1px;padding:5px;margin-bottom:5px;}
|
|
.rotoBanner .not{}
|
|
|
|
|
|
|
|
.archivioDate{padding:5px 30px;}
|
|
.archivioDate select, .archivioDate input{padding:2px 10px; margin:5px 5px 0px; border:solid #1a9ee9 1px;}
|
|
|
|
|
|
.contattiRedazione{text-align:center;font-size:23px;padding:10px 5px;} |