User:Rayanth/SandboxNavBars

Header Image
Navbar Title
Header 1
Link 1 Link 2 Link 3 Link 4
Header 2
Link 1 Link 2 Link 3 Link 4
Header 3
Link 1 Link 2 Link 3 Link 4
Header 4
Link 1 Link 2 Link 3 Link 4
Header 5
Link 1 Link 2 Link 3 Link 4
Header 6
Link 1 Link 2 Link 3 Link 4

The current Right-hand NavBars in use are:

Template:Campus Group Navbar	width=15em
Template:Corplinks	width=15em
Template:Exploration links	width=15em
Template:FCC Doctrine Links	width=15em	image stretches to 190px
Template:FCC Links	width=15em
Template:HR Navbar	width=15em
Template:Incursions links	width=15em
Template:Incursions sites	width=15em
Template:Industry Links	width=15em
Template:Legality	width=15em
Template:Member Services	width=15em
Template:MissionLinks	width=15em
Template:Navigation Links	width=15em
Template:NullSec Campus links	width=15em	image stretches to 190px
Template:Planetary Interaction links	width=15em	image stretches to 190px
Template:ShipTypes	width=15em	no image
Template:Skills Links	width=15em	no image
Template:Sovereigntynavbar	width=15em
Template:Structures	width=15em
Template:Weapon Systems Links	width=15em	no image
Template:Wormhole Links	width=15em

Ideally we can get uniformity across all the navbars. So far I've aimed for setting the width to 15em based on 11px font-size in the Table tag, which gives a 162px width (for some reason it's reading 11px font as 10.8, at least in Chrome. Some other CSS causing a shrink, somewhere, most likely) -

Here is the base format for a navbar, borrowed from Cassiel, and results in the navbar seen to the right

{| style="float:right; clear:right; margin-left:1em; margin-bottom:1em; border:1px solid #202020; padding:1px; border-collapse:collapse; text-align:center; font-size:11px; width: 15em;" |- | style="background-color:#000000; padding:0px;" | Header Image |- ! style="background-color:#000000; font-size:12px; padding:0px;" valign="middle" | Navbar Title |- ! style="background-color:#101010; font-size:12px;" | Header 1 |- | style="background-color:#202020; font-size:11px;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- !style="background-color:#101010; font-size:12px;"| Header 2 |- | style="background:#202020;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- ! style="background-color:#101010; font-size:12px; padding:0px;" valign="middle" | Header 3 |- | style="background-color:#202020;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- ! style="background-color:#101010; font-size:12px;" | Header 4 |- | style="background-color:#202020;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- !style="background-color:#101010; font-size:12px;" | Header 5 |- | style="background-color:#202020; font-size: 11px; text-align:center;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |- ! style="background-color:#101010; font-size:12px;"| Header 6 |- | style="background:#202020;" | Link 1<br> Link 2<br> Link 3<br> Link 4 |} <noinclude> {{documentation}} </noinclude>