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

Edit theme

Browse source
This commit is contained in:
Van Duc Le 2023-09-05 19:30:05 -05:00 committed by GitHub
parent 5f80859022
commit a5bad300b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 105 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
resources/base.scss
View file

@ -240,7 +240,7 @@ header {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 10px;
height: $navbar_height; height: $navbar_height;
} }
@ -296,7 +296,7 @@ nav {
} }
&:hover { &:hover {
border-top: 2px solid #9c3706; border-top: 2px solid #045343;
color: black; color: black;
background: rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.25);
margin: 0; margin: 0;
@ -304,8 +304,8 @@ nav {
&.active { &.active {
// color: #FFF; // color: #FFF;
border-top: 2px solid #9c3706; border-top: 2px solid #045343;
color: #9c3706; color: #045343;
background: white; background: white;
} }
@ -713,11 +713,11 @@ math {
} }
#chat-icon { #chat-icon {
color: lightseagreen; color: #045343;
} }
#chat-icon:hover { #chat-icon:hover {
color: darkgreen; color: green;
} }
#nav-lang-icon { #nav-lang-icon {
@ -905,4 +905,56 @@ select {
.view-next-page { .view-next-page {
display: none; display: none;
} }
}
.colored-text {
color: #045343;
}
.bold-text {
font-weight: bold;
}
.non-italics {
font-style: normal;
}
.margin-label{
margin-bottom: 2.5px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #045343;
opacity: 1; /* Firefox */
text-align: center;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #045343;
text-align: center;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #045343;
text-align: center;
}
input::placeholder{
color: #045343;
text-align: center;
}
::-webkit-input-placeholder {
color: #045343;
text-align: center;
}
:-moz-placeholder { /* Firefox 18- */
color: #045343;
text-align: center;
}
::-moz-placeholder { /* Firefox 19+ */
color: #045343;
text-align: center;
} }

9
resources/blog.scss
View file

@ -33,11 +33,12 @@
} }
.left-sidebar-item.active { .left-sidebar-item.active {
color: green; color: white;
font-weight: bold; font-weight: bold;
background-color: lightgreen; background-color: #045343;
.sidebar-icon { .sidebar-icon {
color: green; color: white;
} }
} }
@ -198,7 +199,7 @@
} }
.left-sidebar-item.active:hover { .left-sidebar-item.active:hover {
background-color: lightgreen; background-color: #045343;
} }
.sidebar-icon { .sidebar-icon {

16
resources/widgets.scss
View file

@ -30,7 +30,7 @@
.button, button, input[type=submit] { .button, button, input[type=submit] {
align-items: center; align-items: center;
background-clip: padding-box; background-clip: padding-box;
background-color: #fa6400; background-color: #045343;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: .25rem; border-radius: .25rem;
box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0; box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
@ -101,6 +101,14 @@
} }
} }
&.btn-darkGreen {
background: #045343;
&:hover {
background: #045343;
}
}
// class = "unselectable button full small" only appear in online-judge/templates/contest/list.html // class = "unselectable button full small" only appear in online-judge/templates/contest/list.html
// this attribute center buttons in contest list (including "Join", "Virutal Join", "Spectable") // this attribute center buttons in contest list (including "Join", "Virutal Join", "Spectable")
&.unselectable.button.full.small { &.unselectable.button.full.small {
@ -113,18 +121,18 @@
} }
.button:hover, button:hover, input[type=submit]:hover { .button:hover, button:hover, input[type=submit]:hover {
background-color: #fb8332; background-color: #045343;
box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px; box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
transform: translateY(-1px); transform: translateY(-1px);
} }
.button:focus, button:focus, input[type=submit]:focus { .button:focus, button:focus, input[type=submit]:focus {
background-color: #fb8332; background-color: #045343;
box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px; box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
} }
.button:active, button:active, input[type=submit]:hover { .button:active, button:active, input[type=submit]:hover {
background-color: #c85000; background-color: #045343;
box-shadow: rgba(0, 0, 0, .06) 0 2px 4px; box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
transform: translateY(0); transform: translateY(0);
} }

4
templates/contests-countdown.html
View file

@ -1,6 +1,6 @@
{% if current_contests %} {% if current_contests %}
<div class="blog-sidebox sidebox"> <div class="blog-sidebox sidebox">
<h3><i class="fa fa-trophy"></i> {{ _('Ongoing contests') }}</h3> <h3 class="bold-text colored-text"><i class="fa fa-trophy"></i> {{ _('Ongoing contests') }}</h3>
<div class="sidebox-content"> <div class="sidebox-content">
{% for contest in current_contests %} {% for contest in current_contests %}
<div class="contest"> <div class="contest">
@ -18,7 +18,7 @@
{% if future_contests %} {% if future_contests %}
<div class="blog-sidebox sidebox"> <div class="blog-sidebox sidebox">
<h3><i class="fa fa-trophy"></i>{{ _('Upcoming contests') }}</h3> <h3 class="bold-text colored-text"><i class="fa fa-trophy"></i>{{ _('Upcoming contests') }}</h3>
<div class="sidebox-content"> <div class="sidebox-content">
{% for contest in future_contests %} {% for contest in future_contests %}
<div class="contest"> <div class="contest">

38
templates/problem/search-form.html
View file

@ -1,5 +1,5 @@
<div class="sidebox"> <div class="sidebox">
<h3><i class="fa fa-search"></i>{{ _('Problem search') }}</h3> <h3 class="colored-text"><i class="fa fa-search"></i>{{ _('Problem search') }}</h3>
<div class="sidebox-content"> <div class="sidebox-content">
<form id="filter-form" name="form" action="" method="get"> <form id="filter-form" name="form" action="" method="get">
<div> <div>
@ -43,7 +43,7 @@
{% endif %} {% endif %}
{% if organizations %} {% if organizations %}
<div class="filter-form-group"> <div class="filter-form-group">
<label for="type"><i>{{ _('Group') }}</i></label> <label class="bold-text margin-label" for="type"><i class="non-italics">{{ _('Group') }}</i></label>
<select id="search-org" name="orgs" multiple> <select id="search-org" name="orgs" multiple>
{% for org in organizations %} {% for org in organizations %}
<option value="{{ org.id }}"{% if org.id in org_query %} selected{% endif %}> <option value="{{ org.id }}"{% if org.id in org_query %} selected{% endif %}>
@ -54,7 +54,7 @@
</div> </div>
{% endif %} {% endif %}
<div class="filter-form-group"> <div class="filter-form-group">
<label for="type"><i>{{ _('Author') }}</i></label> <label class="bold-text margin-label" for="type"><i class="non-italics">{{ _('Author') }}</i></label>
<select id="search-author" name="authors" multiple> <select id="search-author" name="authors" multiple>
{% for author in all_authors %} {% for author in all_authors %}
<option value="{{ author.id }}"{% if author.id in author_query %} selected{% endif %}> <option value="{{ author.id }}"{% if author.id in author_query %} selected{% endif %}>
@ -63,8 +63,20 @@
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
{% if show_types %}
<div class="filter-form-group">
<label class="bold-text margin-label" for="type"><i class="non-italics">{{ _('Problem types') }}</i></label>
<select id="types" name="type" multiple>
{% for type in problem_types %}
<option value="{{ type.id }}"{% if type.id in selected_types %} selected{% endif %}>
{{ type.full_name }}
</option>
{% endfor %}
</select>
</div>
{% endif %}
<div class="filter-form-group"> <div class="filter-form-group">
<label for="category"><i>{{ _('Category') }}</i></label> <label class="bold-text margin-label" for="category"><i class="non-italics">{{ _('Category') }}</i></label>
<select id="category" name="category"> <select id="category" name="category">
{% if category %} {% if category %}
<option value="" selected="selected">{{ _('All') }}</option> <option value="" selected="selected">{{ _('All') }}</option>
@ -78,27 +90,15 @@
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
{% if show_types %}
<div class="filter-form-group">
<label for="type"><i>{{ _('Problem types') }}</i></label>
<select id="types" name="type" multiple>
{% for type in problem_types %}
<option value="{{ type.id }}"{% if type.id in selected_types %} selected{% endif %}>
{{ type.full_name }}
</option>
{% endfor %}
</select>
</div>
{% endif %}
{% if point_values %} {% if point_values %}
<div class="form-label">{{ _('Point range') }}</div> <div style="margin-top: 5px;" class="bold-text margin-label" class="form-label">{{ _('Point range') }}</div>
<div id="point-slider"></div> <div id="point-slider"></div>
{% endif %} {% endif %}
<input id="point-start" type="hidden" name="point_start" {% if point_start and point_start != point_values.min %}value="{{ point_start }}"{% else %}disabled{% endif %}> <input id="point-start" type="hidden" name="point_start" {% if point_start and point_start != point_values.min %}value="{{ point_start }}"{% else %}disabled{% endif %}>
<input id="point-end" type="hidden" name="point_end" {% if point_end and point_end != point_values.max %}value="{{ point_end }}"{% else %}disabled{% endif %}> <input id="point-end" type="hidden" name="point_end" {% if point_end and point_end != point_values.max %}value="{{ point_end }}"{% else %}disabled{% endif %}>
<div class="form-submit-group"> <div class="form-submit-group">
<a id="go" class="button small btn-darkred">{{ _('Go') }}</a> <a id="go" class="button small btn-darkGreen">{{ _('Go') }}</a>
<a id="random" class="button small btn-darkred">{{ _('Random') }}</a> <a id="random" class="button small btn-darkGreen">{{ _('Random') }}</a>
</div> </div>
</form> </form>
</div> </div>

2
templates/recent-organization.html
View file

@ -18,7 +18,7 @@
{% if recent_organizations %} {% if recent_organizations %}
<div class="blog-sidebox sidebox"> <div class="blog-sidebox sidebox">
<h3><i class="fa fa-users"></i>{{ _('Recent groups') }}</h3> <h3 class="bold-text colored-text"><i class="fa fa-users"></i>{{ _('Recent groups') }}</h3>
<div class="toggled sidebox-content"> <div class="toggled sidebox-content">
{% for organization in recent_organizations %} {% for organization in recent_organizations %}
<a href="{{ url('organization_home', organization.organization.pk, organization.organization.slug) }}" class="organization-row" title="{{organization.organization.about}}"> <a href="{{ url('organization_home', organization.organization.pk, organization.organization.slug) }}" class="organization-row" title="{{organization.organization.about}}">

12
templates/submission/list.html
View file

@ -331,11 +331,11 @@
<div class="right-sidebar"> <div class="right-sidebar">
<div class="submission"> <div class="submission">
<div class="sidebox"> <div class="sidebox">
<h3><i class="fa fa-search"></i>{{ _('Filter submissions') }}</h3> <h3 class="colored-text"><i class="fa fa-search"></i>{{ _('Filter submissions') }}</h3>
<div class="sidebox-content"> <div class="sidebox-content">
<form id="filter-form" name="form" action="" method="get"> <form id="filter-form" name="form" action="" method="get">
<div class="filter-form-group"> <div class="filter-form-group">
<label for="status"><i>{{ _('Status') }}</i></label> <label class="bold-text margin-label" for="status"><i class="non-italics" >{{ _('Status') }}</i></label>
<select id="status" name="status" multiple> <select id="status" name="status" multiple>
{% for id, name in all_statuses %} {% for id, name in all_statuses %}
<option {% if id in selected_statuses %}selected{% endif %} <option {% if id in selected_statuses %}selected{% endif %}
@ -344,7 +344,7 @@
</select> </select>
</div> </div>
<div class="filter-form-group"> <div class="filter-form-group">
<label for="language"><i>{{ _('Language') }}</i></label> <label class="bold-text margin-label" for="language"><i class="non-italics">{{ _('Language') }}</i></label>
<select id="language" name="language" multiple> <select id="language" name="language" multiple>
{% for code, name in all_languages %} {% for code, name in all_languages %}
<option {% if code in selected_languages %}selected{% endif %} <option {% if code in selected_languages %}selected{% endif %}
@ -352,7 +352,7 @@
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
<div class="form-submit-group"> <div class="form-submit-group" >
<a id="go" onclick="form.submit()" class="button small">{{ _('Go') }}</a> <a id="go" onclick="form.submit()" class="button small">{{ _('Go') }}</a>
</div> </div>
</form> </form>
@ -360,12 +360,12 @@
</div> </div>
<div class="sidebox"> <div class="sidebox">
<div id="statistics-table"> <div id="statistics-table">
<h3><i class="fa fa-pie-chart"></i>{{ _('Statistics') }}</h3> <h3 class="colored-text"><i class="fa fa-pie-chart"></i>{{ _('Statistics') }}</h3>
<div class="sidebox-content"> <div class="sidebox-content">
<div id="status-graph"> <div id="status-graph">
<canvas width="230" height="170"></canvas> <canvas width="230" height="170"></canvas>
</div> </div>
<div class="total"> <div class="total colored-text bold-text">
{{ _('Total:') }} <span id="total-submission-count"></span> {{ _('Total:') }} <span id="total-submission-count"></span>
</div> </div>
</div> </div>

4
templates/top-users.html
View file

@ -1,6 +1,6 @@
{% if top_rated %} {% if top_rated %}
<div class="blog-sidebox sidebox"> <div class="blog-sidebox sidebox">
<h3><i class="fa fa-trophy"></i>{{ _('Top Rating') }}</h3> <h3 class="bold-text colored-text"><i class="fa fa-trophy"></i>{{ _('Top Rating') }}</h3>
<div class="sidebox-content" style="padding: 0; border: 0"> <div class="sidebox-content" style="padding: 0; border: 0">
<table class="table feed-table"> <table class="table feed-table">
<tbody> <tbody>
@ -19,7 +19,7 @@
{% if top_scorer %} {% if top_scorer %}
<div class="blog-sidebox sidebox"> <div class="blog-sidebox sidebox">
<h3><i class="fa fa-trophy"></i>{{ _('Top Score') }}</h3> <h3 class="bold-text colored-text"><i class="fa fa-trophy"></i>{{ _('Top Score') }}</h3>
<div class="sidebox-content" style="padding: 0; border: 0"> <div class="sidebox-content" style="padding: 0; border: 0">
<table class="table feed-table"> <table class="table feed-table">
<tbody> <tbody>