Template:4thday.css

From JoJo's Bizarre Encyclopedia - JoJo Wiki
Revision as of 01:05, 29 August 2024 by HudgynS (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
/* 4th Another Day */
.portable-infobox.pi-theme-4thday {
    border: 2px solid #b61a53;
}
.portable-infobox.pi-theme-4thday .pi-title, .portable-infobox.pi-theme-4thday .pi-header {
    background-color: #b61a53;
    color: white;
}

.portable-infobox.pi-theme-4thday .pi-data-label a {
  color: black !important;
}

body.skin-vector-legacy .portable-infobox.pi-theme-4thday .pi-data .pi-data-label, .skin-vector .portable-infobox.pi-theme-4thday .pi-data .pi-data-label {
    background-color: #e2db74;
    color: black !important;
}
body.skin-vector-legacy .portable-infobox.pi-theme-4thday .pi-horizontal-group-item.pi-data-label, .skin-vector .portable-infobox.pi-theme-4thday .pi-horizontal-group-item.pi-data-label {
    background-color: #e2db74;
    border: 2px solid white;
    border-top: none;
    color: black;
}
.portable-infobox.pi-theme-4thday .pi-image-collection-tabs li.current {
    background: #c7d0e2;
}
.portable-infobox.pi-theme-4thday .pi-navigation {
    background: #b61a53  !important;
}
.volumeTableHeading {
    color: black !important;
}
.volumeTableChTitles {
    color: white !important;
}

.mw-header:hover .mw-headline-headanchor, .mw-headline-headanchor:target {
    background-image: url(https://static.jojowiki.com/images/3/34/TheBookSymbol.png);
}

/* Module:Tabber */
.tabcontainer .tab:hover {
    background-color: var(--thebook2, #faf273);
    background-image: linear-gradient(var(--thebook2, #faf273), var(--thebook4, #faf273));
}
.tabcontainer .tab.active {
    background-color: var(--thebook, #b61a53);
    background-image: linear-gradient(var(--thebook, #b61a53), var(--thebook3, #937c3d));
}

/* Tabber Neue */
.tabber__tab[aria-selected="true"] {
 background:linear-gradient(#B61A53,#E2DB74) !important;
 color:white !important;
}

.tabber__tab[aria-selected="true"]:hover {
 background:linear-gradient(#7A1037,#9C9640) !important;
 color:white !important;
}

.tabber__indicator {
  background: #9C9640;
}