<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 12pt;
font-family:Calibri
}
--></style></head>
<body class='hmmessage'><div dir='ltr'>Olá Diego, localize os portlets no seu CSS. Na câmara de Guariba eles ficam na linha 180.<br>Modifique com base no seguinte código:<br>PS. todas as explicações estão como comentários no código, pode mante-las que não dará problema.<br><br>/********** Tiles **********/<br>/*********** Portlets ***********/<br>/* general styles */<br>.portletHeader,<br>dl.portlet dt.portletHeader {<br>  background: #25528c;   /*Cor do fundo, criando assim, a barra azul*/<br>  color: #ffffff; <br>  text-transform: uppercase;  /*Todo e qualquer texto presente na barra ficará em caixa alta, pode ser dispensado.*/<br>  font-size: 12px;  /*Tamanho da letra*/<br>  font-weight: 700;  /*Largura da letra*/<br>  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*/<br>}<br>.portletHeader a,<br>dl.portlet dt.portletHeader a {<br>  color: #ffffff;<br>}<br>.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.*/<br>dl.portlet dt.portletHeader a:hover {<br>  color: #fff !important;<br>  background: #25528c;<br>  font-size:12px;<br>}<br>.portlet {<br>  margin-bottom: 2em;<br>  padding: 0 10p;<br>  background: #fcfdfd;<br>}<br><br><br>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á.<br><br>input { /*Modifica a caixa de texto (será bem visível no portlet de "acompanhe a câmara")*/<br>    margin: 4px; <br>    padding: 5px 1px; <br>    border: 1px solid #ccc; <br>    font-size: 12px;<br>    }<br><br>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.)*/<br>    color: #fff !important; <br>    border: none;<br>    background: #25528C; <br>    padding: 8px 15px; <br>    text-transform: uppercase; <br>    font-size: 12px; <br>    font-weight: 700; /*Largura letra*/<br>    }<br><br><br><br>Att<br>Rafael R Sponhardi<br>CM Guariba<br><br><br><div><hr id="stopSpelling">Date: Thu, 25 Jun 2015 16:11:39 -0300<br>From: d.giroleti@gmail.com<br>To: gitec@listas.interlegis.gov.br<br>Subject: [gitec]  - Título dos menus/CSS<br><br><div dir="ltr">Boa tarde!<div><br></div><div>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 (<a href="http://guariba.sp.leg.br/" target="_blank">http://guariba.sp.leg.br/</a>) e Apucarana (<a href="http://www.apucarana.pr.leg.br/" target="_blank">http://www.apucarana.pr.leg.br/</a>), por exemplo?</div><div><br></div><div>Obrigado.</div><div><br></div><div>Diego Giroleti</div><div>Câmara de Vereadores de Esteio - RS <br clear="all"><div><br></div>-- 
</div></div>
<br>-- 
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:
<a href="https://listas.interlegis.gov.br/mailman/listinfo/gitec" target="_blank">https://listas.interlegis.gov.br/mailman/listinfo/gitec</a><br></div>                                       </div></body>
</html>