Fixes #2904: Infographics support.

[edumed.git] / catalogue / static / catalogue / css / section_list.scss

diff --git a/catalogue/static/catalogue/css/section_list.scss b/catalogue/static/catalogue/css/section_list.scss
index 9700ca1..26e5e6c 100755 (executable)
--- a/catalogue/static/catalogue/css/section_list.scss
+++ b/catalogue/static/catalogue/css/section_list.scss
@@ -1,13 +1,22 @@
 $px: 0.0625em;
 
 .section-level {
-    width: 600*$px;
+    width: 640*$px;
     border-radius: 15*$px;
+    margin: 1em 0;
+    overflow: hidden;
+
+    a:hover {
+        text-decoration: underline;
+    }
 }
 
-.section-depth {
-    display: inline-block;
-    width: 300*$px - 2 * 20*$px;
+.sections-row {
+    display: table;
+}
+
+.section-type {
+    display: table-cell;
     vertical-align: top;
     padding: 20*$px;
 
@@ -17,49 +26,101 @@ $px: 0.0625em;
         font-size: 1em;
     }
 
-    .section-lessons {
-        padding: 0 0 0 1em;
+    img {
+        float: left;
+        margin-right: 16*$px;
+        margin-bottom: 16*$px;
     }
 }
-.section-depth-1 {
-    border-radius: 0 15*$px 15*$px 0;
+.section-type-synthetic {
+    width: 340*$px - 2 * 20*$px;
+}
+.section-type-course {
+    width: 300*$px - 2 * 20*$px;
+}
+
+.section-type-project {
+    width: 640*$px - 2 * 20*$px;
 }
 
 .section-level-gimnazjum {
     background: #f4ae83;
     color: #67584f;
-    a {
+    a, a:hover {
         color: #67584f;
     }
 
-    .section-depth-0 {
+    .section-type-synthetic {
     }
-    .section-depth-1 {
+    .section-type-course {
         background: #ed7831;
         color: #fff;
         a {
             color: #fff;
         }
     }
+    .section-type-project {
+        background-color: lighten(#f4ae83, 10);
+    }
 }
 
 
-.section-level-L {
-    background: #f4ae83;
-    color: #67584f;
-    a {
-        color: #67584f;
+.section-level-liceum {
+    background: #44b69f;
+    color: #363a3e;
+    a, a:hover {
+        color: #363a3e;
     }
 
-    .section-depth-0 {
+    .section-type-synthetic {
     }
-    .section-depth-1 {
-        background: #ed7831;
+    .section-type-course {
+        background: #16a487;
         color: #fff;
         a {
             color: #fff;
         }
     }
+    .section-type-project {
+        background-color: lighten(#44b69f, 25);
+    }
+}
+
+
+.course-boxes {
+    h1 {
+        color: #363a3e;
+    }
+    .section-level {
+        background: white;
+        border: 1px solid #777;
+        a, a:hover {
+            color: #363a3e;
+        }
+        .section-type {
+            background: white;
+        }
+    }
+    .section-type-synthetic {
+        width: 300*$px - 2 * 20*$px;
+    }
+    .section-type-course {
+        width: 340*$px - 2 * 20*$px;
+    }
 }
 
 
+.section-links {
+    float: right;
+}
+
+h2.section-header {
+    margin: 0;
+}
+
+
+.section-list-toc {
+    display: inline-block;
+    vertical-align: top;
+    width: 300*$px;
+}