Mercurial > web
changeset 84:5914d06f72b4
css: tweak styles to make things work on older browsers
the other thing was hacky; this is weirder, but makes a tiny
bit more sense
author | Paper <paper@paper.us.eu.org> |
---|---|
date | Wed, 05 Jun 2024 21:02:44 -0400 |
parents | 06fd6ffefb58 |
children | 52d59a351bf5 |
files | _layouts/default.html css/style.css |
diffstat | 2 files changed, 13 insertions(+), 7 deletions(-) [+] |
line wrap: on
line diff
--- a/_layouts/default.html Mon May 20 05:04:46 2024 -0400 +++ b/_layouts/default.html Wed Jun 05 21:02:44 2024 -0400 @@ -38,8 +38,10 @@ <body> {% include navigation.html %} - <br> + <div class="catchall"> {{ content }} + + </div> </body> </html> \ No newline at end of file
--- a/css/style.css Mon May 20 05:04:46 2024 -0400 +++ b/css/style.css Wed Jun 05 21:02:44 2024 -0400 @@ -79,16 +79,20 @@ margin: 0; } +/* this uglifies the HTML, but it was already fairly ugly to begin with */ +.catchall { + margin: 0 auto; + padding: 1em 1em; +} + /* creates a box to store text or whatever in */ .content { background-color: rgba(0, 0, 0, 0.6); - margin-inline: max(1em, 50% - 46.88em/2); + + max-width: 750px; - /* essentially equivalent to `margin: auto;` - * except it has a minimum value of 1em to make it - * look nice on mobile - */ - padding: 1em; + margin: 0 auto; + padding: 1em 1em; } /* headers */