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 { }
.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;