Mercurial > prosody-modules

comparison mod_muc_log_http/muc_log_http/themes/prosody/doc.html @ 348:03e1dc036a28

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
mod_muc_log_http: HTML overhaul. Replacing deprecated elements and style-attributes.
author Florian Zeitz <florob@babelmonkeys.de>
date Sun, 27 Mar 2011 05:34:09 +0200
parents ba3837c565c9
children 7dbde05b48a9
comparison
equal deleted inserted replaced
346:2e6a74842c00 348:03e1dc036a28
28 eles[i].innerHTML += (d.getSeconds() <= 9 ? "0" + d.getSeconds() : d.getSeconds()); 28 eles[i].innerHTML += (d.getSeconds() <= 9 ? "0" + d.getSeconds() : d.getSeconds());
29 } 29 }
30 } 30 }
31 31
32 function showHide(name) { 32 function showHide(name) {
33 var eles = document.getElementsByName(name); 33 var eles = document.getElementsByClassName(name);
34 for (var i = 0; i < eles.length; i++) { 34 for (var i = 0; i < eles.length; i++) {
35 eles[i].style.display = eles[i].style.display != "none" ? "none" : ""; 35 eles[i].style.display = eles[i].style.display != "none" ? "none" : "";
36 } 36 }
37 } 37 }
38
39 /* IE compat: */
40 onload=function(){
41 if (document.getElementsByClassName == undefined) {
42 document.getElementsByClassName = function(className)
43 {
44 var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
45 var allElements = document.getElementsByTagName("*");
46 var results = [];
47
48 var element;
49 for (var i = 0; (element = allElements[i]) != null; i++) {
50 var elementClass = element.className;
51 if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
52 results.push(element);
53 }
54
55 return results;
56 }
57 }
58 }
38 --></script> 59 --></script>
39 <style type="text/css"> 60 <style type="text/css">
40 <!-- 61 #title {
41 .title {
42 border-bottom: #f29b00 solid 3pt; padding-bottom: 3px; width: 100%; 62 border-bottom: #f29b00 solid 3pt; padding-bottom: 3px; width: 100%;
43 color: #000000; font-size: 24px; font-weight: bold; font-family: sans-serif; letter-spacing: 3px; text-decoration: none; margin-bottom: 3pt; 63 color: #000000; font-size: 24px; font-weight: bold; font-family: sans-serif; letter-spacing: 3px; text-decoration: none; margin-bottom: 3pt;
44 } 64 }
45 .title .date { 65 #date {
46 float: right; 66 float: right;
47 } 67 }
48 .title .links { 68 #links {
49 font-size: 9px; font-family: Verdana; letter-spacing: 1px; 69 font-size: 9px; font-family: Verdana; letter-spacing: 1px;
50 } 70 }
51 .topic { 71 #topic {
52 color: #000000; font-size: 18px; font-family: sans-serif; 72 color: #000000; font-size: 18px; font-family: sans-serif;
53 } 73 }
54 .calendar {float: right; margin-left: 10pt;} 74 #calendar {float: right; margin-left: 10pt;}
75 #navigation {text-align: center}
76 #roomList {padding-left: 5px; padding-right: 5px; border: 1px solid black;}
77
78 #main {overflow: auto; border: 2px solid gray; padding: 3px; margin-top: 1em}
79
55 a {color: #6197df; text-decoration: none;} 80 a {color: #6197df; text-decoration: none;}
56 81
57 a.nav {color: #6197df; font-family: monospace; letter-spacing: 7px; font-size: 24px; text-decoration: none;} 82 a.nav {color: #6197df; font-family: monospace; letter-spacing: 7px; font-size: 24px; text-decoration: none;}
58 a.log {color: #6197df; text-decoration: none;} 83 a.log {color: #6197df; text-decoration: none;}
59 a.log_today {color: #f29b00; text-decoration: none;} 84 a.log_today {color: #f29b00; text-decoration: none;}
60 85
61 .day { font: 12px Verdana; height: 17px; } 86 .day { font: 12px Verdana; height: 17px; color: #BBBBBB}
62 .weekday { font: 10px Verdana; height: 17px; color: #FFFFFF; background-color: #000000; } 87 .weekday { font: 10px Verdana; height: 17px; color: #FFFFFF; background-color: #000000; margin-top: 50px;
88 padding-left: 5px; padding-right: 5px; padding-top: 3px; text-align: center;}
63 .timestuff {color: #AAAAAA; text-decoration: none;} 89 .timestuff {color: #AAAAAA; text-decoration: none;}
64 .muc_join {color: #009900; font-style: italic;} 90 .muc_join {color: #009900; font-style: italic;}
65 .muc_leave {color: #009900; font-style: italic;} 91 .muc_leave {color: #009900; font-style: italic;}
66 .muc_statusChange {color: #009900; font-style: italic;} 92 .muc_statusChange {color: #009900; font-style: italic;}
67 .muc_title {color: #BBBBBB; font-size: 32px;} 93 .muc_title {color: #BBBBBB; font-size: 32px;}
68 .muc_titleChange {color: #009900; font-style: italic;} 94 .muc_titleChange {color: #009900; font-style: italic;}
69 .muc_kick {color: #009900; font-style: italic;} 95 .muc_kick {color: #009900; font-style: italic;}
70 .muc_bann {color: #009900; font-style: italic;} 96 .muc_bann {color: #009900; font-style: italic;}
71 .muc_msg_nick {color: #0000AA;} 97 .muc_msg_nick {color: #0000AA;}
72 .muc_msg_me {color: #0000AA;} 98 .muc_msg_me {color: #0000AA;}
73 .join_link {font-height: 9px;}
74 .month_title {font: 10pt Verdana;} 99 .month_title {font: 10pt Verdana;}
75 .year_title {font: bold 16px Verdana;} 100 .year_title {font: bold 16px Verdana;}
76 .footer {margin-top: 20pt; text-align: center;} 101 .footer {margin-top: 20pt; text-align: center;}
77 //--> 102
103 label {margin-right: 2em}
104 thead {font: 25pt bold; text-align: center}
105 tbody {border: solid black 1px;}
106 img {border: 0px}
107 body {margin-left: 20pt; margin-right: 20pt;}
78 </style> 108 </style>
79 <body style="margin-left: 20pt; margin-right: 20pt;"> 109 <body>
80 ###BODY_STUFF### 110 ###BODY_STUFF###
81 <div class="footer"><a href="http://prosody.im"><img alt="Powered by Prosody" src="http://prosody.im/files/powered_by_prosody_80x30.png" border="0"></a></div> 111 <div class="footer"><a href="http://prosody.im"><img alt="Powered by Prosody" src="http://prosody.im/files/powered_by_prosody_80x30.png"/></a></div>
82 </body> 112 </body>
83 <script><!--
84 window.captureEvents(Event.RESIZE | Event.LOAD);
85 window.onresize = resize;
86 window.onload = load;
87 function load(e) {
88 resize(e);
89 }
90
91 function resize(e) {
92 var ele = document.getElementById("main");
93 ele.style.height = window.innerHeight - ele.offsetTop - 100;
94
95 var yearDivs = document.getElemetsByName("yearDiv");
96 if(yearDivs) {
97 for each (var year in yearDivs) {
98 year.style.width = window.innerWidth - year.style.padding;
99 }
100 }
101 }
102
103 --></script>
104 </html> 113 </html>