.
Aurium.Colivre.Coop.br Esse site é Legal Demais para Internet Explorer

Aurium :: WebCSS

Últimas blogadas:

%HEADLINES{"http://softwarelivre.org/aurium/blog/feed" refresh="600" header="SoftwareLivre.org" limit="15" format=" * $title" }% %HEADLINES{"http://cirandas.net/aurium/blog/feed" refresh="600" header="Cirandas.net" limit="15" format=" * $title" }%



O contúdo e sua forma de apresntação devem ser independentes.

Modularização do CSS:

%STARTINCLUDE%

body{
  background-image: url("%ATTACHURL%/padraoTopoRepete.jpg");
  background-repeat: repeat-x;
  background-position: 50% 0%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: verdana, helvetica, sans-serif;
  font-size: 14px;
}

#cabecalho{
  background-image: url("%ATTACHURL%/topGiraSol.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  height: 238px;
}
#cabecalho h1{
  font-size: 24px;
  color: #06C;
  text-align: center;
  margin: 0px;
  padding: 165px 0px 0px 10px;
}

#tit_site{
  /* position: absolute;
  top: 5px;
  left: 100px;
  color: #FFF; */
  display: none;
}
#tit_sep{
  display: none;
}

#siteURL{
  display: none;
  position: absolute;
  top: 5px;
  right: 10px;
  color: #BCD;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 2px;
}
#siteURL:hover{
  color: #FFF;
}

#too-cool {
  position: absolute;
  top: 25px;
  right: 10px;
}

#menu{
  text-align: center;
  float: left;
  width: 150px;
  margin: -40px 0px 0px 20px;
  color: #888;
}
#menu ul, #menu li{
  text-align: right;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 7px 0px;
}
#menu hr{
  display: none;
}
#menu a{
  text-decoration: none;
  color: #8AD;
}
#menu a:hover{
  color: #06B;
}

#blogadas{
  text-align: left;
  float: right;
  width: 150px;
  margin: -40px 20px 0px 0px;
}
#blogadas h3{
  font-size: 14px;
  color: #AAA;
  margin: 0px 0px 8px 0px;
}
#blogadas .headlinesRss small {
  color: #DDD;
  text-align: center;
  display: block;
}
#blogadas ul, #blogadas li{
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#blogadas li a{
  display: block;
  border: 1px solid #DDD;
  background-color: #FFF;
  color: #AAA;
  text-decoration: none;
  margin: 5px 0px;
  padding: 3px 5px;
}
#blogadas li a:hover{
  border: 1px solid #058;
  background-color: #08D;
  color: #FFF;
}

#blogadas li a#arquivoBlog{
  border: 1px solid #AAA;
  background-color: #EEE;
  color: #888;
}
#blogadas li a#arquivoBlog:hover{
  border: 1px solid #000;
  background-color: #FB0;
  color: #000;
}
#blogadas li a#arquivoBlog span{
  padding-left: 15px;
  font-size: 85%;
}
#blogadas li a#arquivoBlog b{
  display: block;
  text-align: center;
}

#conteudo{
  text-align: justify;
  margin: -40px 210px 0px 210px;
}

#rodape{
  text-align: center;
  margin: 20px 0px 0px 0px;
  height: 80px;
  color: #AAA;
}
#rodape a{
  text-decoration: none;
  color: #79B;
}
#rodape a:hover{
  text-decoration: underline;
  color: #04B;
}

#digg-box {
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -250px;
}

/* CSS do Conteúdo: */
%INCLUDE{"WebConteudoCSS"}%

/* CSS das Tabelas: */
%INCLUDE{"WebTabelasCSS"}%

%STOPINCLUDE%

Topic attachments
ISorted ascending Attachment Action Size Date Who Comment
padraoTopoRepete.jpgjpg padraoTopoRepete.jpg manage 25 K 24 Jun 2006 - 21:27 AurelioAHeckert  
topGiraSol.jpgjpg topGiraSol.jpg manage 17 K 24 Jun 2006 - 21:27 AurelioAHeckert  
Copyright © 2004 - 2019 Aurélio A. Heckert
Conteúdo licenciado sob Creative Commons by-nc-sa