FONT, BODY, P, DIV, INPUT, TEXTAREA, FORM { font-family: Arial, Helvetica, sans-serif; text-indent: 0pt; } TD, TR, TH { font-family: Arial, Helvetica, sans-serif; font-size : 14px; font-weight: normal; margin: 0px; padding: 0px; } /* questo serve per la distanza tra i paragrafi: */ .box-middle p { margin-top: 2pt; margin-bottom: 2pt; } /* 2010-02 */ td#container-left {background-color: #FFCC67; width: 200px;} td#container-centro {border-left:8px solid white; border-right: 8px solid white; border-top: 0px; margin-top: 0px; padding-top: 0px;} td#container-right {background-color:#FFCC9A; width:15 0px;} td.box-middle-left { background-color: #FFCC67} td.box-middle-right { background-color: #ffcc9a} .box-middle-left p {margin-top: 2pt; margin-bottom: 2pt;} .box-middle-left a:link, .box-middle-left a:visited {color:black} .box-middle-left a:hover {color:red} /* HEADER a partire dall'adozione del theme DEFAULT.hmtl */ /*header*/ div#header-container {width: 100%} div#header-top {height: 69px; background-image: url(../images/logo.jpg); background-repeat: no-repeat; background-position: 210px; width: 100%} #header-top img {float: right; margin:0px; border:0px;} /*indicazioni per il banner*/ /* impostazioni per la barra arancio */ #barra-arancio-top {text-align:left; padding-left:210px; padding-top: 8px; height: 22px; background-color: #FF9900; border-top:71px;} .topbar, .topbar a:visited, .topbar a:active, .topbar a:link {font-size : 8pt; font-weight : bold; color: #FFFFFF; background-color:#FF9900} .topbar a:hover {color: #000000} /*michelangelo barra grigia per banner PROMEMORIA: Quando lo si attiva [sovrascrivendo upload/cmp/BANNER-728px.gif] è necessario: (1) abbassare il div #cmpro-topnavigator aumentando di 90 px la distanza dal top (da 104 a 194); (2) eliminare da: div.topbar-grigia la proprietà: border-top: 3px solid white; Questo per quanto riguarda il Css. Per l'HTML invece ho già preparato la query che ATTIVA o DISATTIVA il div che precede:
La sostituzione è salvata come Query in: C:\Users\Michelangelo\Dropbox\Web\__DW_queries\Query\Promozione-LiBeR */ div.banner-728{height: 90px; background-color:#F5F5F5; background-image: url(../../../upload/cmp/BANNER-728px.gif); background-repeat:no-repeat; background-position:center; /* scommenta per disattivare banner promozione e vedi anche tag seguente */ border-top: 3px solid white; border-bottom: 0;} div.topbar-grigia { /*scommenta per disattivare banner promozione */ border-top: 3px solid white; background-color:#CCCCCC; width:100%; border-bottom: 4px solid white; height: 25px;} td.topbar-grigia {height: 27px; background-color: #CCC} td.topbar-grigia a:hover {color: #FFFFFF} #cse-search-box {position: absolute; top: 99px; right:0px} /*pulsante bottone evidente */ /*.pulsante-arancio:hover, .pulsante-arancio:active {width: 200px; background-color:#F90 !important; border: 3px solid; border-bottom-color: #F63; border-right-color: #F63; border-top-color:#FC3; border-left-color: #FC3; text-align:center; color:red !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:30px;}*/ .pulsante-arancio {width: 200px; background-color:#F90 !important; border: 3px solid; border-bottom-color: #F63; border-right-color: #F63; border-top-color:#FC3; border-left-color: #FC3; text-align:center; color:white !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:15px; white-space:nowrap; margin: 15px 0;} .pulsante-rosso {width: 200px; background-color:#ee363e !important; border: 3px solid; border-bottom-color: #d00; border-right-color: #d00; border-top-color:#E66; border-left-color: #E66; text-align:center; color:white !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:15px; white-space:nowrap; margin: 15px 0;} /*impostazioni per le 5 barre di area */ /*left*/ .table-AFMSV-title-left { font-size: 8pt; font-weight: bold; color: #FFFFFF; text-indent: 5pt; vertical-align: middle; text-align:left; } .table-AFMSV-title-left a:active { font-size: 8pt; font-weight: bold; color: #FFFFFF; text-indent: 5pt; vertical-align: middle; text-align:left } .table-AFMSV-title-left a:visited { font-size: 8pt; font-weight: bold; color: #FFFFFF; text-indent: 5pt; vertical-align: middle; text-align:left } .table-AFMSV-title-left a:hover{ font-size: 8pt; font-weight: bold; color: #000000; text-indent: 5pt; vertical-align: middle; text-align:left } /*right*/ .table-AFMSV-title-right, .table-AFMSV-title-right a:active { font-size: 8pt; color: #FFFFFF; vertical-align: middle;} .table-AFMSV-title-right a:hover { font-size: 8pt; color: #000000; vertical-align: middle; } .table-AFMSV-mese-anno {font-size: 8pt; font-weight: bold; color: #FFFF00; } .box-top-left {background-color:#9A9A68; color:#FFFFFF; font-size : 8pt; font-weight : bold; height: 24px; text-align:center;} .box-top-right {background-color:#BD9F83; color:#FFFFFF; font-size : 8pt; font-weight : bold; height: 24px; text-align:center;} /*.box-top { background-image: url(/themes/idest/images/table/box-top.gif); background-repeat : no-repeat; font-size : 8pt; font-weight : bold; color: #FFFFFF; }*/ .box-middle {background-image : url(/themes/idest/images/table/box-middle.gif); background-repeat : repeat-y; font-size : 8pt; padding-left : 4px; padding-right : 4px; padding-top: 6pt; padding-bottom: 6pt; text-align: left; left: 4px; line-height: 10pt; } /*il precedente andrà sostituito col seguente, e col box-middle-right, per concetrare le informazioni d'impaginazione */ .box-middle-left {background-image : url(/themes/idest/images/table/box-middle.gif); background-repeat : repeat-y; font-size : 8pt; /* padding-left : 4px; padding-right : 4px;*/ padding-top: 6pt; padding-bottom: 6pt; text-align: left; left: 4px; line-height: 10pt; } .box-newsletter { background-image: url(/themes/idest/images/table/box-middle.gif); background-repeat : repeat-y; font-size : 8pt; text-align: center; } .box-bottom { background-image: url(/themes/idest/images/table/box-bottom.gif); background-repeat : no-repeat;} .table-top-left { background-image : url(/themes/idest/images/table/table-top-left.gif); background-repeat : no-repeat; } .table-top-center { background-image : url(/themes/idest/images/table/table-top-center.gif); background-repeat : repeat-x; } .table-top-right { background-image : url(/themes/idest/images/table/table-top-right.gif); background-repeat : no-repeat; } .article-top-left { background-image : url(/themes/idest/images/table/article-top-left.gif); background-repeat : repeat-y; font-weight: bold; font-size: 8pt; } .article-top-center { background-image : url(/themes/idest/images/table/article-top-center.gif); background-repeat: repeat-x; font-size : 8pt; font-color : #FF0000; font-weight : normal; } .article-top-right { background-image : url(/themes/idest/images/table/article-top-right.gif); background-repeat: repeat-y; } .article-middle-left { background-image : url(/themes/idest/images/table/article-middle-left.gif); background-repeat : repeat-y; } /*QUANTO SEGUE E' LO SFONDO DELL'ARTICOLO CENTRALE */ .article-middle-center { background-image: url(/themes/idest/images/table/article-middle-center.gif); background-repeat : repeat; background-color: #FFFFFF; font-weight: normal; } .article-middle-center-posted { background-image : url(/themes/idest/images/table/article-middle-center.gif) background-repeat : repeat; font-size : 8px; font-weight : bold; } .article-middle-right { background-image : url(/themes/idest/images/table/article-middle-right.gif); background-repeat : repeat-y; } .article-bottom-left { background-image : url(/themes/idest/images/table/article-bottom-left.gif); background-repeat : no-repeat; } .article-bottom-center { background-image : url(/themes/idest/images/table/article-bottom-center.gif) background-repeat : repeat-x; } .article-bottom-right { background-image : url(/themes/idest/images/table/article-bottom-right.gif); background-repeat : no-repeat; } .header-bottom-back-search { background-image: url(/themes/idest/images/table/header-bottom-back.gif); background-repeat : repeat-x; padding-top: 1px; } .header-bottom-back-date { background-image : url(/themes/idest/images/table/header-bottom-back.gif); background-repeat : repeat-x; font-size : 8pt; font-weight : bold; padding-bottom: 7px; } .header-left-center { background-image : url(/themes/idest/images/table/header-left-center.gif); background-repeat : no-repeat; } .header-right-center { background-image : url(/themes/idest/images/table/header-right-center.gif); background-repeat: no-repeat; } .header-top-back { background-image : url(/themes/idest/images/table/header-top-back.gif); background-repeat : repeat-x; font-size : 8pt; font-weight : bold; } .footer-bottom-back { background-image : url(/themes/idest/images/table/footer-bottom-back.gif); background-repeat: repeat-x; } .footer-left-center { background-image : url(/themes/idest/images/table/footer-left-center.gif); background-repeat : no-repeat; } .footer-right-center { background-image : url(/themes/idest/images/table/footer-right-center.gif); background-repeat : no-repeat; } .footer-top-back { background-image: url(/themes/idest/images/table/footer-top-back.gif); background-repeat : repeat-x; font-size : 10px; font-weight : bold; } .title {font-size : 8pt; font-weight : bold; } .content { font-size : 8pt; padding-left: 4px; padding-right : 4px; } .posted { font-size : 10px; font-weight : bold; } BODY { background-color : #FFFFFF; color : #000000; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; margin-top : 0px; padding-top : 0; padding-right : 0; padding-bottom : 0; padding-left : 0; } .pn-normal { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; } .pn-normal-piccolo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } .pn-normal5 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000; } .PN-title5, h1, .pn-title_temi-emergenti, .PN-Title_temi-emergenti { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #FF9900; } .largetext { font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #FF9900; } .tinytextred { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FF9900; } .PN-title5-piccolo, .PN-Title5-piccolo, .pn-title5-piccolo, h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FF9900; margin:0px;} img#5-piccolo {display:none;} /**.h3 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FF9900;} */ .didascalia{margin-right:10px; margin-top:12px; font-size:11px;} .pn-title { font-size: 15px; font-weight: bold; } .pn-title_news-editoriali { font-size: 15px; font-weight: bold; color: #CE01CC; } .pn-title_scelti-per-voi { font-size: 15px; font-weight: bold; color: #CD6601; } .pn-title_progetti { font-size: 15px; font-weight: bold; color: #339933; } .pn-title_cassetta-attrezzi { font-size: 15px; font-weight: bold; color: #CC3300; } .pn-title_segnali-di-lettura { font-size: 15px; font-weight: bold; color: #FF9933; } .pn-title_recensioni { font-size: 15px; font-weight: bold; color: #CE01CC; } .pn-title_recensioni-esterne { font-size: 15px; font-weight: bold; color: #CE01CC; } .pn-title_strumenti-infanzia { font-size: 15px; font-weight: bold; color: #CC3300; } .date { font-size: 14px; font-weight: bold; } .piccolo { font-size: 8pt; left: auto; right: auto; } .dati_tabella_editori { font-size: 8pt; left: auto; right: auto; text-indent: 3pt; padding-right: 3px; padding-left: 3px; background-color: #FFFFFF; } .pn-title-liberDB { font-size: 17px; font-weight: bold; color: #000099; } .pn-normal-liberDB { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000099; } /*================================ HOME PAGE ===============================*/ /* preso da http://www.permadi.com/tutorial/cssImageDropShadow/index2.html */ /* you can shorthand some of these styles. I kept them separate for clarity. */ /*per due articoli affiancati in home page - recensioni */ img.miniature-home {width: 90px; border: 1px solid #999999; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } div.img-home-css3 {display:table-cell; vertical-align:top; padding: 0 5px 0 0;} .img-home-css3 {left:-4px; position: relative;} div.text-box-home-css3 {display:table-cell; vertical-align:top; padding-right:10px} div._progetti {width:100%;} div._cassetta-attrezzi, div._recensioni, div._strumenti-infanzia {width:50%;} /*fine*/ #half text-box-home-css3 {width:100% !important;} div.Home-notizie {margin-top: 6px;} /* questo è tratto dal template di dreamweaver 2 colonne elastiche, sidebar a sinistra, div clearfloat */ .Home-articolo {margin-left: 100px; height:auto;} .Home-img { float:left; width:100px;} /*nb il tag Home-img-TD è duplicato per fare prove con le recnsioni, una volta risolto volendo si può levare */ td.Home-img-TD {width: 90px;} .Home-img-TD img {width: 90px; border: 1px solid #999999;} td.Home-img-TD-recensioni {width: 90px;} .Home-img-TD-recensioni img {width: 90px; border: 1px solid #999999;} /*fine del tag duplicato - levare quando possibile!! */ .clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */ clear:both; height:0; font-size: 1px; line-height: 0px; } /* per la pagina della singola news */ div#News-img-TABLE {width: 200px;} img#news-pageimage {border:1px solid #999; width: 182px;} td#News-container{padding-top:10px;} /* table dell'ombra */ table.shadowTable { margin:0; padding:0; table-layout:auto; border:none; border-width:0px; border-spacing:0px; border-collapse:collapse; background: transparent; } .bottomLeft { background-image: url(../images/bottomLeft.png); background-repeat: no-repeat; background-position: right top; width:9px; height:9px } .bottom { border:none; padding=0; background-image: url(../images/bottom.png); background-repeat: repeat-x; background-position: right top; width: 90px; height:9px } .bottomRight { border:none; padding=0; background-image:url(../images/bottomRight.png); background-repeat: no-repeat; background-position: left top; background-color: transparent; width:9px; height:9px; border-collapse:collapse } .topRightAndRight { position:relative; left:0; top:0; border:none; padding=0; background-image:url(../images/topRightAndRight.png); background-repeat: no-repeat; background-position: left top; background-color: transparent; width:9px; } /*================================ fine HOME PAGE ===============================*/ /* il seguente serve a oscurare nella home di ogni singola topic un riquadro contentente il nome della topic e la descrizione. Sarebbe forse stato possibile sfruttarlo per l'impaginazione - mandandolo a sostituire cioè la barra "progetto del mese ecc" - ma non c'è stato il tempo, inoltre può darsi non sia così semplice come sembra In ogni caso, le informazioni provengono dal file modules/News/pnuser.php */ .MDLite-Outline1 {display:none;} font.stories-block {line-height:18px;}/*{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }*/ A:link { text-decoration: underline; background-color : transparent; font-weight: bold; } A:visited { text-decoration : underline; background-color : transparent; font-weight: bold;} A:hover { text-decoration: underline; color: #FF0000; background-color: transparent; font-weight: bold; } .pn-normal-link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #928fd6; } .pn-link-liberdatabase { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000099; } .pn-normal-paper {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000099;} .pn-normal-paper a:link, .pn-normal-paper a:visited {color: #000099;} /* cmpro-style */ /* posizione normale */ #cmpro-topnavigator { position: absolute; /*disattiva banner promozione*/ top: 131px; /*attivare banner promozione top: 221px;*/ left: 204px; font-size : 8pt; font-weight : bold; color: #000000; z-index: 0} /* CMPRO-PAGETOPICONS */ #cmpro-pagetopicons { float:right;} p.cmpro-pagedescription {padding-top: 0px; margin-top: 0px;} #cmpro-pagefocus {padding-top: 10px} #cmpro-pageimage {margin-right: 10px; margin-top: 10px; width:200px;} /* ===============pagina di librazzi =========================================== */ #librazzi-header {background: top center no-repeat url(/upload/cmp/librazzi-header.jpg); padding:120px 400px 40px 30px; min-width:300px;} #librazzi-table{width:300px; float:right;} #librazzi-testo{padding-right:310px; padding-top: 20px; background-image:url(/upload/cmp/librazzi-bg-right.jpg); background-position:right; background-repeat:repeat-y} /*#librazzi-testo h3 {padding-left: 125px; color: black; font-size:13px;}*/ #librazzi-link-barra {height:35px; background: #fdca00; padding-top:7px;} .librazzi-link {display:inline; padding-left:30px; padding-right:30px; font-size: 18px; color:#FF0000; font-weight: bold;} .librazzi-link a:link, .librazzi-link a {color: #6699FF; text-decoration:none;} .librazzi-link a:hover, .librazzi-link a:active {color:#FF0000;} .librazzi-separator{background-image: url(/upload/cmp/librazzi-spacer.gif); background-repeat: repeat-x; height: 11px; margin-top: 10px; width: 525px;} /* ============= fine sezione librazzi ===========================================*/ /* ===============indice fascicoli=========================================== */ #indice-fascicoli-TABLE {background-image:url(/upload/cmp/librazzi-spacer.gif) repeat;} #indice-fascicoli-TABLE td {padding: 5px 40px 5px 40px; height: 0px;vertical-align: top; text-align:center; background-color:#CCCCCC;} /* ===============fine sezione indice fascicoli=========================================== */ /*=================migliori del trimestre===================================================*/ p.Bibliotitolo { margin-top: 3px; margin-bottom: 0; font-weight:bold; } p.MsoPlainText { margin: 0 0 0 0; } /*================= fine sezione migliori del trimestre=====================================*/ /*=================Bibliografie (ad esempio, pag. 808 )===================================================*/ .bibliografia-titolo{font-size: 14px; font-weight:bold;} .bibliografia-autore {font-size: 14px;} .bibliografia-abstract {font-size: 12px;} /*=================fine sezione bibliografia===================================================*/ /*=================Sezione sondaggi===================================================*/ td.sondaggi-left-cell { padding-right: 10px; text-align:left; margin-left:5px; line-height:18px;} /*=================Fine sezione sondaggi===================================================*/ img.immagine-temi-emergenti {float:right; margin-bottom:3px; margin-left: 20px;} div.immagine-temi-emergenti {float:right; margin-bottom:3px; margin-left: 20px;} /* il seguente ha un position relative e un left -40 per eliminare il fatto che iniziasse già indentato */ .cmpro-pageslist {list-style:none; padding-bottom: 15px; position: relative; left: -40px;} /*il seguente è per far sì che il secondo livello (un elemento di lista all'interno di un altro elemento di lista) rientri */ li.cmpro-pageslistitem li.cmpro-pageslistitem {margin-top: 0px; text-indent:40px;} /* ================solo per pagine ricerca librerie, biblioteche, editori ============================*/ div.ricerca-ente {margin: 0 0 0 170px;} ul.ricerca-ente {list-style-type: none; top: 0px; margin-left:170px;} .ricerca-ente-sidebar {float:left;} body.ricerca-body {background-image:url(http://www.liberweb.it/themes/idest/images/bg-sidebar-left-ricerca.jpg); background-position:left top; background-repeat: repeat-y} td#header {width:20px; background-image:url(http://www.liberweb.it/themes/idest/images/logo.jpg); background-repeat: no-repeat; height:69px} td.ricerca-ente {width:30%} div#footer {text-align:center; font-size: 14px; border-right: solid 200px #ffcc9a; border-left: solid 200px #ffcc67; padding-top:30px; } /* ================FINE sezione pagine ricerca librerie, biblioteche, editori ============================*/ div.fb-like-box{float:right} /* img.profileimage img.img{visibility: hidden; display:none}*/ div.add-to-facebook{float:right} div.facebookOuter { width:190px !important; background-color: #FFCC9A; padding:0px 0px 0px 0px; height:241px; border-right:1px solid #36C; } div.facebookInner { width:190px !important; height:250px; overflow:hidden; } div.fb-like-box{width:190px !important; left:0px;} div.banner-laterale{background-color:#FFF !important; /* border-left: 38px solid #F5F5F5; border-right: 38px solid #F5F5F5; border-top: 15px solid #F5F5F5; border-bottom: 15px solid #F5F5F5; */ border-bottom: 2px solid #FFF; } /* ================dropshadow - funziona con jquery ============================*/ /*michelangelo le seguenti classi attualmente non hanno funzione grafica specifica ai fini del css, ma servono alla jquery (http://www.liberweb.it/idest/www/jquery_starterkit/custom.js) per individuare l'immagine da far circonadare dai successivi wrap1, wrap2, wrap3, che creano l'ombra */ /*.dropshadow1{width:10px;}*/ .dropshadow2{border: 1px solid red; height:50%} .dropshadowHome{width:100px;} /*il seguente doveva esser stato inserito per collocare l'immagine nella giusta posizione, nelle pagine cmpro div#container{position:absolute; /*top: 190px; left: 160px;}*/ .wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ } .wrap1 { float:left; background: url(../images/shadows-light/shadow.gif) right bottom no-repeat; } .wrap2 { background: url(../images/shadows-light/corner_bl.gif) left bottom no-repeat; } .wrap3 { padding:0 12px 12px 0; background: url(../images/shadows-light/corner_tr.gif) right top no-repeat; } .wrap3 img { display:block; border: 1px solid #CCC; } /* ================dropshadow FINE - funziona con jquery ============================*/ /*============================================ inizio slideshow 2 - http://www.queness.com/post/1450/jquery-photo-slide-show-with-slick-caption-tutorial-revisited ===*/ ul.slideshow { list-style:none; /*ORIGINALE - ricordare che va modificato anche la width di slideshow-caption width:450px; height:200px;*/ width:205px; height:260px; overflow:hidden; position:relative; margin:0; padding:0; } ul.slideshow li { position:absolute; left:0; right:0; z-index:500; /* ho provato anche con questo ma non funziona border-right:1px solid #666; */ } ul.slideshow li.show { z-index:500; } ul img { /*il seguente funziona su tutti i lati ad eccezione del destro, quindi temporaneamente il bordo si fa sull'immagine stessa a manina border:1px solid #666;*/ } #slideshow-caption { width:205px; height:70px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500; } #slideshow-caption .slideshow-caption-container { padding:5px 10px; z-index:1000; } #slideshow-caption h3 { margin:0; padding:0; font-size:14px; } #slideshow-caption p { margin:5px 0 0 0; padding:0; } /*============================================ slideshow 2 - fine http://www.queness.com/post/1450/jquery-photo-slide-show-with-slick-caption-tutorial-revisited ===*/ /*RASSEGNA STAMPA */ span.rst-testata{color: #FF9900; font-weight:bold; margin:0 0 0 0} p.rst-data{margin: 0 0 0 0; font-weight:bold} p.rst-descrizione{margin: 0;} p.rst-link{margin: 0 0 20px 0;} .rst-link img {position: relative; top: 3px; width: 15px;} /*riquadro nelle pagine*/ div#rst-riquadro { padding: 10px 350px 0 10px; background-color: #dfe0e7; -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888; border:1px solid #999; border-radius:10px; background-image:url(../images/rassegna-stampa-Liberweb.jpg); background-position:top right; background-repeat:no-repeat} /* RASSEGNA STAMPA - fine */ /*================================================*/ /* VIDEO */ div.video-box{float:right; padding: 10px; background-color: #dfe0e7; -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888; border:1px solid #999; border-radius:10px; margin: 0 0 10px 10px} /*NB dimensioni iframe: width 320 */ div.video-box p {font-size:10px} div.video-box a {font-size: 14px} /*================================================*/ /* toptopbar */ div#toptopbar {height:25px; background-color:#DDD; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:bold; color: #000; border-top:1px solid #f90; width: 100%} div#toptopbar ul { list-style-type: none; margin:0 0 0 210px; padding: 0; overflow: hidden; } div#toptopbar li { float: left; } div#toptopbar li a, .dropbtn { display: inline-block; color: black; text-align: center; padding: 6px 0; text-decoration: underline; } div#toptopbar li a:hover, .dropdown:hover .dropbtn { background-color: #999; } div#toptopbar li.dropdown { display: inline-block; } div#toptopbar .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 500; } div#toptopbar .dropdown-content a { color: black; padding: 6px 6px; text-decoration: none; display: block; text-align: left; } div#toptopbar .dropdown-content a:hover {background-color: #f1f1f1;} div#toptopbar .dropdown:hover .dropdown-content { display: block; } /*====================*/ /*div.banner-home-container {width:100%; padding: 0; margin: 0; background-color:#eee; text-align:center} .banner-home img {width: 150px; max-width:100%; border: 1px solid #F90} div.banner-home {display:inline-block; width:24%; padding: 0; margin: 0; } */ .banner-home-table img {width: 150px; max-width:100%;}