Prepared for SP 4-6.

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

diff --git a/catalogue/static/catalogue/css/layout.scss b/catalogue/static/catalogue/css/layout.scss
index 7bea63a..230e4aa 100755 (executable)
--- a/catalogue/static/catalogue/css/layout.scss
+++ b/catalogue/static/catalogue/css/layout.scss
@@ -1,6 +1,30 @@
 $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;
@@ -18,34 +42,6 @@ $new_black: #363a3e;
         }
     }
 
-    .box {
-        background-color: #d4d6d8;
-        border-radius: 15*$px;
-        padding: 17*$px 12*$px 17*$px 12*$px;
-        h1 {
-            font-size: 1em;
-            text-transform: uppercase;
-        }
-    }
-    .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: " ↓";
-    }
     .section {
         border-top: 1px solid #c9ccce;
         padding-top: 17*$px;
@@ -71,6 +67,10 @@ $new_black: #363a3e;
             color: #888;
         }
     }
+    section:first-child {
+        border-top: 0;
+        padding-top: 0;
+    }
 }
 #main-bar {
     width: 640*$px;
@@ -78,6 +78,24 @@ $new_black: #363a3e;
     .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 {