Difference: WebCSS (1 vs. 2)

Revision 218 Sep 2009 - PolianaReboucas

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

CSS do Sítio

Line: 7 to 7
 
Deleted:
<
<
 
Added:
>
>
/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */
  body{
Changed:
<
<
background-color: #F3F3F3; background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/fundo.png"); margin: 0px; font-family: verdana, sans-serif; font-size: 12px;
>
>
margin
0;
padding
0;
background
#E5E5E5;
font-family
Georgia, "Times New Roman", Times, serif;
font-size
13px;
color
#666666;
 }
Changed:
<
<
#tudo{ background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/fundo_top.jpg"); background-repeat: repeat-x; text-align: center;
>
>
blockquote {
font-style
italic;
 }
Changed:
<
<
#corpo{ background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/fundo_corpo.jpg"); width: 760px; text-align: left; margin: auto;
>
>
a {
color
#135293;
 }
Changed:
<
<
#cabecalho{ background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/top.jpg"); height: 192px;
>
>
a:hover {
text-decoration
none;
 }
Changed:
<
<
#cabecalho h1{ display: none;
>
>
.title1 {
margin
0;
padding
10px 0;
background
url(img07.gif) repeat-x left bottom;
font-weight
normal;
font-size
129%;
color
#FFFFFF;
 }
Changed:
<
<
#cabecalho form{ margin: 0px; padding: 35px 180px 0px 0px; float: right;
>
>
.title2 {
margin
0;
padding
10px 0;
background
url(img09.gif) repeat-x left bottom;
font-size
227%;
font-weight
normal;
color
#135293;
 }
Changed:
<
<
#cabecalho input{ font-size: 10px; height: 12px; text-align: center; color: #C0C0C0; border: none; border-bottom: 1px dotted #000000;
>
>
.title3 {
margin
0;
padding
10px 0;
background
url(img11.gif) repeat-x left bottom;
font-size
129%;
font-weight
normal;
color
#FFFFFF;
}

.boxed {

padding
5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {

line-height
180%;
 }
Changed:
<
<
#cabecalho #btBuscar{ background-color: #EDDFDF; background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/bt_buscar.png"); width: 15px; height: 15px;
>
>
.orange {
margin
20px 30px;
background
#FF9523 url(img10.gif) repeat-x;
  color: #FFFFFF;
Deleted:
<
<
font-size: 1px; border: none;
 }
Changed:
<
<
#menu{
>
>
.orange a {
color
#FFFFFF;
}

.col-one {

  float: left;
Changed:
<
<
width: 152px; background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/menu_fundo.jpg");
>
>
width
300px;
 }
Changed:
<
<
#menu ul{ margin: -13px 0px 0px 0px; padding: 0px 0px 20px 0px; background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/menu_base.jpg"); background-repeat: no-repeat; background-position: 0% 100%; position: relative; /* Armengue pro IE */
>
>
.col-two {
float
right;
width
300px;
 }
Changed:
<
<
#menu li{ margin: 0px; padding: 5px 0px 5px 20px; list-style: none;
>
>
/* Page */

#page {

width
980px;
margin
0 auto;
background
#FFFFFF url(img01.gif) repeat-y;
 }
Changed:
<
<
#menu strong{ background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/menu_titulo.jpg"); display: block; width: 151px; max-width: 141px; margin-left: -20px; padding: 3px 0px 3px 10px; text-align: center; color: #FFFFFF;
>
>
/* Sidebar */

#sidebar {

float
left;
width
240px;
 }
Changed:
<
<
#menu a{ text-decoration: none; color: #07229a;
>
>
/* Logo */

#logo { padding: 10px;

background
#FFFFFF url(img02.gif) repeat-y right top;
 }
Changed:
<
<
#menu a:hover{ color: #416dd3;
>
>
#logo h2 {
text-align
center;
font-weight
normal;
color
#000000;
font-size
14px;
 }
Changed:
<
<
#noticias{ margin-top: -155px; padding: 0px 20px 0px 3px; width: 160px; max-width: 137px; float: right; text-align: right;
>
>
#logo span { background: url(LOGODCE.jpg) no-repeat center center; width: 143px; height: 104px; display: block;
 }
Changed:
<
<
#noticias h3{ color: #07229a; text-align: left; margin: 0px; padding-bottom: 8px; border-bottom: 1px dotted #07229a; font-size: 16px; font-weight: 900;
>
>
#logo a {
color
#9C9C9C;
text-decoration
none;
 }
Changed:
<
<
#noticias ul{ margin: 0px; padding: 0px;
>
>
/* Menu */

#menu {

padding
20px;
background
#85C329 url(img04.gif) repeat-x;
 }
Changed:
<
<
#noticias li{ margin: 0px; padding: 7px 0px 7px 0px;
>
>
#menu ul {
margin
0;
padding
0;
  list-style: none;
Deleted:
<
<
border-bottom: 1px dotted #07229a;
 }
Changed:
<
<
#noticias li a{ text-decoration: none; color: #07229a;
>
>
#menu li {
padding
10px 0;
background
url(img05.gif) repeat-x;
}

#menu li.first {

background
none;
 }
Changed:
<
<
#noticias li a:hover{
>
>
#menu a {
  text-decoration: none;
Changed:
<
<
color: #416dd3
>
>
font-size
129%;
color
#FFFFFF;
 }
Changed:
<
<
#noticias div{ margin-top: 20px; font-size: 10px; color: #07229a;
>
>
#menu a:hover {
text-decoration
underline;
 }
Changed:
<
<
#noticias div a{ color: #07229a;
>
>
/* Login */

#login {

padding
20px;
background
url(img06.gif) repeat-x;
 }
Changed:
<
<
#noticias div a:hover{ color: #416dd3;
>
>
#login form {
margin
0;
padding
20px 0 0 0;
 }
Changed:
<
<
#rodape{ clear: both; background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSS/rodape.jpg"); background-position: 0% 100%; background-repeat: no-repeat; height: 160px; max-height: 150px; text-align: justify; font-size: 9px; color: #COCOCO; padding: 10px 170px 0px 200px;
>
>
#login fieldset {
margin
0;
padding
0;
border
none;
 }
Changed:
<
<
#rodape a{ color: #9fc9ff;
>
>
#login label {
color
#FFFFFF;
 }
Changed:
<
<
#rodape a:hover{ color: #70a8e0;
>
>
#inputtext1, #inputtext2 {
width
194px;
margin-bottom
.5em;
font
bold 100% Georgia, "Times New Roman", Times, serif;
color
#666666;
 }
Changed:
<
<
#rodape #rev{ text-align: right;
>
>
#inputsubmit1 {
margin-bottom
.5em;
font
bold 100% Georgia, "Times New Roman", Times, serif;
color
#666666;
 }
Changed:
<
<
#rodape #topicosPais{ margin-left: -35px; text-align: left; color: #A06060; padding: 10px 0px 10px 0px;
>
>
#login a {
color
#FFFFFF;
 }
Changed:
<
<
#rodape #topicosPais a{ color: #9fc9ff; font-size: 10px; text-decoration: none;
>
>
/* Content */

#content {

float
right;
width
740px;
 }
Changed:
<
<
#rodape #topicosPais a:hover{ color: #70a8e0;
>
>
/* Footer */

#footer {

width
980px;
height
120px;
margin
0 auto;
background
url(img12.gif) repeat-x;
 }
Changed:
<
<
#btsTWiki { text-align: right; padding-bottom: 3px;
>
>
#footer p {
margin
0;
font-size
85%;
 }
Changed:
<
<
#rodape #btsTWiki a:link, #rodape #btsTWiki a:visited { padding: 0px 2px 0px 2px; text-decoration: none; border: 1px solid #ccc; background: #f6f6f6; color: #C0C0C0;
>
>
#links {
float
left;
width
220px;
height
45px;
padding
35px 0 0 20px;
background
url(img13.gif) repeat-x;
 }
Changed:
<
<
#rodape #btsTWiki a:hover { background: #416dd3;
>
>
#links a {
  color: #FFFFFF;
Deleted:
<
<
border: 1px solid #9fc9ff;
 }
Changed:
<
<
#btsPower{ padding: 5px 0px 5px 140px; } #btsPower img{ margin: 0px 2px;
>
>
#legal {
float
right;
width
720px;
height
45px;
padding
35px 0 0 20px;
 }
Changed:
<
<
#conteudo{ float: left; margin: -130px 0px 0px 10px; width: 425px; text-align: justify; color: #505050;
>
>
#twitter_update_list li { list-style: none; border: 1px solid #eca253; background: #eca253; margin: 2px; padding: 5px; -moz-border-radius: 5px;
 }
Changed:
<
<
/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#conteudo h1{ color: #07229a; text-align: center; font-size: 20px; margin: 0px 0px 10px 0px; font-weight: 800; }

#conteudo h2, #conteudo h3, #conteudo h4, #conteudo h5, #conteudo h6{ color: #FFFFFF; background-color: #07229a; background-image: url("http://twiki.ufba.br/twiki/pub/DCE/WebCSSConteudo/titulo_fundo.jpg"); margin: 10px 0px 10px 0px; padding: 0px 5px 0px 10px; font-weight: 800; } #conteudo h2{ font-size: 18px; } #conteudo h3{ font-size: 16px; } #conteudo h4{ font-size: 14px; } #conteudo h5{ font-size: 13px; } #conteudo h6{ font-size: 12px; }

#conteudo a:link, #conteudo a:active{ color: #07229a; } #conteudo a:visited{ color: #0722d6; } #conteudo a:hover{ color: #416dd3; }

#conteudo pre{ color: #416dd3; overflow: auto; }

>
>
#twitter_update_list li:hover { border: 1px solid #a96317; background: #a96317; }
  /* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table td, table th{ font-size: 9px; position: relative; z-index: 10; }

table th{ text-align: center; }

Added:
>
>
 
META FILEATTACHMENT attr="" autoattached="1" comment="" date="1166814218" name="fundo.png" path="fundo.png" size="181" user="Main.PjoTa" version="1"
META FILEATTACHMENT attr="" autoattached="1" comment="" date="1166814177" name="menu_fundo.jpg" path="menu_fundo.jpg" size="454" user="Main.PjoTa" version="1"
Line: 243 to 270
 
META FILEATTACHMENT attr="" autoattached="1" comment="" date="1166814043" name="fundo_corpo.jpg" path="fundo_corpo.jpg" size="523" user="Main.PjoTa" version="1"
META FILEATTACHMENT attr="" autoattached="1" comment="" date="1166814068" name="fundo_top.jpg" path="fundo_top.jpg" size="456" user="Main.PjoTa" version="1"
META FILEATTACHMENT attr="" autoattached="1" comment="" date="1166814139" name="menu_titulo.jpg" path="menu_titulo.jpg" size="489" user="Main.PjoTa" version="1"
Added:
>
>
META FILEATTACHMENT attachment="img01.gif" attr="" comment="" date="1253315068" name="img01.gif" path="img01.gif" size="76" stream="img01.gif" tmpFilename="/var/tmp/CGItemp3973" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img02.gif" attr="" comment="" date="1253315145" name="img02.gif" path="img02.gif" size="63" stream="img02.gif" tmpFilename="/var/tmp/CGItemp3926" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img03.gif" attr="" comment="" date="1253315162" name="img03.gif" path="img03.gif" size="2119" stream="img03.gif" tmpFilename="/var/tmp/CGItemp4043" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img04.gif" attr="" comment="" date="1253315165" name="img04.gif" path="img04.gif" size="63" stream="img04.gif" tmpFilename="/var/tmp/CGItemp4006" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img05.gif" attr="" comment="" date="1253315169" name="img05.gif" path="img05.gif" size="50" stream="img05.gif" tmpFilename="/var/tmp/CGItemp3983" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img06.gif" attr="" comment="" date="1253315174" name="img06.gif" path="img06.gif" size="63" stream="img06.gif" tmpFilename="/var/tmp/CGItemp3983" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img07.gif" attr="" comment="" date="1253315178" name="img07.gif" path="img07.gif" size="50" stream="img07.gif" tmpFilename="/var/tmp/CGItemp3956" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img08.jpg" attr="" comment="" date="1253315182" name="img08.jpg" path="img08.jpg" size="79745" stream="img08.jpg" tmpFilename="/var/tmp/CGItemp4139" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img09.gif" attr="" comment="" date="1253315186" name="img09.gif" path="img09.gif" size="43" stream="img09.gif" tmpFilename="/var/tmp/CGItemp3957" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img10.gif" attr="" comment="" date="1253315229" name="img10.gif" path="img10.gif" size="63" stream="img10.gif" tmpFilename="/var/tmp/CGItemp3935" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img12.gif" attr="" comment="" date="1253315235" name="img12.gif" path="img12.gif" size="277" stream="img12.gif" tmpFilename="/var/tmp/CGItemp4047" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img13.gif" attr="" comment="" date="1253315238" name="img13.gif" path="img13.gif" size="72" stream="img13.gif" tmpFilename="/var/tmp/CGItemp3955" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="spacer.gif" attr="" comment="" date="1253315249" name="spacer.gif" path="spacer.gif" size="43" stream="spacer.gif" tmpFilename="/var/tmp/CGItemp3999" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img11.gif" attr="" comment="" date="1253315281" name="img11.gif" path="img11.gif" size="50" stream="img11.gif" tmpFilename="/var/tmp/CGItemp3884" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="LOGODCE.jpg" attr="" comment="" date="1253315448" name="LOGODCE.jpg" path="LOGODCE.jpg" size="5376" stream="LOGODCE.jpg" tmpFilename="/var/tmp/CGItemp4071" user="PolianaReboucas" version="1"
META FILEATTACHMENT attachment="img08.JPG" attr="" comment="" date="1253317607" name="img08.JPG" path="img08.JPG" size="45285" stream="img08.JPG" tmpFilename="/var/tmp/CGItemp4151" user="PolianaReboucas" version="1"

Revision 122 Dec 2006 - PjoTa

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

CSS do Sítio

Modularização:


%STARTINCLUDE%

body{
  background-color: #F3F3F3;
  background-image: url("%ATTACHURL%/fundo.png");
  margin: 0px;
  font-family: verdana, sans-serif;
  font-size: 12px;
}

#tudo{
  background-image: url("%ATTACHURL%/fundo_top.jpg");
  background-repeat: repeat-x;
  text-align: center;
}

#corpo{
  background-image: url("%ATTACHURL%/fundo_corpo.jpg");
  width: 760px;
  text-align: left;
  margin: auto;
}

#cabecalho{
  background-image: url("%ATTACHURL%/top.jpg");
  height: 192px;
}

#cabecalho h1{
  display: none;
}

#cabecalho form{
  margin: 0px;
  padding: 35px 180px 0px 0px;
  float: right;
}

#cabecalho input{
  font-size: 10px;
  height: 12px;
  text-align: center;
  color: #C0C0C0;
  border: none;
  border-bottom: 1px dotted #000000;
}

#cabecalho #btBuscar{
  background-color: #EDDFDF;
  background-image: url("%ATTACHURL%/bt_buscar.png");
  width: 15px;
  height: 15px;
  color: #FFFFFF;
  font-size: 1px;
  border: none;
}

#menu{
  float: left;
  width: 152px;
  background-image: url("%ATTACHURL%/menu_fundo.jpg");
}
#menu ul{
  margin: -13px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  background-image: url("%ATTACHURL%/menu_base.jpg");
  background-repeat: no-repeat;
  background-position: 0% 100%;
  position: relative; /* Armengue pro IE */
}
#menu li{
  margin: 0px;
  padding: 5px 0px 5px 20px;
  list-style: none;
}

#menu strong{
  background-image: url("%ATTACHURL%/menu_titulo.jpg");
  display: block;
  width: 151px;
  max-width: 141px;
  margin-left: -20px;
  padding: 3px 0px 3px 10px;
  text-align: center;
  color: #FFFFFF;
}

#menu a{
  text-decoration: none;
  color: #07229a;
}
#menu a:hover{
  color: #416dd3;
}

#noticias{
  margin-top: -155px;
  padding: 0px 20px 0px 3px;
  width: 160px;
  max-width: 137px;
  float: right;
  text-align: right;
}

#noticias h3{
  color: #07229a;
  text-align: left;
  margin: 0px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #07229a;
  font-size: 16px;
  font-weight: 900;
}

#noticias ul{
  margin: 0px;
  padding: 0px;
}

#noticias li{
  margin: 0px;
  padding: 7px 0px 7px 0px;
  list-style: none;
  border-bottom: 1px dotted #07229a;
}

#noticias li a{
  text-decoration: none;
  color: #07229a;
}
#noticias li a:hover{
  text-decoration: none;
  color: #416dd3
}

#noticias div{
  margin-top: 20px;
  font-size: 10px;
  color: #07229a;
}
#noticias div a{
  color: #07229a;
}
#noticias div a:hover{
  color: #416dd3;
}

#rodape{
  clear: both;
  background-image: url("%ATTACHURL%/rodape.jpg");
  background-position: 0% 100%;
  background-repeat: no-repeat;
  height: 160px;
  max-height: 150px;
  text-align: justify;
  font-size: 9px;
  color: #COCOCO;
  padding: 10px 170px 0px 200px;
}
#rodape a{
  color: #9fc9ff;
}
#rodape a:hover{
  color: #70a8e0;
}
#rodape #rev{
  text-align: right;
}

#rodape #topicosPais{
  margin-left: -35px;
  text-align: left;
  color: #A06060;
  padding: 10px 0px 10px 0px;
}
#rodape #topicosPais a{
  color: #9fc9ff;
  font-size: 10px;
  text-decoration: none;
}
#rodape #topicosPais a:hover{
  color: #70a8e0;
}

#btsTWiki {
  text-align: right;
  padding-bottom: 3px;
}

#rodape #btsTWiki a:link, 
#rodape #btsTWiki a:visited {
  padding: 0px 2px 0px 2px;
  text-decoration: none;
  border: 1px solid #ccc;
  background: #f6f6f6;
  color: #C0C0C0;
}

#rodape #btsTWiki a:hover {
  background: #416dd3;
  color: #FFFFFF;
  border: 1px solid #9fc9ff;
}

#btsPower{
  padding: 5px 0px 5px 140px;
}
#btsPower img{
  margin: 0px 2px;
}

#conteudo{
  float: left;
  margin: -130px 0px 0px 10px;
  width: 425px;
  text-align: justify;
  color: #505050;
}

/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSConteudo}%

/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSTabelas}%

%STOPINCLUDE%

|*META FILEATTACHMENT*|attr="" autoattached="1" comment="" date="1166814218" name="fundo.png" path="fundo.png" size="181" user="Main.PjoTa" version="1"|
|*META FILEATTACHMENT*|attr="" autoattached="1" comment="" date="1166814177" name="menu_fundo.jpg" path="menu_fundo.jpg" size="454" user="Main.PjoTa" version="1"|
|*META FILEATTACHMENT*|attr="" autoattached="1" comment="" date="1166814194" name="rodape.jpg" path="rodape.jpg" size="3093" user="Main.PjoTa" version="1"|
|*META FILEATTACHMENT*|attr="" autoattached="1" comment="" date="1166822674" name="top.jpg" path="top.jpg" size="11320" user="Main.PjoTa" version="3"|
|*META FILEATTACHMENT*|attr="" autoattached="1" comment="" date="1166814096" name="menu_base.jpg" path="menu_base.jpg" size="935" user="Main.PjoTa" version="1"|
|*META FILEATTACHMENT*|attr="" autoattached="1" comment="" date="1166814043" name="fundo_corpo.jpg" path="fundo_corpo.jpg" size="523" user="Main.PjoTa" version="1"|
|*META FILEATTACHMENT*|attr="" autoattached="1" comment="" date="1166814068" name="fundo_top.jpg" path="fundo_top.jpg" size="456" user="Main.PjoTa" version="1"|
|*META FILEATTACHMENT*|attr="" autoattached="1" comment="" date="1166814139" name="menu_titulo.jpg" path="menu_titulo.jpg" size="489" user="Main.PjoTa" version="1"|
 
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