most of stage 2

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

diff --git a/edumed/static/catalogue/css/layout.scss b/edumed/static/catalogue/css/layout.scss
new file mode 100755 (executable)
index 0000000..230e4aa
--- /dev/null
+++ b/edumed/static/catalogue/css/layout.scss
@@ -0,0 +1,112 @@
+$px: .0625em;
+$new_black: #363a3e;
+
+.box-button {
+    background-color: #ed7831;
+    border-radius: 15*$px;
+    .dl-button {
+        color: white;
+        padding: 17*$px 12*$px 17*$px 12*$px;
+    }
+}
+.dl-button {
+    color: $new_black;
+    display: block;
+    font-weight: bold;
+    text-align: center;
+    text-transform: uppercase;
+    font-size: .9em;
+}
+.dl-button:after {
+    content: " ↓";
+}
+
+#main-bar section.button {
+    margin-bottom: 17*$px;
+}
+
+#sidebar {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 220*$px;
+    color: $new_black;
+
+    section {
+        margin-bottom: 17*$px;
+        h1 {
+            margin: 0;
+        }
+        h1.realisation {
+            font-weight: normal;
+        }
+    }
+
+    .section {
+        border-top: 1px solid #c9ccce;
+        padding-top: 17*$px;
+    }
+    .section-minor {
+        border-top: 1px solid #c9ccce;
+        padding-top: 17*$px;
+        h1 {
+            font-weight: normal;
+            font-size: 1em;
+        }
+    }
+    .section-micro {
+        font-size: .8em;
+        color: #888;
+        border-top: 1px solid #c9ccce;
+        padding-top: 17*$px;
+        h1 {
+            font-weight: normal;
+            font-size: 1em;
+        }
+        .link-list a {
+            color: #888;
+        }
+    }
+    section:first-child {
+        border-top: 0;
+        padding-top: 0;
+    }
+}
+#main-bar {
+    width: 640*$px;
+
+    .top-link {
+        float:right;
+    }
+
+    .box {
+        background-color: #d4d6d8;
+        border-radius: 15*$px;
+        padding: 17*$px;
+        h1 {
+            font-size: 1em;
+            text-transform: uppercase;
+        }
+        p {
+            margin: 0;
+        }
+        .box-icon {
+            margin: -.2em 0 -.2em 1em;
+            float: right;
+            text-align: center;
+        }
+    }
+}
+
+.lesson-footer {
+    clear: both;
+    border-top: 1px solid #777;
+    margin-top: 2em;
+    padding-top: 1em;
+
+    .section-info {
+        text-align: center;
+    }
+    .previous-lesson {float: left;}
+    .next-lesson {float: right;}
+}