css/custom.css: correct hangouts icon coordinates

- center gitub icon
- telegram / discord icon resize to 43x43
- consistent spacing between icons (5 pixels below/between)
- reduced spritesheet png size

Co-authored-by: nahuhh <50635951+nahuhh@users.noreply.github.com>
This commit is contained in:
plowsof 2024-07-07 20:30:03 +01:00
parent cda6790252
commit dcdee73998
2 changed files with 11 additions and 11 deletions

View File

@ -4115,7 +4115,7 @@ p.hangouts-social {
.social-icon.twitter:hover {
background-image: url(../img/monero-spritesheet.png);
background-position: -176px -47px;
background-position: -176px -48px;
}
.social-icon.reddit {
@ -4125,7 +4125,7 @@ p.hangouts-social {
.social-icon.reddit:hover {
background-image: url(../img/monero-spritesheet.png);
background-position: -176px -95px;
background-position: -176px -96px;
}
.social-icon.facebook {
@ -4135,47 +4135,47 @@ p.hangouts-social {
.social-icon.facebook:hover {
background-image: url(../img/monero-spritesheet.png);
background-position: -176px 1px;
background-position: -176px 0px;
}
.social-icon.github {
background-image: url(../img/monero-spritesheet.png);
background-position: -127px -144px;
background-position: -128px -144px;
}
.social-icon.github:hover {
background-image: url(../img/monero-spritesheet.png);
background-position: -176px -143px;
background-position: -176px -144px;
}
.social-icon.gitlab {
background-image: url(../img/monero-spritesheet.png);
background-position: -128px -190px;
background-position: -128px -192px;
}
.social-icon.gitlab:hover {
background-image: url(../img/monero-spritesheet.png);
background-position: -176px -190px;
background-position: -176px -192px;
}
.social-icon.telegram {
background-image: url(../img/monero-spritesheet.png);
background-position: -128px -239px;
background-position: -128px -240px;
}
.social-icon.telegram:hover {
background-image: url(../img/monero-spritesheet.png);
background-position: -176px -238px;
background-position: -176px -240px;
}
.social-icon.discord {
background-image: url(../img/monero-spritesheet.png);
background-position: -128px -286px;
background-position: -128px -288px;
}
.social-icon.discord:hover {
background-image: url(../img/monero-spritesheet.png);
background-position: -176px -286px;
background-position: -176px -288px;
}
.hangouts .irc .col-md-4 {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 14 KiB