Mejor forma de ocultar posts

1 files changed, 61 insertions, 24 deletions

diff --git a/static/css/ib.css b/static/css/ib.css
index b1bcefe..66ba8ae 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -98,8 +98,12 @@ textarea {
   margin: 4px 0;
 }
 .reply .info {
+  line-height: 1;
   padding-right: 50px;
 }
+.subj {
+  font-weight: bold;
+}
 .hsbn {
   font-size: 120%;
 }
@@ -113,9 +117,6 @@ textarea {
   vertical-align: top;
   width: 20px;
 }
-.deleted {
-  color: #777;
-}
 .reflink a {
   color: inherit;
   text-decoration: none;
@@ -124,6 +125,29 @@ textarea {
 #q-p .fs {
   margin-left: 20px;
 }
+.deleted {
+  color: #777;
+}
+.thread.hidden > div, .thread.hidden > table, .thread.hidden > a, .thread.hidden > blockquote,
+.reply.hidden input, .reply.hidden blockquote, .reply.hidden .thumb, .reply.hidden .fs, .reply.hidden .quoted,
+#catalog .hidden {
+  display: none;
+}
+.res .thread.hidden > div, .res .thread.hidden > blockquote, #catalog .hidden a {
+  display: block;
+}
+.res .thread.hidden > a {
+  display: inline;
+}
+.res .thread.hidden > table {
+  display: table;
+}
+.reply.hidden .info {
+  opacity: 0.7;
+}
+.thread.hidden .unhide {
+  display: inline !important;
+}
 .pg {
   border: 1px solid;
   border-spacing: 2px;
@@ -153,7 +177,7 @@ textarea {
   font-size: 12px;
   line-height: 1;
   margin: 0 -1px;
-  padding: 4px;
+  padding: 2px 4px;
 }
 .thumbpreview {
   display: inline-block;
@@ -166,50 +190,66 @@ textarea {
 #catalog {
   text-align: center;
 }
-#cat_search {
+#cat-srch {
   border: 1px inset gray;
   padding: 0;
-  width: 125px;
+  width: 126px;
 }
 #catalog .thread {
-  border-radius: 4px;
   display: inline-block;
   font-size: 14px;
-  margin: 5px;
+  line-height: 16px;
+  margin: 0 .25em .5em;
   overflow: hidden;
-  padding: 2px;
+  padding: .2em;
   position: relative;
   vertical-align: top;
-  max-height: 275px;
-  width: 175px;
+  max-height: 256px;
+  width: 165px;
 }
 #catalog.enlarged .thread {
-  margin: 10px 5px;
-  max-height: 375px;
-  width: 275px;
+  margin: 0 .5em 1em;
+  max-height: 350px;
+  width: 265px;
 }
 #catalog .thread a img {
-  border-radius: 3px;
-  margin-bottom: 2px;
+  border-radius: 4px;
+  margin-bottom: 4px;
 }
 #catalog.enlarged .thread a img {
-  min-width: 150px;
-  min-height: 150px;
+  min-width: 128px;
+  min-height: 128px;
   max-width: 250px;
   max-height: 250px;
 }
 #catalog .subj {
   font-size: 16px;
+  font-weight: bold;
+}
+#catalog .subj span {
+  font-weight: normal;
 }
 #catalog p {
   margin: 0;
 }
+#catalog.notxt p {
+  display: none;
+}
+#catalog .hidden {
+  display: none;
+}
+#catalog.showhid .thread.hidden {
+  display: inline-block;
+}
+#catalog.showhid .thread {
+  display: none;
+}
 .yt {
   font-size: 12px;
   display: inline-block;
   line-height: 13px;
   margin: 2px 0;
-  padding: 5px;
+  padding: 4px;
   text-decoration: none;
 }
 .yt b {
@@ -220,7 +260,7 @@ textarea {
   height: 60px;
   overflow: hidden;
   float: left;
-  margin-right: 5px;
+  margin-right: 4px;
 }
 .yt .pvw img {
   margin-top: -15px;
@@ -255,12 +295,9 @@ textarea {
 .managertable .message {
   display: block;
 }
-
 .managertable .message.vip {
   font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97;
-  font-size: 14px;
 }
-
 .managertable .actions {
   display: block;
   margin-top: 0.5em;
@@ -344,4 +381,4 @@ textarea {
     display: block;
     width: 100%;
   }
-}
+}
\ No newline at end of file