/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| S E C T I O N S T Y L E ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| S E C T I O N P A T H W A Y ==================================================================================================================== */ div.Section-PATHWAY { position:relative; width:100%; Box-sizing:border-box; overflow:hidden; text-align:center; margin:0px auto; } /* =================================================================================== */ div.PATHWAY { max-width:initial; margin:0px; text-align:left; padding:10px 20px; background-color:white; } 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 { box-sizing:border-box; overflow:hidden; box-sizing:border-box; margin:0px auto; } /* ======================================================================================================================= */ /* SECTION HEAD Intestazione aggiuntiva ======================================================================================================================= */ div.Section-HEAD { overflow:hidden;box-sizing:border-box; background-color:white;} 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:transparent; 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 { position:relative; width:100%; min-height:450px; box-sizing:border-box; overflow:hidden; margin:0px; text-align:center; background-position: center center; background-size:cover; background-repeat:no-repeat; } /* =============================================================================================================== */ div.Section-INTRO1 { position:relative; width:100%; box-sizing:border-box; overflow:hidden; text-align:center; margin:0px auto; } div.Section-INTRO2 { position:relative; width:100%; box-sizing:border-box; overflow:hidden; text-align:center; margin:0px auto; } div.Section-INTRO3 { position:relative; width:100%; box-sizing:border-box; overflow:hidden; text-align:center; margin:0px auto; } /* ======================================================================================================================= */ div.Section-TITLE-CONTAINER { z-index:10; display:block; clear:both; overflow:hidden; background:none; } H1.Section-TITLE1 { display:block; margin:0px auto; box-sizing:border-box; max-width:initial; font-family:var(--Strong); font-size:42px; text-transform:lowercase; font-variant:small-caps; line-height:120%; color:var(--BlackLight); background-color:transparent; border-radius:0px 0px 0px 0px; } H1.Section-TITLE2 { display:block; margin:0px auto; box-sizing:border-box; max-width:initial; font-family:var(--Strong); font-size:42px; text-transform:lowercase; font-variant:small-caps; line-height:120%; 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; box-sizing:border-box; height:100%; margin:0px; padding:5%; overflow:hidden; background-repeat:no-repeat; font-size:18px; line-height:22px; letter-spacing:-0px; border:0px solid red;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ 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(100,100,100); text-transform:uppercase; line-height:80%; } /* ======================================================================================================================= */ /* RSS Feed Generator */ div.Section-RSSFEED { z-index:10; display:block; overflow:hidden; margin:8px 0px 0px 0px; font-size:90%; padding:8px 0px; border-top:1px dotted silver; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| S E C T I O N P A G E Contiene CHILDREN - moduli aggiuntivi, layout blog ========================================================================================================================= */ div.Section-PAGE { box-sizing:border-box; max-width:1000px; margin:0px auto; border:0px solid green; } /* ===================================================================================================================== */ /* Categorie Children */ div.Section-CHILDREN { display:block; overflow:hidden; margin:20px 20px; padding:3% 4% 4% 85px; background-image:url(../images/section-children.png); background-repeat:no-repeat; } /* Lista link SUBCATEGORY ------------------------------------------------------------------------------------------------------ */ div.Section-SUBCATEGORY { display:block; overflow:hidden; border:0px solid red;min-width:180px; max-width:280px; padding:10px; background-color:rgb(188,209,222); border-radius:4px; } div.Section-SUBCATEGORY ul { list-style: none; margin:0px !important; background:none !important; position: relative; display: inline-table; display:block; padding: 0px; } div.Section-SUBCATEGORY ul li { height:40px; float: none; position: relative; border:none; margin-bottom:1px; } div.Section-SUBCATEGORY ul li a { display:block; height:40px; padding:0px 15px; line-height:38px; color: white; font-size:14px; font-weight:normal; text-decoration:none; background-color:rgb(103,147,173); } div.Section-SUBCATEGORY ul li a:hover { background-color: rgb(81,124,151); } /* ===================================================================================================================== */ /* Social - NON ATTIVO */ div.Section-SOCIAL { display:block; overflow:hidden; padding: 0px 20px; border:0px solid black; } /* ===================================================================================================================== */ /* SECTION MODULES - Moduli aggiuntivi dinamici /* ===================================================================================================================== */ div.Section-MODULES1 { display:block; overflow:hidden; } div.Section-MODULES2 { display:block; overflow:hidden; } div.Section-MODULES3 { display:block; overflow:hidden;} div.Section-MODULES4 { display:block; overflow:hidden;} /* ===================================================================================================================== /* S e c t i o n - ARTICLELEADER ==================================================================================================================== */ div.Section-ARTICLESLEADER { display:block; clear:both;margin:0px; padding:0px 0px; overflow:hidden; border:0px solid red; } /* ===================================================================================================================== */ /* S e c t i o n - ARTICLESMAIN ===================================================================================================================== */ div.Section-ARTICLESMAIN { display:block; clear:both;margin:50px 0px; padding:0px 0px; overflow:hidden; border:0px solid red; } /* =========================================================================================================== */ /* S e c t i o n - ARTICLESBOTTOM =========================================================================================================== */ div.Section-ARTICLESBOTTOM { display:block; overflow:hidden; border-top: 50px solid rgb(176,206,176); border:0px solid BLACK; } /* Icone per le liste articoli =================================================================================== */ div.itemLINK { background-repeat:no-repeat; background-position:6px center; padding:7px 4px 3px 30px; border-bottom:1px dotted silver; } /* =================================================================================== */ div.ico-access-NULL { background:none; } div.ico-access-2 { background-image:url(../images/ico-access-Registered.png); } div.ico-access-9 { background-image:url(../images/ico-access-Authors.png); } div.ico-access-19 { background-image:url(../images/ico-access-EngeraAuthors.png); } div.ico-access-20 { background-image:url(../images/ico-access-IJDAuthors.png); } /* ===================================================================================================================== */ /* ARTICLESLIDE /* ===================================================================================================================== */ div.Section-ARTICLESLIDE { display:block; overflow:hidden; } div.ArticleSlide-HEADER { background-color:var(--ScreenBg); } div.ArticleSlide-HEADER h2 { font-family:var(--Strong); font-size:30px; line-height:130%; text-align: center; color:var(--Black); background-color:transparent; } /* ===================================================================================================== */ #SlideH1 { display:block; position:relative; width:100% !important; overflow:hidden;border:0px solid black;} #SlideH2 { display:block; position:relative; width:100% !important; overflow:hidden; border:0px solid red;} #SlideV1 { display:block; position:relative; width:100% !important; overflow:hidden; } /* B a s i c S t y l e ===================================================================================================== */ .AS-BASIC { display:block; position:relative; width:100% !important; height:270px; } /* ===================================================================================================== */ .AS-BASIC div.FRAME { display:block; position:relative; overflow:hidden; box-sizing:border-box; width:100% !important; height:270px !important; border:0px solid red; background-color:transparent; background-size:51% 270px, 50% 270px; background-position: left top; background-repeat:no-repeat; } .AS-BASIC div.FRAME div.CONTENT { display:block; position:relative; box-sizing:border-box; height:100%; padding:15px 3% 0px 40%; } .AS-BASIC div.FRAME div.TEXT { overflow:hidden; border:0px solid black; ackground:rgba(255,255,255,.80); } .AS-BASIC div.FRAME H2 { display:block; margin:0px; padding:0px; margin:0px 0px 15px 0px; font-family:var(--FBasic); font-size:18px; line-height:20px; font-weight:normal; font-variant:normal; text-decoration:none; text-align:left; text-transform:uppercase; color: black; background:none; } .AS-BASIC div.FRAME div.SlideAbstract { overflow:hidden; height:225px; text-align:left; color:rgb(70,70,70); border:0px solid silver;} .AS-BASIC div.FRAME div.SlideCategory { overflow:hidden; border:0px solid red;} .AS-BASIC div.FRAME div.SlideCategory h4 { display:block; box-sizing:border-box; height:20px; margin:0px; padding:2px 10px 4px 10px; font-family:var(-LiteNarrow); font-size:19px; line-height:19px; font-weight:normal; text-transform:lowercase; font-variant:small-caps; text-align:left; color:black; background-color:transparent; } .AS-BASIC div.FRAME H4 a:hover { color:orange; } .AS-BASIC div.FRAME div.AS-Readmore { margin-top:10px; padding:15px 0px 10px; text-align:left;} /* F l a s h S t y l e ===================================================================================================== */ .AS-FLASH { display:block; position:relative; width:100% !important; height:440px; } /* ===================================================================================================== */ .AS-FLASH div.FRAME { display:flex; align-items:flex-end; position:relative; overflow:hidden; box-sizing:border-box; width:100% !important; height:440px; background-size:100% 440px, cover; background-position: center top; background-repeat:no-repeat; } .AS-FLASH div.FRAME div.CONTENT { display:block; position:relative; flex-grow:10; overflow:hidden; } .AS-FLASH div.FRAME div.TEXT { display:block; position:relative; overflow:hidden; width:100%; box-sizing:border-box; margin:0px; padding:5%; background:rgba(255,255,255,.70); border:0px solid red;} .AS-FLASH div.FRAME h2 { display:block; margin:0px; padding:0px; margin:0px 0px 15px 0px; font-family:var(--Basic),'sans-serif'; font-size:20px; line-height:22px; font-weight:normal; font-variant:normal; text-decoration:none; text-align:left; text-transform:uppercase; background-position:4px center; color:black; background:none; border-radius:2px; } .AS-FLASH div.FRAME h4 a:hover { color:orange; background:none; order:none; } .AS-FLASH div.FRAME div.SlideAbstract { overflow:hidden; text-align:left; } .AS-FLASH div.FRAME div.SlideCategory { overflow:hidden; } .AS-FLASH div.FRAME div.SlideCategory h4 { display:block; margin:5px 0px 0px 0px; padding:0px; font-size:16px; line-height:19px; font-weight:normal; text-transform:lowercase; font-variant:small-caps; border:0px solid red; text-align:right; color:gray; background-color:transparent; } .AS-FLASH div.FRAME div.AS-Readmore { margin-top:10px; padding:15px 0px; height:auto; text-align:left; } .AS-FLASH div.FRAME div.AS-Readmore span { margin:0px; padding:7px 25px; font-size:90%; font-weight:normal; text-transform:none; color:white; background-color:rgb(163,215,162); border-radius:3px;} .AS-FLASH div.FRAME div.AS-Readmore span:hover { color:gray; background:white; background:rgba(255,255,255,0.95);} .AS-FLASH div.FRAME div.AS-Readmore a:hover { color:gray; background:none; border:none; } /* SLIDE Stili COMUNI ==============================================================================*/ #SlideToolBar { z-index:100; display:block; overflow:hidden; width:80px; height:15px; margin:15px 10px 15px 10px; padding:0px 0px 0px 47%; text-align:center; border:0px solid red;} a.SlideH1_prev { display:block; float:left; margin:0px; width:40px; height: 11px; background-image: url(../images/ArticleSlidePrev.png); background-repeat:no-repeat; } a.SlideH1_next { display:block; float:left; margin:0px; width:40px; height: 11px; background-image: url(../images/ArticleSlideNext.png); background-repeat:no-repeat; } a.SlideH1_prev:hover{ background-position: 0px -11px;} a.SlideH1_next:hover{ background-position: 0px -11px;} a.SlideH2_prev { display:block; float:left; margin:0px; width:40px; height: 11px; background-image: url(../images/ArticleSlidePrev.png); background-repeat:no-repeat; } a.SlideH2_next { display:block; float:left; margin:0px; width:40px; height: 11px; background-image: url(../images/ArticleSlideNext.png); background-repeat:no-repeat; } a.SlideH2_prev:hover{ background-position: 0px -11px;} a.SlideH2_next:hover{ background-position: 0px -11px;} a.SlideV1_prev { display:block; float:left; margin:0px; width:40px; height: 11px; background-image: url(../images/ArticleSlidePrev.png); background-repeat:no-repeat; } a.SlideV1_next { display:block; float:left; margin:0px; width:40px; height: 11px; background-image: url(../images/ArticleSlideNext.png); background-repeat:no-repeat; } a.SlideV1_prev:hover{ background-position: 0px -11px;} a.SlideV1_next:hover{ background-position: 0px -11px;} /* ======================================================================================================================= */ /* A R T I C L E P O W E R - Card con stili grafici per gli articoli ======================================================================================================================= */ div.Frame-ARTICLEPOWER { display:block; overflow:hidden; padding:0px 0px 0px 0px; border-top: 0px solid rgb(227,230,240); } div.Frame-ARTICLEPOWER h3 { margin:30px 0px 40px 0px; font-family: 'Roboto Condensed'; font-size:50px; font-weight:bold; color:rgb(209,214,224); text-align:center; border:0px solid black; } /* ======================================================================================================================= */ /* A r t i c l e P o w e r - B A S I C ======================================================================================================================= */ div.ArticlePower-BASIC { display:block; flex-grow:2; position:relative; box-sizing:border-box; max-width:520px; margin:0px; padding:0px 0px; overflow:hidden; font-family:var(--Lite); margin:0px auto 0px auto; padding:5%; background:none; border-radius:0px; border:0px solid black;} div.ArticlePower-BASIC div.ArticlePower-HEADER { padding: 25px 25px; text-align:center; } div.ArticlePower-BASIC h2.ArticlePower-TITLE { display:block; position:relative; margin:0px 0px 10px 0px; padding:0px; font-family:var(--FLite); font-size:22px; line-height:115%; font-variant:normal; font-weight:normal; text-transform:none; text-align:center; color: black; background:none;} div.ArticlePower-BASIC h2.ArticlePower-TITLE a { line-height:120%; } div.ArticlePower-BASIC h2.ArticlePower-TITLE a:link { } div.ArticlePower-BASIC h2.ArticlePower-TITLE a:visited { } div.ArticlePower-BASIC h2.ArticlePower-TITLE a:hover { color:black; text-decoration:none; border-bottom:0px dotted gray; } div.ArticlePower-BASIC div.ArticlePower-DETAILS { display:block; margin:0px; padding:0px; text-align:center;} div.ArticlePower-BASIC H3.ArticlePower-CATEGORY { display:inline-block; margin:0px 0px 4px 0px; padding:0px; font-family:var(--FLite); font-size:13px; line-height:15px; font-weight:normal; text-transform:uppercase; font-variant:small-caps; letter-spacing:0px; text-decoration:none; text-align:left; text-indent:5px; color: rgb(102,115,77); color:rgb(70,70,70);} div.ArticlePower-BASIC H3.ArticlePower-CATEGORY a { color:inherit; } div.ArticlePower-BASIC H3.ArticlePower-CATEGORY a:hover{ color:orange; } div.ArticlePower-BASIC h4.ArticlePower-PUBLISH { display:inline-block; margin:0px 0px 0px 7px; padding:0px 10px 0px 10px; font-size:13px; line-height:15px; font-weight:normal; text-transform:uppercase; font-variant:small-caps; letter-spacing:0px; text-decoration:none; text-align:left; color:rgb(70,70,70); border-left:3px double silver; border-right:0px double silver;} div.ArticlePower-BASIC div.ArticlePower-CONTENT { overflow:hidden; margin:0px 0px 0px 0px; border:0px solid red; } div.ArticlePower-BASIC div.ArticlePower-IMAGE { display:block; box-sizing:border-box;float:none; text-align:left; width:auto; overflow:hidden; padding:0px 0px 0px 0px; } div.ArticlePower-BASIC div.ArticlePower-IMAGE img { display:block; width:100%; max-width:500px; max-height: 280px; object-fit: cover; border-radius:0px; border:0px solid rgb(220,220,220);} div.ArticlePower-BASIC div.ArticlePower-TEXT { display:block; box-sizing:border-box;overflow:hidden; padding:20px 32px; font-size: 15px; line-height:18px; font-weight:normal; text-align:left; background:none; border:0px solid silver;} div.ArticlePower-BASIC div.AP-Readmore { margin-top:10px; padding:15px 0px; height:auto; text-align:center; } div.ArticlePower-BASIC div.AP-Readmore span { display:inline-block; margin:0px; padding:7px 25px; font-family:var(--Lite); font-size:90%; font-weight:normal; text-transform:lowercase; font-variant:small-caps; color:gray; background-color:white; border:1px solid var(--SilverLight); border-radius:0px;} div.ArticlePower-BASIC div.AP-Readmore span:hover { color:black; background:var(--SilverLight); } div.ArticlePower-BASIC div.AP-Readmore a:hover { } div.ArticlePower-BASIC div.AP-Tools { padding:15px 20px; text-align:left; } /* ============================================================================================= */ div.ArticlePower-BASIC .UnPublished{ border:3px double gray !important; border-radius:5px !important; background-image:url(../images/ico-article-unpublished.png) !important; } div.MESSAGE-UnPublished-Category { text-align:center; padding:10px 15px; color:black; background-color:rgb(249,226,123);} /* ========================================================================================================= */ /* A r t i c l e P o w e r - L I S T ======================================================================================================== */ div.ArticlePower-LIST { display: block ; position:relative; vertical-align:top ; box-sizing:border-box; margin:10px 10px 5px 0px; padding:10px 25px; overflow:hidden; background:none; border-radius:0px; border:0px solid red;} div.ArticlePower-LIST .UnPublished { border:3px double gray !important; border-radius:5px !important; background-image:url(../images/ico-article-unpublished.png) !important; background-position:right top !important; background-repeat:no-repeat;} div.ArticlePower-LIST div.ArticlePower-HEADER { } div.ArticlePower-LIST h2.ArticlePower-TITLE { display:block; position:relative; margin:0px 0px 10px 0px; padding:7px 10px 7px 10px; padding:0px; font-family: 'Arimo'; font-size:20px; font-weight:bold; line-height:120%;color:rgb(50,50,50); font-variant:normal; font-weight:bold; text-transform:none; text-decoration:none; text-shadow:none; text-align:left; color: rgb(102,115,77); background-position:4px center; border:none; ackground:rgb(240,240,250); color: rgb(102,115,77); color:black; text-shadow:none; background:none; border-radius:5px;} div.ArticlePower-LIST h2.ArticlePower-TITLE a { } div.ArticlePower-LIST h2.ArticlePower-TITLE a:link { color: rgb(102,115,77); color:black; } div.ArticlePower-LIST h2.ArticlePower-TITLE a:visited { color: rgb(102,115,77); color:black;} div.ArticlePower-LIST h2.ArticlePower-TITLE a:hover { color:black; text-decoration:none; border-bottom:1px dotted gray; } div.ArticlePower-LIST div.ArticlePower-DETAILS { display:block; margin:0px; padding:0px; text-align:left;} div.ArticlePower-LIST H3.ArticlePower-CATEGORY { display:inline-block; margin:0px; padding:0px; font-family:'Arial'; font-size:13px; line-height:15px; font-weight:normal; text-transform:uppercase; font-variant:small-caps; letter-spacing:0px; text-decoration:none; text-align:left; text-indent:5px; color: rgb(102,115,77); color:rgb(70,70,70);} div.ArticlePower-LIST H3.ArticlePower-CATEGORY::before { } div.ArticlePower-LIST H3.ArticlePower-CATEGORY a { color:inherit; } div.ArticlePower-LIST H3.ArticlePower-CATEGORY a:hover{ color:orange; } div.ArticlePower-LIST h4.ArticlePower-PUBLISH { display:inline-block; margin:0px 0px 0px 7px; padding:0px 0px 0px 10px; font-family:'Arial'; font-size:13px; line-height:15px; font-weight:normal; text-transform:uppercase; font-variant:small-caps; letter-spacing:0px; text-decoration:none; text-align:left; color:rgb(70,70,70); border-left:3px double silver;} div.ArticlePower-LIST div.ArticlePower-CONTENT { position:relative; box-sizing:border.box; margin:15px 0px 15px 15px; padding: 0px; min-height:100px; border:0px solid silver; background:rgb(240,240,240); border:0px solid black; } div.ArticlePower-LIST div.ArticlePower-IMAGE { display:block;position:absolute; left:-25px; top:15px; box-sizing:border-box; width:130px; max-height: 100px; overflow:hidden; border-radius:4px;} div.ArticlePower-LIST div.ArticlePower-IMAGE img { display:block; border-radius:4px; border:0px solid rgb(220,220,220);} div.ArticlePower-LIST div.ArticlePower-TEXT { display:block; box-sizing:border-box; float:none;width:auto; overflow:hidden; padding: 25px 20px 25px 130px; border:0px solid red; font-size: 15px; font-weight:normal; text-align:left; } div.ArticlePower-LIST div.AP-Tools { padding:7px 20px 15px 20px; text-align:right; border:0px solid red;} /* ======================================================================================================================= */ /* A r t i c l e P o w e r - M O D U L E ======================================================================================================================= */ div.ArticlePower-MODULE { position:relative; overflow:hidden; box-sizing:border-box; ax-width:470px; margin:30px 15px; padding:0px 0px; overflow:hidden; background:white; border-radius:5px; border:0px solid black;} div.ArticlePower-MODULE div.ArticlePower-HEADER { padding: 25px 25px; text-align:center; } div.ArticlePower-MODULE h2.ArticlePower-TITLE { display:block; position:relative; margin:0px 0px 10px 0px; padding:0px; font-family:var(--Strong); font-size:22px; line-height:115%; font-variant:normal; font-weight:normal; text-transform:none; text-align:center; color:black; background:none;} div.ArticlePower-MODULE div.ArticlePower-DETAILS { display:block; margin:0px; padding:0px; text-align:center;} div.ArticlePower-MODULE H3.ArticlePower-CATEGORY { display:inline-block; margin:0px 0px 4px 0px; padding:0px 10px; font-family:'Arial'; font-size:13px; line-height:15px; font-weight:normal; text-transform:uppercase; font-variant:small-caps; letter-spacing:0px; text-decoration:none; text-align:left; text-indent:5px; color: rgb(102,115,77); color:rgb(70,70,70);} div.ArticlePower-MODULE H3.ArticlePower-CATEGORY a { color:inherit; } div.ArticlePower-MODULE H3.ArticlePower-CATEGORY a:hover{ color:orange; } div.ArticlePower-MODULE h4.ArticlePower-PUBLISH { display:inline-block; margin:0px 0px 0px 7px; padding:0px 0px 0px 10px; font-family:'Arial'; font-size:13px; line-height:15px; font-weight:normal; text-transform:uppercase; font-variant:small-caps; letter-spacing:0px; text-decoration:none; text-align:left; color:rgb(70,70,70); border-left:3px double silver;} div.ArticlePower-MODULE div.ArticlePower-CONTENT { overflow:hidden; margin:0px; } div.ArticlePower-MODULE div.ArticlePower-IMAGE { display:block; box-sizing:border-box;float:none; text-align:left; width:100%; overflow:hidden; padding:0px 0px 0px 0px; } div.ArticlePower-MODULE div.ArticlePower-IMAGE img { display:block; width:100%; max-height:none; border-top-left-radius:3px; border-top-right-radius:3px; border:0px solid rgb(220,220,220);} div.ArticlePower-MODULE div.ArticlePower-TEXT { display:block; box-sizing:border-box;overflow:hidden; padding:30px 35px; font-size: 15px; font-weight:normal; text-align:left; background:none; border:0px solid silver;} /* ============================================================================================= */ div.ArticlePower-MODULE .UnPublished{ border:3px double gray !important; border-radius:5px !important; background-image:url(../images/ico-article-unpublished.png) !important; background-position:right top !important; background-repeat:no-repeat;} div.ArticlePower-MODULE div.AP-Tools { padding:15px 20px; text-align:left; } /* ======================================================================================================================= */ /* A r t i c l e P o w e r - Z E N ======================================================================================================================= */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| A R T I C L E S T Y L E ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| ARTICLE HEADER ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ div.Article-HEADER { display:block; box-sizing:border-box; margin:0px auto 0px auto; } /* ================================================================================================================== */ /* Intestazione Pagina */ div.Article-HEAD-CONTAINER { display:block; clear:both; overflow:hidden; box-sizing:border-box; border:0px solid black; } h1.Article-HEAD { display:inline-block; clear:both; position:relative; margin:0px 0px 0px 0px; padding:15px; font-size:26px; line-height:120%; font-weight:bold; font-variant:normal; letter-spacing:-0px; text-shadow: none; text-transform:none; text-align:center; background:none; color:white; background-color:var(--Medium2); border-radius:0px;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.Article-CATEGORY-CONTAINER { display:block; clear:both; overflow:hidden; text-align:center;} H2.Article-CATEGORY { display:block; box-sizing:border-box; position:relative; max-width:380px; margin:0px; padding:7px 20px; 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; } H2.Article-CATEGORY a { color:white;} H2.Article-CATEGORY a:visited { color:white;} H2.Article-CATEGORY a:hover { color:white; border:none;} H2.Article-CATEGORY a:hover { color:white; border:none;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| ARTICLE TITLE-DETAILS ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ div.Article-TITLE-DETAILS { box-sizing:border-box; margin:0px 0px 0px 0px; padding:25px 30px; } H1.Article-TITLE1 { margin:40px 0px 40px 0px; color:var(--Main); border:0px solid black;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.Article-DETAILS { display:block; clear:both; overflow:hidden; margin:10px 0px 0px 0px; padding:0; border-radius:4px; text-align:left;} div.Article-PUBLISH { display:inline-block; vertical-align:top; margin:10px 10px; padding:0px 0px; background:none; border-radius:0px; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.ARTICLE-DATE { display:block; width:60px; margin:0px 0px 10px 5px; padding: 8px 10px; border:0px solid red; background-repeat:no-repeat; border:1px solid silver; border-radius:3px; background-color:rgb(202,219,202);} 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;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.Article-TOOLS { display:inline-block; vertical-align:middle; margin:10px 10px; padding:0px; border:0px solid black; border-radius:0px; } ul.actions { display:block; margin: 0px 0px 15px 0px; padding: 0px; } ul.actions li { display: inline; } ul.actions li:hover { filter:drop-shadow(4px 4px 5px var(--Light1)); } ul.actions a:hover { filter:drop-shadow(4px 4px 5px var(--Light1)); } div.edit-icon { } img.buttontranslate { display:block; float:right; margin:0px 75px 0px 0px; padding:0px; border:0px solid black;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Autore */ 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:var(--NarrowStrong); font-size:17px; font-weight:normal; font-style:normal; text-align:left; color:black; } dd.published { font-size:11px ; color:gray; margin:0px 0px 15px 0px; padding:0px; font-weight:bold;} /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.MESSAGE-UnPublished-Article { display:block; max-width:220px; margin:10px 0px 10px 0px; padding:10px; font-weight:normal; color:black; background:rgb(254,213,86); border-radius:5px;} div.MESSAGE-UnPublished-Category { display:block; margin:0px 0px 0px 0px; padding:10px; font-weight:normal; text-align:center; color:black; background:rgb(254,213,86); border-radius:0px;} /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| ARTICLE TRAILER */ /* ========================================================================================================================= */ div.Article-TRAILER { display:block; box-sizing:border-box; max-width:1000px;margin: 0px auto; border:px solid red; } /* ========================================================================================================================= */ div.Article-INTRO1 { width:100%; box-sizing:border-box; overflow:hidden; text-align:left; margin:0px auto; } div.Article-INTRO2 { width:100%; box-sizing:border-box; overflow:hidden; text-align:left; margin:0px auto; } div.Article-INTRO3 { width:100%; box-sizing:border-box; overflow:hidden; text-align:left; margin:0px auto; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.Article-DESCRIPTION1 { display:block; overflow:hidden; box-sizing:border-box; max-width:600px; margin:20px 25px 25px 25px; padding:40px 40px 50px 40px; margin:0px; font-family:var(--LiteNarrow); font-size:22px; line-height:120%; color:var(--BlackLight);} 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:125%; color:var(--BlackLight); background-color:var(Medium3);} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ div.Article-IMAGE { margin:0px; padding:0px; } /* =============================================================================================================== */ /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| ARTICLE CONTENT ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ div.Article-CONTENT { display:block; box-sizing:border-box; } /* ======================================================================================================================================= XSOCIAL Genera i pulsanti di condivisione su social ====================================================================================================================================== */ div.XSOCIAL-Tools { display:block; clear: borh; overflow:hidden; max-width:860px; margin: 20px auto 30px auto; padding:0px 0px; text-align:left;} div.XSOCIAL-Container { display:inline-block; clear: both; overflow:hidden; margin:0px 0px 0px 0px; border:0px solid var(--SilverLight); border-radius:4px; } div.XSOCIAL-Frame { display:table; float:left; margin:0px 0px 0px 0px;} div.XSOCIAL-Frame img { border:0px solid white; border-radius:0px;} div.XSOCIAL-Frame img:hover { border:0px solid var(--Medium1); border-radius:0px; filter: sepia(70%);} /* ================================================================================================================== ACRONIMO A u t o r e =================================================================================================================== */ div.Author-ACRONYM { display:inline-block; vertical-align:top; margin:15px 0px 25px 0px; padding:10px 20px; font-family:var(--FBasic); font-size:24px; color:white; background-color:var(--CMark2); border:1px solid transparent; } div.Author-ACRONYM:hover { color:var(--CMark2); background-color:white; border:1px solid var(--CSilverLight);} /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| A R T I C L E T E X T ========================================================================================================================= */ /* ========================================================================================================================= */ div.Article-TEXT { overflow:hidden; box-sizing:border-box; max-width:800px; padding:30px 5% 40px 5%; font-family:var(--Basic); font-size:15px; line-height:135%; font-weight:normal; font-style:normal; color:var(--BlackLight); text-align:left; order:4px solid red; } /* ============================================================================================================== A C C E S S L E V E L - A l e r t ============================================================================================================= */ div.ACL-ALERT { display:block; overflow:hidden; clear:both; box-sizing:border-box; max-width: 600px; margin:20px 20px 20px 5px; padding:25px 200px 25px 30px; text-align:left; border:2px solid silver; -moz-border-radius:10px; border-radius:10px; background-repeat:no-repeat; background-position:right 20px;} div.ACL-ALERT h2.ACL-TITLE { margin:0px 0px 10px 0px; padding: 10px 20px 14px 50px; font-family:var(--FBasic); font-size:22px; font-weight: normal; color: red; text-transform:uppercase; font-variant:normal; letter-spacing:0px; background-color: transparent; border: none; border-radius: 4px; background-position: 15px 12px; background-repeat:no-repeat; } div.ACL-ALERT div.Trailer { font-size: 15px; line-height:20px; margin:10px 0px; padding: 20px 35px 30px 35px; background-color:rgb(248,243,237); border:1px solid rgb(220,220,220); border-radius:5px;} div.ACL-ALERT div.registertools { display:block; clear:both;margin:15px 0px 0px 0px; overflow:hidden; } div.ACL-INFO { padding:5px 5px 15px 5px; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| A R T I C L E F O O T E R ========================================================================================================================= */ div.Article-FOOTER { padding:20px 5% 30px 5%; } /* ======================================================================================================================== F I E L D S ====================================================================================================================== */ .REFERENCES-Container { padding:40px 25px ; background-color:transparent; font-family:var(--Basic); font-size:14px; color:var(--BlackLight); border-top:1px solid silver; } .REFERENCES-Title { display:block; margin:0px 0px 30px 0px; font-family:var(--Basic); font-size:20px; font-weight:bold; color:var(--Evid2); }