librarian update

[edumed.git] / edumed / static / css / base.scss

diff --git a/edumed/static/css/base.scss b/edumed/static/css/base.scss
index b21a555..88d2033 100644 (file)
--- 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 {
 
 
 a {


@@ -16,14 +14,28 @@ a {
 }
 
 body {
 }
 
 body {

-    font-family: Dosis;
+    @include base-font;

     margin: 0;
     margin: 0;

-    background: white;
-    color: $ciemny;

 }
 .clr {
     clear: both;
 }
 }
 .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;
 #header-wrapper {
     background-image: url(../img/header-bar.png);
     background-repeat: repeat-x;


@@ -88,6 +100,7 @@ header.main {
             height: 34*$px;
             text-align:center;
             margin: auto;
             height: 34*$px;
             text-align:center;
             margin: auto;

+            margin-bottom: .8em;

         }
         .menu-lekcje:before { background: url(../img/menu/lekcje.png) no-repeat 0 0; background-size: 100%;}
         .menu-kompetencje:before { background: url(../img/menu/katalog.png) no-repeat 0 0; background-size: 100%;}
         }
         .menu-lekcje:before { background: url(../img/menu/lekcje.png) no-repeat 0 0; background-size: 100%;}
         .menu-kompetencje:before { background: url(../img/menu/katalog.png) no-repeat 0 0; background-size: 100%;}


@@ -104,6 +117,24 @@ header.main {
         .menu-o-nas:hover:before { background: url(../img/menu/o-nas_active.png) no-repeat 0 0; background-size: 100%;}
         .menu-kontakt:hover:before { background: url(../img/menu/kontakt_active.png) no-repeat 0 0; background-size: 100%;}
 
         .menu-o-nas:hover:before { background: url(../img/menu/o-nas_active.png) no-repeat 0 0; background-size: 100%;}
         .menu-kontakt:hover:before { background: url(../img/menu/kontakt_active.png) no-repeat 0 0; background-size: 100%;}
 

+        .menu-oc-program:before { background: url(../img/menu/olimpiada/program.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-harmonogram:before { background: url(../img/menu/olimpiada/harmonogram.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-regulamin:before { background: url(../img/menu/olimpiada/regulamin.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-literatura:before { background: url(../img/menu/olimpiada/literatura.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-komitet:before { background: url(../img/menu/olimpiada/komitet.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-kontakt:before { background: url(../img/menu/olimpiada/kontakt.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-program:hover:before {
+            background: url(../img/menu/olimpiada/program_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-harmonogram:hover:before {
+            background: url(../img/menu/olimpiada/harmonogram_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-regulamin:hover:before {
+            background: url(../img/menu/olimpiada/regulamin_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-literatura:hover:before {
+            background: url(../img/menu/olimpiada/literatura_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-komitet:hover:before {
+            background: url(../img/menu/olimpiada/komitet_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-oc-kontakt:hover:before {
+            background: url(../img/menu/olimpiada/kontakt_active.png) no-repeat 0 0; background-size: 100%;}

     }
 
     #tagline {
     }
 
     #tagline {


@@ -139,16 +170,16 @@ footer.main {
     border-top: 1px solid #c9ccce;
     width: 940 * $px;
     padding: .2em 10 * $px;
     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;
 
     color: #9a9c9e;
 

+    p {
+        font-size: .75em;
+    }

     .footer-item {
         float: left;
         margin-right: 20 * $px;
         width: 220 * $px;
     .footer-item {
         float: left;
         margin-right: 20 * $px;
         width: 220 * $px;

-        p {
-            font-size: .75em;
-        }

     }
     .sponsors-column {
         float: left;
     }
     .sponsors-column {
         float: left;


@@ -158,6 +189,9 @@ footer.main {
             font-size: .75em;
         }
     }
             font-size: .75em;
         }
     }

+    .footer-extra p {
+        margin-top: 0;
+    }

 }
 
 
 }
 
 


@@ -223,6 +257,13 @@ footer.main {
         color: $oranji;
     }
 }
         color: $oranji;
     }
 }

+.link-list-colored {
+    a {
+        color: $oranji;
+    }
+}
+
+

 .plain {
     margin: 0;
     padding: 0;
 .plain {
     margin: 0;
     padding: 0;


@@ -231,3 +272,10 @@ footer.main {
         margin: 1em 0;
     }
 }
         margin: 1em 0;
     }
 }

+
+.flatpage {
+    img {
+        border: 5*$px solid #eee;
+        margin: 1.3em;
+    }
+}