aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--cgi/templates/txt_board.en.html2
-rw-r--r--cgi/templates/txt_board.html6
-rw-r--r--cgi/templates/txt_thread.en.html2
-rw-r--r--cgi/templates/txt_thread.html2
-rw-r--r--cgi/templates/txt_threadlist.html38
-rw-r--r--static/css/txt/4am.css24
-rw-r--r--static/css/txt/amber.css17
-rw-r--r--static/css/txt/ayashii.css34
-rw-r--r--static/css/txt/baisano.css47
-rw-r--r--static/css/txt/bbs.css124
-rw-r--r--static/css/txt/bios.css27
-rw-r--r--static/css/txt/blue moon.css17
-rw-r--r--static/css/txt/ciber.css28
-rw-r--r--static/css/txt/cuteanarchy.css34
-rw-r--r--static/css/txt/futanari.css31
-rw-r--r--static/css/txt/gamer.css26
-rw-r--r--static/css/txt/headline.css27
-rw-r--r--static/css/txt/postal.css25
-rw-r--r--static/css/txt/ventanas.css19
-rw-r--r--static/js/weabotxt.js69
20 files changed, 139 insertions, 460 deletions
diff --git a/cgi/templates/txt_board.en.html b/cgi/templates/txt_board.en.html
index a5a70dd..1f7de9c 100644
--- a/cgi/templates/txt_board.en.html
+++ b/cgi/templates/txt_board.en.html
@@ -65,7 +65,7 @@
<?py #endif ?>
<?py #endif ?> : <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span></h4>
<?py if post['file']: ?>
- <a href="#{images_url}#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{images_url}#{board}/thumb/#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" /><div>${int(post['file_size'])//1024}KB ${post['file'].split(".")[1].upper()}</div></a>
+ <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" title="${post['file']}-(${post['file_size']} B)" /></a>
<?py #endif ?>
<div class="msg">
#{post['message']}
diff --git a/cgi/templates/txt_board.html b/cgi/templates/txt_board.html
index f819f05..a165ac1 100644
--- a/cgi/templates/txt_board.html
+++ b/cgi/templates/txt_board.html
@@ -46,9 +46,9 @@
<h2><span>[#{titer}:#{thread['length']}]</span><a href="#{boards_url}#{board}/read/#{thread['timestamp']}/#{'l50' if thread['length'] > 50 else ''}">#{thread['posts'][0]['subject']}</a></h2>
<?py for post in thread['posts']: ?>
<?py if post['IS_DELETED'] == '1': ?>
- <h4 class="deleted">#{post['num']} Mensaje eliminado por usuario.</h4>
+ <h4 class="deleted">#{post['num']} : Mensaje eliminado por usuario.</h4>
<?py elif post['IS_DELETED'] == '2': ?>
- <h4 class="deleted">#{post['num']} Mensaje eliminado por staff.</h4>
+ <h4 class="deleted">#{post['num']} : Mensaje eliminado por staff.</h4>
<?py else: ?>
<div class="reply#{' first' if post['num'] == 1 else ''}" data-id="#{post['id']}" data-n="#{post['num']}">
<h4>#{post['num']} :
@@ -66,7 +66,7 @@
<?py #endif ?>
<?py #endif ?> : <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span></h4>
<?py if post['file']: ?>
- <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" alt="${post['file']}-(${post['file_size']}B)" /></a>
+ <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" title="${post['file']}-(${post['file_size']} B)" /></a>
<?py #endif ?>
<div class="msg">
#{post['message']}
diff --git a/cgi/templates/txt_thread.en.html b/cgi/templates/txt_thread.en.html
index b9215f7..84c3fc1 100644
--- a/cgi/templates/txt_thread.en.html
+++ b/cgi/templates/txt_thread.en.html
@@ -52,7 +52,7 @@
<?py #endif ?> : <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span>
<span class="del"><a href="#{cgi_url}report/#{board}/#{post['id']}/#{post['num']}">rep</a> <a href="#">del</a></span></h4>
<?py if post['file']: ?>
- <a href="#{images_url}#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{images_url}#{board}/thumb/#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" /><div>${int(post['file_size'])//1024}KB ${post['file'].split(".")[1].upper()}</div></a>
+ <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" title="${post['file']}-(${post['file_size']} B)" /></a>
<?py #endif ?>
<div class="msg">
#{post['message']}
diff --git a/cgi/templates/txt_thread.html b/cgi/templates/txt_thread.html
index 55f5e82..1d70f59 100644
--- a/cgi/templates/txt_thread.html
+++ b/cgi/templates/txt_thread.html
@@ -52,7 +52,7 @@
<?py #endif ?> : <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span>
<span class="del"><a href="#{cgi_url}report/#{board}/#{post['id']}/#{post['num']}">rep</a> <a href="#">del</a></span></h4>
<?py if post['file']: ?>
- <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" alt="${post['file']}-(${post['file_size']}B)" /></a>
+ <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" title="${post['file']}-(${post['file_size']} B)" /></a>
<?py #endif ?>
<div class="msg">#{post['message']}</div>
</div>
diff --git a/cgi/templates/txt_threadlist.html b/cgi/templates/txt_threadlist.html
index 74df30e..9d366ee 100644
--- a/cgi/templates/txt_threadlist.html
+++ b/cgi/templates/txt_threadlist.html
@@ -25,25 +25,29 @@
<a name="menu"></a>
<div id="threadbox" class="outerbox"><div class="innerbox">
<div id="threadlinks"><a href="#{boards_url}#{board}/"><b>Volver al BBS</b></a> <a href="/#{board}/kako/"><b>Ver hilos archivados</b></a> <a href="#newthread"><b>Crear nuevo hilo</b></a></div>
- <div id="listmenu">Orden: <a class="l_s" href="#">Normal</a> <a class="l_s" href="#">Edad</a> <a class="l_s" href="#">Largo</a> <a class="l_s" href="#">Rapidez</a> <a class="l_s" href="#">Aleatorio</a> / Modo: <a class="l_d" href="#">Lista</a> <a class="l_d" href="#">Malla</a> / Filtrar: <input id="l_sr" style="padding:0px;width:100px;" type="text"></div>
+ <div id="listmenu">Orden: <a class="l_s" href="#">Normal</a> <a class="l_s" href="#">Edad</a> <a class="l_s" href="#">Largo</a> <a class="l_s" href="#">Rapidez</a> <a class="l_s" href="#">Aleatorio</a> / Filtrar: <input id="l_sr" style="padding:0px;width:100px;" type="text"></div>
</div></div>
-<div id="content" class="list">
-<div id="header" class="row">
- <div>#</div>
- <div style="width:100%;">Asunto</div>
- <div>Posts</div>
- <div class="hdate">Último</div>
+<div class="thread">
+<div class="innerbox">
+<table id="threads" summary="Lista de hilos">
+ <tr>
+ <th>#</th>
+ <th style="width:100%;">Asunto</th>
+ <th>Posts</th>
+ <th class="hh">Último</th>
+ </tr>
+ <?py iter = 1 ?>
+ <?py for thread in more_threads: ?>
+ <tr>
+ <td>#{iter}:</td>
+ <td><a href="#{boards_url}#{board}/read/#{thread['timestamp']}/${'l50' if int(thread['length']) > 50 else ''}">#{thread["subject"]}</a></td>
+ <td>#{thread["length"]}</td>
+ <td class="hh">#{timestamps[iter-1][1]}</td>
+ </tr>
+ <?py iter += 1 ?>
+ <?py #endfor ?>
+</table>
</div>
-<?py iter = 1 ?>
-<?py for thread in more_threads: ?>
-<div class="row">
- <div class="pos">#{iter}:</div>
- <div class="thread"><a href="#{boards_url}#{board}/read/#{thread['timestamp']}/${'l50' if int(thread['length']) > 50 else ''}">#{thread["subject"]}</a></div>
- <div class="com">#{thread["length"]}</div>
- <div class="date" data-unix="#{timestamps[iter-1][0]}">#{timestamps[iter-1][1]}</div>
-</div>
-<?py iter += 1 ?>
-<?py #endfor ?>
</div>
<a name="newthread"></a>
<div id="createbox" class="outerbox">
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 3a63c82..1b448f3 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -66,9 +66,6 @@ h4 {
background: #000;
color: #7cafc2;
}
-.fix #main_nav {
- box-shadow: 0 0 3px #000;
-}
.banner {
-webkit-filter: grayscale(60%);
filter: grayscale(60%);
@@ -89,8 +86,7 @@ h4 {
border-right: 1px solid #4b4e55;
border-bottom: 1px solid #4b4e55;
}
-.mainpage .thread,
-#content {
+.mainpage .thread {
background: #1d1f21;
border: 3px double #4b4e55;
color: #ced1cf;
@@ -154,21 +150,9 @@ form .msg {
#footer {
color: #f7ca88;
}
-.threads h1 {
- text-align: left;
-}
-#content.list #header div {
+#threads th {
background: #111213;
}
-#content.list .row:nth-child(odd),
-#content.grid .row:hover {
+#threads tr:nth-child(odd) {
background: #191b1d;
-}
-#content.grid {
- border: 1px solid #4b4e55;
- padding: 1px;
-}
-#content.grid .row {
- border: 1px solid #4b4e55;
- margin: 1px;
-}
+} \ No newline at end of file
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index d39c3de..87f74cb 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -168,25 +168,12 @@ form .msg {
#footer a {
color: #f9690e;
}
-#content {
- border: 3px double #f9690e;
-}
-#content.list #header {
+#threads th {
background: #451d04;
}
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
background: #251002;
}
-#content.grid {
- border: 1px solid #f9690e;
-}
-#content.grid .row {
- border: 1px solid #f9690e;
-}
-#content.grid .row:hover {
- background: #251002;
- border-color: #f9690e;
-}
@media (max-width: 600px) {
div.msg {
margin: 0.5em 0.5em 0;
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index 5a8d0d1..bc385ae 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -58,10 +58,6 @@ button {
margin: 0;
padding-left: 2.5%;
}
-.fix #main_nav {
- background: inherit;
- text-align: center;
-}
#titlebox {
margin-bottom: 1em;
margin-top: 5px;
@@ -75,8 +71,7 @@ button {
}
.innerbox,
.mainpage .thread,
-.deleted,
-#content {
+.deleted {
margin-bottom: 1em;
padding-bottom: 1em;
}
@@ -84,8 +79,7 @@ button {
.mainpage .thread,
.reply,
.deleted,
-h3,
-#content {
+h3 {
border-bottom: 2px groove gray;
}
.links,
@@ -162,32 +156,14 @@ form .msg {
margin-top: 1em;
text-align: right;
}
-.threads .outerbox {
- margin-top: 1em;
-}
-#content.list #header div {
+#threads th {
background: #001e1e;
}
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
background: #003535;
}
-#content.grid {
- border-width: 2px 2px 0 0;
-}
-#content.grid .row {
- border-width: 0 0 2px 2px;
-}
-#content.grid,
-#content.grid .row {
- border-style: groove;
- border-color: gray;
-}
-.threads #footer {
- text-align: center;
-}
@media (max-width: 600px) {
- body.mainpage,
- body.threads {
+ body.mainpage {
margin-left: 8px;
margin-right: 8px;
}
diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css
index ac43dbb..11e3112 100644
--- a/static/css/txt/baisano.css
+++ b/static/css/txt/baisano.css
@@ -2,8 +2,7 @@ body,
textarea {
color: #000;
}
-body.mainpage,
-body.threads {
+body.mainpage {
background: #c5ad99 url(../img/muro.jpg);
}
body.threadpage {
@@ -19,9 +18,6 @@ a:active .name,
#n2:active {
color: #f00;
}
-h2 {
- margin-bottom: 3px;
-}
h2 a {
color: #f00;
}
@@ -43,9 +39,6 @@ h4.hidden {
#main_nav {
background: #fff;
}
-.fix #main_nav {
- box-shadow: 0 0 3px #000;
-}
.outerbox {
background: #cfc;
border: 1px outset #fff;
@@ -60,8 +53,7 @@ h4.hidden {
#threadlist a {
border: 1px outset #fff;
}
-.mainpage .thread,
-#content {
+.mainpage .thread {
background: #efefef;
border: 1px outset #fff;
}
@@ -82,10 +74,7 @@ body[data-brd="zonavip"] .mainpage a .name {
color: #000;
}
.msg {
- margin: 4px 40px 0;
-}
-.reply {
- margin-bottom: 24px;
+ margin: 4px 40px 24px;
}
a.thumb {
margin-top: 4px;
@@ -131,36 +120,14 @@ form .msg {
#footer {
color: #333;
}
-#content.list {
- padding: 7px;
-}
-#content.list #header div {
+#threads th {
background: #ccc;
- border-top: 1px inset #fff;
-}
-#content.list .row:nth-child(odd),
-#content.grid .row:hover {
- background: #fff;
}
-#content.list .row div:first-child {
- border-left: 1px inset #fff;
-}
-#content.list .row div:last-child {
- border-right: 1px inset #fff;
-}
-#content.list .row:last-child div {
- border-bottom: 1px inset #fff;
-}
-#content.grid {
- border: 1px outset #fff;
- padding: 1px;
-}
-#content.grid .row {
- border: 1px inset #fff;
- margin: 1px;
+#threads tr:nth-child(odd) {
+ background: #fafafa;
}
@media (max-width: 600px) {
.extrabox {
display: none;
}
-}
+} \ No newline at end of file
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index aff6748..c82c01a 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -14,16 +14,12 @@ body[data-brd="world"], body[data-brd="world"] textarea,
.threadnav {
font-family: Mona,'MS PGothic',IPAMonaPGothic,sans-serif;
}
-body.mainpage,
-body.threads {
+body.mainpage {
margin: 0;
}
body.threadpage {
margin: 8px;
}
-body.fix {
- margin-top: 2em;
-}
h1,
h5 {
font-size: 20px;
@@ -111,15 +107,6 @@ pre {
text-align: center;
width: 100%;
}
-.fix #main_nav {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- margin: 0;
- padding: 2px 0;
- z-index: 9;
-}
#main_nav select {
font-size: 90%;
padding: 0;
@@ -133,8 +120,7 @@ label {
}
.outerbox,
.mainpage .thread,
-#footer,
-#content {
+#footer {
margin: 0 2.5% 1em;
}
.innerbox {
@@ -161,12 +147,22 @@ label {
text-align: center;
}
#threadlist {
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: flex;
+ -webkit-flex-flow: row wrap;
+ -moz-flex-flow: row wrap;
+ flex-flow: row wrap;
font-size: 14px;
line-height: 1;
- max-height: 15em;
+ max-height: 16em;
overflow-y: scroll;
}
#threadlist a {
+ -webkit-flex: 1 1 auto;
+ -moz-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 3px;
text-decoration: none;
}
.mainpage .postform,
@@ -176,8 +172,6 @@ label {
.reply {
clear: both;
line-height: 18px;
- margin-bottom: 1em;
- overflow: hidden;
}
.num {
color: inherit !important;
@@ -198,7 +192,7 @@ label {
line-height: 1;
}
.msg {
- margin: 1em 40px 0;
+ margin: 1em 40px;
}
.msg hr {
margin-left: 0;
@@ -206,41 +200,32 @@ label {
}
a.thumb {
cursor: zoom-in;
- font-size: 14px;
float: left;
- margin: 1em 20px 0;
- text-align: center;
+ margin: 1em 20px;
text-decoration: none;
- color: gray !important;
}
a.yt {
margin: 2px 0;
display: inline-block;
font-size: 12px;
line-height: 1.2em;
- padding: 5px;
+ padding: 4px;
text-decoration: none;
}
a.yt .pvw {
- width: 100px;
+ width: 90px;
height: 60px;
overflow: hidden;
float: left;
- margin-right: 5px;
+ margin-right: 4px;
}
a.yt .pvw img {
margin-top: -15px;
- margin-left: -10px;
+ margin-left: -15px;
}
a.yt b {
font-size: 115%;
}
-.deleted {
- margin-bottom: 1em;
-}
-.hidden {
- opacity: 0.5;
-}
#q-p {
margin-right: 1em;
padding: 8px 8px 0;
@@ -299,59 +284,18 @@ form .msg {
color: #fff;
}
#listmenu {
- margin-top: 7px;
text-align: center;
}
-#content a {
- text-decoration: none;
-}
-#content a:hover {
- text-decoration: underline;
+#threads td, #threads th {
+ padding: 2px 4px;
+ text-align: left;
}
-#content.list a {
+#threads a {
display: block;
- line-height: 1;
-}
-#content.list .row {
- display: table-row;
-}
-#content.list .row div {
- display: table-cell;
- padding: 5px;
-}
-#content.list .row div.thread {
- padding: 0;
-}
-#content.list .row div.thread a {
- padding: 5px;
-}
-#content.list .pos,
-#content.list .com {
- text-align: right;
-}
-#content.list #header div {
- font-weight: bold;
- text-align: center;
- white-space: nowrap;
-}
-#content.grid,
-#threadlist {
- display: -webkit-flex;
- display: -moz-flex;
- display: flex;
- -webkit-flex-flow: row wrap;
- -moz-flex-flow: row wrap;
- flex-flow: row wrap;
-}
-#content.grid .row,
-#threadlist a {
- -webkit-flex: 1 1 auto;
- -moz-flex: 1 1 auto;
- flex: 1 1 auto;
- padding: 4px;
+ text-decoration: none;
}
-#content.grid .row div {
- display: inline;
+#threads a:hover {
+ text-decoration: underline;
}
.minisjis {
font-size: 10px;
@@ -368,8 +312,7 @@ form .msg {
}
.outerbox,
.mainpage .thread,
- #footer,
- #content {
+ #footer {
margin: 1em 0;
}
h1,
@@ -381,25 +324,27 @@ form .msg {
#rules {
font-size: 12px;
}
- h4 {
+ h4, .quoted {
font-size: 10px;
+ line-height: 12px;
}
#threadlist {
overflow-x: auto;
white-space: nowrap;
}
#size,
- .postform br {
+ .postform br,
+ .hh {
display: none;
}
- div.reply, .deleted {
+ .deleted {
margin-bottom: 0.5em;
}
.del {
visibility: visible;
}
div.msg {
- margin: 0.5em 0 0;
+ margin: 0.5em 0;
}
.mainpage .postform,
.formpad {
@@ -437,7 +382,4 @@ form .msg {
#footer a {
display: block;
}
- #content.list .row div {
- padding: 0 2px;
- }
}
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index 0046c2a..638297e 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -145,8 +145,7 @@ h3 span {
}
.outerbox,
.mainpage .thread,
-#threadlist,
-#content {
+#threadlist {
border: 1px solid #fff;
}
#threadlist a {
@@ -179,9 +178,6 @@ h3 span {
.abbrev {
color: #5cf;
}
-.deleted {
- margin-bottom: 0.5em;
-}
#size {
margin-left: 0.5em;
}
@@ -233,19 +229,11 @@ h3 span {
form .msg {
border: 3px double #fff;
}
-#content.list {
- border: 4px double #fff;
-}
-#content.list #header div {
- border-bottom: 1px solid #fff;
-}
-#content.grid {
- border: 1px solid #fff;
- padding: 2px;
+#threads {
+ border-collapse: collapse;
}
-#content.grid .row {
- border: 1px solid #fff;
- margin: 2px;
+#threads th, #threads td {
+ border-bottom: 1px solid;
}
@media (max-width: 600px) {
body.threadpage {
@@ -254,7 +242,4 @@ form .msg {
h2 {
margin-bottom: 0.5em;
}
- #thread_nav {
- margin: -8px 0px 8px;
- }
-}
+} \ No newline at end of file
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index 9909316..6841015 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -19,7 +19,8 @@ form a:active,
.reply a,
form a,
#q-p a,
-.row a {
+.row a,
+#threads a {
color: #49525d;
}
#main_nav a:active,
@@ -70,9 +71,6 @@ button:active {
background: #fff;
color: #6b7b8d;
}
-.fix #main_nav {
- box-shadow: 0 0 3px #000;
-}
#titlebox .innerbox:first-child {
margin-bottom: 5px;
}
@@ -210,22 +208,17 @@ form .msg {
#footer a {
color: #fff;
}
-#content {
+#threads {
background: #fff;
- border: 10px solid #49525d;
color: #000080;
}
-#content.list #header div {
+#threads th {
background: #2c2c32;
color: #eee;
}
-#content.list .row:nth-child(odd),
-#content.grid .row:hover {
+#threads tr:nth-child(odd) {
background: #e7e7ff;
}
-#content.grid .row {
- border: 1px solid #ddd;
-}
@media (max-width: 600px) {
body.threadpage {
margin: 0 0 8px;
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 924d01e..3dc11e5 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -219,32 +219,14 @@ form .msg {
#footer a {
color: #989898;
}
-#content {
- background: #000;
- border: 3px double #d500fb;
- color: #39c8df;
-}
-#content a {
- color: #d500fb;
-}
-#content.list #header {
- text-shadow: 0 0 5px;
-}
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
background: #200020;
}
-#content.grid {
- border: 2px solid #141937;
-}
-#content.grid .row {
- border: 2px solid #141937;
-}
-#content.grid .row:hover {
- background: #27151d;
- border-color: #9b1937;
+#threads a {
+ color: #d500fb;
}
-#content .row:hover a {
- text-shadow: 0 0 5px;
+#threads a:hover {
+ text-shadow: 0 0 8px;
}
@media (max-width: 600px) {
div.msg {
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css
index 4fde34d..3e4e97c 100644
--- a/static/css/txt/cuteanarchy.css
+++ b/static/css/txt/cuteanarchy.css
@@ -32,7 +32,7 @@ h4 {
a:hover,
a:focus,
#n2:hover {
- text-decoration: none;
+ text-decoration: underline;
color: #edc1e8;
}
@@ -103,8 +103,8 @@ h3 span {
}
.outerbox {
- margin: 1em auto;
- max-width: 1000px;
+ margin: 0 auto 1em;
+ max-width: 1024px;
background: #ffeae0;
border: 1px solid #ffa67a;
color: #777879;
@@ -125,13 +125,12 @@ h3 span {
color: #d1a0cc;
}
-.mainpage .thread,
-#content {
+.mainpage .thread {
margin: 0 auto 2em;
background: #ffebe2;
border: 5px double #fff;
color: #5d475a;
- max-width: 1000px;
+ max-width: 1024px;
box-shadow: #000 5px;
-webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
-moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
@@ -265,29 +264,6 @@ form .msg {
content: "ヽ(*・ω・)ノ";
}
-.threads h1 {
- text-align: left;
-}
-
-#content.list #header div {
- background: #111213;
-}
-
-#content.list .row:nth-child(odd),
-#content.grid .row:hover {
- background: #191b1d;
-}
-
-#content.grid {
- border: 1px solid #4b4e55;
- padding: 1px;
-}
-
-#content.grid .row {
- border: 1px solid #4b4e55;
- margin: 1px;
-}
-
@media (max-width: 600px) {
h1 {
font-size: 18px;
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index e0918c1..9ddc487 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -2,8 +2,7 @@ body {
background: #13334c;
color: #edf9fc;
}
-body.threadpage,
-body.threads {
+body.threadpage {
margin-top: 0;
}
a,
@@ -63,9 +62,6 @@ button:active {
#main_nav {
background: #1d7548;
}
-.fix #main_nav {
- box-shadow: 0 0 3px #000;
-}
#titlebox {
margin-bottom: 0;
}
@@ -130,9 +126,7 @@ button:active {
color: #bbb;
}
.postform,
-#createbox,
-.threads .outerbox,
-#content {
+#createbox {
border-right: 2px solid #5b8bb4;
border-bottom: 2px solid #5b8bb4;
background: #3b6b94;
@@ -158,30 +152,15 @@ form .msg {
background: #5b8bb4;
padding: 8px;
}
-#content {
- padding: 0 10px 10px;
-}
-#content.list #header div {
+#threads th {
background: #3b6b94;
}
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
background: #1b3345;
}
-#content.list .row:nth-child(even) {
+#threads tr:nth-child(even) {
background: #294b68;
}
-#content.grid {
- border: 0;
- padding: 0;
-}
-#content.grid .row {
- border-width: 0 2px 2px 0;
- border-style: solid;
- border-color: #5b8bb4;
-}
-#content.grid .row:hover {
- background: #154a72;
-}
@media (max-width: 600px) {
.thread .innerbox {
padding: 8px;
diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css
index 66e0052..84f868a 100644
--- a/static/css/txt/gamer.css
+++ b/static/css/txt/gamer.css
@@ -17,7 +17,7 @@ h1,
h2,
h3,
h5,
-#content.list #header div {
+#threads th {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC");
color: #fff;
text-shadow: 1px 1px #002;
@@ -54,8 +54,7 @@ hr {
#thread_nav {
margin: 6px 0;
}
-.cur_brd,
-.fix #main_nav a a {
+.cur_brd {
background: url("../img/g_b3.gif") bottom repeat-x;
margin-bottom: -4px;
padding-bottom: 4px;
@@ -115,8 +114,7 @@ h4 a,
}
.outerbox,
.thread,
-.threadpage .postform,
-#content {
+.threadpage .postform {
background: #050505 url("../img/g_p.gif");
border: 6px solid transparent;
-moz-border-image: url("../img/g_b.gif") 6 6 round round;
@@ -184,25 +182,13 @@ form .msg {
#footer a:active {
text-decoration: underline;
}
-#content .thread {
- border: 0;
-}
-#content a:hover {
- color: #fff;
-}
-#content.list .pos,
-#content.list .com {
- color: #aaa;
-}
-#content.list .row div,
-#content.grid .row {
+#threads th {
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #111;
}
-#content.grid .row {
- border: 1px solid #111;
- margin: 1px;
+#threads td {
+ color: #aaa;
}
@media (max-width: 600px) {
body.threadpage {
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index f20be3f..b09b78e 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -67,15 +67,10 @@ button:active {
background: #ccc;
border-style: solid;
}
-.fix #main_nav {
- background: #fff;
- border-bottom: 2px solid #bbb;
-}
.outerbox,
#titlebox .innerbox:first-child,
.postform,
-.lastposts,
-#content {
+.lastposts {
background: #eee;
border-bottom: 2px solid #bbb;
}
@@ -145,26 +140,14 @@ form .msg {
margin: 0;
padding: 0.5em 0.15em;
}
-#content {
- padding: 0 10px 10px;
-}
-#content.list #header div {
+#threads th {
background: #eee;
+ border-bottom: 1px solid #f70;
}
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
background: #fff;
}
-#content.list .row:nth-child(even) {
- background: #ddd;
-}
-#content.grid {
- border: 1px solid #bbb;
- padding: 0;
-}
-#content.grid .row {
- border: 1px solid #bbb;
-}
-#content.grid .row:hover {
+#threads tr:nth-child(even) {
background: #ddd;
}
@media (max-width: 600px) {
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index c97424c..9ffd124 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -97,9 +97,6 @@ h4 {
.outerbox {
background: #fff;
}
-.fix #main_nav {
- box-shadow: 0 0 3px #000;
-}
.outerbox {
border: 1px solid #fff;
}
@@ -178,10 +175,7 @@ h4 {
padding: 0.5em;
}
.lastposts,
-.threadpage .postform,
-.threads .outerbox,
-#content.list,
-#content.grid .row {
+.threadpage .postform {
background: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
@@ -197,22 +191,11 @@ form .msg {
#footer {
color: #333;
}
-#content.list {
- padding: 8px;
-}
-#content.list #header div {
+#threads th {
background: #6aa9d7;
}
-#content.list .row:hover,
-#content.grid .row:hover {
- background: #b7d2e8;
-}
-#content.list .row a:hover,
-#content.grid .row:hover a {
- color: #0801bf;
-}
-#content.grid .row {
- margin: 4px;
+#threads tr:nth-child(odd) {
+ background: #cce8ff;
}
@media (max-width: 600px) {
body.threadpage {
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index 6b12281..6ca4e1a 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -2,8 +2,7 @@ body,
textarea {
color: #000;
}
-body.mainpage,
-body.threads {
+body.mainpage {
background: #008081;
}
body.threadpage,
@@ -127,7 +126,6 @@ button:active {
input[type="text"],
textarea,
.innerbox,
-#content,
#threadlist,
select {
border-width: 2px;
@@ -233,20 +231,15 @@ form .msg {
margin: 0;
padding: 0;
}
-#content {
+#threads {
background: #fff;
+ border-collapse: collapse;
}
-#content.list #header div {
+#threads th {
background: #ccc;
}
-#content.list .row div,
-#content.grid .row {
- border-width: 0 1px 1px 0;
- border-style: solid;
- border-color: #000;
-}
-#content .row:hover {
- background: #eee;
+#threads td, #threads th {
+ border: 1px solid #000;
}
@media (max-width: 600px) {
#createbox form {
diff --git a/static/js/weabotxt.js b/static/js/weabotxt.js
index cf4209a..df4bc56 100644
--- a/static/js/weabotxt.js
+++ b/static/js/weabotxt.js
@@ -136,11 +136,11 @@ function previewPost(e) {
xmlhttp.send(text);
}
-function listSort() {
- var s = opcs.sort;
- var cont = document.getElementById("content");
- var elem = document.getElementsByClassName("row");
- var arr = Array.prototype.slice.call(elem);
+function listSort(e) {
+ e.preventDefault();
+ var s = this.textContent;
+ var table = document.getElementById("threads");
+ var arr = Array.prototype.slice.call(table.getElementsByTagName("tr"));
arr.shift();
if (s == "Normal") {
arr.sort(function(a, b) {
@@ -165,37 +165,16 @@ function listSort() {
return 0.5 - Math.random();
});
}
- for (var j = 0; j < arr.length; j++) cont.appendChild(arr[j]);
- localStorage.setItem("threadlist", JSON.stringify(opcs));
-}
-
-function listDisplay() {
- var d = opcs.disp;
- if (d == "Malla") {
- document.getElementById("header").style.display = "none";
- document.getElementById("content").className = "grid";
- var style = document.createElement("style");
- style.id = "labels";
- style.type = "text/css";
- style.textContent =
- '#content .row div.date{display:none}#content.grid div.com:before{content:"("}#content.grid .com:after{content:")"}';
- document.head.appendChild(style);
- } else if (d == "Lista") {
- var style = document.getElementById("labels");
- if (style) style.parentNode.removeChild(style);
- document.getElementById("header").removeAttribute("style");
- document.getElementById("content").className = "list";
- }
- localStorage.setItem("threadlist", JSON.stringify(opcs));
+ for (var j = 0; j < arr.length; j++) table.appendChild(arr[j]);
}
function searchSubjects(e) {
var filter = this.value.toLowerCase();
- var nodes = document.getElementsByClassName("thread");
- for (i = 0; i < nodes.length; i++) {
- if (nodes[i].textContent.toLowerCase().includes(filter))
- nodes[i].parentNode.removeAttribute("style");
- else nodes[i].parentNode.style.display = "none";
+ var nodes = document.getElementById("threads").getElementsByTagName("tr");
+ for (var i = 1; i < nodes.length; i++) {
+ if (nodes[i].childNodes[3].textContent.toLowerCase().includes(filter))
+ nodes[i].removeAttribute("style");
+ else nodes[i].style.display = "none";
}
}
@@ -275,32 +254,12 @@ document.addEventListener("DOMContentLoaded", function() {
styleSelect.value = localStorage.getItem(style_cookie);
}
- if (document.body.classList.contains("threads")) {
+ if (document.getElementById("threads")) {
var srt = document.getElementsByClassName("l_s");
for (var i = 0; i < srt.length; i++) {
- srt[i].addEventListener("click", function(e) {
- e.preventDefault();
- opcs.sort = this.textContent;
- listSort();
- });
- }
- var dsp = document.getElementsByClassName("l_d");
- for (var i = 0; i < dsp.length; i++) {
- dsp[i].addEventListener("click", function(e) {
- e.preventDefault();
- opcs.disp = this.textContent;
- listDisplay();
- });
+ srt[i].addEventListener("click", listSort);
}
document.getElementById("l_sr").addEventListener("keyup", searchSubjects);
- if (localStorage.hasOwnProperty("threadlist")) {
- opcs = JSON.parse(localStorage.getItem("threadlist"));
- listSort();
- listDisplay();
- } else {
- opcs = { sort: "Normal", disp: "Lista" };
- localStorage.setItem("threadlist", JSON.stringify(opcs));
- }
}
if (localStorage.hasOwnProperty("hiddenposts"))
@@ -328,4 +287,4 @@ document.addEventListener("click", function(e) {
deletePost(e.target);
return;
}
-}, false);
+}, false); \ No newline at end of file