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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/github-dark.css
View File

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

11
static/one-dark.css
View File

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

11
static/solarized-dark.css
View File

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

11
static/solarized-light.css
View File

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

13
static/xcode.css
View File

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