change menu icons to backgrounds
authorRadek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Fri, 8 Feb 2013 16:04:43 +0000 (17:04 +0100)
committerRadek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>
Fri, 8 Feb 2013 16:04:43 +0000 (17:04 +0100)
16 files changed:
edumed/static/css/base.css
edumed/static/css/base.scss
edumed/static/img/menu/katalog.png
edumed/static/img/menu/katalog_active.png
edumed/static/img/menu/kontakt.png
edumed/static/img/menu/kontakt_active.png
edumed/static/img/menu/lekcje.png
edumed/static/img/menu/lekcje_active.png
edumed/static/img/menu/o-nas.png
edumed/static/img/menu/o-nas_active.png
edumed/static/img/menu/szkolenia.png
edumed/static/img/menu/szkolenia_active.png
edumed/static/img/menu/wesprzyj.png
edumed/static/img/menu/wesprzyj_active.png
edumed/static/img/menu/wspolpraca.png
edumed/static/img/menu/wspolpraca_active.png

index 126a98f..4d807d7 100644 (file)
@@ -55,36 +55,55 @@ header.main {
   header.main nav a:hover {
     color: #ed7831; }
   header.main nav a:before {
   header.main nav a:hover {
     color: #ed7831; }
   header.main nav a:before {
+    content: " ";
     display: block;
     display: block;
-    margin-bottom: .8em; }
+    margin-bottom: .8em;
+    width: 2.75em;
+    height: 2.125em;
+    text-align: center;
+    margin: auto; }
   header.main nav .menu-lekcje:before {
   header.main nav .menu-lekcje:before {
-    content: url(../img/menu/lekcje.png); }
+    background: url(../img/menu/lekcje.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-kompetencje:before {
   header.main nav .menu-kompetencje:before {
-    content: url(../img/menu/katalog.png); }
+    background: url(../img/menu/katalog.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-wspolpraca:before {
   header.main nav .menu-wspolpraca:before {
-    content: url(../img/menu/wspolpraca.png); }
+    background: url(../img/menu/wspolpraca.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-szkolenia:before {
   header.main nav .menu-szkolenia:before {
-    content: url(../img/menu/szkolenia.png); }
+    background: url(../img/menu/szkolenia.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-wesprzyj:before {
   header.main nav .menu-wesprzyj:before {
-    content: url(../img/menu/wesprzyj.png); }
+    background: url(../img/menu/wesprzyj.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-o-nas:before {
   header.main nav .menu-o-nas:before {
-    content: url(../img/menu/o-nas.png); }
+    background: url(../img/menu/o-nas.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-kontakt:before {
   header.main nav .menu-kontakt:before {
-    content: url(../img/menu/kontakt.png); }
+    background: url(../img/menu/kontakt.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-lekcje:hover:before {
   header.main nav .menu-lekcje:hover:before {
-    content: url(../img/menu/lekcje_active.png); }
+    background: url(../img/menu/lekcje_active.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-kompetencje:hover:before {
   header.main nav .menu-kompetencje:hover:before {
-    content: url(../img/menu/katalog_active.png); }
+    background: url(../img/menu/katalog_active.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-wspolpraca:hover:before {
   header.main nav .menu-wspolpraca:hover:before {
-    content: url(../img/menu/wspolpraca_active.png); }
+    background: url(../img/menu/wspolpraca_active.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-szkolenia:hover:before {
   header.main nav .menu-szkolenia:hover:before {
-    content: url(../img/menu/szkolenia_active.png); }
+    background: url(../img/menu/szkolenia_active.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-wesprzyj:hover:before {
   header.main nav .menu-wesprzyj:hover:before {
-    content: url(../img/menu/wesprzyj_active.png); }
+    background: url(../img/menu/wesprzyj_active.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-o-nas:hover:before {
   header.main nav .menu-o-nas:hover:before {
-    content: url(../img/menu/o-nas_active.png); }
+    background: url(../img/menu/o-nas_active.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main nav .menu-kontakt:hover:before {
   header.main nav .menu-kontakt:hover:before {
-    content: url(../img/menu/kontakt_active.png); }
+    background: url(../img/menu/kontakt_active.png) no-repeat 0 0;
+    background-size: 100%; }
   header.main #tagline {
     clear: both;
     float: left;
   header.main #tagline {
     clear: both;
     float: left;
index 093c979..b21a555 100644 (file)
@@ -75,30 +75,34 @@ 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;
         }
         }
-        .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%;}
 
     }
 
 
     }
 
index 429c03f..106bdae 100644 (file)
Binary files a/edumed/static/img/menu/katalog.png and b/edumed/static/img/menu/katalog.png differ
index c4de4a7..5485b5e 100644 (file)
Binary files a/edumed/static/img/menu/katalog_active.png and b/edumed/static/img/menu/katalog_active.png differ
index 193b815..291865d 100644 (file)
Binary files a/edumed/static/img/menu/kontakt.png and b/edumed/static/img/menu/kontakt.png differ
index 6e9fcef..892da3c 100644 (file)
Binary files a/edumed/static/img/menu/kontakt_active.png and b/edumed/static/img/menu/kontakt_active.png differ
index f1aba2f..9989280 100644 (file)
Binary files a/edumed/static/img/menu/lekcje.png and b/edumed/static/img/menu/lekcje.png differ
index 3a8865a..47ed591 100644 (file)
Binary files a/edumed/static/img/menu/lekcje_active.png and b/edumed/static/img/menu/lekcje_active.png differ
index fdc7f4a..00dab37 100644 (file)
Binary files a/edumed/static/img/menu/o-nas.png and b/edumed/static/img/menu/o-nas.png differ
index ae004c1..1fc61e9 100644 (file)
Binary files a/edumed/static/img/menu/o-nas_active.png and b/edumed/static/img/menu/o-nas_active.png differ
index cb0e744..97f8362 100644 (file)
Binary files a/edumed/static/img/menu/szkolenia.png and b/edumed/static/img/menu/szkolenia.png differ
index da0a1d5..271eb8a 100644 (file)
Binary files a/edumed/static/img/menu/szkolenia_active.png and b/edumed/static/img/menu/szkolenia_active.png differ
index 28e2037..5182a12 100644 (file)
Binary files a/edumed/static/img/menu/wesprzyj.png and b/edumed/static/img/menu/wesprzyj.png differ
index 1c3b4c8..0402b9f 100644 (file)
Binary files a/edumed/static/img/menu/wesprzyj_active.png and b/edumed/static/img/menu/wesprzyj_active.png differ
index 791544d..af1aa43 100644 (file)
Binary files a/edumed/static/img/menu/wspolpraca.png and b/edumed/static/img/menu/wspolpraca.png differ
index 830bcc1..e849d30 100644 (file)
Binary files a/edumed/static/img/menu/wspolpraca_active.png and b/edumed/static/img/menu/wspolpraca_active.png differ