/*********************************************************/ /***** ALL ***/ /*********************************************************/ div.note { font-size: small; margin-top: 8px; } /*** ridefinizione stili per Top Stories ***/ .top-stories h1 { font-weight: 500; font-weight: bold; color: #1F3D5A; margin-bottom: 50px; font-size: 30px; text-align: center; } .top-stories h2, .top-stories h3, .top-stories h4 { color: #5f574f; font-weight: 500; margin-top: 10px; margin-bottom: 10px; } .top-stories-articolo h4 { margin-top: 20px; } .top-stories h2 { font-size: 24px; } .top-stories h3 { font-size: 22px; } .top-stories h4 { font-size: 18px; } .top-stories h4.h4-indice { margin-top: 0; } /*** nuovi stili per Top Stories ***/ .area-ssu h3, legend .area-ssu { color: #10345a; margin-top: 10px; } .area-ts h3, legend .area-ts { color: #319A31; margin-top: 10px; } .area-sv h3, legend .area-sv { color: #C60000; margin-top: 10px; } table.topstories .td-presentazione h3 { font-size: 22px; } table.topstories .td-presentazione div.data-articolo { text-align: right; font-size: .7em; } table.topstories .td-didascalia { padding: 0 5px 5px 5px !important; padding: 0 5px 5px 10px !important; vertical-align: bottom !important; font-style: italic; font-size: 85%; } .topstories-pag-dottorato-in, .topstories-pag-didascalia{ font-style: italic; margin-bottom: 30px; } .topstories-pag-didascalia{ font-size: 85%; } .topstories-pag-img-big{ width: 100%; } /*** fine stili per Top Stories ***/ /*********************************************************/ /*** DESKTOP ***/ /*********************************************************/ @media only screen and (min-width: 768px) { div.top-stories { text-align: justify; } div.content-ridotto { font-family: 'Open Sans',Arial,sans-serif !important; /* finche' non finisce nel anche per tutti gli utenti */ width: 90%; margin-left: 5%; } div.content-ridotto-80 { font-family: 'Open Sans',Arial,sans-serif !important; /* finche' non finisce nel anche per tutti gli utenti */ width: 80%; margin-left: 10%; } /*** stili per Top Stories ***/ div.area-ssu { border-top: 2px solid #10345a; border-left: 10px solid #10345a; } div.area-ts { border-top: 2px solid #319A31; border-left: 10px solid #319A31; } div.area-sv { border-top: 2px solid #C60000; border-left: 10px solid #C60000; } table.topstories .area-ssu { border-left: 10px solid #10345a !important; } table.topstories .area-ts { border-left: 10px solid #319A31 !important; } table.topstories .area-sv { border-left: 10px solid #C60000 !important; } table.topstories .td-presentazione h3 { margin-top: 10px; } table.topstories { /* margin-top: 10px; */ } table.topstories .td-immagine { text-align: left; width: 10%; } table.topstories .td-presentazione { text-align: left; padding: 0px 5px 5px 10px !important; } table.topstories .tr-top { border-bottom: unset !important; } table.topstories .tr-bottom { border-top: unset !important; } img.topstories-img{ width: 200px; width: 270px; } img.topstories-img-small{ width: 180px; } /*** fine stili per Top Stories ***/ } /*** fine DESKTOP ***/ /*********************************************************/ /*** MOBILE ***/ /*********************************************************/ @media only screen and (max-width: 767px) { /*** stili per Top Stories ***/ div.top-stories-articolo { margin-left: 5px; margin-right: 3px; } table.topstories .area-ssu { border: 2px solid #10345a !important; } table.topstories .area-ts { border: 2px solid #319A31 !important; } table.topstories .area-sv { border: 2px solid #C60000 !important; } .topstories-img{ width: 100%; } /* solo per indice 4 */ table.topstories .tr-top { border-bottom: 1px dotted !important; } table.topstories .tr-bottom { border-top: unset !important; } /* solo per indice 1 */ div.area-ssu table.topstories tr{ border: 2px solid #10345a !important; } div.area-ts table.topstories tr{ border: 2px solid #319A31 !important; } div.area-sv table.topstories tr{ border: 2px solid #C60000 !important; } /*** fine stili per Top Stories ***/ } /*** fine MOBILE ***/ /********************************************/ /*** definisco gli stili per l'eventuale ***/ /*** visualizzazione del menu nel content ***/ /********************************************/ div#menu_in_content { margin: 4px 7px 3px 0; padding: 3px 0 3px 3px; text-transform: uppercase; } div#menu_in_content A.menu:link { color: #333; display: block; padding: 12px; font-weight: normal; font-size: 14px; } @media only screen and (min-width: 768px) { div#menu_in_content { padding-left: 10%; padding-right: 10%; } } /**********************************************/ /*** definisco gli stili (temporanei) per ***/ /*** le prove di accessibilita' Siteimprove ***/ /**********************************************/ div#siteimprove { color: #2e2d29; font-size: 14px; line-height: 1.42857143; } div#siteimprove a { color: #337ab7 !important; text-decoration: none; font-weight: unset !important; } div#siteimprove a:hover { text-decoration: none; } div#siteimprove h3 { color: #1f3d5a; line-height: 1.3em; font-size: 24px; margin-top: 20px; margin-bottom: 10px; font-weight: 500; } div#siteimprove h4 { line-height: 1.3em; color: #5f574f; font-size: 18px; margin-top: 10px; margin-bottom: 10px; font-weight: 500; } div#siteimprove.siteimprove-link-underline a { text-decoration: underline; } div#siteimprove.siteimprove-link-hover a:hover { text-decoration: underline; } div#siteimprove.siteimprove-link-bold a { font-weight: bold !important; } div#siteimprove.siteimprove-link-viola a { color: #6B6FBD !important; } div#siteimprove.siteimprove-link-violaunderline a { color: #6B6FBD !important; text-decoration: underline; } div#siteimprove.siteimprove-link-violabold a { color: #6B6FBD !important; font-weight: bold !important; } div#siteimprove.siteimprove-link-red a { color: red !important; }