[gitec] - Título dos menus/CSS

Diego Giroleti d.giroleti em gmail.com
Sexta Junho 26 15:27:36 BRT 2015


Rafael, já estou fazendo testes internos e está tudo funcionando
perfeitamente. Muito obrigado!

Att,

Diego Giroleti
Câmara Municipal de Esteio - RS

2015-06-26 10:03 GMT-03:00 Rafael Rodrigues Sponhardi <
rafaelsponhardi em hotmail.com>:

> Olá Diego, localize os portlets no seu CSS. Na câmara de Guariba eles
> ficam na linha 180.
> Modifique com base no seguinte código:
> PS. todas as explicações estão como comentários no código, pode mante-las
> que não dará problema.
>
> /********** Tiles **********/
> /*********** Portlets ***********/
> /* general styles */
> .portletHeader,
> dl.portlet dt.portletHeader {
>   background: #25528c;   /*Cor do fundo, criando assim, a barra azul*/
>   color: #ffffff;
>   text-transform: uppercase;  /*Todo e qualquer texto presente na barra
> ficará em caixa alta, pode ser dispensado.*/
>   font-size: 12px;  /*Tamanho da letra*/
>   font-weight: 700;  /*Largura da letra*/
>   padding: 10px 15px; /*Padding faz um espaçamento interno no conteúdo, o
> 10px modifica a largura e o 15px a distância do texto para com a borda*/
> }
> .portletHeader a,
> dl.portlet dt.portletHeader a {
>   color: #ffffff;
> }
> .portletHeader a:hover, /*a:hover quer dizer basicamente "ao passar o
> mouse sobre o item, faça:", no padrão daqui não faz nada, já que tudo é
> repetido, porém você pode aplicar efeitos de uppercase, trocar cor da
> letra, tamanho etc.*/
> dl.portlet dt.portletHeader a:hover {
>   color: #fff !important;
>   background: #25528c;
>   font-size:12px;
> }
> .portlet {
>   margin-bottom: 2em;
>   padding: 0 10p;
>   background: #fcfdfd;
> }
>
>
> A parte abaixo modifica os botões de envio e caixa de texto do PM,
> buscando tudo ficar parecido com as barras de menu. Como esse código não
> existe no CSS base, vá até o fim do código e acrescente-o lá.
>
> input { /*Modifica a caixa de texto (será bem visível no portlet de
> "acompanhe a câmara")*/
>     margin: 4px;
>     padding: 5px 1px;
>     border: 1px solid #ccc;
>     font-size: 12px;
>     }
>
> input[type="submit"] { /*Codigo que modifica o input do 'submit' para um
> padrão mais bonito (submit são todos os botões do site que você envia um
> formulário, como login, cadastro, confirmação de dados etc.)*/
>     color: #fff !important;
>     border: none;
>     background: #25528C;
>     padding: 8px 15px;
>     text-transform: uppercase;
>     font-size: 12px;
>     font-weight: 700; /*Largura letra*/
>     }
>
>
>
> Att
> Rafael R Sponhardi
> CM Guariba
>
>
> ------------------------------
> Date: Thu, 25 Jun 2015 16:11:39 -0300
> From: d.giroleti em gmail.com
> To: gitec em listas.interlegis.gov.br
> Subject: [gitec] - Título dos menus/CSS
>
>
> Boa tarde!
>
> Alguém saberia informar onde eu preciso editar no CSS para deixar o título
> dos menus (Sobre a Câmara, Transparência, Leis, etc) parecido com os das
> Câmaras de Guariba (http://guariba.sp.leg.br/) e Apucarana (
> http://www.apucarana.pr.leg.br/), por exemplo?
>
> Obrigado.
>
> Diego Giroleti
> Câmara de Vereadores de Esteio - RS
>
> --
>
> -- Hist�rico do grupo:
> http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec
> Regras de participa��o:
> http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade Para
> administrar ou excluir sua conta visite:
> https://listas.interlegis.gov.br/mailman/listinfo/gitec
>
> --
> Histórico do grupo:
> http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec
>
> Regras de participação:
> http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade
>
> Para administrar ou excluir sua conta visite:
> https://listas.interlegis.gov.br/mailman/listinfo/gitec
>
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://listas.interlegis.gov.br/pipermail/gitec/attachments/20150626/cb4d7d4b/attachment.html>


Mais detalhes sobre a lista de discussão GITEC