Module:Navbox/styles.css: Difference between revisions

Created page with ".navbox { border: 1px solid #aaa; box-sizing: border-box; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox + .navbox-styles + .navbox { Single pixel border between adjacent navboxes: margin-top: -1px; } .navbox th, .navbox-title, .navbox-abovebelow { text-align: center; Title and above/below styles: padding-left: 1em; padding-right: 1em; } th.n..."
 
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Note that some of the styles have been extracted into common, because we use color-mix which template styles doesn't support. */
.navbox {
.navbox {
border: 1px solid #aaa;
border: 1px solid var(--border-color-base);
box-sizing: border-box;
box-sizing: border-box;
width: 100%;
width: 100%;
Line 8: Line 10:
text-align: center;
text-align: center;
padding: 1px;
padding: 1px;
}
.navbox .navbox {
border: none;
padding: 0 !important;
}
}


Line 38: Line 45:
.navbox,
.navbox,
.navbox-subgroup {
.navbox-subgroup {
background: #fdfdfd;
background: var(--background-color-base);
}
}
.navbox-list {
.navbox-list {
/* Must match background color */
border-color: var(--background-color-base);
border-color: #fdfdfd;
}
 
.navbox th,
.navbox-title {
/* Level 1 color */
background: #eaeeff;
}
 
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
/* Level 2 color */
background: #ddddff;
}
}


Line 61: Line 54:
.navbox-subgroup .navbox-abovebelow {
.navbox-subgroup .navbox-abovebelow {
/* Level 3 color */
/* Level 3 color */
background: #e6e6ff;
background: var(--background-color-neutral-subtle);
}
}


.navbox-even {
.navbox-even {
/* Even row striping */
/* Even row striping */
background: #f7f7f7;
background: var(--background-color-neutral);
}
}


Line 75: Line 68:


th.navbox-title1 {
th.navbox-title1 {
border-left: 2px solid #fdfdfd;
border-left: 2px solid var(--background-color-neutral);
width: 100%;
width: 100%;
}
}