diff --git a/contest.html b/contest.html index a333a28..976f590 100644 --- a/contest.html +++ b/contest.html @@ -5,7 +5,7 @@ - + Codeforces Contest Helper - +
diff --git a/css/client.css b/css/client.css index 529f662..db63c8e 100644 --- a/css/client.css +++ b/css/client.css @@ -1,23 +1,12 @@ -@font-face { - font-family: 'Consolas'; - src: url('../fonts/Consolas.ttf') format('truetype'); -} -@font-face { - font-family: 'Verdana'; - src: url('../fonts/Verdana.ttf') format('truetype'); -} -@font-face { - font-family: 'VerdanaBold'; - src: url('../fonts/VerdanaBold.ttf') format('truetype'); +:root{ + --font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif; + --editor-font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif; } body{ transition: background-color 0.3s, color 0.3s; overflow: hidden; margin: 0px; -} -:root{ - --font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif; - --editor-font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif; + color: var(--major-font-color); } .HtmlContainer{ width: 1000px; @@ -32,6 +21,7 @@ body{ border-radius: 5px; display: flex; flex-direction: column; + background: var(--major-background-color); } .NavBar{ position: relative; @@ -48,9 +38,15 @@ body{ place-items: center; cursor: pointer; } +.NavBarContent:hover{ + background: var(--navbar-hover-color); +} .NavBarContent > div > i{ font-size: 23px; } +.NavBarChosen, .InnerContent{ + background: var(--navbar-chosen-color); +} .NavBarContent > div > div{ overflow: hidden; margin-top: 5px; @@ -67,6 +63,9 @@ body{ max-height: 18px; opacity: 1; } +.NavBarCurr{ + background: var(--current-navbar-color); +} .ToolList{ -webkit-app-region: drag; position: relative; @@ -76,6 +75,9 @@ body{ margin: 8px 12px; font-size: 14px; } +.ToolListMinimize:hover{ + background: var(--topbar-hover-color); +} .ToolListButton{ -webkit-app-region: no-drag; cursor: pointer; @@ -149,6 +151,7 @@ body{ .DividerLine{ width: 2px; flex: 1; + background: var(--single-divider-line-color); } .DividerContent{ font-size: 18px; @@ -237,6 +240,7 @@ body{ font-size: 26px; width: 700px; margin-left: 10px; + border-bottom: 1px solid var(--single-username-border-bottom-color); } .singleRatingDisplayer{ font-size: 16px; @@ -283,6 +287,7 @@ body{ border-radius: 3px; width: 100%; height: 18px; + background: var(--single-progress-bar-background-color); } .singleContestProgressRatingChangesDisplayer{ font-size: 16px; @@ -337,6 +342,9 @@ body{ font-size: 18px !important; text-align: center; } +.singleMemoryUsed > span{ + border-bottom: 1px solid var(--single-memory-used-border-bottom-color); +} .singleOpenSmallWindow{ cursor: pointer; right: 10px; @@ -351,11 +359,14 @@ body{ left: 50px; transition: opacity 0.3s, border 0.6s, width 0.6s, height 0.6s, left 0s, top 0s; transform: translate(-50%, -50%); + background: var(--single-long-press-progress-circle-color); + border: 15px solid var(--single-long-press-progress-background-color); } .singleHeadBackProgress.selected{ width: 30px; height: 30px; opacity: 1; + border: 0 solid var(--single-long-press-progress-background-color); } .singleHeadBack > span{ position: absolute; @@ -441,6 +452,13 @@ body{ display: grid; place-items: center; font-size: 16px; + background: var(--single-switch-buttons-background-color); +} +.selectButton:hover{ + background: var(--single-switch-buttons-hover-background-color); +} +.selectButton.selected{ + background: var(--single-switch-buttons-selected-background-color); } .singleRankInfoContainer{ flex: 1; @@ -467,6 +485,7 @@ body{ border-radius: 5px; padding: 5px 15px; margin: 5px 0px; + background: var(--single-rank-delta-background-color); } .singleRankChangesDisplayer > span{ display: inline-block; @@ -489,7 +508,7 @@ body{ height: 100%; display: grid; place-items: center; - background: rgba(0, 0, 0, 0.9); + background:var(--loading-interface-background-color); } .loadingInterface > div{ text-align: center; @@ -527,6 +546,7 @@ img[src=""],img:not([src]){opacity:0;} top: 0px; height: 100%; border-radius: 3px; + background: var(--single-progress-bar-color); } .singleContestProgressInfo{ width: 100%; @@ -559,6 +579,7 @@ img[src=""],img:not([src]){opacity:0;} left: 15%; z-index: 2; opacity: 1; + background: var(--single-progress-bar-poptip-background-color); } .singleContestPoptip.closed{ top: -10px; @@ -573,6 +594,7 @@ img[src=""],img:not([src]){opacity:0;} position: absolute; bottom: -20px; left: calc(50% - 10px); + border-color: var(--single-progress-bar-poptip-background-color) transparent transparent transparent; } .singleContestProgressInner > *{ display: inline-block; @@ -623,6 +645,7 @@ img[src=""],img:not([src]){opacity:0;} padding-top: 15px; text-align: center; font-size: 16px; + background: var(--single-grid-mode-background-color); } .singleProblemlistDisplayerGridItem > div:last-child{ font-size: 13px; @@ -638,6 +661,7 @@ img[src=""],img:not([src]){opacity:0;} transform: translate(-50%, -50%); border-radius: 5px; padding: 0px 10px; + background: var(--single-grid-mode-index-background-color); } .singleProblemlistBottom{ width: 100%; @@ -645,6 +669,7 @@ img[src=""],img:not([src]){opacity:0;} border-bottom-right-radius: 5px; display: flex; flex-direction: row; + background: var(--single-problem-list-infobar-background-color); } .singleProblemlistBottom > div{ flex: 1; @@ -664,6 +689,14 @@ img[src=""],img:not([src]){opacity:0;} width: calc(100% - 20px - 20px); cursor: pointer; } +.singleProblemlistDisplayListItemInfo, .singleProblemlistDisplayListItemStatus, .singleProblemlistDisplayEventItem{ + background: var(--single-list-event-mode-block-background-color); +} +.singleProblemlistDisplayListItemInfo:hover, +.singleProblemlistDisplayListItemStatus:hover, +.singleProblemlistDisplayEventItem:hover{ + background: var(--single-list-event-mode-block-hover-background-color); +} .singleProblemlistDisplayListItemInfo > div{ text-align: center; } @@ -711,6 +744,7 @@ img[src=""],img:not([src]){opacity:0;} overflow: hidden; display: flex; flex-direction: row; + background: var(--single-list-mode-progress-bar-background-color); } .singleProblemlistDisplayListItemProgress > span{ display: inline-block; @@ -797,6 +831,16 @@ img[src=""],img:not([src]){opacity:0;} width: calc(100% - 450px); position: relative; } +.submissionDisplayer > div:first-child > div:first-child, +.submissionCodeDisplayer, .eventDisplayer, .userInfoDisplayer{ + background: var(--pop-out-block-background-color); +} +.eventCloseButton, .userInfoCloseButton{ + background: var(--pop-out-block-closer-background-color); +} +.eventCloseButton:hover, .userInfoCloseButton:hover{ + background: var(--pop-out-block-closer-hover-background-color); +} .eventCloseButton, .userInfoCloseButton{ position: absolute; right: 15px; @@ -1139,6 +1183,31 @@ pre{ width: 30px; text-align: center; } +.settingsRadioInfoAddition, .settingsSelectInfoAddition, .settingsSelectBigInfoAddition, .settingsInputInfoAddition, .pageSmallTip{ + color: var(--settings-comment-color); +} +.settingsSelectPart > div:first-child:hover, .settingsSelectPart > div:last-child:hover, +.settingsSelectBigPart > div:first-child:hover, .settingsSelectBigPart > div:last-child:hover{ + background: var(--settings-select-button-hover-background-color); +} +.settingsSelectPartLeft.closed, .settingsSelectPartRight.closed, +.settingsSelectBigPartLeft.closed, .settingsSelectBigPartRight.closed{ + color: var(--settings-unclickable-button-color); + cursor: default; +} +.settingsInputPartContent{ + background: var(--settings-input-background); + border: 0; + border-bottom: 1px solid var(--settings-input-border-bottom-color); + color: var(--major-font-color); + outline: none; +} +.settingsLoginButton, .settingsLoginType{ + color: var(--major-font-color); +} +.settingsSelectBigPartContent{ + background: var(--settings-select-background-color); +} /* SEARCH */ @@ -1310,13 +1379,166 @@ pre{ - +/* PROBLEM */ +.profileSubmissionPoptip{ + z-index: 3; + pointer-events: none; + transition: 0s; + position: absolute; + width: 170px; + height: 24px; + display: grid; + place-items: center; + border-radius: 3px; + z-index: 2; + opacity: 1; + top: 0px; + left: 0px; + background: var(--profile-page-poptip-background-color); +} +.profileSubmissionPoptip.closed{ + opacity: 0; +} +.profileSubmissionPoptipTail{ + pointer-events: none; + content: ''; + width: 0; + height: 0; + border: 5px solid; + position: absolute; + bottom: -10px; + left: calc(50% - 5px); + border-color: var(--profile-page-poptip-background-color) transparent transparent transparent; +} +.probpageProblemMain{ + flex: 1; + padding: 5px 10px; + border-radius: 5px; + width: calc(100% - 50px); + height: 20px; + overflow-y: auto; +} +.probpageProblemBlock{ + width: calc(100% - 10px); + border: 3px 5px; + display: flex; + flex-direction: row; + font-size: 16px; + margin: 5px 0px; +} +.probpageProblemTags{ + width: calc(100% - 10px); + text-align: right; + font-size: 16px; + margin: 5px 0px; +} +.probpageProblemTags > .probpageTagBox{ + margin: 0px 3px !important; + font-size: 12px !important; +} +.probpageProblemSummary{ + align-items: center; + padding: 5px 10px; + border-radius: 5px; + width: calc(100% - 50px); + height: 20px; + margin: 20px 10px; + margin-top: 10px; + display: flex; + flex-direction: row; +} +.probpageTagsBarContent:hover{ + opacity: 0.7; +} +.probpageTagsDisplayer{ + margin-top: 10px; + padding: 5px 10px; + border-radius: 5px; + width: calc(100% - 50px); + height: 100px; + overflow-y: auto; +} +.probpageTagBox{ + display: inline-block; + margin: 3px; + padding: 3px 5px; + border-radius: 5px; + cursor: pointer; +} +.probpageSelectIf{ + transition: 0.3s; + height: 20px; + width: 20px; + border-radius: 10px; + margin: 0px 3px; + cursor: pointer; + display: grid; + place-items: center; + font-size: 14px; +} +.probpageRatingGraph{ + border-radius: 5px; + margin: 15px; + width: calc(100% - 50px); + padding: 10px; + height: 100px; + position: relative; +} /* PROFILE */ +.profileSubmissionGraphSelector{ + z-index: 1; + background: var(--profile-page-submission-graph-selection-background-color); + position: absolute; + height: 16px; + width: 16px; +} +.profileSubmissionGraph{ + margin: 10px; + height: calc(7 * 16px + 40px); + width: calc(100% - 30px); + border-radius: 5px; + position: relative; +} +.profileSubmissionGraphSelection{ + text-align: center; + margin: 10px; + width: calc(100% - 30px); + height: 35px; + border-radius: 5px; + margin-right: 0px; + margin-bottom: 0px; + overflow-x: scroll; + white-space: nowrap; +} +.profileSubmissionGraphSelectionBlock{ + cursor: pointer; + display: inline-block; + margin: 0px 5px; + transition: 0.3s; + background: var(--profile-page-submittion-graph-choser-background-color); + padding: 3px 5px; + font-size: 14px; + border-radius: 5px; +} +.profileSubmissionGraphSelectionBlock:hover{ + background: var(--profile-page-submittion-graph-choser-hover-background-color); +} +.profileSubmissionGraphSelectionBlock.selected{ + background: var(--profile-page-submittion-graph-choser-chosen-background-color); +} +.profileSubmissionsList{ + flex: 1; + overflow-y: auto; + width: calc(100% - 45px); + padding: 5px 10px; + border-radius: 5px; + padding-right: 5px; +} .profileTagsBar{ width: calc(100% - 50px); height: 10px; @@ -1335,7 +1557,7 @@ pre{ height: 20px; overflow-y: auto; } -.profileProblemBlock{ +.profileProblemBlock, .profileSubmissionBlock{ width: calc(100% - 10px); border: 3px 5px; display: flex; @@ -1353,8 +1575,8 @@ pre{ margin: 0px 3px !important; font-size: 12px !important; } -.profileProblemSummary{ - justify-content: center; +.profileProblemSummary, .profileSubmissionsSummary{ + align-items: center; padding: 5px 10px; border-radius: 5px; width: calc(100% - 50px); @@ -1385,6 +1607,17 @@ pre{ border-radius: 5px; cursor: pointer; } +.profileSelectIf{ + transition: 0.3s; + height: 20px; + width: 20px; + border-radius: 10px; + margin: 0px 3px; + cursor: pointer; + display: grid; + place-items: center; + font-size: 14px; +} .profileRatingGraph{ border-radius: 5px; margin: 15px; @@ -1443,17 +1676,6 @@ pre{ place-items: center; outline: 0; } -.profileSelectIf{ - transition: 0.3s; - height: 20px; - width: 20px; - border-radius: 10px; - margin: 0px 3px; - cursor: pointer; - display: grid; - place-items: center; - font-size: 14px; -} .setInlineBlock{ @@ -1513,4 +1735,209 @@ pre{ } ::-webkit-scrollbar{ transition: 0.3s; -} \ No newline at end of file +} +/* for block of numbers */ +.hljs-ln-numbers { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + text-align: right; + vertical-align: top; + padding-right: 10px !important; + + /* your custom style here */ +} + + +/* CSS */ + +.searchPageTop, .searchPageTip{ + background: var(--contest-info-bar-background-color); +} +.searchArgumentsChoser{ + background: var(--contest-sort-block-background-color); +} +.searchArgumentsItem{ + background: var(--contest-button-background-color); +} +.searchArgumentsItem.chosen{ + background: var(--contest-button-chosen-background-color); +} +.searchPagesButton:hover +, .multiPagePrev:hover, .multiPageNext:hover +, .multiPageSelecter > .number:hover, .multiPageSelecter > .number.chosen +, .multiUnofficialSelecter > span:hover, .multiUnofficialSelecter > span.chosen{ + background: var(--contest-button-hover-background-color); +} +.contestInfoCard:hover{ + border-left-color: var(--contest-list-selection-border-left-color); +} +.highlightedContestList{ + background: var(--contest-list-highlighted-background-color); +} +.multiSettingsBar{ + background: var(--multi-info-bar-background-color); +} +.multiOddLine{ + background: var(--multi-list-highlighted-background-color); +} +.infoBlock{ + background: var(--profile-page-block-background-color); +} +.infoBlockTitle{ + background: var(--profile-page-block-title-background-color); +} +.modulesBlock{ + background: var(--modules-block-background-color); +} +.profileTagsDisplayer, .profileRatingGraph, .profileProblemSummary, .profileProblemMain, .profileSubmissionGraph, .profileSubmissionsList, .profileSubmissionsSummary{ + background: var(--problist-block-background-color); +} +.profileSelectIf:hover{ + background: var(--problist-sort-button-hover-background-color); +} +.profileSelectIf.selected{ + background: var(--problist-sort-button-selected-background-color); +} +.probpageTagsDisplayer, .probpageRatingGraph, .probpageProblemSummary, .probpageProblemMain{ + background: var(--problist-block-background-color); +} +.probpageSelectIf:hover{ + background: var(--problist-sort-button-hover-background-color); +} +.probpageSelectIf.selected{ + background: var(--problist-sort-button-selected-background-color); +} +.infoChangeUsernameInterface{ + background: var(--pop-out-block-background-color); +} +.inputButtonSplitter > button{ + border: 1px solid grey; + color: var(--major-font-color); +} +.inputButtonSplitter > input{ + border: 0; + border-bottom: 1px solid grey; + color: var(--major-font-color); + outline: none; +} +.blockManager{ + background: var(--single-block-background-color); +} +.blockManagerTitle{ + background: var(--single-block-title-background-color); +} +.folderButton{ + background: var(--single-block-expand-button-background-color); +} +.folderButton:hover{ + background: var(--single-block-expand-hover-button-background-color); +} + + +.bigInputArea>input{ + background: transparent; + border: 1px solid grey; + color: var(--major-font-color); +} +.bigButton{ + background: transparent; + border: 1px solid grey; + color: var(--major-font-color); +} +::-webkit-scrollbar:hover{ + background-color: var(--scroll-bar-hover-color); +} +::-webkit-scrollbar-thumb{ + background-color: var(--scroll-bar-thumb-color); +} +.primaryColor{ + background: var(--primary-color); + transition: 0.2s; + color: white; +} +.primaryColor:hover{ + background: var(--primary-hover-color); +} +.dangerColor{ + background: var(--danger-color); + transition: 0.2s; + color: white; +} +.dangerColor:hover{ + background: var(--danger-hover-color); +} +.warningColor{ + background: var(--warning-color); + transition: 0.2s; + color: white; +} +.warningColor:hover{ + background: var(--warning-hover-color); +} +.successColor{ + background: var(--success-color); + transition: 0.2s; + color: white; +} +.successColor:hover{ + background: var(--success-hover-color); +} +.loadingColor{ + background: var(--loading-color); + transition: 0.2s; + color: white; +} +.loadingColor:hover{ + background: var(--loading-hover-color); +} +.red{ + color: var(--red-font-color); +} +.green{ + color: var(--green-font-color); +} + +.user-legendary, .user-igramdmaster, .user-grandmaster { + color: var(--user-red-color); + font-weight: 600; +} +.user-legendary:first-letter{ + color: var(--major-font-color); +} +.user-master, .user-imaster { + color: var(--user-orange-color); + font-weight: 600; +} +.user-cmaster { + color: var(--user-purple-color); + font-weight: 600; +} +.user-expert { + color: var(--user-blue-color); + font-weight: 600; +} +.user-specialist { + color: var(--user-cyan-color); + font-weight: 600; +} +.user-pupil { + color: var(--user-green-color); + font-weight: 600; +} +.user-newbie { + color: var(--user-grey-color); + font-weight: 600; +} +.user-unrated { + color: var(--major-font-color); +} + +.highcharts-background{ + background: var(--graphs-background-color) !important; +} +::selection { background: var(--selection-background-color); } \ No newline at end of file diff --git a/css/contest/client.css b/css/contest.css similarity index 53% rename from css/contest/client.css rename to css/contest.css index ee6b8aa..ef9cc73 100644 --- a/css/contest/client.css +++ b/css/contest.css @@ -1,148 +1,247 @@ -@font-face { - font-family: 'Consolas'; - src: url('../../fonts/Consolas.ttf') format('truetype'); -} -@font-face { - font-family: 'Verdana'; - src: url('../../fonts/Verdana.ttf') format('truetype'); -} -@font-face { - font-family: 'VerdanaBold'; - src: url('../../fonts/VerdanaBold.ttf') format('truetype'); -} -body{ - transition: background-color 0.3s, color 0.3s; - overflow: hidden; - margin: 0px; -} -:root{ - --font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono','Monospace', sans-serif; -} -.HtmlContainer{ - margin: 0px; - user-select:none; - font-size: 14px; - font-family: var(--font-family); - -webkit-app-region: drag; - transition: background-color 0.3s, color 0.3s; - border-radius: 5px; - display: inline-flex; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - flex-direction: column; - padding: 10px; - border-radius: 10px; - width: 320px; -} -.mainWrapper{ - display: flex; - flex: 1; - flex-direction: row; -} -.innerContent{ - flex: 1; - margin: 0px 10px; -} -.singleContestProgressBackground{ - transition: 0.2s; - position: absolute; - left: 0px; - top: 0px; - height: 100%; - border-radius: 3px; -} -.singleContestProgressInfo{ - width: 100%; - height: 100%; - position: relative; - overflow-x: hidden; - z-index: 3; -} -.singleContestProgressPart{ - position: absolute; - top: 0px; - width: 4px; - height: 100%; - left: 0px; - transform: translate(-50%, 0%); -} -.styleBlock{ - position: relative; - font-size: 15px; - margin-top: 10px; - border-radius: 10px; - height: 69px; - padding: 8px; -} -.rankDisplayer{ - text-align: center; -} -.rankDisplayer > div{ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 90%; -} -.currentRank{ - font-size: 24px; -} -.currentRankDelta{ - font-size: 16px; - margin-left: 5px; -} -.currentRankDelta > i{ - margin-right: 5px; -} -.smallSubmissionInfo{ - font-size: 14px; - width: 22px; - height: 22px; - border-radius: 11px; - position: relative !important; - display: inline-block; - margin: 1px; -} -.smallSubmissionInfo > *{ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} -.idleColor{ - width: 20px !important; - height: 20px !important; -} - - - - - - - - -img[src=""],img:not([src]){opacity:0;} -.singleUserAvatar{ - margin-right: 10px; - width: 45px; - height: 45px; - border-radius: 10px; -} -.singleContestProgressBarDisplayer{ - position: relative; - border-radius: 3px; - width: 100%; - height: 18px; - margin-bottom: 10px; -} -.singleContestProgressRatingChangesDisplayer{ - font-size: 16px; - width: 100%; - height: 22px; - padding-top: 4px; -} -.singleContestProgressRatingChangesDisplayer > span{ - display: block; -} \ No newline at end of file +@font-face { + font-family: 'Consolas'; + src: url('../../fonts/Consolas.ttf') format('truetype'); +} +@font-face { + font-family: 'Verdana'; + src: url('../../fonts/Verdana.ttf') format('truetype'); +} +@font-face { + font-family: 'VerdanaBold'; + src: url('../../fonts/VerdanaBold.ttf') format('truetype'); +} +body{ + transition: background-color 0.3s, color 0.3s; + overflow: hidden; + margin: 0px; + color: var(--major-font-color); +} +:root{ + --font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif; +} +.HtmlContainer{ + margin: 0px; + user-select:none; + font-size: 14px; + font-family: var(--font-family); + -webkit-app-region: drag; + transition: background-color 0.3s, color 0.3s; + border-radius: 5px; + display: inline-flex; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + flex-direction: column; + padding: 10px; + border-radius: 10px; + width: 320px; + background: var(--major-background-color); +} +.mainWrapper{ + display: flex; + flex: 1; + flex-direction: row; +} +.innerContent{ + flex: 1; + margin: 0px 10px; +} +.singleContestProgressBackground{ + transition: 0.2s; + position: absolute; + left: 0px; + top: 0px; + height: 100%; + border-radius: 3px; + background: var(--single-progress-bar-color); +} +.singleContestProgressInfo{ + width: 100%; + height: 100%; + position: relative; + overflow-x: hidden; + z-index: 3; +} +.singleContestProgressPart{ + position: absolute; + top: 0px; + width: 4px; + height: 100%; + left: 0px; + transform: translate(-50%, 0%); +} +.styleBlock{ + position: relative; + font-size: 15px; + margin-top: 10px; + border-radius: 10px; + height: 69px; + padding: 8px; + background: var(--contest-window-block-background-color); +} +.rankDisplayer{ + text-align: center; +} +.rankDisplayer > div{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 90%; +} +.currentRank{ + font-size: 24px; +} +.currentRankDelta{ + font-size: 16px; + margin-left: 5px; +} +.currentRankDelta > i{ + margin-right: 5px; +} +.smallSubmissionInfo{ + font-size: 14px; + width: 22px; + height: 22px; + border-radius: 11px; + position: relative !important; + display: inline-block; + margin: 1px; +} +.smallSubmissionInfo > *{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.idleColor{ + width: 20px !important; + height: 20px !important; + border: 1px solid grey; +} + + + + + + + + +img[src=""],img:not([src]){opacity:0;} +.singleUserAvatar{ + margin-right: 10px; + width: 45px; + height: 45px; + border-radius: 10px; +} +.singleContestProgressBarDisplayer{ + position: relative; + border-radius: 3px; + width: 100%; + height: 18px; + margin-bottom: 10px; + background: var(--single-progress-bar-background-color); +} +.singleContestProgressRatingChangesDisplayer{ + font-size: 16px; + width: 100%; + height: 22px; + padding-top: 4px; +} +.singleContestProgressRatingChangesDisplayer > span{ + display: block; +} + +::-webkit-scrollbar:hover{ + background-color: var(--scroll-bar-hover-color); +} +::-webkit-scrollbar-thumb{ + background-color: var(--scroll-bar-thumb-color); +} +.primaryColor{ + background: var(--primary-color); + transition: 0.2s; + color: white; +} +.primaryColor:hover{ + background: var(--primary-hover-color); +} +.dangerColor{ + background: var(--danger-color); + transition: 0.2s; + color: white; +} +.dangerColor:hover{ + background: var(--danger-hover-color); +} +.warningColor{ + background: var(--warning-color); + transition: 0.2s; + color: white; +} +.warningColor:hover{ + background: var(--warning-hover-color); +} +.successColor{ + background: var(--success-color); + transition: 0.2s; + color: white; +} +.successColor:hover{ + background: var(--success-hover-color); +} +.loadingColor{ + background: var(--loading-color); + transition: 0.2s; + color: white; +} +.loadingColor:hover{ + background: var(--loading-hover-color); +} +.red{ + color: var(--red-font-color); +} +.green{ + color: var(--green-font-color); +} + +.user-legendary, .user-igramdmaster, .user-grandmaster { + color: var(--user-red-color); + font-weight: 600; +} +.user-legendary:first-letter{ + color: var(--major-font-color); +} +.user-master, .user-imaster { + color: var(--user-orange-color); + font-weight: 600; +} +.user-cmaster { + color: var(--user-purple-color); + font-weight: 600; +} +.user-expert { + color: var(--user-blue-color); + font-weight: 600; +} +.user-specialist { + color: var(--user-cyan-color); + font-weight: 600; +} +.user-pupil { + color: var(--user-green-color); + font-weight: 600; +} +.user-newbie { + color: var(--user-grey-color); + font-weight: 600; +} +.user-unrated { + color: var(--major-font-color); +} + +.highcharts-background{ + background: var(--graphs-background-color) !important; +} +::selection { background: var(--selection-background-color); } \ No newline at end of file diff --git a/css/contest/dark.css b/css/contest/dark.css deleted file mode 100644 index 989aa46..0000000 --- a/css/contest/dark.css +++ /dev/null @@ -1,112 +0,0 @@ -body{ - color: #fff; -} -.HtmlContainer{ - background: rgb(29, 33, 37); -} -.singleContestProgressBarDisplayer{ - background: #555; -} -.singleContestProgressBackground{ - background: #777; -} -.styleBlock{ - background: #444; -} -.idleColor{ - border: 1px solid #888; -} - - - -::-webkit-scrollbar:hover{ - background-color: #666; -} -::-webkit-scrollbar-thumb{ - background-color: #888; -} -.primaryColor{ - background: rgb(38, 103, 157); - transition: 0.2s; - color: white; -} -.primaryColor:hover{ - background: rgb(26, 85, 134); -} -.dangerColor{ - background: rgb(158, 12, 41); - transition: 0.2s; - color: white; -} -.dangerColor:hover{ - background: rgb(136, 4, 31); -} -.warningColor{ - background: rgb(175, 142, 52); - transition: 0.2s; - color: white; -} -.warningColor:hover{ - background: rgb(146, 117, 37); -} -.successColor{ - background: #2ace96; - transition: 0.2s; - color: white; -} -.successColor:hover{ - background: rgb(26, 123, 90); -} -.loadingColor{ - background: rgb(175, 175, 175); - transition: 0.2s; - color: white; -} -.loadingColor:hover{ - background: rgb(150, 150, 150); -} -.red{ - color: #ff456b; -} -.green{ - color: #36c292; -} - -.user-legendary, .user-igramdmaster, .user-grandmaster { - color: rgb(255, 26, 26); - font-weight: 600; -} -.user-legendary:first-letter{ - color: white; -} -.user-master, .user-imaster { - color: rgb(255, 152, 26); - font-weight: 600; -} -.user-cmaster { - color: rgb(255, 85, 255); - font-weight: 600; -} -.user-expert { - color: rgb(51, 125, 255); - font-weight: 600; -} -.user-specialist { - color: rgb(87, 252, 242); - font-weight: 600; -} -.user-pupil { - color: rgb(114, 255, 114); - font-weight: 600; -} -.user-newbie { - color: rgb(152, 143, 129); - font-weight: 600; -} -.user-unrated { - color: white; -} - -.highcharts-background{ - background: #555 !important; -} \ No newline at end of file diff --git a/css/contest/default.css b/css/contest/default.css deleted file mode 100644 index 2fe6b9a..0000000 --- a/css/contest/default.css +++ /dev/null @@ -1,113 +0,0 @@ -body{ - color: #000; -} -.HtmlContainer{ - background: #fff; -} -.singleContestProgressBarDisplayer{ - background: #eee; -} -.singleContestProgressBackground{ - background: #ccc; -} -.styleBlock{ - background: #ddd; -} -.idleColor{ - border: 1px solid #888; -} - - -::-webkit-scrollbar:hover{ - background-color: #ccc; -} -::-webkit-scrollbar-thumb{ - background-color: #aaa; -} - - -.primaryColor{ - background: rgb(27, 124, 206); - transition: 0.2s; - color: white; -} -.primaryColor:hover{ - background: rgb(38, 103, 157); -} -.dangerColor{ - background: rgb(214, 18, 57); - transition: 0.2s; - color: white; -} -.dangerColor:hover{ - background: rgb(158, 12, 41); -} -.warningColor{ - background: rgb(228, 175, 30); - transition: 0.2s; - color: white; -} -.warningColor:hover{ - background: rgb(175, 142, 52); -} -.successColor{ - background: #36c292; - transition: 0.2s; - color: white; -} -.successColor:hover{ - background: #25a579; -} -.loadingColor{ - background: rgb(105, 105, 105); - transition: 0.2s; - color: white; -} -.loadingColor:hover{ - background: rgb(120, 120, 120); -} -.red{ - color: rgb(214, 18, 57); -} -.green{ - color: #279e75; -} - -.user-legendary, .user-igramdmaster, .user-grandmaster { - color: rgb(255, 26, 26); - font-weight: 600; -} -.user-legendary:first-letter{ - color: black; -} -.user-master, .user-imaster { - color: rgb(255, 152, 26); - font-weight: 600; -} -.user-cmaster { - color: rgb(255, 85, 255); - font-weight: 600; -} -.user-expert { - color: rgb(51, 125, 255); - font-weight: 600; -} -.user-specialist { - color: #00cec1; - font-weight: 600; -} -.user-pupil { - color: rgb(114, 255, 114); - font-weight: 600; -} -.user-newbie { - color: rgb(152, 143, 129); - font-weight: 600; -} -.user-unrated { - color: white; -} - -.highcharts-background{ - background: #ddd !important; -} \ No newline at end of file diff --git a/css/dark.css b/css/dark.css index 73b7fe9..91c5f67 100644 --- a/css/dark.css +++ b/css/dark.css @@ -1,301 +1,124 @@ -body{ - color: #fff; -} -.HtmlContainer{ - background: rgb(29, 33, 37); -} -.NavBarContent:hover{ - background: rgb(36, 41, 46); -} -.NavBarChosen, .InnerContent{ - background: rgb(36, 41, 46); -} -.ToolListMinimize:hover{ - background: #666; -} -.NavBarCurr{ - background: #555; -} -.DividerLine{ - background: #fff; -} -.singleUsernameDisplayer{ - border-bottom: 1px solid #777; -} -.singleContestProgressBarDisplayer{ - background: #555; -} -.singleContestProgressInfoDisplayer{ - background: #666; -} -.singleMemoryUsed > span{ - border-bottom: 1px solid #777; -} -.selectButton{ - background: #424254; -} -.selectButton:hover{ - background: #666; -} -.selectButton.selected{ - background: #666; -} -.singleRankChangesDisplayer{ - background: #455055; -} -.singleContestProgressBackground{ - background: #777; -} -.singleContestPoptip{ - background: #111; -} -.singleContestPoptipTail{ - border-color: #111 transparent transparent transparent; -} -.singleProblemlistDisplayerGridItem{ - background: #434348; -} -.singleProblemlistDisplayerGridItemIndex{ - background: #555; -} -.singleProblemlistBottom{ - background: #333; -} -.singleProblemlistDisplayListItemInfo, .singleProblemlistDisplayListItemStatus, .singleProblemlistDisplayEventItem{ - background: #474747; -} -.singleProblemlistDisplayListItemInfo:hover, -.singleProblemlistDisplayListItemStatus:hover, -.singleProblemlistDisplayEventItem:hover{ - background: #373737; -} -.singleProblemlistDisplayListItemProgress{ - background: #777; -} -.singleHeadBackProgress { - background-color: #999; - border: 15px solid rgba(255, 255, 255, 0.7); -} -.singleHeadBackProgress.selected{ - border: 0 solid rgba(255, 255, 255, 0.7); -} -.settingsRadioInfoAddition, .settingsSelectInfoAddition, .settingsSelectBigInfoAddition, .settingsInputInfoAddition, .pageSmallTip{ - color: #999; -} -.settingsSelectPart > div:first-child:hover, .settingsSelectPart > div:last-child:hover, -.settingsSelectBigPart > div:first-child:hover, .settingsSelectBigPart > div:last-child:hover{ - background: #555; -} -.settingsSelectPartLeft.closed, .settingsSelectPartRight.closed, -.settingsSelectBigPartLeft.closed, .settingsSelectBigPartRight.closed{ - color: #666; - cursor: default; -} -.settingsInputPartContent{ - background: rgb(36, 41, 46); - border: 0; - border-bottom: 1px solid #888; - color: white; - outline: none; -} -.submissionDisplayer > div:first-child > div:first-child{ - background: rgb(35, 40, 45); -} -.submissionCodeDisplayer, .eventDisplayer, .userInfoDisplayer{ - background: rgb(35, 40, 45); -} -.eventCloseButton, .userInfoCloseButton{ - background: #555; -} -.eventCloseButton:hover, .userInfoCloseButton:hover{ - background: #666; -} -.settingsLoginButton, .settingsLoginType{ - color: white; - -} -.settingsSelectBigPartContent{ - background: rgb(36, 41, 46);; -} -.searchPageTop, .searchPageTip{ - background: rgb(45, 50, 55); -} -.searchArgumentsChoser{ - background: #444; -} -.searchArgumentsItem{ - background: #555; -} -.searchArgumentsItem.chosen{ - background: #777; -} -.searchPagesButton:hover -, .multiPagePrev:hover, .multiPageNext:hover -, .multiPageSelecter > .number:hover, .multiPageSelecter > .number.chosen -, .multiUnofficialSelecter > span:hover, .multiUnofficialSelecter > span.chosen{ - background: #666; -} -.contestInfoCard:hover{ - border-left-color: rgb(255, 204, 102); -} -.highlightedContestList{ - background: #444; -} -.multiSettingsBar{ - background: rgb(46, 51, 56); -} -.multiOddLine{ - background: #333; -} -.infoBlock{ - background: rgb(51, 56, 61); -} -.infoBlockTitle{ - background: rgb(56, 61, 66); -} -.modulesBlock{ - background: rgb(51, 56, 61); -} -.profileTagsDisplayer, .profileRatingGraph, .profileProblemSummary, .profileProblemMain{ - background: rgb(51, 56, 61); -} -.profileSelectIf:hover{ - background: rgb(71, 76, 81); -} -.profileSelectIf.selected{ - background: #777; -} +:root{ + /* MAJOR */ + --major-font-color: #fff; + --major-background-color: rgb(29, 33, 37); + --navbar-hover-color: rgb(36, 41, 46); + --navbar-chosen-color: rgb(36, 41, 46); + --graphs-background-color: #555; + --selection-background-color: #666; + --topbar-hover-color: #666; + --loading-interface-background-color: rgba(0, 0, 0, 0.9); + --current-navbar-color: #555; + /* SINGLE */ + --single-divider-line-color: #fff; + --single-username-border-bottom-color: #777; + --single-progress-bar-background-color: #555; + --single-progress-bar-color: #777; + --single-memory-used-border-bottom-color: #777; + --single-switch-buttons-background-color: #424254; + --single-switch-buttons-hover-background-color: #424254; + --single-switch-buttons-selected-background-color: #424254; + --single-rank-delta-background-color: #455055; + --single-progress-bar-poptip-background-color: #111; + --single-grid-mode-background-color: #434348; + --single-grid-mode-index-background-color: #555; + --single-problem-list-infobar-background-color: #333; + --single-list-event-mode-block-background-color: #474747; + --single-list-event-mode-block-hover-background-color: #373737; + --single-list-mode-progress-bar-background-color: #777; + --single-long-press-progress-circle-background-color: rgba(255, 255, 255, 0.7); + --single-long-press-progress-circle-color: #999; + --single-block-background-color: rgb(46, 51, 56); + --single-block-title-background-color: rgb(51, 56, 61); + --single-block-expand-button-background-color: #666; + --single-block-expand-hover-button-background-color: #777; + /* MULTI */ + --multi-info-bar-background-color: rgb(46, 51, 56); + --multi-list-highlighted-background-color: #333; + /* CONTEST */ + --contest-info-bar-background-color: rgb(45, 50, 55); + --contest-sort-block-background-color: #444; + --contest-button-background-color: #555; + --contest-button-chosen-background-color: #777; + --contest-button-hover-background-color: #666; + --contest-list-selection-border-left-color: rgb(255, 204, 102); + --contest-list-highlighted-background-color: #444; + /* PROBLEM PAGE */ + --problist-block-background-color: rgb(51, 56, 61); + --problist-sort-button-hover-background-color: rgb(71, 76, 81); + --problist-sort-button-selected-background-color: #777; + /* PROFILE (PROBLEM PAGE REQUIRED) */ + --profile-page-block-background-color: rgb(51, 56, 61); + --profile-page-block-title-background-color: rgb(56, 61, 66); + --profile-page-submission-light-background-color: #666; + --profile-page-submission-light-color: #36c292; + --profile-page-submittion-graph-choser-background-color: #666; + --profile-page-submittion-graph-choser-hover-background-color: #777; + --profile-page-submittion-graph-choser-chosen-background-color: #888; + --profile-page-poptip-background-color: #111; + --profile-page-poptip-background-color: #111; + --profile-page-submission-graph-selection-background-color: #5286cd; + /* MODULES */ + --modules-block-background-color: rgb(51, 56, 61); + /* SETTINGS */ + --settings-comment-color: #999; + --settings-select-button-hover-background-color: #555; + --settings-unclickable-button-color: #666; + --settings-input-background: rgb(36, 41, 46); + --settings-input-border-bottom-color: #888; + --settings-select-background-color: rgb(36, 41, 46); + /* POPOUTS */ + --pop-out-block-background-color: rgb(35, 40, 45); + --pop-out-block-closer-background-color: #555; + --pop-out-block-closer-hover-background-color: #666; + /* SCROLL */ + --scroll-bar-hover-color: #666; + --scroll-bar-thumb-color: #888; + /* THEME COLOR */ + --primary-color: rgb(38, 103, 157); + --primary-hover-color: rgb(26, 85, 134); + --danger-color: rgb(158, 12, 41); + --danger-hover-color: rgb(136, 4, 31); + --warning-color: rgb(175, 142, 52); + --warning-hover-color: rgb(146, 117, 37); + --success-color: #0ba570; + --success-hover-color: rgb(26, 123, 90); + --loading-color: rgb(175, 175, 175); + --loading-hover-color: rgb(150, 150, 150); + --red-font-color: #ff456b; + --green-font-color: #36c292; + /* USER COLOR */ + --user-red-color: rgb(255, 26, 26); + --user-orange-color: rgb(255, 152, 26); + --user-purple-color: rgb(255, 85, 255); + --user-blue-color: rgb(51, 125, 255); + --user-cyan-color: rgb(87, 252, 242); + --user-green-color: rgb(114, 255, 114); + --user-grey-color: rgb(152, 143, 129); + /* ========== CONTEST WINDOW START ==========*/ + --contest-window-block-background-color: #444; + /* =========== CONTEST WINDOW END ===========*/ -.infoChangeUsernameInterface{ - background: #302e35; -} -.inputButtonSplitter > button{ - border: 1px solid #777; - color: white; -} -.inputButtonSplitter > input{ - border: 0; - border-bottom: 1px solid #888; - color: white; - outline: none; -} -.blockManager{ - background: rgb(46, 51, 56); -} -.blockManagerTitle{ - background: rgb(51, 56, 61); -} -.folderButton{ - background: #666; -} -.folderButton:hover{ - background: #777; -} - - -.bigInputArea>input{ - background: transparent; - border: 1px solid #777; - color: white; -} -.bigButton{ - background: transparent; - border: 1px solid #777; - color: white; -} -::-webkit-scrollbar:hover{ - background-color: #666; -} -::-webkit-scrollbar-thumb{ - background-color: #888; -} -.primaryColor{ - background: rgb(38, 103, 157); - transition: 0.2s; - color: white; -} -.primaryColor:hover{ - background: rgb(26, 85, 134); -} -.dangerColor{ - background: rgb(158, 12, 41); - transition: 0.2s; - color: white; -} -.dangerColor:hover{ - background: rgb(136, 4, 31); -} -.warningColor{ - background: rgb(175, 142, 52); - transition: 0.2s; - color: white; -} -.warningColor:hover{ - background: rgb(146, 117, 37); -} -.successColor{ - background: #0ba570; - transition: 0.2s; - color: white; -} -.successColor:hover{ - background: rgb(26, 123, 90); -} -.loadingColor{ - background: rgb(175, 175, 175); - transition: 0.2s; - color: white; -} -.loadingColor:hover{ - background: rgb(150, 150, 150); -} -.red{ - color: #ff456b; -} -.green{ - color: #36c292; -} + /* ========== PROBLEM WINDOW START ==========*/ -.user-legendary, .user-igramdmaster, .user-grandmaster { - color: rgb(255, 26, 26); - font-weight: 600; -} -.user-legendary:first-letter{ - color: white; -} -.user-master, .user-imaster { - color: rgb(255, 152, 26); - font-weight: 600; -} -.user-cmaster { - color: rgb(255, 85, 255); - font-weight: 600; -} -.user-expert { - color: rgb(51, 125, 255); - font-weight: 600; -} -.user-specialist { - color: rgb(87, 252, 242); - font-weight: 600; -} -.user-pupil { - color: rgb(114, 255, 114); - font-weight: 600; -} -.user-newbie { - color: rgb(152, 143, 129); - font-weight: 600; -} -.user-unrated { - color: white; -} + --problem-window-side-bar-background-color: #2a2a2a; + --problem-window-side-bar-highlight-color: rgb(255, 204, 102); + --problem-window-side-bar-hover-background-color: #888; + --problem-window-info-bar-background-color: #444; + --problem-window-info-bar-items-background-color: #777; + --problem-window-info-bar-group-background-color: #555; + --problem-window-link-color: #55d015; + --problem-window-link-hover-color: #42c100; + --problem-window-link-onclick-color: #42c100; + --problem-window-link-visited-color: #55d015; + --problem-window-table-border-color: #fff; + --problem-window-copy-button-background-color: #666; + --problem-window-copy-button-hover-background-color: #777; + --problem-window-submission-watcher-popout-background-color: rgba(0, 0, 0, 0.85); -.highcharts-background{ - background: #555 !important; + /* =========== PROBLEM WINDOW END ===========*/ } -::selection { background:#666; } -pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:inherit}.hljs-comment,.hljs-quote{color:#8b919c;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline} +pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:inherit}.hljs-comment,.hljs-quote{color:#8b919c;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline} \ No newline at end of file diff --git a/css/default.css b/css/default.css index 6a8ae99..4a66029 100644 --- a/css/default.css +++ b/css/default.css @@ -1,317 +1,124 @@ -body{ - color: #000; +:root{ + /* MAJOR */ + --major-font-color: #000; + --major-background-color: #fff; + --navbar-hover-color: #ddd; + --navbar-chosen-color: #ddd; + --graphs-background-color: #ddd; + --selection-background-color: #c3c3c3; + --topbar-hover-color: #bbb; + --loading-interface-background-color: rgba(200, 200, 200, 0.85); + --current-navbar-color: #999; + /* SINGLE */ + --single-divider-line-color: #aaa; + --single-username-border-bottom-color: #aaa; + --single-progress-bar-background-color: #fff; + --single-progress-bar-color: #ccc; + --single-memory-used-border-bottom-color: #aaa; + --single-switch-buttons-background-color: #ccc; + --single-switch-buttons-hover-background-color: #aaa; + --single-switch-buttons-selected-background-color: #999; + --single-rank-delta-background-color: #ccc; + --single-progress-bar-poptip-background-color: #aaa; + --single-grid-mode-background-color: #ddd; + --single-grid-mode-index-background-color: #ccc; + --single-problem-list-infobar-background-color: #ccc; + --single-list-event-mode-block-background-color: #ccc; + --single-list-event-mode-block-hover-background-color: #bbb; + --single-list-mode-progress-bar-background-color: #aaa; + --single-long-press-progress-circle-background-color: rgba(125, 125, 125, 0.5); + --single-long-press-progress-circle-color: #fff; + --single-block-background-color: #eee; + --single-block-title-background-color: #d5d5d5; + --single-block-expand-button-background-color: #ccc; + --single-block-expand-hover-button-background-color: #aaa; + /* MULTI */ + --multi-info-bar-background-color: #ccc; + --multi-list-highlighted-background-color: #ccc; + /* CONTEST */ + --contest-info-bar-background-color: #d2d2d2; + --contest-sort-block-background-color: #ddd; + --contest-button-background-color: #ccc; + --contest-button-chosen-background-color: #aaa; + --contest-button-hover-background-color: #aaa; + --contest-list-selection-border-left-color: #ed9970; + --contest-list-highlighted-background-color: #ccc; + /* PROBLEM PAGE */ + --problist-block-background-color: #ccc; + --problist-sort-button-hover-background-color: #bbb; + --problist-sort-button-selected-background-color: #aaa; + /* PROFILE (PROBLEM PAGE REQUIRED) */ + --profile-page-block-background-color: #ccc; + --profile-page-block-title-background-color: #bbb; + --profile-page-submission-light-background-color: #aaa; + --profile-page-submission-light-color: #279e75; + --profile-page-submittion-graph-choser-background-color: #bbb; + --profile-page-submittion-graph-choser-hover-background-color: #aaa; + --profile-page-submittion-graph-choser-chosen-background-color: #999; + --profile-page-poptip-background-color: #aaa; + --profile-page-poptip-background-color: #aaa; + --profile-page-submission-graph-selection-background-color: #5286cd; + /* MODULES */ + --modules-block-background-color: #ccc; + /* SETTINGS */ + --settings-comment-color: #888; + --settings-select-button-hover-background-color: #aaa; + --settings-unclickable-button-color: #888; + --settings-input-background: #ddd; + --settings-input-border-bottom-color: #777; + --settings-select-background-color: #ddd; + /* POPOUTS */ + --pop-out-block-background-color: #ddd; + --pop-out-block-closer-background-color: #ccc; + --pop-out-block-closer-hover-background-color: #bbb; + /* SCROLL */ + --scroll-bar-hover-color: #ccc; + --scroll-bar-thumb-color: #aaa; + /* THEME COLOR */ + --primary-color: rgb(27, 124, 206); + --primary-hover-color: rgb(38, 103, 157); + --danger-color: rgb(214, 18, 57); + --danger-hover-color: rgb(158, 12, 41); + --warning-color: rgb(228, 175, 30); + --warning-hover-color: rgb(175, 142, 52); + --success-color: #36c292; + --success-hover-color: #25a579; + --loading-color: rgb(105, 105, 105); + --loading-hover-color: rgb(120, 120, 120); + --red-font-color: rgb(214, 18, 57); + --green-font-color: #279e75; + /* USER COLOR */ + --user-red-color: rgb(255, 26, 26); + --user-orange-color: rgb(255, 152, 26); + --user-purple-color: rgb(255, 85, 255); + --user-blue-color: rgb(51, 125, 255); + --user-cyan-color: #00cec1; + --user-green-color: #58c758; + --user-grey-color: rgb(152, 143, 129); + + /* ========== CONTEST WINDOW START ==========*/ + + --contest-window-block-background-color: #ddd; + + /* =========== CONTEST WINDOW END ===========*/ + + /* ========== PROBLEM WINDOW START ==========*/ + + --problem-window-side-bar-background-color: #ccc; + --problem-window-side-bar-highlight-color: rgb(255, 204, 102); + --problem-window-side-bar-hover-background-color: #eee; + --problem-window-info-bar-background-color: #ddd; + --problem-window-info-bar-items-background-color: #eee; + --problem-window-info-bar-group-background-color: #bbb; + --problem-window-link-color: #2aa3c3; + --problem-window-link-hover-color: #4eb2cd; + --problem-window-link-onclick-color: #4eb2cd; + --problem-window-link-visited-color: #45d0f5; + --problem-window-table-border-color: #000; + --problem-window-copy-button-background-color: #bbb; + --problem-window-copy-button-hover-background-color: #999; + --problem-window-submission-watcher-popout-background-color: rgba(255, 255, 255, 0.85); + + /* =========== PROBLEM WINDOW END ===========*/ } -.HtmlContainer{ - background: #fff; -} -.NavBarContent:hover{ - background: #ddd; -} -.NavBarChosen, .InnerContent{ - background: #ddd; -} -.ToolListMinimize:hover{ - background: #bbb; -} -.NavBarCurr{ - background: #999; -} -.DividerLine{ - background: #aaa; -} -.singleUsernameDisplayer{ - border-bottom: 1px solid #aaa; -} -.singleContestProgressBarDisplayer{ - background: #fff; -} -.singleContestProgressInfoDisplayer{ - background: #999; -} -.singleMemoryUsed > span{ - border-bottom: 1px solid #aaa; -} -.selectButton{ - background: #ccc; -} -.selectButton:hover{ - background: #aaa; -} -.selectButton.selected{ - background: #999; -} -.singleRankChangesDisplayer{ - background: #ccc; -} -.singleContestProgressBackground{ - background: #ccc; -} -.singleContestPoptip{ - background: #aaa; -} -.singleContestPoptipTail{ - border-color: #aaa transparent transparent transparent; -} -.singleProblemlistDisplayerGridItem{ - background: #ddd; -} -.singleProblemlistDisplayerGridItemIndex{ - background: #ccc; -} -.singleProblemlistBottom{ - background: #ccc; -} -.singleProblemlistDisplayListItemInfo, .singleProblemlistDisplayListItemStatus, .singleProblemlistDisplayEventItem{ - background: #ccc; -} -.singleProblemlistDisplayListItemInfo:hover, -.singleProblemlistDisplayListItemStatus:hover, -.singleProblemlistDisplayEventItem:hover{ - background: #bbb; -} -.singleProblemlistDisplayListItemProgress{ - background: #aaa; -} -.singleHeadBackProgress { - background-color: rgba(125, 125, 125, 0.5); - border: 15px solid #fff; -} -.singleHeadBackProgress.selected{ - border: 0 solid rgba(255, 255, 255, 0.5); -} -.settingsRadioInfoAddition, .settingsSelectInfoAddition, .settingsSelectBigInfoAddition, .settingsInputInfoAddition, .pageSmallTip{ - color: #888; -} -.settingsSelectPart > div:first-child:hover, .settingsSelectPart > div:last-child:hover, -.settingsSelectBigPart > div:first-child:hover, .settingsSelectBigPart > div:last-child:hover{ - background: #aaa; -} -.settingsSelectPartLeft.closed, .settingsSelectPartRight.closed, -.settingsSelectBigPartLeft.closed, .settingsSelectBigPartRight.closed{ - color: #888; - cursor: default; -} -.settingsInputPartContent{ - background: #ddd; - border: 0; - border-bottom: 1px solid #777; - color: black; - outline: none; -} -.loadingInterface{ - background: rgba(200, 200, 200, 0.85); - color: black; -} -.submissionDisplayer > div:first-child > div:first-child{ - background: #eee; -} -.submissionCodeDisplayer, .eventDisplayer, .userInfoDisplayer{ - background: #ddd; -} -.eventCloseButton, .userInfoCloseButton{ - background: #ccc; -} -.eventCloseButton:hover, .userInfoCloseButton:hover{ - background: #bbb; -} -.settingsLoginButton, .settingsLoginType{ - color: black; -} -.settingsSelectBigPartContent{ - background: #ddd; -} -.searchPageTop, .searchPageTip{ - background: #d2d2d2; -} -.searchArgumentsChoser{ - background: #ddd; -} -.searchArgumentsItem{ - background: #ccc; -} -.searchArgumentsItem.chosen{ - background: #aaa; -} -.searchPagesButton:hover -, .multiPagePrev:hover, .multiPageNext:hover -, .multiPageSelecter > .number:hover, .multiPageSelecter > .number.chosen -, .multiUnofficialSelecter > span:hover, .multiUnofficialSelecter > span.chosen{ - background: #aaa; -} -.contestInfoCard:hover{ - border-left-color: #ed9970; -} -.highlightedContestList{ - background: #ccc; -} -.multiSettingsBar{ - background: #ccc; -} -.multiOddLine{ - background: #ccc; -} -.infoBlock{ - background: #ccc; -} - -.addProblemInterface{ - background: #ddd; -} -.inputButtonSplitter > button{ - border: 1px solid #777; - color: white; -} -.inputButtonSplitter > input{ - border: 0; - border-bottom: 1px solid #777; - color: black; - outline: none; -} -.infoBlockTitle{ - background: #bbb; -} -.modulesBlock{ - background: #ccc; -} -.profileTagsDisplayer, .profileRatingGraph, .profileProblemSummary, .profileProblemMain{ - background: #ccc; -} -.profileSelectIf:hover{ - background: #bbb; -} -.profileSelectIf.selected{ - background: #aaa; -} - - - - -.blockManager{ - background: #eee; -} -.blockManagerTitle{ - background: #d5d5d5; -} -.folderButton{ - background: #ccc; -} -.folderButton:hover{ - background: #aaa; -} - - - - - - - - - - -.bigInputArea>input{ - background: transparent; - border: 1px solid #777; - color: black; -} -.bigButton{ - position: relative; - border: 1px solid #777; - color: white; -} -::-webkit-scrollbar:hover{ - background-color: #ccc; -} -::-webkit-scrollbar-thumb{ - background-color: #aaa; -} - - -.primaryColor{ - background: rgb(27, 124, 206); - transition: 0.2s; - color: white; -} -.primaryColor:hover{ - background: rgb(38, 103, 157); -} -.dangerColor{ - background: rgb(214, 18, 57); - transition: 0.2s; - color: white; -} -.dangerColor:hover{ - background: rgb(158, 12, 41); -} -.warningColor{ - background: rgb(228, 175, 30); - transition: 0.2s; - color: white; -} -.warningColor:hover{ - background: rgb(175, 142, 52); -} -.successColor{ - background: #36c292; - transition: 0.2s; - color: white; -} -.successColor:hover{ - background: #25a579; -} -.loadingColor{ - background: rgb(105, 105, 105); - transition: 0.2s; - color: white; -} -.loadingColor:hover{ - background: rgb(120, 120, 120); -} -.red{ - color: rgb(214, 18, 57); -} -.green{ - color: #279e75; -} - -.user-legendary, .user-igramdmaster, .user-grandmaster { - color: rgb(255, 26, 26); - font-weight: 600; -} -.user-legendary:first-letter{ - color: black; -} -.user-master, .user-imaster { - color: rgb(255, 152, 26); - font-weight: 600; -} -.user-cmaster { - color: rgb(255, 85, 255); - font-weight: 600; -} -.user-expert { - color: rgb(51, 125, 255); - font-weight: 600; -} -.user-specialist { - color: #00cec1; - font-weight: 600; -} -.user-pupil { - color: #58c758; - font-weight: 600; -} -.user-newbie { - color: rgb(152, 143, 129); - font-weight: 600; -} -.user-unrated { - color: white; -} - -.highcharts-background{ - background: #ddd !important; -} - -::selection { background:#c3c3c3; } - pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:inherit}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline} \ No newline at end of file diff --git a/css/problem/client.css b/css/problem.css similarity index 69% rename from css/problem/client.css rename to css/problem.css index 34cf4b6..b0dac4e 100644 --- a/css/problem/client.css +++ b/css/problem.css @@ -1,551 +1,719 @@ -@font-face { - font-family: 'Consolas'; - src: url('../../fonts/Consolas.ttf') format('truetype'); -} -@font-face { - font-family: 'Verdana'; - src: url('../../fonts/Verdana.ttf') format('truetype'); -} -@font-face { - font-family: 'VerdanaBold'; - src: url('../../fonts/VerdanaBold.ttf') format('truetype'); -} -:root{ - --font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono','Monospace', sans-serif; - --editor-font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono','Monospace', sans-serif; - --editor-font-size: 14; - --statement-font-family: sans-serif; - --statement-font-size: 16; -} -html, body{ - width: 100%; - height: 100%; -} -body{ - margin: 0px; -} -.HtmlContainer{ - -webkit-app-region: drag; - transition: background-color 0.3s, color 0.3s; - border-radius: 5px; - display: inline-flex; - width: 100%; - height: 100%; - flex-direction: column; - font-family: var(--font-family); - position: relative; - overflow: hidden; -} -.HtmlContainer > div:last-child{ - flex: 1; - width: 100%; - overflow: hidden; -} -.sideBar{ - z-index: 4; - position: absolute; - top: 0px; - left: 0px; - height: 100%; - -webkit-app-region: no-drag; - transition: 0.3s; - width: 35px; - overflow: hidden; -} -.sideBar > div{ - overflow-x: hidden; - overflow-y: auto; - width: 175px; - height: 100%; -} -.sideBar:hover{ - width: 175px; -} -.sideBarGroupContents{ - border-radius: 10px; - overflow: hidden; -} -.sideBarItem, .sideBarGroup, .addProblemSidebar{ - transition: 0.2s; - font-size: 16px; - padding: 10px; - padding-left: 10px; - width: calc(100% - 20px); - font-family: var(--font-family); - border-left: 0px solid rgb(255, 204, 102); - user-select: none; - cursor: pointer; -} -.sideBarItem > i, .sideBarItem > span -, .sideBarGroup > i, .sideBarGroup > span -, .addProblemSidebar > i{ - text-align: center; - display: inline-block; - width: 16px; - margin-right: 10px; -} -.sideBarItem > div:last-child -, .sideBarGroup > div:last-child{ - float: right; - transition: 0.2s; - margin-right: 3px; - border-radius: 5px; - width: 20px; - height: 20px; - cursor: pointer; - position: relative; -} -.sideBarItem > div:last-child > i -, .sideBarGroup > div:last-child > i{ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} -.innerContent{ - flex: 1; - overflow: hidden; - z-index: 1; -} -.ToolList{ - -webkit-app-region: drag; - position: relative; - height: 30px; -} -.ToolListTitle{ - margin: 8px 12px; - font-size: 14px; - user-select: none; -} -.ToolListButton{ - -webkit-app-region: no-drag; - cursor: pointer; - transition: 0.2s; - width: 45px; - height: 30px; - font-size: 14px; - display: grid; - place-items: center; -} -.ToolListClose:hover{ - background: rgb(232, 17, 35); - color: white; -} -.progressBar{ - user-select: none; - height: 24px; - padding: 5px; - display: flex; - flex-direction: row; - font-size: 20px; - text-align: center; -} -.progressBar > div{ - display: flex; - flex-direction: row; - text-align: center; -} -.progressBar > div > div.actions{ - -webkit-app-region: no-drag; - transition: 0.2s; - border-radius: 5px; - width: 24px; - height: 24px; - cursor: pointer; - position: relative; -} -.progressBarMain > div.actions{ - margin: 0px 10px !important; -} -.progressBar > div > div.actions > i{ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} -.progressBarMain{ - display: grid; - place-items: center; - margin-left: 20px; - margin-right: 20px; -} -.innerContentPage{ - padding: 10px; - height: calc(100% - 20px); - width: calc(100% - 20px); - overflow-y: scroll; - user-select: text; - -webkit-app-region: no-drag; - font-family: var(--statement-font-family); -} -.problemTitle{ - font-size: 24px; - text-align: center; - margin-bottom: 5px; -} -.problemOrigin{ - font-size: 13px; - text-align: center; - margin-bottom: 10px; -} -.problemTags{ - font-size: 16px; - text-align: center; - margin-bottom: 10px; -} -.blockManager{ - font-size: var(--statement-font-size); - margin: 10px; - border-radius: 5px; - display: flex; - flex-direction: column; - overflow: hidden; -} -.blockManagerTitle{ - padding: 5px; - font-size: calc(var(--statement-font-size) * 1.2); - height: calc(var(--statement-font-size) + 10); -} -.blockManagerContent{ - padding: 5px; -} -.loadingInterface{ - -webkit-app-region: no-drag; - transition: 0.2s; - position: absolute; - z-index: 99; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - display: grid; - place-items: center; - background: rgba(0, 0, 0, 0.9); -} -.loadingInterface > div{ - text-align: center; -} -.bigButton{ - cursor: pointer; - width: 100%; - margin: 10px 0px; - height: 40px; - border-radius: 5px; - font-size: 16px; - font-family: var(--font-family); - transition: 0.2s; -} -.bigButton:focus{ - outline: 0; -} -.bigButton>i{ - width: 16px; - margin-right: 12px; -} -.submitInterface{ - border-radius: 5px; -} -.submitInterfaceTitle{ - font-size: 16px; -} -.closeSubmitPage{ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} -select{ - transition: 0.2s; - border: none; - width: 100%; - color: inherit; - font-family: inherit; -} -#submitCodeArea{ - tab-size: 4; - font-size: var(--editor-font-size); - border: 1px solid #777; - padding: 5px; - outline: 0; - background: inherit; - color: inherit; - font-family: var(--editor-font-family); -} -.problemTag { - font-size: 14px; - display: inline-block; - padding: 4px 6px; - border-radius: 4px; - margin-right: 10px; -} -.addProblemInterface{ - user-select: none; - border-radius: 5px; -} -.inputButtonSplitter{ - margin-top: 30px; - display: flex; - flex-direction: row; - height: 50px; - width: calc(100% - 10px); - padding: 5px; - border-radius: 5px; - background: rgba(127, 127, 127, 0.4); - position: relative; -} -.inputButtonSplitterTitle{ - position: absolute; - top: 0px; - height: 22px; - left: 50%; - transform: translate(-50%, -50%); - background: rgba(127, 127, 127, 1); - font-size: 16px; - padding: 0px 10px; - border-radius: 5px; -} -.inputButtonSplitter > input{ - margin-top: 10px; - background: transparent; - width: calc(100% - 40px); - font-family: var(--font-family); - font-size: 20px; -} -.inputButtonSplitter > button{ - margin-top: 10px; - cursor: pointer; - margin-left: 10px; - width: 40px; - transition: 0.2s; - height: 40px; - border-radius: 5px; - font-size: 20px; - display: grid; - place-items: center; - outline: 0; -} - -.problemTag{ - user-select: none; -} -.problemTag > i{ - margin-right: 10px; -} -p{ - margin: 10px 0px; -} -.innerContentPage center{ - display: block; - margin: 10px; -} -.tex-font-style-tt{ - font-family: var(--editor-font-family); - border: 1px solid #777; - border-radius: 5px; - padding: 0px 3px; -} -.tex-font-style-it{ - font-style: italic; -} -.tex-font-style-bf{ - font-weight: bold; -} -.epigraph-text{ - margin-left: 50%; - width: 50%; - overflow: hidden; - -} -.tex-span{ - font-size: 125%; - font-family: KaTeX_Main, "Times New Roman", serif; -} -.tex-formula{ - font-size: 125%; - font-family: KaTeX_Main, "Times New Roman", serif; - display: block; - text-align: center; -} -.blockManagerContent pre{ - width: calc(100% - 15px); - overflow-x: scroll; - font-family: var(--editor-font-family); - border: 1px solid #777; - border-radius: 5px; -} -.tex-tabular .tex-tabular-text-align-left{ - text-align:left -} -.tex-tabular .tex-tabular-text-align-center{ - text-align:center -} -.tex-tabular .tex-tabular-text-align-right{ - text-align:right -} -.tex-font-size-tiny{ - font-size:70% -} -.tex-font-size-script{ - font-size:75% -} -.tex-font-size-footnotes{ - font-size:85% -} -.tex-font-size-small{ - font-size:85% -} -.tex-font-size-normal{ - font-size:100% -} -.tex-font-size-large-1{ - font-size:115% -} -.tex-font-size-large-2{ - font-size:130% -} -.tex-font-size-large-3{ - font-size:145% -} -.tex-font-size-huge-1{ - font-size:175% -} -.tex-font-size-huge-2{ - font-size:200% -} -.tex-font-style-tt{ - font-size:110%; -} -.tex-font-style-bf{ - font-weight:700 -} -.tex-font-style-up{ -} -.tex-font-style-it{ - font-style:italic -} -.tex-font-style-sl{ - font-style:italic -} -.tex-font-style-sc{ - text-transform:uppercase -} -.tex-font-style-striked{ - text-decoration:line-through -} -.tex-font-style-underline{ - text-decoration:underline -} -.tex-graphics{ - display:block -} -.verbatim{ - padding: 5px; -} -.spoiler > span{ - width: 20px; - text-align: center; - margin-right: 5px; -} -.spoiler{ - border-left: 5px solid #777; - padding-left: 5px; - overflow: hidden; -} -.sampleBlock{ - display: flex; - flex-direction: row; - width: 100%; -} -.sampleBlock > div{ - flex-grow: 1; - overflow-x: hidden; - margin: 5px; - display: flex; - width: calc(100% - 10px); - height: calc(100% - 10px); - flex-direction: column; -} -.codeDisplayer{ - tab-size: 4; - border: 1px solid #777; - border-radius: 5px; - padding: 5px; - padding-bottom: 0px; - width: calc(100% - 12px); - height: 100%; - overflow-x: scroll; - font-family: var(--editor-font-family); - font-size: var(--editor-font-size); - white-space: pre; -} -@media only screen and (max-width: 520px){ - .sampleBlock{ - flex-direction: column !important; - } -} -.copyCode{ - transition: 0.2s; - user-select: none; - cursor: pointer; - border-radius: 5px; - padding: 2px 5px; - font-size: calc(100% - 5px); - display: inline-block; -} -.watchDisplayer{ - user-select: none; - z-index: 98; - width: 370px !important; - position: absolute; - left: calc(50% - 185px + 17.5px); - top: 0px; - text-align: center; -} -.singleWatchContent{ - user-select: none; - transition: 0.2s; - padding: 0px 10px; - margin: 10px 0px; - width: 350px; - height: 50px; - border-radius: 5px; - position: relative; - display: flex; - flex-direction: column; -} -.singleWatchTitle{ - user-select: none; - font-size: 16px; - text-align: center; -} -.copyInfo{ - margin-left: 10px; - user-select: none; - cursor: pointer; - font-size: calc(100% - 4px); - padding: 2px; - border-radius: 5px; -} -.katex, -.katex-display { - user-select: all; - -moz-user-select: all; - -webkit-user-select: all; - -ms-user-select: all; -} - - - -::-webkit-scrollbar{ - width: 8px; - height: 8px; -} -::-webkit-scrollbar-thumb{ - border-radius: 2px; -} -::-webkit-scrollbar-corner{ - display: none; -} -::-webkit-scrollbar{ - transition: 0.3s; -} \ No newline at end of file +@font-face { + font-family: 'Consolas'; + src: url('../../fonts/Consolas.ttf') format('truetype'); +} +@font-face { + font-family: 'Verdana'; + src: url('../../fonts/Verdana.ttf') format('truetype'); +} +@font-face { + font-family: 'VerdanaBold'; + src: url('../../fonts/VerdanaBold.ttf') format('truetype'); +} +:root{ + --font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif; + --editor-font-family: 'Consolas','Fira Code','Source Code Pro','Lucida Console','Cascadia Code','Ubuntu Mono',monospace, sans-serif; + --editor-font-size: 14; + --statement-font-family: sans-serif; + --statement-font-size: 16; +} +html, body{ + width: 100%; + height: 100%; +} +body{ + margin: 0px; + color: var(--major-font-color); +} +.HtmlContainer{ + -webkit-app-region: drag; + transition: background-color 0.3s, color 0.3s; + border-radius: 5px; + display: inline-flex; + width: 100%; + height: 100%; + flex-direction: column; + font-family: var(--font-family); + position: relative; + overflow: hidden; + background: var(--major-background-color); +} +.HtmlContainer > div:last-child{ + flex: 1; + width: 100%; + overflow: hidden; +} +.sideBar{ + z-index: 4; + position: absolute; + top: 0px; + left: 0px; + height: 100%; + -webkit-app-region: no-drag; + transition: 0.3s; + width: 35px; + overflow: hidden; +} +.sideBar > div{ + overflow-x: hidden; + overflow-y: auto; + width: 175px; + height: 100%; +} +.sideBar:hover{ + width: 175px; +} +.sideBarGroupContents{ + border-radius: 10px; + overflow: hidden; +} +.sideBarItem, .sideBarGroup, .addProblemSidebar{ + transition: 0.2s; + font-size: 16px; + padding: 10px; + padding-left: 10px; + width: calc(100% - 20px); + font-family: var(--font-family); + border-left: 0px solid rgb(255, 204, 102); + user-select: none; + cursor: pointer; +} +.sideBarItem > i, .sideBarItem > span +, .sideBarGroup > i, .sideBarGroup > span +, .addProblemSidebar > i{ + text-align: center; + display: inline-block; + width: 16px; + margin-right: 10px; +} +.sideBarItem > div:last-child +, .sideBarGroup > div:last-child{ + float: right; + transition: 0.2s; + margin-right: 3px; + border-radius: 5px; + width: 20px; + height: 20px; + cursor: pointer; + position: relative; +} +.sideBarItem > div:last-child > i +, .sideBarGroup > div:last-child > i{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.innerContent{ + flex: 1; + overflow: hidden; + z-index: 1; +} +.ToolList{ + -webkit-app-region: drag; + position: relative; + height: 30px; +} +.ToolListTitle{ + margin: 8px 12px; + font-size: 14px; + user-select: none; +} +.ToolListButton{ + -webkit-app-region: no-drag; + cursor: pointer; + transition: 0.2s; + width: 45px; + height: 30px; + font-size: 14px; + display: grid; + place-items: center; +} +.ToolListClose:hover{ + background: rgb(232, 17, 35); + color: white; +} +.progressBar{ + user-select: none; + height: 24px; + padding: 5px; + display: flex; + flex-direction: row; + font-size: 20px; + text-align: center; +} +.progressBar > div{ + display: flex; + flex-direction: row; + text-align: center; +} +.progressBar > div > div.actions{ + -webkit-app-region: no-drag; + transition: 0.2s; + border-radius: 5px; + width: 24px; + height: 24px; + cursor: pointer; + position: relative; +} +.progressBarMain > div.actions{ + margin: 0px 10px !important; +} +.progressBar > div > div.actions > i{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.progressBarMain{ + display: grid; + place-items: center; + margin-left: 20px; + margin-right: 20px; +} +.innerContentPage{ + padding: 10px; + height: calc(100% - 20px); + width: calc(100% - 20px); + overflow-y: scroll; + user-select: text; + -webkit-app-region: no-drag; + font-family: var(--statement-font-family); +} +.problemTitle{ + font-size: 24px; + text-align: center; + margin-bottom: 5px; +} +.problemOrigin{ + font-size: 13px; + text-align: center; + margin-bottom: 10px; +} +.problemTags{ + font-size: 16px; + text-align: center; + margin-bottom: 10px; +} +.blockManager{ + font-size: var(--statement-font-size); + margin: 10px; + border-radius: 5px; + display: flex; + flex-direction: column; + overflow: hidden; +} +.blockManagerTitle{ + padding: 5px; + font-size: calc(var(--statement-font-size) * 1.2); + height: calc(var(--statement-font-size) + 10); +} +.blockManagerContent{ + padding: 5px; +} +.loadingInterface{ + -webkit-app-region: no-drag; + transition: 0.2s; + position: absolute; + z-index: 99; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + display: grid; + place-items: center; + background: rgba(0, 0, 0, 0.9); +} +.loadingInterface > div{ + text-align: center; +} +.bigButton{ + cursor: pointer; + width: 100%; + margin: 10px 0px; + height: 40px; + border-radius: 5px; + font-size: 16px; + font-family: var(--font-family); + transition: 0.2s; +} +.bigButton:focus{ + outline: 0; +} +.bigButton>i{ + width: 16px; + margin-right: 12px; +} +.submitInterface{ + border-radius: 5px; +} +.submitInterfaceTitle{ + font-size: 16px; +} +.closeSubmitPage{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +select{ + transition: 0.2s; + border: none; + width: 100%; + color: inherit; + font-family: inherit; +} +#submitCodeArea{ + tab-size: 4; + font-size: var(--editor-font-size); + border: 1px solid #777; + padding: 5px; + outline: 0; + background: inherit; + color: inherit; + font-family: var(--editor-font-family); +} +.problemTag { + font-size: 14px; + display: inline-block; + padding: 4px 6px; + border-radius: 4px; + margin-right: 10px; +} +.addProblemInterface{ + user-select: none; + border-radius: 5px; +} +.inputButtonSplitter{ + margin-top: 30px; + display: flex; + flex-direction: row; + height: 50px; + width: calc(100% - 10px); + padding: 5px; + border-radius: 5px; + background: rgba(127, 127, 127, 0.4); + position: relative; +} +.inputButtonSplitterTitle{ + position: absolute; + top: 0px; + height: 22px; + left: 50%; + transform: translate(-50%, -50%); + background: rgba(127, 127, 127, 1); + font-size: 16px; + padding: 0px 10px; + border-radius: 5px; +} +.inputButtonSplitter > input{ + margin-top: 10px; + background: transparent; + width: calc(100% - 40px); + font-family: var(--font-family); + font-size: 20px; +} +.inputButtonSplitter > button{ + margin-top: 10px; + cursor: pointer; + margin-left: 10px; + width: 40px; + transition: 0.2s; + height: 40px; + border-radius: 5px; + font-size: 20px; + display: grid; + place-items: center; + outline: 0; +} + +.problemTag{ + user-select: none; +} +.problemTag > i{ + margin-right: 10px; +} +p{ + margin: 10px 0px; +} +.innerContentPage center{ + display: block; + margin: 10px; +} +.tex-font-style-tt{ + font-family: var(--editor-font-family); + border: 1px solid #777; + border-radius: 5px; + padding: 0px 3px; +} +.tex-font-style-it{ + font-style: italic; +} +.tex-font-style-bf{ + font-weight: bold; +} +.epigraph-text{ + margin-left: 50%; + width: 50%; + overflow: hidden; + +} +.tex-span{ + font-size: 125%; + font-family: KaTeX_Main, "Times New Roman", serif; +} +.tex-formula{ + font-size: 125%; + font-family: KaTeX_Main, "Times New Roman", serif; + display: block; + text-align: center; +} +.blockManagerContent pre{ + width: calc(100% - 15px); + overflow-x: scroll; + font-family: var(--editor-font-family); + border: 1px solid #777; + border-radius: 5px; +} +.tex-tabular .tex-tabular-text-align-left{ + text-align:left +} +.tex-tabular .tex-tabular-text-align-center{ + text-align:center +} +.tex-tabular .tex-tabular-text-align-right{ + text-align:right +} +.tex-font-size-tiny{ + font-size:70% +} +.tex-font-size-script{ + font-size:75% +} +.tex-font-size-footnotes{ + font-size:85% +} +.tex-font-size-small{ + font-size:85% +} +.tex-font-size-normal{ + font-size:100% +} +.tex-font-size-large-1{ + font-size:115% +} +.tex-font-size-large-2{ + font-size:130% +} +.tex-font-size-large-3{ + font-size:145% +} +.tex-font-size-huge-1{ + font-size:175% +} +.tex-font-size-huge-2{ + font-size:200% +} +.tex-font-style-tt{ + font-size:110%; +} +.tex-font-style-bf{ + font-weight:700 +} +.tex-font-style-up{ +} +.tex-font-style-it{ + font-style:italic +} +.tex-font-style-sl{ + font-style:italic +} +.tex-font-style-sc{ + text-transform:uppercase +} +.tex-font-style-striked{ + text-decoration:line-through +} +.tex-font-style-underline{ + text-decoration:underline +} +.tex-graphics{ + display:block +} +.verbatim{ + padding: 5px; +} +.spoiler > span{ + width: 20px; + text-align: center; + margin-right: 5px; +} +.spoiler{ + border-left: 5px solid #777; + padding-left: 5px; + overflow: hidden; +} +.sampleBlock{ + display: flex; + flex-direction: row; + width: 100%; +} +.sampleBlock > div{ + flex-grow: 1; + overflow-x: hidden; + margin: 5px; + display: flex; + width: calc(100% - 10px); + height: calc(100% - 10px); + flex-direction: column; +} +.codeDisplayer{ + tab-size: 4; + border: 1px solid #777; + border-radius: 5px; + padding: 5px; + padding-bottom: 0px; + width: calc(100% - 12px); + height: 100%; + overflow-x: scroll; + font-family: var(--editor-font-family); + font-size: var(--editor-font-size); + white-space: pre; +} +@media only screen and (max-width: 520px){ + .sampleBlock{ + flex-direction: column !important; + } +} +.copyCode{ + transition: 0.2s; + user-select: none; + cursor: pointer; + border-radius: 5px; + padding: 2px 5px; + font-size: calc(100% - 5px); + display: inline-block; +} +.watchDisplayer{ + user-select: none; + z-index: 98; + width: 370px !important; + position: absolute; + left: calc(50% - 185px + 17.5px); + top: 0px; + text-align: center; +} +.singleWatchContent{ + user-select: none; + transition: 0.2s; + padding: 0px 10px; + margin: 10px 0px; + width: 350px; + height: 50px; + border-radius: 5px; + position: relative; + display: flex; + flex-direction: column; +} +.singleWatchTitle{ + user-select: none; + font-size: 16px; + text-align: center; +} +.copyInfo{ + margin-left: 10px; + user-select: none; + cursor: pointer; + font-size: calc(100% - 4px); + padding: 2px; + border-radius: 5px; +} +.katex, +.katex-display { + user-select: all; + -moz-user-select: all; + -webkit-user-select: all; + -ms-user-select: all; +} + + + +::-webkit-scrollbar{ + width: 8px; + height: 8px; +} +::-webkit-scrollbar-thumb{ + border-radius: 2px; +} +::-webkit-scrollbar-corner{ + display: none; +} +::-webkit-scrollbar{ + transition: 0.3s; +} +::-webkit-scrollbar:hover{ + background-color: var(--scroll-bar-hover-color); +} +::-webkit-scrollbar-thumb{ + background-color: var(--scroll-bar-thumb-color); +} +.primaryColor{ + background: var(--primary-color); + transition: 0.2s; + color: white; +} +.primaryColor:hover{ + background: var(--primary-hover-color); +} +.dangerColor{ + background: var(--danger-color); + transition: 0.2s; + color: white; +} +.dangerColor:hover{ + background: var(--danger-hover-color); +} +.warningColor{ + background: var(--warning-color); + transition: 0.2s; + color: white; +} +.warningColor:hover{ + background: var(--warning-hover-color); +} +.successColor{ + background: var(--success-color); + transition: 0.2s; + color: white; +} +.successColor:hover{ + background: var(--success-hover-color); +} +.loadingColor{ + background: var(--loading-color); + transition: 0.2s; + color: white; +} +.loadingColor:hover{ + background: var(--loading-hover-color); +} +.red{ + color: var(--red-font-color); +} +.green{ + color: var(--green-font-color); +} + +.user-legendary, .user-igramdmaster, .user-grandmaster { + color: var(--user-red-color); + font-weight: 600; +} +.user-legendary:first-letter{ + color: var(--major-font-color); +} +.user-master, .user-imaster { + color: var(--user-orange-color); + font-weight: 600; +} +.user-cmaster { + color: var(--user-purple-color); + font-weight: 600; +} +.user-expert { + color: var(--user-blue-color); + font-weight: 600; +} +.user-specialist { + color: var(--user-cyan-color); + font-weight: 600; +} +.user-pupil { + color: var(--user-green-color); + font-weight: 600; +} +.user-newbie { + color: var(--user-grey-color); + font-weight: 600; +} +.user-unrated { + color: var(--major-font-color); +} + +.highcharts-background{ + background: var(--graphs-background-color) !important; +} +::selection { background: var(--selection-background-color); } + +.innerContentPage{ + background: var(--major-background-color); +} +.sideBar{ + background: var(--problem-window-side-bar-background-color); +} +.sideBarItem.chosen{ + padding-left: 5px; + border-left: 5px solid var(--problem-window-side-bar-highlight-color); +} +.sideBarItem > div:last-child:hover, .sideBarGroup > div:last-child:hover{ + background: var(--red-font-color); + color: white +} +.sideBarItem:hover, .addProblemSidebar:hover{ + background: var(--problem-window-side-bar-hover-background-color); +} +.ToolListMinimize:hover, .ToolListMaximize:hover{ + background: var(--topbar-hover-color); +} +.progressBar{ + background: var(--problem-window-info-bar-background-color); +} +.progressBar > div > div.actions:hover{ + background: var(--problem-window-info-bar-items-background-color); +} +input{ + border: 0; + border-bottom: 1px solid grey; + color: var(--major-font-color); + outline: none; +} +.blockManagerTitle{ + background: var(--single-block-title-background-color); +} +.blockManagerContent{ + background: var(--single-block-background-color); +} +.submitInterface, .addProblemInterface{ + background: var(--pop-out-block-background-color); +} +.bigButton{ + background: transparent; + border: 1px solid grey; + color: white; +} +.inputButtonSplitter > button{ + border: 1px solid grey; + color: white; +} +select{ + background: var(--settings-select-background-color); +} +a {color: var(--problem-window-link-color);} +a:hover {color: var(--problem-window-link-hover-color);} +a:onclick {color: var(--problem-window-link-onclick-color);} +a:visited {color: var(--problem-window-link-visited-color);} +table > tr > th, table > tr > td { border-color: var(--problem-window-table-border-color); } +.copyCode, .copyInfo{ + background: var(--problem-window-copy-button-background-color); +} +.copyCode:hover, .copyInfo:hover{ + background: var(--problem-window-copy-button-hover-background-color); +} +.singleWatchContent{ + background: var(--problem-window-submission-watcher-popout-background-color); +} +.sideBarGroupContents{ + background: var(--problem-window-info-bar-group-background-color); +} +.loadingInterface{ + background: var(--loading-interface-background-color); +} diff --git a/css/problem/dark.css b/css/problem/dark.css deleted file mode 100644 index a5b9bfb..0000000 --- a/css/problem/dark.css +++ /dev/null @@ -1,165 +0,0 @@ -body{ - color: #fff; -} -.HtmlContainer, .innerContentPage{ - background: rgb(29, 33, 37); -} -.sideBar{ - background: #2a2a2a; -} -.sideBarItem.chosen{ - padding-left: 5px; - border-left: 5px solid rgb(255, 204, 102); -} -.sideBarItem > div:last-child:hover, .sideBarGroup > div:last-child:hover{ - background: #ff456b; - color: white; -} -.sideBarItem:hover, .addProblemSidebar:hover{ - background: #888; -} -.ToolListMinimize:hover, .ToolListMaximize:hover{ - background: #666; -} -.progressBar{ - background: #444; -} -.progressBar > div > div.actions:hover{ - background: #777; -} -input{ - border: 0; - border-bottom: 1px solid #888; - color: white; - outline: none; -} -.blockManagerTitle{ - background: #404040; -} -.blockManagerContent{ - background: #333; -} -.submitInterface, .addProblemInterface{ - background: #302e35; -} -.bigButton{ - background: transparent; - border: 1px solid #777; - color: white; -} -.inputButtonSplitter > button{ - border: 1px solid #777; - color: white; -} -select{ - background: #302e35; -} -a {color: #55d015;} -a:hover {color: #42c100;} -a:onclick {color: #42c100;} -a:visited {color: #55d015;} -table > tr > th, table > tr > td { border-color:#fff; } -.copyCode, .copyInfo{ - background: #666; -} -.copyCode:hover, .copyInfo:hover{ - background: #777; -} -.singleWatchContent{ - background: rgba(0, 0, 0, 0.85); -} -.sideBarGroupContents{ - background: #555; -} - - - -::-webkit-scrollbar:hover{ - background-color: #666; -} -::-webkit-scrollbar-thumb{ - background-color: #888; -} -.primaryColor{ - background: rgb(38, 103, 157); - transition: 0.2s; - color: white; -} -.primaryColor:hover{ - background: rgb(26, 85, 134); -} -.dangerColor{ - background: rgb(158, 12, 41); - transition: 0.2s; - color: white; -} -.dangerColor:hover{ - background: rgb(136, 4, 31); -} -.warningColor{ - background: rgb(175, 142, 52); - transition: 0.2s; - color: white; -} -.warningColor:hover{ - background: rgb(146, 117, 37); -} -.successColor{ - background: #2ace96; - transition: 0.2s; - color: white; -} -.successColor:hover{ - background: rgb(26, 123, 90); -} -.loadingColor{ - background: rgb(175, 175, 175); - transition: 0.2s; - color: white; -} -.loadingColor:hover{ - background: rgb(150, 150, 150); -} -.red{ - color: #ff456b; -} -.green{ - color: #36c292; -} - -.user-legendary, .user-igramdmaster, .user-grandmaster { - color: rgb(255, 26, 26); - font-weight: 600; -} -.user-legendary:first-letter{ - color: white; -} -.user-master, .user-imaster { - color: rgb(255, 152, 26); - font-weight: 600; -} -.user-cmaster { - color: rgb(255, 85, 255); - font-weight: 600; -} -.user-expert { - color: rgb(51, 125, 255); - font-weight: 600; -} -.user-specialist { - color: rgb(87, 252, 242); - font-weight: 600; -} -.user-pupil { - color: rgb(114, 255, 114); - font-weight: 600; -} -.user-newbie { - color: rgb(152, 143, 129); - font-weight: 600; -} -.user-unrated { - color: white; -} -::selection { background:#707070; } -pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:inherit}.hljs-comment,.hljs-quote{color:#8b919c;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline} diff --git a/css/problem/default.css b/css/problem/default.css deleted file mode 100644 index c3834ea..0000000 --- a/css/problem/default.css +++ /dev/null @@ -1,171 +0,0 @@ -body{ - color: #000; -} -.HtmlContainer, .innerContentPage{ - background: #eee; -} -.sideBar{ - background: #ccc; -} -.sideBarItem.chosen{ - padding-left: 5px; - border-left: 5px solid #ed9970; -} -.sideBarItem > div:last-child:hover, .sideBarGroup > div:last-child:hover{ - background: #ff456b; - color: white; -} -.sideBarItem:hover, .addProblemSidebar:hover{ - background: #eee; -} -.ToolListMinimize:hover, .ToolListMaximize:hover{ - background: #bbb; -} -.progressBar{ - background: #ddd; -} -.progressBar > div > div.actions:hover{ - background: #eee; -} -input{ - border: 0; - border-bottom: 1px solid #777; - color: black; - outline: none; -} -.blockManagerTitle{ - background: #d6d6d6; -} -.blockManagerContent{ - background: #ddd; -} -.loadingInterface{ - background: rgba(200, 200, 200, 0.95); - color: black; -} -.submitInterface, .addProblemInterface{ - background: #ddd; -} -.bigButton{ - border: 1px solid #777; - color: white; -} -.inputButtonSplitter > button{ - border: 1px solid #777; - color: white; -} -select{ - background: #ddd; -} -a {color: #2aa3c3;} -a:hover {color: #4eb2cd;} -a:onclick {color: #4eb2cd;} -a:visited {color: #45d0f5;} -table > tr > th, table > tr > td { border-color:black; } -.copyCode, .copyInfo{ - background: #bbb; -} -.copyCode:hover, .copyInfo:hover{ - background: #999; -} -.singleWatchContent{ - background: rgba(255, 255, 255, 0.85); -} -.sideBarGroupContents{ - background: #bbb; -} - - - -::-webkit-scrollbar:hover{ - background-color: #ccc; -} -::-webkit-scrollbar-thumb{ - background-color: #aaa; -} - -.primaryColor{ - background: rgb(27, 124, 206); - transition: 0.2s; - color: white; -} -.primaryColor:hover{ - background: rgb(38, 103, 157); -} -.dangerColor{ - background: rgb(214, 18, 57); - transition: 0.2s; - color: white; -} -.dangerColor:hover{ - background: rgb(158, 12, 41); -} -.warningColor{ - background: rgb(228, 175, 30); - transition: 0.2s; - color: white; -} -.warningColor:hover{ - background: rgb(175, 142, 52); -} -.successColor{ - background: #36c292; - transition: 0.2s; - color: white; -} -.successColor:hover{ - background: #25a579; -} -.loadingColor{ - background: rgb(105, 105, 105); - transition: 0.2s; - color: white; -} -.loadingColor:hover{ - background: rgb(120, 120, 120); -} -.red{ - color: rgb(214, 18, 57); -} -.green{ - color: #279e75; -} - -.user-legendary, .user-igramdmaster, .user-grandmaster { - color: rgb(255, 26, 26); - font-weight: 600; -} -.user-legendary:first-letter{ - color: black; -} -.user-master, .user-imaster { - color: rgb(255, 152, 26); - font-weight: 600; -} -.user-cmaster { - color: rgb(255, 85, 255); - font-weight: 600; -} -.user-expert { - color: rgb(51, 125, 255); - font-weight: 600; -} -.user-specialist { - color: #00cec1; - font-weight: 600; -} -.user-pupil { - color: #58c758; - font-weight: 600; -} -.user-newbie { - color: rgb(152, 143, 129); - font-weight: 600; -} -.user-unrated { - color: white; -} - -::selection { background:#c3c3c3; } - -pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:inherit}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline} \ No newline at end of file diff --git a/fonts/Consolas.ttf b/fonts/Consolas.ttf deleted file mode 100644 index 1d67e79..0000000 Binary files a/fonts/Consolas.ttf and /dev/null differ diff --git a/fonts/Verdana.ttf b/fonts/Verdana.ttf deleted file mode 100644 index aa4422f..0000000 Binary files a/fonts/Verdana.ttf and /dev/null differ diff --git a/fonts/VerdanaBold.ttf b/fonts/VerdanaBold.ttf deleted file mode 100644 index e4391be..0000000 Binary files a/fonts/VerdanaBold.ttf and /dev/null differ diff --git a/fonts/verdanab.ttf b/fonts/verdanab.ttf deleted file mode 100644 index e4391be..0000000 Binary files a/fonts/verdanab.ttf and /dev/null differ diff --git a/index.html b/index.html index 54a779f..e8a84f9 100644 --- a/index.html +++ b/index.html @@ -42,11 +42,10 @@ } - + + + +
@@ -572,7 +571,34 @@
- +
+
+
+
+
+ +
+
+
+ + + + + + + + + + + +
+ + + + + +
+
@@ -603,9 +629,11 @@ - + - + + +
@@ -616,7 +644,7 @@
-
+
User Avatar
@@ -676,8 +704,19 @@
-
- +
+
+
+
+
+ + + + + + +
+
@@ -1179,6 +1218,7 @@ + - + - +
@@ -165,12 +165,12 @@ } function ChangeTheme(){ if(!DarkMode){ - $(".ThemeTypeIf").attr("href", "./css/problem/dark.css"); + $(".ThemeTypeIf").attr("href", "./css/dark.css"); if(!RunInNwjs) $('body').css('background','#222'); } else{ - $(".ThemeTypeIf").attr("href", "./css/problem/default.css"); + $(".ThemeTypeIf").attr("href", "./css/default.css"); if(!RunInNwjs) $('body').css('background','#bbb'); }