X
notifiche
richieste
conversazioni
Pannello utente
+ Messaggio
+ Blog
Carico i dati . . .
Login
Esegui il login ad MBBlog e MBSocial
X
Inserisci la tua email Inserisci la tua password
Mantieni l'accesso
oppure
f
Accedi tramite Facebook
Non sei ancora registrato? Iscriviti!
Login in corso . . .
  • Per iniziare >
  • MBSocial >
  • MBBlog >
  • SDK >
  • Debugger >
  • 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.

    ! 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.
    © 2010 - 2019 MBBlog
    MBBlog Italia - Italiano - Change language
    ContattoAssistenzaTermini d'usoRiguardo MBBlog