MediaWiki:Common.css

/* Imports */

@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");

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

/* -- Wiki Page -- */

.WikiaPage { font-family: 'Noto Sans', sans-serif; }

.WikiaArticle h2 { border-bottom: 2px solid #1b38a4; font-weight: 400; line-height: 1.6; padding: 0 6px; }

.page-header__separator { background: #0d0a60; height: 2px; }

/* -- User Highlights -- */

a[href="/wiki/User:Iamconsent"] { color: #f77; text-shadow: 1px 1px 3px; }

a[href="/wiki/User:Nicotangle"] { color: #f77; text-shadow: 1px 1px 3px; }

/* -- Scrollbar -- */


 * -webkit-scrollbar {

height: 7px; width: 10px; }


 * -webkit-scrollbar-thumb {

background-color: rgba(13, 10, 96, 0.5); }


 * -webkit-scrollbar-thumb:hover {

background-color: rgba(13, 10, 96, 0.75); }


 * -webkit-scrollbar-thumb:active {

background-color: rgba(13, 10, 96, 1); }


 * -webkit-scrollbar-track {

background-color: transparent; }

/* -- TOC -- */

background: #d8e1f3; border: 1px solid #1510a0; padding: 5px 15px; }
 * 1) toc {

/* -- Community Header -- */

.wds-community-header { background-image: url("https://i.imgur.com/N7gcDpz.gif") !important; }

/* -- Special:Community Text Shadow -- */

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

/* -- Main Page CSS -- */

/* -- Main Page Header Themes – Credits to No Game, No Life Wiki -- */

.header-theme1 { 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/b/b7/Otherside_1.png/revision/latest?cb=20210109150121&format=original") center /  cover no-repeat fixed !important; }

.header-theme2 { 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; }

.header-theme3 { 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/2/26/Otherside_3.png/revision/latest?cb=20210109150122&format=original") center /  cover no-repeat fixed !important; }

/* -- Main Page Hover Styles -- */

.grow-hover img { transition: 0.3s ease; }

.grow-hover img:hover { transform: scale(1.1); transition: transform 0.3s ease; }

.opacity-hover img { transition: 0.2s; }

.opacity-hover img:hover { opacity: 0.7; }

/* -- 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: #1510a0; color: #fff; font-size: 18px; font-weight: bold; padding: 10px!important; text-align: center; }

.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 { background: none; border: none; color: #1d17cf; font-size: 12px; font-weight: 700; padding: 8px 20px!important; text-align: center; text-transform: uppercase; vertical-align: middle; }

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

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

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

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

.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; color: #fff; font-size: 14px; font-weight: bold; line-height: 24px; text-align: center; }

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

/* -- Tabber Styling -- */

.tabber .tabbertab { border: 0; }

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

.tabbernav a { background: #1613b9!important; border: 2px solid #1613b9 !important; color: #fff!important; font-family: 'Press Start 2P'; }

.tabbernav a:hover { background: #0c0a60!important; border-color: #0c0a60!important; text-decoration: none!important; transition: 0.3s ease; }

.tabbernav .tabberactive a { background: transparent!important; border: 2px solid #0c0a60!important; color: #0c0a60!important; }

/* -- Wikitable -- */

.urasekai-wikitable { background: #fff; border-bottom: 2px solid #1510a0; border-collapse: collapse; border: 1px solid #e6e6e6; margin-left: auto; margin-right: auto; }

.urasekai-wikitable th { background: #1510a0; color: #fff; padding: 10px; text-align: center; }

.urasekai-wikitable td { background: #f9f9f9; border: 1px solid #ccc; color: #000; padding: 4px; }

.urasekai-wikitable > caption { font-weight: bold; }

.urasekai-wikitable > * > tr:hover td:not([rowspan]) { background-color: rgba(107, 145, 213, 0.12); }

/* -- 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 { background-color: #1510a0; border: 2px solid #1510a0; }

.discord-widget .widget-member .widget-member-name { background-color: #1510a0; color: #fff; }

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

.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 { background: url("https://static.wikia.nocookie.net/otherside-picnic/images/e/ed/Chibi_Hasshaku-sama.png/revision/latest?cb=20210105094642") no-repeat 100px /  18%, url("https://static.wikia.nocookie.net/otherside-picnic/images/b/ba/Chibi_Kunekune.png/revision/latest?cb=20210105094643") no-repeat 150px  /  20%, #1510a0 url("https://static.wikia.nocookie.net/otherside-picnic/images/9/96/Chibi_Ninja_Cat.png/revision/latest?cb=20210105094644") no-repeat 190px  /  18%; border-radius: 5px; color: #fff; padding: 5px; }

/* -- OGG Player -- */

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

.audio-button:hover { background-color: #1e17e8; border-color: #1812ba; }

.audio-button:active, .audio-button.now-playing:active { background-color: #1510a0; background-position: center top 4px; 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-color: #f40b36; background-position: center top 4px; border-color: #c3092b; box-shadow: 0 3px 2px 1px #aa0826 inset; }

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