Modelo 1:
Código:
.sidebar .widget {
border-right: 5px solid #8000FF;
border-left: 5px solid #8000FF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 10px;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
box-shadow: inset #8000FF 1px 2px 3px 1px #8000FF;
-webkit-transition-duration: .7s;
}
.sidebar .widget:hover {
border-right: 2px solid #8000FF;
border-left: 2px solid #8000FF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 10px;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
box-shadow: inset #8000FF 1px 2px 3px 1px #8000FF;
}
Modelo 2:
Código:
.sidebar .widget {
border-left: 2px dashed #FF80C0;
-webkit-border-radius: 0px;
border-radius: 0px;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRnwkiEa8HNIGp7F12uNhB2WSKSdVKtm2Y6fV7dvLJaPrS1oDtHRohcUtoGeStqHIMmcffCHC9idX-BPQmz4CRXFQ30Yg_jUxuDuWlIlNZbtoa8Y_HvznsBDYm-u4GuAuTwd04JoD20mh/s1600/cora%C3%A7%C3%B5es.png)no-repeat bottom left;
margin-top:41px;
padding:11px;
}
Modelo 3:
Código:.sidebar .widget {
border-bottom: 4px solid #FF80C0;
border-top: 10px solid #FF80C0;
-webkit-border-radius: 0px;
border-radius: 0px;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
}
Modelo 4:
Código:.sidebar .widget {
border-right: 4px double #FF80C0;
border-bottom: 4px solid #FF80C0;
box-shadow: 2px 4px 8px #000000;
-webkit-border-radius: 0px;
border-radius: 0px;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
}
Modelo 5:
Código:.sidebar .widget {
-webkit-border-radius: 0px;
border-radius: 0px;
outline: 3px dotted #ffffff;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
}
Modelo 6:
Código:.sidebar .widget {
-webkit-border-radius: 0px;
border-radius: 40px;
border: 3px groove #FF0080;
box-shadow: inset #FF0080 3px 2px 10px #FF0080;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
padding:11px;
}
Modelo 7:
Código:
.sidebar .widget {
-webkit-border-radius: 0px;
border-radius: 40px 0px 0px;
border: 3px groove #FF0080;
box-shadow: inset #FF0080 3px 2px 10px #FF0080;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
}
Modelo 8:
Código:.sidebar .widget {
-webkit-border-radius: 0px;
border-radius: 60px 60px 0px 0px;
border: 3px groove #DCB9FF;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
}
Modelo 9:
Código:
.sidebar .widget {
-webkit-border-radius: 0px;
border-bottom: 3px dashed #DCB9FF;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
}
.sidebar h2 {
text-align:center;
background: #DCB9FF;
padding: 5px;
display:block;
box-shadow: inset 2px 2px 40px #B76FFF;
float:center;
margin-top:-38px;
}
.sidebar .widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
Modelo 10:
Código:
.sidebar .widget {
-webkit-border-radius: 0px;
border-bottom: 5px solid #FF8080;
padding-bottom: 20px;
margin: 0px 0;
Background: #ffffff;
margin-top:41px;
padding:11px;
}
.sidebar h2 {
background:#FF8080 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-BonUJSOUSwyPgiHH-VQifyAoEV44vlxHgI4zNaEmIxkaXXg97igtFVSz_-o65NTOY9iiz5EdWO1Rvx8QuDb12D2jFN4A7iFUdPxzQJyzZjgsMBCvHC30cZP-P6OZXjrAp_4_U-X8ou4Q/s1600/s2.png)no-repeat left;
padding: 5px;
box-shadow: inset #FF2B95 2px 2px 2px #FF2B95;
padding-left: 0px;
-webkit-transition-duration: 3s;
}
.sidebar h2:hover {
background:#FF8080 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-BonUJSOUSwyPgiHH-VQifyAoEV44vlxHgI4zNaEmIxkaXXg97igtFVSz_-o65NTOY9iiz5EdWO1Rvx8QuDb12D2jFN4A7iFUdPxzQJyzZjgsMBCvHC30cZP-P6OZXjrAp_4_U-X8ou4Q/s1600/s2.png)no-repeat left;
border-radius: 0px;
padding-left: 50px;
}
.sidebar .widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}









