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
187 lines
7.9 KiB
CSS
187 lines
7.9 KiB
CSS
@CHARSET "UTF-8";
|
|
|
|
body{min-width:1000px;}
|
|
body:before{content: ""; float:left; width:15%; min-width: 180px; height:100vh; min-height:600px;}
|
|
body > div {overflow:hidden;}
|
|
|
|
.hidden{display:none;}
|
|
|
|
#admin_menu{position:fixed; left:0; top:0; bottom:0; width:15%; min-width:180px; background-color:#393939; display:inline-block;}
|
|
|
|
#admin_menu ul{list-style: none; width:100%; border:0; margin:0; padding:0; display:block; overflow:hidden;}
|
|
#admin_menu ul li{width:100%; height:50px; display:inline-block;}
|
|
#admin_menu ul li.selected{background-color:#7E97D6; }
|
|
#admin_menu ul li a{width:100%; line-height:50px; display:inline-block; text-decoration:none; color:white; font-weight:bold; padding-left:15px; }
|
|
#admin_menu ul li a:hover{background-color:rgba(255,255,255,0.2);}
|
|
#admin_menu ul ul li a{padding-left:25px; }
|
|
#admin_menu ul ul{height:0px;}
|
|
|
|
|
|
.admin_head{margin-left:300px; text-align:center;}
|
|
.admin_head + div{padding: 20px; position:relative;min-height:500px;}
|
|
|
|
|
|
|
|
|
|
table.dataTable th{text-align:left; }
|
|
table.dataTable tr .lastVisible{text-align:right; }
|
|
table.dataTable tr.odd td{background-color:rgba(126, 151, 214, 0.3); }
|
|
table.dataTable tr.even td{background-color:rgba(126, 151, 214, 0.4); }
|
|
.dataTables_wrapper .toolbar{float:right;}
|
|
.dataTables_wrapper .toolbar > *{vertical-align:middle;}
|
|
|
|
.deletionConfirm > div{text-align: center;background-color: #FF7E7E;display: block;width: 60%;margin: auto;padding: 20px 10px;border: 3px solid #B64141;border-radius: 10px;}
|
|
.deletionConfirm a {text-decoration: none;color: #36F;font-weight: bold;margin-right: 5px;padding: 5px;display: inline-block;}
|
|
.deletionConfirm a:hover{background-color: #FFABAB;}
|
|
|
|
.mediaContent{overflow:hidden;}
|
|
.mediaContent *{max-height:100%;max-width:100%;}
|
|
.mediaContent > a{height:100%; width:100%;display:inline-block;}
|
|
|
|
/*
|
|
_ _ ____
|
|
| | ___ __ _(_)_ __ | _ \ __ _ __ _ ___
|
|
| | / _ \ / _` | | '_ \ | |_) / _` |/ _` |/ _ \
|
|
| |__| (_) | (_| | | | | | | __/ (_| | (_| | __/
|
|
|_____\___/ \__, |_|_| |_| |_| \__,_|\__, |\___|
|
|
|___/ |___/
|
|
*/
|
|
#login_page .pageHead{text-align:center;}
|
|
#login_page .formRow input{padding:9px 6px;}
|
|
|
|
/*
|
|
_____
|
|
| ___|__ _ __ _ __ ___
|
|
| |_ / _ \| '__| '_ ` _ \
|
|
| _| (_) | | | | | | | |
|
|
|_| \___/|_| |_| |_| |_|
|
|
|
|
*/
|
|
span.label{display:inline-block; width:210px; text-align:right; padding:5px;}
|
|
div.formBtns{padding:15px 165px;}
|
|
div.formBtns a{text-decoration:none; color:rgb(51, 102, 255); font-weight:bold; margin-right:5px; padding:5px;}
|
|
div.formBtns a:hover{background-color:rgb(204, 217, 255);}
|
|
form input[type="text"], form input[type="password"], form textarea{padding:6px 5px;}
|
|
form > div{margin:5px 0;}
|
|
|
|
|
|
/*
|
|
_ _ _ _ _
|
|
| \ | | ___ | |_(_)___(_) ___
|
|
| \| |/ _ \| __| |_ / |/ _ \
|
|
| |\ | (_) | |_| |/ /| | __/
|
|
|_| \_|\___/ \__|_/___|_|\___|
|
|
|
|
*/
|
|
|
|
.notiziaContainer{margin-right:280px;background-color:#f2f2f2;overflow:auto;}
|
|
.notiziaContainer h1,.notiziaContainer h2,.notiziaContainer h3{padding:10px;}
|
|
.notiziaMenu{background-color:#CCC;position:absolute; width:250px;right:20px;top:0px; padding: 10px 0 15px; border-radius:10px;border: 1px solid #A5A5A5;}
|
|
.notiziaMenu a{text-decoration:none;color:#5656C3;cursor:pointer;}
|
|
.notiziaMenu a:hover{color:#8484F1;}
|
|
.notiziaMenu ul {list-style:none; display:inline-block; padding:0 20px;}
|
|
.notiziaMenu ul li{margin: 10px 0px;display: block; clear:both;}
|
|
|
|
div.notiziaAcceptance{text-align: center; background-color: #ffd677; padding: 20px; border: 1px solid grey; border-radius: 10px;margin-bottom:10px;}
|
|
div.notiziaAcceptance > .buttons a{text-decoration:none; color:rgb(51, 102, 255); font-weight:bold; margin-right:5px; padding:5px; display:inline-block;}
|
|
div.notiziaAcceptance > .buttons a.green:hover{background-color:#7EFF83;}
|
|
div.notiziaAcceptance > .buttons a.red:hover{background-color:#FF8DA6;}
|
|
|
|
div.notiziaStat{background-color: rgb(221, 221, 221);border: 1px solid rgb(190, 190, 190);border-radius: 15px;padding: 10px; box-shadow:3px 5px 9px -2px; margin-bottom:15px;}
|
|
div.notiziaStat > div{display: inline-block;width: 33%;}
|
|
div.notiziaStat >div > div {text-align:center;}
|
|
|
|
.notiziaMainMedia{float:left;padding:10px 20px;}
|
|
.notiziaTitle{font-family:"Arial Bold";font-weight:bold;font-size:18px;}
|
|
|
|
/*
|
|
__ __ _ _
|
|
| \/ | ___ __| (_) __ _
|
|
| |\/| |/ _ \/ _` | |/ _` |
|
|
| | | | __/ (_| | | (_| |
|
|
|_| |_|\___|\__,_|_|\__,_|
|
|
|
|
*/
|
|
.mediaElement.mainElement{background-color:yellow;margin:15px;}
|
|
.mediaElement{display:inline-block; padding:15px; max-width:160px;}
|
|
.mediaElement.selected {opacity:0.4;background-color:orange;}
|
|
|
|
.notiziaContainer video.localVideo{max-width:100%;}
|
|
.notiziaContainer .videoContainerForImageAppend img.poster{max-width:100%;max-height:100%;background-color:black;position:absolute;top:0;left:0;z-index:1000;}
|
|
|
|
/*
|
|
____ _ _
|
|
/ ___|___ _ __ ___ _ __ ___ ___ _ __ | |_(_)
|
|
| | / _ \| '_ ` _ \| '_ ` _ \ / _ \ '_ \| __| |
|
|
| |__| (_) | | | | | | | | | | | __/ | | | |_| |
|
|
\____\___/|_| |_| |_|_| |_| |_|\___|_| |_|\__|_|
|
|
|
|
*/
|
|
|
|
.commentoContainer{border:2px solid black; border-left:0px; border-right:0px; border-top:0px; padding: 5px; margin: 15px 5px}
|
|
|
|
div.commentoAcceptance{text-align: left; background-color: #ffd677; padding: 20px 50px; border: 1px solid grey; border-radius: 10px; margin-bottom:20px;}
|
|
|
|
div.commentoAcceptance .commentoTitolo{font-size:18px;font-weight:bold;}
|
|
div.commentoAcceptance .commentoTesto{margin-left:15px;}
|
|
div.commentoAcceptance .commentoUser{display:inline-block; font-style:italic; font-size:12px; margin-top:15px;margin-left:15px;}
|
|
div.commentoAcceptance .commentoDate{display:inline-block; font-style:italic; font-size:12px;}
|
|
|
|
div.commentoAcceptance > .buttons {text-align:center;}
|
|
div.commentoAcceptance > .buttons a{text-decoration:none; color:rgb(51, 102, 255); font-weight:bold; margin-right:5px; padding:5px; display:inline-block;}
|
|
div.commentoAcceptance > .buttons a.green:hover{background-color:#7EFF83;}
|
|
div.commentoAcceptance > .buttons a.red:hover{background-color:#FF8DA6;}
|
|
div.commentoAcceptance > .buttons a.yellow:hover{background-color:#FF8DA6;}
|
|
|
|
div.commentoBlock{border: 4px solid #CFCFCF;border-radius: 15px;padding: 12px 5px 5px 20px;margin: 5px 0px;background-color: #E6E6E6;}
|
|
.commentiBlock ul {list-style: none;}
|
|
/*
|
|
____ _ _ _ _ _ _____ ____
|
|
| __ ) / \ | \ | | \ | | ____| _ \
|
|
| _ \ / _ \ | \| | \| | _| | |_) |
|
|
| |_) / ___ \| |\ | |\ | |___| _ <
|
|
|____/_/ \_\_| \_|_| \_|_____|_| \_\
|
|
|
|
*/
|
|
.bannerHomeContainer{margin-right:280px;}
|
|
|
|
.bannerMenuContainer{background-color:#CCC;position:absolute; width:250px;right:20px;top:20px; padding: 10px 0 15px; border-radius:10px;border: 1px solid #A5A5A5;}
|
|
.bannerMenuContainer a{text-decoration:none;color:#5656C3;cursor:pointer;}
|
|
.bannerMenuContainer a:hover{color:#8484F1;}
|
|
.bannerMenuContainer ul {list-style:none; display:inline-block; padding:0 20px;}
|
|
.bannerMenuContainer ul li{margin: 10px 0px;display: block; clear:both;}
|
|
|
|
div.bannerStat{background-color: rgb(221, 221, 221);border: 1px solid rgb(190, 190, 190);border-radius: 15px;padding: 10px; box-shadow:3px 5px 9px -2px; margin-bottom:15px;}
|
|
div.bannerStat > div{display: inline-block;width: 33%;}
|
|
div.bannerStat > div > div{text-align:center;}
|
|
|
|
|
|
|
|
|
|
/* Sondaggio */
|
|
.sondaggioContainer .rmOption, .sondaggioContainer #addOption {
|
|
margin-left: 10px;
|
|
text-decoration: none;
|
|
color: #36F;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
padding: 5px;
|
|
text-transform: capitalize;
|
|
}
|
|
.sondaggioContainer .rmOption:hover, .sondaggioContainer #addOption:hover{background-color:rgb(204, 217, 255);}
|
|
|
|
/**
|
|
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;}
|
|
|