From cbf5fff96766ecc2c8101a96ae2c00fe72337550 Mon Sep 17 00:00:00 2001
From: Renard
Date: Sat, 28 Mar 2020 14:21:55 -0300
Subject: CSS: managetable

---
 cgi/templates/manage/recent.html |  9 +++--
 static/css/another.css           | 73 ++++++++++++++++++++++------------------
 static/css/ib.css                |  3 ++
 3 files changed, 48 insertions(+), 37 deletions(-)

diff --git a/cgi/templates/manage/recent.html b/cgi/templates/manage/recent.html
index d3df21c..5a6de80 100644
--- a/cgi/templates/manage/recent.html
+++ b/cgi/templates/manage/recent.html
@@ -18,12 +18,11 @@
           <?py #endif ?>
         </td>
         <td>
-          <div class="recentPostHeader" style="display: block; margin-bottom: 0.5em;">
-            ##{post['id']} <b>#{post['subject']}</b> en <i>#{post['board_name']}</i> hace <div name="timestamp" data-ts="#{post['timestamp']}">#{post['timestamp_formatted']}</div></br>
-            <b>#{post['name']}</b> <code>#{post['email']} #{post['tripcode']}</code> 
+          <div class="recentPostHeader">
+            ##{post['id']} <b>#{post['subject']}</b> en <i>#{post['board_name']}</i> hace <span name="timestamp" data-ts="#{post['timestamp']}">#{post['timestamp_formatted']}</span> por <b>#{post['name']}</b> <code>#{post['email']} #{post['tripcode']}</code> 
           </div>
-          <div style="display: block">#{post['message']}</div>
-          <div style="display: block; margin-top: 0.5em; font-size: 0.75em;"></div>
+          <div class="message">#{post['message']}</div>
+          <div class="actions">
           <?py if post['parentid'] != '0': ?>
           <a href="#{cgi_url}manage/mod/${post['dir']}?thread=#{post['parentid']}">Ver hilo completo</a>
           <?py #endif ?>
diff --git a/static/css/another.css b/static/css/another.css
index b89b7e8..d635e08 100644
--- a/static/css/another.css
+++ b/static/css/another.css
@@ -6,12 +6,12 @@ body {
 }
 
 .rep {
-  color: #e0e0e0
+  color: #e0e0e0;
 }
 
 a .name,
 .nav label {
-  color: #83a74d
+  color: #83a74d;
 }
 
 a {
@@ -39,7 +39,11 @@ hr {
   max-height: 110px;
 }
 
-input[type="text"], input[type="password"],input[type="submit"], select, textarea {
+input[type="text"],
+input[type="password"],
+input[type="submit"],
+select,
+textarea {
   background: #282828;
   border: 1px solid #383838;
   color: #d8d8d8;
@@ -55,44 +59,46 @@ input[type="text"], input[type="password"],input[type="submit"], select, textare
   font-weight: normal;
 }
 
-.rules{
+.rules {
   font-size: 11px;
 }
 
-.fs{
+.fs {
   font-size: 11px;
 }
 
-.fs span, .fs a{
+.fs span,
+.fs a {
   font-size: 10pt;
 }
 
-.info{
+.info {
   font-size: 10pt;
 }
 
-.omitted, td #text{
+.omitted,
+td #text {
   font-size: 10pt;
 }
 
-blockquote{
+blockquote {
   font-size: 13px;
   margin-left: 1.8em;
   padding-right: 3em;
   padding-bottom: 0.3em;
 }
 
-.logo{
+.logo {
   font-size: 18pt;
   margin: 0px;
   padding-bottom: 2em;
 }
 
-.postform{
+.postform {
   font-size: 10pt;
 }
 
-.reply{
+.reply {
   background-color: #282828;
   border: 1px solid;
   border-color: #383838 #282828 #282828 #383838;
@@ -101,25 +107,26 @@ blockquote{
 
 .subj {
   color: #3b7335;
-  font-weight: bold
+  font-weight: bold;
 }
 
-.thread .fs{
+.thread .fs {
   margin-left: 20px;
   padding-bottom: 0.25em;
 }
 
 /* para que chucha son estos 3 puntos??? */
-.ell{
+.ell {
   /*display: none;*/
   color: #181818;
 }
 
-#main_nav{
+#main_nav {
   font-size: 9pt;
 }
 
-.pg, .pg span{
+.pg,
+.pg span {
   border: none;
   font-size: 10pt;
 }
@@ -128,7 +135,9 @@ blockquote{
   padding: 0.25em;
 }
 
-#ctrl, .tt, .hsbn{
+#ctrl,
+.tt,
+.hsbn {
   font-size: 10pt;
 }
 
@@ -138,25 +147,24 @@ blockquote{
   margin-top: 0.5em;
 }
 
-.rep{
+.rep {
   color: #888;
 }
 
 .replymode {
-  background: #2b2b2b
+  background: #2b2b2b;
 }
 
 .extramode {
-  background: #333
+  background: #333;
 }
 
-
 .q {
-  color: #789922
+  color: #789922;
 }
 
 .fs {
-  text-decoration: none
+  text-decoration: none;
 }
 
 .name,
@@ -165,7 +173,7 @@ blockquote{
 }
 
 .abbrev {
-  color: #777
+  color: #777;
 }
 
 .highlight {
@@ -174,31 +182,32 @@ blockquote{
 }
 
 .managertable td {
-  background: #64697b
+  background: rgb(0, 0, 0, 0.25);
+  border: 0px;
 }
 
 .managertable th {
   background: #252830;
-  color: #f8f8f8
+  color: #f8f8f8;
 }
 
 #catalog .thread:hover {
   background: #373a44;
-  box-shadow: 0 0 5px 5px #373a44
+  box-shadow: 0 0 5px 5px #373a44;
 }
 
 #catalog .replies {
   color: #909090;
-  font-weight: bold
+  font-weight: bold;
 }
 
 .yt {
   background: #292c33;
   border: 1px solid #5e6b7d;
-  color: #e0e0e0
+  color: #e0e0e0;
 }
 
 .quoted {
   border-color: #1a1d22;
-  color: #aaa
-}
\ No newline at end of file
+  color: #aaa;
+}
diff --git a/static/css/ib.css b/static/css/ib.css
index 5a2bf4d..23a5cd1 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -52,6 +52,9 @@ input[type="text"],input[type="password"],textarea{background:#FFF;border:1px in
 .userdel{float:right;text-align:center;white-space:nowrap}
 .footer{clear:both;margin-top:8px;text-align:center}
 .managertable th,.managertable td{padding:3px}
+.managertable .recentPostHeader{display: block;font-size: 0.9em;padding-bottom: 0.25em;opacity: 65%;}
+.managertable .message{display: block;font-family: Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97;font-size: 14px;}
+.managertable .actions{display: block;margin-top: 0.5em;font-size: 0.75em;}
 #q-p{position:absolute;border:1px dotted gray}
 .selector{font-size: 10pt}
 @media(max-width:900px){.thread{margin-right:0}}
-- 
cgit v1.2.1-18-gbd029