From 7539587d66b30ed15e298d289934e19940d89802 Mon Sep 17 00:00:00 2001 From: Eduardo Edson Batista Cordeiro Alves Date: Fri, 5 Aug 2016 17:36:33 -0300 Subject: [PATCH] Adiciona CSS --- sapl/static/styles/app.scss | 187 ++++++++++++++++++++++++++++++++++++ sapl/templates/index.html | 158 +++++++++++++++++++++++++++++- 2 files changed, 344 insertions(+), 1 deletion(-) diff --git a/sapl/static/styles/app.scss b/sapl/static/styles/app.scss index 901f7286c..25a62797c 100644 --- a/sapl/static/styles/app.scss +++ b/sapl/static/styles/app.scss @@ -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 */ diff --git a/sapl/templates/index.html b/sapl/templates/index.html index af44e3dfd..668ce04da 100644 --- a/sapl/templates/index.html +++ b/sapl/templates/index.html @@ -2,5 +2,161 @@ {% load i18n %} {% block title%} -

Bem-vindo ao SAPL!

+
+
+
+
+
+ Mesa Diretora +
+

Mesa Diretora

+
+
+
+ +

Mesa Diretora

+
+

+ Ó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. +

+
+ +
+ +
+
+
+ Comissões +
+

Comissões

+
+
+
+ +

Comissões

+
+

+ Ó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. +

+
+ +
+ +
+
+
+ Parlamentares +
+

Parlamentares

+
+
+
+ +

Parlamentares

+
+

+ 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. +

+
+ +
+ +
+
+
+ Pautas das Sessões +
+

Pautas das Sessões

+
+
+
+ +

Pautas das
Sessões

+
+

+ 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. +

+
+ +
+ +
+
+
+ Sessão Plenária +
+

Sessão Plenária

+
+
+
+ +

Sessão Plenária

+
+

+ 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. +

+
+ +
+ +
+
+
+ Matérias Legislativas +
+

Matérias Legislativas

+
+
+
+ +

Matérias
Legislativas

+
+

+ 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. +

+
+ +
+ +
+
+
+ Normas Jurídicas +
+

Normas Jurídicas

+
+
+
+ +

Normas Jurídicas

+
+

+ Nos Municípios, referem-se às emendas à Lei Orgânica, às leis complementares, às leis ordinárias, aos decretos legislativos e às resoluções. +

+
+ +
+ +
+
+
+ Relatórios +
+

Relatórios

+
+
+
+ +

Relatórios

+
+

+ 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. +

+
+ +
+ +
+ + {% endblock %}