429 lines
8.2 KiB
CSS
429 lines
8.2 KiB
CSS
@import url('../../bs3/bootstrap.min.css');
|
|
|
|
@font-face {
|
|
font-family: 'Sarasa Mono SC Local';
|
|
src: local('等距更纱黑体 SC'),
|
|
local('Sarasa Mono SC'),
|
|
url('../fonts/SarasaMonoSC-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
:root {
|
|
--hustoj-global-mono-font: 'Sarasa Mono SC Local', "Sarasa Mono SC", "Sarasa Fixed SC",
|
|
"Sarasa Gothic SC", Consolas, "Cascadia Mono", "Cascadia Code",
|
|
"Fira Mono", "JetBrains Mono", "Liberation Mono", Menlo, Monaco,
|
|
"Courier New", monospace;
|
|
--hustoj-global-font-size: 26px;
|
|
--hustoj-global-line-height: 1.6;
|
|
--hustoj-global-code-font-size: 24px;
|
|
--hustoj-global-heading-size: 30px;
|
|
--hustoj-global-subheading-size: 28px;
|
|
}
|
|
|
|
.ui.header,
|
|
.ui.button,
|
|
.ui.input input,
|
|
.ui.menu,
|
|
.ui.form input:not([type]),
|
|
.ui.form input[type="date"],
|
|
.ui.form input[type="datetime-local"],
|
|
.ui.form input[type="email"],
|
|
.ui.form input[type="file"],
|
|
.ui.form input[type="number"],
|
|
.ui.form input[type="password"],
|
|
.ui.form input[type="search"],
|
|
.ui.form input[type="tel"],
|
|
.ui.form input[type="text"],
|
|
.ui.form input[type="time"],
|
|
.ui.form input[type="url"],
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
body {
|
|
font-family: var(--hustoj-global-mono-font) !important;
|
|
font-size: var(--hustoj-global-font-size) !important;
|
|
line-height: var(--hustoj-global-line-height);
|
|
}
|
|
|
|
a.black-link {
|
|
color: #000;
|
|
}
|
|
|
|
a.black-link:hover {
|
|
color: #4183c4;
|
|
}
|
|
|
|
.font-content {
|
|
font-family: var(--hustoj-global-mono-font) !important;
|
|
font-size: var(--hustoj-global-font-size) !important;
|
|
line-height: var(--hustoj-global-line-height);
|
|
}
|
|
|
|
.markdown-edit {
|
|
font-family: var(--hustoj-global-mono-font) !important;
|
|
}
|
|
|
|
h1,
|
|
.ui.header.huge,
|
|
.ui.header.large {
|
|
font-size: var(--hustoj-global-heading-size) !important;
|
|
}
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
.ui.header,
|
|
.ui.top.attached.block.header {
|
|
font-size: var(--hustoj-global-subheading-size) !important;
|
|
}
|
|
|
|
.ui.form textarea,
|
|
.ui.form select,
|
|
.ui.text.container,
|
|
.ui.segment,
|
|
.ui.message,
|
|
.ui.label,
|
|
.ui.dropdown,
|
|
.ui.table,
|
|
.ui.card > .content,
|
|
.ui.cards > .card > .content,
|
|
.ui.list > .item,
|
|
.ui.list .list > .item,
|
|
.ui.statistic > .value,
|
|
.ui.statistic > .label,
|
|
.vditor,
|
|
.vditor-reset,
|
|
.vditor-reset *,
|
|
.ace_editor,
|
|
.ace_editor textarea,
|
|
.ace_content,
|
|
.ace_gutter,
|
|
.ace_line,
|
|
.ace_text-layer {
|
|
font-family: var(--hustoj-global-mono-font) !important;
|
|
font-size: var(--hustoj-global-font-size) !important;
|
|
line-height: var(--hustoj-global-line-height) !important;
|
|
}
|
|
|
|
.ui.button,
|
|
.ui.input input,
|
|
.ui.form textarea,
|
|
.ui.form select,
|
|
.ui.message,
|
|
.ui.label,
|
|
.ui.dropdown,
|
|
.ui.table,
|
|
.ui.card > .content,
|
|
.ui.cards > .card > .content,
|
|
.ui.list > .item,
|
|
.ui.list .list > .item,
|
|
.ui.statistic > .value,
|
|
.ui.statistic > .label,
|
|
.vditor,
|
|
.vditor-reset,
|
|
.vditor-reset *,
|
|
pre,
|
|
code,
|
|
.ace_editor,
|
|
.ace_editor textarea,
|
|
.ace_content,
|
|
.ace_gutter,
|
|
.ace_line,
|
|
.ace_text-layer {
|
|
font-size: var(--hustoj-global-font-size) !important;
|
|
}
|
|
|
|
pre,
|
|
code,
|
|
.ace_editor,
|
|
.ace_editor textarea,
|
|
.ace_content,
|
|
.ace_gutter,
|
|
.ace_line,
|
|
.ace_text-layer,
|
|
.sample-box code,
|
|
.vditor-reset pre code {
|
|
font-size: var(--hustoj-global-code-font-size) !important;
|
|
}
|
|
|
|
.padding {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
.ui.segment:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ui.segment:last-child {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.hljs {
|
|
background: #fff !important;
|
|
}
|
|
|
|
.ui.footer.segment {
|
|
margin: 2em 0em 0em;
|
|
padding: 1em 0em;
|
|
border: none;
|
|
}
|
|
|
|
th {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
pre {
|
|
tab-size: 4;
|
|
overflow: auto;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
table.center.aligned ul,
|
|
table.center.aligned ol {
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
|
|
body > .ui.page.dimmer {
|
|
position: fixed !important;
|
|
}
|
|
|
|
:not(.status_detail).status.success,
|
|
.title:hover .status_detail.status.success,
|
|
.title.active .status_detail.status.success,
|
|
:not(.status_detail).status.submitted,
|
|
.title:hover .status_detail.status.submitted,
|
|
.title.active .status_detail.status.submitted,
|
|
:not(.status_detail).status.accepted,
|
|
.title:hover .status_detail.status.accepted,
|
|
.title.active .status_detail.status.accepted {
|
|
color: forestgreen;
|
|
}
|
|
|
|
:not(.status_detail).status.wrong_answer,
|
|
.title:hover .status_detail.status.wrong_answer,
|
|
.title.active .status_detail.status.wrong_answer {
|
|
color: red;
|
|
}
|
|
|
|
:not(.status_detail).status.invalid_interaction,
|
|
.title:hover .status_detail.status.invalid_interaction,
|
|
.title.active .status_detail.status.invalid_interaction,
|
|
:not(.status_detail).status.runtime_error,
|
|
.title:hover .status_detail.status.runtime_error,
|
|
.title.active .status_detail.status.runtime_error,
|
|
:not(.status_detail).status.file_error,
|
|
.title:hover .status_detail.status.file_error,
|
|
.title.active .status_detail.status.file_error {
|
|
color: darkorchid;
|
|
}
|
|
|
|
:not(.status_detail).status.memory_limit_exceeded,
|
|
.title:hover .status_detail.status.memory_limit_exceeded,
|
|
.title.active .status_detail.status.memory_limit_exceeded,
|
|
:not(.status_detail).status.time_limit_exceeded,
|
|
.title:hover .status_detail.status.time_limit_exceeded,
|
|
.title.active .status_detail.status.time_limit_exceeded,
|
|
:not(.status_detail).status.output_limit_exceeded,
|
|
.title:hover .status_detail.status.output_limit_exceeded,
|
|
.title.active .status_detail.status.output_limit_exceeded {
|
|
color: sandybrown;
|
|
}
|
|
|
|
:not(.status_detail).status.waiting,
|
|
.title:hover .status_detail.status.waiting,
|
|
.title.active .status_detail.status.waiting,
|
|
:not(.status_detail).status.system_error {
|
|
color: grey;
|
|
}
|
|
|
|
:not(.status_detail).status.running,
|
|
.title:hover .status_detail.status.running,
|
|
.title.active .status_detail.status.running {
|
|
color: #6cf;
|
|
}
|
|
|
|
:not(.status_detail).status.partially_correct,
|
|
.title:hover .status_detail.status.partially_correct,
|
|
.title.active .status_detail.status.partially_correct {
|
|
color: #01bab2;
|
|
}
|
|
|
|
:not(.status_detail).status.judgement_failed,
|
|
.title:hover .status_detail.status.judgement_failed,
|
|
.title.active .status_detail.status.judgement_failed {
|
|
color: #ff5722;
|
|
}
|
|
|
|
:not(.status_detail).status.skipped,
|
|
.title:hover .status_detail.status.skipped,
|
|
.title.active .status_detail.status.skipped {
|
|
color: #78909c;
|
|
}
|
|
|
|
:not(.status_detail).status.compiling {
|
|
color: #00b5ad;
|
|
}
|
|
|
|
:not(.status_detail).status.no_testdata {
|
|
color: brown;
|
|
}
|
|
|
|
:not(.status_detail).status.compile_error {
|
|
color: rgb(0, 68, 136);
|
|
}
|
|
|
|
/* score color */
|
|
.score_0 {
|
|
color: red;
|
|
}
|
|
|
|
.score_1 {
|
|
color: #ff4b00;
|
|
}
|
|
|
|
.score_2 {
|
|
color: #ff6200;
|
|
}
|
|
|
|
.score_3 {
|
|
color: #ffa900;
|
|
}
|
|
|
|
.score_4 {
|
|
color: #ffd800;
|
|
}
|
|
|
|
.score_5 {
|
|
color: #c8ff00;
|
|
}
|
|
|
|
.score_6 {
|
|
color: #a5ff00;
|
|
}
|
|
|
|
.score_7 {
|
|
color: #52ff00;
|
|
}
|
|
|
|
.score_8 {
|
|
color: #41f741;
|
|
}
|
|
|
|
.score_9 {
|
|
color: #34d034;
|
|
}
|
|
|
|
.score_10 {
|
|
color: forestgreen;
|
|
}
|
|
|
|
.score {
|
|
text-shadow: 0 0 0.1px;
|
|
}
|
|
|
|
.rating_up {
|
|
color: #dd4b39;
|
|
}
|
|
|
|
.rating_down {
|
|
color: #3d9400;
|
|
}
|
|
|
|
/* code tag */
|
|
:not(pre) > code {
|
|
background-color: rgba(0, 0, 0, 0.08);
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
padding: 1px 6px;
|
|
vertical-align: baseline;
|
|
color: #444;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
code {
|
|
font-family: "Consolas", "Ubuntu Mono", "Fira Mono", "Monaco", "Menlo", "source-code-pro", monospace !important;
|
|
}
|
|
|
|
/* Animated spinner */
|
|
@keyframes spinner-icon-rotate {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.spinner.icon:before {
|
|
animation: spinner-icon-rotate 3s linear infinite;
|
|
display: block;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
-webkit-appearance: none;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
-webkit-transition: color 0.2s ease;
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:window-inactive {
|
|
background: rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(128, 135, 139, 0.8);
|
|
}
|
|
|
|
.ui.top.attached.block.header i.icon {
|
|
font-size: 1em;
|
|
vertical-align: initial;
|
|
}
|
|
|
|
.ui.selection.dropdown .menu > .item {
|
|
padding-left: 0.8rem !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
/* 打印样式 */
|
|
@media print {
|
|
html {
|
|
position: relative !important;
|
|
overflow: scroll !important;
|
|
height: unset !important;
|
|
}
|
|
|
|
body {
|
|
position: unset !important;
|
|
margin-top: unset !important;
|
|
height: unset !important;
|
|
}
|
|
|
|
#page-header, #submit-buttons, .p-label {
|
|
display: none;
|
|
}
|
|
}
|