modelos para sidebar (02)

Bom dia, boa tarde, boa noite ç3ç, como vão? Eu vou bem. Na verdade o de sempre, escola, casa, escola, casa, amigos, escola, estudar, escola rç, depois que começou as aulas não tenho sossego. Tento sempre entrar de manhã, fico um pouco e não dá pra fazer a postagem porque minha mãe não deixa, mas ela deixou hoje >3< daí eu tomo banho, vou pra escola, chego, assisto violetta, chiquititas (sim, eu gosto q) RBD, fico um pouquinho no pc e vou dormir. (eu não durmo tarde, não consigo.) e no outro dia só acordo de 9:00 da manhã [...] Já dá pra perceber que é meio puxado, não é? q Vamos ver os modelinhos que eu fiz pra vocês *=

Cole o código acima de body.mobile

@font-face { font-family: "pixel"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

.sidebar .widget {

margin: 0px 0;

font-family: pixel;

font-size: 8px;

background: #ffffff;

border-radius: 3px;

margin-top:30px;

box-shadow: 0px 0px 1px 0px #e1dddd;

border: 1px solid #eeeeee;

}

.sidebar h2 {

font-family: "silkscreen";

font-size: 8px;

text-align:center;

color: #dadada;

border: 1px solid #e5e5e5;

background: #eeeeee;

border: 1px solid #e5e5e5;

}

Cole o código acima de body.mobile

Cole o código acima de body.mobile

@font-face { font-family: "pixel"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

.sidebar .widget {

color: #cccccc;

margin: 0px 0;

font-family: pixel;

font-size: 8px;

background: #fff;

margin-top:30px;

-moz-box-shadow: inset 0 0 10px #f3f3f3;

-webkit-box-shadow: inset 0 0 10px #f3f3f3;

box-shadow: inset 0 0 10px #f3f3f3;

}

.sidebar h2 {

background: #fcd9e0;

border: 1px solid #fcd0d9;

box-shadow: 0px 1px 0px 0px #fcd0d9;

margin-top: -50px;

font-family: "silkscreen";

font-size: 8px;

text-align:center;

}

Cole o código acima de body.mobile

@font-face { font-family: "pixel"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

.sidebar .widget {

color: #cccccc;

margin: 0px 0;

font-family: pixel;

font-size: 8px;

background: #fff;

margin-top:30px;

-moz-box-shadow: inset 0 0 10px #f3f3f3;

-webkit-box-shadow: inset 0 0 10px #f3f3f3;

box-shadow: inset 0 0 10px #f3f3f3;

}

.sidebar h2 {

background: #d0e0e3;

border: 1px solid #c3d8dd;

box-shadow: 0px 1px 0px 0px #c3d8dd;

margin-top: -50px;

font-family: "silkscreen";

font-size: 8px;

text-align:center;

}

Cole o código acima de body.mobile

@font-face { font-family: "pixel"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

.sidebar .widget {

color: #cccccc;

margin: 0px 0;

font-family: pixel;

font-size: 8px;

background: #fff;

margin-top:30px;

-moz-box-shadow: inset 0 0 10px #f3f3f3;

-webkit-box-shadow: inset 0 0 10px #f3f3f3;

box-shadow: inset 0 0 10px #f3f3f3;

}

.sidebar h2 {

background: #cac8ad;

border: 1px solid #c3bf8f;

box-shadow: 0px 1px 0px 0px #c3bf8f;

margin-top: -50px;

font-family: "silkscreen";

font-size: 8px;

text-align:center;

}

Cole o código acima de body.mobile

@font-face { font-family: "pixel"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.sidebar .widget {
color: #cccccc;
margin: 0px 0;
font-family: pixel;
font-size: 8px;
background: #fff;
margin-top:30px;
-moz-box-shadow: inset 0 0 10px #ffd0da;
-webkit-box-shadow: inset 0 0 10px #ffd0da;
box-shadow: inset 0 0 10px #ffd0da;
}
.sidebar h2 {
background: #ffdae2;
border-left: 4px solid #ffd0da;
border-right: 4px solid #ffd0da;
margin-top: -50px;
font-family: "silkscreen";
font-size: 8px;
text-align:center;
}

 Cole o código acima de body.mobile

@font-face { font-family: "pixel"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.sidebar .widget {
color: #cccccc;
margin: 0px 0;
font-family: pixel;
font-size: 8px;
background: #fff;
margin-top:30px;
-moz-box-shadow: inset 0 0 10px #dadef0;
-webkit-box-shadow: inset 0 0 10px #dadef0;
box-shadow: inset 0 0 10px #dadef0;
}
.sidebar h2 {
background: #676c7b;
border-left: 4px solid #5d616e;
border-right: 4px solid #5d616e;
margin-top: -50px;
font-family: "silkscreen";
font-size: 8px;
text-align:center;
}

 Bom, acabaram os modelos :3 eu sei que alguns estão meios parecidos, mas ao todo são 4 modelos diferentes, porém em cores variadas. OBS: E sim, a letra É PIXEL no título e no texto é a SILKSCREEN, se quiser muda-lá apague de @font-face até ttf1);} e depois mude o nome pixel pra que desejar, e mude o nome silkscreen pra que desejar.  Então é isso, espero que tenha agradado <3 esses modelos com certeza ficaram melhores que os anteriores. Bom aproveite, deem os créditos, :) até mais amores.