Guild Wars 2 Wiki:Projects/CSS documentation/template navs- vector
From Guild Wars 2 Wiki
Jump to navigationJump to search
/** NAVS **/ div.nav { position: relative; } div.nav .box { border-width: 1px; border-style: solid; border-spacing: 0; font-size: 0.9230769231em; min-height: 60px; position: relative; margin: auto; } div.nav .box { width: 42em; } div.nav.thin .box { width: 34em; } div.nav.wide .box { width: 50em; } div.nav.full .box { width: unset; } div.nav .heading { border-width: 1px; border-style: solid; font-family: Arial, sans-serif !important; font-size: 1.083em; font-size-adjust: 0.52; font-weight: 700; line-height: 100%; text-align: center; margin: -1px -1px 0px; padding: 0.769em 0; position: relative; z-index: 1; } div.nav .clear { height: 0.667em; } div.nav .box::after { content: ""; position: absolute; width: 100%; left: 0; height: 3px; background-image: url("/images/4/45/Shadow_after.png"); background-size: 100% 3px; } div.nav .box::after { bottom: -4px; } div.nav .wrapper { padding: 0px 8px; } div.nav dl, div.nav .wrapper.hlist > ul { margin: 0.667em 0em; } div.nav dt { float: left; text-align: right; clear: left; margin: 0 -1px 0 0; padding: 2px 8px 2px 0px; width: 25%; border-right-width: 1px; border-right-style: solid; } div.nav dd { float: left; text-align: left; margin: 0; padding: 2px 0px 2px 8px; width: 67%; border-left-width: 1px; border-left-style: solid; } div.nav dt, div.nav dd { line-height: 1.667em; } div.nav table { line-height: 1.667em; background-color: transparent; border-collapse: collapse; width: 100%; margin: 0.667em 0; } div.nav table th { text-align: right; border-right-width: 1px; border-right-style: solid; vertical-align: top; padding: 2px 8px; } div.nav table td { padding: 2px 8px; } .nav .wrapper p { margin-top: 0.667em; margin-bottom: 0.667em; } div.nav .selflink { font-weight: bold; } /* Hide and reduce margins of horizontal rules between multiple navs */ .nav ~ hr { background-color: transparent; margin: 0.5em 0 !important; } div.nav .box { background-color: #40434A; /* color scheme: inactive tabs */ } div.nav .heading { background-color: #1A1A1A; /* color scheme: super dark */ } div.nav .box, div.nav .heading, div.nav dt, div.nav dd, div.nav table th { border-color: #5A5C5E; /* color scheme: gray page border */ } /* For navs where background colors are hardcoded and sufficiently complicated */ .black-text, .black-text a { color: black; }