comparison mod_http_muc_log/res/http_muc_log.html @ 4972:b49d72160497

mod_http_muc_log: Move OOB style from attribute to <style> in header Allows stricter restrictions, i.e. Content-Security-Policy
author Kim Alvefur <zash@zash.se>
date Wed, 06 Jul 2022 18:24:43 +0200
parents 479d618c9e6d
children 39211f23f9f3
comparison
equal deleted inserted replaced
4971:bc78424968b2 4972:b49d72160497
46 .button>a{color:white;background-color:orange;border-radius:4px} 46 .button>a{color:white;background-color:orange;border-radius:4px}
47 .reaction{font-size:smaller;outline:1px solid silver;border-radius:2px} 47 .reaction{font-size:smaller;outline:1px solid silver;border-radius:2px}
48 form{text-align:right} 48 form{text-align:right}
49 li.edited{display:none} 49 li.edited{display:none}
50 li:target{outline:1px gray dotted;display:inherit} 50 li:target{outline:1px gray dotted;display:inherit}
51 figure img{max-height:9em;max-width:16em}
51 @media (prefers-color-scheme: dark) { 52 @media (prefers-color-scheme: dark) {
52 html{color:#eee} 53 html{color:#eee}
53 body{background-color:#161616} 54 body{background-color:#161616}
54 .content{background-color:#1c1c1c} 55 .content{background-color:#1c1c1c}
55 footer{color:#444} 56 footer{color:#444}
113 <a class="time" href="#{item.key}"><time id="{item.time}" datetime="{item.datetime}">{item.time}</time></a> 114 <a class="time" href="#{item.key}"><time id="{item.time}" datetime="{item.datetime}">{item.time}</time></a>
114 <b class="nick">{item.nick}</b> 115 <b class="nick">{item.nick}</b>
115 <em class="verb">{item.verb?}</em> 116 <em class="verb">{item.verb?}</em>
116 <q class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}">&#9998;</a>}{item.edit& <a href="#{item.edit}">&#9999;</a>}</q> 117 <q class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}">&#9998;</a>}{item.edit& <a href="#{item.edit}">&#9999;</a>}</q>
117 {item.reactions%<span class="reaction">{idx} {item}</span>} 118 {item.reactions%<span class="reaction">{idx} {item}</span>}
118 {item.oob.url&<figure><a rel="nofollow" href="{item.oob.url?}"><img style="max-height:9em;max-width:16em" alt="{item.oob.desc?}" src="{item.oob.url?}"/></a><figcaption>{item.oob.desc?}</figcaption></figure>} 119 {item.oob.url&<figure><a rel="nofollow" href="{item.oob.url?}"><img alt="{item.oob.desc?}" src="{item.oob.url?}"/></a><figcaption>{item.oob.desc?}</figcaption></figure>}
119 </li>} 120 </li>}
120 </ol> 121 </ol>
121 </main> 122 </main>
122 <hr> 123 <hr>
123 <footer> 124 <footer>