Template:Jorge.css: Difference between revisions

From JoJo's Bizarre Encyclopedia - JoJo Wiki
Jump to navigation Jump to search
Content deleted Content added
No edit summary
Added .parenttabs CSS styling for Tabber module.
 
(4 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* JORGE JOESTAR */
/* JORGE JOESTAR */
.tabberlive,
.tabbertab,
.tabbernav {
margin: 0px;
padding: 0px;
border: none;
background: none;
}

ul.tabbernav li a {
border: 1px solid #838282;
border-radius: 1px;
background-color: #efefef;
font-family: Rubik !important;
font-size: 12px !important;
margin:0 !important;
padding:2px 12px !important;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
font-size: 13px !important;
cursor:default;
}
ul.tabbernav li:first-child a {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
ul.tabbernav li:last-of-type a {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.tabberlive .tabbertab {
border: none !important;
border-radius: 3px !important;
padding: 8px 0px 0px 0px !important;
}
ul.tabbernav {
background: transparent;
border-bottom: 0 !important;
padding: 3px 0 !important;
text-align:center;
margin: 0 0 -4px 0 !important;
}

ul.tabbernav li a:active {
background: #f0f0f0 !important;
}
ul.tabbernav li.tabberactive a {
background:linear-gradient(#dc5888,#629a64) !important;
color:white !important;
}
ul.tabbernav li a:hover {
background: #cbc5c5 !important;
}
ul.tabbernav li.tabberactive a:active {
background:linear-gradient(#9b0d40,#225f24) !important;
color:white !important;
border: none !important;
}

ul.tabbernav li.tabberactive a:hover {
background:linear-gradient(#9b0d40,#225f24) !important;
color:white !important;
border-bottom: none !important;
}

ul.tabbernav li {
padding-top: 0 !important;
}

ul.tabbernav li {
line-height: 20px !important;
}

.toc {
.toc {
border: 1px solid #de306f;
border: 1px solid #de306f;
Line 88: Line 16:
}
}



.mw-body .firstHeading {
/* PTabs */
background-image: url(https://static.jojowiki.com/images/a/ab/JorgeSymbolLarge.png);
.parenttabs {
background-repeat: no-repeat;
border:1.5px solid var(--jorge, #df3073);
background-position: right center !important;
color: var(--jorge);
background-size:35px;
}

.parenttabs:hover {
background: linear-gradient(var(--jorge2), var(--jorge4));
color: var(--jorge2);
border: 1.5px solid var(--jorge2);
}

/* Module:Tabber */
.tabcontainer .tab:hover {
background-color: var(--jorge2, #669e6a);
background-image: linear-gradient(var(--jorge2, #669e6a), var(--jorge4, #79889b));
}
.tabcontainer .tab.active {
background-color: var(--jorge, #df3073);
background-image: linear-gradient(var(--jorge, #df3073), var(--jorge3, #b11853));
}
}



Latest revision as of 09:22, 26 January 2025

/* JORGE JOESTAR */
.toc {
	border: 1px solid #de306f;
}

.quote {
	color: #de306f !important;
}

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

.mw-headline-headanchor {
    margin-left: 5px;
}


/* PTabs */
.parenttabs {
    border:1.5px solid var(--jorge, #df3073);
    color: var(--jorge);
}

.parenttabs:hover {
    background: linear-gradient(var(--jorge2), var(--jorge4));
    color: var(--jorge2);
    border: 1.5px solid var(--jorge2);
}

/* Module:Tabber */
.tabcontainer .tab:hover {
    background-color: var(--jorge2, #669e6a);
    background-image: linear-gradient(var(--jorge2, #669e6a), var(--jorge4, #79889b));
}
.tabcontainer .tab.active {
    background-color: var(--jorge, #df3073);
    background-image: linear-gradient(var(--jorge, #df3073), var(--jorge3, #b11853));
}

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

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

.tabber__indicator {
  background: #79889B;
}