div#container-wrap { background: unset; } #header, #top-bar { width: 100%; max-width: unset; margin: unset; } #header { display: flex; flex-direction: column; height: unset; padding-bottom: unset; padding-top: 1rem; } #header h1, #header h2, #header #search-top-box, #header #top-bar ul, #header #login-status { padding: 0 calc((100% - 1000px)/2 + 1rem); } #header #account-options { margin: 0 calc((100% - 1000px)/2 + 1rem); text-align: left; } @media screen and (max-width: 1040px) { #header h1, #header h2, #header #search-top-box, #header #login-status { padding: 0 2rem; } #header #account-options { margin: 0 2rem; } } #header h1 { order: 2; margin-left: unset; float: unset; max-height: unset; } #header h1 a { padding: unset; line-height: unset; max-height: unset; display: inline-block; } #header h2 { order: 3; margin-left: unset; clear: unset; float: unset; max-height: unset; } #header h2 span { padding: unset; line-height: unset; max-height: unset; } #search-top-box { position: absolute; top: 45%; right: 0; width: unset; text-align: unset; } #search-top-box input { padding: .35rem; } #search-top-box-form { display: inline-flex; } #search-top-box-input { margin: 0; margin-right: -1px; border-radius: 5px 0 0 5px; } #search-top-box-form input[type=submit] { margin: 0; border-radius: 0 5px 5px 0; } #top-bar { order: 4; position: unset; top: unset; right: unset; bottom: unset; height: unset; line-height: unset; font-size: unset; margin-top: 2rem; } @media screen and (max-width: 767px) { #top-bar { margin-top: 1rem; } } #top-bar ul { float: unset; display: flex; } #top-bar ul li { flex-grow: 1; transition: background .2s; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: unset; color: unset; border: unset; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: unset; } #top-bar ul li a { // padding-top: unset; // padding-bottom: unset; line-height: unset; max-height: unset; font-weight: bold; border-left: unset; border-right: unset; } #top-bar ul li ul { display: block; } #top-bar ul li ul li a { font-weight: normal; } #top-bar ul li a, #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { padding-top: .5rem; padding-bottom: .5rem; } #top-bar ul li ul a, #top-bar a:hover { color: unset; } #top-bar a:hover { background-color: unset; } .mobile-top-bar { position: unset; left: unset; bottom: unset; max-width: unset; } #login-status { order: 1; position: unset; top: unset; right: unset; font-size: unset; font-size: .8rem; text-align: right; margin-bottom: 1rem; } /* COLORSET */ ::selection { background-color: rgba(100,46,44,.25); } #header { background: rgb(100,46,44); background: linear-gradient(to bottom, rgb(100,46,44) 0%, rgb(20, 22, 24) 60%, rgb(20, 22, 24) 100%); } #top-bar ul { background: #3D3D3D; box-shadow: 0 3px 5px 3px rgb(0 0 0 / 30%); } #top-bar ul li.sfhover { background: #222; color: white; } /* FONTSET */ #header h1 a { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif; } /* DESIGN */ #header h1 a::after { content: ""; background: top / contain no-repeat url('https://scpkrsandbox.wdfiles.com/local--files/theme%3Astandardization/logo.svg'); width: 1.5rem; height: 2rem; display: inline-block; } /* TWEAK */ .avatar-hover { display: none !important; } tt, pre, code, .code { overflow: unset; white-space: pre-wrap; }