|
Início
background-color
Cor do fundo, pode ser cor do fundo da página ou de uma tabela.
width
Largura, é um número
border
Contorno. Tem três atributos: 1px solid #999999
1px - pode pór um número maior se pretende ter um contorno mais grosso.
solid - pode substituir com dotted se quiser criar um contorno pontilhado.
#999999 - código de cor, pode ser none caso não pretenda ter contorno
font-family
Tipo de letra.
font-size
Tamanho da letra.
color
Cor da letra.
font-weight
Pode ser bold ou normal.
A palavra none é utilizada para não atribuir nenhuma cor. Pode substitui-la com um código de cor (por exemplo: #ff0000 - vermelho).
A parte do código que pode alterar está marcada com azul.
cor dos links
a{
color: #000000;
}
cor do fundo da página
.geral{
background-color: #f0f0f0;
}
tamanho do logotipo
.logotipo{
width: 130px;
}
tabela no topo - contorno exterior
.header-ext{
background-color: none;
border: 1px solid none;
}
tabela no topo - interior
.header-int{
background-color: #cc0000;
border: 1px solid #666666;
height: 30px;
}
tabela no fundo - exterior
.footer-ext{
background-color: none;
border: 1px solid none;
}
tabela no fundo - interior
.footer-int{
background-color: none;
border: 1px solid none;
height: 10px;
}
tabela geral
.tabela{
background-color: none;
border: 1px solid none;
}
espaço principal onde aparecem os textos das páginas
.tabela-right{
background-color: #ffffff;
border: 1px solid #666666;
}
coluna esquerda / menu
.tabela-left{
background-color: #777777;
border: 1px solid none;
width: 140px;
}
botões do menu - contorno exterior
.menu-ext{
background-color: none;
border: 1px solid none;
}
botões do menu - interior
.menu-int{
background-color: #cc0000;
border: 1px solid #666666;
}
links do menu
.menu-link{
font-family: arial;
font-size: 11px;
color: #ffffff;
line-height: 14px;
text-decoration: none;
font-weight: bold;
}
.menu-link:hover{
color: #cccccc;
}
título do site / aparece no topo das todas as páginas
.titulo-main{
color: #ffffff;
font-family: arial;
font-size: 25px;
font-weight: bold;
}
títulos das páginas
.titulo{
color: #cc0000;
font-family: arial;
font-size: 20px;
font-weight: bold;
}
títulos pequenos (só aparecem na Galeria)
.subtitulo{
color: #666666;
font-family: arial;
font-size: 17px;
font-weight: bold;
}
texto geral
.texto{
color: #333333;
font-family: arial;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
|
|