MediaWiki:Navbox.css: Difference between revisions
Jump to navigation
Jump to search
Salty Nori (talk | contribs) No edit summary |
Salty Nori (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
/* Navbox vde and sections */ | /* Navbox vde and sections */ | ||
.navbox .navbox-vde { | .navbox .navbox-vde { | ||
visibility: hidden; | |||
} | } | ||
.navbox .navbox-section { | .navbox .navbox-section { | ||
border-spacing: 0; | |||
width: 100%; | |||
} | } | ||
.navbox-inner,.navbox-subgroup { | .navbox-inner,.navbox-subgroup { | ||
width: 100%; | |||
} | } | ||
.navbox { | .navbox { | ||
width:100%; | |||
margin-top: 12px; | |||
border-spacing: 0; | |||
} | } | ||
.navbox-title { | .navbox-title { | ||
color: var(--font-color); | |||
padding: 4px; | |||
font-size: 12px; | |||
} | } | ||
Line 29: | Line 28: | ||
padding: 6px; | padding: 6px; | ||
border-radius: 4px; | border-radius: 4px; | ||
background-color: var(--brown-300); | |||
} | } | ||
.navbox-title a { | .navbox-title a { | ||
color: var(--theme-accent-dynamic-color-1) !important; | |||
} | } | ||
.navbox-group a { | .navbox-group a { | ||
color: var(--theme-link-color); | |||
} | } | ||
.navbox-group { | .navbox-group { | ||
text-align: left; | |||
background-color: var(--theme-accent-bg); | |||
color: var(--theme-text-color); | |||
font-size: 10pt; | |||
padding: 0.25em 1em; | |||
} | } | ||
.navbox-subgroup .navbox-group{ | .navbox-subgroup .navbox-group{ | ||
color: var(--theme-text-color); | |||
background: rgba(var(--theme-page-text-color--rgb),.10); | |||
} | } | ||
th.navbox-group { | th.navbox-group { | ||
white-space: nowrap; | |||
text-align: left; | |||
} | } | ||
.navbox-subgroup { | .navbox-subgroup { | ||
margin: 0; | |||
border-spacing: 0; | |||
} | } | ||
Line 70: | Line 70: | ||
.navbox-list { | .navbox-list { | ||
padding: 0 0 0 2px; | |||
font-size: 10pt; | |||
} | } | ||
.alt .navbox-list { | .alt .navbox-list { | ||
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035); | |||
} | } | ||
.navbox-header { | .navbox-header { | ||
background-color: var(--theme-accent-color); | |||
color: var(--theme-accent-dynamic-color-1); | |||
} | } | ||
.navbox-header a { | .navbox-header a { | ||
color: var(--theme-accent-dynamic-color-1) !important; | |||
font-weight: bold !important; | |||
} | } | ||
.nofill .navbox-group { | .nofill .navbox-group { | ||
background-color: var(--theme-page-background-color); | |||
color: var(--theme-page-dynamic-color-1); | |||
} | } | ||
.nofill .navbox-group a { | .nofill .navbox-group a { | ||
color: var(--theme-page-dynamic-color-1) !important; | |||
} | } | ||
.altnofill .navbox-group { | .altnofill .navbox-group { | ||
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035); | |||
color: var(--theme-page-dynamic-color-1); | |||
} | } | ||
.altnofill .navbox-group a { | .altnofill .navbox-group a { | ||
color: var(--theme-page-dynamic-color-1) !important; | |||
} | } | ||
.altnofill .navbox-list { | .altnofill .navbox-list { | ||
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.02); | |||
} | } | ||
.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul { | .navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul { | ||
padding: 0.125em 0; | |||
} | } | ||
/* Simplify listing method */ | /* Simplify listing method */ | ||
.page-content .navbox .hlist dl, .page-content .navbox .hlist ol, .page-content .navbox .hlist ul { | .page-content .navbox .hlist dl, .page-content .navbox .hlist ol, .page-content .navbox .hlist ul { | ||
margin: 0; | |||
padding: 0; | |||
} | } | ||
.hlist dd,.hlist dt,.hlist li { | .hlist dd,.hlist dt,.hlist li { | ||
display: inline; | |||
} | } | ||
.hlist .inline,.hlist .inline dl,.hlist .inline ol,.hlist .inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul { | .hlist .inline,.hlist .inline dl,.hlist .inline ol,.hlist .inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul { | ||
display: inline; | |||
} | } | ||
.hlist dt:after { | .hlist dt:after { | ||
content: ":" | |||
} | } | ||
.hlist dd:after,.hlist li:after { | .hlist dd:after,.hlist li:after { | ||
content: " · "; | |||
font-weight: bold; | |||
} | } | ||
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after { | .hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after { | ||
content: none; | |||
} | } | ||
.hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after { | .hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after { | ||
content: none; | |||
} | } | ||
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before { | .hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before { | ||
content: " ("; | |||
font-weight: normal; | |||
} | } | ||
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after { | .hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after { | ||
content: ") "; | |||
font-weight: normal; | |||
} | } | ||
.hlist dd dd.hlist-last-child:after,.hlist dd dt.hlist-last-child:after,.hlist dd li.hlist-last-child:after,.hlist dt dd.hlist-last-child:after,.hlist dt dt.hlist-last-child:after,.hlist dt li.hlist-last-child:after,.hlist li dd.hlist-last-child:after,.hlist li dt.hlist-last-child:after,.hlist li li.hlist-last-child:after { | .hlist dd dd.hlist-last-child:after,.hlist dd dt.hlist-last-child:after,.hlist dd li.hlist-last-child:after,.hlist dt dd.hlist-last-child:after,.hlist dt dt.hlist-last-child:after,.hlist dt li.hlist-last-child:after,.hlist li dd.hlist-last-child:after,.hlist li dt.hlist-last-child:after,.hlist li li.hlist-last-child:after { | ||
content: ") "; | |||
font-weight: normal; | |||
} | } | ||
.hlist ol { | .hlist ol { | ||
counter-reset: listitem; | |||
} | } | ||
.hlist ol > li { | .hlist ol > li { | ||
counter-increment: listitem; | |||
} | } | ||
.hlist ol > li:before { | .hlist ol > li:before { | ||
content: " " counter(listitem) " "; | |||
white-space: nowrap | |||
} | } | ||
.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before { | .hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before { | ||
content: " (" counter(listitem) " "; | |||
} | } | ||
/* Theme */ | /* Theme */ | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background: var(--light-blue); | |||
} | } |
Revision as of 14:58, 1 January 2024
/* Navbox vde and sections */
.navbox .navbox-vde {
visibility: hidden;
}
.navbox .navbox-section {
border-spacing: 0;
width: 100%;
}
.navbox-inner,.navbox-subgroup {
width: 100%;
}
.navbox {
width:100%;
margin-top: 12px;
border-spacing: 0;
}
.navbox-title {
color: var(--font-color);
padding: 4px;
font-size: 12px;
}
.navbox-title th {
padding: 6px;
border-radius: 4px;
background-color: var(--brown-300);
}
.navbox-title a {
color: var(--theme-accent-dynamic-color-1) !important;
}
.navbox-group a {
color: var(--theme-link-color);
}
.navbox-group {
text-align: left;
background-color: var(--theme-accent-bg);
color: var(--theme-text-color);
font-size: 10pt;
padding: 0.25em 1em;
}
.navbox-subgroup .navbox-group{
color: var(--theme-text-color);
background: rgba(var(--theme-page-text-color--rgb),.10);
}
th.navbox-group {
white-space: nowrap;
text-align: left;
}
.navbox-subgroup {
margin: 0;
border-spacing: 0;
}
/* Collapse Button */
span.mw-collapsible-toggle.mw-collapsible-toggle-default {
font-weight: 400;
font-size: 12px;
vertical-align: baseline;
}
.navbox-list {
padding: 0 0 0 2px;
font-size: 10pt;
}
.alt .navbox-list {
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035);
}
.navbox-header {
background-color: var(--theme-accent-color);
color: var(--theme-accent-dynamic-color-1);
}
.navbox-header a {
color: var(--theme-accent-dynamic-color-1) !important;
font-weight: bold !important;
}
.nofill .navbox-group {
background-color: var(--theme-page-background-color);
color: var(--theme-page-dynamic-color-1);
}
.nofill .navbox-group a {
color: var(--theme-page-dynamic-color-1) !important;
}
.altnofill .navbox-group {
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.035);
color: var(--theme-page-dynamic-color-1);
}
.altnofill .navbox-group a {
color: var(--theme-page-dynamic-color-1) !important;
}
.altnofill .navbox-list {
background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.02);
}
.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {
padding: 0.125em 0;
}
/* Simplify listing method */
.page-content .navbox .hlist dl, .page-content .navbox .hlist ol, .page-content .navbox .hlist ul {
margin: 0;
padding: 0;
}
.hlist dd,.hlist dt,.hlist li {
display: inline;
}
.hlist .inline,.hlist .inline dl,.hlist .inline ol,.hlist .inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {
display: inline;
}
.hlist dt:after {
content: ":"
}
.hlist dd:after,.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {
content: none;
}
.hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after {
content: none;
}
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
.hlist dd dd.hlist-last-child:after,.hlist dd dt.hlist-last-child:after,.hlist dd li.hlist-last-child:after,.hlist dt dd.hlist-last-child:after,.hlist dt dt.hlist-last-child:after,.hlist dt li.hlist-last-child:after,.hlist li dd.hlist-last-child:after,.hlist li dt.hlist-last-child:after,.hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap
}
.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
/* Theme */
.navbox-subgroup .navbox-title {
background: var(--light-blue);
}