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 535ebb4..26e5e6c 100755 (executable)
--- a/catalogue/static/catalogue/css/section_list.scss
+++ b/catalogue/static/catalogue/css/section_list.scss
@@ -4,13 +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;
 
@@ -19,13 +25,22 @@ $px: 0.0625em;
         margin: 0 0 1em 0;
         font-size: 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 {
@@ -44,6 +59,9 @@ $px: 0.0625em;
             color: #fff;
         }
     }
+    .section-type-project {
+        background-color: lighten(#f4ae83, 10);
+    }
 }
 
 
@@ -63,6 +81,9 @@ $px: 0.0625em;
             color: #fff;
         }
     }
+    .section-type-project {
+        background-color: lighten(#44b69f, 25);
+    }
 }
 
 
@@ -76,11 +97,16 @@ $px: 0.0625em;
         a, a:hover {
             color: #363a3e;
         }
-        .section-type-course {
+        .section-type {
             background: white;
-            bborder-left: 1px solid #363a3e;
         }
     }
+    .section-type-synthetic {
+        width: 300*$px - 2 * 20*$px;
+    }
+    .section-type-course {
+        width: 340*$px - 2 * 20*$px;
+    }
 }