144 lines
3.4 KiB
CSS
144 lines
3.4 KiB
CSS
.share-buttons a {
|
|
background-position: left 5px center;
|
|
background-repeat: no-repeat;
|
|
background-size: 20px auto;
|
|
border-radius: 3px;
|
|
color: #000;
|
|
display: inline-block;
|
|
margin: 2.5px 5px 2.5px 0;
|
|
min-width: 120px;
|
|
opacity: 0.9;
|
|
padding: 7px 7px 7px 30px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-family: "Open Sans","Helvetica Neue",Arial,sans-serif;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.share-buttons a#facebook {
|
|
background-color: #3b5998;
|
|
background-image: url("/img/share/facebook_white.png");
|
|
color: #fff;
|
|
}
|
|
.share-buttons a#facebook:hover {
|
|
background-color: #143271 !important;
|
|
}
|
|
.share-buttons a#twitter {
|
|
background-color: #55acee;
|
|
background-image: url("/img/share/twitter_white.png");
|
|
color: #fff;
|
|
}
|
|
.share-buttons a#twitter:hover {
|
|
background-color: #338acc !important;
|
|
}
|
|
.share-buttons a#gplus {
|
|
background-color: #d34836;
|
|
background-image: url("/img/share/gplus_white.png");
|
|
color: #fff;
|
|
display: none;
|
|
}
|
|
.share-buttons a#gplus:hover {
|
|
background-color: #b12614 !important;
|
|
}
|
|
.share-buttons a#diaspora {
|
|
background-color: #404040;
|
|
background-image: url("/img/share/diaspora_white.png");
|
|
color: #fff;
|
|
}
|
|
.share-buttons a#diaspora:hover {
|
|
background-color: #101010 !important;
|
|
}
|
|
.share-buttons a#flattr {
|
|
background-color: #7ea352;
|
|
background-image: url("/img/share/flattr_white.png");
|
|
color: #fff;
|
|
}
|
|
.share-buttons a#flattr:hover {
|
|
background-color: #5a7f2e !important;
|
|
}
|
|
.share-buttons a#support {
|
|
background-color: #202d79;
|
|
background-image: url("/img/share/fsfe_white.png");
|
|
color: #fff;
|
|
}
|
|
.share-buttons a#support:hover {
|
|
background-color: #0a1763 !important;
|
|
}
|
|
.share-buttons a#reddit {
|
|
background-color: #ff5700;
|
|
background-image: url("/img/share/reddit_white.png");
|
|
color: #fff;
|
|
}
|
|
.share-buttons a#reddit:hover {
|
|
background-color: #dd3500 !important;
|
|
}
|
|
.share-buttons a#gnusocial {
|
|
background-color: #a22430;
|
|
background-image: url("/img/share/gnusocial_white.png");
|
|
color: #fff;
|
|
}
|
|
.share-buttons a#gnusocial:hover {
|
|
background-color: #850713 !important;
|
|
}
|
|
.share-buttons a#hnews {
|
|
background-color: #ff6600;
|
|
background-image: url("/img/share/hackernews_white.png");
|
|
color: #fff;
|
|
}
|
|
.share-buttons a#hnews:hover {
|
|
background-color: #dd3500 !important;
|
|
}
|
|
|
|
|
|
aside.sharecolumn {
|
|
display: none;
|
|
left: 0;
|
|
padding: 0.1vh 0.5vh;
|
|
position: fixed;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
z-index: 10;
|
|
flex-direction: column;
|
|
}
|
|
@media(min-width:768px) {
|
|
aside.sharecolumn {
|
|
display: flex;
|
|
}
|
|
}
|
|
aside.sharecolumn a {
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: 2.7vh auto;
|
|
background-color: #474747;
|
|
border-radius: 3px;
|
|
color: #000;
|
|
display: inline-block;
|
|
margin: 2.5px 5px 2.5px 0;
|
|
opacity: 0.9;
|
|
text-decoration: none;
|
|
height: 4vh;
|
|
width: 4vh;
|
|
}
|
|
aside.sharecolumn a:hover {
|
|
background-color: #F05F40;
|
|
}
|
|
aside.sharecolumn a#diaspora-left {
|
|
background-image: url("/img/share/diaspora_white.png");
|
|
}
|
|
aside.sharecolumn a#gnusocial-left {
|
|
background-image: url("/img/share/gnusocial_white.png");
|
|
}
|
|
aside.sharecolumn a#reddit-left {
|
|
background-image: url("/img/share/reddit_white.png");
|
|
}
|
|
aside.sharecolumn a#twitter-left {
|
|
background-image: url("/img/share/twitter_white.png");
|
|
}
|
|
aside.sharecolumn a#gplus-left {
|
|
background-image: url("/img/share/gplus_white.png");
|
|
display: none;
|
|
}
|
|
aside.sharecolumn a#facebook-left {
|
|
background-image: url("/img/share/facebook_white.png");
|
|
}
|