reworked all css templates, added max size of boxes

This commit is contained in:
gurkenhabicht 2022-10-11 00:00:05 +02:00
parent 4d6fe2f20f
commit 5d63accc32
5 changed files with 41 additions and 12 deletions

View File

@ -24,6 +24,7 @@ details summary::marker { content: "\1F4C1\20";}
padding-right: 1em;
padding-top: 1em;
order: -1;
background-color: #0d1117;
}
@media (min-width: 48em) {
@ -38,6 +39,7 @@ details summary::marker { content: "\1F4C1\20";}
text-align: left;
margin-left: 1em;
margin-right: 1em;
width: 70%;
border-top: 1px solid #89929b; border-bottom: 1px solid #89929b;
}
@ -45,8 +47,9 @@ details summary::marker { content: "\1F4C1\20";}
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #0d1117;
/* expermimental line height */
/* experimental line height */
line-height: 1.8em;
width: 15%;
}
.HolyGrail-nav ul {
@ -61,7 +64,7 @@ details summary::marker { content: "\1F4C1\20";}
padding-left : 0.5ch;
margin: 0em;
text-align: left;
/* expermimental line height */
/* experimental line height */
line-height: 1.5em;
}

View File

@ -39,6 +39,7 @@ details summary::marker { content: "\1F4C1\20";}
text-align: left;
margin-left: 1em;
margin-right: 1em;
width: 70%;
border-top: 1px solid #979FAD; border-bottom: 1px solid #979FAD;
}
@ -46,21 +47,25 @@ details summary::marker { content: "\1F4C1\20";}
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #3A3F4B;
/* experimental line height */
line-height: 1.8em;
width: 15%;
}
.HolyGrail-nav ul {
list-style-type: none!important;
padding-left : 0.3em;
padding-left : 1ch;
margin: 0em;
text-align: left;
}
.HolyGrail-nav li {
list-style-type: none!important;
padding-left : 1em;
padding-left : 0.5ch;
margin: 0em;
text-align: left;
/* experimental line height */
line-height: 1.5em;
}
.HolyGrail-nav a{

View File

@ -24,6 +24,7 @@ details summary::marker { content: "\1F4C1\20";}
padding-right: 1em;
padding-top: 1em;
order: -1;
background-color: #002b36;
}
@media (min-width: 48em) {
@ -38,6 +39,7 @@ details summary::marker { content: "\1F4C1\20";}
text-align: left;
margin-left: 1em;
margin-right: 1em;
width: 70%;
border-top: 1px solid #002b36; border-bottom: 1px solid #002b36;
}
@ -45,20 +47,25 @@ details summary::marker { content: "\1F4C1\20";}
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #002b36;
/* experimental line height */
line-height: 1.8em;
width: 15%;
}
.HolyGrail-nav ul {
list-style-type: none!important;
padding-left : 0.3em;
padding-left : 1ch;
margin: 0em;
text-align: left;
}
.HolyGrail-nav li {
list-style-type: none!important;
padding-left : 1em;
padding-left : 0.5ch;
margin: 0em;
text-align: left;
/* experimental line height */
line-height: 1.5em;
}
.HolyGrail-nav a{

View File

@ -24,6 +24,7 @@ details summary::marker { content: "\1F4C1\20";}
padding-right: 1em;
padding-top: 1em;
order: -1;
background-color: #eee8d5;
}
@media (min-width: 48em) {
@ -38,6 +39,7 @@ details summary::marker { content: "\1F4C1\20";}
text-align: left;
margin-left: 1em;
margin-right: 1em;
width: 70%;
border-top: 1px solid #002b36; border-bottom: 1px solid #002b36;
}
@ -45,20 +47,25 @@ details summary::marker { content: "\1F4C1\20";}
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #eee8d5;
/* experimental line height */
line-height: 1.8em;
width: 15%;
}
.HolyGrail-nav ul {
list-style-type: none!important;
padding-left : 0.3em;
padding-left : 1ch;
margin: 0em;
text-align: left;
}
.HolyGrail-nav li {
list-style-type: none!important;
padding-left : 1em;
padding-left : 0.5ch;
margin: 0em;
text-align: left;
/* experimental line height */
line-height: 1.5em;
}
.HolyGrail-nav a{

View File

@ -24,6 +24,7 @@ details summary::marker { content: "\1F4C1\20";}
padding-right: 1em;
padding-top: 1em;
order: -1;
background-color: #ecf5ff;
}
@media (min-width: 48em) {
@ -31,7 +32,6 @@ details summary::marker { content: "\1F4C1\20";}
flex-direction: row;
flex: 1;
text-align: left;
border-top: 1px solid #262626; border-bottom: 1px solid #262626;
}
.HolyGrail-content {
@ -39,26 +39,33 @@ details summary::marker { content: "\1F4C1\20";}
text-align: left;
margin-left: 1em;
margin-right: 1em;
width: 70%;
border-top: 1px solid #262626; border-bottom: 1px solid #262626;
}
.HolyGrail-nav, .HolyGrail-ads {
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #ecf5ff;
/* experimental line height */
line-height: 1.8em;
width: 15%;
}
.HolyGrail-nav ul {
list-style-type: none!important;
padding-left : 0.3em;
padding-left : 1ch;
margin: 0em;
text-align: left;
}
.HolyGrail-nav li {
list-style-type: none!important;
padding-left : 1em;
padding-left : 0.5ch;
margin: 0em;
text-align: left;
/* experimental line height */
line-height: 1.5em;
}
.HolyGrail-nav a{