different mascottes at nav

10 files changed, 30 insertions, 12 deletions

diff --git a/css/ffci.css b/css/ffci.css
index 59bc092..395c77c 100644
--- a/css/ffci.css
+++ b/css/ffci.css
@@ -4,6 +4,7 @@ body {
   margin: 0;
   padding: 0;
   font-family: "PT Sans", Helvetica, Arial;
+  /* font-family: Helvetica, Arial; */
 }
 body, p {
   line-height: 1.4em;
@@ -15,7 +16,6 @@ div#header {
   margin: 0;
   border: 0;
   border-top: 28px solid white;
-  background-color: white;
   background-image: url("../images/headerff.jpg");
   background-repeat: no-repeat;
   background-position: 42px 0;
@@ -30,7 +30,6 @@ div#header img {
 
 
 div#links {
-  background-color: white;
   margin: 1em 0 0 0;
   padding: 0;
 }
@@ -76,7 +75,6 @@ div#links ul#lang li img {
 
 div#navigation {
   vertical-align: top;
-  background-color: white;
   padding: 0;
   margin: 1em 0 1em 1.5em;
   width: 20%; 
@@ -88,12 +86,32 @@ div#navigation h1 {
   color: #273142;
   font-size: 10pt;
   text-align: right;
-  background-color: white;
-  background-image: url("../images/mascotte.png");
+  padding: 1em 32px 0 0;
+  margin: 2.5em 0.5em 0.5em 0.5em;
+  border-bottom: 1px solid #273142;
   background-repeat: no-repeat;
-  background-position: left bottom;
-  margin: 0;
-  padding: 2.5em 0.5em 0.5em 0.5em;
+  background-position: right top;
+}
+div#navigation h1.nav-a {
+  background-image: url("../images/mascotte-a.png");
+}
+div#navigation h1.nav-b {
+  background-image: url("../images/mascotte-b.png");
+}
+div#navigation h1.nav-c {
+  background-image: url("../images/mascotte-c.png");
+}
+div#navigation h1.nav-d {
+  background-image: url("../images/mascotte-d.png");
+}
+div#navigation h1.nav-e {
+  background-image: url("../images/mascotte-e.png");
+}
+div#navigation h1.nav-f {
+  background-image: url("../images/mascotte-f.png");
+}
+div#navigation h1.nav-g {
+  background-image: url("../images/mascotte-g.png");
 }
 div#navigation ul {
   padding: 0;
diff --git a/images/mascotte-a.png b/images/mascotte-a.png
new file mode 100644
index 0000000..fa6594e
--- /dev/null
+++ b/images/mascotte-a.png
diff --git a/images/mascotte-b.png b/images/mascotte-b.png
new file mode 100644
index 0000000..b1004dd
--- /dev/null
+++ b/images/mascotte-b.png
diff --git a/images/mascotte-c.png b/images/mascotte-c.png
new file mode 100644
index 0000000..27d8f2c
--- /dev/null
+++ b/images/mascotte-c.png
diff --git a/images/mascotte-d.png b/images/mascotte-d.png
new file mode 100644
index 0000000..d753f3d
--- /dev/null
+++ b/images/mascotte-d.png
diff --git a/images/mascotte-e.png b/images/mascotte-e.png
new file mode 100644
index 0000000..757071a
--- /dev/null
+++ b/images/mascotte-e.png
diff --git a/images/mascotte-f.png b/images/mascotte-f.png
new file mode 100644
index 0000000..f35730a
--- /dev/null
+++ b/images/mascotte-f.png
diff --git a/images/mascotte-g.png b/images/mascotte-g.png
new file mode 100644
index 0000000..0d9dd4d
--- /dev/null
+++ b/images/mascotte-g.png
diff --git a/images/mascotte.png b/images/mascotte.png
deleted file mode 100644
index 5ab12f7..0000000
--- a/images/mascotte.png
+++ /dev/null
diff --git a/template/index.html b/template/index.html
index bb7e4a2..1d74ec4 100644
--- a/template/index.html
+++ b/template/index.html
@@ -23,14 +23,14 @@
    <div style="clear: both"></div>
  </div>
  <div id="navigation">
-   <h1>für Neulinge</h1>
+   <h1 class="nav-a">für Neulinge</h1>
    <ul>
      <li><a href="">Über Funkfeuer</a></li>
      <li><a href="http://wiki.ffgraz.net/FAQ">FAQ</a></li>
      <li><a href="http://wiki.ffgraz.net/ErsteSchritte">Mitmachen: Erste Schritte</a></li>
    </ul>
 
-   <h1>für Knotenbetreiber</h1>
+   <h1 class="nav-b">für Knotenbetreiber</h1>
    <ul>
       <li><a href="http://wiki.ffgraz.net">Wiki: Start</a></li>
       <li><a href="http://wiki.ffgraz.net/RouterKonfiguration">Wiki: Routerkonfiguration</a></li>
@@ -41,7 +41,7 @@
       <li><a href="http://gallery.funkfeuer.at/v/Graz/">Galerie</a></li>
    </ul>
 
-   <h1>das Netz</h1>
+   <h1 class="nav-c">das Netz</h1>
    <ul>
       <li><a href="http://stats.ffgraz.net">Statistiken</a></li>
       <li><a href="http://karte.ffgraz.net">Karte</a></li>
@@ -52,7 +52,7 @@
       <li><a href="http://stats.ffgraz.net/version/ff_version.png">Firmware Versionen</a></li>
    </ul>
 
-   <h1>find-a-title</h1>
+   <h1 class="nav-d">find-a-title</h1>
    <ul>
       <li><a href="">Geschichte</a></li>
       <li><a href="">Film</a></li>