search

ahushh / monaba

Imageboard engine written in Haskell and powered by Yesod
https://haibane.ru
MIT License
86 stars 9 forks source link

Stylesheets Fix #1

Closed OpenA closed 10 years ago

OpenA commented 10 years ago 
 static/css/ash.css              | 41 ++++++++++++++--------
 static/css/futaba.css           | 35 +++++++++++++------
 static/css/mayuri.css           | 77 +++++++++++++++++++++++++----------------
 static/css/nox.css              | 51 ++++++++++++++++++---------
 static/css/postmodern.css       | 44 +++++++++++++++--------
 templates/default-layout.lucius |  4 ---
 6 files changed, 163 insertions(+), 89 deletions(-)

diff --git a/static/css/ash.css b/static/css/ash.css
index 297c0d0..92689a2 100644
--- a/static/css/ash.css
+++ b/static/css/ash.css
@@ -43,8 +43,33 @@ a:hover {
     color: #FF6600;
 }

+.spoiler, .spoiler a {
+    background:#C0C0C0;
+    color:transparent;
+    transition:all 0.2s ease;
+    box-shadow: 1px 1px 0px #999;
+}
+
+.spoiler:hover, .spoiler a:hover, .quote .spoiler:hover {
+    background: none;
+    box-shadow: none;
+    color:#333333;
+}
+
+.spoiler a:hover {
+    color:#FF6600;
+}
+
+.quote, .quote .spoiler:hover {
+    color: #008000;
+}
+
+#button-quote:hover {
+    color: #206620;
+}
+
 header {
-    border-bottom: 1px solid rgba(10, 10, 10, 0.3);    
+    border-bottom: 1px solid rgba(10, 10, 10, 0.3);
 }

 footer {
@@ -203,10 +228,6 @@ pre {
     color: #666666;
 }

-.quote {
-    color: #206620 !important;
-}
-
 #next-page {
     border-right: 1px solid rgba(10, 10, 10, 0.7);
     padding-right: 5px;
@@ -225,13 +246,3 @@ pre {
 .file-info {
     display:none;
 }
-
-.spoiler {
-    background:#adadad;
-    color:#adadad;
-}
-
-.spoiler:hover {
-    background:#adadad;
-    color:#333333;
-}
diff --git a/static/css/futaba.css b/static/css/futaba.css
index dc1041a..1991ee2 100644
--- a/static/css/futaba.css
+++ b/static/css/futaba.css
@@ -41,6 +41,31 @@ a:hover {
     color: #DD0000;
 }

+.spoiler, .spoiler a {
+    background:#E1D1C7;
+    color:transparent;
+    transition:all 0.2s ease;
+    box-shadow: 1px 1px 0px #B1A29D;
+}
+
+.spoiler:hover, .spoiler a:hover, .quote .spoiler:hover {
+    background: none;
+    box-shadow: none;
+    color:#600000;
+}
+
+.spoiler a:hover {
+    color:#DD0000;
+}
+
+.quote, .quote .spoiler:hover {
+    color: #008000;
+}
+
+#button-quote:hover {
+    color: #206620;
+}
+
 header {
     border-bottom: 1px solid rgba(50,50,50,0.5);
 }
@@ -201,13 +226,3 @@ pre {
     background-color: #EEAA88;
     padding: 2px;
 }
-
-.spoiler {
-    background:#f0d0b6;
-    color:#f0d0b6;
-}
-
-.spoiler:hover {
-    background:#f0d0b6;
-    color:#7d0008;
-}
diff --git a/static/css/mayuri.css b/static/css/mayuri.css
index 86097a1..bbc87cb 100644
--- a/static/css/mayuri.css
+++ b/static/css/mayuri.css
@@ -40,24 +40,37 @@ a:hover {
     color:#804040;
 }

+.spoiler, .spoiler a {
+    background: #000;
+    box-shadow: -2px 1px 2px #1A1A1A;
+    color: transparent;
+    transition:all 0.2s ease;
+}
+
+.spoiler:hover, .spoiler a:hover, .quote .spoiler:hover {
+    background: none;
+    color: #999;
+    box-shadow: none;
+}
+
+.spoiler a:hover {
+    color:#804040;
+}
+
+.quote, .quote .spoiler:hover {
+    color: #51860F;
+}
+
+#button-quote:hover {
+    color: #426E0F;
+}
+
 hr {
     border-color:#853737;
     border-style:solid none none none;
     border-width:1px;
 }

-.spoiler {
-   background: #000;
-    box-shadow: -2px 1px 2px #1A1A1A;
-   color: transparent;
-   transition:all 0.2s ease;
-}
-.spoiler:hover {
-   background: none;
-   color: #999;
-    box-shadow: none;
-}
-
 #board-list-full, .popupMessage {
     background: none repeat scroll 0% 0% #2C2C2C;
     border: 1px dashed #5c1f1f;
@@ -71,7 +84,7 @@ hr {
 }

 .reply-post, .popup-post {
-   display: table;
+    display: table;
     overflow: hidden;
     padding: 8px 15px;
     margin-bottom: 6px;
@@ -86,15 +99,20 @@ hr {
     box-shadow: 0px 0px 10px #0C0C0C;
 }

+input, select, textarea, .post-block-named {
+    background:#212121;
+    color:#CCC;
+    border:1px solid #4C4C4C;
+    box-shadow: 0px 0px 10px #202020;
+}
+
 .post-block-named {
     padding: 1px 8px;
     background-color: #2E2E2E;
     border: 1px solid #0C0C0C;
-    box-shadow: 0px 0px 10px #202020;
-    color: #CCC;
 }

-input[type="text"], input[type="password"] {
+input[type="text"], input[type="password"], input[type="number"] {
     height: 20px;
 }

@@ -102,18 +120,7 @@ input[type="checkbox"], input[type="submit"] {
     margin: 3px 3px 3px 4px;
 }

-select, textarea, input[type="text"], input[type="password"], input[type="submit"] {
-    background:#212121;
-    color:#CCC;
-    border:1px solid #4C4C4C;
-    box-shadow: 0px 0px 10px #202020;
-}
-
-input::-webkit-input-placeholder {
-    color:#727272;
-}
-
-input::-moz-placeholder {
+input::-webkit-input-placeholder, input::-moz-placeholder {
     color:#727272;
 }

@@ -131,6 +138,18 @@ input::-moz-placeholder {
     text-align: right;
 }

+pre {
+    background-color: rgba(0,0,0,0.1);
+    border: 1px dashed #5c1f1f;
+    padding: 10px;
+}
+
+.reply-title {
+    color: #963428;
+    font-size: 1em;
+    font-weight: bold;
+}
+
 footer {
     text-align:center;
-}
\ No newline at end of file
+}
diff --git a/static/css/nox.css b/static/css/nox.css
index f705b34..c01c913 100644
--- a/static/css/nox.css
+++ b/static/css/nox.css
@@ -49,8 +49,41 @@ a:hover {
     color: #742307;
 }

+.spoiler, .spoiler a, .quote .spoiler {
+    background: none;
+    color: transparent;
+    text-shadow:0 0 10px #fff;
+    transition:all 0.2s ease;
+}
+
+.spoiler:hover, .spoiler a:hover, .quote .spoiler:hover {
+    color: #7C7C7C;
+    background:none;
+    text-shadow:none;
+}
+
+.spoiler a {
+    text-shadow:0 0 10px #FF8222;
+}
+
+.quote .spoiler {
+    text-shadow:0 0 10px #509550;
+}
+
+.spoiler a:hover {
+    color: #742307;
+}
+
+.quote, .quote .spoiler:hover {
+    color: #105510;
+}
+
+#button-quote:hover {
+    color: #004400;
+}
+
 header {
-    border-bottom: 1px solid rgba(100, 100, 100, 0.3);    
+    border-bottom: 1px solid rgba(100, 100, 100, 0.3);
 }

 footer {
@@ -204,10 +237,6 @@ pre {
     color: #666666;
 }

-.quote {
-    color: #105510 !important;
-}
-
 #next-page {
     border-right: 1px solid rgba(100, 100, 100, 0.7);
     padding-right: 5px;
@@ -238,15 +267,3 @@ pre {
     border-bottom: 2px dashed rgba(100, 100, 100, 0.7) !important;
     border-top: 2px dashed rgba(100, 100, 100, 0.7) !important;
 }
-
-.spoiler {
-    background: none;
-    color: transparent;
-    text-shadow:0 0 10px #fff;
-}
-
-.spoiler:hover {
-    color: #e1e1e1;
-    background:none;
-    text-shadow:none;
-}
diff --git a/static/css/postmodern.css b/static/css/postmodern.css
index b5b7336..cac2d6e 100644
--- a/static/css/postmodern.css
+++ b/static/css/postmodern.css
@@ -19,6 +19,36 @@ a:hover {
     text-decoration: underline;
 }

+.spoiler, .spoiler a, .quote .spoiler {
+    background: none;
+    color: transparent;
+    text-shadow:0 0 10px #72AEFE;
+    transition:all 0.2s ease;
+}
+
+.spoiler:hover, .spoiler a:hover, .quote .spoiler:hover {
+    color: #496CA0;
+    background:none;
+    text-shadow:none;
+}
+
+.spoiler a {
+    text-shadow:0 0 10px #DEBD18;
+}
+
+.quote .spoiler {
+    text-shadow:0 0 10px #8FC68E;
+}
+
+.spoiler a:hover {
+    color: #927908;
+    text-decoration: underline;
+}
+
+.quote, .quote .spoiler:hover {
+    color: #557755;
+}
+
 .container {
     width: 80%;
     margin: auto 10%;
@@ -286,10 +316,6 @@ pre {
     color: #666666;
 }

-.quote {
-    color: #557755 !important;
-}
-
 #next-page {
     border-right: 1px dotted rgba(10, 10, 10, 0.7);
     padding-right: 5px;
@@ -332,13 +358,3 @@ pre {
 #captcha {
     padding: 1px;
 }
-
-.spoiler {
-    background:#454545;
-    color:#454545;
-}
-
-.spoiler:hover {
-    background:#454545;
-    color:#496ca0;
-}
diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 86ce852..cd623b6 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -336,10 +336,6 @@ header {
     margin: 2px;
 }

-.quote {
-    color: green;
-}
-
 iframe {
     border: 0px;
 }