}
.ctdl-roomlist-floor-label {
- font-weight: bold;
font-size: x-large;
+ margin: 1vw;
}
.ctdl-roomlist-floor-rooms {
}
+.ctdl-roomlist-room {
+ overflow: hidden;
+ border-radius: 10px;
+ background-color: white;
+ padding: 0.5vw;
+ margin-bottom: 0.5vw;
+}
+
+.ctdl-roomlist-roomname {
+ font-size: large;
+}
+
+.ctdl-roomlist-roomname-hasnewmsgs {
+ font-weight: bold;
+}
+
+.ctdl-roomlist-roomicon {
+ font-size: large;
+ margin-left: 1vw;
+ margin-right: 1vw;
+}
for (var i in room_list) {
if (room_list[i].current_view == views.VIEW_BBS) {
- output[room_list[i].floor] += (room_list[i].hasnewmsgs ? "<b>" : "");
- output[room_list[i].floor] += "<a href=\"javascript:gotoroom('" + escapeJS(escapeHTML(room_list[i].name)) + "');\">";
+ output[room_list[i].floor] += "<div class=\"ctdl-roomlist-room\">";
+ output[room_list[i].floor] += "<i class=\"ctdl-roomlist-roomicon fas fa-comments fa-fw\"></i>";
+ output[room_list[i].floor] += "<a class=\"ctdl-roomlist-roomname";
+ output[room_list[i].floor] += (room_list[i].hasnewmsgs ? " ctdl-roomlist-roomname-hasnewmsgs" : "");
+ output[room_list[i].floor] += "\" href=\"javascript:gotoroom('" + escapeJS(escapeHTML(room_list[i].name)) + "');\">";
output[room_list[i].floor] += escapeHTML(room_list[i].name);
output[room_list[i].floor] += (room_list[i].hasnewmsgs ? "</b>" : "");
- output[room_list[i].floor] += "</a>";
- output[room_list[i].floor] += "<br>";
+ output[room_list[i].floor] += "</a></div>";
}
}