162 lines
3.7 KiB
CSS
162 lines
3.7 KiB
CSS
/* LANGUAGE SECTION */
|
||
#language {
|
||
color: #fff;
|
||
background-color: #333;
|
||
padding: 20px;
|
||
}
|
||
#language ul {
|
||
padding: 0px;
|
||
}
|
||
#language li {
|
||
display: inline-block;
|
||
margin-right: 10px;
|
||
}
|
||
#language li::before {
|
||
content: "› ";
|
||
}
|
||
|
||
/* SHARE BUTTONS IN "SPREAD THE WORD" SECTION */
|
||
.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;
|
||
}
|
||
|
||
/* SHARE BUTTONS ON LEFT SIDE */
|
||
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");
|
||
}
|