From 97613bc160c9a18a3b7487a640c6924c81fa730a Mon Sep 17 00:00:00 2001
From: Tomochin <tomochin@sugoimusic.me>
Date: Wed, 16 Aug 2017 21:44:34 +0100
Subject: [PATCH] Sugoi colours and CSS

---
 static/styles/sugoi/style.css | 94 +++++++++++++++++++++++++++----------------
 1 file changed, 59 insertions(+), 35 deletions(-)

diff --git a/static/styles/sugoi/style.css b/static/styles/sugoi/style.css
index 69c912f..5f0fa22 100755
--- a/static/styles/sugoi/style.css
+++ b/static/styles/sugoi/style.css
@@ -22,7 +22,7 @@ html {
 
 body {
   width: 100%;
-  background-color: #EDDDE7;
+  background-color: #004080;
   font-family: tahoma, helvetica, sans-serif;
   font-size: 8pt;
   color: #000;
@@ -34,20 +34,21 @@ body {
 a {
   text-decoration: none;
   border: none;
-  color: #444;
+  color: #0000af;
 }
 
 a:hover {
   text-decoration: underline;
-  color: #555;
+  color: #1300e6;
 }
 
 button, input[type=button], input[type=submit] {
-  background: #EAABED;
+  background: #0B2593;
   box-shadow: 0 1px 1px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
+  color: #FFF;
 }
 button:hover, input[type=button]:hover, input[type=submit]:hover {
-  background: #E197E5;
+  background: #081654;
 }
 button:focus, input[type=button]:focus, input[type=submit]:focus {
   background: #D48DD8;
@@ -116,7 +117,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
 #header {
   width: 100%;
   padding: 0px 0 0 0;
-  background: #fbc2e5;
+  background: #122CB5;
   margin-bottom: 10px;
 }
 
@@ -164,7 +165,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
 #menu {
   width: 100%;
   text-align: center;
-  background-color: #461640;
+  background-color: #081653;
   font-size: 10pt;
 }
 
@@ -186,7 +187,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
   padding: 0.6em 0;
   display: inline-block;
   width: 100%;
-  color: #fbc2e5;
+  color: #FFFFFF;
   transition: ease-in-out 0.1s;
 }
 
@@ -199,18 +200,18 @@ ul.thin li { margin:0px 0px; padding:0px; }
 }
 
 #menu ul li a:hover {
-  background-color: #7A3572;
+  background-color: #0B2592;
   text-decoration: none;
 }
 
 #menu .nav_dropdown {
-  background: #461640;
+  background: #081653;
   margin-top: 0;
 }
 
 .nav_dropdown > div {
   position: absolute;
-  background-color: #461640;
+  background-color: #081653;
   width: 100%;
   z-index: 99999;
   margin-top: 32px;
@@ -224,7 +225,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
 
 .nav_dropdown > div > a {
   display: none;
-  color: #fbc2e5;
+  color: #FFFFFF;
   height: 32px;
   line-height: 32px;
 }
@@ -236,8 +237,8 @@ ul.thin li { margin:0px 0px; padding:0px; }
 #userinfo {
 /*  position: absolute;
   top: 258px; */
-  background: #fbc2e5;
-  color: #444;
+  background: #122CB5;
+  color: #e6e6e6;
   padding: 4px 0px;
   width: 100%;
   text-align: center;
@@ -263,7 +264,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
 }
 
 #userinfo a {
-  color: #222;
+  color: #FFFFFF;
 }
 #userinfo a:hover {
   text-decoration: underline;
@@ -277,10 +278,10 @@ ul.thin li { margin:0px 0px; padding:0px; }
 
 #searchbars {
   text-align: center;
-  background-color: #7A3572;
+  background-color: #0B2592;
   box-sizing: content-box;
   padding: 4px 10%;
-  border-bottom: 2px solid #FBC2E5;
+  border-bottom: 2px solid #122CB5;
   display: flex;
 }
 
@@ -343,7 +344,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
 #alerts {
 /*  margin-top: 85px;
   margin-bottom: -85px; */
-  background: #EDDDE7;
+  background: #004080;
 /*  padding: 10px 0px; */
   margin: 10px 0px;
 }
@@ -361,7 +362,7 @@ ul.thin li { margin:0px 0px; padding:0px; }
 
 .alertbar {
   /* border: 1px solid #999; */
-  background-color: #fbc2e5;
+  background-color: #122CB5;
   text-align: center;
   color: #444;
   font-weight: bold;
@@ -371,11 +372,11 @@ ul.thin li { margin:0px 0px; padding:0px; }
   padding: 10px;
 }
 .alertbar a {
-  color: #555;
+  color: #e6e6e6;
   text-decoration: underline;
 }
 .alertbar a:hover {
-  color: #777;
+  color: #f2f2f2;
   text-decoration: none;
 }
 
@@ -421,7 +422,7 @@ input.hidden {
   position: absolute;
   padding: 5px;
   left: -5px;
-  background-color: #FBC2E5;
+  background-color: #122CB5;
   z-index: 100;
 }
 
@@ -497,8 +498,20 @@ p.min_padding {
   padding: 4px;
   /* border-bottom: 1px solid #666; */
   /* background: #E1E1E1; */
-  background: #EAABED;
-  color: #333;
+  background: #0B2593;
+  color: #FFF;
+}
+
+.head a {
+
+text-decoration: none;
+border: none;
+color: #FFFFFF;
+}
+
+.head a:hover  {
+text-decoration: underline;
+color: #FFFFFF;
 }
 
 .body {
@@ -552,7 +565,7 @@ td, th {
 }
 
 .colhead {
-  background: #E197E5;
+  background: #081654;
   font-weight: bold;
   color: #ffffff;
 }
@@ -562,6 +575,17 @@ td.colhead, .colhead td, .colhead th {
   padding-right: 10px;
 }
 
+.colhead a {
+
+text-decoration: none;
+border: none;
+color: #FFFFFF;
+}
+
+.colhead a:hover  {
+text-decoration: underline;
+color: #FFFFFF;
+}
 .colhead .sign, .colhead_dark .sign {
   padding: 0px 8px 0px 8px;
   vertical-align: middle;
@@ -579,11 +603,11 @@ td.colhead, .colhead td, .colhead th {
 
 .colhead_dark {
   /* background: #E1E1E1; */
-  background: #E197E5;
-  color: #333;
+  background: #081654;
+  color: #FFF;
 }
 .forum_post .colhead_dark {
-  background: #F1CDF4;
+  background: #4d73ff;
 }
 
 td.label {
@@ -726,13 +750,13 @@ ul.poll li.graph {
   width: 21px;
 }
 .torrent_table tr.torrent:nth-child(2n) {
-  background-color: #FAD1E3;
+  background-color: #6687ff;
 }
 .torrent_table tr.torrent:nth-child(2n-1) {
-  background-color: #EDC5F4;
+  background-color: #4d73ff;
 }
 .torrent_table tr.group {
-  background-color: #F8B8FF;
+  background-color: #335fff;
 }
 
 .torrent_table div.tags {
@@ -1064,7 +1088,7 @@ input.inputtext {
   transition: ease-in-out 0.12s;
 }
 input.inputtext:focus {
-  border-bottom: 1px solid #E197E5;
+  border-bottom: 1px solid #081654;
 }
 .collage_images .collage_image {
   margin: 1px;
@@ -1122,7 +1146,7 @@ input.inputtext:focus {
   opacity: 0.6;
 }
 .search_warning {
-  fill: #E197E5;
+  fill: #081654;
 }
 
 .tl_reported {
@@ -1144,7 +1168,7 @@ caption {
 }
 
 .forum_post .staff_post {
-  background: #f1849a;
+  background: #4637cf;
 }
 
 .tag_parody {
@@ -1161,6 +1185,6 @@ caption {
 }
 
 .collage_image:hover {
-  box-shadow: 0px 0px 0px 3px #fbc2e5;
+  box-shadow: 0px 0px 0px 3px #122CB5;
   position: relative;
 }