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 23f248b..26e5e6c 100755 (executable)
--- a/catalogue/static/catalogue/css/section_list.scss
+++ b/catalogue/static/catalogue/css/section_list.scss
@@ -4,10 +4,19 @@ $px: 0.0625em;
     width: 640*$px;
     border-radius: 15*$px;
     margin: 1em 0;
+    overflow: hidden;
+
+    a:hover {
+        text-decoration: underline;
+    }
+}
+
+.sections-row {
+    display: table;
 }
 
 .section-type {
-    display: inline-block;
+    display: table-cell;
     vertical-align: top;
     padding: 20*$px;
 
@@ -17,22 +26,27 @@ $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-type-synthetic {
-    width: 300*$px - 2 * 20*$px;
+    width: 340*$px - 2 * 20*$px;
 }
 .section-type-course {
-    border-radius: 0 15*$px 15*$px 0;
-    width: 340*$px - 2 * 20*$px;
+    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;
     }
 
@@ -45,25 +59,54 @@ $px: 0.0625em;
             color: #fff;
         }
     }
+    .section-type-project {
+        background-color: lighten(#f4ae83, 10);
+    }
 }
 
 
 .section-level-liceum {
-    background: #f4ae83;
-    color: #67584f;
-    a {
-        color: #67584f;
+    background: #44b69f;
+    color: #363a3e;
+    a, a:hover {
+        color: #363a3e;
     }
 
     .section-type-synthetic {
     }
     .section-type-course {
-        background: #ed7831;
+        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;
+    }
 }
 
 
@@ -74,3 +117,10 @@ $px: 0.0625em;
 h2.section-header {
     margin: 0;
 }
+
+
+.section-list-toc {
+    display: inline-block;
+    vertical-align: top;
+    width: 300*$px;
+}