diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2024-05-07 09:43:40 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2024-05-07 09:43:40 -0400 |
| commit | 5d211ace2b640ab9d205793526ec3e98ecac1149 (patch) | |
| tree | 4a2a016691817d9c72d81db8bcf8a19ae5f57a82 | |
| parent | d14879acf560c20d70d113725c19415379ff579d (diff) | |
| download | 53hor-5d211ace2b640ab9d205793526ec3e98ecac1149.tar.xz 53hor-5d211ace2b640ab9d205793526ec3e98ecac1149.zip | |
feat: give iframes nice borders and size them to HD aspect ratio
| -rw-r--r-- | includes/www.css | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/includes/www.css b/includes/www.css index 6a78e00..0c7b47c 100644 --- a/includes/www.css +++ b/includes/www.css @@ -89,21 +89,27 @@ } p img { + border-left: var(--box-border); + border-radius: var(--box-radius); + border-right: var(--box-border); display: block; - margin-top: 1em; + height: auto; margin-left: auto; margin-right: auto; + margin-top: 1em; max-width: 75%; - height: auto; - border-radius: var(--box-radius); - border-left: var(--box-border); - border-right: var(--box-border); } iframe { + aspect-ratio: 16 / 9; + border-left: var(--box-border); + border-radius: var(--box-radius); + border-right: var(--box-border); display: block; + margin-bottom: 1em; margin-left: auto; margin-right: auto; + width: 75%; } .list { |