Template:Awards/styles.css: Difference between revisions
Jump to navigation
Jump to search
Create tf-dark navbox stylesheet for the Awards navbox |
m Add crimson exit-row accent (Other Branches, Portal) + collapse toggle styling |
||
| Line 25: | Line 25: | ||
.tf-anav a, .tf-anav a:visited { color: #F5BD3F; } | .tf-anav a, .tf-anav a:visited { color: #F5BD3F; } | ||
.tf-anav a:hover { color: #F4D736; } | .tf-anav a:hover { color: #F4D736; } | ||
/* navigation-exit rows (other branches, portal) — crimson accent, distinct from the gold section titles */ | |||
.tf-anav .tf-anav-exit { | |||
background: #7A1E2B; color: #F7E0A0; | |||
font-variant: small-caps; letter-spacing: 0.04em; font-weight: bold; | |||
text-align: center; padding: 6px 8px; | |||
border-top: 1px solid #2A2A2C; border-bottom: 2px solid #BE2F24; | |||
} | |||
.tf-anav .tf-anav-exit a, .tf-anav .tf-anav-exit a:visited { color: #FBE7B4; } | |||
.tf-anav .tf-anav-exit a:hover { color: #ffffff; } | |||
/* collapse [hide]/[show] toggle in the title bar */ | |||
.tf-anav .mw-collapsible-toggle { font-weight: normal; font-size: 82%; } | |||
.tf-anav .mw-collapsible-toggle, .tf-anav .mw-collapsible-toggle a { color: #F5BD3F; } | |||
Revision as of 18:03, 16 July 2026
/* Awards navbox — tf dark house style (sibling of tf-abox / tf-pbox). */
.tf-anav {
margin: 1.2em auto 0; width: 100%; max-width: 62em;
background: #1c1c20; border: 1px solid #2A2A2C; border-radius: 8px;
border-collapse: collapse; overflow: hidden;
font-size: 85%; color: #E9E6E0; clear: both;
}
.tf-anav .tf-anav-title {
background: #232326; color: #F5BD3F;
font-variant: small-caps; letter-spacing: 0.04em; font-weight: bold;
text-align: center; padding: 6px 8px;
border-top: 1px solid #2A2A2C; border-bottom: 2px solid #8A6D1E;
}
.tf-anav .tf-anav-group {
background: #191919; color: #F4A345; font-weight: bold;
text-align: right; vertical-align: middle; white-space: nowrap;
width: 14%; padding: 4px 10px;
border-top: 1px solid #2A2A2C; border-right: 1px solid #2A2A2C;
font-variant: small-caps; letter-spacing: 0.03em;
}
.tf-anav .tf-anav-list {
text-align: center; padding: 5px 9px; line-height: 1.6; color: #E9E6E0;
border-top: 1px solid #2A2A2C;
}
.tf-anav a, .tf-anav a:visited { color: #F5BD3F; }
.tf-anav a:hover { color: #F4D736; }
/* navigation-exit rows (other branches, portal) — crimson accent, distinct from the gold section titles */
.tf-anav .tf-anav-exit {
background: #7A1E2B; color: #F7E0A0;
font-variant: small-caps; letter-spacing: 0.04em; font-weight: bold;
text-align: center; padding: 6px 8px;
border-top: 1px solid #2A2A2C; border-bottom: 2px solid #BE2F24;
}
.tf-anav .tf-anav-exit a, .tf-anav .tf-anav-exit a:visited { color: #FBE7B4; }
.tf-anav .tf-anav-exit a:hover { color: #ffffff; }
/* collapse [hide]/[show] toggle in the title bar */
.tf-anav .mw-collapsible-toggle { font-weight: normal; font-size: 82%; }
.tf-anav .mw-collapsible-toggle, .tf-anav .mw-collapsible-toggle a { color: #F5BD3F; }