style instructions

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

diff --git a/edumed/static/css/base.scss b/edumed/static/css/base.scss
index 4153ca2..4d7e8a7 100644 (file)
--- a/edumed/static/css/base.scss
+++ b/edumed/static/css/base.scss
@@ -46,7 +46,12 @@ header.main {
     }
     #organizer {
         float: right;
     }
     #organizer {
         float: right;

-        margin-top: 1.3em;
+        font-size: .75em;
+        color: #777;
+        
+        img {
+            margin-top: .5em;
+        }

     }
 
 
     }
 
 


@@ -70,30 +75,35 @@ header.main {
             display: block;
             vertical-align: bottom;
             font-size: .85em;
             display: block;
             vertical-align: bottom;
             font-size: .85em;

-            

         }
         a:hover {
             color: $oranji;
         }
         }
         a:hover {
             color: $oranji;
         }

+

         a:before {
         a:before {

+            content: " ";

             display: block;
             margin-bottom: .8em;
             display: block;
             margin-bottom: .8em;

+            width: 44*$px;
+            height: 34*$px;
+            text-align:center;
+            margin: auto;
+            margin-bottom: .8em;

         }
         }

-        .menu-lekcje:before { content: url(../img/menu/lekcje.png);}
-        .menu-kompetencje:before { content: url(../img/menu/katalog.png); }
-        .menu-wspolpraca:before { content: url(../img/menu/wspolpraca.png);}
-        .menu-szkolenia:before { content: url(../img/menu/szkolenia.png); }
-        .menu-wesprzyj:before { content: url(../img/menu/wesprzyj.png);}
-        .menu-o-nas:before { content: url(../img/menu/o-nas.png); }
-        .menu-kontakt:before { content: url(../img/menu/kontakt.png); }
-        .menu-lekcje:hover:before { content: url(../img/menu/lekcje_active.png);}
-        .menu-kompetencje:hover:before { content: url(../img/menu/katalog_active.png); }
-        .menu-wspolpraca:hover:before { content: url(../img/menu/wspolpraca_active.png);}
-        .menu-szkolenia:hover:before { content: url(../img/menu/szkolenia_active.png); }
-        .menu-wesprzyj:hover:before { content: url(../img/menu/wesprzyj_active.png);}
-        .menu-o-nas:hover:before { content: url(../img/menu/o-nas_active.png); }
-        .menu-kontakt:hover:before { content: url(../img/menu/kontakt_active.png); }
-
+        .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-wspolpraca:before { background: url(../img/menu/wspolpraca.png) no-repeat 0 0; background-size: 100%;}
+        .menu-szkolenia:before { background: url(../img/menu/szkolenia.png) no-repeat 0 0; background-size: 100%;}
+        .menu-wesprzyj:before { background: url(../img/menu/wesprzyj.png) no-repeat 0 0; background-size: 100%;}
+        .menu-o-nas:before { background: url(../img/menu/o-nas.png) no-repeat 0 0; background-size: 100%;}
+        .menu-kontakt:before { background: url(../img/menu/kontakt.png) no-repeat 0 0; background-size: 100%;}
+        .menu-lekcje:hover:before { background: url(../img/menu/lekcje_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-kompetencje:hover:before { background: url(../img/menu/katalog_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-wspolpraca:hover:before { background: url(../img/menu/wspolpraca_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-szkolenia:hover:before { background: url(../img/menu/szkolenia_active.png) no-repeat 0 0; background-size: 100%;}
+        .menu-wesprzyj:hover:before { background: url(../img/menu/wesprzyj_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%;}

 
     }
 
 
     }
 


@@ -199,6 +209,10 @@ footer.main {
     list-style: none;
     padding: 0;
 
     list-style: none;
     padding: 0;
 

+    li {
+        margin-bottom: .5em;
+    }
+

     a:before {
         content: "→";
         margin-right: .5em;
     a:before {
         content: "→";
         margin-right: .5em;


@@ -210,3 +224,18 @@ footer.main {
         color: $oranji;
     }
 }
         color: $oranji;
     }
 }

+.link-list-colored {
+    a {
+        color: $oranji;
+    }
+}
+
+
+.plain {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    li {
+        margin: 1em 0;
+    }
+}