From 895bc9d33e4fef57429969deb6829da49078e83d Mon Sep 17 00:00:00 2001 From: Tomochin Date: Thu, 8 Oct 2020 18:46:56 +0700 Subject: [PATCH] New colour schemes for Sugoi CSS * All text in the site is now dark background light text, this will simplify the styling with no unreadable text issues to fix. * Improved colours for tables --- static/styles/sugoi/style.css | 68 ++++++++++++++++++++----------------------- 1 file changed, 31 insertions(+), 37 deletions(-) diff --git a/static/styles/sugoi/style.css b/static/styles/sugoi/style.css index 004ea24..4788ed1 100755 --- a/static/styles/sugoi/style.css +++ b/static/styles/sugoi/style.css @@ -25,7 +25,7 @@ body { background-color: #000030; font-family: tahoma, helvetica, sans-serif; font-size: 8pt; - color: #000; + color: #c6c9c9; min-width: 850px; } @@ -38,7 +38,7 @@ body { a { text-decoration: none; border: none; - color: #000045; + color: white; } a:hover { @@ -64,13 +64,13 @@ button:focus, input[type=button]:focus, input[type=submit]:focus { .forum_post .body a:not([href="#"]), .rule_summary a, .wiki_article a, #actual_rules a, .news_post .pad a, .store_table a { text-decoration: none; border: none; - color: #000045; + color: white; } .forum_post .body a:hover:not([href="#"]), .rule_summary a:hover, .wiki_article a:hover, #actual_rules a:hover, .news_post .pad a:hover, .store_table a:hover { text-decoration: underline; border: none; - color: #0B2592; + color: white; } h1,h2,h3,h4 { @@ -143,7 +143,7 @@ ul.thin li { margin:0px 0px; padding:0px; } opacity: 0; transition: ease-in-out 0.3s; transition-delay: 0.7s; - color: white; + /* color: #c6c9c9; */ } #footer:hover { opacity: 1; @@ -151,6 +151,9 @@ ul.thin li { margin:0px 0px; padding:0px; } #footer a { color: white; } +#footer a:hover { + text-decoration: underline; +} #logo { width: 300px; @@ -343,9 +346,9 @@ ul.thin li { margin:0px 0px; padding:0px; } box-sizing: border-box; padding: 2px 2px 2px 4px; font-size: 0.9em; - background-color: #e0e0e0; + background-color: #222f68; width: 100%; - color: #444; + color: #c6c9c9; } #searchbars ul { @@ -367,7 +370,7 @@ ul.thin li { margin:0px 0px; padding:0px; } top: 1em; left: 0; z-index: 1000; - background-color: #999; + background-color: #222f68; width: 12em; margin-top: 12px; } @@ -380,7 +383,7 @@ ul.thin li { margin:0px 0px; padding:0px; } } #searchbars ul li ul li.highlight { - background: #D7D7D7; + background: #222f68; } #searchbars ul li form { @@ -409,7 +412,7 @@ ul.thin li { margin:0px 0px; padding:0px; } /* border: 1px solid #999; */ background-color: #0e238b; text-align: center; - color: #444; + color: #c6c9c9; font-weight: bold; font-size: 0.95em; width: 350px; @@ -417,11 +420,10 @@ ul.thin li { margin:0px 0px; padding:0px; } padding: 10px; } .alertbar a { - color: #e6e6e6; + color: white; text-decoration: underline; } .alertbar a:hover { - color: #f2f2f2; text-decoration: none; } @@ -511,7 +513,7 @@ p.min_padding { .box { font-size: 8pt; - background-color: #EEE; + background-color: #222f68; /* border: 1px solid #666666; */ border: none; margin-bottom: 10px; @@ -524,7 +526,7 @@ p.min_padding { .box2 { margin-bottom: 10px; font-size: 8pt; - background-color: #EAEAEA; + background-color: #222f68; /* border: 1px solid #666666; */ border: none; } @@ -532,7 +534,7 @@ p.min_padding { .pad h3, .pad h4, .padbox h3, .padbox h4 { margin-top: 0px; padding-top: 0px; - color: black; + color: white; } .sidebar { @@ -578,11 +580,10 @@ color: #FFFFFF; } .tags a { - color: #222; + color: white; } .tags a:hover { - color: #444; text-decoration: underline; } @@ -601,7 +602,7 @@ table { } tr { - background-color: #EEE; + background-color: #222f68; } td, th { @@ -744,7 +745,7 @@ ul.poll li.graph { .filter_torrents { width: 750px; margin: auto; - background: #EEE; + background: #222f68; } .filter_torrents .submit { @@ -753,8 +754,8 @@ ul.poll li.graph { } .filter_torrents .ft_cat_list { - border-top: 1px solid #AAA; - border-bottom: 1px solid #AAA; + border-top: 1px solid #222f68; + border-bottom: 1px solid #222f68; } #content form.search_form + .torrent_table { @@ -774,10 +775,6 @@ ul.poll li.graph { vertical-align: middle; } -.torrent_table a { - color: black; -} - h3 a { color: white; } @@ -795,13 +792,13 @@ h3 a { } .torrent_table tr.group { - background-color: #cfcfcf; + background-color: #2b4297; } .torrent_table tr.group_torrent { - background-color: #eeeeee; + background-color: #222f68; } .torrent_table tr.torrent { - background-color: #ddd; + background-color: #222f68; } .torrent_table tr.group td.center:first-child { @@ -809,10 +806,10 @@ h3 a { width: 21px; } .torrent_table tr.torrent:nth-child(2n) { - background-color: #6687ff; + background-color: #07123c; } .torrent_table tr.torrent:nth-child(2n-1) { - background-color: #4d73ff; + background-color: #293c80; } /* It is not possible to .addClass() nth-child so a new style must be created with @@ -820,13 +817,10 @@ the same css attributes as the nth-child lines above. Also defining an extra style class with nth-child also does not work so an extra css block is needed for .rowlight and .rowdark*/ .torrent_table tr.torrent.rowlight { - background-color: #6687ff; + background-color: #07123c; } .torrent_table tr.torrent.rowdark { - background-color: #4d73ff; -} -.torrent_table tr.group { - background-color: #335fff; + background-color: #293c80; } .torrent_table div.tags { @@ -854,7 +848,7 @@ css block is needed for .rowlight and .rowdark*/ /* Layout (Forums) */ -.last_read {margin-left: 5px; fill: #A9A9A9;} +.last_read {margin-left: 5px; fill: #222f68;} .colhead_dark .last_read {fill: #DC86E0;} .unread_locked_sticky{background: url(images/locked_sticky_unread.png) no-repeat center center;} @@ -868,7 +862,7 @@ css block is needed for .rowlight and .rowdark*/ strong.quoteheader {color: #000;} tr.row:nth-of-type(odd) { - background-color: #E2E2E2; + background-color: #293c80; } table.forum_post {