/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||| A R D U A N E T |||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ @import url(https://www.arduanet.it/xlibrary/styles/css/1-xbasic-shd.css); /* ====================================== Set CSS Variables ====================================== */ :root { --Basic: 'Arimo'; --Strong: 'Nunito'; --NarrowLite: 'Roboto Condensed'; --Elegant: 'Quicksand'; --Main: rgb(234,161,46); --Back1: rgb(250,250,248); --ScreenBg: rgb(250,250,248); --SilverLight: rgb(230,235,230); --BlackLight: rgb(50,50,50); --Black: rgb(30,30,30); --Medium1: rgb(153,183,153); --Medium2: rgb(176,206,176); --Medium3: rgb(200,215,200); --Light1: rgb(223,230,223); --Light2: rgb(230,243,230); --Evid1:rgb(253,220,47); --Evid2: rgb(121,206,149); --Evid3: rgb(240,204,155); --Color2: rgb(176,206,176); --Color3: rgb(148,188,148); } /* A R D U A N E T . I T */ /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 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 H E A D E R ==================================================================================================================== */ div.Section-HEADER { ax-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: 50px auto 0px auto; text-align:center; 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 auto; background-color:white; Border:0px solid red; } div.Section-INTRO2 { text-align:center; margin:0px auto; background-color:white; Border:0px solid red; } div.Section-INTRO3 { text-align:center; margin:0px auto; background-color:white; Border:0px solid red; } /* ======================================================================================================================= */ H1.Section-TITLE1 { padding:30px 25px 30px 25px; font-family:var(--Elegant); font-size:48px; font-weight:normal; text-transform:none; font-variant:normal; line-height:120%; text-align:center; color:var(--BlackLight1); background-color:transparent; border-radius:0px 0px 0px 0px; border:0px solid black;} 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; font-weight:normal; text-transform:none; font-variant:normal; line-height:120%; text-align:center; color:var(--Evid2); background-color:transparent; border-radius:0px 0px 0px 0px; border:0px solid black;} /* ======================================================================================================================== */ div.Section-DESCRIPTION1 { display:block; overflow:hidden; max-width:700px; margin:15px auto; padding:20px 20px 0px 20px; font-family:'Quicksand'; text-align:left; font-size:18px; line-height:22px; letter-spacing:-0px; color:var(--BlackLight); border-radius:8px; border:0px solid black; } div.Section-DESCRIPTION1:first-letter { padding:0px 8px 4px 0px; font-family:var(--NarrowLite); font-size:120px; font-weight:bold; color:var(--Medium2);} /* ======================================================================================================================= */ div.Section-DESCRIPTION1 { /* ======================================================================================================================================================= */ /* CATEGORIE CHILDREN ======================================================================================================================================================= */ 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;} /* ======================================================================================================================================================= */ /* SECTION MODULES - Moduli aggiuntivi dinamici ======================================================================================================================================================= */ div.Section-MODULES1 { display:block; overflow:hidden; border:0px solid gray; } div.Section-MODULES2 { display:block; overflow:hidden; border:0px solid black; } div.Section-MODULES3 { display:block; overflow:hidden; border:0px solid black; } DIV.Section-MODULES2 H3 { display:block; float:none; height:35px; margin:0px; padding:15px 0px 20px 0px; font-family:'Roboto', sans-serif; font-size:22px; line-height:24px; color:white; text-align:center; font-weight:normal; color:black; background:none;border:none; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| A R T I C L E S T Y L E View per gli articoli |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ======================================================================================================================================= A R T I C L E ======================================================================================================================================= */ img.buttontranslate { display:block; float:right; margin:0px 75px 0px 0px; padding:0px; border:0px solid black;} DIV.Article-PAGE { z-index:5; position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:justify; background-repeat:no-repeat; background-position: left top; border:0px solid orange;} DIV.Article-PAGE p { margin:0px; padding:0px; } /* ======================================================================================================================================= H E A D E R ======================================================================================================================================= */ DIV.Article-HEADER { border:0px solid BLACK;} DIV.Article-HEAD-CONTAINER { } H1.Article-HEAD { } /* ============================================================================================================================= */ /* Titolo H2 di secondo livello - CATEGORIA ============================================================================================= */ DIV.Article-CATEGORY-CONTAINER { } H2.Article-CATEGORY { color:white; background-color:rgb(128,161,128);} H2.Article-CATEGORY a { color:white; border:0px solid red; } H2.Article-CATEGORY a:link { color:white; } H2.Article-CATEGORY a:visited { color:white;} H2.Article-CATEGORY a:hover { color:white; border:none; } /* ============================================================================================================================= */ /* Titolo H1 - ARTICOLO ============================================================================================= */ H1.Article-TITLE { color:rgb(134,174,214) ;} /* ============================================================================================================================= */ /* Dettagli articolo ============================================================================================= */ DIV.Article-AUTHOR { margin:5px 0px 0px 0px; padding:6px 10px; border:0px solid silver; border-radius:4px; background:none;} DIV.Article-DETAILS { padding:0px 50px; max-width:550px; background:none; border:opx solid silver; border-radius:0px;} ul.actions { display:block; margin: 0px 0px 15px 0px; padding: 0px; text-align: right; width: 95%; } ul.actions li { display: inline; } div.edit-icon{ display: block; float:RIGHT; } /* ============================================================================================================================= */ 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:Title, Arial, Helvetica; font-size:15px; font-weight:normal; font-style:normal; text-align:left; color:black; 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 { display:block; float:left; width:80px; padding: 8px 6px; border:0px solid red; background-image:url(../images/article-date.png); background-repeat:no-repeat; } DIV.ARTICLE-DATE DIV.GIORNO { display:block; float:left; margin-right:6px; margin-left:3px; font-size: 16px; font-weight:bold; color:orange;} 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; } /* ============================================================================================================================= */ /* ======================================================================================================================================= D E S C R I Z I O N E Abstract Introtext ======================================================================================================================================= */ div.Article-DESCRIPTION { display:block; margin:0px 0px 25px 0px; padding:20px 30px 20px 20px; overflow:hidden; background-repeat:no-repeat; border:0px solid green; font-family:'Roboto', sans-serif; font-size:18px; line-height:22px; letter-spacing:-0px; background:white; opacity:0.90; border-radius:8px;} div.Article-IntroStyle1 { } div.Article-IntroStyle1:first-letter { display:block; float:left; padding:4px 8px 4px 0px; font-size: 60px; font-weight:bold; font-style:normal; color:rgb(209,214,224); text-transform:uppercase; line-height:80%; } /* ======================================================================================================================================= A R T I C L E T E X T ======================================================================================================================================= */ DIV.Article-TEXT { border:0px solid orange; padding:10px 50px 50px 50px; max-width:600px; text-align:justify; } DIV.Article-TEXT b{ font-family:YouBold; font-weight:normal; color:rgb(94,130,94); } DIV.Article-TEXT img { max-width:99%; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| S T I L I |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* 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 15px 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:10px solid rgb(220,220,220); background-repeat:no-repeat; border-radius:0px; 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; } /* ================================================================================================================================ D I V S =============================================================================================================================== */ DIV#GALLERY1 { } div.sigplus-gallery { } /* =================================================================================================== */ /* ======================================================================================================= */ div.CLINIC { margin:10px 0px; padding: 20px 30px; background:white; font-size:14px;} 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.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;}