Software /
code /
prosody
Comparison
plugins/mod_http_errors.lua @ 11395:d336b28b4002
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 |
comparison
equal
deleted
inserted
replaced
11394:420787340339 | 11395:d336b28b4002 |
---|---|
27 <title>{title}</title> | 27 <title>{title}</title> |
28 <style> | 28 <style> |
29 body{margin-top:14%;text-align:center;background-color:#f8f8f8;font-family:sans-serif} | 29 body{margin-top:14%;text-align:center;background-color:#f8f8f8;font-family:sans-serif} |
30 h1{font-size:xx-large} | 30 h1{font-size:xx-large} |
31 p{font-size:x-large} | 31 p{font-size:x-large} |
32 p.warning{font-size:large;background-color:yellow} | 32 p.warning>span{font-size:large;background-color:yellow} |
33 p.extra{font-size:large;font-family:courier} | 33 p.extra{font-size:large;font-family:courier} |
34 @media(prefers-color-scheme:dark){ | 34 @media(prefers-color-scheme:dark){ |
35 body{background-color:#161616;color:#eee} | 35 body{background-color:#161616;color:#eee} |
36 p.warning{background-color:inherit;color:yellow} | 36 p.warning>span{background-color:inherit;color:yellow} |
37 } | 37 } |
38 </style> | 38 </style> |
39 </head> | 39 </head> |
40 <body> | 40 <body> |
41 <h1>{title}</h1> | 41 <h1>{title}</h1> |
42 <p>{message}</p> | 42 <p>{message}</p> |
43 {warning&<p class="warning">⚠ {warning?} ⚠</p>} | 43 {warning&<p class="warning"><span>⚠ {warning?} ⚠</span></p>} |
44 {extra&<p class="extra">{extra?}</p>} | 44 {extra&<p class="extra">{extra?}</p>} |
45 </body> | 45 </body> |
46 </html> | 46 </html> |
47 ]]; | 47 ]]; |
48 | 48 |