Monday, 2 December 2013

User Social Share Button

Leave a Comment
ul.abt-social { list-style:none; margin:15px auto;display:inline-block; } ul.abt-social li { display:inline; float:left; background-repeat:no-repeat; } ul.abt-social li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none; } ul.abt-social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0...
Read More...

Thursday, 28 November 2013

flat social links

Leave a Comment
/*-- Social Links --*/ .entry-social{ overflow: hidden; margin-bottom: 20px; } .entry-social a{ display: block; padding-left: 20px; color: #FFFFFF !important; font-weight: 300; font-size:12px; } .entry-social div{ float: left; margin-right: 5px; width: 95px; } .entry-social div a{ background-color: #FF7F1A; } .entry-social .delicious{ width: 98px; margin-right: 0; } .entry-social .fb a{ padding: 7px 10px 7px 26px; background-image: url('https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sgr2DHeh_MYGxGHD272qDb4tKCnoun6IugejJKBlzyG7g-5_vzj83lOm9eheGID3TwEyIK8WH4VsRn00kBFJ9q43iqKcV20nkrAPycKbhFXrX3vyNSlG2KMWtWy70_1nBwg5W-oEdtP24E5Md_SQ=s0-d'); ...
Read More...

origami article about me

Leave a Comment
Flat Origami Article Pure CSS, Responsive, Boostrap 3 Article Heading Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae,...
Read More...

4 awesome share

Leave a Comment
ol, ul { list-style: none; } li { display: list-item; text-align: -webkit-match-parent; } .share-below ul { list-style: none; width: 620px; margin: 0 0 0 85px; padding: 0; } ul, menu, dir { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } .subscribe-like{float:right} .subscribe-like a{text-indent:-9999px;height:37px;width:37px;display:block;margin-left:18px;background:url(sprite-social.png) no-repeat;float:left} .subscribe-like...
Read More...

Wednesday, 27 November 2013

Flare Share Widget

Leave a Comment
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquet lacus rutrum, ullamcorper odio ac, facilisis lectus. Curabitur fermentum leo turpis. In id velit lacinia, consequat nulla quis, placerat nisl. Donec quis laoreet enim. Etiam massa ipsum, pulvinar id molestie at, congue ac mi. Curabitur eget consectetur eros. Nulla a orci sed nunc euismod mattis. Morbi lectus ante, mollis a augue a, fringilla eleifend lacus. Mauris imperdiet, tortor ut sagittis pretium, dolor nisi eleifend purus, aliquet interdum dui sem...
Read More...

Monday, 21 October 2013

3D Bootstrap

Leave a Comment
3DElements Revamped Buttons .btn .btn-success .btn-warning .btn-danger .btn-info /* Author: Matt Wisniewski http://tinderlight.us */ .btn{text-shadow:0 0 13px rgba(0,0,0,.3);border:1px solid #bfbfbf;border-radius:5px;box-shadow:0 4px 0 #a5a5a5,0 5px 0 #565656,0 5px 10px rgba(0,0,0,.4);background-color:#f2f2f2}.btn:hover{text-shadow:0 0 13px #fff;margin-top:-2px;background-color:#efefef;top:-2px;box-shadow:0 7px 0 #a5a5a5,0 7px 0 #565656,0 7px 7px rgba(0,0,0,.4)}.btn:active{margin-top:2px;background-color:#efefef;top:2px;box-shadow:0...
Read More...

Wednesday, 9 October 2013

Horizontal Hover Share Buttons

Leave a Comment
@import url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sRE65uJKt3S89KZO51jbuK6iQ6H12oqAjM0WO0YzzVDBlgdt3q8Ln_xOjBan7K0SB7Lscp_1KL-MpePixQv6Cco-WnDKMiy-_6rOpscYdJiFlGf8uHryw=s0-d); @import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css"; #buttons { border-radius: 5px; padding: 14px 7px; background: white; width: 660px; overflow: hidden; margin: 150px auto 0; box-shadow:0 2px 3px rgba(71, 71, 71, 0.31); } .button { background: #DCE0E0; position: relative; ...
Read More...