mirror of
https://github.com/Decentralized-ID/decentralized-id.github.io.git
synced 2024-12-27 16:19:34 -05:00
add css for share bar
This commit is contained in:
parent
ca088aba1d
commit
34058c595b
@ -327,3 +327,94 @@ footer {
|
||||
content:'at https://github.com/';
|
||||
}
|
||||
}
|
||||
|
||||
#share-bar {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/* Title */
|
||||
#share-bar h4 {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* All buttons */
|
||||
.share-buttons {
|
||||
}
|
||||
|
||||
/* Each button */
|
||||
.share-button {
|
||||
margin: 0px;
|
||||
margin-bottom: 10px;
|
||||
margin-right: 3px;
|
||||
border: 1px solid #D3D6D2;
|
||||
padding: 5px 10px 5px 10px;
|
||||
}
|
||||
.share-button:hover {
|
||||
opacity: 1;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* Facebook button */
|
||||
.fa-facebook-official {
|
||||
color: #3b5998;
|
||||
}
|
||||
.fa-facebook-official:hover {
|
||||
background-color: #3b5998;
|
||||
}
|
||||
|
||||
/* Twitter button */
|
||||
.fa-twitter {
|
||||
color: #55acee;
|
||||
}
|
||||
.fa-twitter:hover {
|
||||
background-color: #55acee;
|
||||
}
|
||||
|
||||
/* Google-PLus button */
|
||||
.fa-google-plus {
|
||||
color: #dd4b39;
|
||||
}
|
||||
.fa-google-plus:hover {
|
||||
background-color: #dd4b39;
|
||||
}
|
||||
|
||||
/* Pinterest button */
|
||||
.fa-pinterest-p {
|
||||
color: #cb2027;
|
||||
}
|
||||
.fa-pinterest-p:hover {
|
||||
background-color: #cb2027;
|
||||
}
|
||||
|
||||
/* Tumblr button */
|
||||
.fa-tumblr {
|
||||
color: #32506d;
|
||||
}
|
||||
.fa-tumblr:hover {
|
||||
background-color: #32506d;
|
||||
}
|
||||
|
||||
/* Reddit button */
|
||||
.fa-reddit-alien {
|
||||
color: #ff4500;
|
||||
}
|
||||
.fa-reddit-alien:hover {
|
||||
background-color: #ff4500;
|
||||
}
|
||||
|
||||
/* LinkedIn button */
|
||||
.fa-linkedin {
|
||||
color: #007bb5;
|
||||
}
|
||||
.fa-linkedin:hover {
|
||||
background-color: #007bb5;
|
||||
}
|
||||
|
||||
/* Email button */
|
||||
.fa-envelope {
|
||||
color: #444444;
|
||||
}
|
||||
.fa-envelope:hover {
|
||||
background-color: #444444;
|
||||
}
|
Loading…
Reference in New Issue
Block a user