Prepared for SP 4-6.

[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..192e5b6 100755 (executable)
--- a/catalogue/static/catalogue/css/section_list.scss
+++ b/catalogue/static/catalogue/css/section_list.scss
@@ -1,76 +1,86 @@
 $px: 0.0625em;
 
-.section-level {
-    width: 640*$px;
-    border-radius: 15*$px;
-    margin: 1em 0;
-}
-
-.section-type {
-    display: inline-block;
-    vertical-align: top;
-    padding: 20*$px;
+#level-chooser-place {
+    min-height: 4em;
+    margin-top: 2em;
 
-    h1 {
+    ul#level-chooser {
+        margin: 0;
+        padding: 1em 0 1em 140*$px;
+        background-color: white;
+        width: 500*$px;
+        z-index: 300;
+        position: relative;
         text-transform: uppercase;
-        margin: 0 0 1em 0;
-        font-size: 1em;
-    }
+        text-align: right;
 
-    .section-lessons {
-        padding: 0 0 0 1em;
-    }
-}
-.section-type-synthetic {
-    width: 300*$px - 2 * 20*$px;
-}
-.section-type-course {
-    border-radius: 0 15*$px 15*$px 0;
-    width: 340*$px - 2 * 20*$px;
-}
+        .home {
+            display: none;
+            position: absolute;
+            top: .5em;
+            left: 0;
 
-.section-level-gimnazjum {
-    background: #f4ae83;
-    color: #67584f;
-    a {
-        color: #67584f;
-    }
+            a {
+                background: none;
+                padding: 0;
+                img {
+                    width: 100*$px;
+                }
+            }
+        }
 
-    .section-type-synthetic {
-    }
-    .section-type-course {
-        background: #ed7831;
-        color: #fff;
-        a {
-            color: #fff;
+        &.fixed {
+            position: fixed;
+            top: 0;
+            border-bottom: 1px solid #c9ccce;
+
+            .home {
+                display: block;
+            }
         }
-    }
-}
 
+        li {
+            display: inline-block;
+            list-style: none;
 
-.section-level-liceum {
-    background: #f4ae83;
-    color: #67584f;
-    a {
-        color: #67584f;
-    }
+            a {
+                padding: .5em 1em;
+                border-radius: 5*$px;
+                background: #eee;
 
-    .section-type-synthetic {
-    }
-    .section-type-course {
-        background: #ed7831;
-        color: #fff;
-        a {
-            color: #fff;
+                &.active {
+                    color: white;
+                    background: #ED7831;
+                }
+            }
         }
     }
 }
 
+.level {
+    .link-list {
+        margin-left: 1em;
+    }
 
-.section-links {
-    float: right;
-}
+    .level-toc {
+        overflow: hidden; /* Because we're changing bg color lower. */
 
-h2.section-header {
-    margin: 0;
+        &.fixed {
+            position: fixed;
+        }
+
+        .link-list {
+            margin-left: 1em;
+
+            li {
+                margin-bottom: 0;
+
+                &.curriculumcourses {
+                    margin: 10px -17px -17px;
+                    padding: 10px 16px 16px;
+                    background-color: #eee;
+                }
+            }
+        }
+    }
 }