Reorder CSS

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 */
-}