MediaWiki:Gadget-CommonSocialLinks.css

/********************************** /* Link images */ vertical-align: middle; }
 * Link images and Social Profiles *
 * 1) mw-panel .portal .body li a {

position: relative; height: 24px; padding: 0 0 0 24px; }
 * 1) p-Links-list li:not(#n-Discord) {

padding-bottom: 2px; }
 * 1) p-Links-list li:not(#n-Discord):not(:last-child) {

position: relative; left: -24px; line-height: 24px; padding: 0 3px 0 26px; display: inline-block; border-radius: 0 6px 6px 0; }
 * 1) p-Links-list li:not(#n-Discord) a {

border-radius: 13px 6px 6px 13px; }
 * 1) p-Links-list li#n-Steam a {

padding-left: 19px; left: -17px; }
 * 1) p-Links-list li#n-Twitch a {

border-radius: 6px; }
 * 1) p-Links-list li#n-Mixer a {

border-bottom-left-radius: 6px; }
 * 1) p-Links-list li#n-Forum a {

border-radius: 5px 6px 6px 5px; }
 * 1) p-Links-list li#n-Trello-Board a {

content: ""; position: absolute; display: inline-block; width: 24px; height: 24px; top: 0; left: 0; background-size: 24px 24px; background-repeat: no-repeat; z-index: 1; pointer-events: none; }
 * 1) p-Links-list li:not(#n-Discord):before {

background: url("https://static.wikia.nocookie.net/lastoasis_gamepedia_en/images/5/5f/Website.png/revision/latest"); /*  */ }
 * 1) n-Website:before {

background: url("https://lastoasis.gamepedia.com/extensions/Social/images/social/facebook.svg"); }
 * 1) n-Facebook:before {

background: url("https://lastoasis.gamepedia.com/extensions/Social/images/social/instagram.svg"); }
 * 1) n-Instagram:before {

background: url("https://lastoasis.gamepedia.com/extensions/Social/images/social/reddit.svg"); }
 * 1) n-Reddit:before {

background: url("https://static.wikia.nocookie.net/commons_hydra/images/0/02/Steam.svg"); }
 * 1) n-Steam:before {

background: url("https://lastoasis.gamepedia.com/extensions/Social/images/social/twitter.svg"); }
 * 1) n-Twitter:before {

background: url("https://lastoasis.gamepedia.com/extensions/Social/images/social/youtube.svg"); }
 * 1) n-Youtube:before {

background: url("https://static.wikia.nocookie.net/lastoasis_gamepedia_en/images/e/e5/Twitch.svg/revision/latest"); /* */ }
 * 1) n-Twitch:before {

background: url("https://static.wikia.nocookie.net/lastoasis_gamepedia_en/images/d/dd/Mixer.svg/revision/latest"); /* */ }
 * 1) n-Mixer:before {

background: url(https://static.wikia.nocookie.net/lastoasis_gamepedia_en/images/c/cb/Trello.svg/revision/latest); /* */ }
 * 1) n-Trello-Board:before {

background: url(https://static.wikia.nocookie.net/lastoasis_gamepedia_en/images/1/14/Forum.svg/revision/latest); }
 * 1) n-Forum:before {

/* Social Profiles */ .socialSidebar { width: unset; overflow: visible; }

padding-top: 0; }
 * 1) mw-panel #p-socialProfiles {

margin: 0; padding-right: 10px; }
 * 1) p-socialProfiles #p-socialProfiles-label {

content: "Social Profiles"; display: inline-block; text-align: center; width: 100%; }
 * 1) p-socialProfiles-label:before {

.socialLink { -webkit-transition: transform 0.1s; -moz-transition: transform 0.1s; -o-transition: transform 0.1s; transition: transform 0.1s; display: block; }

.socialLink:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }

.socialLink.website img, .socialLink.discord img, .socialLink.steam img { opacity: 0; background-size: 32px 32px; background-repeat: no-repeat; height: 32px; position: relative; }

.socialLink.discord { background: url(https://static.wikia.nocookie.net/commons_hydra/images/0/05/Discord.svg) center center / 40px 43px; } .socialLink.steam { background: url(https://static.wikia.nocookie.net/commons_hydra/images/0/02/Steam.svg) center center; } .socialLink.website { background: url(https://static.wikia.nocookie.net/lastoasis_gamepedia_en/images/5/5f/Website.png/revision/latest) center center; /* */ } /******
 * End *