Aroy/Rinkusu
1
1
Fork 0
mirror of https://github.com/Aroy-Art/Rinkusu.git synced 2024-10-18 20:09:35 +00:00
Code Issues 5 Projects Releases Packages Wiki Activity

Update: Sharing buttons styling

Browse source
This commit is contained in:
Aroy-Art 2022-02-03 10:04:33 +01:00
parent 97478ec9ef
commit f21ff4ef04
Signed by: Aroy
GPG key ID: DB9689E9391DD156
1 changed files with 130 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
assets/css/style.css
View file

@ -1528,7 +1528,6 @@ img.loaded video.loaded {
}
/*==================================================================
Social sharing buttons from Sharingbuttons.io
==================================================================*/
@ -1544,10 +1543,10 @@ img.loaded video.loaded {
}
.resp-sharing-button {
border-radius: 50%;
border-radius: 5px;
transition: 25ms ease-out;
padding: 0.5em 0.75em;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}
.resp-sharing-button__icon svg {
@ -1658,7 +1657,6 @@ img.loaded video.loaded {
.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover,
.resp-sharing-button--hackernews:focus {
background-color: #FB6200
@ -1694,18 +1692,17 @@ img.loaded video.loaded {
border-color: #2795e9;
}
.resp-sharing-button--google {
background-color: #dd4b39;
border-color: #dd4b39;
.resp-sharing-button--tumblr {
background-color: #35465C;
border-color: #35465C;
}
.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
background-color: #c23321;
border-color: #c23321;
.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
background-color: #222d3c;
border-color: #222d3c;
}
.resp-sharing-button--email {
background-color: #777777;
border-color: #777777;
@ -1717,6 +1714,28 @@ img.loaded video.loaded {
border-color: #5e5e5e;
}
.resp-sharing-button--pinterest {
background-color: #bd081c;
border-color: #bd081c;
}
.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
background-color: #8c0615;
border-color: #8c0615;
}
.resp-sharing-button--linkedin {
background-color: #0077b5;
border-color: #0077b5;
}
.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
background-color: #046293;
border-color: #046293;
}
.resp-sharing-button--reddit {
background-color: #5f99cf;
border-color: #5f99cf;
@ -1728,6 +1747,17 @@ img.loaded video.loaded {
border-color: #3a80c1;
}
.resp-sharing-button--xing {
background-color: #1a7576;
border-color: #1a7576;
}
.resp-sharing-button--xing:hover
.resp-sharing-button--xing:active {
background-color: #114C4C;
border-color: #114C4C;
}
.resp-sharing-button--whatsapp {
background-color: #25D366;
border-color: #25D366;
@ -1739,6 +1769,28 @@ img.loaded video.loaded {
border-color: #1DA851;
}
.resp-sharing-button--hackernews {
background-color: #FF6600;
border-color: #FF6600;
}
.resp-sharing-button--hackernews:hover
.resp-sharing-button--hackernews:active {
background-color: #FB6200;
border-color: #FB6200;
}
.resp-sharing-button--vk {
background-color: #507299;
border-color: #507299;
}
.resp-sharing-button--vk:hover
.resp-sharing-button--vk:active {
background-color: #43648c;
border-color: #43648c;
}
.resp-sharing-button--telegram {
background-color: #54A9EB;
}
@ -1747,6 +1799,8 @@ img.loaded video.loaded {
background-color: #4B97D1;
}
/*==================================================================
Cookie Box
==================================================================*/