Use css for darkmode
This commit is contained in:
cuom1999
parent
de875bd384
commit
97a56145b2
62 changed files with 6748 additions and 1034 deletions
|
|
@ -782,7 +782,7 @@ math {
|
|||
}
|
||||
|
||||
.featherlight {
|
||||
z-index: 1000;
|
||||
z-index: 1000 !important;
|
||||
}
|
||||
|
||||
select {
|
||||
|
|
@ -799,6 +799,60 @@ select {
|
|||
.notification-open #notification {
|
||||
color: green !important;
|
||||
}
|
||||
|
||||
.title-row {
|
||||
color: #393630;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.gray {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.white {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.black {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.red {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.green {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.grayed {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.darkcyan {
|
||||
color: darkcyan;
|
||||
}
|
||||
|
||||
.peru {
|
||||
color: peru;
|
||||
}
|
||||
|
||||
.blue {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.background-d6e8f7 {
|
||||
background-color: d6e8f7;
|
||||
}
|
||||
|
||||
.background-bisque {
|
||||
background-color: bisque;
|
||||
}
|
||||
|
||||
.background-footer {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
@media (max-width: 799px) {
|
||||
#user-links, .anon {
|
||||
padding-right: 0.5em;
|
||||
|
|
|
|||
|
|
@ -187,6 +187,42 @@
|
|||
color: white;
|
||||
}
|
||||
|
||||
.chat {
|
||||
.active-span {
|
||||
margin-top: 1em;
|
||||
margin-right: 1em;
|
||||
color: #636363;
|
||||
}
|
||||
|
||||
.unread-count {
|
||||
float: right;
|
||||
color: white;
|
||||
background-color: darkcyan;
|
||||
border-radius: 2px;
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
#setting-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #f1f1f1;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
right: 0;
|
||||
}
|
||||
#setting-content li {
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
#setting-content li:hover {
|
||||
background-color: #ddd;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 799px) {
|
||||
#chat-area {
|
||||
height: 500px;
|
||||
|
|
|
|||
|
|
@ -21,6 +21,106 @@ a {
|
|||
h2 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.revision-text p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.revision-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.featherlight-edit .featherlight-content {
|
||||
background: #FAFAFA;
|
||||
padding: 10px 15px 10px 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
|
||||
.new-comments .comment-display {
|
||||
display: flex;
|
||||
margin-top: -0.25em !important;
|
||||
padding-left: 1em;
|
||||
padding-top: 0.5em !important;
|
||||
border: 1px solid #ccc;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.new-comments .comment .detail {
|
||||
margin: 0px 15px 0px;
|
||||
width: 100%;
|
||||
max-width: calc(100% - 134px);
|
||||
}
|
||||
|
||||
.new-comments .comment-edits {
|
||||
padding-right: 0.75em;
|
||||
}
|
||||
|
||||
.new-comments .comment .detail .header {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 2px 0px;
|
||||
font-weight: normal;
|
||||
border-bottom: 1px #888 solid;
|
||||
color: #888;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.previous-revision, .next-revision {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.new-comments .header i {
|
||||
color: #888 !important;
|
||||
}
|
||||
|
||||
.new-comments .info {
|
||||
padding-top: 0.4em;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.new-comments .gravatar {
|
||||
width: 75px;
|
||||
max-width: 75px;
|
||||
}
|
||||
|
||||
.new-comments .vote {
|
||||
margin-right: 1em;
|
||||
height: 75px;
|
||||
padding-top: 0.4em;
|
||||
}
|
||||
|
||||
.new-comments .comment-display {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.new-comments .comment:target > .comment-display {
|
||||
border: 1px solid #2980b9;
|
||||
border-left: 10px solid #2980b9;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.comments.top-level-comments {
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
|
||||
.bad-comment {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.bad-comment:hover {
|
||||
opacity: 1;
|
||||
/* This is necessary to prevent random flickering */
|
||||
-webkit-transform: translatez(0);
|
||||
-moz-transform: translatez(0);
|
||||
-ms-transform: translatez(0);
|
||||
-o-transform: translatez(0);
|
||||
transform: translatez(0);
|
||||
}
|
||||
.reply-comment {
|
||||
margin: -50px 23px 10px -40px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.no-comments-message {
|
||||
|
|
@ -132,4 +232,49 @@ a {
|
|||
|
||||
.comment-body {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.actionbar {
|
||||
display: flex;
|
||||
|
||||
.actionbar-button {
|
||||
cursor: pointer;
|
||||
padding: 0.8em;
|
||||
border: 0.2px solid lightgray;
|
||||
border-radius: 5em;
|
||||
font-weight: bold;
|
||||
display: inherit;
|
||||
}
|
||||
.actionbar-block {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
justify-content: center;
|
||||
}
|
||||
.pagevote-score {
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
.like-button {
|
||||
padding-right: 0.5em;
|
||||
border-radius: 5em 0 0 5em;
|
||||
}
|
||||
.actionbar-button:hover {
|
||||
background: lightgray;
|
||||
}
|
||||
.dislike-button {
|
||||
padding-left: 0.5em;
|
||||
border-radius: 0 5em 5em 0;
|
||||
border-left: 0;
|
||||
}
|
||||
.like-button.voted {
|
||||
color: blue;
|
||||
}
|
||||
.dislike-button.voted {
|
||||
color: red;
|
||||
}
|
||||
.actionbar-text {
|
||||
padding-left: 0.4em;
|
||||
}
|
||||
.bookmarked {
|
||||
color: rgb(180, 180, 7);
|
||||
}
|
||||
}
|
||||
|
|
@ -403,16 +403,4 @@ $(function() {
|
|||
$('html').click(function () {
|
||||
$nav_list.hide();
|
||||
});
|
||||
|
||||
|
||||
$('#nav-darkmode-icon').on('click', function() {
|
||||
if (localStorage.getItem("darkmode") === "true") {
|
||||
localStorage.setItem("darkmode", "false");
|
||||
DarkReader.disable();
|
||||
}
|
||||
else {
|
||||
localStorage.setItem("darkmode", "true");
|
||||
DarkReader.enable();
|
||||
}
|
||||
})
|
||||
});
|
||||
|
|
@ -118,6 +118,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.time-left {
|
||||
text-align: left;
|
||||
color: #777;
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
|
||||
.contest-list {
|
||||
td {
|
||||
vertical-align: middle !important;
|
||||
|
|
@ -157,6 +163,12 @@
|
|||
vertical-align: top;
|
||||
}
|
||||
|
||||
.contest-tag-hidden {
|
||||
background-color: #000000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
.participate-button {
|
||||
display: inline-block;
|
||||
width: 90px;
|
||||
|
|
@ -168,6 +180,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.first-solve {
|
||||
background: #00f9a1;
|
||||
}
|
||||
|
||||
.contest-tag {
|
||||
box-shadow: inset 0 -0.1em 0 rgba(0, 0, 0, 0.12);
|
||||
padding: 0.15em 0.3em;
|
||||
|
|
@ -177,11 +193,37 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.contest-tag-edit {
|
||||
background-color: green
|
||||
}
|
||||
|
||||
.contest-tag-private {
|
||||
background-color: #666666;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.contest-tag-org {
|
||||
background-color: #cccccc;
|
||||
|
||||
a {
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
|
||||
.contest-tag-rated {
|
||||
background-color: #e54c14;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.contest-list-title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.contest-list-sort {
|
||||
color: #7dc7ff;
|
||||
}
|
||||
|
||||
form.contest-join-pseudotab {
|
||||
display: inline;
|
||||
line-height: 1.7em;
|
||||
|
|
@ -207,3 +249,12 @@ form.contest-join-pseudotab {
|
|||
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
#add-clarification {
|
||||
float: left;
|
||||
color: chartreuse;
|
||||
}
|
||||
|
||||
#add-clarification:hover {
|
||||
color: cyan;
|
||||
}
|
||||
|
|
|
|||
5408
resources/darkmode.css
Normal file
5408
resources/darkmode.css
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,41 +1,43 @@
|
|||
div.dmmd-preview {
|
||||
padding: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.dmmd-preview-update {
|
||||
background: #ccc;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
background: #ccc;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
div.dmmd-preview-content {
|
||||
padding: 0 7px;
|
||||
padding: 0 7px;
|
||||
}
|
||||
|
||||
div.dmmd-preview.dmmd-preview-has-content div.dmmd-preview-update {
|
||||
border-radius: 4px 4px 0 0;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
div.dmmd-preview-has-content div.dmmd-preview-content {
|
||||
padding-bottom: 7px;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
div.dmmd-no-button div.dmmd-preview-update {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.dmmd-no-button div.dmmd-preview-content {
|
||||
padding-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
div.dmmd-no-button:not(.dmmd-preview-has-content) {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.dmmd-preview-stale {
|
||||
background: repeating-linear-gradient(-45deg, #fff, #fff 10px, #f8f8f8 10px, #f8f8f8 20px);
|
||||
background: repeating-linear-gradient(-45deg, #fff, #fff 10px, #f8f8f8 10px, #f8f8f8 20px);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=dmmd-preview.css.map */
|
||||
|
|
|
|||
41
resources/dmmd-preview.scss
Normal file
41
resources/dmmd-preview.scss
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
div.dmmd-preview {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.dmmd-preview-update {
|
||||
background: #ccc;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
div.dmmd-preview-content {
|
||||
padding: 0 7px;
|
||||
}
|
||||
|
||||
div.dmmd-preview.dmmd-preview-has-content div.dmmd-preview-update {
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
div.dmmd-preview-has-content div.dmmd-preview-content {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
div.dmmd-no-button div.dmmd-preview-update {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.dmmd-no-button div.dmmd-preview-content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
div.dmmd-no-button:not(.dmmd-preview-has-content) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.dmmd-preview-stale {
|
||||
background: repeating-linear-gradient(-45deg, #fff, #fff 10px, #f8f8f8 10px, #f8f8f8 20px);
|
||||
}
|
||||
|
|
@ -27,3 +27,23 @@
|
|||
.org-field-wrapper:has(> input[type=checkbox]) {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.organization-row {
|
||||
display: block;
|
||||
padding: 0.5em;
|
||||
border-bottom: 1px gray solid;
|
||||
border-top: none;
|
||||
color: black;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.organization-row:hover {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
.organization-container {
|
||||
border: 1px gray solid;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
|
@ -1,172 +1,174 @@
|
|||
body
|
||||
{
|
||||
background-color: White;
|
||||
}
|
||||
|
||||
.wmd-panel
|
||||
{
|
||||
margin-left: 25%;
|
||||
margin-right: 25%;
|
||||
width: 50%;
|
||||
min-width: 500px;
|
||||
.wmd-panel {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.wmd-button-bar {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.wmd-input {
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid DarkGray;
|
||||
font-family: Consolas, "Liberation Mono", Monaco, "Courier New", monospace !important;
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid DarkGray;
|
||||
font-family: Consolas, "Liberation Mono", Monaco, "Courier New", monospace !important;
|
||||
}
|
||||
|
||||
.wmd-preview {
|
||||
background: none;
|
||||
word-wrap: break-word;
|
||||
background: none;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.wmd-button-row {
|
||||
margin: 10px 5px 5px;
|
||||
padding: 0;
|
||||
margin: 10px 5px 5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wmd-button {
|
||||
display: inline-flex;
|
||||
list-style: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 14px 14px;
|
||||
background-position: center;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
padding-left: 2px;
|
||||
padding-right: 3px;
|
||||
display: inline-flex;
|
||||
list-style: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 14px 14px;
|
||||
background-position: center;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
padding-left: 2px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.wmd-bold-button {
|
||||
background-image: url("pagedown/resources/bold.svg");
|
||||
background-image: url("/static/pagedown/resources/bold.svg");
|
||||
}
|
||||
|
||||
.wmd-italic-button {
|
||||
background-image: url("pagedown/resources/italic.svg");
|
||||
background-image: url("/static/pagedown/resources/italic.svg");
|
||||
}
|
||||
|
||||
.wmd-latex-button {
|
||||
background-image: url("pagedown/resources/latex.svg");
|
||||
background-image: url("/static/pagedown/resources/latex.svg");
|
||||
}
|
||||
|
||||
.wmd-latex-button-display {
|
||||
background-image: url("pagedown/resources/latex-display.svg");
|
||||
background-image: url("/static/pagedown/resources/latex-display.svg");
|
||||
}
|
||||
|
||||
.wmd-link-button {
|
||||
background-image: url("pagedown/resources/link.svg");
|
||||
background-image: url("/static/pagedown/resources/link.svg");
|
||||
}
|
||||
|
||||
.wmd-user-reference-button {
|
||||
background-image: url("pagedown/resources/user.svg");
|
||||
background-image: url("/static/pagedown/resources/user.svg");
|
||||
}
|
||||
|
||||
.wmd-quote-button {
|
||||
background-image: url("pagedown/resources/blockquote.svg");
|
||||
background-image: url("/static/pagedown/resources/blockquote.svg");
|
||||
}
|
||||
|
||||
.wmd-code-button {
|
||||
background-image: url("pagedown/resources/code.svg");
|
||||
background-image: url("/static/pagedown/resources/code.svg");
|
||||
}
|
||||
|
||||
.wmd-image-button {
|
||||
background-image: url("pagedown/resources/image.svg");
|
||||
background-image: url("/static/pagedown/resources/image.svg");
|
||||
}
|
||||
|
||||
.wmd-olist-button {
|
||||
background-image: url("pagedown/resources/olist.svg");
|
||||
background-size: 18px;
|
||||
background-image: url("/static/pagedown/resources/olist.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-ulist-button {
|
||||
background-image: url("pagedown/resources/ulist.svg");
|
||||
background-size: 18px;
|
||||
background-image: url("/static/pagedown/resources/ulist.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-heading-button {
|
||||
background-image: url("pagedown/resources/heading.svg");
|
||||
background-image: url("/static/pagedown/resources/heading.svg");
|
||||
}
|
||||
|
||||
.wmd-hr-button {
|
||||
background-image: url("pagedown/resources/hr.svg");
|
||||
background-image: url("/static/pagedown/resources/hr.svg");
|
||||
}
|
||||
|
||||
.wmd-undo-button {
|
||||
background-image: url("pagedown/resources/undo.svg");
|
||||
background-size: 18px;
|
||||
background-image: url("/static/pagedown/resources/undo.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-redo-button {
|
||||
background-image: url("pagedown/resources/redo.svg");
|
||||
background-size: 18px;
|
||||
background-image: url("/static/pagedown/resources/redo.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-admonition-button {
|
||||
background-image: url("/static/pagedown/resources/admonition.svg");
|
||||
}
|
||||
|
||||
.wmd-spoiler-button {
|
||||
background-image: url("/static/pagedown/resources/spoiler.svg");
|
||||
}
|
||||
|
||||
.wmd-button-active:hover {
|
||||
background-color: lightgray;
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
||||
.wmd-button-inactive {
|
||||
filter: invert(88%) sepia(1%) saturate(0%) hue-rotate(278deg) brightness(98%) contrast(91%);
|
||||
filter: invert(88%) sepia(1%) saturate(0%) hue-rotate(278deg) brightness(98%) contrast(91%);
|
||||
}
|
||||
|
||||
.wmd-spacer
|
||||
{
|
||||
display: inline-flex;
|
||||
width: 20px;
|
||||
.wmd-spacer {
|
||||
display: inline-flex;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.wmd-prompt-background {
|
||||
background-color: Black;
|
||||
background-color: Black;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog {
|
||||
border: 1px solid #999999;
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #999999;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > div {
|
||||
font-size: 0.8em;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > form > input[type="text"] {
|
||||
border: 1px solid #999999;
|
||||
color: black;
|
||||
.wmd-prompt-dialog > form > input[type=text] {
|
||||
border: 1px solid #999999;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > form > input[type="button"] {
|
||||
border: 1px solid #888888;
|
||||
font-family: trebuchet MS, helvetica, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
.wmd-prompt-dialog > form > input[type=button] {
|
||||
border: 1px solid #888888;
|
||||
font-family: trebuchet MS, helvetica, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wmd-wrapper {
|
||||
padding-right: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.wmd-preview {
|
||||
margin-top: 15px;
|
||||
padding: 7px;
|
||||
background: white;
|
||||
line-height: 1.5em;
|
||||
font-size: 1em;
|
||||
border: 1px solid #a9a9a9;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
margin-top: 15px;
|
||||
padding: 7px;
|
||||
background: white;
|
||||
line-height: 1.5em;
|
||||
font-size: 1em;
|
||||
border: 1px solid #a9a9a9;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wmd-preview:empty {
|
||||
display: none;
|
||||
}
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=pagedown_widget.css.map */
|
||||
|
|
|
|||
|
|
@ -1,173 +1,174 @@
|
|||
.wmd-panel {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.wmd-button-bar {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.wmd-input {
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid DarkGray;
|
||||
font-family: Consolas, "Liberation Mono", Monaco, "Courier New", monospace !important;
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid DarkGray;
|
||||
font-family: Consolas, "Liberation Mono", Monaco, "Courier New", monospace !important;
|
||||
}
|
||||
|
||||
.wmd-preview {
|
||||
background: none;
|
||||
word-wrap: break-word;
|
||||
background: none;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.wmd-button-row {
|
||||
margin: 10px 5px 5px;
|
||||
padding: 0;
|
||||
margin: 10px 5px 5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wmd-button {
|
||||
display: inline-flex;
|
||||
list-style: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 14px 14px;
|
||||
background-position: center;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
padding-left: 2px;
|
||||
padding-right: 3px;
|
||||
display: inline-flex;
|
||||
list-style: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 14px 14px;
|
||||
background-position: center;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
padding-left: 2px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.wmd-bold-button {
|
||||
background-image: url("pagedown/resources/bold.svg");
|
||||
background-image: url("/static/pagedown/resources/bold.svg");
|
||||
}
|
||||
|
||||
.wmd-italic-button {
|
||||
background-image: url("pagedown/resources/italic.svg");
|
||||
background-image: url("/static/pagedown/resources/italic.svg");
|
||||
}
|
||||
|
||||
.wmd-latex-button {
|
||||
background-image: url("pagedown/resources/latex.svg");
|
||||
background-image: url("/static/pagedown/resources/latex.svg");
|
||||
}
|
||||
|
||||
.wmd-latex-button-display {
|
||||
background-image: url("pagedown/resources/latex-display.svg");
|
||||
background-image: url("/static/pagedown/resources/latex-display.svg");
|
||||
}
|
||||
|
||||
.wmd-link-button {
|
||||
background-image: url("pagedown/resources/link.svg");
|
||||
background-image: url("/static/pagedown/resources/link.svg");
|
||||
}
|
||||
|
||||
.wmd-user-reference-button {
|
||||
background-image: url("pagedown/resources/user.svg");
|
||||
background-image: url("/static/pagedown/resources/user.svg");
|
||||
}
|
||||
|
||||
.wmd-quote-button {
|
||||
background-image: url("pagedown/resources/blockquote.svg");
|
||||
background-image: url("/static/pagedown/resources/blockquote.svg");
|
||||
}
|
||||
|
||||
.wmd-code-button {
|
||||
background-image: url("pagedown/resources/code.svg");
|
||||
background-image: url("/static/pagedown/resources/code.svg");
|
||||
}
|
||||
|
||||
.wmd-image-button {
|
||||
background-image: url("pagedown/resources/image.svg");
|
||||
background-image: url("/static/pagedown/resources/image.svg");
|
||||
}
|
||||
|
||||
.wmd-olist-button {
|
||||
background-image: url("pagedown/resources/olist.svg");
|
||||
background-size: 18px;
|
||||
background-image: url("/static/pagedown/resources/olist.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-ulist-button {
|
||||
background-image: url("pagedown/resources/ulist.svg");
|
||||
background-size: 18px;
|
||||
background-image: url("/static/pagedown/resources/ulist.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-heading-button {
|
||||
background-image: url("pagedown/resources/heading.svg");
|
||||
background-image: url("/static/pagedown/resources/heading.svg");
|
||||
}
|
||||
|
||||
.wmd-hr-button {
|
||||
background-image: url("pagedown/resources/hr.svg");
|
||||
background-image: url("/static/pagedown/resources/hr.svg");
|
||||
}
|
||||
|
||||
.wmd-undo-button {
|
||||
background-image: url("pagedown/resources/undo.svg");
|
||||
background-size: 18px;
|
||||
background-image: url("/static/pagedown/resources/undo.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-redo-button {
|
||||
background-image: url("pagedown/resources/redo.svg");
|
||||
background-size: 18px;
|
||||
background-image: url("/static/pagedown/resources/redo.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-admonition-button {
|
||||
background-image: url("pagedown/resources/admonition.svg");
|
||||
background-image: url("/static/pagedown/resources/admonition.svg");
|
||||
}
|
||||
|
||||
.wmd-spoiler-button {
|
||||
background-image: url("pagedown/resources/spoiler.svg");
|
||||
background-image: url("/static/pagedown/resources/spoiler.svg");
|
||||
}
|
||||
|
||||
.wmd-button-active:hover {
|
||||
background-color: lightgray;
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
||||
.wmd-button-inactive {
|
||||
filter: invert(88%) sepia(1%) saturate(0%) hue-rotate(278deg) brightness(98%) contrast(91%);
|
||||
filter: invert(88%) sepia(1%) saturate(0%) hue-rotate(278deg) brightness(98%) contrast(91%);
|
||||
}
|
||||
|
||||
.wmd-spacer
|
||||
{
|
||||
display: inline-flex;
|
||||
width: 20px;
|
||||
.wmd-spacer {
|
||||
display: inline-flex;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.wmd-prompt-background {
|
||||
background-color: Black;
|
||||
background-color: Black;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog {
|
||||
border: 1px solid #999999;
|
||||
background-color: #F5F5F5;
|
||||
border: 1px solid #999999;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > div {
|
||||
font-size: 0.8em;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > form > input[type="text"] {
|
||||
border: 1px solid #999999;
|
||||
color: black;
|
||||
.wmd-prompt-dialog > form > input[type=text] {
|
||||
border: 1px solid #999999;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > form > input[type="button"] {
|
||||
border: 1px solid #888888;
|
||||
font-family: trebuchet MS, helvetica, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
.wmd-prompt-dialog > form > input[type=button] {
|
||||
border: 1px solid #888888;
|
||||
font-family: trebuchet MS, helvetica, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wmd-wrapper {
|
||||
padding-right: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.wmd-preview {
|
||||
margin-top: 15px;
|
||||
padding: 7px;
|
||||
background: white;
|
||||
line-height: 1.5em;
|
||||
font-size: 1em;
|
||||
border: 1px solid #a9a9a9;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
margin-top: 15px;
|
||||
padding: 7px;
|
||||
background: white;
|
||||
line-height: 1.5em;
|
||||
font-size: 1em;
|
||||
border: 1px solid #a9a9a9;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wmd-preview:empty {
|
||||
display: none;
|
||||
}
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=pagedown_widget.css.map */
|
||||
|
|
|
|||
173
resources/pagedown_widget.scss
Normal file
173
resources/pagedown_widget.scss
Normal file
|
|
@ -0,0 +1,173 @@
|
|||
.wmd-panel {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.wmd-button-bar {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.wmd-input {
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border: 1px solid DarkGray;
|
||||
font-family: Consolas, "Liberation Mono", Monaco, "Courier New", monospace !important;
|
||||
}
|
||||
|
||||
.wmd-preview {
|
||||
background: none;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.wmd-button-row {
|
||||
margin: 10px 5px 5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wmd-button {
|
||||
display: inline-flex;
|
||||
list-style: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 14px 14px;
|
||||
background-position: center;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
padding-left: 2px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.wmd-bold-button {
|
||||
background-image: url("/static/pagedown/resources/bold.svg");
|
||||
}
|
||||
|
||||
.wmd-italic-button {
|
||||
background-image: url("/static/pagedown/resources/italic.svg");
|
||||
}
|
||||
|
||||
.wmd-latex-button {
|
||||
background-image: url("/static/pagedown/resources/latex.svg");
|
||||
}
|
||||
|
||||
.wmd-latex-button-display {
|
||||
background-image: url("/static/pagedown/resources/latex-display.svg");
|
||||
}
|
||||
|
||||
.wmd-link-button {
|
||||
background-image: url("/static/pagedown/resources/link.svg");
|
||||
}
|
||||
|
||||
.wmd-user-reference-button {
|
||||
background-image: url("/static/pagedown/resources/user.svg");
|
||||
}
|
||||
|
||||
.wmd-quote-button {
|
||||
background-image: url("/static/pagedown/resources/blockquote.svg");
|
||||
}
|
||||
|
||||
.wmd-code-button {
|
||||
background-image: url("/static/pagedown/resources/code.svg");
|
||||
}
|
||||
|
||||
.wmd-image-button {
|
||||
background-image: url("/static/pagedown/resources/image.svg");
|
||||
}
|
||||
|
||||
.wmd-olist-button {
|
||||
background-image: url("/static/pagedown/resources/olist.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-ulist-button {
|
||||
background-image: url("/static/pagedown/resources/ulist.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-heading-button {
|
||||
background-image: url("/static/pagedown/resources/heading.svg");
|
||||
}
|
||||
|
||||
.wmd-hr-button {
|
||||
background-image: url("/static/pagedown/resources/hr.svg");
|
||||
}
|
||||
|
||||
.wmd-undo-button {
|
||||
background-image: url("/static/pagedown/resources/undo.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-redo-button {
|
||||
background-image: url("/static/pagedown/resources/redo.svg");
|
||||
background-size: 18px;
|
||||
}
|
||||
|
||||
.wmd-admonition-button {
|
||||
background-image: url("/static/pagedown/resources/admonition.svg");
|
||||
}
|
||||
|
||||
.wmd-spoiler-button {
|
||||
background-image: url("/static/pagedown/resources/spoiler.svg");
|
||||
}
|
||||
|
||||
.wmd-button-active:hover {
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
||||
.wmd-button-inactive {
|
||||
filter: invert(88%) sepia(1%) saturate(0%) hue-rotate(278deg) brightness(98%) contrast(91%);
|
||||
}
|
||||
|
||||
.wmd-spacer
|
||||
{
|
||||
display: inline-flex;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.wmd-prompt-background {
|
||||
background-color: Black;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog {
|
||||
border: 1px solid #999999;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > div {
|
||||
font-size: 0.8em;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > form > input[type="text"] {
|
||||
border: 1px solid #999999;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.wmd-prompt-dialog > form > input[type="button"] {
|
||||
border: 1px solid #888888;
|
||||
font-family: trebuchet MS, helvetica, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wmd-wrapper {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.wmd-preview {
|
||||
margin-top: 15px;
|
||||
padding: 7px;
|
||||
background: white;
|
||||
line-height: 1.5em;
|
||||
font-size: 1em;
|
||||
border: 1px solid #a9a9a9;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wmd-preview:empty {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -234,6 +234,70 @@ ul.problem-list {
|
|||
.submit-bar {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#submit-wrapper {
|
||||
margin-top: 0.7em;
|
||||
}
|
||||
|
||||
#submit-wrapper #editor, #submit-wrapper #language {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#id_language {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#result-version-info {
|
||||
border-bottom: 1px solid rgb(148, 148, 148);
|
||||
margin: 0px 1em;
|
||||
color: #757575;
|
||||
font-weight: 600;
|
||||
padding: 0.2em 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#language-select2 .select2-results__message {
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
#language-select2.select2-dropdown--above {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
#language-select2 .select2-results__option {
|
||||
color: #757575 !important;
|
||||
background: white !important;
|
||||
}
|
||||
|
||||
#language-select2 .select2-results__option--highlighted {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#language-select2 .select2-results__option[aria-selected=true] {
|
||||
font-weight: bold;
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
#language-select2 .select2-results__option {
|
||||
padding: 4px 0px;
|
||||
}
|
||||
|
||||
#language-select2 .select2-results__options {
|
||||
overflow-y: visible !important;
|
||||
}
|
||||
|
||||
#language-select2 .select2-results__option {
|
||||
break-inside: avoid-column;
|
||||
}
|
||||
|
||||
#language-select2 .select2-results {
|
||||
-webkit-columns: 10 7em;
|
||||
-moz-columns: 10 7em;
|
||||
columns: 10 7em;
|
||||
padding-left: 1.5em;
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 550px) {
|
||||
|
|
@ -329,6 +393,40 @@ ul.problem-list {
|
|||
color: darkblue;
|
||||
}
|
||||
|
||||
.problem-data-form {
|
||||
.bad-file input, .bad-file .select2-selection {
|
||||
border-color: red;
|
||||
}
|
||||
}
|
||||
|
||||
.problem-clarification {
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
#clarification_header {
|
||||
color: red;
|
||||
cursor: pointer;
|
||||
}
|
||||
#clarification_header:hover {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
#comment-announcement {
|
||||
margin-top: 1em;
|
||||
background-color: lightgray;
|
||||
border-radius: 30px;
|
||||
padding: 0.5em;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
color: dimgrey;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#comment-announcement:hover {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
@media (max-width: 799px) {
|
||||
.problem-middle-right {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -42,3 +42,11 @@
|
|||
background: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.judge-online {
|
||||
color:#44AD41;
|
||||
}
|
||||
|
||||
.judge-offline {
|
||||
color:#DE2121;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,3 +14,6 @@
|
|||
@import "misc";
|
||||
@import "chatbox";
|
||||
@import "organization";
|
||||
@import "ticket";
|
||||
@import "pagedown_widget";
|
||||
@import "dmmd-preview";
|
||||
|
|
|
|||
176
resources/ticket.scss
Normal file
176
resources/ticket.scss
Normal file
|
|
@ -0,0 +1,176 @@
|
|||
.ticket-container {
|
||||
#content > h2:first-child small {
|
||||
color: #999;
|
||||
font-size: 0.9em;
|
||||
margin-left: 0.3em;
|
||||
}
|
||||
|
||||
#content > h2:first-child .status, #content > h2:first-child .title {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#content > h2:first-child .fa-check-circle-o {
|
||||
color: #00a900;
|
||||
}
|
||||
|
||||
#content > h2:first-child .fa-exclamation-circle {
|
||||
color: darkred;
|
||||
}
|
||||
|
||||
.ticket-container {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap-reverse;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.ticket-sidebar {
|
||||
flex: 1;
|
||||
padding: 10px 0 0 10px;
|
||||
min-width: 150px;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.ticket-info {
|
||||
position: sticky;
|
||||
top: 60px;
|
||||
}
|
||||
|
||||
.ticket-messages {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.info-box {
|
||||
margin: 5px 0 10px;
|
||||
border: 1px #999 solid;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.info-title {
|
||||
padding: 2px 5px;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px #999 solid;
|
||||
background: #eee;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.info-data {
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.info-empty {
|
||||
color: #999;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.close-ticket {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background: linear-gradient(to bottom, #4bad00 0%, #278811 100%);
|
||||
border-color: #24710e;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.close-ticket:hover {
|
||||
background: #24710e;
|
||||
}
|
||||
|
||||
.open-ticket {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background: linear-gradient(to bottom, #ff130f, #b03d17);
|
||||
border-color: #853011;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.open-ticket:hover {
|
||||
background: #853011;
|
||||
}
|
||||
|
||||
a.edit-notes {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#ticket-notes .info-real :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#ticket-notes .info-real :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.message {
|
||||
margin-top: -40px;
|
||||
padding-top: 55px;
|
||||
}
|
||||
|
||||
.message .info {
|
||||
}
|
||||
|
||||
.message .username {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.message .gravatar {
|
||||
width: 40px;
|
||||
border-radius: 4px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.message .message-date, .message .message-time {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.message .detail {
|
||||
border: 1px #999 solid;
|
||||
border-radius: 5px;
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.message .header {
|
||||
background: #eee;
|
||||
color: #777;
|
||||
border-bottom: 1px solid #999;
|
||||
border-radius: 5px 5px 0 0;
|
||||
padding: 2px 7px;
|
||||
display: inline-flex;
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
|
||||
.message .send-time {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.message .content {
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.message .content :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.message .content :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.new-message .detail {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.new-message .submit, #edit-notes .submit {
|
||||
margin: 10px 0 0 auto;
|
||||
}
|
||||
|
||||
.user-container {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.user-container .username {
|
||||
padding-left: 0.5em;
|
||||
padding-top: 1.65em;
|
||||
}
|
||||
}
|
||||
|
|
@ -43,9 +43,14 @@ th.header.rank {
|
|||
}
|
||||
|
||||
#users-table {
|
||||
.username {
|
||||
th a, th a:link, th a:visited {
|
||||
color: white;
|
||||
}
|
||||
|
||||
th a:hover {
|
||||
color: #0F0;
|
||||
}
|
||||
|
||||
.about-column {
|
||||
width: 30%;
|
||||
}
|
||||
|
|
@ -81,6 +86,74 @@ th.header.rank {
|
|||
background: #fff897;
|
||||
}
|
||||
}
|
||||
|
||||
.organization-column a {
|
||||
color: gray !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.disqualified {
|
||||
background-color: #ffa8a8 !important;
|
||||
}
|
||||
|
||||
.frozen {
|
||||
background: lightskyblue !important;
|
||||
}
|
||||
|
||||
.full-score, .full-score a {
|
||||
font-weight: bold;
|
||||
color: green;
|
||||
}
|
||||
|
||||
.partial-score, .partial-score a {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.failed-score, .failed-score a {
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.pretest-full-score, .pretest-full-score a {
|
||||
font-weight: bold;
|
||||
color: #2980b9;
|
||||
}
|
||||
|
||||
.pretest-partial-score, .pretest-partial-score a {
|
||||
color: #2980b9;
|
||||
}
|
||||
|
||||
.pretest-failed-score, .pretest-failed-score a {
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.user-points {
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.solving-time {
|
||||
color: gray;
|
||||
font-weight: normal;
|
||||
font-size: 0.75em;
|
||||
padding-bottom: -0.75em;
|
||||
}
|
||||
|
||||
.point-denominator {
|
||||
border-top: 1px solid gray;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.fullname-column {
|
||||
text-align: right !important;
|
||||
border-right: none !important;
|
||||
}
|
||||
|
||||
.fullname-column span {
|
||||
color: gray !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
#search-form {
|
||||
|
|
@ -398,4 +471,12 @@ a.edit-profile {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-info-header {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.user-stat-header {
|
||||
color: gray;
|
||||
}
|
||||
|
|
@ -596,4 +596,138 @@ ul.select2-selection__rendered {
|
|||
|
||||
.control-button:hover {
|
||||
background: gray;
|
||||
}
|
||||
|
||||
.registration-form {
|
||||
.sortedm2m-container, .sortedm2m-container p.selector-filter {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.sortedm2m-container p.selector-filter input {
|
||||
width: 262px;
|
||||
}
|
||||
|
||||
ul.sortedm2m {
|
||||
width: 284px;
|
||||
min-height: 100px;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.sortedm2m-container, .sortedm2m-container p.selector-filter {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.sortedm2m-container p.selector-filter input {
|
||||
width: 262px;
|
||||
}
|
||||
|
||||
ul.sortedm2m {
|
||||
width: 284px;
|
||||
min-height: 70px;
|
||||
max-height: 200px;
|
||||
height: 70px
|
||||
}
|
||||
|
||||
.inline-header {
|
||||
float: left;
|
||||
font-size: 1.1em;
|
||||
padding: 4px 8px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.block-header {
|
||||
color: #555;
|
||||
font-size: 1.1em;
|
||||
font-weight: 600;
|
||||
padding-bottom: 0.2em;
|
||||
padding-left: 2px;
|
||||
margin-top: 0.75em
|
||||
}
|
||||
|
||||
.fullwidth {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fullwidth input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fullwidth-error input {
|
||||
width: 100%;
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
.form-field-error {
|
||||
color: red;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.7em;
|
||||
padding-left: 0.6em;
|
||||
}
|
||||
|
||||
#edit-form {
|
||||
border: unset;
|
||||
background: unset;
|
||||
max-width: 450px;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
ul.errorlist {
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.full-textfield {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
|
||||
.tos-section {
|
||||
display: inline-block;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.pass-req {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#center-float {
|
||||
display: inline-block;
|
||||
text-align: initial;
|
||||
max-width: 450px;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
#login-panel {
|
||||
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 5em auto auto -10em;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
|
||||
h4 {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.social {
|
||||
display: inline;
|
||||
font-size: 2.3em;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.google-icon i {
|
||||
color: #DD4B38;
|
||||
}
|
||||
|
||||
.facebook-icon i {
|
||||
color: #133783;
|
||||
}
|
||||
|
||||
.github-icon i {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue