/*****************************************/ /* STILI CONTENUTO: COLORI BORDI E FONTS */ /*****************************************/ /* ARTICOLO */ #article{ background: transparent; letter-spacing: 1px; font-size: 1.1em; font-family: 'Roboto', sans-serif;margin: 0; padding: 0 0 15px; height: auto !important; min-height: 440px; } /* TITOLI E LINEE */ #article em{ width: 99%; } #article h2{ color: #00aa00; font-size: 1.8em; font-weight: 700; line-height: 1.4em; text-align: left;text-transform:uppercase;margin: 0 0 15px; padding: 0 10%; } #article h3{ color: #00aa00; font-size: 1.4em; font-weight: 700; line-height: 1.4em; text-decoration: none;text-transform:uppercase;text-align: left;margin: 25px 0; padding: 0 10%; } #article h4{ color: #00aa00; font-size: 1.2em; font-weight: bold; line-height: 1.2em; text-decoration: none;text-transform:uppercase;text-align: left;margin: 25px 0; padding: 0 10%; } #article h5{ color: #00aa00 !important; font-size: 1.1em; font-weight: bold; line-height: 1.1em;text-transform:uppercase;text-align: left;margin: 25px 0; padding: 0 10%; } #article h6{ color: #00aa00 !important; font-size: 1.1em; font-weight: bold; line-height: 1.0em;text-transform:uppercase;text-align: left;margin: 25px 0; padding: 0 10%; } #article hr{ color: #0000CC; border-top: none; border-bottom: 1px #ddd solid; border-right: 1px solid #ddd; border-left: none; } /* PARAGRAFO */ #article p{background:transparent;font-size:1em;line-height:1.5em;text-align:justify;margin:5px 10% 0;padding:5px 0 5px;} #article p strong{font-weight:bolder;} #article p.disclaimer{font-size:0.7em; line-height: 1.2em; } #article p.author{font-size: 0.7em; text-align: right; } #article p.autore{margin: 1px 0; padding-right: 50px; } /* LINKS */ #article a{color: #00A650; font-weight: 700; text-decoration: none; } #article a:hover { color: #33CC66; font-weight: 700; text-decoration: underline; } #article .link { border-bottom: 2px dashed #00A650 } #article .link { padding: 5px 0; clear: left; } #article .link img { border: solid 1px #33CC66 } #article .link img { margin: 5px 15px 5px 0; float: left; } #article .link p { } #article p.button{text-align:right;} #article p.button a{background:#00aa00;color:#fff;padding:15px 35px;text-decoration:none;text-transform:uppercase;} /* IMMAGINI */ #article img { border: 0px #00A650 solid; } #article img { max-width: 98%; margin: 5px 5px 0 0; padding: 5px 5px 5px 0; } #article img.ico{background:transparent;border:none;width:32px;max-width:32px;margin:0;padding:0 1px;vertical-align:middle;} #article img.ico a{background:transparent;border:none;} #article img.dx { margin: 5px 0 5px 15px; width: 250px; padding: 5px; float: right; clear: right; } #article img.dxh { margin: 5px 0 5px 15px; height: 250px; padding: 5px; float: right; clear: right; } #article img.sx { margin: 5px 15px 5px 0; padding: 5px; float: left; clear: left; } #article img.meteo { margin: 5px 15px 5px 0; padding: 5px; clear: left; max-width: 90%; max-height: 500px; } /* CITAZIONE */ #article blockquote{font-size:1.4em;background:#C9DCA6;line-height:1.8em;text-align:justify;margin:5px 10% 0;padding:5px 2%;border-left:solid 30px #00aa00;border-right:solid 30px #00aa00; } /* ELENCHI GENERICI */ #article ul{font-size: 1em;list-style-type: none; margin: 5px 0 0; padding: 0 10% 0; } #article ul li{background: url("../graphics/bg_li.png") no-repeat top left; background-size: 8px;list-style-image: none; margin: 0 0 0 20px; padding: 0 0 0 20px; line-height: 1.5em;} #article ul ol{font-size: 1em; font-weight: 500;margin: 5px 0 0; } #article ol ul{font-size: 1em; font-weight: 500;margin: 5px 0 0; } #article ul ul{font-size: 1em; font-weight: 500;margin: 5px 0 0; } #article ol ol{font-size: 1em; font-weight: 500;margin: 5px 0 0; } #article ol{font-size: 1em;line-height:1.5em;font-weight: 500;list-style-type: decimal; margin: 5px 0 0; padding: 0 10% 0; } #article ol li{background: transparent;margin-left: 15px; padding-left: 25px; } #article ol li p{font-size:1em;line-height:1.5em;margin: 0;} #article ul li p{font-size:1em;line-height:1.5em;margin: 0;} /* TABELLA GENERICA */ #article table { font-size: 0.9em;width: 95%; } #article th { background: #fff; color: #333; font-weight: bold } #article td { background: #fff; color: #333; border: 1px #fff solid; text-align: left; } #article td { margin: 5px 3px 5px 3px; padding: 2px 5px 2px 5px; } #article td p { color: #333; font-size: 1em; text-align: left; } #article td p strong { color: #333; font-weight: normal; text-align: left; } /* TABELLA X LISTE */ #article table.items { background: transparent; border: solid 1px #0366C9;width: 96%; margin: 0 2%;} #article table.items th { background: #00A650; color: #FFf; letter-spacing: 2px; font-weight: bold; text-align: center; border: 0px solid #0366C9; } #article table.items th { padding: 5px; } #article table.items td { color: #fff; background: #00A650; text-align: center; border: 0px solid #fff; } #article table.items td { padding: 5px; width: 33%; } #article table.items td a { color: #fff; background: transparent; } #article table.items td.itemlogo { color: #000; background-color: #fff; border: 0px #00A650 solid; text-align: center; } #article table.items td img { width: 100%; margin: 2px; padding: 0; } /* TABELLA X LISTE */ #article table.people { background: transparent; border: solid 0px #00A650;width: 96%; margin: 0 2%;} #article table.people th { background: transparent; color: #fff; letter-spacing: 2px; font-weight: bold; text-align: center; border: 0px; } #article table.people th { padding: 5px; } #article table.people td { color: #00A650; background: transparent; text-align: left; border: 0px; } #article table.people td { padding: 5px; } #article table.people td p { margin:0; padding:0; } #article table.people td a { color: #00A650; background: transparent; } #article table.people td.img{ width: 20%; margin: 2px; padding: 10px; vertical-align: top; } #article table.people td img{ width: 95%; margin: 2px; padding: 10px; } /* ALTRE IMMAGINI SITO */ #article img.preview { display: block; margin: 5px 10px 5px 0; padding: 0; width: 450px; height: 318px; border: solid 1px #663 } #article img.data { margin: 0px 10px -10px 0px; border: 0px none} /* NEWS */ #article hr { clear: left; color: #999; } #article img.news { margin: 5px 5px 5px 0px; width: 150px; padding: 5px; float: left; border-right: 1px #00A650 solid; } #article .newslist { display: inline-block; width: 80%; margin:0;padding:0 10%;} #article #ansaidx{float:right;width:25%;height:100%;margin:0;padding:0 10%;} #article #ansanws{float:left;width:75%;height:100%;margin:0;padding:0 10%;} /* NEWS: nivo-slider */ #article #wrapper { background: transparent; } #article #wrapper { float: left; width: 100%; min-height: 300px; margin: 15px 0px 10px; } #article .nivoSlider { min-height: 280px; } #article .nivoSlider img.nivo-main-image { max-width: 100%; } #article .nivo-caption { bottom: 0; } #article .nivo-caption h2 { margin: 0 !important; } #article .nivo-controlNav { height: 20px; margin: 0 auto; padding: 10px 0 !important; width: 60px; } #article .nivo-controlNav a { background: url("../graphics/bg_slide_nav.png") no-repeat scroll 0 0 transparent; display: block; float: left; font-size: 1px; height: 8px; margin: 3px; width: 8px; cursor: pointer; } #article .nivo-controlNav a:hover { background-position: 0 -8px; } #article .nivo-controlNav a.active { background-position: 0 -16px; } #article #post_holder p.inactive{ background: #ccc; } /* AMMINISTRAZIONE */ #article ul.admin { list-style-type: none;list-style-type: none; margin: 5px 0; padding: 0 0 5px 0; } #article ul.admin li { letter-spacing: 0px; } #article ul.admin li a.adm { padding-left: 80px; } #article ul.admin li a.home { background: url('../graphics/bg_adm_home.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.add { background: url('../graphics/bg_adm_add.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.edit { background: url('../graphics/bg_adm_edit.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.browse { background: url('../graphics/bg_adm_browse.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.cat { background: url('../graphics/bg_adm_cat.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.set { background: url('../graphics/bg_adm_set.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.trans { background: url('../graphics/bg_adm_trans.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.refresh { background: url('../graphics/bg_adm_refresh.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.join { background: url('../graphics/bg_adm_join.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.key { background: url('../graphics/bg_adm_key.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li a.csv { background: url('../graphics/bg_adm_csv.png') no-repeat scroll 10px 0 #00aa00; background-size: contain; } #article ul.admin li { background: none; padding: 0; margin: 0; } #article ul.admin li a { color: #fff; background: #00aa00; font-size: 1.2em; font-weight: bold; text-decoration: none; white-space: normal; text-transform: uppercase; border-radius: 10px;width: 90%; white-space: normal; list-style-type: none; display: list-item; margin: 15px 5%; padding: 8px 0 8px 30px; } #article ul.admin li a:link, ul.admin li a:visited { color: #fff; } #article ul.admin li a:hover, ul.admin li a:active { text-decoration: underline; } #article ul.admin li a.text { color: #333; background: transparent; } #article ul.admin li a.text { display: inline; padding: 0; margin: 0; } #article table.browser { width: 100%; } #article table.browser th { padding: 0 3px; } #article table.browser td { padding: 5px 8px 0 8px; } #article table.browser td.action { width: 24px; } #article table.browser img a { margin: 0; padding: 0; width: 50px } /* TABELLE DI GESTIONE (BROWSE) */ .admtable{ width: 94% !important; margin: 0 3%; font-family: "Open Sans", Arial, Helvetica, sans-serif; border-color: #888; } .admtable input[type="checkbox"]{ width: auto !important; height: auto !important; } .admtable ul{ font-size: 14px !important; } .admtable th{ line-height:2.2em !important;font-size:1.2em !important;color:#fff !important;background:#225588 !important;} .admtable tr{border-bottom: 2px solid #ddd !important;} .admtable td{border: 2px solid #ddd !important;} .admtable ul li{background:transparent!important} /*.admtable td{text-align:center !important;}*/ .admtable tr.footable-filtering{padding:10px 30px;border:1px solid #777 !important;} .footable-pagination-wrapper{ text-align: center !important; } li.footable-page { display: none !important; background: transparent !important;} li.footable-page.visible { display: inline !important; padding: 0 !important; background: transparent !important; } li.footable-page-nav { background: transparent !important; } .admtable-odd { background-color: #f7f7f7; } #article a.text { color: #333; background: transparent; } #article table.browser { width: 100%; } #article table.browser { font-size: 0.8em; letter-spacing: 0px; border: solid 2px #3B488D; width: 94%; } #article table.browser th { color: #fff; background: #225588; line-height: 2.2em; font-size: 1.4em; text-align: center; font-weight: bold; border-bottom: 2px solid #BACF9B } #article table.browser th { padding: 0 3px; } #article table.browser tr { border: 2px solid #ddd; } #article table.browser td { color: #000; background: #fff; text-align: center; vertical-align: middle; border: 2px solid #ddd; } #article table.browser td { padding: 5px 8px 0 8px; } #article table.browser td.action{ width: 24px; } #article table.browser img a { color: #000; background: #fff; text-align: center; vertical-align: middle; border: 2px none #b99f8c; width: 50px; } #article table.browser img a { margin: 0; padding: 0; width: 50px } #article #form_post { } #article #form_post textarea { width: 95%; border: solid 2px #bbb; height: 4em; resize: none; } /* PAGINAZIONE */ ul.pagination{font-size:1.0em !important;line-height:1.0em !important;padding:0 !important;} ul.simplePagerNav ul.pagination1 li:hover, ul.pagination2 li:hover, ul.pagination3 li:hover { background-color: #FF9500 !important; } ul.pagination li{margin:0 !important;padding:0 !important;} ul.pagination1 li, ul.pagination2 li, ul.pagination3 li { padding: 10px !important; background-color: #8890FC !important; font-size: 1.6em !important; color: #fff !important; width: 600px !important; margin-bottom: 1px !important; list-style: none !important; } ul.red { outline: 10px solid red !important; } /* .my-simple-gallery { width: 100%; float: left; font-family: Arial; } .my-simple-gallery img { width: 100%; height: auto; margin: 0; padding: 0; } .my-simple-gallery figure { display: block; float: left; } .my-simple-gallery figcaption { display: none; } */ #iubenda_policy ul, #iubenda_policy li { background: transparent !important; padding: 0 !important; margin: 0 !important; } /* Codice per SMARTPHONE max 320 px */ @media only screen and (max-width: 320px) { #article h2 { font-size: 1.0em; } #article h3 { font-size: 0.9em; } #article h4 { font-size: 0.8em; } #article h5 { font-size: 0.8em; } #article h6 { font-size: 0.8em; } #article p { font-size: 0.9em; } #article ul { font-size: 0.9em; } #contimages { display: none; } #conttitle h2 { padding: 110px 0 0 0; font-size: 1.4em; } .my-simple-gallery { width: 100%; float: left; } .my-simple-gallery figure { width: 80%; float: left; } } /* Codice per TABLET vert SMARTPHONE oriz 321-480 px */ @media only screen and (min-width: 321px) and (max-width: 480px) { #article h2 { font-size: 0.9em; } #article h3 { font-size: 0.9em; } #article h4 { font-size: 0.9em; } #article h5 { font-size: 0.9em; } #article h6 { font-size: 0.9em; } #article p { font-size: 0.9em; } #article ul { font-size: 0.9em; } #contimages { display:none; } .my-simple-gallery { width: 100%; float: left; } .my-simple-gallery figure { width: 80%; float: left; } } /* Codice per TABLET vert. 481 – 768 px */ @media only screen and (min-width: 481px) and (max-width: 768px) { #article h2 { font-size: 1.5em; } #article h3 { font-size: 1.3em; } #article h4 { font-size: 1.2em; } #article h5 { font-size: 1.1em; } #article h6 { font-size: 1.1em; } #article p { font-size: 1.1em; } #article ul { font-size: 1.1em; } #contimages { display:none; } .my-simple-gallery { width: 100%; float: left; } .my-simple-gallery figure { width: 35%; float: left; } } /* Codice per TABLET oriz. 769 – 1024 px */ @media only screen and (min-width: 769px) and (max-width: 1024px) { .my-simple-gallery { width: 100%; float: left; } .my-simple-gallery figure { width: 40%; float: left; } #article h2.tititems { clear: left; } #article ul.items li { float: left; width: 43%; margin: 1%; padding: 1%; text-align: center; vertical-align: middle; border: 1px solid #333;background-color:rgba(256, 256, 256, 0.7); } } /* Codice per TABLET 1025 – 1240 px */ @media only screen and (min-width: 1025px) and (max-width: 1240px) { .my-simple-gallery { width: 100%; float: left; } .my-simple-gallery figure { width: 40%; float: left; } #article h2.tititems { clear: left; } #article ul.items li { float: left; width: 27%; margin: 1%; padding: 1%; text-align: center; vertical-align: middle; border: 1px solid #333;background-color:rgba(256, 256, 256, 0.7); } } /* Codice per DESKTOP min. 1241 px */ @media only screen and (min-width: 1241px) { #article p{font-size:1.4em;line-height:2.0em;} #article ol,#article ul{font-size:1.4em;line-height:2.0em;} .my-simple-gallery { width: 100%; float: left; } .my-simple-gallery figure { width: 40%; float: left; } #article h2.tititems { clear: left; } #article ul.items li { float: left; width: 27%; margin: 1%; padding: 1%; text-align: center; vertical-align: middle; border: 1px solid #333;background-color:rgba(256, 256, 256, 0.7); } }