diff --git a/static/stylesheet.css b/static/stylesheet.css index ed526f5..0ce10c0 100644 --- a/static/stylesheet.css +++ b/static/stylesheet.css @@ -27,8 +27,8 @@ details summary::marker { height: auto; content: "\1F4C1\20";} ::-moz-selection { } .menu { line-height: 1em; font-size: 32px; text-decoration: none; width: 100%; margin: 0 auto; opacity: 1; } -.banner { float: left; text-align: center; width: 13%; font-weight: 700; padding-top: 8px;} -.header-wrapper { width: 100%; position: fixed; top: 0; } +.banner { float: left; text-align: center; width: 13%; font-weight: 700; padding-top: 8px; } +.header-wrapper { width: 100%; position: fixed; top: 0; height: 5vh; min-height: 5vh; } .HolyGrail, .HolyGrail-body { @@ -38,18 +38,18 @@ details summary::marker { height: auto; content: "\1F4C1\20";} .HolyGrail-nav { padding-right: 1em; - padding-top: 3ch; + padding-top: 4ch; padding-bottom: 1em; order: -1; } @media (min-width: 768px) { - .header-wrapper { width: 100%; position: fixed; top: 0; padding-bottom: 12px; padding-top: 10px; /*opacity: 0.96;*/ } + .header-wrapper { width: 100%; position: fixed; top: 0; padding-bottom: 0.5vh; padding-top: 1vh; /*opacity: 0.96;*/ } .HolyGrail-body { flex-direction: row; flex: 1; text-align: left; - margin-top: 6.8vh; + margin-top: 5vh; /*padding-left: 8px; padding-right:8px;*/ } @@ -61,7 +61,7 @@ details summary::marker { height: auto; content: "\1F4C1\20";} margin-right: 3em; /* max-width: 80.5em; */ overflow: auto; - padding-top: 1em; + padding-top: 3em; } .HolyGrail-nav, .HolyGrail-ads { @@ -75,7 +75,7 @@ details summary::marker { height: auto; content: "\1F4C1\20";} .HolyGrail-ads { overflow: hidden; padding-right: 1ch; - padding-top: 1.3ch; + padding-top: 2.3ch; /*min-width: 16em; max-width: 18em;*/ min-width: 15%; @@ -167,7 +167,8 @@ details summary::marker { height: auto; content: "\1F4C1\20";} } .search-container input { width: 100%; - height: 42px; + height: 4vh; + /* height: 42px; */ font-weight: 700; cursor: pointer; padding-left: 1ch;