SPDT
/
sapl
mirror of https://github.com/interlegis/sapl.git
5
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Convert footer to bootstrap

pull/202/head
Marcio Mazza 9 years ago
parent
4861c4a9a4
commit
0fa3307673
2 changed files with 63 additions and 24 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      static/styles/app.scss
  2. 60
      templates/base.html

27
static/styles/app.scss
View File

@ -81,4 +81,31 @@ p.control-label {
border-bottom: 1px solid $legend-border-color;
}
// #### footer ###########################################
// based on http://getbootstrap.com/examples/sticky-footer
$footer-height : 140px;
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: $footer-height + 20px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: $footer-height;
background: #364347 none repeat scroll 0% 0%;
color: white;
text-align: center;
p {
color: white;
margin-top: 10px;
}
.container {
padding-top: 25px;
}
}

60
templates/base.html
View File

@ -173,31 +173,43 @@
<footer id="footer" class="footer page__row">
<div class="container">
<div class="footer__block footer__block--about footer__block--separator">
<a class="footer__logo" href="#">
<img src="{% static 'img/logo_interlegis.png' %}" alt="{% trans 'Logo do Interlegis' %} ">
</a>
<small>
Desenvolvido pelo <a href="#">Interlegis</a> em software livre e aberto sobre o <a href="#">Zope</a>.
</small>
</div>
<div class="footer__block footer__block--license footer__block--separator">
<a class="footer__logo" href="#">
<img src="{% static 'img/logo_cc.png' %}" alt="{% trans 'Logo do Creative Commons BY SA' %}">
</a>
<small>
Conteúdo e dados sob licença <a href="#">Creative Commons</a> 4.0 <a href="#">Atribuir Fonte - Compartilhar Igual</a>
</small>
</div>
<div class="footer__block footer__block--parliament-info vcard">
<span class="org">{{ parliament_type }}</span> de <span class="locality">{{ city }}</span> - <abbr class="region" title="{{ state }}">{{ state_abbr }}</abbr>
<br>
<span class="street-address">{{ address }}</span>
<br> CEP: <span class="postal-code">{{ postal_code }}</span> | Telefone: <span>{{ phone_number }}</span>
<br>
<a href="{{url_portal}}" class="url">{% trans 'Site da Câmara' %}</a> | <a href="{{url_email}}" class="email">{% trans 'Fale Conosco' %}</a>
<br>
<div class="row">
<div class="col-md-4">
<a class="footer__logo" href="#">
<img src="{% static 'img/logo_interlegis.png' %}" alt="{% trans 'Logo do Interlegis' %} ">
</a>
<p>
<small>
Desenvolvido pelo <a href="#">Interlegis</a> em software livre e aberto.
</small>
</p>
</div>
<div class="col-md-4">
<a class="footer__logo" href="#">
<img src="{% static 'img/logo_cc.png' %}" alt="{% trans 'Logo do Creative Commons BY SA' %}">
</a>
<p>
<small>
Conteúdo e dados sob licença <a href="#">Creative Commons</a> 4.0 <a href="#">Atribuir Fonte - Compartilhar Igual</a>
</small>
</p>
</div>
<div class="col-md-4">
<address>
<small>
<strong>
<span class="org">{{ parliament_type }}</span> de <span class="locality">{{ city }}</span> - <abbr class="region" title="{{ state }}">{{ state_abbr }}</abbr>
</strong>
<br>
<span class="street-address">{{ address }}</span>
<br> CEP: <span class="postal-code">{{ postal_code }}</span> | Telefone: <span>{{ phone_number }}</span>
<br>
<a href="{{url_portal}}" class="url">{% trans 'Site da Câmara' %}</a> | <a href="{{url_email}}" class="email">{% trans 'Fale Conosco' %}</a>
</small>
</address>
</div>
</div>
</div>
</footer>

Write Preview
Loading…
Cancel
Save