blockquote model scrap book

1 Agu 2013

Apabila bosan dengan tampilan Blockquote yang biasa biasa saja, sobat bisa mencoba blockquote dengan tampilan scrap book yang tentunya ringan di loading karena ini murni css

.post blockquote {
-moz-border-radius-bottomleft: 10px; 
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-box-shadow: inset 0px 0px 7px #222;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-webkit-box-shadow: inset 0px 0px 7px #222;
background-color: transparent;
border: 4px dashed #b8b8b8;
box-shadow: inset 0px 0px 7px #222;
color: black;
font: normal 11px/16px Verdana,Arial,Sans-Serif;
height: 150px;
margin: 0px 15px 15px;
overflow: auto;
padding: 18px 20px;
display:block;
font:normal 12px/22px Monaco,Monospace !important;
color:#CFDBEC;
background-color:#ccc;
background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-moz-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-ms-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-o-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:repeating-linear-gradient(top, #444 0px, #444 22px, #ccc 22px, #ccc 44px);
padding:0em 1em;
overflow:hidden;height:auto;
text-shadow:none;
}

Inilah yang saya maksud dengan Blockquote model scrap book bila sobat mau memasang blockquote ini di saran kan di edit lagi pada bagian warna nya biar serasi sama template nya. Semoga bermanfaat... amiiiin...

variasi - widget

Taufik 21.19