239 lines
4.9 KiB
CSS
239 lines
4.9 KiB
CSS
/* LANGUAGE SECTION */
|
||
#language {
|
||
color: #fff;
|
||
background-color: #333;
|
||
padding: 20px;
|
||
}
|
||
#language p {
|
||
margin-bottom: 5px;
|
||
}
|
||
#language ul {
|
||
padding: 0px;
|
||
}
|
||
#language li {
|
||
display: inline-block;
|
||
margin-right: 10px;
|
||
}
|
||
#language li::before {
|
||
content: "› ";
|
||
}
|
||
|
||
/* LEGAL SECTION */
|
||
#legal {
|
||
color: #fff;
|
||
background-color: #000;
|
||
padding: 10px;
|
||
margin: 0px;
|
||
}
|
||
#legal p {
|
||
padding: 0px;
|
||
margin: 0px;
|
||
font-size: 0.8em;
|
||
}
|
||
|
||
/* SIGN FORM */
|
||
#sign form {
|
||
color: #333;
|
||
font-size: 18px;
|
||
}
|
||
#sign form label {
|
||
font-weight: 400;
|
||
}
|
||
.sign-input {
|
||
position: relative;
|
||
}
|
||
.sign-input:before {
|
||
font-family: "FontAwesome";
|
||
font-size: 20px;
|
||
position: absolute;
|
||
left: 4px;
|
||
top: 2px;
|
||
}
|
||
.sign-input input {
|
||
background-color: rgb(255, 255, 255, 0.5);
|
||
border-radius: 7px;
|
||
text-indent: 30px;
|
||
}
|
||
.form-na:before {
|
||
content: "\f2c3";
|
||
}
|
||
.form-em:before {
|
||
content: "\f003";
|
||
}
|
||
.form-cn:before {
|
||
content: "\f041";
|
||
padding-left: 4px;
|
||
}
|
||
.form-zp:before {
|
||
content: "\f08d";
|
||
padding-left: 3px;
|
||
}
|
||
p.form-pe {
|
||
text-align: left;
|
||
max-width: 530px; /* to not let the checkboxed go far more left than the input boxes above */
|
||
margin: 0 auto;
|
||
}
|
||
p.form-pe a {
|
||
color: inherit;
|
||
text-decoration: underline;
|
||
}
|
||
#honey {
|
||
display: none;
|
||
}
|
||
|
||
/* SIGNATURE TABLE */
|
||
table.signatures {
|
||
margin: 0 auto;
|
||
}
|
||
table.signatures th, table.signatures td {
|
||
border: 1px solid darkgrey;
|
||
border-collapse: collapse;
|
||
text-align: left;
|
||
padding: 2px;
|
||
}
|
||
|
||
/* 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");
|
||
}
|