8.10.13

6 Modelos Para sidebar





Modelo1


.sidebar .widget {
text-align: center;
   border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #aea9a7;
border-top: 3px solid #aea9a7;
}
.sidebar .widget h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2edgpW6G_bAk5Dfc2Rxk3uUCAO6R8ZKJHdqy3M88guLLVlmqVoGdJwTUBnBJUKW3i7-_9-YPGO08gySfGeUhvgzaAd2ByQ2-Zlf02DBLFHoBQbnVYVFxsnykIJF8qnGMAQF5Nmt0dSng8/s1600/1.png)  no-repeat left;
color: #fff;
text-shadow: 0px 1px 2px #aea9a7;
font-family: Century Gothic;
font-size: 14px;
text-align: left;
margin-top:-10px;
margin-left:-21px;
margin-bottom:0px;
padding:25px;
width:100%;
}
.sidebar .widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #aea9a7;
border-top: 3px solid #aea9a7;
-webkit-transition-duration: .50s;
}

Modelo 2


.sidebar .widget {
text-align: center;
   border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #dc96a1;
border-top: 3px solid #dc96a1;
}
.sidebar .widget h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdsIYnx1NV4DsWbHG0wkatRMxa7u1ZG0VFZG289EURx10svk5CPHLMT4wyphHN8N1dn0KlJ1IpI4elCxPRSgwjgKckBTi8FP8vN91kxEd5dIVnojQnY-oX0nhpGwczSiZPeQwvGfu17ZlU/s1600/2.png)  no-repeat left;
color: #fff;
text-shadow: 0px 1px 2px #dc96a1;
font-family: Century Gothic;
font-size: 14px;
text-align: left;
margin-top:-10px;
margin-left:-21px;
margin-bottom:0px;
padding:25px;
width:100%;
}
.sidebar .widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #dc96a1;
border-top: 3px solid #dc96a1;
-webkit-transition-duration: .50s;
} 

Modelo 3


.sidebar .widget {
text-align: center;
   border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #945c62;
border-top: 3px solid #945c62;
}
.sidebar .widget h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ATA47HQHpdXb-Hw9cUOuzNKSCp38NQGFhdqBHoZKjTwliO_xYLZ-BI4MLubtaKeMvv7voPaiaU7cEEVySBKyQOCfUQiiS-RQ3u05hCNYEeuQQtMBni84vXPCx45GZ2F3xH_YkplhJ-c0/s1600/3.png)  no-repeat left;
color: #fff;
text-shadow: 0px 1px 2px #b0b36d;
font-family: Century Gothic;
font-size: 14px;
text-align: left;
margin-top:-10px;
margin-left:-21px;
margin-bottom:0px;
padding:25px;
width:100%;
}
.sidebar .widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #945c62;
border-top: 3px solid #945c62;
-webkit-transition-duration: .50s;
}

Modelo 4


.sidebar .widget {
text-align: center;
   border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #b0b36d;
border-top: 3px solid #b0b36d;
}
.sidebar .widget h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh46_2AKaPK5kI2cdEuRua2MO7EUCXBgNxZofP_aS_frnlbqbf2UcqlRaTBbZ77mLU55_C7E6G0B3jR87mNHfYLQGNhZ4pdGgIGeKXKzAkUEM75IOb-XbmgfSYn5fIpkQzauE0g0rEz2VJ7/s1600/4.png)  no-repeat left;
color: #945c62;
text-shadow: 0px 1px 2px #fff;
font-family: Century Gothic;
font-size: 14px;
text-align: left;
margin-top:-10px;
margin-left:-21px;
margin-bottom:0px;
padding:25px;
width:100%;
}
.sidebar .widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #b0b36d;
border-top: 3px solid #b0b36d;
-webkit-transition-duration: .50s;
}

Modelo 5


.sidebar .widget {
text-align: center;
   border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #f6c5bf;
border-top: 3px solid #f6c5bf;
}
.sidebar .widget h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5cURfX1zRHXM04g2nmuN39dT2TcOIXmxu3pST47L-7tHpU7snUvwaP5E21cX69IzO4CED85Se4Hs4jzRImO5guxR4dviYNgDwyA2x9N21AMNObjScSrCQEruqLB5xvW0mxbcbDgf0RKSu/s1600/5.png)  no-repeat left;
color: #fff;
text-shadow: 0px 1px 0px #b6c7cc;
font-family: Century Gothic;
font-size: 14px;
text-align: left;
margin-top:-10px;
margin-left:-21px;
margin-bottom:0px;
padding:25px;
width:100%;
}
.sidebar .widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #f6c5bf;
border-top: 3px solid #f6c5bf;
-webkit-transition-duration: .50s;
}


.sidebar .widget {
text-align: center;
   border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #bfcdbf;
border-top: 3px solid #bfcdbf;
}
.sidebar .widget h2{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisGVenItSqTVM7-0EI0tUB640hqydd3xANzVDme-XYNWCbsQAhy1IOZhGgbuElMYeJ_XIlb5GUKV15a5ua52Qmqyxuw9jXuR7j2PlK5AKr5-_gSJ65DlaJSIivzGypLsFodhvquWAj9lNw/s1600/6.png)  no-repeat left;
color: #fff;
text-shadow: 0px 1px 0px #b6c7cc;
font-family: Century Gothic;
font-size: 14px;
text-align: left;
margin-top:-10px;
margin-left:-21px;
margin-bottom:0px;
padding:25px;
width:100%;
}
.sidebar .widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  margin: 10px 10;
Background: #ffffff;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom: 3px solid #bfcdbf;
border-top: 3px solid #bfcdbf;
-webkit-transition-duration: .50s;
}


Créditos Aqui--- :(◕‿◕✿)
Postado por às

Nenhum comentário:

Postar um comentário

✖♥Seja educado, não use palavras ofensivas ;
✖♥Comente algo relacionado ao post, para pedidos use a ask onde esta no menu Peça Aqui...
✖♥ Obrigada e volte sempre!!!!

Assinar: Postar comentários (Atom)