Struttura dei Temi di MBBlog
MBBlog > Temi > Struttura (.mbbp)
Come già specificato nella pagina di introduzione, in MBBlog i temi si distinguono per una struttura specifica, che consiste in un'array di valori codificata in json.
Oltre alle informazioni, il valore più importante di un tema è il css, che distinguerà un tema dall'altro.
name (string): nome del tema.
description (string): descrizione del tema.
version (numeric): versione del tema (ES: 1.0).
owner (string): nome del propietartio del tema.
X compatibility (string): versioni di MBBlog compatibili con il tema [Separate con una virgola] (ES: 1.8,1.9,2.0 | Oppure: >1.8<2.0 indica tutte leversioni maggiori della v1.8 e minori della v2.0)
designer (string): nome del designer del tema.
email (string): indirizzo email dello sviluppatore del tema.
website (string): indirizzo della pagina web dello sviluppatore del tema.
id (numeric): id del tema (Viene fornito da MBBlog una volta che il tema viene pubblicato nello store - non va inserito causalmente).
image_url (string): url dell'immagine icona del tema.
X is_company (boolean): determina se il tema è di propietà d'un'azienda o di un utente privato.
is_editable (boolean): determina se un tema è editabile liberamente oppure no.
X plugin_auth (boolean): determina se sono necessarie le autorizzazioni per installare un plugin assieme al tema.
X plugin_id_list (string): lista o unico ID del plugin da installare assieme al tema (Separati con una virgola).
X advanced_settings_auth (boolean): determina se sono necessari i permessi avanzati per accedere alle funzioni avanzate: display_number, article_list_type, plugin_div_list, image_src_list.
X display_number (numeric): modifica le impostazioni del sito riguardo il numero degli articoli da stampare in homepage.
X article_list_type (string): modifica le impostazioni del sito riguardo il tipo di visualizzatore da utilizzare in homepage.
X plugin_div_list (string): lista di div da creare (EX: mydiv1*index-top#print_artlist=>ROOT,5,optimid;mydiv1id,mydiv1idc-mydiv2*index-bottom).
X image_src_list (string): url delle immagini da copiare nel CDN del sito (Separati con una virgola).
css (string): codice css del tema.
Perché un tema possa essere installato, sono solamente necessari i valori name, description, version, css.
Oltre alle informazioni, il valore più importante di un tema è il css, che distinguerà un tema dall'altro.
! Le funzioni/valori dei temi marchiate con il simbolo X non sono supportate dall'attuale versione di MBBlog e verranno abilitate nelle future generazioni della piattaforma.
I valori della struttura
Perché un tema vegna interpretato regolarmente da MBBlog, deve essere composto da un'array codificata in json con seguenti valori:name (string): nome del tema.
description (string): descrizione del tema.
version (numeric): versione del tema (ES: 1.0).
owner (string): nome del propietartio del tema.
X compatibility (string): versioni di MBBlog compatibili con il tema [Separate con una virgola] (ES: 1.8,1.9,2.0 | Oppure: >1.8<2.0 indica tutte leversioni maggiori della v1.8 e minori della v2.0)
designer (string): nome del designer del tema.
email (string): indirizzo email dello sviluppatore del tema.
website (string): indirizzo della pagina web dello sviluppatore del tema.
id (numeric): id del tema (Viene fornito da MBBlog una volta che il tema viene pubblicato nello store - non va inserito causalmente).
image_url (string): url dell'immagine icona del tema.
X is_company (boolean): determina se il tema è di propietà d'un'azienda o di un utente privato.
is_editable (boolean): determina se un tema è editabile liberamente oppure no.
X plugin_auth (boolean): determina se sono necessarie le autorizzazioni per installare un plugin assieme al tema.
X plugin_id_list (string): lista o unico ID del plugin da installare assieme al tema (Separati con una virgola).
X advanced_settings_auth (boolean): determina se sono necessari i permessi avanzati per accedere alle funzioni avanzate: display_number, article_list_type, plugin_div_list, image_src_list.
X display_number (numeric): modifica le impostazioni del sito riguardo il numero degli articoli da stampare in homepage.
X article_list_type (string): modifica le impostazioni del sito riguardo il tipo di visualizzatore da utilizzare in homepage.
X plugin_div_list (string): lista di div da creare (EX: mydiv1*index-top#print_artlist=>ROOT,5,optimid;mydiv1id,mydiv1idc-mydiv2*index-bottom).
X image_src_list (string): url delle immagini da copiare nel CDN del sito (Separati con una virgola).
css (string): codice css del tema.
Perché un tema possa essere installato, sono solamente necessari i valori name, description, version, css.
✓ Per facilitare lo sviluppo e la codifica dei dati di quest'ultimi è disponibile a questo indirizzo l'SDK online dedicato.
Esempio di un tema
Questo è il codice del Cream Theme di MBBlog. Il codice è giò stato codificato in json ed il tema per funzionare deve essere solamente salvato in un file .mbbt o .json o .txt ed quindi installato in un qualsiasi MBBlog:
/*MBBlog Theme - MBBlog Cream Theme v1.8@.0*/
@charset "UTF-8";
/*Animazioni*/
@-webkit-keyframes gallery { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes bounce { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes spinin{0%{-moz-transform: scale(1.0);}50%{-moz-transform: scale(1.2);}100%{-moz-transform: scale(1.0);}}
@-webkit-keyframes spinin{0%{-webkit-transform: scale(1.0);}50%{-webkit-transform: scale(1.2);}100%{-webkit-transform: scale(1.0);}}
@-ms-keyframes spinin{0%{-ms-transform: scale(1.0);}50%{-ms-transform: scale(1.2);}100%{-ms-transform: scale(1.0);}}
@-o-keyframes spinin{0%{-o-transform: scale(1.0);}50%{-o-transform: scale(1.2);}100%{-o-transform: scale(1.0);}}
@-moz-keyframes spinin2{0%{-moz-transform: scale(1.0);}50%{-moz-transform: scale(1.1);}100%{-moz-transform: scale(1.0);}}
@-webkit-keyframes spinin2{0%{-webkit-transform: scale(1.0);}50%{-webkit-transform: scale(1.1);}100%{-webkit-transform: scale(1.0);}}
@-ms-keyframes spinin2{0%{-ms-transform: scale(1.0);}50%{-ms-transform: scale(1.1);}100%{-ms-transform: scale(1.0);}}
@-o-keyframes spinin2{0%{-o-transform: scale(1.0);}50%{-o-transform: scale(1.1);}100%{-o-transform: scale(1.0);}}
/*Corpo*/
body { background: #f3f2ef; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-position:center center; background-repeat:no-repeat; }
h1, h2, h3, h4, h5, h6, section { position:relative; display:inline; margin:0; padding:0; font-weight: normal; }
input { outline:none; }
.center { width:100%; text-align:center; }
.green { color:#57a044; }
.red { color:#ac3131; }
.hide { display:none; }
/*Container notifiche errore 404*/
.qcqer { position:relative; display:block; width:100%; padding:10px 0 10px 0; color:#444; font-size:60px; text-align:center; }
.qcqerc { position:relative; display:block; width:100%; color:#555; font-size:14px; text-align:center; }
/*Notifiche*/
.topalbox { position:fixed; border: 1px #2e2e2e solid; text-shadow:0 1px 1px rgba(0,0,0,1); top:-40px; left:50%; margin:0 0 0 -260px; padding:10px; height:auto; text-align:center; width:500px; color:#FFF; background-color:rgba(0,0,0,0.8); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 8px 2px #000; -webkit-box-shadow: 0 0 8px 2px#000; box-shadow: 0 0 8px 2px #000; font-size:16px; z-index:4; display:none; }
.bred { border:1px #de403c solid; }
.transition { transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
/*Padding bordi box sinistra*/
.padder { padding:15px 10px 15px 10px; }
.padderewmaindisp, .padderfew, .padderewtag, .padderewcategory, .padderewblogger { padding:0; }
.padderfewartlist, .padderfewsearch, .padderewtag, .padderewcategory, .padderewblogger { padding-top:15px; width:980px; vertical-align:top; }
.padderfewsearch { width:970px; }
.printboxexparew { margin-right:-10px !important; }
/*Padding bordi box destra*/
.padderdx { padding:15px 10px 15px 10px; }
/*Container Centratura*/
#center, #headcenter, #footcenter { position:relative; width:980px; margin: 0 auto; }
#footcenter { height:100%; }
/*Container corpo principale*/
.maincenter { position:relative; display:inline-block; width:700px; vertical-align:text-top; }
/*Barra Laterale a destra*/
.barright { position:relative; display:inline-block; width:270px; vertical-align:text-top; }
/*Stile link*/
a:link, a:visited { text-decoration:none; }
/* Nav Bar */
nav { position:relative; height:70px; line-height:70px; overflow:visible; margin:0; padding:0; margin-left:300px; width:680px; text-align:right; }
nav ul, nav li { position:relative; margin:0; list-style-type:none; height:70px; line-height:70px; text-shadow:0 1px 1px rgba(255,255,255,1); display:inline-block; }
nav li a { position: relative; display:inline-block; padding:0 15px 0 15px; font-size:18px; color:#444; height:70px; line-height:70px; font-weight:100; }
nav li a:hover { background:#EEE; }
nav li ul { position:absolute; padding:0; margin:0; top:70px; height:auto; width:100%; background:#FBFBFB; display:none; z-index:4; }
nav li ul li { width:100%; }
nav li ul a { padding:0; text-align:center; width:100%; font-size:14px; color:#555; }
nav li:hover > ul { display:block; }
#first { background:#EEE; }
/*Header del blog*/
header { position: relative; background: #FBFBFB; background-size:contain; min-height:70px; color:#333333; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; margin:0 0 15px 0; padding:0; }
.headerimage { position:relative; width:100%; height:100px; background-position:center center; }
/*Titolo Blog*/
.blogtitle { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height:70px; line-height:70px; margin:0 0 0 10px; padding:0; font-size:32px; color:#333; float:left; }
.blogtitle:hover { text-decoration:underline; }
/*Immagine Blog*/
.imgcont { position:absolute; top:-90px; left:0; border:none; }
/*Immagine Top*/
.imgtop { position:absolute; top:0px; left:0px; border:none; }
/*Tabella principale*/
.maintab { border:none; margin:0; padding:0; width:980px; }
/*Container pubblicità Top*/
.pubcont { position:relative; background: #FBFBFB; padding-left:2px; width:650px; height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:15px; margin-left:5px; }
/*Container pubblicità a destra*/
.pubright { position:relative; padding-left:2px; right:5px; width:264px; height:auto; background: #FBFBFB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:15px; border:1px #A00 solid; }
/*Container codice vario a destra*/
.varright { position:relative; padding-left:2px; right:5px; width:264px; height:auto; background: #FBFBFB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:15px; border:1px #FFF solid; }
/*Container plugin social a destra*/
.socialright { position:relative; padding-left:2px; right:5px; width:264px; height:auto; background: #FBFBFB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:15px; border:1px #FFF solid; }
/*Container ricerca e archivio a destra*/
.arcright { position:relative; width:268px; height:auto; background: #FBFBFB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:15px; border:1px #FFF solid; }
/*Logo sezione*/
.logsez { position:relative; border-top-right-radius:2px; -moz-border-radius-topright:2px; border-top-left-radius:2px; -moz-border-radius-topleft:2px; height:35px; border-bottom:1px #9C9C9C solid; line-height:35px; text-align:center; color:#333; }
.logsez h3 { font-size:22px; color:#294052; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.logsez a { color:#333; }
.logsez a:hover { color:#333; text-decoration:underline; }
/*Logo riquadro notizie*/
.newssteraml { display:none }
.inevctl { display:none }
/*Logo sezione barra destra*/
.logsezdx { position:relative; border-top-right-radius:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-left-radius:2px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; height:25px; border-bottom:1px #9C9C9C solid; line-height:25px; text-align:center; }
.logsezdx h3 { font-size:16px; color:#294052; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
/*Logo box ricerca*/
.searchlog { display:none; }
/*Container 'in evidenza*/
.inevct { position:relative; display:block; width:679px; height:305px; margin-bottom:10px; overflow:hidden; margin-left: 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; overflow:hidden; }
.inevcti { position:relative; width:auto; height:100%; display:inline-block; cursor:pointer; }
.inevcti:hover > .slidelinkc { display:block; }
.inevcti:hover > .princimage { -moz-animation:spinin2 200ms 1; -webkit-animation:spinin2 200ms 1; -ms-animation:spinin2 200ms 1; -o-animation:spinin2 200ms 1; }
.inevctiab { width:679px; }
.topcontt { position:absolute; top:255px; left:0; padding:10px;height:40px; font-size:22px; color:#FEFEFE; padding-top:10px;width:400px;z-index:2; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.topcontt a { color:#FEFEFE; }
.topcontt a:hover { text-decoration:underline; }
.topconttx { position:absolute; bottom:5px; height:40px; overflow:hidden; padding:10px; left:0; font-size:14px; color:#FCFCFC; z-index:2;width:400px; display:none; }
.princimage { position:absolute; bottom:0; left:0; height:100%; width:679px; background-position:center center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-position:center -150px; background-size:cover; }
.botshadow { position:absolute; bottom:0; left:0; width:100%; height:100px; background:rgba(0,0,0,.7); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,.7)',GradientType=0 ); }
.inevctl { display:none; }
.slidelinkc { position:absolute; bottom:5px; right:5px; width:90px; height:40px; display:none; }
.slidelink { position:absolute; bottom:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:40px; text-align:center; line-height:32px; height:30px; color:#555; background:#e6e6e6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e6e6e6)); background: -moz-linear-gradient(top, #f8f8f8, #e6e6e6); border:1px #b2b2b2 solid; font-size:15px; color:#666; cursor:pointer; }
.slidelink:hover { background:#CCC; }
.labpose { position:absolute; right:0px; }
.labposex { position:absolute; right:50px; }
/*Container classico articoli home*/
.classicartct { position:relative; background: #FBFBFB; padding-left:2px; width:675px; height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:15px; margin-left:5px; border:1px #FFF solid; }
.classicartctew, .varctfew, .varctewtag, .varctewcategory, .varctewblogger { background:none !important; -moz-box-shadow:none !important; width:653px; -webkit-box-shadow:none !important; box-shadow:none !important; border:0 !important; margin-bottom:10px !important; }
/*Container articoli*/
.artct { position:relative; left:5px; margin-bottom:10px; background-color:#FFF; padding: 15px 15px 15px 15px; width:647px; height:auto; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px #FFF solid; }
.artct a, .tagct a { color:#555; text-shadow:0 1px 1px rgba(255,255,255,1); }
.artct a:hover, .tagct a:hover { text-decoration:underline; color:#1876cd; }
.searchtitle { display:none; }
.exlay { width:938px !important; }
/*Risulati ricerca, categorie e tag*/
.varct { position:relative; background: #FBFBFB; padding-left:2px; color:#333333; width:965px; height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:15px; margin-left:5px; border:1px #FFF solid; }
.varctfew, .varctewartlist, .varctfewsearch, .varctewtag, .varctewcategory, .varctewblogger { width:980px !important; padding-left:0; margin-left:0; overflow:hidden; }
.varctewartlist, .varctfewsearch, .varctewtag, .varctewcategory, .varctewblogger { margin-left:3px !important; }
.footvinfo { position:relative; font-size:16px; color:#444; display:inline; }
/*Container immagini elenco articolli*/
.imgcontelenc { position:relative; top:-10px; left:-10px; height:150px; width:220px; float:left; margin-right:10px; overflow:hidden; }
.imgcontelenci { position:absolute; width:250px; top:-100px; left:-30px; transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; }
.imgcontelenci:hover { top:0; left:0; }
.imehcontew { position:relative; top:-10px; left:-10px; height:300px; width:673px; float:left; overflow:hidden; border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; -moz-border-radius-topleft:3px; margin-bottom:5px; }
.imehcontewartlistd, .imehcontewsearchd, .imehcontewtagd, .imehcontewcategoryd, .imehcontewbloggerd { width:475px; height:285px; }
.imehcontiew { position:absolute; width:100%; top:-200px; left:0; transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; }
.imehcontiew:hover { top:0; }
.imehcontiewartlistd, .imehcontiewsearchd, .imehcontiewtagd, .imehcontiewcategoryd, .imehcontiewbloggerd { top:-120px; }
.imgcontelencew { display:none; }
.listimg { position:relative; float:left; top:-10px; left:-10px; height:150px; border:none; }
.listimg:hover { -moz-animation:spinin2 200ms 1; -webkit-animation:spinin2 200ms 1; -ms-animation:spinin2 200ms 1; -o-animation:spinin2 200ms 1; }
.listimgew { display:none; }
.smimg { height:70px; }
.boxshadew { position:absolute; bottom:0; width:100%; background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(249,249,249,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(249,249,249,1))); background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(249,249,249,1)); height:10px; }
.boxshadewartlistd, .boxshadewsearchd, .boxshadewtagd, .boxshadewcategoryd, .boxshadewbloggerd { display:none; }
/*Container alto articolo*/
.artctup { position:absolute; top:90px; right:300px; }
/*Immagini articolo*/
.artimage { position:relative; color:#515151; font-family:'Times New Roman', Times, serif; padding:5px; text-align:center; border: 1px #A7A7A7 solid; background-color:#FBFBFB; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.artimage img { position:relative; margin:0 0 7px 0; padding:0; border: 1px #C6C6C6 solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.flleft { margin:0 10px 10px 0; }
.flright { margin:0 0 10px 10px; }
.artimgdv { height:5px; }
/*Container categoria, tag e share articolo*/
.tagct { position:relative; background:#FBFBFB; padding:15px; width:647px; height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:15px; margin-left:5px; border:1px #FFF solid; min-height:15px; }
.tagprint { margin-right:5px; }
/*Icona Allegato*/
.algimage { position:absolute; width:30px; height:50px; background-size:50px auto; background-position:center left; top:25px; right:0; }
/*Titolo Allegato*/
.algtitle { font-size:16px; color:#6D6D6D; margin-bottom:5px; }
/*Container galleria articolo*/
.galct { position:relative; background:#FBFBFB; padding-left:2px; width:675px; height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; margin-bottom:10px; margin-left:5px; border:1px #FFF solid; text-align:center; }
.galctewartlistd, .galctewsearchd, .galctewtagd, .galctewcategoryd, .galctewbloggerd { text-align:center }
/*Immagine thumb articolo*/
.swartimage { position:absolute; top:10px; right:10px; z-index:6; width:120px; height:70px; border: 1px #666666 solid; background-position:center center; transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.swartimage:hover { width:220px; }
/*Titolo articolo*/
.swtitle { font-size:20px; color:#333333; margin-bottom:5px; }
/*Info articolo*/
.swartdata { font-size:12px; color:#6D6D6D; margin-bottom:20px; }
.swartdata a { color:#6D6D6D; }
/*Testo articolo*/
.swtext { font-size:14px; color:#333333; margin-bottom:5px; }
.swtext a:link, .swtext a:visited { color:#0082cd; }
.swtext a:hover { color:#0082cd; text-decoration:underline; }
/*Testo container categoria, tag, share articolo*/
.datacont { color:#6D6D6D; font-size:12px; }
.datacont smal { font-size:10px; }
.spliab { margin:0 5px 0 5px; }
/*Testo condivisione podcast*/
.followp { position:relative; width:650px; font-size:14px; color:#333333; margin-top:10px; text-align:right; }
.flora { float:right; margin-top:-2px; margin-left:10px; }
/*Immagine Main Articolo*/
.swfinalimage { position:relative; width:645px; margin-top:10px; height:300px; border-radius:2px; -moz-border-radius:2px; overflow:hidden; }
.swfinalimagei { position:absolute; width:645px; top:50%; margin-top:-200px; left:50%; margin-left:-322px; }
.swfinalimagei:hover { -moz-animation:spinin2 200ms 1; -webkit-animation:spinin2 200ms 1; -ms-animation:spinin2 200ms 1; -o-animation:spinin2 200ms 1; }
/*Immagine articolo in Evidenza*/
.inevimage { position:absolute; width:100%; background-size:680px auto; height:250px; left:0; top:0; background-position:center center; transition: all 500ms linear; -o-transition: all 500ms linear; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.inevimage:hover { background-position:top center; }
/*Titolo articolo in Evidenza*/
.inevtitle { position:absolute; z-index:3; font-size:22px; color:#FFF; width:657px; padding:10px 10px 0 10px; bottom:70px; left:0; background:rgba(0,0,0,0.6); }
/*Testo articolo in Evidenza*/
.inevtext { position:absolute; z-index:3; font-size:14px; color:#FFF; width:657px; height:40px; padding:10px 10px 20px 10px; bottom:0; left:0; background:rgba(0,0,0,0.6); border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; }
.inevtext a, .inevtitle a { color:#FFF; }
.inevtext a:hover, .inevtitle a:hover { text-decoration:underline; }
/*Info articolo in Evidenza*/
.inevdata { font-size:10px; color:#6D6D6D; margin-left:250px; margin-bottom:5px; display:none; }
.inevdata a { color:#6D6D6D; }
/*Container stampa articoli*/
.printbox, .sprintbox, .ddat { position:relative; height:130px; background:#F9F9F9; border-left:2px #CCC solid; margin-bottom:10px; padding:10px; }
.printboxew { width:100%; background: #FBFBFB; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px#888; box-shadow: 0 0 2px #888; border:1px #FFF solid; margin-bottom:15px; }
.printboxewartlistd, .printboxewsearchd, .printboxewtagd, .printboxewcategoryd, .printboxewbloggerd { display:block; width:455px; margin-right:12px; margin-left:2px; vertical-align:top; float:left; clear:none; }
.sprintbox { height:50px; font-size:18px; line-height:50px; color:#444; }
.sprintbox a, .printbox a { color:#444; }
.sprintbox a:hover, .printbox a:hover { text-decoration:underline; color:#444; }
.printbox:hover, .sprintbox:hover { cursor:pointer; background:#F5F5F5; border-left:2px #1876cd solid; }
.printboxew:hover { border:1px #FFF solid; }
.ddat { border-left:none; border-top:2px #CCC solid; color:#555; height:40px; line-height:40px; text-align:center; font-size:18px; }
.sres { font-size:16px; line-height:25px; height:30px; color:#777; }
.withdesc { line-height:25px; }
.sptdesc { font-size:14px; color:#777; }
.autoh { height:auto; min-height:130px; }
/*Container Condivisione*/
.sharebox { position:absolute; left:15px; bottom:15px; width:auto; }
/*Titolo elenco articoli*/
.showtitle { position:relative; font-size:18px; color:#333333; text-shadow:0 1px 1px rgba(255,255,255,1); }
.showtitle a { color:#333; font-weight:100; }
.showtitleiew { position:relative; display:block; font-size:20px; color:#FFF; text-shadow:0 1px 1px rgba(0,0,0,1); margin:10px 10px 3px 10px; }
.showtitleiew a { color:#FFF !important; text-shadow:0 1px 1px rgba(0,0,0,1) !important; font-weight:100; }
/*Info elenco articoli*/
.showdata { font-size:12px; color:#555; text-shadow:0 1px 1px rgba(255,255,255,1); }
.showdata a { color:#6D6D6D; }
.showdata a:hover { text-decoration:underline; }
.showdataiew { position:relative; display:block; font-size:12px; color:#F3F3F3; margin-left:10px; text-shadow:0 1px 1px rgba(0,0,0,1); }
.showdataiew a { color:#F3F3F3 !important; text-shadow:0 1px 1px rgba(0,0,0,1) !important; }
.showdataiew a:hover { text-decoration:underline; }
/*Visualizzazione data di pubblicazione - Elenco articoli*/
.showdate, .showartdate { position:absolute; width:60px; height:70px; right:-5px; top:-2px; background:#F9F9F9; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px#999; box-shadow: 0 0 2px #999; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; cursor:auto; }
.showartdate { top:-5px; }
.showdate a:hover { text-decoration:underline; }
.showdateew { top:-4px; }
.showmonth, .showartmonth { position:absolute; height:20px; line-height:20px; font-size:14px; color:#FFF; width:100%; text-align:center; background:#F1433F; }
.showmonth a, .showartmonth a { color:#FFF; }
.showmonth a:hover, .showartmonth a:hover { color:#FFF; }
.showmonthew { border-top-right-radius:2px; -moz-border-radius-topright:2px; border-top-left-radius:2px; -moz-border-radius-topleft:2px; }
.showday, .showartday { position:absolute; width:100%; top:20px; font-size:22px; height:40px; color:#666; line-height:40px; text-align:center; }
.showday a, .showartday a { color:#666; }
.showday a:hover, .showartday a:hover { color:#666; }
.showyear, .showartyear { display:none; }
.showtime, .showarttime { position:absolute; bottom:0; font-size:12px; color:#777; width:100%; text-align:center; }
/*Testo elenco articoli*/
.showtext { font-size:14px; color:#555; text-shadow:0 1px 1px rgba(255,255,255,1); width:550px; }
.showtextew { width:653px; text-align:justify; }
.showtextewartlistd, .showtextewsearchd, .showtextewtagd, .showtextewcategoryd, .showtextewbloggerd { width:455px; }
.pagefinfo { position:absolute; width:180px; height:70px; left:50%; margin-left:-90px; top:15px; font-size:18px; cursor:auto; }
.pagefinfot { position:absolute; height:20px; line-height:20px; font-size:14px; color:#666; width:100px; text-align:center; }
.pagefinfot a { color:#FFF; }
.pagefinfot a:hover { color:#FFF; }
.pagefinfoc { position:absolute; width:100px; top:20px; font-size:24px; height:40px; color:#666; line-height:50px; text-align:center; }
.pagefinfoc a { color:#666; }
.pagefinfoc a:hover { color:#666; text-decoration:underline; }
.pagefinfoc span { font-size:15px; }
.pagefinfoex { width:414px; height:70px; left:50%; margin-left:-207px; }
.resnumb, .resnumbt, .resnumbc, .resnumbb { position:absolute; top:0; left:100px; width:78px; border-left:2px #CCC solid; height:100%; font-size:26px; color:#555; text-align:center; line-height:50px; }
.resnumb:hover, .resnumbt:hover, .resnumbc:hover, .resnumbb:hover { background:#F7F7F7; }
.resnumbt { left:180px }
.resnumbc { left:260px }
.resnumbb { left:340px }
.resnumb span, .resnumbt span, .resnumbc span, .resnumbb span { position:absolute; width:100%; bottom:5px; left:0; height:15px; line-height:15px; color:#777; font-size:13px; text-align:center; }
.hset { height:65px; }
.apagec { position:absolute; top:10px; left:10px; width:120px; height:123px; background:#F9F9F9; font-size:40px; -webkit-border-radius:2px; text-align:center; line-height:85px; border-left:2px #CCC solid; color:#444; }
.apagec span { position:absolute; left:0; width:100%; bottom:10px; font-size:14px; line-height:16px; color:#777; text-align:center; }
.apagec:hover { background:#EEE; }
.apagecminh { height:93px; line-height:55px; }
.ecright { left:auto; right:10px; border-left:none; border-right:2px #CCC solid; }
/*Autore elenco articoli*/
.showblogname { font-size:40px; color:#6D6D6D; }
/*Tasto continua a Leggere*/
.readmore { position:absolute; bottom:10px; right:10px; height:30px; width:120px; font-size:13px; border: 1px #CCC solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#F9F9F9; color:#666; line-height:30px; text-align:center; font-weight:100; text-shadow:0 1px 1px rgba(255,255,255,1); display:none; }
/*Condivisione visualizzatore esteso*/
.footseplew { position:relative; height:2px; background:#CCC; width:100%; margin:15px 0 15px 0; }
.footsepshew { position:relative; display:block; min-height:20px; }
/*Testo istruzioni e notifiche archivio*/
.swarcwtdo { font-size:14px; color: #333333; margin-top:-5px; }
.nodatam, .nodatamc { font-size:18px; color:#555; margin-top:5px; }
/*Testo dati archivio*/
.swarcdata { font-family: Arial; font-size: 20px; margin-top:10px; color: #333333; }
.showdint { font-size:18px; color:#555; width:100%; text-align:center; margin-bottom:10px; }
.arcdti { position:absolute; right:0; top:0; width:150px; height:100%; background:#f1f1f1; font-size:14px; color:#777; text-align:center; line-height:70px; }
/*Container showusr*/
.userinfobox { height:200px; width:970px; }
/*Nome showusr*/
.swusername { font-size:40px; color:#454545; }
/*Dati utente showusr*/
.swuserdata { font-size:14px; color:#666; }
.finfup { padding-top:0; margin-top:0; color:#666 }
.swuserdatat a, .finfup a { color:#666; }
.swuserdata a:hover { color:#666; text-decoration:underline; }
.bigtext { position:relative; display:block; color:#444; font-size:16px; color:#444; height:162px; width:auto; text-overflow:ellipsis; overflow:hidden; }
/*Spazio dati Blogger ed articoli showusr*/
.userspacer { margin-top:60px; }
/*Titolo ultimi articoli blogger*/
.userlastartt { color:#444; font-size:18px; margin-bottom:10px; width:100%; padding:10px 0 10px 0; border-top:1px #EEE solid; border-bottom:1px #EEE solid; text-align:center; background:#FAFAFA; }
.userlastartt a { color:#777; }
.userlastartt a:hover { color:#777; text-decoration:underline; }
.sitempt { border-top:none; text-align:left; color:#333; vertical-align:top; }
.showinfg { position:relative; display:inline-block; width:450px; height:auto; margin-bottom:20px; vertical-align:top; }
.showinfg a { color:#777; }
.showinfg a:hover { color:#555; text-decoration:underline; }
.showinfg ul { list-style-type:circle; color:#888; font-size:14px; line-height:16px; }
.showinfg ul ul { margin-top:5px; margin-bottom:10px; }
.showinfgt { font-size:16px; color:#555; }
.searchop { color:#777; margin-top:25px; margin-bottom:0; cursor:pointer; }
.searchop:hover { text-decoration:underline; }
.searchopex { position:absolute; height:30px; width:150px; top:53px; right:15px; font-size:14px; line-height:30px; text-align:center; color:#777; background:#FDFDFD; -moz-box-shadow: 0 0 2px #CCC; -webkit-box-shadow: 0 0 2px #CCC; box-shadow: 0 0 2px #CCC; border-radius:2px; -moz-border-radius:2px; cursor:pointer; }
.searchopex:hover { background:#F7F7F7; }
/*Container info blogger tutti blogger*/
.multiswblogct { position:relative; height:150px; width:935px; }
/*Container immagine blogger showusr*/
.imgblosw { height:250px; width:250px; float:left; border-left: 2px #CCC solid; margin-right:10px; }
/*Container immagini link vari blogger showusr*/
.chopacity { border:none; transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; }
.chopacity:hover { opacity:0.5; }
/*Testo pagina ricerca */
.genstxt { font-size:22px; color:#333333; margin-bottom:10px; }
/*Testo piccolo pagina ricerca */
.gendovstxt { font-size:16px; color:#333333; margin-bottom:10px; }
/*Input testo ricerca*/
.searchbox { -webkit-appearance:none; font-family: Arial; font-size:22px; ccolor: #555; background:none; background-color:transparent; border: 1px #CCC solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; width:400px; padding:4px; }
/*Input testo ricerca barra destra*/
.searchboxs { -webkit-appearance:none; font-family: Arial; font-size:17px; padding:4px; width:184px; margin-bottom:0; color: #555; background:none; background-color:transparent; border: 1px #CCC solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.searchboxs:hover, .searchbox:hover { background:#F9F9F9; color:#555; }
.searchboxs:focus, .searchbox:focus { -moz-box-shadow: inset 0 0 3px #888; -webkit-box-shadow: inset 0 0 3px #888; box-shadow: inset 0 0 3px #888; border: 1px #3079ed solid; outline:none; }
.exsearchboxs { width:600px; margin-right:0; }
.exsearchboxs:hover { margin-right:0; }
.asright { position:relative; float:right; top:-7px; display:inline; }
.sopctb { position:relative; display:none; overflow:hidden; padding-top:20px; }
.settit { position:relative; height:25px; width:auto; vertical-align:text-center; color:#333333; font-size:14px; font-family:"Times New Roman", Times, serif; margin-bottom:10px; text-align:left; border-bottom:1px #EEE solid; }
.settittit { position:absolute; top:0; left:15px; height:auto; width:485px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; }
.onoffbcp { position:absolute; height:22px; left:410px; top:-4px; -moz-box-shadow: inset 0 0 3px #666; -webkit-box-shadow: inset 0 0 3px#666; box-shadow: inner 0 0 3px #666; width:54px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden; border:1px #EAEAEA solid; }
.onoffbbcp { position:absolute; height:22px; left:410px; top:-4px; background:none; width:54px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px #EAEAEA solid; z-index:3; cursor:pointer; }
.inofct { position:absolute; height:22px; left:0; top:0; width:81px; }
.iof1 { position:absolute; height:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; left:0; top:0; padding-left:5px; width:28px; background-color:#f4f4f4; color:#C1C1C1; z-index:0; line-height:24px; }
.iof2 { position:absolute; height:22px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; left:27px; top:0; width:27px; -moz-box-shadow: 0 0 3px #888; -webkit-box-shadow: 0 0 3px #888; box-shadow: 0 0 3px #888; background:#FAFAFA; background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#FAFAFA)); background: -moz-linear-gradient(top, #f4f4f4, #FAFAFA); z-index:1; }
.iof3 { position:absolute; height:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; right:0; top:0; padding-right:8px; text-align:right; width:25px; background-color:#5AB602; color:#FFF; z-index:0; line-height:24px; }
/*Submit ricerca*/
.submitbox { -webkit-appearance:none; position:relative; color:#FFF; width:120px; height:36px; display:inline block; cursor:pointer; border: 1px #3079ed solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-color:#498af3; font-size:16px; line-height:30px; text-align:center; top:-1px; margin-left:10px; }
/*Submit ricerca barra destra*/
.submitboxs { -webkit-appearance:none; position:relative; top:-6px; margin-bottom:-16px; display:inline block; height:31px; width:50px; cursor:pointer; border: 1px #3079ed solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-color:#498af3; color:#498af3; background-image:url(STATIC_IMAGE_URLmain_imageset.png); background-position:0 0; background-size:225px 35px; font-size:0px }
.submitboxs:hover, .submitbox:hover { background-color:#649efb; color:#649efb; }
.submitboxs:active, .submitbox:active { background-color:#417dde; color:#417dde; -moz-box-shadow: inset 0 0 3px #222; -webkit-box-shadow: inset 0 0 3px #222; box-shadow: inset 0 0 3px #222; }
.submitbox:hover { color:#FFF; }
.submitbox:active { color:#FFF; }
/*Input Archivio Blog*/
.listew { -webkit-appearance:none; position:relative; height:35px; width:244px; cursor:pointer; border: 1px #CCC solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#F9F9F9; color:#666; line-height:35px; font-size:16px; text-align:center; display:block; margin-bottom:10px; font-weight:100; text-shadow:0 1px 1px rgba(255,255,255,1); }
.listew:hover, .readmore:hover { background:#F2F2F2; color:#222; }
.listew:active, .readmore:active { background:#E7E7E7; color:#444; -moz-box-shadow: inset 0 0 3px #555; -webkit-box-shadow: inset 0 0 3px #555; box-shadow: inset 0 0 3px #555; }
.tagarts { margin-bottom:0; }
/*Stile imput, textarea e submit form contatto*/
.fctbi { -webkit-appearance:none; font-family: Arial; font-size:22px; color: #666; background:none; padding:15px; width:500px; border: 1px #CCC solid; text-decoration: none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-bottom:13px; -moz-box-shadow:inset 0 0 2px #888; -webkit-box-shadow: inset 0 0 2px #888; box-shadow:inset 0 0 2px #888; }
.fctbi:hover { color:#444; }
.fctbi:focus { color:#444; -moz-box-shadow:inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow:inset 0 0 5px #888; outline:none; }
.fctbt { -webkit-appearance:none; font-family: Arial; color: #666 background:none; background-color:transparent; padding:10px; width:510px; border: 1px #CCC solid; text-decoration: none; border-radius:2px; -moz-border-radius:2px; margin-bottom:10px; -moz-box-shadow:inset 0 0 2px #888; -webkit-box-shadow: inset 0 0 2px #888; box-shadow:inset 0 0 2px #888; font-size:16px; height:200px; }
.fctbt:hover { color:#444; }
.fctbt:focus { color:#444; -moz-box-shadow:inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow:inset 0 0 5px #888; outline:none; }
.fctbs { -webkit-appearance:none; position:relative; color:#555; width:150px; height:40px; font-weight:normal; cursor:pointer; border: 1px #3079ed solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-color:#498af3; color:#498af3; font-size:18px; color:#FFF; }
.fctbs:hover { background-color:#649efb; }
.fctbs:active { background-color:#417dde; -moz-box-shadow: inset 0 0 3px #222; -webkit-box-shadow: inset 0 0 3px #222; box-shadow: inset 0 0 3px #222; }
.revck { position:relative; display:inline-block; top:1px; width:70px; height:60px; line-height:60px; font-size:35px; text-align:center; vertical-align:top; }
.resfts { font-size:18px; color:#333; }
.contcttx { font-size:15px; display:none; }
.contitx { position:relative; font-size:18px; color:#777; width:100%; text-align:center; top:8px; }
.invmes { position:relative; display:block; width:100%; height:50px; border-top:2px #CCC solid; border-bottom:1px #CCC solid; background:#F7F7F7; text-align:center; font-size:16px; color:#555; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; margin-top:15px; cursor:pointer; line-height:50px; }
.invmes:hover { background:#F9F9F9; }
.invmes:active { background:#EEE; }
/*Stile informazioni form di contatto*/
.confifct { position:relative; display:block; margin-bottom:5px; color:#444; font-size:15px; }
.confifct a { color:#498af3; }
.confifct a:hover { text-decoration:underline; }
.confifv { color:#666; font-size:14px; }
.hiddensld { display:none; padding-top:10px; }
/*QG Bar*/
.shbar { position:fixed; top: 50%; margin-top:-57px; border-right:2px #CCC solid; height:114px; width:35px; left:0; background-color:rgba(0,0,0,.6); z-index:8; overflow:hidden; }
.shbar:hover { width:510px; height:430px; }
.ashstc { position:absolute; top:0; left:50px; width:460px; padding-top:50px; height:380px; background-color:rgba(255,255,255,.9); }
.shbar itm { position:absolute; width:35px; height:38px; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color:#FFF; cursor:pointer; }
.shbar itm:hover > gest { cursor:pointer; display:block; }
.shbar gest { position:absolute; top:0; left:50px; height:38px; width:auto; color:#FFF; font-size:14px; display:none; }
.shbar gt { position:absolute; top:0; left:-15px; height:38px; width:180px; color:#FFF; font-size:14px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0081be', endColorstr='#006699');
background: -webkit-gradient(linear, left top, left bottom, from(#0081be), to(#006699)); background: -moz-linear-gradient(top, #0081be, #006699); z-index:2; }
.shbar gt:hover { display:block; background:#006699; }
.shbar gt:active { display:block; background:#035b87; }
.shbar form itm gest gt .inptclassicqg { border-radius:0; -moz-border-radius:0; }
.shbar form itm gest gt .inptclassicqg:hover { background:#005588; }
.shbar form itm gest gt .inptclassicqg:active { background:#004c79; }
.shbar itm:hover { text-shadow:0 -1px 1px rgba(0,0,0,0.5); color:#FFF; background-color:#0081be; }
.antypesel { position:absolute; top:8px; left:5px; font-size:15px; color:#666; }
.aselitm { text-decoration:underline; color:#666 !important; }
.aux { color:#888; cursor:pointer; }
.aux:hover { text-decoration:underline; }
.imageolist { background-image:url(STATIC_IMAGE_URLqgbarop.png); background-repeat:no-repeat; background-size:30px auto; background-position:3px 0; }
/*Input QG bar*/
.inptclassicqg { border:none; box-shadow:none; padding:0; font-size:14px; font-weight:400; cursor:pointer; margin-left:170px; position:absolute; top:0; height:38px; width:120px; color:#FFF; font-size:14px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0081be', endColorstr='#006699');
background: -webkit-gradient(linear, left top, left bottom, from(#0081be), to(#006699)); background: -moz-linear-gradient(top, #0081be, #006699); -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright:10px; border-top-right-radius: 10px; border-bottom-right-radius:10px; }
.inptclassicqg:hover { text-shadow:0 -1px 1px rgba(0,0,0,0.5); }
/*Input semplice qgbar*/
.inptclassic { border:none; box-shadow:none; padding:0; background:none; margin-top:10px; font-size:14px; font-weight:400; color:#FFF; cursor:pointer; }
.inptclassic:hover { text-shadow:0 -1px 1px rgba(0,0,0,0.5); }
/*Container immagini galleria*/
.imaageartcontbasegal { position:relative; margin-top:10px; border: 1px #BBB solid; }
/*Elementi galleria*/
.galimage { position:relative; height:156px; margin:0 3px 3px 3px; }
.galimage:hover { position:relative; height:156px; -moz-animation:spinin2 200ms 1; -webkit-animation:spinin2 200ms 1; -ms-animation:spinin2 200ms 1; -o-animation:spinin2 200ms 1; }
.gallery { position:fixed; z-index:10; background-color:rgba(0,0,0,0.7); top: 50%; left:50%; margin: -1500px 0 0 -1500px; width:3000px; height:3000px; -webkit-animation-name: gallery; -webkit-animation-duration: 300ms; -webkit-animation-iteration-count: 1; transition: all 0.3s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; }
.gallerymain { position:fixed; z-index:11; top: 0; left:0; width:100%; height:100%; text-align:center; }
.gallerymain a { color:#FFF; }
.gallerymain a:hover,.gallerymain galcontrol span:hover,.gallerymain galcontrol main:hover { color:#D5D5D5; }
.gallerymain p { position:relative; top:5px; left:0; font-size:22px; color:#FFF; text-shadow:0 -1px 1px rgba(0,0,0,1); }
.galimageshow { position:absolute; width:90%; height:90%; left:5%; bottom:5%; background-position:center center; background-size:contain; background-repeat:no-repeat; }
.gallerymain galcontrol { position:absolute; bottom:25px; left:50%; margin-left:-200px; width:400px; font-size:22px; line-height:60px; height:60px; text-shadow:0 -1px 1px rgba(0,0,0,1); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; text-shadow:0 -1px 1px rgba(0,0,0,1); background:rgba(0,0,0,0.7); border:1px #2e2e2e solid; }
.gallerymain galcontrol span { position:relative; cursor:pointer; color:#E2E2E2; font-size:16px; display:inline-block; }
.gallerymain galcontrol main { position:relative; cursor:pointer; color:#FFF; border-left:1px #2e2e2e solid; border-right:1px #2e2e2e solid; padding:0 5px 0 5px; margin:0 5px 0 5px; line-height:20px; display:inline-block; }
.gallerymain prev { position:fixed; top:50%; height:50px; margin-top:-25px; width:50px; background-color:rgba(0,0,0,0.7); color:#FFF; line-height:50px; text-align center; font-size:45px; left:30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; text-shadow:0 -1px 1px rgba(0,0,0,1); border:1px #2e2e2e solid; cursor:pointer; opacity:0.7; }
.gallerymain next { position:fixed; top:50%; height:50px; margin-top:-25px; width:50px; background-color:rgba(0,0,0,0.7); border:1px #2e2e2e solid; color:#FFF; line-height:50px; text-align center; font-size:45px; right:30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; text-shadow:0 -1px 1px rgba(0,0,0,1); cursor:pointer; opacity:0.7; }
.gallerymain clo { position:absolute; top:5px; right:5px; width:40px; height:40px; font-size:22px; text-align:center; line-height:40px; background-color:rgba(0,0,0,0.7); border:1px #2e2e2e solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; text-shadow:0 -1px 1px rgba(0,0,0,1); cursor:pointer; opacity:0.7; color:#E2E2E2; }
.gallerymain clo:hover { opacity:1; }
.gallerymain next:hover,.gallerymain prev:hover { color:#E2E2E2; opacity:1; }
.gallerymain next:active,.gallerymain prev:active { background:rgba(0,0,0,0.9); border:1px #666 solid; }
.gallight { position:absolute; top:50%; margin-top:-30px; left:-15px; opacity:0.5; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border:none; }
.gallight:hover { opacity:1; }
.gallerymain prev, .gallerymain next, .gallerymain clo { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
/*Container condivisione foot*/
.share { position:relative; display:inline-block; margin-right:4px; width:35px; height:35px; cursor:pointer; }
.share:hover { -moz-animation:spinin 400ms 1; -webkit-animation:spinin 400ms 1; -ms-animation:spinin 400ms 1; -o-animation:spinin 400ms 1; }
.facebookshare { background-color:#3B5998; background-image:url(STATIC_IMAGE_URLmain_imageset.png); background-size:225px 35px; background-position:-50px 0; }
.facebookshare:hover { background-color:#4d73c3; }
.facebookshare:active { background-color:#253c6d; }
.twittershare { background-color:#00aced; background-image:url(STATIC_IMAGE_URLmain_imageset.png); background-size:225px 35px; background-position:-85px 0; }
.twittershare:hover { background-color:#03baff; }
.twittershare:active { background-color:#007aa8; }
.mbsocialshare { background-color:#83d127; background-image:url(STATIC_IMAGE_URLmain_imageset.png); background-size:225px 35px; background-position:-120px 0; }
.mbsocialshare:hover { background-color:#97dc29; }
.mbsocialshare:active { background-color:#639f1b; }
.feedshare { background-color:#ff9900; background-image:url(STATIC_IMAGE_URLmain_imageset.png); background-size:225px 35px; background-position:-155px 0; }
.feedshare:hover { background-color:#ffae00; }
.feedshare:active { background-color:#ec8427; }
.socialshare { background-color:#f02f2f; background-image:url(STATIC_IMAGE_URLmain_imageset.png); background-size:225px 35px; background-position:-190px 0; z-index:2; }
.socialshare:hover { background-color:#ff5c3c; }
.socialsharec { position:relative; left:-5px; display:inline-block; overflow:hidden; width:0; height:35px; line-height:35px; background:#EEE; z-index:1; }
.socialsharecx { position:absolute; top:0; left:10px; width:90%; height:30px; top:5px; }
.smalsharei { width:25px; height:25px; float:right; background-size:161px 25px; background-position:-35px 0; }
.smalshareit { background-position:-60px 0; }
.smalshareim { background-image:url(STATIC_IMAGE_URLextra_sh_imageset.png); background-size:50px 25px; background-position:0 0; color:# }
.smalshareiw { background-image:url(STATIC_IMAGE_URLextra_sh_imageset.png); background-size:50px 25px; background-position:-25px 0; }
/*Footer*/
footer { position:relative; background: #FBFBFB; background-size:contain; height:95px; color:#555; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; }
.footshare { position:absolute; font-size:16px; left:15px; top:15px; }
.footst { position:absolute; top:13px; left:15px; font-size:16px; color:#555; text-shadow:0 1px 1px rgba(255,255,255,1); }
.footinfo { position:absolute; font-size:12px; font-weight:300; left:300px; border-left:2px #CCC solid; padding-left:10px; top:17px; }
.footinfo a { color:#555; text-shadow:0 1px 1px rgba(255,255,255,1); }
.footinfo a:hover { text-decoration:underline; color:#1876cd; }
.footseo { position:absolute; font-size:12px; font-weight:300; right:15px; bottom:15px; }
.footseo a { color:#555; text-shadow:0 1px 1px rgba(255,255,255,1); }
.footseo a:hover { text-decoration:underline; color:#1876cd; }
.fbull { margin:0 10px 0 10px; }Language Selection
Select your language
X
Sorry,
MBBlog and MBSocial are currently avaiable only in Italian.
MBBlog and MBSocial are currently avaiable only in Italian.
© 2010 - 2025 MBBlogMBBlog Italia - Italiano - Change languageContattoAssistenzaTermini d'usoRiguardo MBBlog