Mercurial > prosody-modules
comparison mod_http_muc_log/mod_http_muc_log.lua @ 1561:2eaf4833969a
mod_http_muc_log: Render arrows in prev/next links using CSS
author | Kim Alvefur <zash@zash.se> |
---|---|
date | Sun, 09 Nov 2014 17:17:04 +0100 |
parents | 6c6c1fab4ee5 |
children | bc9cfd1c5391 |
comparison
equal
deleted
inserted
replaced
1560:6c6c1fab4ee5 | 1561:2eaf4833969a |
---|---|
65 footer{font-size:smaller;color:#babdb6;} | 65 footer{font-size:smaller;color:#babdb6;} |
66 .content{background-color:white;padding:1em;list-style-position:inside;} | 66 .content{background-color:white;padding:1em;list-style-position:inside;} |
67 nav{font-size:x-large;margin:1ex 2em;} | 67 nav{font-size:x-large;margin:1ex 2em;} |
68 nav a{text-decoration:none;} | 68 nav a{text-decoration:none;} |
69 nav a.up{font-size:smaller;} | 69 nav a.up{font-size:smaller;} |
70 nav a.prev{float:left;} | |
70 nav a.next{float:right;} | 71 nav a.next{float:right;} |
72 nav a.next::after{content:" →";} | |
73 nav a.prev::before{content:"← ";} | |
71 a:link,a:visited{color:#2e3436;text-decoration:none;} | 74 a:link,a:visited{color:#2e3436;text-decoration:none;} |
72 a:link:hover,a:visited:hover{color:#3465a4;} | 75 a:link:hover,a:visited:hover{color:#3465a4;} |
73 ul,ol{padding:0;} | 76 ul,ol{padding:0;} |
74 li{list-style:none;} | 77 li{list-style:none;} |
75 hr{display:none;} | 78 hr{display:none;} |
123 title = "Logs for room {room} on {date}"; | 126 title = "Logs for room {room} on {date}"; |
124 header = [[ | 127 header = [[ |
125 <nav> | 128 <nav> |
126 <a class="up" href=".">Back to date list</a> | 129 <a class="up" href=".">Back to date list</a> |
127 <br> | 130 <br> |
128 <a class="prev" href="{prev}">← {prev}</a> | 131 <a class="prev" href="{prev}">{prev}</a> |
129 <a class="next" href="{next}">{next} →</a> | 132 <a class="next" href="{next}">{next}</a> |
130 </nav> | 133 </nav> |
131 ]]; | 134 ]]; |
132 body = [[ | 135 body = [[ |
133 <ol class="chat-logs"> | 136 <ol class="chat-logs"> |
134 {logs!}</ol> | 137 {logs!}</ol> |
135 ]]; | 138 ]]; |
136 footer = [[ | 139 footer = [[ |
137 <nav> | 140 <nav> |
138 <div> | 141 <div> |
139 <a class="prev" href="{prev}">← {prev}</a> | 142 <a class="prev" href="{prev}">{prev}</a> |
140 <a class="next" href="{next}">{next} →</a> | 143 <a class="next" href="{next}">{next}</a> |
141 </div> | 144 </div> |
142 </nav> | 145 </nav> |
143 <script> | 146 <script> |
144 (function () { | 147 (function () { |
145 var timeTags = document.getElementsByTagName("time"); | 148 var timeTags = document.getElementsByTagName("time"); |