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

Adiciona CSS

pull/523/head
Eduardo Edson Batista Cordeiro Alves 9 years ago
parent
de13e965ae
commit
7539587d66
2 changed files with 344 additions and 1 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. 187
      sapl/static/styles/app.scss
  2. 158
      sapl/templates/index.html

187
sapl/static/styles/app.scss
View File

@ -139,3 +139,190 @@ fieldset {
}
}
}
.btn-primary, .btn-danger{
font-size: 16px;
height: 40px !important;
display: inline-block;
}
/* INDEX */
#homeIndex {
text-align: center;
}
.homeBanner span {
color: white;
font-size: 32px;
font-weight: 600;
display: inline-block;
vertical-align: middle;
padding: 2px 45px 4px;
border: 2px solid;
}
.homeBanner::after {
display: inline-block;
vertical-align: middle;
height: 100%;
}
.homeBlock {
display: inline-block;
position: relative;
background-color: #EBEBEB;
width: 190px;
height: 260px;
margin: 3px;
text-align: center;
font-size: 0;
overflow: hidden;
}
.homeBlock > a {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.homeBlock::after {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
overflow: visible;
clear: none;
visibility: initial;
}
.homeContent {
position: relative;
padding: 10px;
text-align: justify;
font-size: 14px;
color: #FFF;
opacity: 0;
transition: opacity 0.5s ease;
display: inline-block;
vertical-align: middle;
}
.homeContent p {
display: block;
line-height: 13px;
font-size: 80%;
}
.homeIcon {
position: relative;
display: inline-block;
width: 105px;
height: 105px;
border-radius: 50%;
background: #27ae60;
z-index: 1;
}
.homeIcon::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: #27ae60;
top: 0;
left: 0;
transform: scale(0.95);
transition: transform 0.6s ease;
}
.homeIcon img {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
transition: opacity 0.4s 0.4s ease;
}
.homeFront {
position: absolute;
top: 46%;
width: 100%;
font-size: 0;
transform: translateY(-60%);
}
.homeFront h2 {
position: absolute;
margin-top: 14px;
font-size: 20px;
font-weight: 700;
color: #595959 !important;
width: 88%;
padding: 0 6%;
z-index: 0;
}
.homeTitle {
display: block;
height: 32px;
text-align: center;
width: 100%;
opacity: 0;
transition: opacity 0.4s ease;
}
.homeTitle::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.homeTitle h2 {
display: inline-block;
vertical-align: middle;
max-width: 110px;
font-size: 14px;
color: white !important;
line-height: 1em;
}
.homeTitle img {
display: inline-block;
vertical-align: middle;
height: 30px;
margin-right: 5px;
}
.homeBlock:hover .homeIcon::before {
transform: scale(3.6) translateY(7px);
}
.homeBlock:hover .homeContent{
opacity: 1;
transition-delay: 0.2s;
}
.homeBlock:hover .homeIcon img {
opacity: 0;
transition-duration: 0.2s;
transition-delay: 0s;
}
.homeBlock:hover .homeTitle {
opacity: 1;
}
h1, h2, h3, h4, h5, h6, form, dl, dt, dd, p, div, img, a {
margin: 0;
padding: 0;
}
/* FIM INDEX */

158
sapl/templates/index.html
View File

@ -2,5 +2,161 @@
{% load i18n %}
{% block title%}
<h1>Bem-vindo ao SAPL!</h1>
<br />
<div id="homeIndex">
<div class="homeBlock">
<div class="homeFront">
<div class="homeIcon">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_mesa_diretora.png" alt="Mesa Diretora">
</div>
<h2>Mesa Diretora</h2>
</div>
<div class="homeContent">
<div class="homeTitle">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_mesa_diretora.png">
<h2>Mesa Diretora</h2>
</div>
<p>
Órgão colegiado, composto de no mínimo três membros efetivos - Presidente e 1° e 2° Secretários - a quem cabe a direção dos trabalhos legislativos. Os parlamentares integrantes da Mesa Diretora são eleitos por seus pares na primeira reunião de instalação do período legislativo, para um mandato de um a dois anos.
</p>
</div>
<a href="http://sapl3.interlegis.leg.br/consultas/mesa_diretora"></a>
</div>
<div class="homeBlock">
<div class="homeFront">
<div class="homeIcon">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_comissoes.png" alt="Comissões">
</div>
<h2>Comissões</h2>
</div>
<div class="homeContent">
<div class="homeTitle">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_comissoes.png">
<h2>Comissões</h2>
</div>
<p>
Órgãos da Casa Legislativa, de natureza técnica especializada e que têm por objetivo prestar melhores esclarecimentos aos parlamentares para a tomada de decisões. Assim, as comissões elaboram estudos, pareceres a respeito de determinados projetos de lei e investigação de irregularidades sobre fato determinado.
</p>
</div>
<a href="http://sapl3.interlegis.leg.br/consultas/comissao"></a>
</div>
<div class="homeBlock">
<div class="homeFront">
<div class="homeIcon">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_parlamentares.png" alt="Parlamentares">
</div>
<h2>Parlamentares</h2>
</div>
<div class="homeContent">
<div class="homeTitle">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_parlamentares.png">
<h2>Parlamentares</h2>
</div>
<p>
O Poder Legislativo, exercido pelo sistema de representação, tem nos parlamentares a sua expressão máxima. Devem transformar os anseios de seus representados em ações diretas, na forma de leis ou buscando junto do Executivo obras e atos que beneficiem a sua comunidade. Possuem funções legisladora, administrativa, julgadora e de fiscalização sobre a conduta do Executivo.
</p>
</div>
<a href="http://sapl3.interlegis.leg.br/consultas/parlamentar"></a>
</div>
<div class="homeBlock">
<div class="homeFront">
<div class="homeIcon">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_pautas.png" alt="Pautas das Sessões">
</div>
<h2>Pautas das Sessões</h2>
</div>
<div class="homeContent">
<div class="homeTitle">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_pautas.png">
<h2>Pautas das<br>Sessões</h2>
</div>
<p>
Utilizadas para se determinar quais matérias serão discutidas e votadas. A responsabilidade pela elaboração das Pautas, que incluem Expediente e Ordem do Dia, é definida no Regimento Interno que, em geral, dá poderes ao Presidente da Casa Legislativa para a sua elaboração. Também, pode ficar a cargo de um colégio de líderes dos partidos políticos.
</p>
</div>
<a href="http://sapl3.interlegis.leg.br/consultas/pauta_sessao"></a>
</div>
<div class="homeBlock">
<div class="homeFront">
<div class="homeIcon">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_plenarias.png" alt="Sessão Plenária">
</div>
<h2>Sessão Plenária</h2>
</div>
<div class="homeContent">
<div class="homeTitle">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_plenarias.png">
<h2>Sessão Plenária</h2>
</div>
<p>
Foro apropriado para a tomada de decisões sobre os projetos de lei e outras matérias legislativas ou administrativas, aprovadas ou rejeitadas em votação pelos parlamentares. É dirigida pela Mesa Diretora de acordo com o Regimento Interno da Casa. As decisões votadas em Plenário são soberanas e prevalecem sobre interesses ou vontades individuais.
</p>
</div>
<a href="http://sapl3.interlegis.leg.br/consultas/sessao_plenaria"></a>
</div>
<div class="homeBlock">
<div class="homeFront">
<div class="homeIcon">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_materia_legislativa.png" alt="Matérias Legislativas">
</div>
<h2>Matérias Legislativas</h2>
</div>
<div class="homeContent">
<div class="homeTitle">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_materia_legislativa.png">
<h2>Matérias<br>Legislativas</h2>
</div>
<p>
Têm início com o processo de criação de leis e a apresentação de projetos no Poder Legislativo. Na apreciação de matérias, podem haver eventuais conflitos de interpretação ou de entendimento entre o que estabelece o Regimento Interno da Casa e a Lei Orgânica do Município. Nestes casos, prevalece a Lei Orgânica.
</p>
</div>
<a href="http://sapl3.interlegis.leg.br/generico/materia_pesquisar_form?incluir=0"></a>
</div>
<div class="homeBlock">
<div class="homeFront">
<div class="homeIcon">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_normas_juridicas.png" alt="Normas Jurídicas">
</div>
<h2>Normas Jurídicas</h2>
</div>
<div class="homeContent">
<div class="homeTitle">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_normas_juridicas.png">
<h2>Normas Jurídicas</h2>
</div>
<p>
Nos Municípios, referem-se às emendas à Lei Orgânica, às leis complementares, às leis ordinárias, aos decretos legislativos e às resoluções.
</p>
</div>
<a href="http://sapl3.interlegis.leg.br/generico/norma_juridica_pesquisar_form?incluir=0"></a>
</div>
<div class="homeBlock">
<div class="homeFront">
<div class="homeIcon">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_relatorios.png" alt="Relatórios">
</div>
<h2>Relatórios</h2>
</div>
<div class="homeContent">
<div class="homeTitle">
<img src="http://sapl3.interlegis.leg.br/imagens/icon_relatorios.png">
<h2>Relatórios</h2>
</div>
<p>
Contém informações estatísticas sobre a produção legislativa dos parlamentares e da Casa, dispostas e agrupadas de diferentes formas de acordo com parâmetros fornecidos.
</p>
</div>
<a href="http://sapl3.interlegis.leg.br/relatorios_administrativos"></a>
</div>
</div>
</div>
{% endblock %}

Write Preview
Loading…
Cancel
Save