[CSS] Finally Shared!! Complete Wapfield CSS Styles Code For Your Wapkiz Site

Hey! Guys!! Welcome to another Gurusprovince Tutorial.

Today, we’re sharing with you guys: Complete Wapfield CSS Styles Code For Your Wapkiz Site.

We’ve decided to share this with you guys today.

The CSS codes for this above site is in three categories:

Here it comes!!

CSS I
body { background: #aaa; margin: auto; font-family:Helvetica, sans-serif; font-size:16px; color: #555; } a, a:visited { color:#08a; text-decoration:none; } small { color: gray; } img {max-width: 90%;} input[type=text], textarea {border:1px solid #aaa; padding: 8px;} textarea { width:90%; height:200px; } input[type=submit] { border:1px solid #666; padding:8px; } form { padding: 3px; border-radius:10px; margin-top:10px; padding:8px; } h1, h2, h3, h4, h5 { padding: 0px; margin:0px; font-size: 18px; } h4,h5 { font-size: 14px; font-weight: normal; } #containers { text-align:center; } #acontents { background:#eee; display:inline-block; width:100%; max-width:1024px; margin:auto; } #headers { background: #08a; color:#fff; max-width:1024px; margin:auto; } #headers a { } .headers { background:#a00; } #contents { float:left; width:65%; background:#fff; box-shadow:4px 4px 5px; text-align:left; } #navigation { float:right; width:35%; text-align:left;} .contents {margin: 20px;} .navigation { padding: 20px; } .logos { font-size: 30px; display:inline-table; width:50%; padding: 10px; } .descriptions { padding: 18px; display:inline-table; width:40%; font-weight:small; } .navs { background:#fafafa; border-top:2px solid #aaa; background: linear-gradient(#fff,#eee); font-weight:bold; } .nav a { border-right: 1px solid #eee; border-left: 1px solid #ddd; color:#000; display: inline-block; padding: 15px; } #headers .selectnav { background:#fff; } .navs a:first-child { } .navs a:last-child { border-radius:0px 8px 8px 0px; } #headers .navs form { border:none; padding:15px; float:right; display:inline-block; } #headers .navs input[type=text] { border:1px solid #08a; margin:0px; border-radius:8px 0px 0px 8px; } #headers .navs input[type=submit] { background:#08a; border-radius:0px 8px 8px 0px; border:none; color:#fff; margin-left:-5px; } #headers form { text-align:right; border:none; padding:0px; margin:0px; } .post-list, .post-view { background: #fff; padding: 15px; } .post-list { background:#f6f6f6; margin: 10px; border-radius: 4px; } .list { padding:8px; } .post-view { border-radius:10px; margin-top:5px; margin-bottom:5px; } .title { padding: 2px; padding-left:0px; padding-right:0px; font-size: 24px; font-family:”Comic Sans MS”, cursive; } small { padding:5px; display:block; } .text { font-family: Geneva, sans-serif; font-size:17px; padding:20px; } .text .quote { background: #f6f6f6; color:#6a0; border-left:3px solid #eee; padding: 8px; } .text textarea { width:90%; } .old_new a { background:#f6f6f6; display:inline-block; padding:6px; border:1px solid #aaa; margin:5px; } .old_new a+a { float:right; } .thumbnail { width:100px; height:90px; border:2px solid #08a; border-radius:4x; float:left; margin:2px 10px 2px 10px; } .post-comment { text-align:left; } .post-comment a { background:#fff; display:inline-block; color: #000; text-align:center; font-weight: bold; border:2px solid #068; width:20%; border-radius: 5px; padding: 4px; } .paging { text-align: center; padding: 3px; text-align:center; } .paging a { background: #fff; width: auto; padding:8px; border:1px solid #aaa; display:inline-block; } .paging span { background: #08a; padding:8px; color: #fff; } .comment { background:#f6f6f6; padding:10px; } .comment .meta2 { background:#eee; padding:5px; } .comment h3,h4,h5,h6{ padding:0px; margin:0px; } .comment-list { padding: 10px; box-shadow:0px 0px 3px #ddd; margin:20px; border:1px solid #ddd; background: #fff; } #comment-form form { text-align:center; } #comment-form textarea { width:70%; border:1px solid #ddd; box-shadow:0px 0px 2px #aaa; margin:8px; } #comment-form input { margin:8px; } ul { padding:0px; margin:0px; } .navigation-menu, .navigation-other, .navigation-widget, .navigation-cat { background:#fff; margin: 10px; margin-bottom: 20px; border:1px solid #aaa; } .content-cat, .menu-content { display:inline; padding:0px;} .navigation-menu li, .navigation-cat li, .navigation-widget li { list-style:none; padding:8px; border:1px solid #ddd; } .navigation post-list:last-child {border-radius:0px 0px 10px 10px;} .menu-path, .menu-recent, .comment-count,.menu-cform { background:#555; padding:20px; border-radius:0px; color:#fff; border:none; border-bottom:4px solid #08a; font-weight:bold; } .menu-cat, .menu-widget { background:#08a; color:#fff; border-top:none; padding:10px; border-bottom:1px solid #aaa; } .menu-cat a, .menu-cform a { color:#fff; font-weight:bold; } .null { background: #fff; padding: 8px;} #footer { text-align: center; } #footer { background:#555; width:90%; color:#fff; max-width:1024px; display:inline-block; padding:50px; margin:auto; } .action { display:inline-block; } .copyright { display:inline-block; float:right; }

CSS II
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background-color: #E9EAED; color: #636363; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0 0 2px; display: block; } a { color: blue; text-decoration: none; } a:visited { color: darkblue; text-decoration: none; } a:hover { color: #006F85; text-decoration: none; } a img { border-width: 0 } ul, ol { margin-top: 0; padding-left: 25px; margin-bottom: 1px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 } p { margin: 0 0 5px } .header { color: #fff; padding: 10px; background-color: #70D3E6; background-image: url(‘../images/png_gradient.php?from=ffffff&to=70D3E6&width=1&height=80’); background-position: left top; background-repeat: repeat-x; overflow: hidden; } .header a { color: #EA5863; font-size: 16px; text-shadow: 0.5px 0.4px 0 #fff; } .header a:hover { color: red } .header h2 { font-size: 11px; } .menu { background-color: #292929; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=696969&to=292929&width=1&height=35); background-position: left top; background-repeat: repeat-x; border-bottom: 3px solid #01b1d3; text-transform: uppercase; color: #fff; width: 100%; overflow: hidden; } .menu ul { margin: 0; padding: 0 5px; list-style: none; display: block } .menu ul li { margin: 0; padding: 0; border-right: 1px solid rgba(0,0,0,.1); border-left: 1px solid rgba(255,255,255,.1); float: left; } .menu ul li a { text-decoration: none; text-align: center; color: white; padding: 10px 8px; display: block; white-space: nowrap; margin: 0; vertical-align: middle; background-color: transparent; } .menu ul li a:visited { color: #fff } .home_page .menu ul li#menu-list-home a, .menu ul li a:hover, .menu ul li.active a { color: #fff; background-color: #01B1D3; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=ACE5F0&to=01B1D3&width=1&height=34); background-position: left top; background-repeat: repeat-x; } .content { padding: 5px; } .post { padding: 0; margin-bottom: 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; } .singlepost .post { border-radius: 3px; } .post:last-child { margin-bottom: 0 } .post-heading { padding: 5px 8px; background-color: #ededed; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=ffffff&to=ededed&width=1&height=28); background-position: left top; background-repeat: repeat-x; border-bottom: 1px solid #ddd; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .singlepost .post-heading { padding: 8px 10px; background: transparent; border-bottom: 1px solid #fcfcfc; overflow: hidden; } .post-heading a,.post-heading a:visited { color: #666 } .post-heading a:hover { color: #999; } .post-heading .post-title { font-size: 14px; padding: 0; margin: 0; } .singlepost .post-heading .post-title { font-size: 16px; } .post-heading .post-meta { font-size: 10px; color: #ccc; white-space: nowrap; } .posts .post-body { padding: 8px; /*text-align: justify;*/ display: table-cell; overflow: hidden; } .posts .post-body > .thumbnail { float: left; margin-right: 5px; width: 60px; height: 60px; /*width: 100%; margin-bottom: 8px;*/ } .post-footer:before,.post-footer:after{ content: ” “; display: block; } .post-footer { background-color: #fcfcfc; padding: 0; margin: 0; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .post-footer:after { clear: both; } .posts .post-footer a { color: #666; } .posts .post-footer-left, .posts .post-footer-right { padding: 8px 10px; width: 50%; display: inline-block; background-color: transparent; float: left; text-align: center; white-space: nowrap; overflow: hidden; } .posts .post-footer-right { border-left: 1px solid #ddd; } .posts .post-footer-left { border-right: 1px solid transparent; } .posts .post-footer a.post-footer-left:hover, .posts .post-footer a.post-footer-right:hover { background-color: #f9f9f9; } .admin-post-action { margin: 0 5px 5px 5px; background-color: #f5f5f5; padding: 5px; border-radius: 3px; } .admin-comment-action { margin-top: 8px; } .admin-post-action a,.admin-comment-action a { display: inline-block; vertical-align: middle; padding: 3px 5px; background-color: #f9f9f9; border: 1px solid #ddd; color: #777; } .admin-post-action a + a, .admin-comment-action a + a { margin-left: 2px; } .admin-post-action a:hover,.admin-comment-action a:hover { background-color: #ececec; } .admin-post-action a, .admin-comment-action a { border-radius: 3px; } .singlepost .post-body { padding: 8px; overflow: hidden; } .pager { margin: 0 auto; padding: 0; text-align: center; } .pagination:before, .pagination:after{ content: ” “; display: block; } .pagination { display: inline-block; padding-left: 0; margin-top: 5px; border-radius: 5px; } .pagination:after,.clear { clear:both } .pagination > li { display: inline } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 8px 10px; margin-left: -1px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #01b1d3; border-color: #01b1d3; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pull-right { float: right !important } .pull-left { float: left !important } .alert { color: #555; font-family: Tahoma,Geneva,Arial,sans-serif; font-size: 11px; padding: 8px 10px; margin-bottom: 5px; border-radius: 3px; } .alert-danger { background: #ffecec; border: 1px solid #f5aca6; } .alert-success { background: #e9ffd9; border: 1px solid #a6ca8a; } .alert-warning { background: #fff8c4; border: 1px solid #f2c779; } .alert-info { background: #e3f7fc; border: 1px solid #8ed9f6; } .list-unstyled { list-style: none; padding-left: 0 } .breadcrumb { padding: 6px 8px; margin-bottom: 5px; list-style: none; background-color: #f9f9f9; color: #ccc; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .breadcrumb > li { display: inline-block } .breadcrumb > .divider { padding: 0 3px; color: #ccc; } .breadcrumb > .active { color: #777 } .singlepost .post { margin-bottom: 10px; } .social-buttons { padding: 5px; } .social-buttons span { margin: 0 2px; display: inline } .social-buttons img { width: 24px; height: 24px; } .recent-posts { margin: 0 0 10px 0; padding:0; border-radius: 3px; } .recent-posts h3 { padding: 8px; margin-bottom: 0; background-color: #ededed; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=ffffff&to=ededed&width=1&height=35); background-position: left top; background-repeat: repeat-x; border: 1px solid #ddd; margin-bottom: -1px; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .recent-posts > ul { list-style: none; padding: 0; margin: 0; } .recent-posts > ul li { margin: 0; padding: 0; background-color: #fff; border: 1px solid #ddd; } .recent-posts > ul li + li { margin-top: -1px; } .recent-posts > ul li > a { padding: 8px; display: block; vertical-align: middle; } .recent-posts > ul li > a:hover { background-color: #f9f9f9 } .recent-posts > ul li:last-child a:hover { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .recent-posts > ul li:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .comments { margin: 0; padding:0; } .comments .alert { padding: 10px 15px; border-radius: 0; border-color: #ddd; margin-top: -1px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .comment-info { padding: 5px 8px; background-color: #ededed; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=ffffff&to=ededed&width=1&height=50); background-position: left top; background-repeat: repeat-x; border: 1px solid #ddd; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .comment-info h4 { font-size: 10px; font-style: italic; color: #ccc; white-space: nowrap; } .comment { padding: 8px; border: 1px solid #ddd; margin-top: 5px; background-color: #fff; } .comment, .comment-body { overflow: hidden; zoom: 1; } .comment + .comment { margin-top: -1px } .comment:first-child{ margin-top: -1px; } .comment:last-child{ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .comment:nth-child(odd) { background-color: #fcfcfc } .comment.moderated { background-color: #FFECEC; } .comment-object { display: block; width: 48px; height: 48px; } .comment-heading { margin: 0 0 5px } .comment > .pull-left { margin-right: 10px } .comment > .pull-right { margin-left: 10px } .comment-list { padding-left: 0; list-style: none; } .comment-meta { margin-bottom: 5px; padding: 0; color: #ccc; font-size: 10px; white-space: nowrap; overflow: hidden; } .comment-meta a,.comment-meta a:visited { color: #666; } .comment-meta a:hover { color: #ccc; } .comment-heading > h3 { font-size: 12px; } .comment-body { display: table-cell; } .comment-body > p { margin-bottom: 0; } .comment-sub-body { border-top: 1px dotted #ccc; padding-top: 5px; } .comment-form { margin-top: 8px; } .comment-form h3 { margin-bottom: 5px; padding: 5px 0; } .new-comment-closed { margin-top: 8px; } .form-group { margin-bottom: 8px; } .form-group .captcha img { margin-bottom: 5px; display: block; } .form-group .help-block { margin-top: 5px; } label { display: block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .form-control { display: block; width: 100%; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #777; opacity: 1; } .form-control:-ms-input-placeholder { color: #777; } .form-control::-webkit-input-placeholder { color: #777; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } textarea.form-control { height: auto; } select.form-control { height: 30px; line-height: 30px; } .btn { display: inline-block; color: #fff; background-color: #01b1d3; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=ace5f0&to=01b1d3&width=1&height=30); background-position: left top; background-repeat: repeat-x; padding: 5px 10px; font-size: 12px; line-height: 1.5; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #61CEE3; border-radius: 3px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #fff; border-color: #01b1d3; text-decoration: none; } .btn:active, .btn.active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-default { color: #777 !important; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=ffffff&to=dedede&width=1&height=30); border: 1px solid #dedede; } .btn-default:hover, .btn-default:focus { border-color: #ccc; color: #999; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=”col-“] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group .form-control:first-child, .input-group-btn:first-child > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .form-control:last-child, .input-group-btn:last-child > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .radio, .checkbox { position: relative; display: block; min-height: 20px; margin-top: 0; margin-bottom: 5px; } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio label span, .checkbox label span { vertical-align: middle; } .radio input[type=”radio”], .radio-inline input[type=”radio”], .checkbox input[type=”checkbox”], .checkbox-inline input[type=”checkbox”] { position: absolute; margin-top: 4px 9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .widgets { margin: 0; padding:5px; background-color: #292929; border-top: 2px solid #01b1d3; } .widget + .widget { margin-top: 5px; } .widget-search-form .form-control { background-color: #333; border-color: #222; } .widget-search-form .btn { background-color: #333333; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=333333&to=222222&width=1&height=30); border-color: #222; } .widget-category, .widget-navigation { border-radius: 3px; background: transparent } .widget-category h3, .widget-navigation h3 { font-size: 12px; color: #fff; padding: 8px 10px; background-color: #222; background-image: url(http://blogmr.com/assets/css/images/png_gradient.php?from=2a2a2a&to=222222&width=1&height=35); background-position: left top; background-repeat: repeat-x; border: 1px solid #222; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: -1px; } .widget-category ul, .widget-navigation ul { list-style: none; padding: 0; margin: 0 } .widget-category ul li, .widget-navigation ul li { padding: 0; margin: 0; border: 1px solid #222; } .widget-navigation ul li { padding: 8px 10px; } .widget-category ul li a { padding: 8px 10px; background-color: transparent; display: block; vertical-align: middle; } .widget-category ul li a span { float: right; color: #fff; } .widget-category ul li a:hover { background-color: #333; } .widget-category ul li + li, .widget-navigation ul li + li { margin-top: -1px; } .widget-category ul li:last-child, .widget-category ul li:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .footer { padding: 10px 15px; text-align: center; background-color: #292929; border-top: 1px solid #00ff00 } .footer a { color:lime } ul {list-style-image: none; padding: 5px; color: #214466;} li {padding: 2px; list-style-type: none;} .o {background-color: #e5e0e0;} .e {}

CSS III
.sh_box{ margin-left:7px; padding:2px; display:block; background:#F8F8FF; border-width:1px 1px 0 1px; border-style:solid; border-color:#C1CDCD; border-right:1px solid #ECF1EF; color:#3D3D3D; font-family:’Helvetica Neue’,sans-serif; font-size:13px; font-weight: bold; float:left } .shoutbox_links a{ border-width:1px 1px 0 1px; border-style:solid; border-color:#C1CDCD; padding:2px; display:block; background:#C1CDCD; font-family:’Helvetica Neue’,sans-serif; font-size:15px; font-weight: bold; float:left; } .shoutbox_links a:hover{ color:#000000; text-decoration:none; background:#63B8FF; } .shoutbox_links{ color:#000000; border-color:; padding:0px; margin:10px 0 10px 0; text-align:left; } .write_shout{ background-color:#F8F8FF; color:#000000; border:1px solid #C1CDCD; padding:5px; text-align:left; border-radius:5px; font-family: ‘Exo 2′,Arial,sans-serif; font-size: 14px; font-style:none; } .s1{margin-bottom:10px;width:98%!important} .s2{background:url(http://wapego.com/files/154586/resultset_previous.png) no-repeat 0px 15px} .s3{margin-top:10px;border-right:10px solid #888;border-bottom:10px solid transparent;border-top:10px solid transparent;border-left:none} .s4{background-color:#FEF9ED;border:1px solid #888;border-radius:3px;box-shadow: 0 1px 1px #888;padding:4px;font-size:13px} .s5{width:98%;border-top:1px solid #999;color:#999;background:#999;clear:both} .s6{width:99%;text-align:left;} .s7{width:10%;text-align:right;} .shout_ava img{padding:1px;border:1px solid #888;border-radius:3px;box-shadow: 0 1px 1px #888} .s4 input[type=submit]{ background: #FF5DB1; background: -moz-linear-gradient(top,#FF5DB1 0%,#E94A86 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FF5DB1),color-stop(100%,#E94A86)); background: -webkit-linear-gradient(top,#FF5DB1 0%,#E94A86 100%); background: -o-linear-gradient(top,#FF5DB1 0%,#E94A86 100%); background: -ms-linear-gradient(top,#FF5DB1 0%,#E94A86 100%); background: linear-gradient(top,#FF5DB1 0%,#E94A86 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=’#FF5DB1′, endColorstr=’#E94A86′,GradientType=0); padding:2px 3px; color:#fff; font-family:’Helvetica Neue’,sans-serif; font-size:12px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #E8124F; }

That’s all guys!! Use it wisely!!!

If you encounters any problem while making use of the above tutorial, kindly make use of the comment box below.

REMEMBER: Always visit for more interesting topics.