/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| BASIC STYLES |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ====================================== Set CSS Variables ====================================== */ :root { /* Fonts -------------------------------------------- */ --FBasic : 'Arimo'; --FStrong : 'Nunito'; --FLite : 'Raleway'; --FLiteNarrow : 'Raleway'; --FWriting : 'Indie Flower'; --FTitle1 : 'Arimo'; --FTitle2 : 'Nunito'; --FTitle3 : 'Nunito'; /* Colors ------------------------------------------- */ --CBgScreen : rgb(255,255,255); --CMain1 : rgb(254,221,0); --CMain2 : rgb(35,39,42); --CMain3 : rgb(255,175,0); --CMain4 : rgb(64,208,107); --CLight1 : rgb(254,236,136); --CLight2 : rgb(203,227,203); --CLight3 : rgb(218,231,218); --CMark1 : rgb(250,197,62); /* Orange */ --CMark2 : rgb(121,206,149); /* Green Good */ --CButton1 : rgb(254,236,136); /* Orange Light */ --CButton2 : rgb(162,214,162) ; /* Green Light */ --CButtonRegister : rgb(162,214,162) ; /* Green Light */ --CButtonSlide : rgb(162,214,162) ; /* Green Light */ --CLink1 : rgb(254,236,136); --CSilverLight : rgb(235,235,235); --CBlack : rgb(50,50,50); /* =========================== Nuovi =========================== */ --CLight3 : rgb(218,231,218); --CButtonRegister : rgb(162,214,162) ; /* Green Light */ --CButtonAction : rgb(162,214,162) ; /* Green Light */ } /* ============================================================== */ EditorDisplay { display:none;} /* Esclude elementi visibili solo in fase di editing */ /* ================================================================================================================================ H E A D I N G S =============================================================================================================================== */ H1 { margin:0px 0px 20px 0px; padding:0px; font-family:var(--FTitle1), sans-serif; font-size: 24px; line-height:120%; font-weight:bold; font-style:normal; font-variant:normal; text-align:left; letter-spacing: -1px; color:var(--CBlack); background-color:transparent; border:none; } H2 { margin:45px 0px 35px 0px; padding:0px; font-family:var(--FTitle2), sans-serif; font-size:22px; line-height:110%; font-weight:normal; font-style:normal; font-variant:normal; text-align:left; color:var(--CBlack); background-color:transparent; } H3 { margin:40px 0px 30px 0px; padding:0px; font-family:var(--FTitle3), sans-serif; font-size:18px; line-height:110%; font-weight:normal; font-style:normal; font-variant:normal; text-align:left; color:var(--CBlack); background-color:transparent; } H4 { margin:35px 0px 20px 0px; padding:0px 0px 5px 0px; font-family:var(--FBasic); font-size: 16px; line-height:110%; font-weight:bold; font-style:normal; font-variant:normal; text-align:left; color: var(--CBlack); background-color:transparent; } H5 { margin: 30px 0px 15px 0px; padding:0px; font-family:var(--FBasic); font-size:15px; line-height:120%; font-weight:bold; font-style:normal; font-variant:normal; text-align:left; color:var(--CBlack); background-color:transparent; } H6 { margin: 25px 0px 10px 0px; padding:0px; font-family:var(--FBasic); font-size:11px; line-height:120%; font-weight:bold; font-style:normal; text-indent:0px; text-align:left; font-variant:normal; color:var(--CBlack); background-color:transparent; } /* ================================================================================================================================ */ hr { height:6px; margin:40px 0px 40px 0px; border:none; color:rgb(218,230,218); background-color:rgb(218,230,218); } br.LF { clear:both; } br.SX { clear:left; } br.DX { clear:right; } p { margin:0px; padding:0px; line-height:130%; } /* ================================================================================================================================ T E X T =============================================================================================================================== */ em { font-style:italic; } i { font-style:italic; } b { font-style:normal; font-weight:bold; } strong { font-style:normal; font-weight:bold;} /* ============================================================================================================================== */ a { color:inherit; font-weight:normal; text-decoration:none; } a:link { color:inherit; text-decoration:none; } a:visited { color:inherit; text-decoration:none; } a:active { color:inherit; text-decoration:none; } a:hover { color:inherit; text-decoration:none; } /* ================================================================================================================================ */ /* ================================================================================================================================ H T M L 5 =============================================================================================================================== */ figure { margin:0px !important; } figcaption { display:block; margin:15px 0px 35px 0px; font-family:var(--FLiteNarrow), sans-serif; font-size: 16px; line-height:120%; font-style:normal; color:black; } figcaption i { font-family:var(--FLiteNarrow), sans-serif; font-size: 16px; line-height:18px; font-style:italic; color:black; } figcaption.copyright { font-size:90%; } /* ================================================================================================================================ */ span.citazione { font-style:italic;} span.caption { font-family:var(--FLite), sans-serif; font-size: 16px; line-height:18px; font-style:normal; color:black; } span.caption i { font-family:var(--FLite), sans-serif; font-size: 16px; line-height:18px; font-style:italic; color:black; } span.focus { padding:10px 15px;height:20px; font-family:Arial; font-weight:800; text-align:left; color:white; background-color:rgb(241,147,20); border-radius:2px; } span.evidence { font-size:14px; color:rgb(224,47,55); font-weight:900; } span.look1 { font-weight:bold; font-variant:normal; color:rgb(224,47,55); background-color:transparent; } span.look2 { padding:1px 10px 2px 10px; font-weight:bold; color:white; background-color:var(--CMark2); border-radius:0px; } span.look3 { padding:1px 10px 2px 10px; font-weight:bold; color:white; background-color:rgb(179,171,159); border-radius:3px; } span.look4 { padding:1px 10px 2px 10px; font-weight:bold; color:rgb(165,182,197); background-color:white; border-radius:3px; } span.groupname {padding:1px 7px 2px 7px; font-weight:bold; color:white; background-color:rgb(255,200,34);border-radius:3px;} /* ================================================================================================================== */ ul { list-style-type: square; } li { } /* ======================================================================================================================================= I M A G E S ====================================================================================================================================== */ img { argin:0px; padding:0px; border:0px; text-decoration:none; } img.sx { clear:none; float:left; margin-right:30px; margin-bottom:15px; } img.sxl { clear:none; float:left; margin-right:50px; margin-bottom:25px; } img.sxs { clear:none; float:left; margin-right:15px; margin-bottom:8px; } img.dx { clear:none; float:right; margin-left:30px; margin-bottom:15px; } img.center { display:block; margin:0px auto; } img.pulsante { margin:0px; padding:0px; border:0px; text-decoration:none; cursor:pointer; } /* ================================================================================================================================ F O R M S E I N P U T =============================================================================================================================== */ form { margin:0px; padding:0px; } fieldset { } textarea { } select { } xxxx_option { line-height:20px; margin-bottom:0px; padding: 2px 0px 0px 5px; border-bottom:0px dotted silver;} /* ================================================================================================================================ */ input.fileupload { display:block; float:left; width:200px; height:25px; margin:0px; padding:0px ; font:11px/23px Arial; font-weight:bold; text-align:center; cursor:pointer; color:rgb(80,169,86); background-color:white; border:1px solid gray; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } input.immagine { margin:0px; padding:0px; border:0px; cursor:pointer; border:0px solid gray; } /* ================================================================================================================================ */ /* ================================================================================================================================ T A B L E S - Formattazione di base semplice, con righe alternate in colore =============================================================================================================================== */ table { width:98%; border:1px solid rgb(207,209,222); background:rgb(255,255,255); margin:20px 0px 40px 0px; border-top:none; border-radius:4px; } table caption { padding: 20px 25px; font-family:var(--FLiteNarrow); font-size: 20px; line-height:24px; font-weight:normal; text-align:center; color:black; background-color:rgb(204,219,204); } thead { box-sizing:border-box; } th { padding:10px 15px; } tbody { box-sizing:border-box; margin:0px 0px; border-top: 0px solid rgb(204,219,204);} tr { } tr:nth-child(even) { background-color:rgb(246,248,246); } td { padding:10px 15px 20px 15px; vertical-align:top; font-size:14px; text-align:left; border-collapse:separate; } td unit { display:block; padding:10px 0px; border-bottom:1px dotted silver; } td H4 { margin:0px; padding:0px; margin: 10px 0px 15px 0px; font-family: var(--FBasic), sans-serif; font-size:20px; line-height:21px; font-weight:bold; font-style:normal; text-indent:0px; text-align:left; text-transform:lowercase; font-variant:small-caps; color:gray; border:0px solid red; } tfoot { background-color: rgb(235,240,235); } tfoot td { padding:20px 25px; } /* ================================================================================================================================ F R A M E =============================================================================================================================== */ iframe { border:none;} /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| ARTICLE TEXT ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ div.Article-TEXT img { max-width:100% !important; } div.Article-TEXT a.lk-normal { color:black; padding:1px 2px 1px 25px;background-image:url(../images/ico-link-normal.png); } div.Article-TEXT a.lk-normal:hover { color:red; } div.Article-TEXT a.highlight { color:black; padding:1px 2px; background-color:rgb(254,234,122); } div.Article-TEXT a.highlight:link { } div.Article-TEXT a.highlight:visited { } div.Article-TEXT a.highlight:hover { color:red; } div.Article-TEXT a.lk-image { color:black; padding:1px 2px 1px 25px;background-image:url(../images/ico-link-image.png); } div.Article-TEXT a.lk-image:hover { color:red; } div.Article-TEXT a.lk-video { color:rgb(47,168,68); color:teal; font-variant:small-caps; padding:1px 2px 1px 25px; background-image:url(../images/ico-link-video.png); } div.Article-TEXT a.lk-video:hover { color:red; } div.Article-TEXT a.lk-audio { color:black; padding:1px 2px 1px 25px;background-image:url(../images/ico-link-audio.png); } div.Article-TEXT a.lk-audio:hover { color:red; } div.Article-TEXT a.lk-graphic { color:black; padding:1px 2px 1px 25px;background-image:url(../images/ico-link-graphic.png); } div.Article-TEXT a.lk-graphic:hover { color:red; } div.Article-TEXT a.lk-table { color:black; padding:1px 2px 1px 25px;background-image:url(../images/ico-link-table.png); } div.Article-TEXT a.lk-table:hover { color:red; } div.Article-TEXT a.lk-wikipedia { color:black; padding:1px 2px 1px 25px;background-image:url(../images/ico-link-wikipedia.png); } div.Article-TEXT a.lk-table:hover { color:red; } span.Article-FirstLetter { display:block; float:left; padding:5px 8px 4px 0px; font-size: 70px; font-weight:bold; font-style:normal; color:rgb(240,204,155); text-transform:uppercase; line-height:80%; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.End { text-align:left; } div.End:first-letter { display:block; float:left; padding:5px 8px 4px 0px; font-size: 60px; font-weight:bold; font-style:normal; color:rgb(240,204,155); text-transform:uppercase; line-height:80%; } /* ================================================================================================================================ D I V S =============================================================================================================================== */ div.Alert1 { display: block; box-sizing:border-box; margin:20px 0px 20px 0px; padding:20px 30px 30px 30px; border:1px solid silver; overflow:hidden; background-color:white; border-radius:3px; background-repeat:no-repeat; } div.Quote { margin:0px 0px 25px 0px; padding: 25px 25px 25px 110px; min-height:70px; color:white; color:black; background-color:rgb(217,221,230); background-image:url(../images/div-quote.png); background-position: 15px 25px; background-repeat:no-repeat;} div.Message1 { display: block; margin:20px 0px 20px 0px; padding:15px 30px 25px 30px; font-family:var (--FBasic); font-size:18px; font-style:normal;font-weight:bold; letter-spacing: 0px; color:var(--Mark2); background-color:white; border:1px solid var(--CSilverLight); overflow:hidden; border-radius:0px;} div.Profile { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-settings.png); background-position:20px 15px; } div.FunzioniUtente { max-width:600px; padding-left: 50px; padding-right:50px; ackground-image:url(../images/div-funzioni-utente.png); background-position:20px 15px; } div.Contacts { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-contatti.png);background-position:20px 15px; } div.Privacy { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-privacy.png); background-position:20px 15px; } div.Newsletter { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-newsletter.png); background-position:20px 15px; } div.FRAME-BASIC { display: block; margin:20px 0px 20px 0px; padding:15px 30px 25px 30px; border:3px double silver; overflow:hidden; background-color:white; border-radius:3px; } div.GUIDE { display: block; box-sizing:border-box; margin:20px 0px 20px 0px; padding:15px 30px 25px 30px; border:3px double silver; overflow:hidden; background-color:white; border-radius:3px; background-repeat:no-repeat; } div.GUIDE H2 { font-family:var(--FBasic); font-size:20px; line-height:22px; margin-top:0px; margin-top:0px; margin-bottom:25px; color:var(--CBlack); background:none; border:none !important; } div.GUIDE H3 { margin-top:0px;} /* ========================================================================================================================== */ section.FRAME1 { display: block; box-sizing:border-box; margin:20px 0px 20px 0px; padding:15px 30px 25px 30px; border:3px double silver; overflow:hidden; background-color:white; border-radius:3px; background-repeat:no-repeat; } section.FRAME1 H2 { font-family:var(--FBasic); font-size:20px; line-height:22px; margin-top:0px; margin-top:0px; margin-bottom:25px; color:black; background:none; border:none !important; } section.FRAME1 H3 { margin-top:0px;} section.FRAME-Simple { display: block; box-sizing:border-box; margin:20px 0px 20px 0px; padding:20px 30px 30px 30px; border:1px solid silver; overflow:hidden; background-color:white; border-radius:3px; background-repeat:no-repeat; } section.Quote { margin:0px 0px 25px 0px; padding: 25px 25px 25px 110px; min-height:70px; color:white; color:black; background-color:rgb(217,221,230); background-image:url(../images/div-quote.png); background-position: 15px 25px; background-repeat:no-repeat;} section.Profile { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-settings.png); background-position:20px 15px; } section.FunzioniUtente { max-width:600px; padding-left: 50px; padding-right:50px; ackground-image:url(../images/div-funzioni-utente.png); background-position:20px 15px; } section.Contacts { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-contatti.png);background-position:20px 15px; } section.Privacy { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-privacy.png); background-position:20px 15px; } section.Newsletter { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-newsletter.png); background-position:20px 15px; } /* ========================================================================================================================== */ /* DIVS come stili del PANNELLO UTENTE */ div.UserPanel { display: block; box-sizing:border-box; margin:20px 0px 20px 0px; padding:15px 30px 25px 30px; border:1px solid var(--CSilverLight); overflow:hidden; background-color:white; border-radius:3px; background-repeat:no-repeat; } div.UserPanel H2 { padding-left:0px; font-family:var(--FBasic); font-size:20px; line-height:22px; margin-top:0px; margin-top:0px; margin-bottom:25px; color:black; background:none; border:none !important; } div.UserPanel H3 { margin-top:0px;} div.Profile { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-settings.png); background-position:20px 15px; } div.FunzioniUtente { max-width:600px; padding-left: 50px; padding-right:50px; ackground-image:url(../images/div-funzioni-utente.png); background-position:20px 15px; } div.Contacts { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-contatti.png);background-position:20px 15px; } div.Privacy { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-privacy.png); background-position:20px 15px; } div.Newsletter { max-width:600px; padding-left: 110px; padding-right:50px; background-image:url(../images/div-newsletter.png); background-position:20px 15px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------------------------------------------------ */ div.GUIDE2 { display: block; margin:20px 0px 20px 0px; padding:15px 30px 25px 30px; border:3px double silver; overflow:hidden; background-color:rgb(245,245,250); } div.GUIDE2 H2 { margin-top:0px; margin-bottom:25px; } /* ------------------------------------------------------------------------------------------------------------------------------------ */ div.GUIDE3 { display: block; margin:10px 0px 20px 0px; padding:10px 20px 10px 20px; overflow:hidden; background-color:rgb(250,250,245); border:0px double silver; border-radius:4px;} /* ================================================================================================================================ */ div.MESSAGE { display: block; margin:20px 0px 20px 0px; padding:15px 30px 25px 30px; font-family:var (--FBasic); font-size:18px; font-style:normal;font-weight:bold; letter-spacing: 0px; color:var(--Mark2); background-color:white; border:1px solid var(--CSilverLight); overflow:hidden; border-radius:0px;} /* ================================================================================================================================ */ /* ========================================================================================================= /* ================================================================================================================================ */ div.Writing { font-family: var(--FWriting); font-size:24px; line-height:32px; font-weight:normal; } div.Sign { font-family: var(--FSign); font-size:24px; line-height:32px; font-weight:normal; text-align:left; padding-left:10px; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||| d i v s - s p e c i f i c |||||||||||||||||||||||||||||||||||||||||||||||||||| */ section.Quote { margin:0px 0px 25px 0px; padding: 25px 25px 25px 110px; min-height:70px; color:white; color:black; background-color:rgb(217,221,230); background-image:url(../images/div-quote.png); background-position: 15px 25px; background-repeat:no-repeat;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ section.Pathology { display:block; box-sizing:border-box; min-height:100px; margin:30px 0px 30px 0px; padding:25px 35px 30px 100px; background-color:rgb(235,243,235); background-image:url(../images/div-path.png); background-repeat:no-repeat; border-radius:0px; background-position:15px 20px;} section.Pathology H3 { margin-top:0px; line-height:110% !important;color:var(--CBlack); background:none !important; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ section.Clinic { display:block; box-sizing:border-box; min-height:100px; margin:30px 0px 30px 0px; padding:25px 35px 30px 100px; background-color:white; background-image:url(../images/div-clinic.png); background-repeat:no-repeat; border-radius:0px; background-position:15px 20px;} section.Clinic H3 { margin-top:0px; line-height:110% !important; color:var(--CBlack); background:none !important;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ section.Diagnosis { display:block; box-sizing:border-box; min-height:100px;margin:20px 0px; padding: 20px 30px; background:white; font-size:14px;} section.Diagnosis H3 { margin:0px 0px 20px 0px; padding-top:0px;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ section.References { display:block; box-sizing:border-box; min-height:100px;font-family:var(--FBasic); margin:10px 0px; padding: 0px; font-size: 14px; line-height:125%;} section.References i { font-family:var(--FBasic); font-size:14px; font-style:normal; font-weight:normal; } section.References H4 { display:inline-block; clear:both; margin-top:40px; padding:8px 15px; color:white; background:rgb(159,186,159); font-weight:bold; border-radius:4px; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ section.Story { display:block; box-sizing:border-box; min-height:100px; margin:10px 0px; padding: 25px 35px 30px 35px; background-color:rgb(248,243,237); font-size:15px; line-height:125%;border-top:1px solid rgb(220,220,220); border-bottom:1px solid rgb(220,220,220);} section.Story h3 { margin-top:0px;color:var(--CBlack); } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ section.Outlook { display:block; box-sizing:border-box; min-height:100px; margin:20px 0px; padding:25px 40px 30px 40px; border:3px double silver; border-radius:4px; } section.Outlook H3 { margin-top:0px; padding:15px 20px; color:rgb(50,50,50); background-color:rgb(230,238,230); } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ section.Banking { display: block; box-sizing:border-box; min-height:100px; margin:20px 0px 20px 0px; padding:30px 30px 35px 120px; border:1px solid silver; overflow:hidden; background-color:white; border-radius:3px; background-repeat:no-repeat; background-image:url(../images/div-banking.png); background-position:20px 15px; } section.Banking h3 { margin-top:0px; font-family:var(--FBasic); } /* ||||||||||||||||||||||||||||||||||||||||||||| LEGACY ||||||||||||||||||||||||||||||||||||||||||||| */ div.PATH { display:block; min-height:100px; margin:30px 0px 30px 0px; padding:15px 35px 30px 100px; background-color:rgb(235,243,235); background-image:url(../images/div-path.png); background-repeat:no-repeat; border-radius:0px; background-position:15px 20px;} DIV.PATH H3 { margin-top:0px; line-height:110% !important; background:none !important;} /* ------------------------------------------------------------------------------------------------------------------------------------ */ DIV.CLINIC { display:block; min-height:100px; margin:30px 0px 30px 0px; padding:15px 35px 30px 100px; background-color:white; background-image:url(../images/div-clinic.png); background-repeat:no-repeat; border-radius:0px; background-position:15px 20px;} DIV.CLINIC H3 { margin-top:0px; line-height:110% !important; background:none !important;} /* ------------------------------------------------------------------------------------------------------------------------------------ */ div.DIAGNOSIS { margin:20px 0px; padding: 20px 30px; background:white; font-size:14px;} div.DIAGNOSIS H3 { margin:0px 0px 20px 0px; padding-top:0px;} div.REFERENCES { font-family:var(--Basic); font-size: 14px; line-height:20px; margin:10px 0px; padding: 0px; } div.REFERENCES i { font-family:var(--Basic); font-size:14px; font-style:normal; font-weight:normal; } /* ------------------------------------------------------------------------------------------------------------------------------------ */ DIV.REFERENCES H4 { display:inline-block; clear:both; margin-top:40px; padding:8px 15px; color:white; background:rgb(159,186,159); font-weight:bold; border-radius:4px; } /* ------------------------------------------------------------------------------------------------------------------------------------ */ div.STORY { font-size: 15px; line-height:20px; margin:10px 0px; padding: 20px 35px 30px 35px; background-color:rgb(248,243,237); border-top:1px solid rgb(220,220,220); border-bottom:1px solid rgb(220,220,220);} div.STORY h3 { margin-top:0px; } /* ------------------------------------------------------------------------------------------------------------------------------------ */ div.OUTLOOK { margin:20px 0px; padding:25px 40px 30px 40px; border:3px double silver; border-radius:4px; } div.OUTLOOK H3 { margin-top:0px; padding:15px 20px; color:rgb(50,50,50); background-color:rgb(230,238,230); } /* ------------------------------------------------------------------------------------------------------------------------------------ */ div.VIDEO { max-width:560px; margin-top:30px; padding:10px 15px; background-color:rgb(209,214,224); border-radius:5px;} div.VIDEOCORSO { margin-top:30px; padding:10px 15px; background-color:rgb(209,214,224); border-radius:5px;} h5.VIDEO-SOURCE { width:390px; margin:0px; padding:5px 15px 5px 15px; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height:15px; font-weight:bold; font-style:normal; font-variant:normal; text-align:left; letter-spacing:0px; text-indent:0px; color:white; background:black; border:none; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } DIV.VIDEOLOAD { display:inline-block; overflow:hidden; clear:both; border:10px solid rgb(145,179,142); border-radius:6px; } /* ------------------------------------------------------------------------------------------------------------------------------------ */ div.BANKING { display: block; box-sizing:border-box; margin:20px 0px 20px 0px; padding:30px 30px 35px 120px; border:1px solid silver; overflow:hidden; background-color:white; border-radius:3px; background-repeat:no-repeat; background-image:url(../images/div-banking.png); background-position:20px 15px; } div.BANKING h3 { margin-top:0px; font-family:var(--Basic); } /* ====================================================================================================================== D I V S M o d e l ======================================================================================================================*/ div.FLEFT { float:left; clear:none; margin:0px 40px 20px 0px;} div.FRIGHT { float:right; clear:none; margin:0px 0px 20px 40px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .RMLEFT { Float:left; clear:none; padding-right:20px; border:none; border-right:1px solid black; Width:150px; margin:30px; margin-left:20px; margin-right:40px; font-size:110%; color:rgb(128,146,179); text-align:left; } .RMRIGHT { float:right; padding-left:20px; border:none; border-left:1px solid black; width:150px; margin:30px; margin-right:20px; margin-left:40px; font-size:110%; color:rgb(128,146,179); } /* ====================================================================================================================== A L E R T ======================================================================================================================*/ DIV.ALERT-FATAL { display:block; z-index:100; clear:both; margin:30px 10px 30px 0px; padding:15px 30px 15px 90px; font-family:'Arimo'; font-size:15px; font-weight:normal; color:white; text-align:left; background-color:rgb(228,1,1); background-image:url(../images/alert-fatal.png); background-repeat:repeat-y; border-radius:4px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ DIV.ALERT-CMS { display:block; z-index:100; clear:both; margin:30px 10px 30px 0px; padding:15px 30px 15px 90px; color:black; background-color:rgb(247,222,83); background-image:url(../images/alert-cms.png); background-repeat:repeat-y; border-radius:4px; } DIV.ALERT-CMS H3 { margin-top:0px;color:black; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ DIV.ALERT-CHECK { display: block; margin:30px 0px 30px 0px; padding:15px 40px 25px 75px; border:3px double silver; overflow:hidden; color:black; background-color:rgb(239,237,228); background-image:url(../images/alert-check.png); background-repeat:no-repeat; background-position:18px 16px; border-radius:3px;} DIV.ALERT-CHECK H2 { font-family:var(--FBasic); font-size:20px; line-height:22px; margin-top:0px; margin-top:0px; margin-bottom:25px; color:black; background:none; } DIV.ALERT-CHECK H3 { margin-top:0px;color:black; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ DIV.ALERT-STEP { display: block; margin:30px 0px 30px 0px; padding:15px 40px 25px 75px; border:3px double silver; overflow:hidden; background-color:rgb(239,237,228); background-image:url(../images/alert-step.png); background-repeat:no-repeat; background-position:18px 16px; border-radius:3px; } DIV.ALERT-STEP H2 { margin-top:0px; margin-top:0px; margin-bottom:25px; font-family:var(--FBasic); font-size:20px; line-height:22px; color:black; background:none; } DIV.ALERT-STEP H3 { margin-top:0px; color:black;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ DIV.ALERT-MESSAGE { display:block; z-index:100; clear:both; margin:30px 10px 30px 0px; padding:25px 30px 25px 90px; color:black; background-color:rgb(247,222,83); background-image:url(../images/alert-cms.png); background-repeat:repeat-y; border-radius:4px; } DIV.ALERT-MESSAGE H3 { margin-top:0px; color:black;} DIV.ALERT-MESSAGE li { display:block; width:300px; margin:3px 5px; padding:5px 10px; color:black; background-color:rgb(250,250,245); border-radius:3px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ DIV.ALERT-SIMPLE { display:block; clear:both; margin:0px 15px 10px 0px; padding:15px 20px; color:var(--BlackLight); background-color:white; border:1px solid var(--SilverLight); border-radius:5px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ h1.REQUESTER-Title { display:block; margin:0px 0px 0px 0px; padding:20px 20px 25px 20px; font-family: var(--Basic); font-size:30px; font-weight:normal; text-align:center; text-transform:lowercase; font-variant:small-caps; color:var(--BlackLight); border-radius:0px; } /* ================================================================================================================================ */ div.NEWSLETTER-Heading { display:block; position:relative; height:80px; margin:0px 0px 20px 0px; padding:30px 30px 10px 130px; font-family: 'Roboto Condensed', sans-serif; font-size:20px; line-height:26px; font-style:normal; font-weight:bold; text-align:left; color:gray; background-color:transparent; background-image:url(../images/newsletter-caption.png); background-repeat:no-repeat; border:none; border-bottom:15px solid rgb(211,224,211);} /* ================================================================================================================================ */ /* ========================= BOH ! ========================= */ div .highslide-dimming { background:none;} /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| E D I T O R F r a m e ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ BODY#tinymce { padding:20px 30px; font-family:var(--Basic); font-size:15px; line-height:135%;} .keylink1 { display:inline-block; box-sizing:border-box; in-height:42px; min-width:140px; margin:0px; padding:12px 20px 14px 20px; font-size:15px; line-height:120%; font-weight:normal; font-variant:normal; letter-spacing:0px; text-align:center; text-align:center; cursor:pointer; border:1px solid transparent; border-radius:2px; } /* ========================================================================================================= < P O W E R L I N K > ======================================================================================================= */ .power { display:inline-block; box-sizing:border-box; min-width:140px; margin:0px; padding:12px 20px 14px 20px; font-size:15px; line-height:120%; font-weight:normal; font-variant:normal; letter-spacing:0px; text-align:center; text-align:center; cursor:pointer; border:1px solid transparent; border-radius:0px; background-repeat:no-repeat !important; } .power-small { display:inline-block; box-sizing:border-box; min-width:140px; margin:0px; padding:8px 15px 10px 15px; font-size:15px; line-height:120%; font-weight:normal; font-variant:normal; letter-spacing:0px; text-align:center; text-align:center; cursor:pointer; border:1px solid transparent; border-radius:2px; } .widget-links { color:white !important ; background-color:var(--Panel) !important; } /* Normal Links ----------------------------------------------------------------------------------------------------------------------------------- */ .normal-links { color:var(--CBlack) !important ; background-color:var(--CButton1) !important ; } .normal-links:hover { color:black !important; background-color:white!important ; border:1px solid silver; } powerlink.normal-links:before { content: 'POWERLINK Normal - Salva articolo per vedere il pulsante'; display:block; argin-bottom:15px; color: var(--BlackLight); } /* Ok Links ----------------------------------------------------------------------------------------------------------------------------------- */ .ok-links { color:white !important ; background-color:var(--CButton2) !important; border:1px solid transparent !important;} .ok-links:hover { color:black !important; background-color:white !important; border:1px solid silver !important; } powerlink.ok-links:before { content: 'POWERLINK Okay'; display:block; margin-bottom:15px; color: white;} /* Cancel Links ----------------------------------------------------------------------------------------------------------------------------------- */ .cancel-links { color:black !important; background-color:rgb(249,219,128) !important; } .cancel-links:hover { color:black !important; background-color:white !important; border:1px solid silver; } powerlink.cancel-links:before { content: 'POWERLINK Cancel'; display:block; margin-bottom:15px; color: var(--CBlack); } /* Slide Links ----------------------------------------------------------------------------------------------------------------------------------- */ .slide-links { color:white !important ; background-color:var(--CButtonSlide) !important; border:1px solid transparent !important;} .slide-links:hover { color:black !important; background-color:white !important; border:1px solid silver !important; } powerlink.ok-links:before { content: 'POWERLINK Okay'; display:block; margin-bottom:15px; color: white;} /* Register Links ----------------------------------------------------------------------------------------------------------------------------------- */ .register-links { color:white !important ; background-color:var(--CButtonRegister); } .register-links:hover { color:black !important; background-color:white !important; border:1px solid silver; } registerlink:before { content: 'REGISTERLINK'; display:block; margin-bottom:15px; color: white; } /* Action Links ----------------------------------------------------------------------------------------------------------------------------------- */ .action-links { color:white !important ; background-color:var(--CButtonAction); } .action-links:hover { color:var(--CAction) !important; background-color:white !important; border:1px solid silver; } /* Download Links ----------------------------------------------------------------------------------------------------------------------------------- */ .download-links { color:white !important ; background-color:var(--CButtonAction); background-image:url(../../ftml/ico-powerlink-download.png) !important; padding-left:50px !important; background-position: 7px 7px !important; border-radius:3px !important; } .download-links:hover { padding-left:50px !important; color:var(--CButtonAction) !important; background-color:white !important; border:1px solid silver; } /* Graphic Links ----------------------------------------------------------------------------------------------------------------------------------- */ .graphic-links { min-width:initial; padding:0px !important; background-color:transparent !important; } .graphic-links:hover { } powerlink.graphic-links:before { content: 'POWERLINK Image'; display:block; margin-bottom:15px; color: var(--CBlack); } /* ======================================================================================== XLINK - Crea box grafico specifico per il tipo di link (PDF, ebook, ZIP ecc) =====================================================================================*/ .XLINK { display:block;clear:both; max-width:400px; min-height:70px; padding:20px 20px 20px 90px; font-family:var(--Basic); font-size:15px; line-height:130%; font-weight:normal; background-repeat:no-repeat; background-position:10px 10px; border:1px solid silver; border-radius:3px;} div.XLINK h4 { margin-top:0px; font-family:var(--Basic); font-size:16px; font-weight:700; font-style:normal; text-align:left; font-variant:normal; color:rgb(70,70,70); background-color:transparent; } div.XLINK-Poster { box-sizing:border-box;padding:10px; } div.XLINK-Poster img { box-sizing:border-box; max-width:530px; border:4px solid silver; } ftml.XLINK:after { content: 'Salva l\'articolo per vedere il widget completo di titolo e pulsante di download'; display:block; font-weight:bold; margin-top:10px; ont-size:90%; color: rgb(240,87,60);} .xlink-image { background-image:url(../../ftml/ico-xlink-image.png); } .xlink-image:before { content: 'Widget IMAGE'; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-pdf { background-image:url(../../ftml/ico-xlink-pdf.png);} .xlink-pdf:before { content: 'Widget PDF'; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-doc { background-image:url(../../ftml/ico-xlink-doc.png); } .xlink-doc:before { content: 'Widget DOC'; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-zip { background-image:url(../../ftml/ico-xlink-zip.png); } .xlink-zip:before { content: 'Widget ZIP'; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-calc { background-image:url(../../ftml/ico-xlink-calc.png); } .calc:before { content: 'Widget CALC'; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-ebook { background-image:url(../../ftml/ico-xlink-ebook.png); } .xlink-ebook:before { content: 'Widget EBOOK'; display:block; margin-bottom:0px; font-weight:bold; color:rgb(82,218,85); } .xlink-slide { background-image:url(../../ftml/ico-xlink-slide.png); } .xlink-slide:before { content: 'Widget SLIDE'; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-audio { background-image:url(../../ftml/ico-xlink-audio.png); } .xlink-audio:before { content: 'Widget AUDIO'; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-video { background-image:url(../../ftml/ico-xlink-video.png); } .xlink-video:before { content: 'Widget VIDEO'; display:block; margin-bottom:15px;font-weight:bold; color:rgb(82,218,85); } .xlink-youtube { background-image:url(../../ftml/ico-xlink-youtube.png); } .xlink-youtube:before { content: 'Widget YOUTUBE'; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-group { background-image:url(../../ftml/ico-xlink-group.png); } .xlink-group:before { content: 'Social Network Group '; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } .xlink-event { background-image:url(../../ftml/ico-xlink-event.png); } .xlink-event:before { content: 'Social Network Event '; display:block; margin-bottom:15px; font-weight:bold; color:rgb(82,218,85); } /* ======================================================================================== REFLINK - Crea un link bibliografico con icona specifica del tipo ========================================================================================*/ .REFLINK { display:block; box-sizing:border-box; min-height:26px; margin:0px 0px 0px 0px; padding: 10px 20px 12px 55px; color:var(--BlackLight); background-color:transparent; background-repeat:no-repeat; background-position:5px center; border-bottom:1px solid silver; border-radius:0px; } div.REFLINK[href]:hover { background-color:var(--Light1); } * [class='REFLINK normal'] { background-image:url(../../ftml/ico-reflink-normal.png); } * [class='REFLINK pdf'] { background-image:url(../../ftml/ico-reflink-pdf.png); } * [class='REFLINK doc'] { background-image:url(../../ftml/ico-reflink-doc.png); } * [class='REFLINK wikipedia'] { background-image:url(../../ftml/ico-reflink-wikipedia.png); } * [class='REFLINK audio'] { background-image:url(../../ftml/ico-reflink-audio.png); } * [class='REFLINK video'] { background-image:url(../../ftml/ico-reflink-video.png); } * [class='REFLINK ebook'] { background-image:url(../../ftml/ico-reflink-ebook.png); } * [class='REFLINK slide'] { background-image:url(../../ftml/ico-reflink-slide.png); } * [class='REFLINK youtube'] { background-image:url(../../ftml/ico-reflink-youtube.png); } * [class='REFLINK nolink'] { background-image:url(../../ftml/ico-reflink-nolink.png); } /* ======================================================================================== P l u g i n ========================================================================================*/ ftml.photogallery { max-width:200px; min-height:85px; padding:10px 20px 10px 125px; background-image:url(../../ftml/ico-plugin-photogallery.png); background-position:8px 3px;} /* ===================================================================================================================== L A N G U A G E L E V E L ===================================================================================================================== */ it { display:block; clear:both; margin:10px 0px; padding:35px 20px 20px 20px; background-color:rgb(240,240,230); background-image:url(../images/area-it.png); background-repeat:no-repeat; background-position: 0px 3px; border:1px dotted black; border-radius:3px;} en { display:block; clear:both; margin:10px 0px; padding:35px 20px 20px 20px; background-color:rgb(240,240,230); background-image:url(../images/area-en.png); background-repeat:no-repeat; background-position: 0px 3px; border:1px dotted silver; border-radius:3px;} /* ===================================================================================================================== A R E A L E V E L ===================================================================================================================== */ arealevel { display:block; clear:both; margin:10px 0px; padding:20px 20px 20px 50px; background-color:rgb(250,250,240); background-image:url(../images/arealevel-lock.png); background-repeat:no-repeat; background-position: 15px 15px; border:1px dotted silver; border-radius:3px;} arealevel:after { content: 'Salva l\'articolo per vedere il box completo'; display:block; margin-top:10px; ont-size:90%; color: rgb(240,87,60);} /* =============================================================================================================== */ /* Livello Registered */ arealevel.access2:before { content:'AccessLevel = Registered'; display:block; margin-bottom:10px; color:rgb(82,218,85);} /* Livello Platform Developer */ arealevel.access10:before { content:'AccessLevel = Developer'; display:block; margin-bottom:10px; color:rgb(82,218,85);} /* Livello AMSCE Basic */ arealevel.access31 { content:'AccessLevel = AMSCE Basic'; display:block; margin-bottom:10px; color:rgb(82,218,85);} /* Livello JRDR - WHO Taskforce Level */ arealevel.access51 { content:'AccessLevel = JRDR WHO Taskforce'; display:block; margin-bottom:10px; color:rgb(82,218,85);} /* Livello DOCTORS */ arealevel.access100:before{ content:'AccessLevel = Doctors'; display:block; margin-bottom:10px; color:rgb(82,218,85);} /* Livello VOLONTARI ENGERA */ arealevel.access40:before{ content:'AccessLevel = Volontari'; display:block; margin-bottom:10px; color:rgb(82,218,85);} /* ===================================================================================================================== P L U G I N S T Y L E ===================================================================================================================== */ xvideo { display:block; clear:both; margin:10px 0px; padding:8px 10px 10px 40px; background-color:rgb(240,240,230); background-image:url(../images/plugin-video.png); background-repeat:no-repeat; background-position: 10px 10px; border:1px dotted silver; border-radius:3px; border:1px dotted silver;} /* ================================================================================================================= < D O W N L O A D > =============================================================================================================== */ /* ================================================================================================== L I N K S ================================================================================================ */ /* LINK INTERNO AL SITO WEB - ============================================================================================ */ a.wbs-links { padding:2px 4px; font-weight:normal; font-variant:normal; text-decoration:none; text-align:left; text-transform:none; color:white; border:none; background-color:rgb(189,196,213); border-radius:2px; cursor:pointer;} a.wbs-links:link { color:white; border:none; } a.wbs-links:visited { color:white; border:none; } a.wbs-links:active { color:white; border:none; } a.wbs-links:hover { color:white; border:none; } /* LINK - (tipo di link stilizzabile a piacere) ============================================================================================ */ a.links1 { padding:2px 4px; font-weight:normal; font-variant:normal; text-decoration:none; text-align:left; text-transform:none; color:white; border:none; background-color:rgb(172,181,202);border-radius:2px; cursor:pointer;} a.links1:link { color:white; border:none; } a.links1:visited { color:white; border:none; } a.links1:active { color:white; border:none; } a.links1:hover { color:white; border:none; } /* LINK IMAGE ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ a.image-links { display:block; float:left; width:150px; height:30px; text-align:center; margin:5px; padding:120px 0px 0px 0px; border:1px solid red; font-size:13px;line-height:14px; font-style:normal; font-weight:normal; font-variant:normal; color:gray; letter-spacing:0px; text-decoration:none; cursor:pointer; border:1px solid gray; background-repeat:no-repeat; border-radius:2px; text-decoration:none;} a.image-links:link { color:gray;} a.image-links:visited { color:gray;} a.image-links:active { color:yellow;} a.image-links:hover { color:yellow; text-decoration:none; } a.image-links .nohover:hover { color:gray; text-decoration:none; } a.image-links .nohover:hover { color:gray; text-decoration:none; } /* ImageLinks JUMP con testo flottante sull'hover ---------------------------------------------------------------------- */ a.image-links-jump { display:block; float:left; width:140px; height:20px; text-align:center; overflow:hidden; margin:0px 5px 10px 0px; padding:120px 0px 0px 0px; font: 15px/16px 'Arimo', 'Arial Narrow'; color:rgb(120,134,96); font-weight:normal; font-style:normal; font-variant:normal; text-decoration:none; text-shadow: none; background-repeat:no-repeat; border:0px; border:0px dotted silver; cursor:pointer; border-radius:0px; } a.image-links-jump:link { color:black;} a.image-links-jump:visited { color:black;} a.image-links-jump:active { color:red;} a.image-links-jump:hover { color:black; background-image:none; padding-top:100px; height:30px; line-height:30px;} a.image-links-jump span { font: 15px/16px 'Arimo', 'Arial Narrow'; color:rgb(120,134,96); font-weight:normal; font-style:normal; font-variant:normal; } /* Image Website 150 pixel (Immagini cliccabili dei siti web della piattaforma) ------------------------------------------------------------------------ */ a.image-website { display:block; float:left; vertical-align:top; width:150px; height:30px; text-align:center; margin:0px 30px 20px 0px; padding:120px 0px 0px 0px; border:1px solid red; font-size:13px;line-height:14px; font-style:normal; font-weight:normal; font-variant:normal; color:white; letter-spacing:0px; text-decoration:none; cursor:pointer; border:3px double silver; background-repeat:no-repeat; border-radius:2px; text-decoration:none;} a.image-website:link { color:white;} a.image-website:visited { color:white;} a.image-website:active { color:yellow;} a.image-website:hover { color:yellow; text-decoration:none; } /* Image Website 150 pixel (funzioni dei siti web della piattaforma) -------------------------------------------------------------- */ a.image-functions { display:block; float:left; vertical-align:top; width:150px; height:30px; text-align:center; margin:0px 15px 20px 0px; padding:120px 0px 0px 0px; font-size:13px;line-height:14px; font-style:normal; font-weight:normal; font-variant:normal; color:white; letter-spacing:0px; text-decoration:none; cursor:pointer; border:1px dotted silver; background-repeat:no-repeat; border-radius:2px; text-decoration:none;} a.image-functions:link { color:white;} a.image-functions:visited { color:white;} a.image-functions:active { color:yellow;} a.image-functions:hover { color:yellow; text-decoration:none; } /* CLASSI generali ----------------------------------------------------------------------- */ a.nohover { color:gray !important; text-decoration:none; } a.nohover:hover { color:gray !important; text-decoration:none; } /* CLASSI aggiuntive per casi particolari ----------------------------------------------------------- */ a.ico-functions { border:0px; } a.ico-download { border:0px; margin-right:30px; margin-bottom:20px; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| F T M L c m d |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ div.FTML-Command { max-width:400px; padding:10px 20px; border:10px solid var(--Okay); } /* ======================================================================================================================================= FTML cmd = X L I N K Genera un widget grafico e testuale con pulsante di download ====================================================================================================================================== */ /* ======================================================================================================================================= FTML Cmd = FLEXMODULE Genera box di presentazione contenuto con link ====================================================================================================================================== */ div.FlexModule1 { position:relative; overflow:hidden; box-sizing:border-box; margin:10px; background:white; border-radius:5px; border:0px solid black;} /* ================================================================================================================================ */ div.FlexModule1 div.XM-Image { } div.FlexModule1 img { display:block; box-sizing:border-box; width:100%; max-width:initial !important; } div.FlexModule1 div.XM-Content { margin:0px auto; padding:20px 25px; overflow:hidden; box-sizing:border-box; border:0px solid black; font-size:15px; line-height:18px; color:rgb(50,50,50); text-align:left; text-shadow: none; background:none; } div.FlexModule1 div.XM-Content h1 { margin-top:0px; padding-top:0px; font-family:'Nunito'; font-size:28px; color:var(--Black); text-align:center; } div.FlexModule1 div.XM-Content h2 { margin:5px 0px 25px 0px; padding-top:0px; font-family:'Nunito'; font-size:28px; color:var(--Black); text-align:center; } /* ================================================================================================================================ */ div.FlexModule1 div.XM-Readmore { display:block; clear:both; padding:20px 0px; Height:auto; text-align:center; } div.FlexModule1 div.XM-Readmore span { display:inline-block; clear:both;padding:10px 20px; font-size:16px; font-weight:normal; color:white; background-color:rgb(176,206,176); border-radius:3px; border:1px solid transparent;} div.FlexModule1 div.XM-Readmore span:hover { cursor:pointer; color:gray; background:white; border-color:rgb(150,150,150);} /* ================================================================================================================================ */ /* ======================================================================================================================================= WIDGET - Class = Widget1 ====================================================================================================================================== */ div.Widget1 { box-sizing:border-box; overflow:hidden; margin:1px; background-repeat:no-repeat; background-position:center center; } /* ======================================================================================================================= */ div.Widget1 div.XM-Header { box-sizing:border-box; cursor:pointer; font-size:15px; line-height:38px; font-family: Arial,'sans-serif'; font-weight:normal; font-variant:small-caps; text-align:center; text-transform:lowercase; color:black; background-color:rgb(250,250,248); } div.Widget1 div.XM-Header:hover { background-color:rgb(255,236,134);transition-property: background; transition-timing-function: ease; transition-duration:0.1s; } div.Widget1 div.XM-Header H3 { display:block; margin:0px; padding:0px 10px 0px 10px; font-family:var(--Basic); font-size:22px; line-height:38px; text-align:center; font-weight:normal; color:gray; background:none; } /* ======================================================================================================================= */ div.Widget1 div.XM-Content { overflow:hidden; font-size:14px; line-height:15px; color:rgb(50,50,50);ursor:pointer; background-repeat:no-repeat; background-position:center center; } div.Widget1 div.XM-Content:hover { background-image: none !important; } /* ======================================================================================================================= */ div.Widget1 div.XM-Text { padding:10%; text-align:center; } div.Widget1 div.XM-Readmore { padding:0px; height:auto; text-align:center; } div.Widget1 div.XM-Readmore span { display:inline-block;padding:5px 12px; font-size:90%; font-weight:normal; color:white; background-color:rgb(176,206,176); border:1px solid transparent; border-radius:3px;} div.Widget1 div.XM-Readmore span:hover { color:gray; background:white; border:1px solid rgb(220,220,220);} /* ====================================================================================================================== */ /* ======================================================================================================================================= WIDGET - Class = WidgetContact ====================================================================================================================================== */ div.WidgetContact { box-sizing:border-box; overflow:hidden; margin:0px; background-repeat:no-repeat; background-position:center center; border:1px solid silver;} /* ======================================================================================================================= */ div.WidgetContact div.XM-Content { overflow:hidden; font-size:14px; line-height:15px; color:rgb(50,50,50); background-color:transparent; background-repeat:no-repeat; background-position:center center; } div.WidgetContact div.XM-Content:hover { background-image: none !important; } /* ======================================================================================================================= */ div.WidgetContact div.XM-Text { padding:10%; text-align:center; } div.WidgetContact div.XM-Readmore { padding:0px; height:auto; text-align:center; } div.WidgetContact div.XM-Readmore span { display:inline-block;padding:5px 12px; font-size:90%; font-weight:normal; color:white; background-color:rgb(176,206,176); border:1px solid transparent; border-radius:3px;} div.WidgetContact div.XM-Readmore span:hover { color:gray; background:white; border:1px solid rgb(220,220,220);} /* ====================================================================================================================== */ div.WidgetContact div.XM-Header { box-sizing:border-box; cursor:pointer; font-size:15px; line-height:38px; font-family: Arial,'sans-serif'; font-weight:normal; font-variant:small-caps; text-align:center; text-transform:lowercase; color:black; background-color:var(--Light1);} div.WidgetContact div.XM-Header:hover { background-color:white; transition-property: background; transition-timing-function: ease; transition-duration:0.1s; } div.WidgetContact div.XM-Header H3 { display:block; margin:0px; padding:0px 10px 0px 10px; font-family:var(--LiteNarrow); font-size:24px; line-height:38px; text-align:center; font-weight:normal; color:black; text-transform:lowercase; font-variant:small-caps; background:none; } /* ====================================================================================================================== */ /* ======================================================================================================================================= WIDGET TEXT - Class = WidgetText1 ====================================================================================================================================== */ div.WidgetSlide1 { box-sizing:border-box; overflow:hidden; margin:0px; background-repeat:no-repeat; background-position:center center; background-size:cover;} /* ======================================================================================================================= */ div.WidgetSlide1 div.XM-Header { box-sizing:border-box; cursor:pointer; padding:10px 20px; font-size:15px; line-height:38px; font-family: Arial,'sans-serif'; font-weight:normal; font-variant:small-caps; text-align:center; text-transform:lowercase; color:black; background-color:rgb(250,250,248); } div.WidgetSlide1 div.XM-Header:hover { background-color:rgb(255,236,134);transition-property: background; transition-timing-function: ease; transition-duration:0.1s; } div.WidgetSlide1 div.XM-Header H3 { display:block; margin:0px; padding:0px 10px 0px 10px; font-family:var(--Basic); font-size:30px; line-height:120%; text-transform:lowercase; font-variant:small-caps; text-align:center; font-weight:normal; color:gray; background:none; } /* ======================================================================================================================= */ div.WidgetSlide1 div.XM-Content { overflow:hidden; font-size:14px; line-height:15px; color:rgb(50,50,50);ursor:pointer; background-repeat:no-repeat; background-position:center center; } div.WidgetSlide1 div.XM-Content:hover { background-image: none !important; } /* ======================================================================================================================= */ div.WidgetSlide1 div.XM-Text { padding:10%; text-align:center; } div.WidgetSlide1 div.XM-Readmore { padding:0px; height:auto; text-align:center; } div.WidgetSlide1 div.XM-Readmore span { display:inline-block;padding:5px 12px; font-size:90%; font-weight:normal; color:white; background-color:rgb(176,206,176); border:1px solid transparent; border-radius:3px;} div.WidgetSlide1 div.XM-Readmore span:hover { color:gray; background:white; border:1px solid rgb(220,220,220);} /* ====================================================================================================================== */ /* ======================================================================================================================================= FTML cmd = TOGGLEdiv Genera un div apribile con click sull'header ====================================================================================================================================== */ div#ToggleDiv1 { display:block; position:relative; overflow:visible; box-sizing:border-box; border:0px solid black;} div#ToggleDiv1-HEADER { padding:15px 20px; background:white; border:0px solid black; font-weight:bold; color: red;} div#ToggleDiv1-BODY { padding:15px 20px; background:white; border:0px solid silver; } /* ======================================================================================================================================= FTML cmd = XMENU Disegna un menu interno alla pagina - ====================================================================================================================================== */ /* Class ToggleMenu */ /* ============================================================================================================================= */ div.ToggleMenu-Wrap { display:inline-block; vertical-align:top; position:relative; margin-right:-5px; width:180px; height:40px; border:0px solid red; } div.ToggleMenu { display:block; overflow:hidden; position:absolute; left:0px; top:0px; width:180px; height:40px; box-sizing:border-box; text-align:center; margin:0px 0px 0px 0px; background-repeat:no-repeat; background-color:transparent; background-position:center center; border:0px solid gray;border-radius:0px; border:0px solid black;} div.ToggleMenu:hover { z-index:100; overflow:visible; left:-20px; top:0px; width:220px; height:auto; transition-property: padding, height; transition-timing-function: ease; transition-duration:0.2s; background:rgb(203,227,203); border:2px solid rgb(170,190,170); border-radius:4px; } /* ================================================================================================================================ */ div.ToggleMenu div.XM-Header { height:48px; margin:0px; padding:0px; text-align:center; background:none; border:none; border:0px solid silver;} div.ToggleMenu div.XM-Header H3 { display:block; float:none; height:48px; margin:0px; padding:0px 10px 0px 10px; font-family:var(--Strong); font-size:21px; line-height:38px; text-align:center; font-weight:normal; text-transform:lowercase; font-variant:small-caps; text-shadow: none; color:rgb(149,122,62); color:var(--Black); background:none; border:none; } div.ToggleMenu div.XM-Header H3:hover { color:yellow;} div.ToggleMenu img { display:block; margin:0px auto 15px auto;margin-bottom:15px; } /* ================================================================================================================================ */ div.ToggleMenu div.XM-Content { position:relative; font-size:14px; line-height:15px; color:rgb(50,50,50);ursor:pointer; border:0px solid red;} div.ToggleMenu div.XM-Content img { max-width:initial;} /* Reset proprietà per evitare il collasso immagine /* ================================================================================================================================ */ div.ToggleMenu div.XM-Text { padding:0px 15px 10px 15px; text-align:center; } div.ToggleMenu div.XM-Readmore { padding:10px 0px 20px 0px; height:auto; text-align:center; cursor:pointer; border:0px solid black;} div.ToggleMenu div.XM-Readmore span { display:inline-block; padding:5px 12px; font-weight:normal; color:white; background-color:rgb(176,206,176); border:1px solid transparent; border-radius:3px;} div.ToggleMenu div.XM-Readmore span:hover { color:gray; background:white; border:1px solid rgb(220,220,220); } /* ======================================================================================================== */ /* Class XMenu1 - PER ADESSO NON USARE PERCHE' NON IMPOSTATO IN MODO COERENTE */ /* =========================================================================================================*/ div.XMenu1 { display:block; overflow:hidden; position:relative; box-sizing:border-box; height:50px; text-align:center; margin:px 0px; background-repeat:no-repeat; border:none; background:white; background-position:center center; border:1px solid rgb(190,190,190); border:1px solid silver; border-radius:0px;} div.XMenu1:hover{ z-index:100; overflow:visible; eft:-30px; op:0px;width:auto; min-width:200px; height:auto; border:1px solid rgb(190,190,190); } /* ================================================================================================================================ */ div.XMenu1 div.XM-Border { overflow:hidden; border:0px;} div.XMenu1 div.XM-Header { height:48px; cursor:pointer; margin:0px; padding:0px; text-align:center; background:none; border:none; border:0px solid silver;} div.XMenu1 div.XM-Header H3 { display:block; float:none; height:48px; margin:0px; padding:0px 10px 0px 10px; font-family:'Nunito'; font-size:21px; line-height:38px; text-align:center; font-weight:normal; text-transform:lowercase; font-variant:small-caps; text-shadow: none; color:rgb(149,122,62); color:gray; background:white; border:none; } /* ================================================================================================================================ */ div.XMenu1 div.XM-Content { font-size:14px; line-height:15px; color:rgb(50,50,50); border:none} div.XMenu1 div.XM-Content img{ max-width:initial;} /* Reset proprietà per evitare il collasso immagine /* ================================================================================================================================ */ div.XMenu1 div.XM-Text { padding:0px 25px 20px 25px; text-align:center; } div.XMenu1 div.XM-Readmore { padding:10px 0px 0px 0px; height:auto; text-align:center; } div.XMenu1 div.XM-Readmore span { display:inline-block; padding:5px 12px; font-size:90%; font-weight:normal; color:white; background-color:rgb(176,206,176); border:1px solid transparent;border-radius:3px;} /* ================================================================================================================================= FTML cmd = WIDGET GROUP Genera un box di collegamento a Gruppo NetMedicine ================================================================================================================================ */ div.NET-GROUP1 { display:block; clear:both; overflow:hidden; margin:10px 20px 10px 0px; max-width:800px; border:3px double silver; border:none; ackground-color:white; border-radius:3px; } div.NET-GROUP1-HEADER { padding:14px 20px; font-family: 'Archivo Narrow', sans-serif; font-weight:normal; font-size:22px; color:rgb(35,35,35); color:white; background-color:rgb(202,219,202);} div.NET-GROUP1-CONTENT { padding:20px 5px;} div.NET-GROUP1-IMAGE { text-align:center;} div.NET-GROUP1-IMAGE img { ax-width:100%; } div.NET-GROUP1-TEXT { } div.NET-GROUP1-LINKER { overflow:hidden; height:70px; margin:10px 0px; padding:15px 10px 10px 85px; border:none; background-image:url(../images/widget-group-small.png); background-repeat:no-repeat;background-position:left 4px;} h4.goGroup { display:block; margin:10px 0px 10px 0px; padding:0px 0px 0px 5px; font-size:14px; font-weight:normal; border:0px solid red; text-align:left; color:black; background-color:transparent;} div.NET-GROUP1-BOX H4 { margin:5px 0px 10px 0px; font:13px Arial; font-weight:normal; color:black; background-color:white; border:none; text-transform:uppercase; font-variant:normal;} div.NET-GROUP1-BOX H5 { margin:5px 0px 10px 0px; font:11px Arial; font-weight:bold; color:black; background-color:white; border:none; text-transform:none; font-variant:normal;} div.BOX-GROUPWALL div.messagewall { padding:5px 0px 5px 0px; border-TOP:1px dotted silver; } div.BOX-GROUPWALL div.wallmessage-avatar { float:left; width:50px;} div.BOX-GROUPWALL div.wallmessage-text { padding:0px 15px;} /* ============================================================================================================================== */ div.NET-CATEGORYGROUP1 { display:block; clear:both; margin:10px 60px 23px 40px; border:0px solid red;} div.NET-CATEGORYGROUP1-HEADER { width:230px; margin:0px 0px 0px 10px; padding:3px 10px; font:11px Arial; font-weight:bold; color:black; background-color:white; background-color:rgb(202,219,202); border:3px double silver; border-radius:3px 3px 0px 0px;border-bottom:none;} div.NET-CATEGORYGROUP1-BOX { display: block; padding:10px 10px 10px 10px; border:3px double silver; overflow:hidden; background-color:white; border-radius:3px; } div.NET-CATEGORYGROUP1-IMAGE { clear:none; float:left; width: 200px; min-height:100px; border:0px solid green; } div.NET-CATEGORYGROUP1-IMAGE img { border-radius:4px; } div.NET-CATEGORYGROUP1-TEXT { display:block; float:left; width:350px; border:0px solid silver;} div.NET-CATEGORYGROUP1-BOX H4 { margin:5px 0px 10px 0px; font:11px Arial; font-weight:bold; color:black; background-color:white; border:none; text-transform:uppercase; font-variant:normal;} div.NET-CATEGORYGROUP1-BOX H5 { margin:5px 0px 10px 0px; font:11px Arial; font-weight:bold; color:black; background-color:white; border:none; text-transform:none; font-variant:normal;} /* ================================================================================================================================= FTML cmd = WIDGET EVENT Genera un box di collegamento a Evento NetMedicine ================================================================================================================================ */ div.NET-EVENT1 { display:block; clear:both; overflow:hidden; margin:10px 20px 10px 0px; max-width:600px; border:3px double silver; background-color:white; border-radius:3px; } div.NET-EVENT1-HEADER { font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:black; padding:8px 15px; background-color:rgb(202,219,202);} div.NET-EVENT1-CONTENT { padding:20px;} div.NET-EVENT1-LINKER { overflow:hidden; height:70px; margin:10px 0px; padding:15px 10px 10px 85px; border:none; background-image:url(../images/widget-event-small.png); background-repeat:no-repeat;background-position:left 4px;} h4.goEvent{ display:block; margin:10px 0px 10px 0px; padding:0px 0px 0px 5px; font-size:14px; font-weight:normal; border:0px solid red; text-align:left; color:black; background-color:transparent;} div.NET-EVENT1-BOX H4 { margin:5px 0px 10px 0px; font:13px Arial; font-weight:normal; color:black; background-color:white; border:none; text-transform:uppercase; font-variant:normal;} div.NET-EVENT1-BOX H5 { margin:5px 0px 10px 0px; font:11px Arial; font-weight:bold; color:black; background-color:white; border:none; text-transform:none; font-variant:normal;} div.BOX-EVENT1WALL div.messagewall { padding:5px 0px 5px 0px; border-TOP:1px dotted silver; } div.BOX-EVENT1WALL div.wallmessage-avatar { float:left; width:50px;} div.BOX-EVENT1WALL div.wallmessage-text { padding:0px 15px;} /* ================================================================================================================================= FTML cmd = WIDGET FUND Genera un box di collegamento a crowdfunding JGIVE ================================================================================================================================ */ div.FUNDING1 { display:block; clear:both; overflow:hidden; margin:10px 20px 10px 0px; max-width:600px; border:3px double silver; background-color:white; border-radius:3px; } div.FUNDING1-HEADER { font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:black; padding:8px 15px; background-color:rgb(202,219,202);} div.FUNDING1-CONTENT { padding:20px;} div.FUNDING1-LINKER { overflow:hidden; height:70px; margin:10px 0px; padding:15px 10px 10px 85px; border:none; background-image:url(../images/widget-funding-small.png); background-repeat:no-repeat;background-position:left 4px;} h4.goFunding{ display:block; margin:10px 0px 10px 0px; padding:0px 0px 0px 5px; font-size:14px; font-weight:normal; border:0px solid red; text-align:left; color:black; background-color:transparent;} div.FUNDING1-BOX H4 { margin:5px 0px 10px 0px; font:13px Arial; font-weight:normal; color:black; background-color:white; border:none; text-transform:uppercase; font-variant:normal;} div.FUNDING1-BOX H5 { margin:5px 0px 10px 0px; font:11px Arial; font-weight:bold; color:black; background-color:white; border:none; text-transform:none; font-variant:normal;} /* ============================================================================================================================= L G - U S E R G R O U P ============================================================================================================================ */ div.PROFILE-NOMEUTENTE { font-family: 'Archivo Narrow'; font-size:18px; color:red;} div.PROFILE-GROUP { overflow:hidden; clear:both; min-height:70px; margin:0px 0px 10px 0px; padding:15px 20px 15px 90px; font-weight:normal; line-height:15px; background-color:rgb(245,245,245); border:1px solid silver; border-radius:3px; font-size:14px; background-repeat:no-repeat; background-position:15px 14px;} div.PROFILE-GROUP h4 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-family:var(--Basic); font-style:italic; font-weight:normal; border:0px solid red; background-repeat:no-repeat; } div.PROFILE-GROUP-description { padding:0px 0px;} /* ============================================================================================================================= L G - N A V I G A T O R ============================================================================================================================ */ div.NAVIGATOR-Shortcut { margin: 20px auto 20px; text-align:left; } div.NAVIGATOR-Info { margin: 20px auto; padding:0px 20px; border-bottom:0px solid var(--Medium1); line-height:140%; border:0px solid green; } div.NAVIGATOR-Image { display:inline-block; clear:both; margin:0px 10px 15px 20px; padding:10px 10px; background-color: white; border:1px solid var(--SilverLight); border-radius:4px; } div.NAVIGATOR-Image img { width:200px; object-fit:cover; } div.NAVIGATOR-Header { box-sizing:border-box; max-width:280px; margin:0px 0px 10px 0px; padding:10px 20px; font-family: var(--Basic); font-size: 17px; font-weight:bold; text-align: center; color:white; background-color:var(--CMark1); border-radius: 5px; } div.NAVIGATOR-Section { max-width:500px; margin:20px; padding:0px 35px 25px 35px; text-align:left; line-height:150%; border-radius: 3px; border: 6px solid #eff1eb; box-shadow: 2px 2px 2px silver; background-color:white; } div.NAVIGATOR-Section H4 { font-family:var(--Basic) !important; font-size:18px !important; color:var(--BlackLight) !important; margin:20px 0px 30px 0px !important; } div.NAVIGATOR-Section H5 { color:var(--CMark2) !important; } div.ToggleDiv-Style { box-sizing:border-boc; max-width:200px; margin:0px 20px; padding: 10px; text-align:center; color: var(--BlackLight); background: white; border-radius:5px; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| F T M L d i r e c t |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ============================================================================================================================== < P A Y P A L > ============================================================================================================================ */ div.PAYPAL-DONATE { padding:15px 15px 15px 70px; max-width:200px; background-color:rgb(254,236,136) !important; border-radius:5px; text-align:left; background-image:url(../images/div-paypal-donate.png); background-repeat:no-repeat; background-position:7px 1px; border:1px solid transparent !important; } div.PAYPAL-DONATE input.button{ font-family:'Arimo';font-size:15px !important; color:rgb(70,70,70) !important; background-color:transparent !important; border:none !important;} div.PAYPAL-DONATE:hover { background-color:white !important; text-decoration:none; border:1px solid silver !important; } /* ======================================================================================================================================= ADSENSE Imposta il div oggetto della manipolazione JavaScript, che anima in seqenza le immagini ====================================================================================================================================== */ div.ADSENSE-LeftV240 { float:left; clear:none; margin:5px 40px 30px 5px; padding:10px 20px 10px 0px; width:130px; /* Interno Articolo SX */ border:none; border-right:1px solid black; } div.ADSENSE-LeftV600 { float:left; clear:none; margin:5px 40px 30px 5px; padding:10px 20px 10px 0px; width:130px; /* Interno Articolo SX */ border:none; border-right:1px solid black; } div.ADSENSE-Aside600 { padding:25px 15px 25px 15px; width:130px; /* Su Modulo Aside */ border:none; } div.ADSENSE-InnerV1 { float:left; clear:none; margin:5px 40px 30px 5px; padding:10px 20px 10px 0px; width:130px; /* Interno Articolo SX */ border:none; border-right:1px solid black; } div.ADSENSE-InnerV2 { float:right; margin: 30px 20px 30px 40px; padding-left:20px; width:130px; /* Interno Articolo DX */ border:none; border-left:1px solid black; } div.ADSENSEV1 { padding:10px;} /* Modulo Verticale su ASIDE */ div.ADSENSEH1 { padding:30px 70px; text-align:left;} /* Modulo Orizzontale BOTTOM */ /* ======================================================================================================================================= BACKSLIDER Imposta il div oggetto della manipolazione JavaScript, che anima in seqenza le immagini ====================================================================================================================================== */ #slideshow { } #slideshow img { display: none; position: absolute; top: 0; left: 0; } /* ======================================================================================================================================= P R O F I L E S E T ====================================================================================================================================== */ div.PROFILE-NOSET-INFO { display:block; font: 12px/13px "Segoe UI","Arial"; font-weight:normal; font-style:normal; font-variant:normal; color:gray; text-align:center; background:transparent; background-repeat:no-repeat; border:1px solid silver; border-radius:7px; -moz-border-radius:7px;} /* ======================================================================================================================================= B R O W S E M A I L Formattazione dell'output del comando di lettura casella email ====================================================================================================================================== */ div.EMAIL-LIST { margin:0px; padding: 20px 20px 20px 10px; font:12px/16px Arial, Helvetica, 'sans serif' !important; color:black; text-align:left; border:0px solid blue;} div.EMAIL-LIST div.TITLE { margin:0px; padding:0px 0px 10px 0px; font-family:Arial, Helvetica; font-weight:bold; font-style:normal; font-variant:normal; text-align:left; letter-spacing:0px; text-indent:0px; color:rgb(223,171,62); background:none; border:none; } div.EMAIL-LIST div.TITLE span.NUMBER { margin:0px 10px 0px 0px; padding:4px 8px; font: 12px Arial, Helvetica; font-weight:bold; font-style:normal; font-variant:normal; text-align:left; letter-spacing:0px; text-indent:0px; color:white; background:rgb(167,188,139); border:none; border-radius:2px; } div.EMAIL-LIST div.FROM { font-style:italic; } div.EMAIL-LIST div.DATE { padding:5px 0px 10px 0px; font: 11px/13px Arial; font-weight:bold; color:black; border-bottom:1px dotted silver;} div.EMAIL-LIST div.MAILBODY { margin:0px 0px 15px 0px; padding:10px 0px 10px 10px; border-bottom:3px solid rgb(182,193,162); } div.EMAIL-LIST div.ATTACHS { display:block; overflow:hidden; margin:20px 20px 20px 5px; padding:0px ; } a.attach-link { display:block; float:left; width:150px; height:30px; text-align:center; margin:2px; padding:108px 0px 0px 0px; font:11px/12px "Arial"; font-style:normal; font-weight:900; font-variant:normal; letter-spacing:0px; text-decoration:none; color:black; text-shadow: silver 2px 2px 3px; background-color:rgb(237,243,228); background-repeat: no-repeat; cursor:pointer; border:1px solid rgb(170,170,170); border-radius:2px; } a.attach-link:link { color:black;} a.attach-link:visited { color:black;} a.attach-link:active { color:black;} a.attach-link:hover { color:orange; } .attach-pdf { background-image:url(../images/attach-pdf.png); background-position: center 25px; } .attach-doc { background-image:url(../images/attach-doc.png); background-position: center 25px; } .attach-ppt { background-image:url(../images/attach-ppt.png); background-position: center 25px; } .attach-pptx { background-image:url(../images/attach-pptx.png); background-position: center 25px; } div.EMAIL-LIST div.ATTACH-IMAGE { margin:0px 0px 20px 0px; padding:15px 20px; font: 11px/13px Arial; font-weight:bold; color:black; text-align:center; background-color:rgb(237,243,228); border:1px solid silver; border-radius:4px; } div.EMAIL-LIST div.ATTACH-NAME { padding:5px 0px 5px 10px; font: 11px/13px Arial; font-weight:bold; color:black; } div.EMAIL-LIST BR { margin:0px 0px 0px 0px;} /* ======================================================================================================================================= TAG Grafica del componente com_tags che renderizza i risultati della selezione ====================================================================================================================================== */ div.tag-category h2 { margin:0px 0px 40px 0px; padding: 10px 20px; ax-width:300px; text-align:center; color:white; background-color: rgb(240,204,155); }