Software / code / prosody-modules
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 |
| parent | 4963:479d618c9e6d |
| child | 4973: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}">✎</a>}{item.edit& <a href="#{item.edit}">✏</a>}</q> | 117 <q class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}">✎</a>}{item.edit& <a href="#{item.edit}">✏</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> |