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;
}