Edit theme
This commit is contained in:
parent
5f80859022
commit
a5bad300b8
8 changed files with 105 additions and 44 deletions
|
@ -240,7 +240,7 @@ header {
|
|||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
right: 10px;
|
||||
height: $navbar_height;
|
||||
}
|
||||
|
||||
|
@ -296,7 +296,7 @@ nav {
|
|||
}
|
||||
|
||||
&:hover {
|
||||
border-top: 2px solid #9c3706;
|
||||
border-top: 2px solid #045343;
|
||||
color: black;
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
margin: 0;
|
||||
|
@ -304,8 +304,8 @@ nav {
|
|||
|
||||
&.active {
|
||||
// color: #FFF;
|
||||
border-top: 2px solid #9c3706;
|
||||
color: #9c3706;
|
||||
border-top: 2px solid #045343;
|
||||
color: #045343;
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
@ -713,11 +713,11 @@ math {
|
|||
}
|
||||
|
||||
#chat-icon {
|
||||
color: lightseagreen;
|
||||
color: #045343;
|
||||
}
|
||||
|
||||
#chat-icon:hover {
|
||||
color: darkgreen;
|
||||
color: green;
|
||||
}
|
||||
|
||||
#nav-lang-icon {
|
||||
|
@ -905,4 +905,56 @@ select {
|
|||
.view-next-page {
|
||||
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;
|
||||
}
|
|
@ -33,11 +33,12 @@
|
|||
}
|
||||
|
||||
.left-sidebar-item.active {
|
||||
color: green;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
background-color: lightgreen;
|
||||
background-color: #045343;
|
||||
|
||||
.sidebar-icon {
|
||||
color: green;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -198,7 +199,7 @@
|
|||
}
|
||||
|
||||
.left-sidebar-item.active:hover {
|
||||
background-color: lightgreen;
|
||||
background-color: #045343;
|
||||
}
|
||||
|
||||
.sidebar-icon {
|
||||
|
|
|
@ -30,7 +30,7 @@
|
|||
.button, button, input[type=submit] {
|
||||
align-items: center;
|
||||
background-clip: padding-box;
|
||||
background-color: #fa6400;
|
||||
background-color: #045343;
|
||||
border: 1px solid transparent;
|
||||
border-radius: .25rem;
|
||||
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
|
||||
// this attribute center buttons in contest list (including "Join", "Virutal Join", "Spectable")
|
||||
&.unselectable.button.full.small {
|
||||
|
@ -113,18 +121,18 @@
|
|||
}
|
||||
|
||||
.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;
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.button:active, button:active, input[type=submit]:hover {
|
||||
background-color: #c85000;
|
||||
background-color: #045343;
|
||||
box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{% if current_contests %}
|
||||
<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">
|
||||
{% for contest in current_contests %}
|
||||
<div class="contest">
|
||||
|
@ -18,7 +18,7 @@
|
|||
|
||||
{% if future_contests %}
|
||||
<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">
|
||||
{% for contest in future_contests %}
|
||||
<div class="contest">
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<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">
|
||||
<form id="filter-form" name="form" action="" method="get">
|
||||
<div>
|
||||
|
@ -43,7 +43,7 @@
|
|||
{% endif %}
|
||||
{% if organizations %}
|
||||
<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>
|
||||
{% for org in organizations %}
|
||||
<option value="{{ org.id }}"{% if org.id in org_query %} selected{% endif %}>
|
||||
|
@ -54,7 +54,7 @@
|
|||
</div>
|
||||
{% endif %}
|
||||
<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>
|
||||
{% for author in all_authors %}
|
||||
<option value="{{ author.id }}"{% if author.id in author_query %} selected{% endif %}>
|
||||
|
@ -63,8 +63,20 @@
|
|||
{% endfor %}
|
||||
</select>
|
||||
</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">
|
||||
<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">
|
||||
{% if category %}
|
||||
<option value="" selected="selected">{{ _('All') }}</option>
|
||||
|
@ -78,27 +90,15 @@
|
|||
{% endfor %}
|
||||
</select>
|
||||
</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 %}
|
||||
<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>
|
||||
{% 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 %}>
|
||||
<div class="form-submit-group">
|
||||
<a id="go" class="button small btn-darkred">{{ _('Go') }}</a>
|
||||
<a id="random" class="button small btn-darkred">{{ _('Random') }}</a>
|
||||
<a id="go" class="button small btn-darkGreen">{{ _('Go') }}</a>
|
||||
<a id="random" class="button small btn-darkGreen">{{ _('Random') }}</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
|
||||
{% if recent_organizations %}
|
||||
<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">
|
||||
{% for organization in recent_organizations %}
|
||||
<a href="{{ url('organization_home', organization.organization.pk, organization.organization.slug) }}" class="organization-row" title="{{organization.organization.about}}">
|
||||
|
|
|
@ -331,11 +331,11 @@
|
|||
<div class="right-sidebar">
|
||||
<div class="submission">
|
||||
<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">
|
||||
<form id="filter-form" name="form" action="" method="get">
|
||||
<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>
|
||||
{% for id, name in all_statuses %}
|
||||
<option {% if id in selected_statuses %}selected{% endif %}
|
||||
|
@ -344,7 +344,7 @@
|
|||
</select>
|
||||
</div>
|
||||
<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>
|
||||
{% for code, name in all_languages %}
|
||||
<option {% if code in selected_languages %}selected{% endif %}
|
||||
|
@ -352,7 +352,7 @@
|
|||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-submit-group">
|
||||
<div class="form-submit-group" >
|
||||
<a id="go" onclick="form.submit()" class="button small">{{ _('Go') }}</a>
|
||||
</div>
|
||||
</form>
|
||||
|
@ -360,12 +360,12 @@
|
|||
</div>
|
||||
<div class="sidebox">
|
||||
<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 id="status-graph">
|
||||
<canvas width="230" height="170"></canvas>
|
||||
</div>
|
||||
<div class="total">
|
||||
<div class="total colored-text bold-text">
|
||||
{{ _('Total:') }} <span id="total-submission-count"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{% if top_rated %}
|
||||
<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">
|
||||
<table class="table feed-table">
|
||||
<tbody>
|
||||
|
@ -19,7 +19,7 @@
|
|||
|
||||
{% if top_scorer %}
|
||||
<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">
|
||||
<table class="table feed-table">
|
||||
<tbody>
|
||||
|
|
Loading…
Reference in a new issue