body { background: #fff; color: #333; font: normal 100% Helvetica, Arial, sans-serif; line-height: 150%; } a { color: green; /* colore delle voci dei link, compresa quelle della barra di navigazione */ text-decoration:none; /* toglie la sottolineatura alle voci dei link */ } a:link.blog { color:#fff; /* non so a cosa serve, ma, senza questa voce, a:hover non cambia colore */ } a:hover { color: blue; /* cambia colore ai link quando vi è sopra il mouse */ } /* 2mag19 sostituita la classe active con la classe selected ed inserito in layout.html lo script che utilizza la libreria jquery: funziona la voce di navigazione scelta rimane evidenziata! */ /* 11mag19 ho eliminato il rinvio a jquery e lo script, mentre ho lasciato la classe selected: la voce di navigazione scelta rimane evidenziata */ .selected { background-color: #b4c0c3; } /* 2mag19 fine modifica */ div#orizzontale { max-width: 960px; margin: 0 auto; } header, footer, div.page { max-width: 47,5em /* 760px / 16px = 47,5em; c'era anche footer */ margin: 0 auto; background: #daeef3; padding: 20px 30px; } header h1 { color: #169bbd; margin: 0; font-weight: normal; font-size: 42px; } header nav ul { list-style: none; margin: 0; padding: 0; } header nav ul li { display: inline; margin: 0 8px 0 0; padding: 0; } h2 { color: #169bbd; margin: 0; font-weight: normal; font-size: 30px; line-height:40px; /*aggiunto 27ott19 per distanziare le righe dei titoli*/ } h2.headertekst { text-align: center; } h3 { color: #169bbd; margin: 0; font-weight: normal; font-size: 20px; } table h3 { color: #169bbd; margin: 0; font-weight: normal; font-size: 30px; } table caption { font-size: 30px; } h4 { line-height: 150%; /* aumenta l'altezza delle linee di testo a 1,5 volte quella normale (si traduce in pratica in un aumento dell'interlinea) */ } p img{ vertical-align:middle; float:left; } .responsive { max-width: 100%; height: auto; } .img.txt { float: left; margin:0px 10px 10px 0px; } div.page { background: #f1fbfe; } .footer { max-width: 47,5em margin: 0 auto; background: #daeef3; padding: 20px 30px; } footer img { float: right; background-color: red; color: white; text-align: left; margin:0px 10px 10px 10px; } /* £££££££££ Codice per il button 'Scrivere per essere vicini' aggiunto 10 mar 21 ££££££££££££££££ */ .openbtn { display: inline-block; padding: 3px 6px; background-color: #C0C0C0; color: #FFF; border: 1px solid #222; /* era 1, portato a 0 10dic24*/ border-radius: 3px; text-decoration: none; font-family: arial, verdana, sans-serif; font-size: 12px;/* era 24, portato a 12 10dic24*/ cursor: pointer; } /* Passaggio mouse, button cambia colore */ .openbtn:hover { background-color: #FFFFFF; } /* £££££££££ Fine codice per il button ££££££££££££££££ */