Thursday, 22 August 2013

Blockquote Styles



Style 1:

blockquote{padding-left: 6px; background:#f5f5f5; padding-bottom : 7px; font-family: "PF Tempesta Seven Condensed"; font-size:8px; border-left: 6px solid #4d8876; text-shadow:1px 1px 0px #fff; color:#9a9a9a; width:448px; margin-left:10px; padding-right:6px; padding-top:4px;} @font-face {font-family: "PF Tempesta Seven Condensed"; src: url('http://static.tumblr.com/8yo5xxv/b5cm22t2y/pf_tempesta_seven_condensed.ttf'); format("truetype");}
Style 2:

blockquote{ padding-left: 18px; background:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-bottom : 7px; font-family: "Pixelberry"; font-size:8px; border-left: 0px solid #4d8876; text-shadow:1px 1px 0px #fff; color:#898888; width:448px; margin-left:10px; padding-right:6px; padding-top:7px; border-bottom:1px dashed #f295aa; border-right:1px dashed #f295aa; border-top:1px dashed #68baaf; border-left:1px dashed #68baaf;} @font-face {font-family: "Pixelberry"; src: url('http://static.tumblr.com/y0x5xm1/Ylpmcc4r7/pixelberry.ttf'); format("truetype");}
Style 3:

blockquote{padding-left: 6px; background:#f5f5f5; text-align:center; padding-bottom : 7px; font-family: "folks-light"; font-size:12px; border-left: 6px solid #4d8876; border-right: 6px solid #4d8876; text-shadow:1px 1px 0px #fff; color:#9a9a9a; width:448px; margin-left:10px; padding-right:6px; padding-top:4px;} @font-face {font-family: "folks-light"; src: url('http://static.tumblr.com/y0x5xm1/4e1mcc5kl/folks-light.ttf'); format("truetype");}
Style 4:

on hover:

blockquote{padding-left: 16px; background:#f5f5f5; padding-bottom : 7px; font-family: "PF Tempesta Seven Condensed"; font-size:10px; border-left: 6px solid #4d8876; text-shadow:1px 1px 0px #fff; color:#9a9a9a; width:448px; margin-left:10px; padding-right:6px; padding-top:4px;} blockquote:hover { padding-left: 45px; border-left: 10px #528B8B solid; background-color:#d6d6d6; color:#000; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; @font-face {font-family: "PF Tempesta Seven Condensed"; src: url('http://static.tumblr.com/8yo5xxv/b5cm22t2y/pf_tempesta_seven_condensed.ttf'); format("truetype");}

No comments:

Post a Comment