[gitec] - Título dos menus/CSS

Rafael Rodrigues Sponhardi rafaelsponhardi em hotmail.com
Sexta Junho 26 10:03:54 BRT 2015


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 GiroletiCâ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
 		 	   		  
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://listas.interlegis.gov.br/pipermail/gitec/attachments/20150626/afc71679/attachment.html>


Mais detalhes sobre a lista de discussão GITEC