Clean up contest ranking CSS and add dark mode colours

This commit is contained in:
Evan 2023-02-05 13:20:01 -05:00 committed by Tudor Brindus
parent 2436abb408
commit 31f2ded7a0
3 changed files with 19 additions and 18 deletions

View File

@ -188,8 +188,13 @@ form.contest-join-pseudotab {
}
#ranking-table {
.username {
.user-name {
min-width: 20em;
position: relative;
}
.userinfo a, .user-name a, .user-name form {
display: inline-block !important;
}
.rating-column {
@ -198,25 +203,21 @@ form.contest-join-pseudotab {
td {
height: 2.5em;
a:hover {
text-decoration: underline;
}
}
a {
display: block;
}
.userinfo a, .user-name a, .user-name form {
display: inline-block !important;
}
/* Make problem table headers green on hover */
th a:hover {
color: #0F0;
}
td a:hover {
text-decoration: underline;
}
.rank {
min-width: 2.5em
}
@ -226,7 +227,7 @@ form.contest-join-pseudotab {
}
.disqualified {
background-color: #ffa8a8 !important;
background-color: $color_contest_ranking_disqualified !important;
}
.full-score, .full-score a {
@ -259,18 +260,18 @@ form.contest-join-pseudotab {
.user-points, .user-points a {
font-weight: bold;
color: black;
color: $color_primary100;
}
.solving-time {
color: gray;
color: $color_primary50;
font-weight: normal;
font-size: 0.75em;
padding-bottom: -0.75em;
}
.point-denominator {
border-top: 1px solid gray;
border-top: 1px solid $color_primary50;
font-size: 0.7em;
}
@ -278,17 +279,13 @@ form.contest-join-pseudotab {
display: none;
}
.user-name {
position: relative;
}
.organization-column {
display: none;
text-align: left !important;
border-right: none !important;
a {
color: gray !important;
color: $color_primary50;
font-weight: 600;
}
}

View File

@ -19,6 +19,8 @@ $color_link200: #d83; // active
$color_pageBg: #222; // #222 because some elements should be darker than pageBg
// custom one-off colours
$color_contest_ranking_disqualified: #622;
$color_rating_none: #aaa;
$color_rating_newbie: #aaa;
$color_rating_amateur: #00a900;

View File

@ -19,6 +19,8 @@ $color_link200: #faa700; // active
$color_pageBg: #fff;
// custom one-off colours
$color_contest_ranking_disqualified: #ffa8a8;
$color_rating_none: #999;
$color_rating_newbie: #999;
$color_rating_amateur: #00a900;