lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #3 from LQDJudge/master

Browse source 
Merge
This commit is contained in:
Van Duc Le 2023-09-10 00:25:59 -05:00 • committed by GitHub
commit 759a901206
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 308 additions and 281 deletions
Download patch file Download diff file Expand all files Collapse all files

16
resources/base.scss
View file

@ -713,7 +713,7 @@ math {
}
#chat-icon {
color: #045343;
color: $theme_color;
}
#chat-icon:hover {
@ -924,37 +924,37 @@ select {
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #045343;
color: $theme_color;
opacity: 1; /* Firefox */
text-align: center;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #045343;
color: $theme_color;
text-align: center;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #045343;
color: $theme_color;
text-align: center;
}
input::placeholder{
color: #045343;
color: $theme_color;
text-align: center;
}
::-webkit-input-placeholder {
color: #045343;
color: $theme_color;
text-align: center;
}
:-moz-placeholder { /* Firefox 18- */
color: #045343;
color: $theme_color;
text-align: center;
}
::-moz-placeholder { /* Firefox 19+ */
color: #045343;
color: $theme_color;
text-align: center;
}

4
resources/blog.scss
View file

@ -35,7 +35,7 @@
.left-sidebar-item.active {
color: white;
font-weight: bold;
background-color: #045343;
background-color: $theme_color;
.sidebar-icon {
color: white;
@ -199,7 +199,7 @@
}
.left-sidebar-item.active:hover {
background-color: #045343;
background-color: $theme_color;
}
.sidebar-icon {

4
resources/chatbox.scss
View file

@ -1,3 +1,5 @@
@import "vars";
.chat {
background: white;
}
@ -179,7 +181,7 @@
color: white;
}
.chat-input-icon {
color: #045343;
color: $theme_color;
}
.chat-input-icon:hover {
background: lightgray;

35
resources/contest.scss
View file

@ -1,5 +1,40 @@
@import "vars";
.list-contest {
box-shadow: 0px 4px 8px rgba(4, 83, 67, 0.2), 0px 6px 20px rgba(4, 83, 67, 0.19);
border-radius: 15px;
padding: 20px;
margin-bottom: 20px;
width: 100%;
box-sizing: border-box;
display: flex;
.info-contest:first-child {
margin-right: 15px;
}
.info-contest:nth-child(2) {
margin-right: 5px;
}
.info-contest {
flex: 1;
}
.participate-button {
display: flex;
justify-content: center;
align-items: center;
}
.contest-title {
font-size: 17px;
font-weight: 600;
line-height: 150%;
margin-bottom: 10px;
}
}
#contest-calendar {
border-collapse: collapse;
width: 100%;

23
resources/darkmode.css
View file

@ -2554,28 +2554,29 @@ input[type="text"]:focus, input[type="password"]:focus {
ul.pagination a:hover {
color: rgb(193, 191, 188);
background-image: initial;
background-color: rgba(0, 0, 0, 0.55);
background-color: rgb(7, 106, 86);
border-color: initial;
}
ul.pagination > li > a,
ul.pagination > li > span {
text-decoration-color: initial;
color: rgb(193, 191, 188);
background-color: rgb(0, 0, 83);
border-color: rgb(95, 88, 77);
color: rgb(170, 166, 161);
background-color: rgb(20, 22, 22);
border-color: rgb(105, 97, 85);
}
ul.pagination > .disabled-page > a {
color: rgb(130, 123, 113);
background-color: rgb(0, 0, 83);
border-color: rgb(105, 98, 86);
background-color: rgba(2, 55, 45, 0.5);
border-color: rgba(105, 97, 85, 0.5);
}
ul.pagination > .disabled-page > span {
color: rgb(130, 123, 113);
background-color: rgb(0, 0, 83);
border-color: rgb(95, 88, 77);
background-color: rgba(2, 55, 45, 0.5);
border-color: rgba(105, 97, 85, 0.5);
}
ul.pagination > .active-page > a {
color: rgb(193, 191, 188);
background-color: rgb(0, 61, 107);
background-color: rgb(2, 55, 45);
border-color: transparent;
}
ul.pagination > .active-page > span {
@ -2922,6 +2923,10 @@ a.voted {
.submission-info .submission-date {
color: rgb(126, 119, 107);
}
.list-contest {
box-shadow: rgba(2, 55, 45, 0.2) 0px 4px 8px,
rgba(2, 55, 45, 0.19) 0px 6px 20px;
}
#contest-calendar th {
border-bottom-color: rgb(51, 56, 58);
}

1
resources/vars.scss
View file

@ -4,6 +4,7 @@ $border_gray: #ccc;
$background_gray: #ededed;
$background_light_gray: #fafafa;
$announcement_red: #ae0000;
$theme_color: #045343;
$base_font_size: 14px;
$widget_border_radius: 4px;

77
resources/widgets.scss
View file

@ -30,7 +30,7 @@
.button, button, input[type=submit] {
align-items: center;
background-clip: padding-box;
background-color: #045343;
background-color: $theme_color;
border: 1px solid transparent;
border-radius: .25rem;
box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
@ -102,11 +102,7 @@
}
&.btn-darkGreen {
background: #045343;
&:hover {
background: #045343;
}
background: $theme_color;
}
// class = "unselectable button full small" only appear in online-judge/templates/contest/list.html
@ -121,18 +117,18 @@
}
.button:hover, button:hover, input[type=submit]:hover {
background-color: #045343;
background-color: $theme_color;
box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
transform: translateY(-1px);
}
.button:focus, button:focus, input[type=submit]:focus {
background-color: #045343;
background-color: $theme_color;
box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}
.button:active, button:active, input[type=submit]:hover {
background-color: #045343;
background-color: $theme_color;
box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
transform: translateY(0);
}
@ -229,10 +225,10 @@ input {
// Bootstrap-y tabs
.ul_tab_a_active {
color: #045343;
color: $theme_color;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #045343;
border-bottom: 3px solid $theme_color;
background: transparent;
}
@ -326,11 +322,14 @@ input {
// Bootstrap-y pagination
ul.pagination a:hover {
color: #FFF;
background: rgba(0, 0, 0, 0.55);
background: #0aa082;
border: none;
}
ul.pagination {
display: inline-block;
align-items: center;
justify-content: center;
display: flex;
padding-left: 0;
margin: 0;
border-radius: $widget_border_radius;
@ -339,33 +338,35 @@ ul.pagination {
li {
display: inline;
&:first-child > {
a, span {
margin-left: 0;
border-top-left-radius: $widget_border_radius;
border-bottom-left-radius: $widget_border_radius;
}
}
// &:first-child > {
// a, span {
// margin-left: 0;
// border-top-left-radius: $widget_border_radius;
// border-bottom-left-radius: $widget_border_radius;
// }
// }
&:last-child > {
a, span {
margin-left: 0;
border-top-right-radius: $widget_border_radius;
border-bottom-right-radius: $widget_border_radius;
}
}
// &:last-child > {
// a, span {
// margin-left: 0;
// border-top-right-radius: $widget_border_radius;
// border-bottom-right-radius: $widget_border_radius;
// }
// }
> {
a, span {
position: relative;
float: left;
padding: 4px 12px;
margin-right: 5px;
font-weight: bold;
line-height: 1.42857;
text-decoration: none;
color: #FFF;
background-color: $widget_black;
border: 1px solid #505050;
margin-left: -1px;
color: $theme_color;
background-color: white;
border: 2px solid $theme_color;
border-radius: 10px;
}
}
}
@ -373,22 +374,22 @@ ul.pagination {
.disabled-page > {
a {
color: #888;
background-color: $widget_black;
border-color: #282828;
background-color: #04534380;
border-color: #04534380;
}
span {
color: #888;
background-color: $widget_black;
border-color: #505050;
background-color: #04534380;
border-color: #04534380;
}
}
.active-page > {
a {
z-index: 2;
color: black;
background-color: #7dc7ff;
color: white;
background-color: $theme_color;
border-color: transparent;
cursor: default;
}
@ -508,7 +509,7 @@ ul.select2-selection__rendered {
display: flex;
.fa {
background: #045343;
background: $theme_color;
color: white;
padding: 4px;
margin-right: 8px;