Module:Navbox/styles.css: Difference between revisions

w>Izno
move this to the specific template
 
m CSS test
 
(One intermediate revision by the same user not shown)
Line 2: Line 2:
.navbox {
.navbox {
box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #a2a9b1;
border: 1px solid var(--box-shadow-color-progressive--focus,#a2a9b1);
width: 100%;
width: 100%;
clear: both;
clear: both;
Line 41: Line 41:
.navbox,
.navbox,
.navbox-subgroup {
.navbox-subgroup {
background-color: #fdfdfd;
background-color: var(--background-color-neutral-subtle, #fdfdfd);
}
}


.navbox-list {
.navbox-list {
line-height: 1.5em;
line-height: 1.5em;
border-color: #fdfdfd; /* Must match background color */
border: 1px solid var(--background-color-neutral-subtle, #fdfdfd); /* Must match background color */
}
}


Line 63: Line 63:
tr + tr > .navbox-image,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
tr + tr > .navbox-list {
border-top: 2px solid #fdfdfd; /* Must match background color */
border-top: 2px solid var(--background-color-neutral-subtle, #fdfdfd); /* Must match background color */
}
}


.navbox-title {
.navbox-title {
background-color: #ccf; /* Level 1 color */
background-color: var(--background-color-interactive,#ccf); /* Level 1 color */
}
}


Line 73: Line 73:
.navbox-group,
.navbox-group,
.navbox-subgroup .navbox-title {
.navbox-subgroup .navbox-title {
background-color: #ddf; /* Level 2 color */
background-color: var(--background-color-interactive-subtle, #ddf); /* Level 2 color */
}
}


.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff; /* Level 3 color */
background-color: var(--background-color-base, #fff); /* Level 3 color */
}
}


.navbox-even {
.navbox-even {
background-color: #f7f7f7;
background-color: var(--background-color-base, #fff);
}
}