Difference: SkinCSS (10 vs. 11)

Revision 1121 Aug 2005 - LeandroSantos

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico"

CSS do Sítio

Added:
>
>
Modulariando:
 
%STARTINCLUDE%
Changed:
<
<
body{ margin: 0px; background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/fundoPag.png"); background-repeat: repeat-x; background-color: #c8707d; font-size: 12px; }

#body1{ width: 760px; background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/corpoPag.png"); background-repeat: repeat-y; position: relative; left: 50%; margin-left: -380px; padding: 0px; }

/********************* Topo Pagina **********************/ #cabecalho{ width: 760px; height: 220px; position: relative; left: 50%; margin-left: -380px; margin-top: 30px; background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/topoPag.png"); background-repeat: no-repeat; padding: 0px; }

/********************* Menu **********************/ #menu{ width: 138px; position: absolute; background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/fundoMenu.png"); left: 19px; display: block; z-index: 10px; }

#menu ul{ margin: 0px; padding: 8px 0px 4px 8px;

}

#menu li{ list-style: none; margin: 0px 0px 6px 0px; padding: 0px;

}

#menu a:link, #menu a:active, #menu a:visited{ color: #b50051; font-size: 12px; padding: 2px 2px 2px 2px; text-align: right; border: 1px solid #b50051; text-decoration: none; width: 140px; min-height: 200px;

} #menu a:hover{ color: #FFFFFF; border: 2px solid #b50051; }

/* * * Conteudo * * * * * * * * * * * * * * * * * * * */

#conteudo{ width: 430px; margin-left: 175px; text-align: justify; position: relative; max-width: 420px; min-height:400px; color: #ffffff; font-family: sans-serif; font-size: 100%; }

#conteudo p{ text-indent: 20px; }

#conteudo h1, #conteudo h2, #conteudo h3, #conteudo h4, #conteudo h5, #conteudo h6{ margin: 0px 0px 10px 0px; color: #b43d4d; } #conteudo h1{ font-size: 175%; text-align: center; } #conteudo h2{ font-size: 160%; } #conteudo h3{ font-size: 145%; } #conteudo h4{ font-size: 130%; } #conteudo h5{ font-size: 115%; } #conteudo h6{ font-size: 100%; }

#conteudo hr{ height: 0px; border: none; border-top: 2px dotted #F0A000; }

#conteudo ul{ margin: 0px 0px 0px 15px; padding: 0px; }

#conteudo a:link, #conteudo a:active, #conteudo a:visited{ color: #b43d4d; text-decoration: none; } #conteudo a:hover{ color: #e7949f; text-decoration: underline; }

#conteudo #topicosPais{ font-size: 11px; color: #f399c4; } #conteudo #topicosPais a:link, #conteudo #topicosPais a:active, #conteudo #topicosPais a:visited{ color: #f65dac; text-decoration: none; } #conteudo #topicosPais a:hover{ color: #e1059b; text-decoration: none; }

/* * * Tabelas * * * * * * * * * * * * * * * * * * * */

#conteudo table{ margin: auto auto auto auto; border-collapse: collapse; border: none; border-top: 2px solid #b86594; border-bottom: 2px solid #b86594; empty-cells: show; }

#conteudo table tr th, #conteudo table tr td{ color: #707070; font-size: 12px; padding: 1px 6px 1px 6px; border: none; }

#conteudo table tr th{ text-align: center; color: #f000b5; background-color: #f8dade; border-left: 1px solid #ffedf8; border-right: 1px solid #ffedf8; border-bottom: 2px solid #b86594; }

#conteudo table tr td{ border-left: 1px solid #ffedf8; border-right: 1px solid #ffedf8; border-bottom: 1px solid #e198c3; background-color: #f1b8c6; }

#conteudo #anexos table tr th, #conteudo table tr td{ font-size: 9px; } #conteudo #anexos table tr td img{ display: none; }

/************* Botoes Power ***********************/ #btsPower{ position: absolute; left: 20px; bottom: 50px; width: 100px; z-index: 5; } #btsPower a{ display: block; margin-top: 5px; }

/********************* Botoes Twiki **************************/ #btsTWiki{ position: absolute; top: 100px; right: 30px; }

#btsTWiki a#btEdit:link, #btsTWiki a#btEdit:active, #btsTWiki a#btEdit:visited, #btsTWiki a#btAnexar:link, #btsTWiki a#btAnexar:active, #btsTWiki a#btAnexar:visited, #btsTWiki a#btVersao:link, #btsTWiki a#btVersao:active, #btsTWiki a#btVersao:visited, #btsTWiki a#btMais:link, #btsTWiki a#btMais:active, #btsTWiki a#btMais:visited{ display: block; height: 30px; width: 30px; float: left; margin-left: 10px; border: 2px solid #c8707d;

}

#btsTWiki a#btEdit:hover, #btsTWiki a#btAnexar:hover, #btsTWiki a#btVersao:hover, #btsTWiki a#btMais:hover{ border: 2px solid #b50051; background-color: #c8707d;

}

#btsTWiki a#btEdit{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtEdit.png"); } #btsTWiki a#btAnexar{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtAnexar.png"); } #btsTWiki a#btVersao{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtVersao.png"); } #btsTWiki a#btMais{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtMais.png"); }

/* * * * * * * * * * Ultimas Noticias * * * * * * * * * * * * * * * NADA FEITO AINDA* */

#ultimasNoticias{ position: absolute; left: 640px; top:100px; width: 130px; }

#ultimasNoticias strong{ display: block; text-align: center; color: #E8A000; font-size: 12px; border-top: 1px dotted #F0B000; border-bottom: 1px dotted #F0B000; }

#ultimasNoticias ul, #ultimasNoticias li{ list-style: none; margin: 6px 0px 0px 0px; padding: 0px; }

#ultimasNoticias li a:link, #ultimasNoticias li a:active, #ultimasNoticias li a:visited{ display: block; color: #C07000; background-color: #FFE870; border: 2px dotted #F0B000; font-weight: 900; font-size: 11px; text-align: center; text-decoration: none; padding: 5px; } #ultimasNoticias li a:hover{ color: #A05000; background-color: #FFF0A0; border: 2px dotted #E0A000; }

#ultimasNoticias div a:link, #ultimasNoticias div a:active, #ultimasNoticias div a:visited{ margin-top: 10px; display: block; text-align: center; text-decoration: none; color: #F8B000; font-size: 10px; border-top: 1px dotted #F0B000; border-bottom: 1px dotted #F0B000; }

#ultimasNoticias div a:hover{ color: #E08000; }

/******************** Rodape ***************************/

#rodape{ background: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/basePag.png"); no-repeat;

width: 760px; height: 155px; position: relative; left: 50%; margin-left: -380px; margin-bottom: 30px; background-repeat: no-repeat; padding: 0px; }

#rodape #texto{ width: 450px; height: 45px; position: absolute; top: 100px; left: 10px; padding: 0px; font-size: 80%;

}

#rodape #texto a:link, #rodape #texto a:active, #rodape #texto a:visited{ color: #b43d4d; text-decoration: none; }

#rodape #texto a:hover{ color: #e7949f; }

>
>
/****************** Cabecalho *****************************/

#cabecalho{ width: 760px; height: 220px; position: relative; left: 50%; margin-left: -380px; margin-top: 30px; background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/topoPag.png"); background-repeat: no-repeat; }

/****************** Menu *****************************/

#menu{ width: 138px; position: absolute; text-align: center; left: 19px; background-color: #f1b8c6; padding: 0px; }

#menu ul{ min-height: 120px; padding: 0px; margin: 0px; }

#menu li{ min-height: 24px; list-style: none; margin: 5px 0px 3px 0px;

}

#menu a:link, #menu a:active, #menu a:visited{ display: block; text-decoration: none; color: #b50051; font-size: 110%; border: 1px dashed #b50051; text-align: center; }

#menu a:hover{ color: #FFFFFF; border: 2px solid #b50051; }

/****************** Conteúdo *****************************/

body{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/fundoPag.png"); background-repeat: repeat-x; background-color: #c8707d; font-size: 12px; margin-top: 0px; }

#body1{ width: 760px; background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/corpoPag.png"); background-repeat: repeat-y; position: relative; left: 50%; margin-left: -380px; padding: 0px;

}

#conteudo{ width: 430px; margin-left: 175px; text-align: justify; position: relative; max-width: 420px; min-height:400px; color: #ffffff; font-family: sans-serif; font-size: 100%; padding:0px; margin-top: 0px; margin-bottom: 0px; }

#conteudo p{ text-indent: 20px; }

#conteudo h1, #conteudo h2, #conteudo h3, #conteudo h4, #conteudo h5, #conteudo h6{ margin: 0px 0px 10px 0px; color: #b43d4d; } #conteudo h1{ font-size: 175%; text-align: center; } #conteudo h2{ font-size: 160%; } #conteudo h3{ font-size: 145%; } #conteudo h4{ font-size: 130%; } #conteudo h5{ font-size: 115%; } #conteudo h6{ font-size: 100%; }

#conteudo a:link, #conteudo a:active, #conteudo a:visited{ color: #b43d4d; text-decoration: none; } #conteudo a:hover{ color: #e7949f; text-decoration: underline; }

#conteudo #topicosPais{ font-size: 11px; color: #f399c4; } #conteudo #topicosPais a:link, #conteudo #topicosPais a:active, #conteudo #topicosPais a:visited{ color: #f65dac; text-decoration: none; } #conteudo #topicosPais a:hover{ color: #e1059b; text-decoration: none; }

/****************** Ultimas Noticias CSS *****************************/

#ultimasNoticias{ position: absolute; // left: 640px; // top:100px; width: 130px; }

#ultimasNoticias strong{ display: block; text-align: center; color: #E8A000; font-size: 12px; border-top: 1px dotted #F0B000; border-bottom: 1px dotted #F0B000; }

#ultimasNoticias ul, #ultimasNoticias li{ list-style: none; margin: 6px 0px 0px 0px; padding: 0px; }

#ultimasNoticias li a:link, #ultimasNoticias li a:active, #ultimasNoticias li a:visited{ display: block; color: #C07000; background-color: #FFE870; border: 2px dotted #F0B000; font-weight: 900; font-size: 11px; text-align: center; text-decoration: none; padding: 5px; } #ultimasNoticias li a:hover{ color: #A05000; background-color: #FFF0A0; border: 2px dotted #E0A000; }

#ultimasNoticias div a:link, #ultimasNoticias div a:active, #ultimasNoticias div a:visited{ margin-top: 10px; display: block; text-align: center; text-decoration: none; color: #F8B000; font-size: 10px; border-top: 1px dotted #F0B000; border-bottom: 1px dotted #F0B000; }

#ultimasNoticias div a:hover{ color: #E08000; }

/****************** Tabela *****************************/

#conteudo table{ margin: auto auto auto auto; border-collapse: collapse; border: none; border-top: 2px solid #b86594; border-bottom: 2px solid #b86594; empty-cells: show; }

#conteudo table tr th, #conteudo table tr td{ color: #707070; font-size: 12px; padding: 1px 6px 1px 6px; border: none; }

#conteudo table tr th{ text-align: center; color: #f000b5; background-color: #f8dade; border-left: 1px solid #ffedf8; border-right: 1px solid #ffedf8; border-bottom: 2px solid #b86594; }

#conteudo table tr td{ border-left: 1px solid #ffedf8; border-right: 1px solid #ffedf8; border-bottom: 1px solid #e198c3; background-color: #f1b8c6; }

#conteudo #anexos table tr th, #conteudo table tr td{ font-size: 9px; } #conteudo #anexos table tr td img{ display: none; }

/****************** Botoes Twiki *****************************/

#btsTWiki{ position: absolute; top: 100px; right: 30px; }

#btsTWiki a#btEdit:link, #btsTWiki a#btEdit:active, #btsTWiki a#btEdit:visited, #btsTWiki a#btAnexar:link, #btsTWiki a#btAnexar:active, #btsTWiki a#btAnexar:visited, #btsTWiki a#btVersao:link, #btsTWiki a#btVersao:active, #btsTWiki a#btVersao:visited, #btsTWiki a#btMais:link, #btsTWiki a#btMais:active, #btsTWiki a#btMais:visited{ display: block; height: 30px; width: 30px; float: left; margin-left: 10px; border: 2px solid #c8707d;

}

#btsTWiki a#btEdit:hover, #btsTWiki a#btAnexar:hover, #btsTWiki a#btVersao:hover, #btsTWiki a#btMais:hover{ border: 2px solid #b50051; background-color: #c8707d;

}

#btsTWiki a#btEdit{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtEdit.png"); } #btsTWiki a#btAnexar{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtAnexar.png"); } #btsTWiki a#btVersao{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtVersao.png"); } #btsTWiki a#btMais{ background-image: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtMais.png"); }

/****************** Botoes Power *****************************/

#btsPower{ margin-left: 20px; bottom: 50px; width: 100px; z-index: 5; } #btsPower a{ display: block; margin-top: 5px; }

/****************** Rodape *****************************/

#rodape{ position: relative; width: 760px; height: 155px; left: 50%; margin-left: -380px; background: url("http://www.twiki.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/basePag.png"); no-repeat; background-repeat: no-repeat; margin-bottom: 30px; margin-top: 0px; padding: 0px; }

#rodape #texto{ width: 450px; height: 45px; position: absolute; top: 100px; left: 10px; padding: 0px; font-size: 80%;

}

#rodape #texto a:link, #rodape #texto a:active, #rodape #texto a:visited{ color: #b43d4d; text-decoration: none; }

#rodape #texto a:hover{ color: #e7949f; }

 

 
This site is powered by the TWiki collaboration platformCopyright &© by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback