reworked all css templates, added max size of boxes
This commit is contained in:
parent
4d6fe2f20f
commit
5d63accc32
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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{
|
||||
|
|
Loading…
Reference in New Issue