Template:Navbox/styles.css: Difference between revisions
m Add .tf-branchnav crest-tile classes for the branches-of-service navbox |
m Compact branch navbox: single tile row, drop group-label/footer rules, smaller tiles |
||
| Line 26: | Line 26: | ||
.tf-cnav { margin: 0 auto; } | .tf-cnav { margin: 0 auto; } | ||
/* Branch-of-service navbox: crest tiles | /* Branch-of-service navbox: a title bar over one compact row of crest tiles. */ | ||
.tf-branchnav { | .tf-branchnav { | ||
margin: 1.2em auto 0; | margin: 1.2em auto 0; | ||
width: 100%; | width: 100%; | ||
max-width: | max-width: 60em; | ||
border: 1px solid #999999; | border: 1px solid #999999; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| Line 37: | Line 37: | ||
clear: both; | clear: both; | ||
} | } | ||
.tf-branchnav .tf-navtitle { | .tf-branchnav .tf-navtitle { | ||
background: #c10b00; | background: #c10b00; | ||
color: #ffffff; | color: #ffffff; | ||
font-size: | font-size: 105%; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
padding: | padding: 4px; | ||
letter-spacing: 0.02em; | letter-spacing: 0.02em; | ||
} | } | ||
.tf-branchnav .tf-navtitle a { color: #ffe08a; } | .tf-branchnav .tf-navtitle a { color: #ffe08a; } | ||
.tf-branchnav .tf-tiles { padding: 5px 3px; text-align: center; } | |||
.tf-branchnav .tf-tiles { padding: | |||
.tf-branchnav .tf-tile { | .tf-branchnav .tf-tile { | ||
display: inline-block; | display: inline-block; | ||
width: | width: 5em; | ||
vertical-align: top; | vertical-align: top; | ||
text-align: center; | text-align: center; | ||
margin: | margin: 3px 4px; | ||
font-size: | font-size: 84%; | ||
line-height: 1. | line-height: 1.15; | ||
} | } | ||
.tf-branchnav .tf-tile a img { display: block; margin: 0 auto 3px; height: 40px; width: auto; } | |||