X-Git-Url: https://git.mdrn.pl/edumed.git/blobdiff_plain/483e6706c77dd3531f8b02334a7fde0491ca138d..46736fa2e21e4a298aa8ae9b8dc0628f376caa87:/edumed/static/css/base.scss

diff --git a/edumed/static/css/base.scss b/edumed/static/css/base.scss
index 4d7e8a7..b422a2d 100644
--- a/edumed/static/css/base.scss
+++ b/edumed/static/css/base.scss
@@ -1,9 +1,7 @@
-@import url(http://fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
+@import url(//fonts.googleapis.com/css?family=Dosis:400,700&subset=latin,latin-ext);
 
-$px: .0625em;
-$oranji: #ed7831;
-$ciemny: #363a3e;
-$zielony: #16a487;
+@import "vars";
+@import "mixins";
 
 
 a {
@@ -16,14 +14,28 @@ a {
 }
 
 body {
-    font-family: Dosis;
+    @include base-font;
     margin: 0;
-    background: white;
-    color: $ciemny;
 }
 .clr {
     clear: both;
 }
+
+#banners {
+    margin: 0 auto;
+    width: 58.75em;
+
+    > a {
+        display: block;
+        width: 100%;
+    }
+
+    img {
+        display: block;
+        margin: 0 auto;
+        width: 100%;
+    }
+}
 #header-wrapper {
     background-image: url(../img/header-bar.png);
     background-repeat: repeat-x;
@@ -140,16 +152,16 @@ footer.main {
     border-top: 1px solid #c9ccce;
     width: 940 * $px;
     padding: .2em 10 * $px;
-    margin: 40*$px auto 0 auto;
+    margin: 40*$px auto 1em auto;
     color: #9a9c9e;
 
+    p {
+        font-size: .75em;
+    }
     .footer-item {
         float: left;
         margin-right: 20 * $px;
         width: 220 * $px;
-        p {
-            font-size: .75em;
-        }
     }
     .sponsors-column {
         float: left;
@@ -159,6 +171,9 @@ footer.main {
             font-size: .75em;
         }
     }
+    .footer-extra p {
+        margin-top: 0;
+    }
 }
 
 
@@ -239,3 +254,10 @@ footer.main {
         margin: 1em 0;
     }
 }
+
+.flatpage {
+    img {
+        border: 5*$px solid #eee;
+        margin: 1.3em;
+    }
+}