/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||| D I A B E T E |||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ @import url(https://www.arduanet.it/xlibrary/styles/css/1-xbasic-shd.css); :root { /* Fonts -------------------------------------------- */ --FBasic: 'Arimo'; --FStrong: 'Heebo'; --FLite: 'Raleway'; --FLiteNarrow: 'Roboto Condensed'; --FTitle1: 'Raleway'; --FTitle2: 'Nunito'; --FTitle3: 'Nunito'; --FWriting: 'Indie Flower'; /* Colors ------------------------------------------- */ --CScreenBg : rgb(248,248,248); --CMain1 : rgb(175,183,204); --CMain3: rgb(189,196,213); --CMain2: rgb(35,39,42); --CMain4: rgb(64,208,107); --CLight1 : rgb(201,207,224); /* Celestino 1 */ --CLight2 : rgb(213,217,230); /* Celestino 2 */ --CLight3 : rgb(235,238,248); /* Celestino 3 */ --CMark1: rgb(244,222,21); --CMark2: rgb(248,201,137); --CButton1 : rgb(254,236,136); /* Orange Light */ --CButton2 : rgb(162,214,162) ; /* Green Light */ --CNormalButton : rgb(254,236,136); /* Orange Light */ --CSlideButton : rgb(162,214,162) ; /* Green Light */ --CLink1 : rgb(254,236,136); --CBlack : rgb(50,50,50); /* ==================================== */ --Basic: 'Arimo'; --Strong: 'Heebo'; --NarrowStrong: ''; --NarrowLite: 'Roboto Condensed'; --Lite: 'Raleway'; --Main: rgb(175,183,204); --Second: rgb(239,203,155); --ScreenBg: rgb(248,248,248); --Panel: rgb(175,183,204); --SilverLight: rgb(220,228,220); --BlackLight: rgb(50,50,50); --Medium1: rgb(189,196,213); --Medium2: rgb(208,213,223); --Light1: rgb(201,207,224); --Light2: rgb(227,230,240); --Evid1: rgb(244,222,21); --Evid2: rgb(248,201,137); } h2 { color: rgb(179,198,215); } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| S E C T I O N S T Y L E View per le categorie in formato blog |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| S E C T I O N P A T H W A Y ==================================================================================================================== */ div.Section-PATHWAY { } /* =================================================================================== */ div.PATHWAY { background-color:rgb(202,219,202); } div.PATHWAY a { color: rgb(50,50,50); color: white;} div.PATHWAY a:link { color: rgb(50,50,50); color: white;} div.PATHWAY a:visited { color: rgb(50,50,50);color: white;} div.PATHWAY a:hover { color:yellow; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| S E C T I O N H E A D E R ==================================================================================================================== */ div.Section-HEADER { max-width:1000px; margin:0px auto; border:0px solid red; } /* ======================================================================================================================= */ /* SECTION HEAD Intestazione aggiuntiva ======================================================================================================================= */ div.Section-HEAD { box-sizing:border-box; overflow:hidden; text-align:center; margin:0px auto; } H1.Section-HEAD-Title { display:block; float:right; width:250px; position:relative; margin:0px 20px; padding:10px 20px; font-size:24px; line-height:30px; font-weight:bold; font-variant:normal; letter-spacing:-0px; text-shadow: none; text-transform:none; text-align:center; color:white; background-color:gray; border-radius:6px; border:0px solid black;} /* ======================================================================================================================= */ /* Section TRAILER Titolo di categoria e Descrizione ======================================================================================================================= */ div.Section-TRAILER { margin: 0px auto 0px auto; border:0px solid black; } /* ====================================================================================================================== */ div.Section-IMAGE { min-height:450px; text-align:center; Border:0px solid ORANGE; } /* =============================================================================================================== */ div.Section-INTRO1 { text-align:center; margin:0px; margin:0px auto; background-color:transparent; Border:0px solid GREEN; } div.Section-INTRO2 { text-align:center; margin:0px; margin:0px auto; background-color:transparent; Border:0px solid GREEN; } div.Section-INTRO3 { text-align:center; margin:0px; margin:0px auto; background-color:transparent; Border:0px solid GREEN; } /* ======================================================================================================================= */ H1.Section-TITLE1 { display:block; width:280px; position:relative; margin:0px 0px 0px 20px; padding:7px 20px; font-family: var(--NarrowLite), sans-serif; font-size:22px; line-height:30px; font-weight:normal; font-variant:normal; letter-spacing:-0px; text-align:center; background:none; color:white; background-color:rgb(175,183,204); border:none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } H1.Section-TITLE2 { padding:15px 25px 15px 25px; font-family:var(--Strong); font-size:42px; text-transform:lowercase; font-variant:small-caps; line-height:120%; text-align:center; color:white; background-color:var(--Medium2); border-radius:0px 0px 0px 0px; } H1.Section-TITLE3 { padding:30px 25px 30px 25px; font-family:var(--Strong); font-size:42px; line-height:120%; font-weight:normal; text-transform:none; font-variant:normal;text-align:center; color:var(--Evid2); background-color:transparent; border-radius:0px 0px 0px 0px; border:0px solid black;} div.Section-DESCRIPTION1 { display:block; margin:15px 30px 0px 20px;overflow:hidden; font-family: 'Roboto Condensed', sans-serif; font-size:18px; line-height:22px; letter-spacing:-0px; text-align:left; border-radius:8px; } div.Section-DESCRIPTION1:first-letter { display:block; float:left; padding:5px 8px 4px 0px; font-size: 60px; font-weight:bold; font-style:normal; color:rgb(209,214,224); text-transform:uppercase; line-height:80%; } div.Section-CHILDREN { } div.Section-SUBCATEGORY { padding:5px; background-color:rgb(204,211,194); } div.Section-SUBCATEGORY ul { } div.Section-SUBCATEGORY ul:after { } div.Section-SUBCATEGORY ul li { } div.Section-SUBCATEGORY ul li a { color: gray; background-color:white; } div.Section-SUBCATEGORY ul li a:hover { color:orange; background-color:white;} /* ============================================================================================================================= */ div.Section-MODULES2 H3 { display:block; float:none; margin:0px; padding:15px 0px 20px 0px; font-family:var(--FLiteNarrow), sans-serif; font-size:22px; font-weight:normal; line-height:24px; text-align:center; color:black; background:none;border:none; } div.Section-MODULES3 { border-top: 40px solid rgb(175,183,204); } /* ========================================================================================================================== */ /* S e c t i o n - ARTICLESLIDE ========================================================================================================================== */ #SlideH1 { max-width:840px; margin:0px auto;} .AS-FLASH { } .AS-FLASH div.FRAME { } .AS-FLASH div.FRAME div.TEXT { color:rgb(53,64,87); background:rgba(255,255,255,.77); } .AS-FLASH div.FRAME div.SlideAbstract { } .AS-FLASH div.FRAME div.SlideCategory { } .AS-FLASH div.FRAME h4 { font-family:var(--FBasic); font-size:20px; line-height:24px; font-weight:normal; letter-spacing:-1px; text-decoration:none; text-align:left; text-transform:uppercase; } .AS-FLASH div.FRAME h4 a:hover { text-decoration:none; border:none; } .AS-FLASH div.FRAME div.AS-Readmore { } .AS-FLASH div.FRAME div.AS-Readmore span { border-radius:3px; border:1px solid transparent;} .AS-FLASH div.FRAME div.AS-Readmore span:hover { border:1px solid gray;} .AS-FLASH div.FRAME div.AS-Readmore a:link { color:gray; background:none; border:none; } .AS-FLASH div.FRAME div.AS-Readmore a:visited { color:gray; background:none; border:none; } .AS-FLASH div.FRAME div.AS-Readmore a:active { color:gray; background:none; border:none; } .AS-FLASH div.FRAME div.AS-Readmore a:hover { color:gray; background:none; border:none; } /* ========================================================================================================================== */ /* S e c t i o n - ARTICLEPOWER ========================================================================================================================== */ /* BASIC */ div.ArticlePower-BASIC:nth-child(odd) { border-right:1px solid var(--SilverLight); } div.ArticlePower-BASIC h2.ArticlePower-TITLE { color:black; font-size:20px; } div.ArticlePower-BASIC h2.ArticlePower-TITLE a { color:black; } div.ArticlePower-BASIC h2.ArticlePower-TITLE a:hover { color:orange; text-decoration:none;} div.ArticlePower-BASIC H3.ArticlePower-CATEGORY { } div.ArticlePower-BASIC H3.ArticlePower-CATEGORY a:hover { color:orange; } div.ArticlePower-BASIC div.ArticlePower-TEXT { font-family:var(--Basic); } /* ============================================================================================================ LIST */ div.ArticlePower-LIST h2.ArticlePower-TITLE { font-family:var(--Lite); font-size:18px; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| A R T I C L E S T Y L E View per gli articoli |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| ARTICLE HEADER */ div.Article-HEADER { display:block; box-sizing:border-box; border:0px solid green; max-width:1000px; margin:0px auto; padding:0px 40px;} /* ===================================================================================================================== */ /* I N T E S T A Z I O N E P A G I N A A R T I C O L O =================================================================================================================== */ div.Article-HEAD-CONTAINER { } H1.Article-HEAD { } /* ============================================================================================================= */ div.Article-CATEGORY-CONTAINER { } H2.Article-CATEGORY { font-family:var(--Strong); font-size: 20px; line-height:24px; color:white; background-color:var(--Medium2); } /* ================================================================================================================ */ H1.Article-TITLE1 { font-family:var(--Lite); font-size:44px; line-height:110%; font-weight:normal; color: var(--BlackLight);} H1.Article-TITLE2 { } H1.Article-TITLE3 { } H1.Article-TITLE4 { } /* ============================================================================================================ */ dd.createdby { font-family:var(--Strong), sans-serif; font-weight:normal; font-size:18px; } div.Article-CATEGORY-CONTAINER { } H2.Article-CATEGORY { display:block; width:280px; position:relative; margin:0px 0px 0px 20px; padding:7px 20px; font-family: 'Roboto Condensed', sans-serif; font-size:22px; line-height:30px; font-weight:normal; font-variant:normal; letter-spacing:-0px; text-align:center; background:none; color:white; background-color:rgb(175,183,204); border:none; border-radius:0px 0px 8px 8px; } H2.Article-CATEGORY:hover { } H2.Article-CATEGORY a { color:white;} H2.Article-CATEGORY a:link { color:white; } H2.Article-CATEGORY a:visited { color:white;} H2.Article-CATEGORY a:hover { color:white; border:none;} /* ======================================================================================================================= */ /* TRAILER Articolo (Immagine + Descrizione) ======================================================================================================================= */ div.Article-TRAILER { max-width:1000px; margin: 0px auto 0px auto; border:0px solid red; } /* =============================================================================================== */ div.Article-INTRO1 { } div.Article-INTRO2 { } div.Article-INTRO3 { } div.Article-DESCRIPTION1 { max-width:600px; margin:20px 25px 25px 25px; padding:40px 40px 50px 40px; font-family:var(--NarrowLite); border:none; border-radius:0px; border:0px solid black; background-color:white; } div.Article-DESCRIPTION2 { max-width:600px; margin:20px 25px 25px 25px; padding:30px 30px 40px 30px; font-family:var(--Basic); font-size:18px; line-height:120%; border:none; border-radius:0px; border:0px solid black; color:white; background-color: var(--Medium2); border-radius:0px; } div.Article-DESCRIPTION3 { max-width:600px; margin:20px 25px 25px 25px; padding:30px 30px 40px 30px; font-size:18px; font-family:var(--Strong); line-height:125%; color:var(--Evid2); background-color:white;} div.Article-DESCRIPTION4 { max-width:600px; margin:20px 25px 25px 25px; padding:30px 30px 40px 30px; font-size:18px; font-family:var(--Strong); line-height:130%; color:var(--BlackLight); background-color:transparent; border-bottom: 30px solid var(--Light1);} div.Article-IMAGE { width:100%; margin:0px; padding:0px; text-align:left; } /* =============================================================================================================== */ /* Titolo H1 - ARTICOLO ============================================================================================= */ H1.Article-TITLE { font-family:'Arimo', sans-serif; font-size: 30px; line-height:120%; font-weight:normal; font-style:normal; font-variant:normal; text-align:left; color: rgb(109, 131, 154);} /* ============================================================================================================================= */ /* Dettagli articolo ============================================================================================= */ div.Article-AUTHOR { } div.Article-DETAILS { } /* ============================================================================================================================= */ dl.article-info { display:block; clear:both; overflow:hidden; border:0px solid red; margin:0px 0px 15px 0px; padding:0px 0px 0px 5px;} dd.createdby { display:block; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight:normal; font-style:normal; text-align:left; color:rgb(121,141,170); border:0px solid green;} dd.published { font-size:11px ; color:gray; margin:0px 0px 15px 0px; padding:0px; font-weight:bold; border:0px solid orange;} /* ============================================================================================================================= */ div.ARTICLE-DATE { background-color:rgb(209,214,224);} div.ARTICLE-DATE div.GIORNO { display:block; float:left; margin-right:6px; margin-left:3px; font-size: 16px; font-weight:bold; color:black;} div.ARTICLE-DATE div.MESE { display:block; float:left; font-size:16px; color:silver; color:black; } div.ARTICLE-DATE div.ANNO { display: block; clear:both; margin:3px 0px 0px 0px; padding:5px 0px; Text-align: left; font-size: 26px; font-weight:bold; color:white;} /* ============================================================================================================================= */ /* Author ================================= */ div.ARTICLE-AVATAR { display:block; float:left; width:100px; margin:0px 20px 10px 0px; padding:4px; text-align:center; border:0px solid black; background-color:rgb(187,196,173); -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; } div.ARTICLE-AVATAR img { display:block; width:100px; } /* ============================================================================================================================= */ div.MESSAGE-UnPublished-Article { text-align:center; padding:10px 15px; color:black; background-color:rgb(249,226,123);} /* ======================================================================================================================= */ /* TRAILER Articolo (Immagine + Descrizione) ======================================================================================================================= */ div.Article-TRAILER { max-width:1000px; margin: 0px auto 0px auto; border:0px solid red; } /* =============================================================================================== */ div.Article-INTRO { } div.Article-DESCRIPTION-Style1 { max-width:600px; margin:20px 25px 25px 25px; padding:40px 40px 50px 40px; font-family:var(--NarrowLite); border:none; border-radius:0px; border:0px solid black; background-color:white; } div.Article-DESCRIPTION-Style2 { max-width:600px; margin:20px 25px 25px 25px; padding:30px 30px 40px 30px; font-family:var(--Basic); font-size:18px; line-height:120%; border:none; border-radius:0px; border:0px solid black; color:white; background-color: var(--Medium2); border-radius:0px; } div.Article-DESCRIPTION-Style3 { max-width:600px; margin:20px 25px 25px 25px; padding:30px 30px 40px 30px; font-size:18px; font-family:var(--Strong); line-height:125%; color:var(--Evid2); background-color:white;} div.Article-DESCRIPTION-Style4 { max-width:600px; margin:20px 25px 25px 25px; padding:30px 30px 40px 30px; font-size:18px; font-family:var(--Strong); line-height:130%; color:var(--BlackLight); background-color:transparent; border-bottom: 30px solid var(--Light1);} div.Article-IMAGE { width:100%; margin:0px; padding:0px; text-align:left; } /* =============================================================================================================== */ /* ============================================================================================================================ A R T I C L E T E X T ============================================================================================================================ */ div.Article-TEXT { overflow:hidden; box-sizing:border-box; padding:20px 5% 60px 5%; font-family:var(--Basic), serif; font-size:15px; line-height:140%;} div.Article-TEXT div.FullText: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%; } /* ------------------------------------------------------------------------------------------------------------------------------------ */ span.Article-FirstLetter { display:block; float:left; padding:5px 8px 4px 0px; font-size: 70px; font-weight:bold; font-style:normal; color:var(--Second); text-transform:uppercase; line-height:80%; } div.Article-TEXT b { font-weight:700; color:rgb(116,131,167); } div.Article-TEXT i { font-family:'Arial','Helvetica', sans-serif;} div.Article-TEXT img { max-width:100%; } div.Article-TEXT a.lk-normal { display:block; margin:0px 0px 5px 0px; color:black; padding:1px 2px 1px 25px; } div.Article-TEXT a.lk-normal:hover { color:red; } div.Article-TEXT a.highlight { display:block; margin:0px 0px 5px 0px; 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 { display:block; margin:0px 0px 5px 0px; 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 { display:block; margin:0px 0px 5px 0px; display:block; margin:0px 0px 5px 0px;color:black; font-variant:normal; padding:1px 2px 1px 25px; } div.Article-TEXT a.lk-video:hover { color:red; } div.Article-TEXT a.lk-audio { display:block; margin:0px 0px 5px 0px;color:black; padding:1px 2px 1px 25px;} div.Article-TEXT a.lk-audio:hover { color:red; } div.Article-TEXT a.lk-graphic { display:block; margin:0px 0px 5px 0px; color:black; padding:1px 2px 1px 25px; } div.Article-TEXT a.lk-graphic:hover { color:red; } div.Article-TEXT a.lk-table { display:block; margin:0px 0px 5px 0px; color:black; padding:1px 2px 1px 25px; } div.Article-TEXT a.lk-table:hover { color:red; } div.Article-TEXT a.lk-wikipedia { display:block; margin:0px 0px 5px 0px; color:black; padding:1px 2px 1px 25px; } div.Article-TEXT a.lk-table:hover { color:red; } div.Article-TEXT font.didascalia { font-family:'Roboto Condensed', sans-serif; font-size: 15px; line-height:18px; font-style:normal; color:black; } div.Article-TEXT font.didascalia i{ font-family:'Roboto Condensed', sans-serif; font-size: 15px; line-height:18px; font-style:italic; color:black; } /* ========================================================================================================================== */ div.Article-TEXT ul{ margin-top:15px; margin-bottom:15px;} div.Article-TEXT ul li{ margin-bottom:7px;} /* ==================================== BOX ACL ALERT // ==================================== */ div.AREARISERVATA H2 { background-color: rgb(189,196,213); } /* ===================================================================================================================== H E A D I N G S ===================================================================================================================== */ H3 { color:rgb(126,139,173);} /* ============================================================================================================================== T E X T ============================================================================================================================= */ hr { height:5px; margin:10px 0px 20px 0px; border:none; color:rgb(209,214,224);background-color:rgb(209,214,224); } input { color:rgb(112,125,91); } /* ========================================================================================================================== */ div.Article-TEXT h2 { margin-top:40px; margin-bottom:25px; padding: 10px 15px; font-family:'Archivo Narrow'; font-weight:normal; color: white; background-color:rgb(189,196,213); border:none; border-radius:4px;} div.Article-TEXT h3 { margin:25px 0px 15px 0px; padding:0px 0px; font-family:'Archivo Narrow'; font-weight:normal; font-size:22px; line-height:120%; color:rgb(116,131,167); background:none;} div .Article-TEXT h4 { margin:25px 0px 15px 0px; } span.caption { } div .Article-TEXT b { font-family:'Raleway'; ont-weight:bold; color:rgb(106,123,162);} div .Article-TEXT figcaption { font-family:'Roboto Condensed'; font-size:16px; line-height:20px; text-align:left; color:rgb(50,50,50); margin-bottom:10px; padding-bottom:15px;border-bottom:1px solid rgb(220,220,220);} div .Article-TEXT figcaption b { font-family:'Roboto Condensed'; font-size:16px; font-weight:700; color:rgb(138,151,181); } div .Article-TEXT figcaption i { font-family:'Roboto Condensed'; font-size:16px; font-style:normal; font-weight:normal; color:rgb(116,131,167);} span.trial { display:inline-block; padding:0px 6px; background:white; border:1px solid rgb(220,220,220); border-radius:3px; } span.trademark{ color: rgb(60,149,153); text-transform:uppercase;} /* =================================================================================================== */ /* div SPECIFICI ================================================================================================ */ div.Article-TEXT div.Start { text-align:left; } div.Article-TEXT div.Start:first-letter { display:block; float:left; padding:5px 8px 4px 0px; font-size: 60px; font-weight:bold; font-style:normal; color:rgb(209,214,224); text-transform:uppercase; line-height:80%; } /* ------------------------------------------------------------------------------------------------------------------------------------ */ div.Article-TEXT div.End { text-align:justify; } div.Article-TEXT 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%; } div .Article-TEXT div.REFERENCES { font-family:'Arimo'; font-size: 14px; line-height:20px; margin:10px 0px; padding: 0px; ackground-color:rgb(248,243,237); } div.Article-TEXT div.REFERENCES i { font-family:'Arimo'; font-size:14px; font-style:normal; font-weight:normal; } div .Article-TEXT 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 .Article-TEXT div.STORY h3{ margin-top:0px; } div .Article-TEXT div.PATH b { color:inherit !important;} div .Article-TEXT div.PATH h3{ color:rgb(35,35,35); } div .Article-TEXT div.LINIC { margin:10px 0px; padding: 20px 30px; background:white; font-size:14px; border:1px solid rgb(220,220,220);} div .Article-TEXT div.LINIC h3,h4{ margin-top:0px; border:0px solid silver;} div .Article-TEXT div.DIAGNOSIS { margin:20px 0px; padding: 20px 30px; background:white; font-size:14px;} div .Article-TEXT div.DIAGNOSIS H3 { margin:0px 0px 20px 0px; padding-top:0px;} div.Article-TEXT div.CREDITS { font-family:'Roboto Condensed'; } div.Article-TEXT div.CREDITS H4 { display:inline-block; clear:both; margin:0px 0px 20px 0px; font-family:'Roboto Condensed', sans-serif; font-size:16px; margin-top:40px; padding:8px 15px; color:white; background:rgb(138,192,206); font-weight:bold; border-radius:4px; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| F T M L - O v e r r i d e s |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ======================================================================================================================================= WIDGET - Class = Widget1 OVERRIDE ====================================================================================================================================== */ div.Widget1 { } /* ================================================================================================================================ */ div.Widget1 div.XM-Header { } div.Widget1 div.XM-Header H3 { font-family:'Roboto Condensed'; color: var(--BlackLight);} /* ================================================================================================================================ */ div.Widget1 div.XM-Content { background-color:var(--Light2); order:1px solid black; } div.Widget1 div.XM-Content:hover { transition-property: background; transition-timing-function: ease; transition-duration:0.1s; } /* ================================================================================================================================ */ div.Widget1 div.XM-Text { } div.Widget1 div.XM-Readmore { } div.Widget1 div.XM-Readmore span { background-color:rgb(175,183,204); } /* ================================================================================================================================ */ /* ======================================================================================================================================= WIDGET - Class = Widget1 ====================================================================================================================================== */ div.Widget-FRAME { padding: 0px; } /* Stili globali per il box che avvolge tutti i Widget */ div.Widget2-Wrap { box-sizing:border-box; overflow:hidden; text-align:center; margin:0px; } div.Widget2 { box-sizing:border-box; overflow:hidden; margin:1px; background-repeat:no-repeat; background-position:center center; } /* ======================================================================================================================= */ div.Widget2 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.Widget2 div.XM-Header:hover { background-color:rgb(255,236,134);transition-property: background; transition-timing-function: ease; transition-duration:0.1s; } div.Widget2 div.XM-Header H3 { display:block; margin:0px; padding:0px 10px 0px 10px; font-family:var(--NarrowLite); font-size:24px; line-height:38px; text-align:center; font-weight:normal; color:gray; background:none; } /* ======================================================================================================================= */ div.Widget2 div.XM-Content { overflow:hidden; font-size:14px; line-height:15px; color:rgb(50,50,50);ursor:pointer; background-color:transparent; background-repeat:no-repeat; background-position:center center; } div.Widget2 div.XM-Content:hover { background-color:var(--Light2); background-image: none !important; transition-property: background; transition-timing-function: ease; transition-duration:0.1s;} /* ======================================================================================================================= */ div.Widget2 div.XM-Text { padding:10%; text-align:center; } div.Widget2 div.XM-Readmore { padding:0px; height:auto; text-align:center; } div.Widget2 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.Widget2 div.XM-Readmore span:hover { color:gray; background-color:rgb(175,183,204); } border:1px solid rgb(220,220,220);} /* ====================================================================================================================== */ /* ======================================================================================================================================= WIDGET - Class = WidgetContact ====================================================================================================================================== */ div.WidgetContact-Wrap { box-sizing:border-box; overflow:hidden; text-align:center; margin:0px; } div.WidgetContact { box-sizing:border-box; overflow:hidden; margin:10px; 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; background-color:var(--Light2);} div.WidgetContact div.XM-Header H3 { display:block; margin:0px; padding:0px 10px 0px 10px; font-family:var(--NarrowLite); font-size:24px; line-height:38px; text-align:center; font-weight:normal; text-transform:lowercase; font-variant:small-caps; color:black; background:none; } div.WidgetContact div.XM-Header h3:hover { color:black; background-color:white; } /* ====================================================================================================================== */ /* ======================================================================================================================================= WIDGET SLIDE 1 - Class = WidgetSlide1 OVERRIDE ====================================================================================================================================== */ div.WidgetSlide1 { margin:10px; background-color:var(--Panel); } /* ================================================================================================================================ */ div.WidgetSlide1 div.XM-Header { border:0px solid red; background-color:transparent;} div.WidgetSlide1 div.XM-Header H3 { font-family:var(--Basic); font-size:35px; line-height:100%; color: var(--BlackLight); color:white;} /* ================================================================================================================================ */ div.WidgetSlide1 div.XM-Content { border:0px solid black; } div.WidgetSlide1 div.XM-Content:hover { background-color:var(--Light1); transition-property: background-color; transition-timing-function: ease; transition-duration:0.5s; } /* ================================================================================================================================ */ div.WidgetSlide1 div.XM-Text { } div.WidgetSlide1 div.XM-Readmore { } div.WidgetSlide1 div.XM-Readmore span { background-color:rgb(175,183,204); } /* ================================================================================================================================ */ /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| E l e m e n t i s t i l e F R A M E W O R K |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ a.wbs-links { background:none; color:var(--CBlack); background-color:rgb( 235,236,243); border-radius:5px; } div. GUIDE { margin-bottom:20px; } div.GUIDE HR { height:5px; } div.GUIDE H3 { font-size:18px; color:black; padding-left:20px; background-color:rgb(216,235,216); } div.GUIDE H3:first-child { margin-top:0px; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| W E B S I T E - S t i l i s p e c i f i c i S i t o W e b |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ section.Story { display:block; box-sizing:border-box; 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);} section.Quote { display:block; box-sizing:border-box; margin:0px 0px 25px 0px; padding: 25px 25px 25px 110px; color:black; background-color:var(--CLight2); background-image:url(../images/section-quote.png); background-position: 15px 25px; background-repeat:no-repeat;} div.VIDEOFRAME { border:15px solid rgb(189,196,213); border-radius:4px;} div.QUOTE-BOX { margin:0px 0px 25px 0px; padding: 25px 25px 25px 110px; color:white; color:black; background-color:rgb(179,187,204); background-color:rgb(217,221,230); background-image:url(../images/div-quotebox.png); background-position: 15px 25px; background-repeat:no-repeat;} div.BOX-FOCUS1 { margin:20px 0px; padding:20px; background-color:white; border:1px solid rgb(220,220,220); border-radius:0px; } div.BOX-FOCUS1 H3 { margin-top:0px;} div.END { margin:20px 0px; padding:15px; border:3px double silver; border-radius:4px; } div.END H3{ font-family:'Archivo Narrow', sans-serif; } div.REFERENCES { font-size:14px; } div.REFERENCES a i{ color:rgb(116,131,167) !important; } div.REFERENCES a:link i{ color:rgb(116,131,167) !important; } div.REFERENCES a:visited i{ color:rgb(116,131,167) !important; } div.REFERENCES a:hover i{ color:orange !important; } div.REFERENCES ul li { margin-bottom:5px; } div.REFERENCES ul li i { font-family:'Arial','Helvetica', sans-serif; color:rgb(116,131,167) !important; } div.REFERENCES ol li { margin-bottom:5px; } div.REFERENCES ol li i { font-family:'Arial','Helvetica', sans-serif; color:rgb(116,131,167) !important; } div.REFERENCES H4 { display:inline-block; clear:both; margin:0px 0px 20px 0px; font-family: 'Roboto Condensed', sans-serif; font-size:16px; margin-top:40px; padding:8px 15px; color:white; background:var(--CMain3); font-weight:bold; border-radius:4px;} /* ========================================================================================================================== */ div.VIDEO { max-width:560px; margin-top:30px; padding:10px 15px; background-color:var(--CLight1); border-radius:5px;} div.VIDEOCORSO { margin-top:30px; padding:10px 15px; background-color:var(--CLight1); border-radius:5px;} font.TRADEMARK { color: rgb(104,191,196); text-transform:lowercase; font-variant:small-caps;} /* ================================================================================================================================ T A B L E S =============================================================================================================================== */ table { } table caption { background-color:var(--CLight1); } tr:nth-child(even) { background-color:var(--CLight3); } tbody { border-top: 0px solid var(--CMain1); } table H4 { margin: 10px 0px 15px 0px; padding:0px; font-family: var(--FBasic), sans-serif; font-size:20px; line-height:105%; font-weight:bold; font-style:normal; text-indent:0px; text-align:left; text-transform:lowercase; font-variant:small-caps; color:rgb(116,131,167);border:0px solid red; } tfoot { background-color:var(--CLight2); } /* ================================================================================================================================ */