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...
Monday, 2 December 2013
Thursday, 28 November 2013
flat social links
/*-- 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');
...
origami article about me
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,...
4 awesome share
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...
Wednesday, 27 November 2013
Flare Share Widget
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...
Monday, 21 October 2013
3D Bootstrap
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...
Wednesday, 9 October 2013
Horizontal Hover Share Buttons
@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;
...