Add some white border.

[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 ecab3c8..a9a1305 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,23 @@ $px: 0.0625em;
         margin: 0 0 1em 0;
         font-size: 1em;
     }
+
+    img {
+        float: left;
+        margin-right: 16*$px;
+        margin-bottom: 16*$px;
+        border: 6*$px solid white;
+    }
 }
 .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 +60,9 @@ $px: 0.0625em;
             color: #fff;
         }
     }
+    .section-type-project {
+        background-color: lighten(#f4ae83, 10);
+    }
 }
 
 
@@ -63,6 +82,32 @@ $px: 0.0625em;
             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;
+    }
 }
 
 
@@ -73,3 +118,10 @@ $px: 0.0625em;
 h2.section-header {
     margin: 0;
 }
+
+
+.section-list-toc {
+    display: inline-block;
+    vertical-align: top;
+    width: 300*$px;
+}