Making page much more easily editable by using <dl><dt> and <dd> tags

This commit is contained in:
2020-03-28 22:06:47 +00:00
parent 5d207e675c
commit effadc446a
3 changed files with 152 additions and 89 deletions

View File

@@ -55,30 +55,36 @@ h2, h3, h4 {
margin-bottom: 0;
}
ul:not(#links) li ul, ul:not(#links) ul {
dd {
font: 18px Calibri, sanserif;
font-weight: normal;
list-style-type: disc;
color: 6083BF;
#list-style-type: disc;
line-height: 1.3;
}
dd:before {
content: "- ";
}
/* Default State */
ul:not(#links) {
dt {
font: 20px Calibri, sanserif;
font-weight: bold;
color: 6083BF;
margin-top: 0.4em;
margin-left: -1.2em;
#margin-left: -1.2em;
margin-left: 0;
margin-right: 5em;
list-style-type: none;
line-height: 1.4;
#list-style-type: none;
line-height: 1.4;
}
/* Toggled State */
input[type=checkbox] ~ ul:not(#links) li ul {
input[type=checkbox] ~ dl dd {
display: none;
}
input[type=checkbox]:checked ~ ul:not(#links) li ul {
input[type=checkbox]:checked ~ dl dd {
display: block;
}