nav link colors

thraxil · May 1, 2008 · 9d157f9 · 9d157f9
1 parent d7ea110
commit 9d157f9
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 14 deletions.
diff --git a/fu/templates/about.html b/fu/templates/about.html
@@ -4,6 +4,7 @@
 
 {% block title %}about{% endblock %}
 {% block masthead %}about{% endblock %}
+{% block bodyclass %}about{% endblock %}
 {% block content %}
 
 <h2 id="about-header"><span>ABOUT</span></h2>

diff --git a/fu/templates/base.html b/fu/templates/base.html
@@ -24,12 +24,12 @@ <h1 id="masthead"><span>the-fu.com: {% block masthead %}{% endblock %}</span></h
 </div>
 
 <ul id="nav">
-<li><a href="/">Home</a></li>
-<li><a href="/about/">About</a></li> 
-<li><a href="/team/">Team</a></li> 
-<li><a href="/archives/">Archives</a></li> 
-<li><a href="/links/">Links</a></li> 
-<li><a href="/contact/">Contact</a></li>
+<li id="home-nav-link"><a href="/">Home</a></li>
+<li id="about-nav-link"><a href="/about/">About</a></li> 
+<li id="team-nav-link"><a href="/team/">Team</a></li> 
+<li id="archives-nav-link"><a href="/archives/">Archives</a></li> 
+<li id="links-nav-link"><a href="/links/">Links</a></li> 
+<li id="contact-nav-link"><a href="/contact/">Contact</a></li>
 </ul>
 
 {% block content %}{% endblock %}

diff --git a/fu/templates/contact.html b/fu/templates/contact.html
@@ -4,6 +4,7 @@
 
 {% block title %}contact{% endblock %}
 {% block masthead %}contact{% endblock %}
+{% block bodyclass %}contact{% endblock %}
 {% block content %}
 
 <h2 id="contact-header"><span>CONTACT</span></h2>

diff --git a/fu/templates/flatpages/default.html b/fu/templates/flatpages/default.html
@@ -4,6 +4,7 @@
 
 {% block title %}{{ flatpage.title }}{% endblock %}
 {% block masthead %}{{ flatpage.title }}{% endblock %}
+{% block bodyclass %}{{ flatpage.title|lower }}{% endblock %}
 {% block content %}
 
 <h2>{{ flatpage.title }}</h2>

diff --git a/fu/templates/links.html b/fu/templates/links.html
@@ -4,6 +4,7 @@
 
 {% block title %}links{% endblock %}
 {% block masthead %}links{% endblock %}
+{% block bodyclass %}links{% endblock %}
 {% block content %}
 
 <div id="links-fuel">

diff --git a/media/css/site.css b/media/css/site.css
@@ -54,19 +54,32 @@ ul#nav li {
 }
 
 ul#nav a {
-   color: #ffcc33;
+   color: #cccccc;
    border-bottom: none;
 }
 
-ul#nav a:link {
-   color: #ffcc33;
-   border-bottom: none;
+ul#nav a:hover {
+  color: #ffcc33;
 }
 
-ul#nav a:visited {
-   color: #ffcc33;
-   border-bottom: none;
-}
+body.links li#links-nav-link a { color: #fc3;}
+body.about li#about-nav-link a { color: #fc3;}
+body.team li#team-nav-link a { color: #fc3;}
+body.contact li#contact-nav-link a { color: #fc3;}
+body.Archives li#archives-nav-link a { color: #fc3;}
+body.article ul#nav a { color: #fc3;}
+body.issue ul#nav a { color: #fc3;}
+
+
+//ul#nav a:link {
+//   color: #ffcc33;
+//   border-bottom: none;
+//}
+
+//ul#nav a:visited {
+//   color: #ffcc33;
+//   border-bottom: none;
+//}
 
 
 #footer{