stefan
/
husk
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

improved layout

This commit is contained in:
gurkenhabicht 2022-11-09 22:49:46 +01:00
parent fcfbff9d03
commit 51208a02e5
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
static/stylesheet.css
View File

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