deviantART: una nuova skin per il mio journal

Alla fine ho trovato il tempo anche per fare una skin personalizzata su deviantART; guardando in giro ce ne sono parecchie, validissime e molto spettacolari ma io sono quella incontentabile sempre e comunque =)

Brand is somewhat like your child: take care of it, let him grow and paint it the way you love!

Quindi ho preso una skin basilare, di quelle semplicissime e senza grafica e ho cominciato a costruire un bel po’ di cose; ovviamente ho voluto regalarle l’aspetto di ./lsd, in qualche modo cerco sempre di legare tutto (vedi “The basis of a brand“) e non potevano mancare assolutamente i fiori di ciliegio!
Tra l’altro, questo e’ il periodo della fioritura dei fiori di ciliegio in giappone e la mia amica Rieko (che e’ stata a vederli) mi ha fatto una descrizione tale da farmi venire la voglia di prenotare quattro biglietti per Kyoto =)

Tornando alla skin, qui sotto c’e’ la preview, mentre sulla mia pagina potete trovare il journal in tutto il suo splendore =)
La skin non e’ pubblica, non sono cosi’ brava da metterle online per farle usare dagli altri =)

deviantART skin

E adesso passiamo al codice:

.journalbox {
background:#ccd9c8;
color:#494644;
margin: 0 auto 10px auto;
max-width:950px;
font: 11px Verdana;
padding:10;
border:1px solid #ccd9c8;
}
 
.journaltop {
text-align:center;
background:url(http://www.liquidskydesign.org/da/lsd-da.png) no-repeat top center;
font-variant:small-caps;
font-size:11px;
margin:0;
padding: 0px 10px 130px 10px;
letter-spacing:1px;
color:#716e6c;
height: 303px;
}
 
.journaltop h2 {
margin:0;
padding:1px 0px 5px 0px;
font: Verdana;
font-size:59px;
line-height:49px;
letter-spacing:-6px;
border:none !important;
background-color:transparent;
color:#AEBAAE;
font-weight:bold;
}
 
.journaltop img {display:none;}
 
a {color:#c1232f; text-decoration:none;}
a:hover {text-decoration:none;}
 
.journaltext {
text-align:center;
padding: 5px 20px 20px 20px;
background-color:transparent;
line-height: 16px;
}
 
.quotation {
text-align:center;
padding: 5px 20px 20px 20px;
background-color:transparent;
line-height: 10px;
}
 
.title {
font: Verdana;
font-size:61px;
line-height:70px;
letter-spacing:-6px;
border:none !important;
background-color:transparent;
color:#AEBAAE;
font-weight:bold;
}
 
.journalbottom {
background: url(http://www.liquidskydesign.org/da/lsd-da1.png)
no-repeat top center;
padding: 40px 20px 0 20px;
height: 49px;
height:89px;
font: 14px Verdana;
letter-spacing:1px;
}
 
.journalbottom a {color:#716e6c;}
 
.list {
color:#494644;
padding:10px;
margin:0;
text-align:center;
font-size:10px;
letter-spacing:1px;
}
 
.list .a {background:none;}
.list li {padding:1px;}
.list strong {color:#494644; font-weight:normal;}
 
.shadow a img {padding:4px; background:#fff; border:1px solid #fff; }
.shadow a:hover img {background:#fff;}

Liberissimi di modificarla e di utilizzarla a piacimento =)

full-stack graphic designer | social media manager | community manager | blogger, autrice e saggista | appassionata di Giappone, poker e pianoforte | mai senza occhiali da sole | attaccabrighe per natura