mod_http_errors: Style tweak Weird to have the background all the way to the edge of the viewport. Would be nice if this could be done without the extra span.

author: Kim Alvefur <zash@zash.se>
date: Sun, 21 Feb 2021 07:59:17 +0100
parent: 11390:226fd5d3a295
child: 11403:747e8245f180
--- a/plugins/mod_http_errors.lua	Sun Feb 21 06:49:11 2021 +0100
+++ b/plugins/mod_http_errors.lua	Sun Feb 21 07:59:17 2021 +0100
@@ -29,18 +29,18 @@
 body{margin-top:14%;text-align:center;background-color:#f8f8f8;font-family:sans-serif}
 h1{font-size:xx-large}
 p{font-size:x-large}
-p.warning{font-size:large;background-color:yellow}
+p.warning>span{font-size:large;background-color:yellow}
 p.extra{font-size:large;font-family:courier}
 @media(prefers-color-scheme:dark){
 body{background-color:#161616;color:#eee}
-p.warning{background-color:inherit;color:yellow}
+p.warning>span{background-color:inherit;color:yellow}
 }
 </style>
 </head>
 <body>
 <h1>{title}</h1>
 <p>{message}</p>
-{warning&<p class="warning">&#9888; {warning?} &#9888;</p>}
+{warning&<p class="warning"><span>&#9888; {warning?} &#9888;</span></p>}
 {extra&<p class="extra">{extra?}</p>}
 </body>
 </html>