Otherside Picnic Wiki
Don't have an account?
Register
Register
Otherside Picnic Wiki
Otherside Picnic Wiki
190
pages

Common.css

MediaWiki page
Back to page
Sign in to edit
mNo edit summary
No edit summary
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
  +
/* 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. *****/
  
/***** CSS placed here will be applied to all skins on the entire site. *****/
   
  +
/* ---------- TOC ---------- */
−
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P|Prompt|Noto+Sans|Nunito+Sans|EB+Garamond');
  
   
  +
#toc {
−
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:Highlight.css|u:dev:MediaWiki:CustomSlider.css");
  
  +
background: #d8e1f3;
  +
border: 1px solid #1510a0;
  +
padding: 5px 15px;
  +
}
  +
  +
.toc .toctitle {
  +
border-bottom: 1px solid #1510a0;
  +
}
  +
  +
/* ---------- TOC Fix ---------- */
  +
  +
.toc .toctitle h2#mw-toc-heading {
  +
overflow: hidden;
  +
}
  +
  +
.toc .toctitle .wds-icon.wds-icon-tiny:first-child {
  +
display: none;
  +
}
  +
  +
/* ---------- 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;
  +
}
  +
  +
/* ---------- 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 */
 +
/* ---------- Infobox CSS ---------- */
   
 
.portable-infobox {
  
.portable-infobox {
−
background-color: transparent;
 +
background-color: transparent;
−
border: 1px solid #1510A0;
 +
border: 1px solid #1510a0;
−
padding: 2px;
 +
padding: 2px;
 
}
  
}
   
 
.portable-infobox.pi-background {
  
.portable-infobox.pi-background {
−
background-color: transparent;
 +
background-color: transparent;
 
}
  
}
   
 
.portable-infobox .pi-title {
  
.portable-infobox .pi-title {
−
background-color: #1510A0;
 +
background: #1510a0;
−
color: #fff;
 +
color: #fff;
−
font-weight: bold;
 +
font-size: 18px;
  +
font-weight: bold;
−
text-align: center;
  
−
padding: 10px !important;
 +
padding: 10px!important;
  +
text-align: center;
 
}
  
}
   
Line 30: Line 107:
 
line-height: 24px;
  
line-height: 24px;
 
}
  
}
  +
  +
.portable-infobox .pi-header a {
  +
text-decoration: none;
  +
}
  +
 
.portable-infobox .pi-item-spacing {
  
.portable-infobox .pi-item-spacing {
 
padding: 5px 10px;
  
padding: 5px 10px;
 
}
  
}
   
−
.portable-infobox .pi-image img {
 +
.portable-infobox .pi-border-color {
  +
border: none;
−
width: 100%;
  
−
height: 100%;
  
 
}
  
}
   
 
.portable-infobox .pi-border-color {
  
.portable-infobox .pi-border-color {
−
border-bottom: 1px solid #999;
 +
border-bottom: 1px solid #171b9d;
  +
}
  +
  +
.portable-infobox .pi-group,
  +
.portable-infobox .pi-group .pi-data:last-child {
  +
border: none;
  +
}
  +
  +
.portable-infobox .wds-tabs__tab:first-child {
  +
margin-left: auto;
  +
}
  +
  +
.portable-infobox .wds-tabs__tab:last-child {
  +
margin-right: auto;
 
}
  
}
   
 
.portable-infobox .pi-image-collection-tabs {
  
.portable-infobox .pi-image-collection-tabs {
  +
background: none;
−
text-align: center;
  
  +
border: none;
−
vertical-align: middle;
  
  +
color: #1d17cf;
−
background: none;
  
  +
font-size: 12px;
−
border: none;
  
  +
font-weight: 700;
−
padding: 8px 20px !important;
  
  +
padding: 8px 20px!important;
−
color: #1d17cf;
  
  +
text-align: center;
−
font-size: 12px;
  
  +
text-transform: uppercase;
−
font-weight: 700;
  
  +
vertical-align: middle;
−
text-transform: uppercase;
  
 
}
  
}
   
 
.portable-infobox .pi-image-collection-tabs .current {
  
.portable-infobox .pi-image-collection-tabs .current {
−
background-color: transparent;
 +
background: transparent;
−
border-bottom: solid 2px #1d17cf;
 +
border-bottom: solid 2px #1d17cf;
−
color: #1510A0;
 +
color: #1510a0;
 
}
  
}
   
−
.pi-horizontal-group .pi-data-label {
 +
.portable-infobox .pi-caption {
  +
margin-bottom: -8px;
−
text-align: center;
  
  +
padding: 5px;
−
border-bottom: none !important;
  
  +
text-align: center;
 
}
  
}
   
  +
.portable-infobox .pi-group,
−
.pi-horizontal-group .pi-data-value {
  
  +
.portable-infobox .pi-group .pi-data:last-child {
−
text-align: center;
  
−
border-bottom: none !important;
 +
border: none;
  +
}
  +
  +
.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-item[data-source=spotify] {
  +
display: flex;
  +
justify-content: center;
  +
margin-top: 4px;
  +
margin-bottom: -1px;
  +
}
  +
  +
.portable-infobox .pi-horizontal-group .pi-header {
  +
margin-bottom: 3px;
  +
text-align: center;
  +
}
  +
  +
.portable-infobox .pi-horizontal-group {
  +
margin-bottom: 3px;
  +
}
  +
  +
.portable-infobox .pi-horizontal-group-item:nth-child(even) {
  +
border-left: 1px solid #171b9d;
 
}
  
}
   
 
.portable-infobox .pi-navigation {
  
.portable-infobox .pi-navigation {
−
background: #171B9D;
 +
background: #171b9d;
  +
color: #fff;
 
font-size: 14px;
  
font-size: 14px;
 
font-weight: bold;
  
font-weight: bold;
Line 78: Line 203:
 
text-align: center;
  
text-align: center;
 
}
  
}
  +
 
.portable-infobox .pi-navigation a {
  
.portable-infobox .pi-navigation a {
 
color: #fff;
  
color: #fff;
 
}
  
}
   
−
/* Latest Release Tabber */
 +
/* ---------- Tabber Styling ---------- */
   
  +
.tabber.wds-tabber > .wds-tabs__wrapper {
−
.latest .tabbernav {
  
−
border: 0 !important;
 +
border: none !important;
−
text-transform: uppercase;
  
−
font-family: 'Press Start 2P';
  
−
letter-spacing: 3px;
  
−
line-height: 13px !important;
  
 
}
  
}
   
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs {
−
/* Tabber */
  
  +
justify-content: center;
  +
}
   
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label {
−
.tabber .tabbertab {
  
−
border: 0 !important;
 +
background: #ffffff !important;
  +
font-family: Helvetica !important;
  +
color: #444444 !important;
  +
font-weight: 400 !important;
  +
margin: 0 !important;
  +
padding: 4px 12px !important;
  +
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  +
font-size: 13px !important;
  +
height: unset;
  +
cursor: default;
 
}
  
}
  +
−
 
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:first-child > .wds-tabs__tab-label {
−
.tabbernav {
  
−
border: 0 !important;
 +
border-top-left-radius: 3px;
  +
border-bottom-left-radius: 3px;
−
text-transform: uppercase;
  
−
font-family: 'Press Start 2P';
  
−
letter-spacing: 3px;
  
 
}
  
}
  +
−
 
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:last-child > .wds-tabs__tab-label {
−
.tabbernav a:link {
  
  +
border-top-right-radius: 3px;
−
color: #fff !important;
  
  +
border-bottom-right-radius: 3px;
−
text-transform: uppercase;
  
−
font-family: 'Press Start 2P';
  
−
letter-spacing: 3px;
  
 
}
  
}
  +
−
 
  +
.tabber.wds-tabs__tab.wds-is-current {
−
.tabbernav a:hover {
  
−
color: #fff !important;
 +
box-shadow: none !important;
−
background: #0C0A60 !important;
  
−
border-color: #0C0A60 !important;
  
−
text-transform: uppercase;
  
−
font-family: 'Press Start 2P';
  
−
letter-spacing: 3px;
  
−
text-decoration: none !important;
 
 
}
  
}
  +
−
 
  +
.tabber.wds-tabber > .wds-tab__content.wds-is-current {
−
.tabbernav .tabberactive a {
  
−
color: #0C0A60 !important;
 +
border: none !important;
−
border: 2px solid #0C0A60 !important;
 +
padding: 10px 0px 0px 0px !important;
−
background: transparent !important;
  
−
text-transform: uppercase;
  
−
font-family: 'Press Start 2P';
  
−
letter-spacing: 3px;
  
 
}
  
}
  +
−
 
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs {
−
.tabbernav a {
  
  +
background: transparent;
−
color: #fff !important;
  
−
border: 2px solid #1613b9 !important;
 +
border-bottom: 0 !important;
−
background: #1613b9 !important;
 +
padding: 10px 0 !important;
−
text-transform: uppercase;
 +
text-align: center;
  +
margin: 0 0 -10px 0 !important;
−
font-family: 'Press Start 2P';
  
−
letter-spacing: 3px;
  
 
}
  
}
   
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:active > .wds-tabs__tab-label {
−
/* Special:Community Text Shadow */
  
  +
background: #f0f0f0 !important;
  +
}
   
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current > .wds-tabs__tab-label {
−
.community-page-header {
  
  +
background: linear-gradient(180deg, rgba(6,131,214,1) 0%, rgba(5,108,176,1) 100%) !important;
−
text-shadow: 0 0 6.5px #0D0A60;
  
 
}
  
}
   
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current:active > .wds-tabs__tab-label {
−
/* OGG Player — Credits to Love Live! Wiki */
  
  +
background: linear-gradient(180deg, rgba(3,76,125,1) 0%, rgba(2,61,99,1) 100%) !important;
  +
}
   
  +
.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current a {
−
.audio-button {
  
−
background-color: #1510A0;
 +
color: white !important;
  +
}
−
width: 4em;
  
  +
−
height: 2em;
  
  +
/* ---------- Wikitable ---------- */
  +
  +
.urasekai-wikitable {
  +
border-collapse: collapse;
  +
}
  +
  +
.urasekai-wikitable th {
  +
background: #1510a0;
  +
border: 1px solid #056cb0;
  +
border-bottom: 5px solid #079afc;
  +
color: #fff;
  +
padding: 10px;
  +
text-align: center;
  +
}
  +
  +
.urasekai-wikitable td {
  +
padding: 4px;
  +
}
  +
  +
.urasekai-wikitable > caption {
  +
font-weight: bold;
 
}
  
}
   
  +
.urasekai-wikitable > * > tr:hover td:not([rowspan]) {
−
.audio-button.now-playing, .audio-button.no-audio {
  
−
background-color: #1510A0;
 +
background-color: rgba(107, 145, 213, 0.12);
−
width: 4em;
  
−
height: 2em;
  
 
}
  
}
   
−
/* Discord Sidebar Styling */
 +
/* ---------- Discord Sidebar Styling ---------- */
   
 
.discord-widget .widget-header {
  
.discord-widget .widget-header {
−
background-color: #4479D8;
 +
background: #1510a0;
 
}
  
}
   
−
.discord-widget .widget-footer {
 +
.discord-widget .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%;
−
background-color: #4479D8;
  
  +
border-radius: 5px;
−
color: #fff;
  
  +
color: #fff !important;
  +
padding: 5px;
 
}
  
}
   
−
.discord-widget .widget-theme-light .widget-body, .discord-widget .widget-theme-light .widget-footer {
 +
.theme-fandomdesktop-light .discord-widget .widget-body {
  +
background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("https://static.wikia.nocookie.net/otherside-picnic/images/b/b7/Otherside_1.png/revision/latest?cb=20210109150121") center / cover no-repeat !important;
−
background-color: #4479D8;
  
−
color: #fff;
  
 
}
  
}
   
−
.discord-widget .widget-theme-light .widget-footer-info {
 +
.theme-fandomdesktop-dark .discord-widget .widget-body {
  +
background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("https://static.wikia.nocookie.net/otherside-picnic/images/2/26/Otherside_3.png/revision/latest?cb=20210109150122") center / cover no-repeat !important;
  +
}
  +
  +
.discord-widget .widget-body::-webkit-scrollbar-thumb {
  +
background-color: rgba(5, 108, 176, 0.4) !important;
  +
}
  +
  +
.discord-widget .widget-member-avatar img {
  +
background: #1510a0;
  +
border: 2px solid #1510a0;
  +
}
  +
  +
.discord-widget .widget-member .widget-member-name {
  +
background: #1510a0;
 
color: #fff;
  
color: #fff;
 
}
  
}
   
−
.discord-widget .widget-theme-light .widget-btn-connect {
 +
.discord-widget .widget-footer {
  +
background: #1510a0 !important;
−
color: #4479D8;
  
  +
}
−
background-color: #ffffff;
  
  +
−
border: 0;
  
  +
.discord-widget .widget-footer-info {
  +
color: #fff !important;
  +
}
  +
  +
.discord-widget .widget-btn-connect {
  +
background: #fff !important;
  +
border: 0 !important;
  +
color: #1510a0 !important;
  +
}
  +
  +
/* ---------- OGG Player ---------- */
  +
  +
.audio-button {
  +
width: 32px;
  +
height: 32px;
  +
background-color: #4b45ed;
  +
background-size: 20px;
  +
border: 1px solid #1e17e8;
  +
border-radius: 40%;
  +
vertical-align: -10px;
  +
}
  +
  +
.audio-button.click-parent {
  +
display: none;
  +
}
  +
  +
.audio-button.now-playing, .audio-button:hover,
  +
.audio-button-parent:hover > .click-parent {
  +
background-color: #1e17e8;
  +
border-color: #1812ba;
 
}
  
}
   
  +
.audio-button.now-playing {
−
.discord-widget .widget-theme-light .widget-body {
  
−
background: #F0F0F0;
 +
background-color: #1711c3;
−
box-shadow: none;
 +
border-color: #1812ba;
 
}
  
}
   
  +
.audio-button.no-audio {
−
.discord-widget .widget-theme-light .widget-role-name {
  
−
color: #fff;
 +
background-color: #f75572;
  +
border-color: #f40b36;
−
background: #4479D8;
  
−
padding: 5px;
  
−
border-radius: 5px;
  
 
}
  
}

Latest revision as of 03:24, 13 November 2023

/* 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. *****/

/* ---------- TOC ---------- */

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

.toc .toctitle {
	border-bottom: 1px solid #1510a0;
}

/* ---------- TOC Fix ---------- */

.toc .toctitle h2#mw-toc-heading {
	overflow: hidden;
}

.toc .toctitle .wds-icon.wds-icon-tiny:first-child {
	display: none;
}

/* ---------- 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;
}

/* ---------- 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: none;
}

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

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

.portable-infobox .wds-tabs__tab:first-child {
	margin-left: auto;
}

.portable-infobox .wds-tabs__tab:last-child {
	margin-right: auto;
}

.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-group,
.portable-infobox .pi-group .pi-data:last-child {
	border: none;
}

.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-item[data-source=spotify] {
	display: flex;
	justify-content: center;
	margin-top: 4px;
	margin-bottom: -1px;
}

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

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

.portable-infobox .pi-horizontal-group-item:nth-child(even) {
	border-left: 1px 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.wds-tabber > .wds-tabs__wrapper {
	border: none !important;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs {
	justify-content: center;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label {
	background: #ffffff !important;
	font-family: Helvetica !important;
	color: #444444 !important;
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 4px 12px !important;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
	font-size: 13px !important;
	height: unset;
	cursor: default;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:first-child > .wds-tabs__tab-label {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:last-child > .wds-tabs__tab-label {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.tabber.wds-tabs__tab.wds-is-current {
    box-shadow: none !important;
}

.tabber.wds-tabber > .wds-tab__content.wds-is-current {
	border: none !important;
	padding: 10px 0px 0px 0px !important;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs {
	background: transparent;
	border-bottom: 0 !important;
	padding: 10px 0 !important;
	text-align: center;
	margin: 0 0 -10px 0 !important;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:active > .wds-tabs__tab-label {
	background: #f0f0f0 !important;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current > .wds-tabs__tab-label {
	background: linear-gradient(180deg, rgba(6,131,214,1) 0%, rgba(5,108,176,1) 100%) !important;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current:active > .wds-tabs__tab-label {
	background: linear-gradient(180deg, rgba(3,76,125,1) 0%, rgba(2,61,99,1) 100%) !important;
}

.tabber.wds-tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current a {
	color: white !important;
}

/* ---------- Wikitable ---------- */

.urasekai-wikitable {
	border-collapse: collapse;
}

.urasekai-wikitable th {
	background: #1510a0;
	border: 1px solid #056cb0;
	border-bottom: 5px solid #079afc;
	color: #fff;
	padding: 10px;
	text-align: center;
}

.urasekai-wikitable td {
	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: #1510a0;
}

.discord-widget .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 !important;
	padding: 5px;
}

.theme-fandomdesktop-light .discord-widget .widget-body {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("https://static.wikia.nocookie.net/otherside-picnic/images/b/b7/Otherside_1.png/revision/latest?cb=20210109150121") center / cover no-repeat !important;
}

.theme-fandomdesktop-dark .discord-widget .widget-body {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("https://static.wikia.nocookie.net/otherside-picnic/images/2/26/Otherside_3.png/revision/latest?cb=20210109150122") center / cover no-repeat !important;
}

.discord-widget .widget-body::-webkit-scrollbar-thumb {
	background-color: rgba(5, 108, 176, 0.4) !important;
}

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

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

.discord-widget .widget-footer {
    background: #1510a0 !important;
}

.discord-widget .widget-footer-info {
	color: #fff !important;
}

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

/* ---------- OGG Player ---------- */

.audio-button {
	width: 32px;
	height: 32px;
	background-color: #4b45ed;
	background-size: 20px;
	border: 1px solid #1e17e8;
	border-radius: 40%;
	vertical-align: -10px;
}

.audio-button.click-parent {
  display: none;
}

.audio-button.now-playing, .audio-button:hover,
.audio-button-parent:hover > .click-parent {
	background-color: #1e17e8;
	border-color: #1812ba;
}

.audio-button.now-playing {
	background-color: #1711c3;
	border-color: #1812ba;
}

.audio-button.no-audio {
	background-color: #f75572;
	border-color: #f40b36;
}
Community content is available under CC-BY-SA unless otherwise noted.