262 lines
9.4 KiB
CSS
262 lines
9.4 KiB
CSS
@CHARSET "UTF-8";
|
|
@font-face {
|
|
font-family: 'Bebas Neue';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Bebas Neue'), url('BebasNeue.woff') format('woff');
|
|
}
|
|
|
|
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:20px;}
|
|
.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;}
|
|
.primaryNews .newsTitle{padding:10px 15px;font-weight:bold;text-align:left;text-decoration:none;color:black;font-size:14pt;}
|
|
|
|
.secondaryNews .newsImage{display:inline-block;padding:10px;vertical-align:middle;text-align:center;}
|
|
.secondaryNews .newsImage img{width:10vw;}
|
|
.secondaryNews .newsTitle{display:inline-block;padding:10px 15px;vertical-align:middle;color:black;font-size:11pt;}
|
|
|
|
.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:35%;left:0;font-size:10pt;padding:5px;font-weight:bold;z-index:3;}
|
|
.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;}
|
|
.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:left;padding:5px;}
|
|
.socialBarArticolo{
|
|
padding: 4px 10px;
|
|
vertical-align:top;
|
|
text-align:center;
|
|
}
|
|
|
|
.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 > .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;}
|