header { background: $c-background-invert; height: 86px; color: $c-text-invert; a, a:visited { background: none; border: 0; padding: 0; margin: 0; color: $c-text-invert; } .logo { position: absolute; z-index: 2; top: 11px; left: 16px; width: 21px; height: 27px; } .site-name { color: $c-text-invert; position: absolute; top: 15px; left: 52px; h1 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; display: inline; font-size: 20px; font-weight: normal; a { font-weight: bold; text-decoration: none; padding-right: 6px; } } } .user { font-size: 13px; position: absolute; top: 20px; right: 16px; .separator { color: $c-text-light; margin: 0 4px; } } .tabs { position: absolute; top: 54px; height: 29px; left: 16px; right: 8px; ul { padding: 0; margin: 0 8px 0 0; list-style-type: none; display: block; float: left; &.account { float: right; } } li { display: inline; margin: 0; padding: 0; font-weight: normal; font-size: 13px; } a, a:visited { background: #333; color: $c-text-invert; display: block; float: left; padding: 0 15px; line-height: 32px; height: 32px; margin: 0 2px 0 0; text-decoration: none; } a:hover, a.current, a.current:visited { @include vertical-gradient(#cfcfcf, #fefefe); color: $c-text; } } } .content-tabs { list-style-type: none; margin: 24px 0px -11px -18px; padding: 0; li { color: hsla(0,0%,0%,0.25); display: inline; background: transparent; padding: 6px 17px; font-weight: bold; } li.current { background: $c-background; padding: 5px 16px; border: 1px solid #cae6f1; border-bottom: 1px solid $c-background; a, a:visited { text-decoration: none; color: #444; } } } .page-description { @include vertical-gradient(#dceef6, #e7f3f9); margin: 0; padding: 16px 32px; display: block; border-bottom: 1px solid #d4eaf4; color: $c-text; em { font-style: normal; color: #4a5357; } main & h3 { margin: 0; padding: 0; font-size: 13px; text-shadow: #E9F6FF 1px 1px 1px; } .links { float: right; } .separator { color: #779CB3; margin: 0 4px; } }