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;}
|
|
|