Pinterest • The world’s catalogue of images

Webkit Border Radius

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style="…

1

<div style="width:500px;border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #cacbcb;padding: 10px;background: #fff;padding:10px;box-shadow: 0px 0px 7px #cacbcb;line-height:20px"><span style="color: rgb(51, 51, 51); font-family: sans-serif, Arial, Verdana, "Trebuchet MS"; font-size: 13px; line-height: 20.8px; background-color: rgb(255, 255, 255);"><a href="http://asiavina.net/U1">Rằm tháng tám</a> với những chiếc đèn ông sao lung linh huyền ảo, với những…

.page {font-size: .95em;} .infusion-field-container { line-height: 17px; font-size: 16px; float: left; } .infusion-field-container input { line-height: 17px; font-size: 16px; padding: 8px; margin-left: 5px; margin-top: 10px; width: 184px; -webkit-border-radius: 8px; border-radius: 8px; background-clip: padding-box; } .infusion-field-container input:focus { border: 2px solid #666; } .infusion-submit input { width: 150px; margin-left: 5px; } .infusion-form { width: 40em; margin: [...]

.button { display: inline-block; text-align: center; vertical-align: middle; padding: 12px 24px; border: 1px solid #a12727; border-radius: 8px; background: #c52f78; background: -webkit-gradient(linear, left top, left bottom, from(#c52f78), to(#8c1956)); background: -moz-linear-gradient(top, #c52f78, #8c1956); background: linear-gradient(to bottom, #c52f78, #8c1956); text-shadow: #591717 1px 1px 1px; font: normal normal bold 20px arial…

Share this post and help spread the love! Share this post and help spread the love! #cab-author { margin-bottom: 15px; border: 1px solid #e1e1e1; border-bottom: 1px solid #979797; background: url(images/author-top-background.png) repeat-x; padding-top: 1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px 0px [...]

native UI elements like search boxes & text fields show an inconsistency on iPad/iPhone/ webkit mobile devices. This shows how to solve this, with input.subscribe {/* Make buttons non iOS native */ -webkit-appearance:none; } input.field { /* make input fields non iOS native */ -webkit-appearance:caret; border-radius: 0; }

Share this post and help spread the love!   Share this post and help spread the love! #cab-author { margin-bottom: 15px; border: 1px solid #e1e1e1; border-bottom: 1px solid #979797; background: url(images/author-top-background.png) repeat-x; padding-top: 1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px [...]

Share this post and help spread the love!   ‎     Share this post and help spread the love! #cab-author { margin-bottom: 15px; border: 1px solid #e1e1e1; border-bottom: 1px solid #979797; background: url(images/author-top-background.png) repeat-x; padding-top: 1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: [...]

Customize Pinterest for better UX!!! .padItems { background-color: #666; } .Pin.summary .hoverMask, .Pin .pinWrapper, .Pin.summary .pinImageWrapper, .UserNews { -webkit-border-radius: 0 !important;} .Pin .pinWrapper { -moz-box-shadow: -1px -1px 6px #1f1f1f; -webkit-box-shadow: -1px -1px 6px #1f1f1f; box-shadow: -1px -1px 6px #1f1f1f; } [infographic]