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
parent 1560:6c6c1fab4ee5
child 1562: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");