diff options
| author | Sam Anthony <sam@samanthony.xyz> | 2025-12-23 16:30:56 -0330 |
|---|---|---|
| committer | Sam Anthony <sam@samanthony.xyz> | 2025-12-23 16:30:56 -0330 |
| commit | 723c98c1d7ae8d74840c5fa30bd2e38256e17332 (patch) | |
| tree | 94e4137a7391e483fdffddb3614671a38c19ae02 | |
| parent | 536494b1e9bd5eda363837faacbed0ad46bfc5ae (diff) | |
| download | samanthony.xyz-723c98c1d7ae8d74840c5fa30bd2e38256e17332.zip | |
styling
| -rw-r--r-- | themes/aoidh/assets/css/aoidh.css | 46 | ||||
| -rw-r--r-- | themes/aoidh/layouts/baseof.html | 22 |
2 files changed, 37 insertions, 31 deletions
diff --git a/themes/aoidh/assets/css/aoidh.css b/themes/aoidh/assets/css/aoidh.css index 5307ee0..0b787b7 100644 --- a/themes/aoidh/assets/css/aoidh.css +++ b/themes/aoidh/assets/css/aoidh.css @@ -12,32 +12,29 @@ html { } body { - display: block; - float: none; - margin-left: auto; - margin-right: auto; - line-height: 1.5rem; - max-width: 60rem; - margin-top: 2rem; - margin-bottom: 2rem; + margin: 2rem auto; padding: .5rem 1rem .25rem; - border: 1px solid var(--dark-gray); + max-width: 60rem; + border: 1px solid var(--dark-yellow); box-shadow: 2px 2px var(--dark-yellow); } body { + line-height: 1.35rem; font-family: serif; text-rendering: optimizeLegibility; color: #000; background: #fff; } -header { - margin-bottom: 2rem; +.content { + margin-left: auto; + margin-right: auto; + max-width: 40rem; } -nav { - display: block; +header { + margin-bottom: 2rem; } nav ul { @@ -46,6 +43,7 @@ nav ul { } nav a { + text-decoration: none; color: #000; background: #fff; padding: .2rem 1.5rem .2rem 1.5rem; @@ -58,11 +56,6 @@ nav li:first-child a { margin-left: 0; } -nav a:hover, nav a:focus { - color: #000; - background: var(--light-blue); -} - nav a:active { color: #000; background: #fff; @@ -75,13 +68,24 @@ ul { p { text-align: justify; - max-width: 40rem; + hyphens: auto; + text-justify: inter-word; } a { + text-decoration: underline; + border: 1px solid transparent; +} + +a:hover, nav a:focus { text-decoration: none; + color: #000; + background: var(--light-blue); } -p a { - text-decoration: underline; +a:active { + text-decoration: none; + color: #000; + background: var(--light-blue); + border: 1px solid var(--dark-blue); } diff --git a/themes/aoidh/layouts/baseof.html b/themes/aoidh/layouts/baseof.html index 1b58fdc..dd61d01 100644 --- a/themes/aoidh/layouts/baseof.html +++ b/themes/aoidh/layouts/baseof.html @@ -4,15 +4,17 @@ {{ partial "head.html" . }} </head> <body> - <header> - {{ partial "header.html" . }} - </header> - <main> - {{ block "main" . }}{{ end }} - </main> - <hr> - <footer> - {{ partial "footer.html" . }} - </footer> + <div class="content"> + <header> + {{ partial "header.html" . }} + </header> + <main> + {{ block "main" . }}{{ end }} + </main> + <hr> + <footer> + {{ partial "footer.html" . }} + </footer> + </div> </body> </html> |