Template:GHGR.css

/* Golden Heart Golden Ring */
.GHGR, .portable-infobox.pi-theme-GHGR {
    border: 2px solid #82afe5;
}
.portable-infobox.pi-theme-GHGR .pi-title, .portable-infobox.pi-theme-GHGR .pi-header {
    background-color: #82afe5;
    color: white;
}

body.skin-vector-legacy .portable-infobox.pi-theme-GHGR .pi-data .pi-data-label, .skin-vector .portable-infobox.pi-theme-GHGR .pi-data .pi-data-label {
    background-color: #e98344;
    color: white;
}

body.skin-vector-legacy .portable-infobox.pi-theme-GHGR .pi-horizontal-group-item.pi-data-label, .skin-vector .portable-infobox.pi-theme-GHGR .pi-horizontal-group-item.pi-data-label {
    background-color: #e98344;
    border: 2px solid white;
    border-top: none;
    color: white;
}

.portable-infobox.pi-theme-GHGR .pi-image-collection-tabs li.current {
    background: #c7d0e2;
}
.portable-infobox.pi-theme-GHGR .pi-navigation {
    background: #82afe5 !important;
}

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

/* Module:Tabber */
.tabcontainer .tab:hover {
    background-color: var(--ghgr);
    background-image: linear-gradient(var(--ghgr), var(--ghgr3));
}
.tabcontainer .tab.active {
    background-color: var(--ghgr);
    background-image: linear-gradient(var(--ghgr), var(--ghgr4));
}

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

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

.tabber__indicator {
  background: #FF4208;
}