Template:Navbox/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) No edit summary |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
.navbox-container { | .navbox-container { | ||
max-width: | max-width: 820px; /* a bit narrower */ | ||
margin: | margin: 0.75rem auto 0; | ||
} | } | ||
| Line 8: | Line 8: | ||
border-collapse: separate; | border-collapse: separate; | ||
border-spacing: 0; | border-spacing: 0; | ||
font-size: 0. | font-size: 0.8rem; /* smaller text */ | ||
background: #f7faf6; | background: #f7faf6; | ||
border: 1px solid #c5d2c0; | border: 1px solid #c5d2c0; | ||
box-shadow: 0 1px | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); | ||
border-radius: 6px; | border-radius: 6px; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
/* top title bar */ | |||
.navbox-title { | .navbox-title { | ||
background: #264b2c; | background: #264b2c; | ||
color: #ffffff; | color: #ffffff; | ||
font-weight: 600; | font-weight: 600; | ||
padding: 0. | padding: 0.25rem 0.5rem; /* tighter */ | ||
text-align: center; | text-align: center; | ||
} | } | ||
| Line 33: | Line 34: | ||
} | } | ||
/* thin “chip” row above groups */ | |||
.navbox-above { | |||
background: #f7faf6; /* same as body so it doesn’t look like a hero block */ | |||
padding: 0.3rem 0.6rem; | |||
border-bottom: 1px solid #d3dfcd; | |||
font-weight: 500; | |||
} | |||
/* group (left column) */ | |||
.navbox-group { | .navbox-group { | ||
background: #e4eddd; | background: #e4eddd; | ||
color: #243824; | color: #243824; | ||
font-weight: 600; | font-weight: 600; | ||
padding: 0. | padding: 0.25rem 0.45rem; | ||
width: 22%; | width: 22%; | ||
vertical-align: top; | vertical-align: top; | ||
border-top: 1px solid #d3dfcd; | border-top: 1px solid #d3dfcd; | ||
text-align: left; | text-align: left; | ||
white-space: nowrap; | |||
} | } | ||
/* list (right column) */ | |||
.navbox-list { | .navbox-list { | ||
background: #f7faf6; | background: #f7faf6; | ||
padding: 0. | padding: 0.2rem 0.5rem; | ||
border-top: 1px solid #d3dfcd; | border-top: 1px solid #d3dfcd; | ||
text-align: left; | text-align: left; | ||
line-height: 1. | line-height: 1.25; /* tighter line spacing */ | ||
} | } | ||
/* optional bottom note row */ | |||
.navbox-below { | .navbox-below { | ||
background: # | background: #f7faf6; | ||
padding: 0. | padding: 0.25rem 0.5rem; | ||
} | } | ||
/* links | /* links */ | ||
.navbox a { | .navbox a { | ||
text-decoration: none; | text-decoration: none; | ||
Revision as of 12:15, 20 November 2025
.navbox-container {
max-width: 820px; /* a bit narrower */
margin: 0.75rem auto 0;
}
.navbox {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 0.8rem; /* smaller text */
background: #f7faf6;
border: 1px solid #c5d2c0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
border-radius: 6px;
overflow: hidden;
}
/* top title bar */
.navbox-title {
background: #264b2c;
color: #ffffff;
font-weight: 600;
padding: 0.25rem 0.5rem; /* tighter */
text-align: center;
}
.navbox-title a {
color: inherit;
text-decoration: none;
}
.navbox-title a:hover {
text-decoration: underline;
}
/* thin “chip” row above groups */
.navbox-above {
background: #f7faf6; /* same as body so it doesn’t look like a hero block */
padding: 0.3rem 0.6rem;
border-bottom: 1px solid #d3dfcd;
font-weight: 500;
}
/* group (left column) */
.navbox-group {
background: #e4eddd;
color: #243824;
font-weight: 600;
padding: 0.25rem 0.45rem;
width: 22%;
vertical-align: top;
border-top: 1px solid #d3dfcd;
text-align: left;
white-space: nowrap;
}
/* list (right column) */
.navbox-list {
background: #f7faf6;
padding: 0.2rem 0.5rem;
border-top: 1px solid #d3dfcd;
text-align: left;
line-height: 1.25; /* tighter line spacing */
}
/* optional bottom note row */
.navbox-below {
background: #f7faf6;
padding: 0.25rem 0.5rem;
}
/* links */
.navbox a {
text-decoration: none;
}
.navbox a:hover {
text-decoration: underline;
}