Template:Navbox/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) Created page with ".navbox { border: 1px solid #a2a9b1; background: #f8f9fa; border-collapse: collapse; margin: 1em 0; width: 100%; font-size: 90%; } .navbox-title { background: #e9ecef; font-weight: 600; padding: 0.35em 0.6em; text-align: center; } .navbox-group { background: #f1f3f5; white-space: nowrap; padding: 0.3em 0.6em; text-align: left; vertical-align: top; } .navbox-list { padding: 0.3em 0.6em; text-align: left; } .navbox-above, .navbox-below..." |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
.navbox-container { | |||
max-width: 1100px; | |||
margin: 1.5rem auto 0; | |||
} | |||
.navbox { | .navbox { | ||
width: 100%; | width: 100%; | ||
font-size: | border-collapse: separate; | ||
border-spacing: 0; | |||
font-size: 0.9rem; | |||
background: #f7faf6; /* light green-tinted background */ | |||
border: 1px solid #c5d2c0; /* soft desaturated green border */ | |||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); | |||
border-radius: 6px; | |||
overflow: hidden; | |||
} | } | ||
.navbox-title { | .navbox-title { | ||
background: # | background: #264b2c; /* dark Zomia-ish green */ | ||
color: #ffffff; | |||
font-weight: 600; | font-weight: 600; | ||
padding: 0. | padding: 0.5rem 0.75rem; | ||
text-align: center; | text-align: center; | ||
} | |||
.navbox-title a { | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
.navbox-title a:hover { | |||
text-decoration: underline; | |||
} | } | ||
.navbox-group { | .navbox-group { | ||
background: # | background: #e4eddd; /* pale green band */ | ||
color: #243824; | |||
padding: 0. | font-weight: 600; | ||
padding: 0.4rem 0.6rem; | |||
width: 18%; | |||
vertical-align: top; | vertical-align: top; | ||
border-top: 1px solid #d3dfcd; | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
padding: 0. | background: #f7faf6; | ||
padding: 0.35rem 0.6rem; | |||
border-top: 1px solid #d3dfcd; | |||
} | |||
/* normal vertical lists, but with tight spacing */ | |||
.navbox-list ul { | |||
margin: 0; | |||
padding-left: 1.1em; | |||
} | |||
.navbox-list li { | |||
margin: 0.05rem 0; | |||
} | } | ||
.navbox-above, | .navbox-above, | ||
.navbox-below { | .navbox-below { | ||
background: # | background: #e4eddd; | ||
padding: 0. | padding: 0.45rem 0.75rem; | ||
} | |||
/* links inside the navbox */ | |||
.navbox a { | |||
text-decoration: none; | |||
} | |||
.navbox a:hover { | |||
text-decoration: underline; | |||
} | } | ||
Revision as of 12:00, 20 November 2025
.navbox-container {
max-width: 1100px;
margin: 1.5rem auto 0;
}
.navbox {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 0.9rem;
background: #f7faf6; /* light green-tinted background */
border: 1px solid #c5d2c0; /* soft desaturated green border */
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
border-radius: 6px;
overflow: hidden;
}
.navbox-title {
background: #264b2c; /* dark Zomia-ish green */
color: #ffffff;
font-weight: 600;
padding: 0.5rem 0.75rem;
text-align: center;
}
.navbox-title a {
color: inherit;
text-decoration: none;
}
.navbox-title a:hover {
text-decoration: underline;
}
.navbox-group {
background: #e4eddd; /* pale green band */
color: #243824;
font-weight: 600;
padding: 0.4rem 0.6rem;
width: 18%;
vertical-align: top;
border-top: 1px solid #d3dfcd;
}
.navbox-list {
background: #f7faf6;
padding: 0.35rem 0.6rem;
border-top: 1px solid #d3dfcd;
}
/* normal vertical lists, but with tight spacing */
.navbox-list ul {
margin: 0;
padding-left: 1.1em;
}
.navbox-list li {
margin: 0.05rem 0;
}
.navbox-above,
.navbox-below {
background: #e4eddd;
padding: 0.45rem 0.75rem;
}
/* links inside the navbox */
.navbox a {
text-decoration: none;
}
.navbox a:hover {
text-decoration: underline;
}