diff options
-rw-r--r-- | css/codeq.css | 100 |
1 files changed, 49 insertions, 51 deletions
diff --git a/css/codeq.css b/css/codeq.css index 0603984..0bd02b3 100644 --- a/css/codeq.css +++ b/css/codeq.css @@ -185,11 +185,45 @@ div.vertical-line{ overflow: hidden; } -/* screen solutions */ -h2.group-title a.view-solutions { +/* screen problem-list */ +#screen-problem-list .language-description { + margin-bottom: 1em; +} + +#screen-problem-list .group-description { + margin-bottom: 0.5em; +} + +#screen-problem-list h2.group-title { + font-size: 1.4em; + font-weight: bold; +} + +#screen-problem-list h2.group-title a.view-solutions { font-size: small; } +#screen-problem-list ul.group-problems { + padding-left: 1em; +} + +#screen-problem-list ul.group-problems li { + list-style-type: none; +} + +#screen-problem-list ul.group-problems a::before { + color: gray; + content: '○ '; /* non-breaking spaces */ +} +#screen-problem-list ul.group-problems a.attempted::before { + color: #e4c13b; + content: '● '; /* non-breaking spaces */ +} +#screen-problem-list ul.group-problems a.solved::before { + color: #5baa5b; + content: '● '; /* non-breaking spaces */ +} + /* description */ .block-left { padding-left: 1em; @@ -238,6 +272,19 @@ h2.group-title a.view-solutions { text-align: left; } +.CodeMirror { + height: auto; +} + +.CodeMirror-scroll { + height: auto; + min-height: 6em; +} + +.CodeMirror.disabled { + opacity: 0.75; +} + /* console */ .block > .console { background: #222; @@ -270,20 +317,6 @@ h2.group-title a.view-solutions { right: 1em; } -/*CodeMirror for mobile design*/ -.CodeMirror { - height: auto; -} - -.CodeMirror-scroll { - height: auto; - min-height: 6em; -} - -.CodeMirror.disabled { - opacity: 0.75; -} - /***** responsiveness *****/ /* md & ld */ @media (min-width: 992px) { @@ -493,38 +526,3 @@ h2.group-title a.view-solutions { .console::-webkit-scrollbar-thumb:active { background: rgba(255,255,255,0.9);; } - -/* problem index screen */ -#screen-problem-list .language-description { - margin-bottom: 1em; -} - -#screen-problem-list .group-description { - margin-bottom: 0.5em; -} - -#screen-problem-list h2 { - font-size: 1.4em; - font-weight: bold; -} - -#screen-problem-list ul.group-problems { - padding-left: 1em; -} - -#screen-problem-list ul.group-problems li { - list-style-type: none; -} - -#screen-problem-list ul.group-problems a::before { - color: gray; - content: '○ '; /* non-breaking spaces */ -} -#screen-problem-list ul.group-problems a.attempted::before { - color: #e4c13b; - content: '● '; /* non-breaking spaces */ -} -#screen-problem-list ul.group-problems a.solved::before { - color: #5baa5b; - content: '● '; /* non-breaking spaces */ -} |