From 1064e779e2088ac02a86eb11f5b59005491bdd57 Mon Sep 17 00:00:00 2001
From: Melissa Wen <melissa.srw@gmail.com>
Date: Mon, 25 May 2015 14:42:25 -0300
Subject: [PATCH] Adding second version of spb footer

---
 colab/static/css/footer.css  | 131 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------
 colab/static/css/footer.html |  79 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 146 insertions(+), 64 deletions(-)
 create mode 100644 colab/static/css/footer.html

diff --git a/colab/static/css/footer.css b/colab/static/css/footer.css
index eb54459..2e13cf0 100644
--- a/colab/static/css/footer.css
+++ b/colab/static/css/footer.css
@@ -1,64 +1,67 @@
-.footer-content{
-  background: rgb(213,213,213);
-  padding: 20px 0;
-  font-family: 'Open Sans';
-}
-
-.footer-links > ul > li > a{
-  color:#2c66ce;
-  padding: 0;
-  font-size: 13px;
-  line-height: 1.7em;
-}
-
-.footer-links > ul > li > a:hover{
-  background: none;
-  text-decoration: underline;
-}
-
-.footer-links{
-  color:#2c66ce;
-  border-left:1px dotted #2c66ce;
-}
-
-.footer-links h2{
-  font-size: 18px;
-  font-weight: bold;
-  padding: 0;
-  line-height: 1.3em;
-  margin-top: 0;
-}
-
-.footer-logos{
-  background: #0042b2;
-  padding: 2em 0;
-  height: 49px;
-}
-
-.footer-logos .logo-acesso {
-  background: transparent url(../img/acesso-a-informacao.png) center center no-repeat;
-  width: 107px;
-}
-
-.footer-logos .logo-brasil {
-  background: transparent url(../img/brasil.png) center center no-repeat;
-  width: 153px;
-}
-
-.footer-logos .logo-sgpr {
-  background: transparent url(../img/sgpr.png) center center no-repeat;
-  width: 187px;
-  margin-right: 30px;
-}
-
-.footer-logos span{
-  color: transparent;
-}
-
-.footer-logos a:hover{
-  text-decoration: none;
-}
-
-.footer-logos a{
-  min-height: 49px;
-}
+/*Footer*/
+
+
+.footer-content{
+  background: rgb(213,213,213);
+  padding: 20px 0;
+  font-family: 'Open Sans';
+}
+
+.footer-links a{
+  color:#2c66ce;
+  font-size: 13px;
+  line-height: 1.7em;
+}
+
+.footer-links a:hover{
+  background: none;
+  text-decoration: underline;
+}
+
+.footer-links{
+  color:#2c66ce;
+  border-left:1px dotted #2c66ce;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.footer-links dt{
+  font-size: 18px;
+  font-weight: bold;
+  line-height: 1.3em;
+  margin-bottom: 8px;
+}
+
+.footer-links dd{
+  padding-bottom: 3px
+}
+
+.footer-gov{
+  background: #0042b2;
+}
+
+.footer-gov > .container{
+  padding: 2em 0;
+}
+
+.footer-gov .institucionais a{
+  display:table-cell;
+  vertical-align: middle;
+}
+
+.footer-gov a:hover{
+  text-decoration: none;
+}
+
+.footer-gov span{
+  display: none;
+}
+
+.footer-gov .logo-sgpr img, .logo-acesso img{
+  padding-right: 15%;
+}
+
+.go-top a{
+  color: #717782;
+  line-height: 1.4em;
+}
diff --git a/colab/static/css/footer.html b/colab/static/css/footer.html
new file mode 100644
index 0000000..d825314
--- /dev/null
+++ b/colab/static/css/footer.html
@@ -0,0 +1,79 @@
+<footer>
+<div class="row">
+  <div class="container">
+    <div class="pull-right go-top">
+      <a href="#header"><i class="icon-chevron-up"></i>Voltar para o topo</a>
+    </div>
+  </div>
+  <div class="col-lg-12 footer-content">
+    <div class="container">
+      <div class="row">
+        <dl class="col-md-2 col-md-offset-1 footer-links">
+          <dt>Assuntos</dt>
+          <dd><a href="http://www.softwarepubddco.gov.br/O_que_e_o_SPB" title="SPB">SPB</a></dd>
+          <dd><a href="http://pagina.softwarepubddco.gov.br/sisp" title="SISP-SPB">SISP-SPB </a></dd>
+          <dd><a href="http://www.softwarepubddco.gov.br/5cquaddbr/avaddaspb/wiki/Sobre" title="AvaddaSPB">AvaddaSPB</a></dd>
+          <dd><a href="http://www.softwarepubddco.gov.br/4cmbr/xowiki/Principal" title="4CMBr">4CMBr</a></dd>
+          <dd><a href="http://www.softwarepubddco.gov.br/5cquaddbr/xowiki/" title="5cQuaddBr" href="#">5cQuaddBr</a></dd>
+        </dl>
+        <dl class="col-md-2 footer-links">
+          <dt>Serviços</dt>
+            <dd class="portalservicos-item">
+                <a title="Perguntas frequentes" href="#">Perguntas frequentes</a>
+            </dd>
+            <dd class="portalservicos-item">
+                <a title="Contato" href="#">Contato</a>
+            </dd>
+            <dd class="portalservicos-item">
+                <a title="Serviços da [Denominação]" href="#">Serviços da [Denominação]</a>
+            </dd>
+            <dd class="portalservicos-item">
+                <a title="Dados abertos" href="#">Dados abertos</a>
+            </dd>
+            <dd class="portalservicos-item">
+                <a title="Área de imprensa" href="#">Área de imprensa</a>
+            </dd>
+        </dl>
+        <dl class="col-md-2 footer-links">
+          <dt>Redes Sociais</dt>
+            <dd class="portalredes-item"><a title="Twitter" href="https://twitter.com/twitter">
+                Twitter</a>
+              </dd>
+              <dd class="portalredes-item"><a title="YouTube" href="http://youtube.com/youtube">
+                Youtube</a>
+              </dd>
+              <dd class="portalredes-item"><a title="Facebook" href="http://facebook.com/facebook">
+                Facebook</a>
+              </dd>
+              <dd class="portalredes-item"><a title="Fddckr" href="http://fddckr.com/fddckr">
+                Fddckr</a>
+              </dd>
+        </dl>
+        <dl class="col-md-2 footer-links">
+          <dt>RSS</dt>
+            <dd><a href="#" title="O que é?">O que é?</a></dd>
+            <dd><a href="#" title="Assine">Assine</a></dd>
+        </dl>
+        <dl class="col-md-2 footer-links">
+          <dt>Navegação</dt>
+            <dd><a href="#">Acessibidddade</a></dd>
+            <dd><a href="#">Mapa do site</a></dd>
+            <dd><a href="#">Versión en Español</a></dd>
+            <dd><a href="#">Engddsh version</a></dd>
+        </dl>
+      </div>
+    </div>
+  </div>
+  <div class="row footer-gov">
+    <div class="container">
+      <div class="col-md-7">
+        <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><img class="img-responsive pull-left" src="../img/acesso-a-informacao.png" ><span>Acesso a Informação</span></a>
+      </div>
+      <div class="col-md-5 institucionais">
+        <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><img class="img-responsive" src="../img/sgpr.png" ><span>Secretaria-geral da Presidência da 
+        <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><img class="img-responsive" src="../img/brasil.png" ><span>Brasil - Governo Federal</span></a>
+      </div>
+    </div>
+  </div>
+</footer>
+
--
libgit2 0.21.2