diff --git a/css/style.css b/css/style.css index c7cc15a..7da5a55 100644 --- a/css/style.css +++ b/css/style.css @@ -1,70 +1,75 @@ -body, html { - margin: 0; - padding: 0; - height: 100%; +body, +html { + margin: 0; + padding: 0; + height: 100%; } nav { - border-bottom: 2px solid #ccc; - margin: 0; - grid-area: nav; + border-bottom: 2px solid #ccc; + margin: 0; + grid-area: nav; + padding: 0.3em 2em; } ul { - margin: 0; - padding-left: 10pt; - list-style: none; + margin: 0; + padding-left: 10pt; + list-style: none; } ul:nth-child(1) { - padding: 1em 1em; + padding: 1em 1em; +} + +li:hover { + background-color: blue; } li::before { - content: ''; - margin-right: 5pt; - width: 1em; - height: 1em; - display: inline-block; + content: ""; + margin-right: 5pt; + width: 1em; + height: 1em; + display: inline-block; } li[style]::before { - content: ''; - display: inline-block; - background-image: url('../img/arrow-down.svg'); - background-size: cover; - background-repeat: no-repeat; - background-position: center; - width: 0.7em; - height: 0.7em; - margin-right: 3pt; + content: ""; + display: inline-block; + background-image: url("../img/arrow-down.svg"); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + width: 0.7em; + height: 0.7em; + margin-right: 3pt; } .container { - display: grid; - grid-template-columns: max-content auto; - grid-template-rows: 3em auto auto; - height: 100%; - grid-template-areas: + display: grid; + grid-template-columns: max-content auto; + grid-template-rows: max-content auto max-content; + height: 100%; + grid-template-areas: "nav nav" "aside section" "footer footer"; } section { - grid-area: section; + grid-area: section; } aside { - margin: 0; - height: 100%; - grid-area: aside; - overflow-y: scroll; - margin-right: 2px solid #ccc; + margin: 0; + height: 100%; + grid-area: aside; + overflow-y: scroll; + margin-right: 2px solid #ccc; } footer { - border-top: 2px solid #ccc; - grid-area: footer; - text-align: right; - padding: 0.3em 2em; - -} \ No newline at end of file + border-top: 2px solid #ccc; + grid-area: footer; + text-align: right; + padding: 0.3em 2em; +} diff --git a/index.php b/index.php index 6180e07..33a1f56 100644 --- a/index.php +++ b/index.php @@ -14,7 +14,10 @@