Nuevos CSS

2 files changed, 200 insertions, 86 deletions

diff --git a/static/css/dickgirl.css b/static/css/dickgirl.css
index 32fc960..c0bfd9a 100644
--- a/static/css/dickgirl.css
+++ b/static/css/dickgirl.css
@@ -1,12 +1,12 @@
 html,
 body {
-  background: #1b3345;
+  background: #21323f;
   color: #fff;
 }
 a,
 a .name,
 .nav label {
-  color: #efd279;
+  color: #dfca89;
 }
 a.rep {
   color: #fff;
@@ -16,22 +16,54 @@ a:hover .name,
 .nav label:hover {
   color: #d00;
 }
+#main_nav {
+  background: #286a48;
+  margin: -8px -8px 0;
+  padding: 8px;
+}
 .logo {
-  color: #ccffcc;
+  color: #d3f8d3;
+}
+hr {
+  border: none;
+  border-top: 1px solid #365067;
 }
 .replymode,
 .extramode {
   color: #fff;
 }
 .replymode {
-  background: #1d7548;
+  background: #286a48;
 }
 .extramode {
-  background: #0040e0;
+  background: #204ab1;
 }
 .postblock {
-  background: #95cbe9;
-  color: #2c5700;
+  background: #a0c8de;
+  color: #2c4c0b;
+}
+input,
+input[type="submit"],
+input[type="button"],
+input[type="text"],
+textarea,
+button,
+select {
+  border: 1px solid #4c6c88;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #a4a4e0;
+  color: #2c4c0b;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  background: #7979a5;
+}
+input[type="file"] {
+  border: none;
 }
 .q {
   color: #bdf46c;
@@ -40,38 +72,61 @@ a:hover .name,
   text-decoration: none;
 }
 .subj {
-  color: #de9d7f;
+  color: #d1a28c;
 }
 .name {
-  color: #afd775;
+  color: #acca82;
 }
 .omitted {
   color: #909090;
 }
+.reply {
+  border-top: 1px solid #5e8db4;
+  border-left: 1px solid #5e8db4;
+  border-bottom: 1px solid #10181f;
+  border-right: 1px solid #10181f;
+}
 .reply,
 #q-p {
-  background: #3b6b94;
+  background: #476a88;
   color: #fff;
+  padding: 0;
 }
-.abbrev {
+.reply .info, .reply.hidden {
+  background: #38546c;
   color: #bbb;
 }
+.reply .info a.rep {
+  color: #bbb;
+}
+.abbrev {
+  color: #ccc;
+}
 .highlight {
-  background: #5b8bb4;
-  outline: 1px dashed #afd775;
+  background: #5e8db4;
+  outline: 1px dashed #acca82;
 }
 .managertable td {
-  background: #3b6b94;
+  background: #476a88;
   color: #fff;
 }
 .managertable th {
-  background: #aaf;
+  background: #5e8db4;
   color: #fff;
 }
 .yt {
-  background: #2f587a;
-  border: 1px solid #1b2933;
+  background: #43617a;
+  border: 1px solid #1c2935;
 }
 .quoted {
-  border-color: #1b3345;
+  background: #426079;
+  border: none;
+  color: #ccc;
+  margin: 0;
+}
+.footer {
+  background: #286a48;
+  margin: 1em -8px -8px;
+  padding: 8px;
 }
+
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 348a48e..ebb3035 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -1,35 +1,39 @@
 body {
-  background: #13334c;
-  color: #edf9fc;
-}
-body.threadpage {
-  margin-top: 0;
+  background: #21323f;
+  color: #fff;
 }
 a,
 a .name,
 #n2 {
-  color: #efd279;
+  color: #dfca89;
 }
 a:active,
 a:active .name,
 #n2:active {
   color: #d00;
 }
+hr {
+  border: none;
+  border-top: 1px solid #365067;
+}
 h1 {
-  background: #5b8bb4;
+  background: #5e8db4;
   margin: -10px -10px 10px;
   padding: 10px;
 }
 h2 a,
-h2 a:active {
-  color: #de9d7f;
+h2 a:active,
+h3,
+#size {
+  color: #d1a28c;
   text-decoration: none;
 }
-h3 {
-  color: #de9d7f;
-}
+h2 span,
 h3 span {
-  color: #909090;
+  color: #ccc;
+}
+h3 {
+  margin-top: 0;
 }
 input,
 input[type="submit"],
@@ -38,30 +42,50 @@ input[type="text"],
 textarea,
 button,
 select {
-  border: 1px solid #3b6b94;
+  border: 1px solid #4c6c88;
 }
 input[type="submit"],
 input[type="button"],
 button {
-  background: #aaf;
-  color: #2c5700;
+  background: #a4a4e0;
+  color: #2c4c0b;
 }
 input[type="submit"]:active,
 input[type="button"]:active,
 button:active {
-  background: #88c;
+  background: #7979a5;
+}
+input[type="file"] {
+  border: none;
 }
 #main_nav {
   background: #1d7548;
 }
 #titlebox {
   margin-bottom: 0;
+  border-bottom: 0;
+}
+.outerbox,
+.thread,
+.threadpage .postform{
+  background: #476a88;
+  border-top: 1px solid #5e8db4;
+  border-left: 1px solid #5e8db4;
+  border-bottom: 1px solid #10181f;
+  border-right: 1px solid #10181f;
+}
+#settings {
+  border-bottom: 8px solid #5e8db4;
+}
+#threadbox {
+  border-top: 0;
 }
 .outerbox {
-  background: #3b6b94;
-  color: #cfc;
+  background: #476a88;
+  color: #d3f8d3;
 }
-.outerbox .innerbox {
+.outerbox .innerbox,
+.thread .innerbox {
   margin: 0;
   padding: 10px;
 }
@@ -69,85 +93,120 @@ button:active {
   background: #5b8bb4;
 }
 #threadlist {
-  background: #154a72;
-  border: 1px inset #1b3345;
+  background: #476a88;
+  border: 1px solid #38546c;
 }
 #threadlist a {
-  border-right: 1px outset #1b3345;
-  border-bottom: 1px outset #1b3345;
+  border-right: 1px solid #38546c;
+  border-bottom: 1px solid #38546c;
 }
 #thread_nav {
   background: #1d7548;
-  padding: 6px;
+  margin: -8px -8px 8px;
+  line-height: 1;
+  padding: 8px;
 }
-.name {
-  color: #afd775;
+#createbox,
+.threadpage .thread {
+  padding: 10px;
 }
-.name em {
-  color: #ff0;
+.reply,
+.postform,
+#createbox .innerbox {
+  background: #476a88;
+  border: 1px solid #38546c;
 }
-.date {
-  color: #B2C1CC;
+h4 {
+  background: #38546c;
+  color: #aaa;
+  line-height: 1em;
+  padding-left: 0.1em;
 }
-.del a {
-  color: #fff;
+.reply.deleted h4 {
+  color: #888;
+}
+.del a, .abbrev {
+  color: #aaa;
+}
+.name {
+  color: #afd775;
 }
-.msg {
-  margin: 4px 40px 24px;
+.name em {
+  color: #fdfd96;
 }
 .q {
   color: #aac;
 }
 .yt {
-  background: #2f587a;
-  border: 1px solid #1b2933;
-}
-.deleted {
-  color: #afafaf;
-  margin-bottom: 24px;
-}
-#size {
-  color: #de9d7f;
-}
-.abbrev {
-  color: #bbb;
-}
-.postform,
-#createbox {
-  border-right: 2px solid #5b8bb4;
-  border-bottom: 2px solid #5b8bb4;
-  background: #3b6b94;
+  background: #43617a;
+  border: 1px solid #1c2935;
 }
 .postform {
-  color: #cfc;
+  color: #d3f8d3;
   padding: 10px;
 }
-.threadpage .threadlinks {
-  margin: 0 0 3px;
+#size {
+  margin: 0.1em;
 }
 form .msg {
-  border: 1px dashed #000;
-  background: #1b3345;
+  background: #21323f;
+  border: 1px dashed #fff;
+  color: #fff;
 }
 #q-p {
-  background: #1b3345;
-  border: 1px solid #3b6b94;
-}
-#q-p .msg {
-  margin-bottom: 8px;
+  box-shadow: 2px 2px #21323f;
+  padding: 0;
 }
 #threads th {
-  background: #3b6b94;
+  background: #5e8db4;
 }
 #threads tr:nth-child(odd) {
-  background: #1b3345;
+  background: #21323f;
 }
 #threads tr:nth-child(even) {
   background: #294b68;
 }
+#footer, .end {
+  background: #1d7548;
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 0;
+  padding: 0.5em;
+}
+.end {
+  margin-left: -8px;
+  margin-right: -8px;
+}
 @media (max-width: 600px) {
+  body.threadpage,
+  #thread_nav {
+    margin: 0;
+  }
+  #createbox,
+  .innerbox,
+  #threadbox,
+  .thread .innerbox,
+  .threadpage .thread {
+    margin: 0;
+    padding: 0;
+  }
+  #threadbox .innerbox {
+    padding: 5px;
+  }
+  h2,
+  h3 {
+    margin: 0.25em;
+  }
+  div.msg {
+    margin: 0.5em;
+  }
   .postform,
-  .mainpage .postform {
-    padding: 0.25em;
+  #createbox .innerbox,
+  .threadpage .postform {
+    padding: 0.5em !important;
   }
-}
\ No newline at end of file
+  .end {
+    margin: 1em 0 0;
+  }
+}
+