/************************************/ /* STILI SITO: COLORI BORDI E FONTS */ /************************************/ /* Tavolozza del sito. Stessi valori che prima erano scritti a mano regola per regola (screen.3.css): cambia solo che ora si governano da qui, come in CMS aWV Demo. Il rosa ha due varianti quasi identiche (#E0047A e #E0017A), tenute distinte perche' la grafica deve restare quella di prima. */ :root { --color-body-text: #000; --color-accent: #E0047A; --color-accent-alt: #E0017A; --color-nav-link: #2E80D4; --color-evidence-bg: rgba(255,0,127,0.9); --color-overlay-light: rgba(255,255,255,0.8); --color-overlay-light-strong: rgba(255,255,255,0.9); --color-overlay-dark: rgba(43,43,43,0.8); --color-overlay-mid: rgba(85,85,85,0.8); --color-home-text: #425AB2; --color-session-text: #629D83; --color-session-text-dark: #003366; --color-header-accent: #CC0033; --color-header-menu-bg: #990000; --color-footer-text: #006FDA; --color-footer-link: #2E80D4; --color-footer-evidence-bg: #3283D5; --color-footer-evidence-hover: #2a6aaa; --color-link-text: #006FDA; --color-focus-outline: #1a73e8; --color-danger: #CC0033; --color-article-link: #E0047A; /* pulsanti di amministrazione: li disegna il framework (css/awvIcons.css), il colore lo decide il sito. #333399 e' quello dei vecchi bg_adm_*.png. */ --awv-admin-bg: #333399; --awv-admin-text: #fff; } body{background: transparent; color: var(--color-body-text); font-size: 95%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;margin: 0 auto; padding: 0; } img{text-decoration: none; border-style: none; } #global{border: none 0px #000;background: transparent; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;margin: 0px auto; padding: 0px 0px;} #bg{position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: -5000; } #clear{clear: both; } :focus-visible { outline: 2px solid var(--color-focus-outline); outline-offset: 2px; } /* BARRA LINGUA */ #flag{ background: transparent;position: absolute; float: right; width: 150px; height: 27px; top: 0px; right: 0px;} #flag ul.lang { text-align: right;float: right; margin: 0px; padding: 2px 5px;} #flag ul.lang li.flag { display: inline; margin-left: 1px; padding: 0 4px; } /* SESSIONE UTENTE */ /* pointer-events:none sul contenitore (resta a piena larghezza solo come sfondo semi-trasparente) + pointer-events:auto sui soli link: cosi' la barra non blocca i click su logo/menu sottostanti nelle zone senza testo. */ #session{background:var(--color-overlay-light);color:var(--color-session-text) !important;position:absolute;width:100%;height:25px;top:0px;right:0;margin:0;padding:0 150px 0 0;pointer-events:none;} #session p{background:transparent;color:var(--color-session-text-dark) !important; font-size: 0.6em;margin: 0 !important;padding:5px 0 0 0 !important;text-align:right;} #session a{pointer-events:auto;} #session img.logout{padding:0px 10px 0px 10px;margin: 0px 0px 0px 0px;max-width:16px;} /* HEADER */ #headerbox{position:fixed;background:var(--color-overlay-light);width:100%;clear:both;padding:0;z-index:999;} #header{background:transparent;border-radius: 0; } #header{margin: 0 auto; padding: 0; clear: both; } #header h1{color:#ccc;font-family: 'BenchNine', sans-serif;overflow:auto;font-size:2.0em;font-weight:bold;height: 75px; margin: 0 0 0 20px; } #header h1 a{color:#ccc;text-decoration:none;float:left;} #header h1 a:hover{color: #ccc;text-decoration: none; } #header p{color: var(--color-header-accent); font-size: 0.8em; line-height: 1.1em; font-weight: bold;padding: 15px 0 0 12px; } #header ul.headmenu{ background: var(--color-header-menu-bg);list-style: none; margin: 55px 4px 0px 4px; padding: 3px 5px 0; float: right; } #header ul.headmenu li{ font-size: 0.7em; line-height: 1.0em;display: inline; letter-spacing: 0px; margin: 0 4px; padding: 0 5px; } #header ul.headmenu li a{ color: #fff;font-weight: bold; text-decoration: none; text-transform: uppercase; } #header ul.headmenu li a:hover{ color: #fff;font-weight: bold; text-decoration: none; } #header img.logo{ margin: 0 0 0 8%; max-height: 100px;display:block;border-style: none;position: absolute; } #header ul.logos{ background: none; position: absolute; list-style: none; margin: 5px 2px; padding: 0; right: 0; top: 0; } #header ul.logos li{ display: inline; } #header ul.logos li img{ padding: 0 3px; margin: 0; top: 0; } /* SKIP LINK: fuori schermo di default, torna visibile quando riceve il focus da tastiera */ #header a#skipnav{ position: absolute; left: -9000px; top: auto; } #header a#skipnav:focus{ left: 10px; top: 10px; width: auto; height: auto; background: #fff; color: #000; padding: 8px 16px; z-index: 2000; text-decoration: none; border-radius: 3px; } /* BREADCRUMB (markup: