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

Standardize css

Browse source
This commit is contained in:
cuom1999 2023-09-08 13:14:09 -05:00
parent a74056f101
commit 32fbdb4530
8 changed files with 28 additions and 35 deletions
Show stats 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 { #chat-icon {
color: #045343; color: $theme_color;
} }
#chat-icon:hover { #chat-icon:hover {
@ -924,37 +924,37 @@ select {
} }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #045343; color: $theme_color;
opacity: 1; /* Firefox */ opacity: 1; /* Firefox */
text-align: center; text-align: center;
} }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #045343; color: $theme_color;
text-align: center; text-align: center;
} }
::-ms-input-placeholder { /* Microsoft Edge */ ::-ms-input-placeholder { /* Microsoft Edge */
color: #045343; color: $theme_color;
text-align: center; text-align: center;
} }
input::placeholder{ input::placeholder{
color: #045343; color: $theme_color;
text-align: center; text-align: center;
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: #045343; color: $theme_color;
text-align: center; text-align: center;
} }
:-moz-placeholder { /* Firefox 18- */ :-moz-placeholder { /* Firefox 18- */
color: #045343; color: $theme_color;
text-align: center; text-align: center;
} }
::-moz-placeholder { /* Firefox 19+ */ ::-moz-placeholder { /* Firefox 19+ */
color: #045343; color: $theme_color;
text-align: center; text-align: center;
} }

4
resources/blog.scss
View file

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

4
resources/chatbox.scss
View file

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

1
resources/vars.scss
View file

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

26
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: #045343; background-color: $theme_color;
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;
@ -102,11 +102,7 @@
} }
&.btn-darkGreen { &.btn-darkGreen {
background: #045343; background: $theme_color;
&: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
@ -121,18 +117,18 @@
} }
.button:hover, button:hover, input[type=submit]:hover { .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; 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: #045343; background-color: $theme_color;
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: #045343; background-color: $theme_color;
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);
} }
@ -229,10 +225,10 @@ input {
// Bootstrap-y tabs // Bootstrap-y tabs
.ul_tab_a_active { .ul_tab_a_active {
color: #045343; color: $theme_color;
cursor: default; cursor: default;
font-weight: bold; font-weight: bold;
border-bottom: 3px solid #045343; border-bottom: 3px solid $theme_color;
background: transparent; background: transparent;
} }
@ -367,9 +363,9 @@ ul.pagination {
font-weight: bold; font-weight: bold;
line-height: 1.42857; line-height: 1.42857;
text-decoration: none; text-decoration: none;
color: #045343; color: $theme_color;
background-color: white; background-color: white;
border: 2px solid #045343; border: 2px solid $theme_color;
border-radius: 10px; border-radius: 10px;
} }
} }
@ -393,7 +389,7 @@ ul.pagination {
a { a {
z-index: 2; z-index: 2;
color: white; color: white;
background-color: #045343; background-color: $theme_color;
border-color: transparent; border-color: transparent;
cursor: default; cursor: default;
} }
@ -513,7 +509,7 @@ ul.select2-selection__rendered {
display: flex; display: flex;
.fa { .fa {
background: #045343; background: $theme_color;
color: white; color: white;
padding: 4px; padding: 4px;
margin-right: 8px; margin-right: 8px;

4
templates/base.html
View file

@ -252,9 +252,9 @@
</span> </span>
{% endif %} {% endif %}
<span title="{{_('Language')}}"> <span title="{{_('Language')}}">
<a class="icofont-globe navbar-icon" id="nav-lang-icon" aria-hidden="true"> <div class="icofont-globe navbar-icon" id="nav-lang-icon" aria-hidden="true">
<sub class="sub-lang">{{LANGUAGE_CODE}}</sub> <sub class="sub-lang">{{LANGUAGE_CODE}}</sub>
</a> </div>
<div id="lang-dropdown" class="dropdown" role="tooltip"> <div id="lang-dropdown" class="dropdown" role="tooltip">
{% for language in language_info_list(LANGUAGES) %} {% for language in language_info_list(LANGUAGES) %}
<div value="{{ language.code }}" <div value="{{ language.code }}"

2
templates/chat/chat_css.html
View file

@ -175,7 +175,7 @@
overflow:hidden; overflow:hidden;
} }
#chat-input-container { #chat-input-container {
padding-left: 10%; padding-left: 5%;
} }
#chat-area { #chat-area {
padding-bottom: 1.5em; padding-bottom: 1.5em;

6
templates/chat/chat_js.html
View file

@ -558,11 +558,5 @@
} }
register_setting(); register_setting();
color_selected_room(); color_selected_room();
$('#chat-input').on('input', function () {
$('#chat-input-container').height('auto');
$('#chat-input-container').height((this.scrollHeight) + 'px');
});
$('#submit-button').on('click', submit_chat);
}); });
</script> </script>