From 97613bc160c9a18a3b7487a640c6924c81fa730a Mon Sep 17 00:00:00 2001 From: Tomochin 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; }