Template:Jorge.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
Paisley Park (talk | contribs) Added .parenttabs CSS styling for Tabber module. |
||
| (5 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
/* JORGE JOESTAR */ |
/* JORGE JOESTAR */ |
||
.toc { |
|||
.tabberlive, |
|||
border: 1px solid #de306f; |
|||
.tabbertab, |
|||
.tabbernav { |
|||
margin: 0px; |
|||
padding: 0px; |
|||
border: none; |
|||
background: none; |
|||
} |
} |
||
.quote { |
|||
ul.tabbernav li a { |
|||
color: #de306f !important; |
|||
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; |
|||
} |
} |
||
.mw-header:hover .mw-headline-headanchor, .mw-headline-headanchor:target { |
|||
ul.tabbernav li a:active { |
|||
background: |
background-image: url(https://static.jojowiki.com/images/c/c4/JorgeSymbol.png); |
||
} |
|||
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; |
|||
} |
} |
||
.mw-headline-headanchor { |
|||
ul.tabbernav li.tabberactive a:hover { |
|||
margin-left: 5px; |
|||
background:linear-gradient(#9b0d40,#225f24) !important; |
|||
color:white !important; |
|||
border-bottom: none !important; |
|||
} |
} |
||
ul.tabbernav li { |
|||
padding-top: 0 !important; |
|||
} |
|||
/* PTabs */ |
|||
ul.tabbernav li { |
|||
.parenttabs { |
|||
line-height: 20px !important; |
|||
border:1.5px solid var(--jorge, #df3073); |
|||
color: var(--jorge); |
|||
} |
} |
||
.parenttabs:hover { |
|||
.toc { |
|||
background: linear-gradient(var(--jorge2), var(--jorge4)); |
|||
border: 1px solid #de306f; |
|||
color: var(--jorge2); |
|||
border: 1.5px solid var(--jorge2); |
|||
} |
} |
||
/* Module:Tabber */ |
|||
.quote { |
|||
.tabcontainer .tab:hover { |
|||
color: #de306f !important; |
|||
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 */ |
|||
.mw-header:hover .mw-headline-headanchor, .mw-headline-headanchor:target { |
|||
.tabber__tab[aria-selected="true"] { |
|||
background-image: url(https://static.jojowiki.com/images/c/c4/JorgeSymbol.png); |
|||
background:linear-gradient(#DF3073,#669E6A) !important; |
|||
color:white !important; |
|||
} |
} |
||
.tabber__tab[aria-selected="true"]:hover { |
|||
.mw-headline-headanchor { |
|||
background:linear-gradient(#B11853,#79889B) !important; |
|||
margin-left: 5px; |
|||
color:white !important; |
|||
} |
} |
||
.tabber__indicator { |
|||
.mw-body .firstHeading { |
|||
background: #79889B; |
|||
background-image: url(https://static.jojowiki.com/images/a/ab/JorgeSymbolLarge.png); |
|||
background-repeat: no-repeat; |
|||
background-position: right center !important; |
|||
background-size:35px; |
|||
} |
} |
||
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;
}
