Lorenzo Giacomelli
93ed2551c6
Creati nuovi banner lunghi Aumentate numero notizie ansa Aumentate numero notizie cronaca in homepage fix mobile articolo per show player video modifica amministrazione per show player mobile
308 lines
11 KiB
CSS
308 lines
11 KiB
CSS
@CHARSET "UTF-8";
|
|
|
|
a{text-decoration:none;}
|
|
body{font-family:lato, arial;}
|
|
|
|
/* TOP HEAD BAR/Menu/Footer (GUIHandler)*/
|
|
.headContainer{position:fixed;background-color:white;width:100vw;top:0;left:0;z-index:10;overflow:hidden;}
|
|
.upperBar{text-align:center;border:1px solid #949494;border-left:0px;border-right:0px;margin:5px 0;padding:2px;font-size:8pt;color:#949494;}
|
|
.logo{text-align:center;}
|
|
.logo img{width:50vw;margin:auto;}
|
|
|
|
.bottomBar{border:1px solid #949494; border-right:0px;border-left:0px;border-bottom:0;padding:1vw 10px;}
|
|
.bottomBar a {display:inline-block;}
|
|
|
|
.bottomBar #menuMobile{border:0px;border-right:1px solid #949494;padding:0 1.5vw;}
|
|
.bottomBar #loginMobile{border:0px;margin-left:1vw;}
|
|
.bottomBar img{width:2.2em;display:inline-block;}
|
|
|
|
.menuContainer{width:100vw;height:150vh;position:fixed;margin-left:-100vw;background-color:#333;z-index:100;overflow:scroll;top:0;}
|
|
.loginContainer{width:100vw;height:100vh;position:fixed;margin-left:100vw;background-color:#333;z-index:100;overflow:auto;top:0;}
|
|
|
|
.menuHead{text-align:right;overflow:auto;}
|
|
#closeLogin,#closeMenu{height:2em;float:right;margin:0.3em 0.3em 0.3em 10px;}
|
|
#closeLogin{float:left;}
|
|
|
|
.searchBar{overflow:auto;height:2em;margin:0.3em 10px;}
|
|
.searchBar > div{font-size:14pt;position:relative;}
|
|
.searchBar form{display:block;box-sizing:border-box;}
|
|
.searchBar input{
|
|
width: 100%;
|
|
box-sizing:border-box;
|
|
margin:0;
|
|
height:1.6em;
|
|
padding: 0 2em 0 20px;
|
|
border-radius: 5px 0 0 5px;
|
|
border: 0px;
|
|
}
|
|
|
|
.searchBar img{
|
|
width:1.3em;
|
|
position: absolute;
|
|
top: 0.15em;
|
|
right: 0.3em;
|
|
}
|
|
|
|
.loginReg,.menuBar{font-weight:bold;color:white;/* background-color:#0069a3 */;}
|
|
.menuBar{height:100%;padding-bottom:50px;}
|
|
.menuTab{
|
|
font-size: 14pt;
|
|
font-family: "Bebas Neue";
|
|
border-radius: 5px 0px 0px 5px;
|
|
margin: 0px 5px 2px 10px;
|
|
background-color: #222;
|
|
border-left: 5px solid #0069a3;
|
|
}
|
|
.menuTab:hover{/* background-color:#0069a3; */}
|
|
.menuTab > a {text-decoration:none;color:white;padding:7px 17px;display:block;}
|
|
.menuTab > ul{margin:0;}
|
|
.menuTab > ul > li{width:60%;}
|
|
|
|
.menuTab.subVoice{font-size:12pt;}
|
|
.menuTab.subVoice a{padding:3px 17px;}
|
|
.menuTab.subVoice span{padding-right:10px;}
|
|
|
|
.loginData{
|
|
font-size: 14pt;
|
|
font-family: "Bebas Neue";
|
|
/* margin: 0px 5px 2px 10px; */
|
|
|
|
background-color: #222;
|
|
/* border-left: 5px solid #0069a3; */
|
|
padding:5px;
|
|
margin-top:5vh;
|
|
text-align:center;
|
|
}
|
|
.loginData a{color:white;}
|
|
.loginData .modalBody{padding:0 0 15px;}
|
|
.loginData .modalBody .title{padding:5px;}
|
|
.loginData .modalBody form div{padding:5px;}
|
|
.loginData .modalBody form input{padding:5px;}
|
|
.loginData .modalBody form div.btn{padding:0px;}
|
|
.loginData .modalBody form a.btn{padding:5px 15px;border:1px solid; border-radius:5px;display:inline-block;}
|
|
|
|
|
|
|
|
.footer{background-color:/* #095a87 */black;text-align:center;width:100vw;font-size:8pt;color:white;overflow:hidden;}
|
|
.footer .footerButton{text-align:center;margin-bottom:2vw;}
|
|
.footer img{width:8vw;}
|
|
.footer a{color:white;font-weight:bold;}
|
|
|
|
.cookieAdvice{
|
|
position:fixed;
|
|
bottom:0;
|
|
left:0;
|
|
width:100%;
|
|
color:white;
|
|
opacity:0.8;
|
|
background-color:black;
|
|
z-index:99;
|
|
text-align:center;
|
|
font-size:10pt;
|
|
}
|
|
|
|
|
|
.newsBarMobile{margin-top:32vw;width:100vw;}
|
|
.newsContainer{width:100vw;}
|
|
.newsContainer .categoryBar{padding:5px 10px;}
|
|
.newsContainer .categoryBar > span{color:white;font-weight:bold;font-size:14pt;}
|
|
.headArticolo, .primaryNews{margin-bottom:10px;}
|
|
.primaryNews .newsImage{width:100vw;max-height:40vh;text-align:center;overflow:hidden;}
|
|
.headArticolo .newsImage, .primaryNews .newsImage img{width:100vw;}
|
|
.headArticolo .newsImage video,.primaryNews .newsImage video{max-width:90vw;margin:2em 0;}
|
|
.headArticolo .newsImage, .primaryNews .newsImage iframe{max-width:100vw;}
|
|
.primaryNews .newsTitle{padding:10px 15px;font-weight:bold;text-align:left;text-decoration:none;color:black;font-size:14pt;}
|
|
|
|
.secondaryNews a.news{display:block;}
|
|
.secondaryNews .newsImage{display:inline-block;box-sizing:border-box;padding:2vw;width:15vw;vertical-align:middle;text-align:center;}
|
|
.secondaryNews .newsImage img{width:10vw;}
|
|
.secondaryNews .newsImage iframe{width:10vw;height:5.6vw;}
|
|
.localVideoContainer video.localVideo, .secondaryNews .newsImage video.localVideo{max-width:100%;}
|
|
.localVideoContainer .videoContainerForImageAppend img.poster, .secondaryNews .newsImage .videoContainerForImageAppend img.poster{max-width:100%;max-height:100%;background-color:black;position:absolute;top:0;left:0;z-index:1000;}
|
|
.secondaryNews .newsTitle{display:inline-block;box-sizing:border-box;width:83vw;padding:10px 5px;vertical-align:middle;color:black;font-size:9pt}
|
|
|
|
.grigliaContainer{margin:auto;width:90vw;text-align:center;z-index:1;padding:10px 0;}
|
|
.grigliaNews{display:inline-block;width:30vw;height:30vw;margin:5px 1px;position:relative;vertical-align:top;overflow:hidden;}
|
|
.grigliaNews .newsImage img{width:100%;height:100%}
|
|
.grigliaNews .newsTitle{position:absolute;color:white;top:0;left:0;font-size:4vw;font-weight:bold;z-index:3;text-align:center;width:100%;height:100%;}
|
|
.overlayDiv{
|
|
width:100%;
|
|
height:100%;
|
|
background-color: #095a87;
|
|
z-index: 2;
|
|
position: absolute;
|
|
top: 0;
|
|
opacity: 0.6;
|
|
filter:alpha(opacity=60);
|
|
}
|
|
|
|
.cookieAdvice div {vertical-align:middle;padding:0 10px;margin:10px 0px 0px;}
|
|
|
|
.closeAdvice{
|
|
border-radius:10px;
|
|
border:2px solid white;
|
|
padding:5px 10px;
|
|
vertical-align:middle;
|
|
color:white;
|
|
text-decoration:none;
|
|
cursor:pointer;
|
|
}
|
|
|
|
|
|
.articoloCategoryName{display:inline-block;text-align:center;color:black;margin:5px 0;padding:5px 20px;font-size:14pt;}
|
|
.articoloCategoryName span{}
|
|
.headArticolo .newsImage{width:100vw;text-align:center;overflow:hidden;}
|
|
.headArticolo .newsImage img{max-width:100%;}
|
|
.articoloTitle{width:90%;padding:10px;margin:auto;}
|
|
.articoloTitle .title{font-weight:bold;color:black;}
|
|
.articoloTitle .subTitle{font-weight:italic;color:#9a9a9a;}
|
|
.articoloBody{width:90vw;margin:auto;}
|
|
.articoloBody .articoloTesto{text-align:justify;padding:5px;}
|
|
.socialBarArticolo{
|
|
padding: 4px 10px;
|
|
vertical-align:top;
|
|
text-align:center;
|
|
}
|
|
|
|
.articoloBody .articoloDataModifica{padding:5px; text-align:left;font-size:9pt;color:#626161;}
|
|
|
|
.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;}
|
|
|
|
.commentiContainer{padding:5px;}
|
|
|
|
.oldCommentiContainer{margin:5px 0px; padding-left: 30px;}
|
|
.sondaggio, .commento{border: 3px solid #CFCFCF;border-radius: 15px;padding: 12px 5px 5px 20px;margin: 5px 0px;background-color: #e6e6e6;}
|
|
.commentoTitle{font-weight:bold;}
|
|
.commentoTesto{padding: 5px 26px;text-align: justify;}
|
|
|
|
.commentiLabel{background-color: #cfdbe9;padding: 10px 20px;/* border-radius: 10px */;font-style: italic;color: #222;font-weight: bold;font-size: 11pt;}
|
|
|
|
.userCommento{/* display:inline-block; */}
|
|
/* .userCommento span {color:#5847c1;} */
|
|
.userInfo{text-align: right;padding: 0 26px 3px;font-size: 9pt;font-style: italic;}
|
|
.dataCommento{font-size:14pt;}
|
|
.userInfo .user{font-weight:bold;}
|
|
|
|
.commento form{width:100%;}
|
|
.commento input[type="text"]{width: 90%;padding: 5px 10px;font-weight: bold;}
|
|
.commento textarea{margin-left:5%;width:85%;padding: 5px 10px;resize:none;font-size: 11pt;}
|
|
.commento form .sendBtnDiv{text-align: right;padding-right: 6%;}
|
|
.commento form .sendBtnDiv input{padding:5px 20px;}
|
|
.sondaggio.noLogin, .commento.noLogin{font-size: 10pt;padding-bottom: 10px;background-color: rgb(252, 252, 198);}
|
|
.sondaggio.noLogin a, .commento.noLogin a {color:#1C89C3; font-weight:bold;}
|
|
|
|
#commentoArea{background-color:#E0F6E5;}
|
|
#commentoArea .commentoTitle{font-size: 10pt;padding: 0px 0px 10px;text-align: center;font-style: italic;}
|
|
|
|
.newCommento{padding:10px 5px;}
|
|
.newCommento div{padding:5px 0px;}
|
|
.newCommento textarea{}
|
|
.newCommento input{padding:5px 10px;}
|
|
|
|
/**
|
|
|
|
CATEGORY SUMMARY
|
|
|
|
*/
|
|
.notiziaContainer{padding:0 10px;}
|
|
.notiziaContainer div{display:inline-block;}
|
|
.notiziaContainer a{color:black;vertical-align:middle;display:inline-block;}
|
|
.notiziaContainer a div{display:block;}
|
|
|
|
|
|
.searchResultsContainer, .archivioResults, .categorySummaryContainer{width:100%;padding:5px 2vw 5px 0px;box-sizing:border-box;}
|
|
.searchResultsContainer > .notiziaContainer, .archivioResults > .notiziaContainer,
|
|
.categorySummaryContainer > .notiziaContainer{border:solid #d6d6d6 1px;margin-bottom:5px;padding:1vw;}
|
|
.notiziaContainer > .notiziaImage{display:inline-block;vertical-align:middle;text-align:center;max-width:40vw;}
|
|
.notiziaContainer .notiziaImage.mediaContent img{max-width:40vw;}
|
|
.notiziaContainer .notiziaImage.mediaContent iframe{max-width:100%;}
|
|
.notiziaContainer > .notiziaInfo{
|
|
display:inline-block;
|
|
width:50vw;
|
|
padding:2vw;
|
|
vertical-align:middle;
|
|
cursor:pointer;
|
|
text-decoration:none;
|
|
color:black;
|
|
font-size:10pt;
|
|
}
|
|
.notiziaInfo > .notiziaTitolo{font-weight:bold;padding:5px;}
|
|
.notiziaInfo > .notiziaSottotitolo{padding:5px;}
|
|
.notiziaInfo > .notiziaTesto{padding:5px;color:#1a9ee9;font-weight:bold;}
|
|
|
|
|
|
.archivioDate{padding:5px 0px;font-size:10pt;}
|
|
.archivioDate select, .archivioDate input{padding:2px 10px; margin:5px 5px 0px; border:solid #1a9ee9 1px;}
|
|
|
|
/*
|
|
____ _ _ _
|
|
| _ \ __ _ __ _(_)_ __ __ _| |_(_) ___ _ __
|
|
| |_) / _` |/ _` | | '_ \ / _` | __| |/ _ \| '_ \
|
|
| __/ (_| | (_| | | | | | (_| | |_| | (_) | | | |
|
|
|_| \__,_|\__, |_|_| |_|\__,_|\__|_|\___/|_| |_|
|
|
|___/
|
|
*/
|
|
|
|
.paging {padding:5px 0px;font-size:10pt;}
|
|
.paging .page{margin:0px 5px 0px 5px;display:inline-block;padding:5px 5px;background-color:#B7B7B7;cursor:pointer;}
|
|
.paging .page.noSelection{cursor:default;}
|
|
.paging .page.noSelection:hover{background-color:#B7B7B7;}
|
|
.paging .page.current{font-weight:bold;cursor:default;background-color:#d3d3d3;}
|
|
.paging .page:hover{background-color:#939393;}
|
|
.paging .page.current:hover{background-color:#d3d3d3;}
|
|
|
|
/*
|
|
____ _ _
|
|
| _ \ ___ __| | __ _ ___(_) ___ _ __ ___
|
|
| |_) / _ \/ _` |/ _` |_ / |/ _ \| '_ \ / _ \
|
|
| _ < __/ (_| | (_| |/ /| | (_) | | | | __/
|
|
|_| \_\___|\__,_|\__,_/___|_|\___/|_| |_|\___|
|
|
|
|
*/
|
|
|
|
.contattiRedazione{text-align:center;font-size:14pt;padding:10px 5px;color:#199fe6;}
|
|
.contattiRedazione a{color:black;}
|
|
|
|
|
|
/*
|
|
|
|
|
|
|
|
*/
|
|
|
|
.middleBanner {
|
|
width: 45vw;
|
|
display:inline-block;
|
|
}
|
|
.mediaContent{overflow:hidden;}
|
|
.mediaContent *{max-height:100%;max-width:100%;}
|
|
.mediaContent > a{height:100%; width:100%;display:inline-block;}
|
|
.middleBanner img {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
/**
|
|
DISABILITAZIONE TASTO DOWNLOAD DAL PLAYER VIDEO
|
|
*/
|
|
|
|
video::-internal-media-controls-download-button {
|
|
display:none;
|
|
}
|
|
|
|
video::-webkit-media-controls-enclosure {
|
|
overflow:hidden;
|
|
}
|
|
|
|
video.loading{background:black url(../images/loading.gif) center center no-repeat;}
|
|
|
|
|
|
/*
|
|
Fix sizing video youtube
|
|
*/
|
|
.headArticolo .youtubeContainer{width:100%; height:0; padding-bottom:55%; position:relative; overflow:visible;}
|
|
.headArticolo .youtubeContainer iframe{position:absolute; width:100%; height:100%; left:0; top:0;}
|
|
|
|
|