Standardize font sizes and heading tags (<h1>-<h6>) to be more consistent across the site. Changes: * Introduce font size CSS variables and start replacing hardcoded font sizes with standard sizes. * Change header tags to use only one <h1> per page. One <h1> per page is recommended for SEO purposes. Usually this is for the page title, like in forum threads or wiki pages. * Standardize on <h2> for section headers in sidebars and <h3> for smaller subsection headers. Don't use <h4>-<h6>. * In DText, make h1-h4 headers all the same size. Standard wiki style is to ignore h1-h3 and start at h4. * In DText, make h4-h6 the same size as the h1-h3 tags outside of DText. * In the tag list, change the <h1> and <h2> tag category headers to <h3>. * Make usernames in comments and forum posts smaller. Also change the <h4> tag for the commenter name to <div class="author-name">. * Make the tag list, paginator, and nav menu smaller on mobile. * Change h1#app-name-header to a#app-name-header.
54 lines
766 B
SCSS
54 lines
766 B
SCSS
#maintoggle {
|
|
display: none;
|
|
}
|
|
|
|
header#top {
|
|
#app-name-header {
|
|
font-size: var(--text-xxl);
|
|
margin: 0 30px;
|
|
}
|
|
|
|
menu {
|
|
margin-top: -2px;
|
|
background: var(--subnav-menu-background-color);
|
|
padding: 6px 20px;
|
|
|
|
form {
|
|
display: inline-block;
|
|
|
|
input {
|
|
width: 9.5em;
|
|
}
|
|
}
|
|
|
|
li {
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
li a {
|
|
padding: 6px 10px;
|
|
}
|
|
}
|
|
|
|
menu.main {
|
|
margin-top: 0;
|
|
background: none;
|
|
|
|
li.current a {
|
|
background: var(--subnav-menu-background-color);
|
|
font-weight: bold;
|
|
}
|
|
|
|
li#nav-login a {
|
|
font-weight: bold;
|
|
color: var(--login-link-color);
|
|
}
|
|
|
|
li.forum-updated a {
|
|
font-style: italic;
|
|
}
|
|
}
|
|
}
|