Refactor css to avoid repeated class declarations

media/css/styles.css

@@ -170,56 +170,55 @@ a {
     text-decoration: none;
 }
 
-a.project, h1.project {
-    color: #56652d;
+div.cover {
+    background-color: #666;
 }
 
-a.activities, h1.activities {
-    color: #254d47;
+div.project {
+    background-color: #a3b74a;
 }
 
-a.activity {
-    color: #5b9a8f;
+div.project > div > h1 , div.project > ul > li > a {
+    color: #56652d;
 }
 
-h1.activity {
-    color: #fff;
+div.activities {
     background-color: #5b9a8f;
 }
 
-a.institutions, h1.institutions {
-    color: #596756;
+div.activities > div > h1 , div.activities > ul > li > a {
+    color: #254d47;
 }
 
-a.contact, h1.contact {
-    color: #70652a;
+div.activity {
+    background: url('/media/images/activity_bg.png') repeat-y;
+    background-color: #fff;
+    color: #222 !important;
 }
 
-a.exercise, a.exercise:visited {
-    color: #fff;
-    font-weight: normal;
+div.activity > a , div.activity > ul > li > a {
+    color: #5b9a8f;
 }
 
-div.cover {
-    background-color: #666;
+div.activity > div > h1 {
+    color: #fff;
+    background-color: #5b9a8f;
 }
 
-div.project {
-    background-color: #a3b74a;
+div.institutions {
+    background-color: #98aa8f;
 }
 
-div.activities {
-    background-color: #5b9a8f;
+div.institutions > div > h1 , div.institutions > ul > li > a {
+    color: #596756;
 }
 
-div.activity {
-    background: url('/media/images/activity_bg.png') repeat-y;
-    background-color: #fff;
-    color: #222 !important;
+div.contact {
+    background-color: #bfb244;
 }
 
-div.institutions {
-    background-color: #98aa8f;
+div.contact > div > h1 , div.contact > ul > li > a {
+    color: #70652a;
 }
 
 div.exercisebox {
@@ -246,3 +245,8 @@ div.exercise {
     -webkit-box-shadow: -10px 10px 15px -7px #444;
     box-shadow:         -10px 10px 15px -7px #444;
 }
+
+div.exercise > a, div.exercise > a:visited {
+    color: #fff;
+    font-weight: normal;
+}

src/Util.tmpl

 #encoding UTF-8
+
 #@staticmethod
-#def heading($title, $css_class="activity", $splash_class="splash-green")
+#def heading($title, $splash_class="splash-green")
 <div class="heading">
-  <h1 class="$css_class">
-    $title
-  </h1>
+  <h1>$title</h1>
   <div class="splash-common $splash_class"></div>
 </div>
 #end def

src/atividades/visao/bioinformatica.tmpl

@@ -4,7 +4,7 @@
 
 #def content
 <div class="content activity">
-$Util.heading(u"SABIA QUE A BIOINFORMÁTICA PODE AJUDAR A DESCOBRIR:", "activity")
+$Util.heading(u"SABIA QUE A BIOINFORMÁTICA PODE AJUDAR A DESCOBRIR:")
 
 <p>Sabia que a Bioinformática pode ajudar a descobrir:</p>
 <ul>
@@ -39,4 +39,4 @@ processos celulares iniciais envolvidos na captação da luz.</p>
   		</li>
 			</ul>
 
-#end def
\ No newline at end of file
+#end def

src/atividades/visao/pesquisas.tmpl

@@ -5,7 +5,7 @@
 
 #def content
 <div class="content activity">
-$Util.heading(u"PESQUISAS PROPOSTAS", "activity")
+$Util.heading(u"PESQUISAS PROPOSTAS")
 
 <ol>
 		<li><a class="activity" href="/pesquisa1/intro.html">Onde encontrar informação genética? </a>
@@ -39,4 +39,4 @@ $Util.heading(u"PESQUISAS PROPOSTAS", "activity")
 			</li>
 					</ol>
 
-#end def
\ No newline at end of file
+#end def

src/atividades/visao/visao.tmpl

@@ -33,7 +33,7 @@
   </div>
 </div>
 
-$Util.heading(u"ATIVIDADE <strong>VISÃO</strong>", "activity")
+$Util.heading(u"ATIVIDADE <strong>VISÃO</strong>")
 
 <p>
   Esta atividade foi desenvolvida em colaboração com os alunos do 12º ano e respetivos professores das <strong>Escolas Secundárias Miguel Torga</strong>, Queluz e <strong>Quinta do Marquês</strong>, Oeiras.

src/blog/blog.tmpl

@@ -4,7 +4,7 @@
 
 #def content
 <div class="content project">
-$Util.heading("VISITE O NOSSO BLOG", "project", "splash-white")
+$Util.heading("VISITE O NOSSO BLOG", "splash-white")
 <p><strong>Visite o <a class="project" href="http://www.evocell.org/cglblog/BioinformaticaNaEscola/"> BLOG </a> da Bioinformática na Escola e:</strong></p>
 <ul>
 	<li>Saiba como decorrem as nossas atividade

src/contacto/contacto.tmpl

@@ -4,7 +4,7 @@
 
 #def content
 <div class="content project">
-$Util.heading(u"CONTACTO", "project", "splash-white")
+$Util.heading(u"CONTACTO", "splash-white")
 <p><strong>E-mail:</strong> 
 	<a class="project" href="mailto:bioinformatica_na_escola@igc.gulbenkian.pt">bioinformatica_na_escola@igc.gulbenkian.pt</a></p>
 

src/instituicoes/centros.tmpl

@@ -5,7 +5,7 @@
 #def content
 <div class="content institutions">
 
-$Util.heading(u"CENTROS DE FORMAÇÃO CONTÍNUA DE PROFESSORES", "institutions", "splash-white")
+$Util.heading(u"CENTROS DE FORMAÇÃO CONTÍNUA DE PROFESSORES", "splash-white")
 
 <p>A formação contínua de professores, na área do projeto “Bioinformática na Escola”, foi  creditada pelo Conselho Científico-Pedagógico da Formação Contínua do Ministério da Educação, e estabelecidas parcerias com os Centros de Formação:</p>
 <h3>2011/12</h3>

src/instituicoes/escolas.tmpl

@@ -5,7 +5,7 @@
 #def content
 <div class="content institutions">
 
-$Util.heading(u"ESCOLAS", "institutions", "splash-white")
+$Util.heading(u"ESCOLAS", "splash-white")
 
 <p>O desenvolvimento e implementação do projecto teve início em 2007 e resultou da colaboração com professores e alunos das Escolas Secundárias:</p>
 <ul class="white">

src/instituicoes/instituicoes.tmpl

@@ -4,7 +4,7 @@
 
 #def content
 <div class="content institutions">
-$Util.heading(u"INSTITUIÇÕES ENVOLVIDAS NO PROJETO", "institutions", "splash-white")
+$Util.heading(u"INSTITUIÇÕES ENVOLVIDAS NO PROJETO", "splash-white")
 <p>O Projecto Bioinformática na Escola é uma colaboração entre:</p>
 <ul class="white">
   <li>A <a class="institutions" href="http://bioinformatics.igc.gulbenkian.pt"> Unidade

src/projeto/projeto.tmpl

@@ -4,18 +4,18 @@
 
 #def content
 <div class="content project">
-$Util.heading("PROJETO", "project", "splash-white")
+$Util.heading("PROJETO", "splash-white")
 <p>A Bioinformática na Escola é uma colaboração entre:</p>
 <ul>
-  <li><a class="project" href="http://bioinformatics.igc.gulbenkian.pt"> Unidade
-    de Bioinformática e Biologia Computacional</a> do 
-    <a class="project" href="http://www.igc.pt">Instituto Gulbenkian de 
-    Ciência</a>, <a class="project" href="http://www.gulbenkian.pt">FCG</a>
+  <li><a href="http://bioinformatics.igc.gulbenkian.pt">Unidade de
+     Bioinformática e Biologia Computacional</a> do 
+    <a href="http://www.igc.pt">Instituto Gulbenkian de Ciência</a>,
+    <a href="http://www.gulbenkian.pt">FCG</a>
   </li>
-  <li><a class="project" href="../instituicoes/instituicoes.html">Escolas do Ensino Secundário</a>
+  <li><a href="../instituicoes/instituicoes.html">Escolas do Ensino Secundário</a>
   </li>
 </ul>
-$Util.heading("OBJETIVOS", "project", "splash-white")
+$Util.heading("OBJETIVOS", "splash-white")
 <p>Motivar os alunos para um maior conhecimento e interesse pela ciência,
 tornando-os participantes ativos em atividades de investigação, recorrendo a
 métodos de <em>enquiry-based learning</em>. Para isso propomo-nos fornecer:</p>