MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

@import url('https://fonts.googleapis.com/css?family=Press+Start+2P|Prompt|Noto+Sans|EB+Garamond');

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:Highlight.css|u:dev:MediaWiki:CustomSlider.css");

/* Infobox CSS */

.portable-infobox { background-color: transparent; border: 1px solid #1510A0; padding: 2px; }

.portable-infobox.pi-background { background-color: transparent; }

.portable-infobox .pi-title { background-color: #1510A0; font-size: 18px; color: #fff; font-weight: bold; text-align: center; padding: 10px !important; }

.portable-infobox .pi-header { font-size: 14px; font-weight: bold; line-height: 24px; }

.portable-infobox .pi-header a { text-decoration: none; }

.portable-infobox .pi-item-spacing { padding: 5px 10px; }

.portable-infobox .pi-border-color { border-bottom: 1px solid #999; }

.portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; }

.portable-infobox .pi-image-collection-tabs { text-align: center; vertical-align: middle; background: none; border: none; padding: 8px 20px !important; color: #1d17cf; font-size: 12px; font-weight: 700; text-transform: uppercase; }

.portable-infobox .pi-image-collection-tabs .current { background-color: transparent; border-bottom: solid 2px #1d17cf; color: #1510A0; }

.portable-infobox .pi-caption { text-align: center; padding: 5px; margin-bottom: -8px; }

.portable-infobox .pi-item[data-source=alias], .portable-infobox .pi-item[data-source=official_name] { border-top: 1px solid #999!important; }

.portable-infobox .pi-item[data-source=spotify] { margin-left: -5px; margin-bottom: -5px; }

.portable-infobox .pi-horizontal-group .pi-data-label, .portable-infobox .pi-horizontal-group .pi-data-value { background-color: transparent!important; padding: 5px; text-align: center; margin-top: 3px; border-bottom: none; }

.portable-infobox .pi-horizontal-group .pi-header { margin-bottom: 3px; }

.portable-infobox .pi-horizontal-group { margin-bottom: 3px; }

.portable-infobox .pi-horizontal-group-item:nth-child(even) { border-left: 2px solid #171B9D; }

.portable-infobox .pi-navigation { background: #171B9D; font-size: 14px; font-weight: bold; line-height: 24px; text-align: center; color: #fff; }

.portable-infobox .pi-navigation a { color: #fff; }

/* Latest Release Tabber */

.latest .tabbernav { border: 0 !important; text-transform: uppercase; font-family: 'Press Start 2P'; letter-spacing: 3px; line-height: 13px !important; }

/* Tabber */

.tabber .tabbertab { border: 0 !important; } .tabbernav { border: 0 !important; text-transform: uppercase; font-family: 'Press Start 2P'; letter-spacing: 3px; } .tabbernav a:link { color: #fff !important; text-transform: uppercase; font-family: 'Press Start 2P'; letter-spacing: 3px; } .tabbernav a:hover { color: #fff !important; background: #0C0A60 !important; border-color: #0C0A60 !important; text-transform: uppercase; font-family: 'Press Start 2P'; letter-spacing: 3px; text-decoration: none !important; } .tabbernav .tabberactive a { color: #0C0A60 !important; border: 2px solid #0C0A60 !important; background: transparent !important; text-transform: uppercase; font-family: 'Press Start 2P'; letter-spacing: 3px; } .tabbernav a { color: #fff !important; border: 2px solid #1613b9 !important; background: #1613b9 !important; text-transform: uppercase; font-family: 'Press Start 2P'; letter-spacing: 3px; }

/* OGG Player */

.audio-button { padding: 10px 25px; background-size: 35px; background-color: #4B45ED; border: 1px solid #1E17E8; border-radius: 100px; transition: 0s !important; }

.audio-button:hover { background-color: #1E17E8; border-color: #1812BA; }

.audio-button:active, .audio-button.now-playing:active { background-position: center top 4px; background-color: #1510A0; border-color: #0F0B74; box-shadow: 0 4px 2px 1px #0C095D inset; }

.audio-button.now-playing { background-color: #1E17E8; border-color: #1812BA; }

.audio-button.no-audio { background-color: #F75572; border-color: #F40B36; }

.audio-button.no-audio:active { background-position: center top 4px; background-color: #F40B36; border-color: #C3092B; box-shadow: 0 3px 2px 1px #AA0826 inset; }

.audio-embed.audio-button { display: none; }

/* Special:Community Text Shadow */

.community-page-header { text-shadow: 0 0 6.5px #0D0A60; }

/* Discord Sidebar Styling */

.discord-widget .widget-header { background-color: #1510A0; }

.discord-widget .widget-footer { background-color: #1510A0; color: #fff; }

.discord-widget .widget-theme-light .widget-body, .discord-widget .widget-theme-light .widget-footer { background-color: #1510A0; color: #fff; }

.discord-widget .widget-theme-light .widget-footer-info { color: #fff; }

.discord-widget .widget-member-avatar img { border: 2px solid #1510A0; background-color: #1510A0; }

.discord-widget .widget-member .widget-member-name { background-color: #1510A0; color: #FFF; }

.discord-widget .widget-theme-light .widget-btn-connect { color: #1510A0; background-color: #ffffff; border: 0; }

.discord-widget .widget-theme-light .widget-body { background: linear-gradient(to right, rgba(000, 000, 000, 0.5), rgba(000, 000, 000, 0.5)), url("https://static.wikia.nocookie.net/otherside-picnic/images/8/8a/Otherside_2.png/revision/latest?cb=20210109150121&format=original") center /  cover no-repeat fixed !important; box-shadow: none; }

.discord-widget .widget-theme-light .widget-role-name { color: #fff; background: #1510A0; padding: 5px; border-radius: 5px; }