Difference: FreeSkinCSS (1 vs. 17)

Revision 1721 Jun 2014 - JulioNeves

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

FreeSkinCSS

Line: 61 to 61
  border:none; } pre, code, tt {
Changed:
<
<
font-size:110%;
>
>
font-size:115%;
  line-height:1.4em; color:#808080; font-weight:bold;

Revision 1621 Jun 2014 - JulioNeves

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

FreeSkinCSS

Line: 61 to 61
  border:none; } pre, code, tt {
Changed:
<
<
font-size:100%;
>
>
font-size:110%;
  line-height:1.4em;
Changed:
<
<
color:#7A4707;
>
>
color:#808080; font-weight:bold;
 } pre { margin-top:1em;

Revision 1512 Mar 2007 - JulioNeves

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

FreeSkinCSS

Revision 1417 Nov 2006 - JulioNeves

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

FreeSkinCSS

Revision 1320 Oct 2006 - JulioNeves

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

FreeSkinCSS

Line: 14 to 14
  html body { line-height:1.55em;
Changed:
<
<
font-family: "Bitstream Vera Serif", "Lucida Grande", verdana, lucida, helvetica, sans-serif;
>
>
font-family: "Bitstream Vera Sans", "Lucida Grande", verdana, lucida, helvetica, sans-serif;
  background-color: #f8f8f8; margin:0; padding:0;

Revision 1215 Oct 2006 - JulioNeves

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

FreeSkinCSS

Line: 14 to 14
  html body { line-height:1.55em;
Changed:
<
<
font-family:"Lucida Grande", verdana, lucida, helvetica, sans-serif;
>
>
font-family: "Bitstream Vera Serif", "Lucida Grande", verdana, lucida, helvetica, sans-serif;
  background-color: #f8f8f8; margin:0; padding:0;

Revision 1104 Jul 2006 - JulioNeves

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

FreeSkinCSS

Line: 216 to 216
 .padraocabecalho { border:1px solid #669966; /* verde pálido */ /* text-align: center; */
Changed:
<
<
background: #FFF url(http://br.gnome.org/pub/TWikiBar/FreeSkinImagens/Capa-Shell-Pequena.jpg) right top no-repeat;
>
>
background: #FFF url(http://br.gnome.org/pub/TWikiBar/FreeSkinImagens/6aEdicao.PNG) right top no-repeat;
  color: #FFF; min-height: 105px; /* tamanho da logo */ }

Revision 1026 Oct 2005 - Main.CarlinhosCecconi

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

FreeSkinCSS

Line: 42 to 42
  table.destaque {
border-collapse
separate;
Changed:
<
<
background-color
#ffffcc important;
>
>
background-color
#ffffcc important;
}

table, tr, td{

background-color
#ffffff important;
 }

strong, b {

Revision 924 Oct 2005 - Main.CarlinhosCecconi

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

FreeSkinCSS

Line: 37 to 37
 } table { border-collapse:separate;
Added:
>
>
background-color
#000000;
 }
Added:
>
>
table.destaque {
border-collapse
separate;
background-color
#ffffcc important;
}
 strong, b { font-weight:bold; }

Revision 814 Oct 2005 - JarbasJunior

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

FreeSkinCSS

Line: 438 to 438
 -- JarbasJunior - 07 Oct 2005

META FILEATTACHMENT attr="" comment="Hack p/ IE menu CSS - Javascript" date="1126835144" name="csshover.htc" path="csshover.htc" size="3071" user="JarbasJunior" version="1.1"
Changed:
<
<
META FILEATTACHMENT attr="" comment="Alterações no style para o skyn Pattern" date="1127154317" name="style.css" path="style.css" size="442" user="JarbasJunior" version="1.3"
>
>
META FILEATTACHMENT attr="" comment="Alterações no style para o skyn Pattern" date="1129292893" name="style.css" path="style.css" size="957" user="JarbasJunior" version="1.4"
 
META FILEATTACHMENT attr="" comment="Alterações no layout para o skyn Pattern" date="1127154058" name="layout.css" path="layout.css" size="14" user="JarbasJunior" version="1.1"

Revision 707 Oct 2005 - JarbasJunior

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

FreeSkinCSS

Line: 203 to 203
 .padraocabecalho { border:1px solid #669966; /* verde pálido */ /* text-align: center; */
Changed:
<
<
background: #669966 url("http://br.gnome.org/pub/TWikiBar/FreeSkinImagens/favicon.ico") left top repeat-x;
>
>
background: #FFF url(http://br.gnome.org/pub/TWikiBar/FreeSkinImagens/Capa-Shell-Pequena.jpg) right top no-repeat;
  color: #FFF;
Changed:
<
<
min-height: 44px; /* tamanho da logo */
>
>
min-height: 105px; /* tamanho da logo */
 }

.corpo {

Line: 237 to 237
 /* overflow: auto; */

border:1px solid #000;

Changed:
<
<
background-color: #FFF; /* branco */
>
>
background-color: #FFF;
 }

.localizacao { margin-left: 13.1em; /* deslocado 1em à direita do menuL */ padding-left:1em;

Changed:
<
<
border:1px solid #E6E6E6; background-color: #E6E6E6; /* cinza claro */
>
>
border:1px solid #E6E6E6; /* cinza claro */ background-color: #E6E6E6;
 }

.edicao {

Revision 607 Oct 2005 - JarbasJunior

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

FreeSkinCSS

Changed:
<
<
  • Definição do CSS (Folha de Estilo em Cascata) para a web TWikiBar
>
>
  • Definição do CSS (Folha de Estilo em Cascata) para a web TWikiBar
 

Como está sendo incluído agora

Line: 26 to 27
 html>body { font-size:small; }
Added:
>
>
/* be kind to netscape 4 that doesn't understand inheritance */ body, p, li, ul, ol, dl, dt, dd, acronym, h1, h2, h3, h4, h5, h6 { background-color:transparent; } p { margin:1em 0 0 0; } table { border-collapse:separate; } strong, b { font-weight:bold; } hr { color:#9E9E70; background-color:#9E9E70; height:1px; border:none; } pre, code, tt { font-size:100%; line-height:1.4em; color:#7A4707; } pre { margin-top:1em; margin-bottom:1em; }

/* Text */

h1, h2, h3, h4, h5, h6 { font-family:"Lucida Grande", helvetica, lucida, verdana, sans-serif; line-height:104%; padding:0; margin:1em 0 0.1em 0; } h1 { font-size:210%; color:#e24628; margin:0 0 0.1em 0; } h2 { font-size:145%; display:block; background-color:#F3EDE7; color:#900; padding:0.2em 0.7em; margin:1em 0.7em 0.15em 0.7em; height:auto; } h3 { font-size:140%; color:#900;} h4 { font-size:125%; color:#900;} h5 { font-size:110%; color:#900;} h6 { font-size:95%; color:#900;}

/* Links */

:link:focus, :visited:focus, :link, :visited, :link:active, :visited:active { text-decoration:none; color:#1e5bbd; background-color:transparent; } :link:hover, :visited:hover { text-decoration:underline; background-color:#b4d5ff; color:#1559B3; } a:link img, a:visited img, a:hover img, a:active img { background-color:transparent; } th a:link, th a:visited { font-weight:bold; }

 /* ---------------------------------------- Referências à Menu de Contexto
Fonte
http://br.mozdev.org/thunderbird/vocesabia/?privacidade
Line: 76 to 163
  #content span.tool:after { padding-left: 2px; /* eye candy */
Changed:
<
<
content: url(http://br.gnome.org/pub/TWiki/TWikiDocGraphics/img/bubble.gif);
>
>
content: url(http://br.gnome.org/pub/TWiki/TWikiDocGraphics/bubble.gif);
 }

/* ----------------------------------------

Line: 86 to 173
  .code-box { font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
Changed:
<
<
white-space: pre; width: 39.5em; line-height: 1.4em; margin: 1em 0;
>
>
width: 100%;
  border: 1px dashed #aaa8a8; padding: 0.5em 0 0.3em 0.5em;
Changed:
<
<
font-size: 150%; color: #FFF;
>
>
color: #000;
  overflow: auto;
Changed:
<
<
background: #000 url(http://br.gnome.org/pub/TWiki/TWikiDocGraphics/pencil.gif) no-repeat top right;
>
>
background: #fff url(http://br.gnome.org/pub/TWiki/TWikiDocGraphics/hand.gif) no-repeat top right;
 }

/* ----------------------------------------

Line: 107 to 190
  top: 0; left: 0; width: 100%;
Deleted:
<
<
border:1px solid #C0C0FF; background-color: #C0C0FF; /* light blue */
 }
Changed:
<
<
.cabecalho { border:1px solid #00FF00; background-color: #00FF00; /* verde */ }
>
>
.cabecalho { }
  .padraogoverno { border:1px solid #FFCC00;
Changed:
<
<
background-color: #FFCC00; /* amarelao */ text-align: center; }

.barranavegacao { border:1px solid #22638C; background-color: #22638C; /* azul tosco */

>
>
background-color: #FFCC00;
  text-align: center; }

.padraocabecalho {

Changed:
<
<
border:1px solid #669966; background-color: #669966; /* verde pálido */ text-align: center;
>
>
border:1px solid #669966; /* verde pálido */ /* text-align: center; */ background: #669966 url("http://br.gnome.org/pub/TWikiBar/FreeSkinImagens/favicon.ico") left top repeat-x; color: #FFF; min-height: 44px; /* tamanho da logo */
 }

.corpo { position: relative;

Changed:
<
<
border:1px solid #F5DEB3; background-color: #F5DEB3; /* trigo */
>
>
top:0; left:0;
 }

.lateral { position: absolute;

Changed:
<
<
border:1px solid #FFC0C0; background-color: #FFC0C0; /* light red */
>
>
background-color: #FFFAFF; /* rosa claríssimo */
  width: 12.5em; /* 0.5em à mais do menuL */

z-index:1; /* forçar estar acima dos demais */ }

Added:
>
>
.barranavegacao { background-color: #CDCE9C; }
 .topico { position: relative; padding-left:1em; padding-bottom:1em; margin-left: 13.1em; /* deslocado 1em à direita do menuL */
Added:
>
>
min-height: 20em;
 
Changed:
<
<
border:5px solid #90EE90; background-color: #90EE90; /* verde claro */
>
>
/* overflow: auto; */
 
Added:
>
>
border:1px solid #000; background-color: #FFF; /* branco */
 }

.localizacao { margin-left: 13.1em; /* deslocado 1em à direita do menuL */ padding-left:1em;

Changed:
<
<
border:1px solid #98A2B0; background-color: #98A2B0; /* cinza claro */
>
>
border:1px solid #E6E6E6; background-color: #E6E6E6; /* cinza claro */
 }

.edicao { margin-left: 13.1em; /* deslocado 1em à direita do menuL */ padding-left:1em;

Changed:
<
<
border:1px solid #00C0C0; background-color: #00C0C0; /* midle cyan */
>
>
border:1px solid #EEF6FF; background-color: #EEF6FF; /* azul claríssimo */
 }

.rodape {

Changed:
<
<
border:1px solid #C00000; background-color: #C00000; /* midle red */
>
>
margin-left: 13.1em; /* deslocado 1em à direita do menuL */ padding-left:1em;

text-align: center;

border:1px solid #FFFAFF; background-color: #FFFAFF; /* rosa claríssimo */

 }

/* ---------------------------------------- Barra de Navegacao através de listas. http://www.maujor.com/tutorial/cssmenu.php


*/
Changed:
<
<
#menuH {
>
>
#menuH ul {
  border:none; margin: 0; padding:0;
Changed:
<
<
/*font: 9px Arial, sans-serif;*/
>
>
text-align:left;
 }
Changed:
<
<
#menuH li {
>
>
#menuH ul li {
  list-style: none; margin: 0; display: inline; }
Changed:
<
<
#menuH li a {
>
>
#menuH ul li a {
  height:1px; /* IE5.0 bug */
Changed:
<
<
padding: 3px 1px;
>
>
/* padding: 3px 1px; */
  margin:0;
Changed:
<
<
border: 1px solid #f00; background: #999;
>
>
/* border: 1px solid #f00; */ /* background: #999; */
  text-decoration: none; }
Changed:
<
<
#menuH li a:link { color: #fff; }

#menuH li a:visited { color: #fff;

>
>
#menuH ul li a:link, #menuH ul li a:visited { /* color: #fff; */
 }
Changed:
<
<
#menuH li a:hover { background: #ccc; color: #000; border-color: #000;
>
>
#menuH ul li a:hover { /* background: #ccc; */ color: #F00; /* border-color: #000; */
 }

/* ----------------------------------------

Line: 230 to 310
  /* Tamanho, Fonte, Cor, Borda do MenuL? */ #menuL {
Deleted:
<
<
border:1px solid #C00000; background-color: #C00000; /* midle red */
  width: 12em;
Deleted:
<
<
border: 3px inset #ccc;
  background: #999; font-size: 11px/16px; font-weight: bold;
Deleted:
<
<
width: 12em; padding: 1px;
 }

/* Caixa do Menu OL */

Line: 263 to 336
  background: #000; text-transform: uppercase; text-align: center;
Deleted:
<
<
padding: 2px 1px; }

/* Itens do Menu OL - sem link */ #menuL ol li ul li { color: #000; background: #efefef; text-align:left;

 }

/* Items dentro do Menu OL */

Line: 278 to 343
  color: #fff; background: #000; text-transform: none;
Added:
>
>
text-align: left;
 }

/* Links dos Menus */

Line: 325 to 391
 /* Magia CSS */ div#menuL ol ul li:hover ul, div#menuL ol ul ul li:hover ul,
Deleted:
<
<
div#menuL ol ul ul li:hover ul,
 div#menuL ol ul ul ul li:hover ul {display: block;}
Line: 336 to 401
 
<-- Internet Explorer CSS Fixes -->

Revision 519 Sep 2005 - JarbasJunior

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

FreeSkinCSS

Line: 373 to 373
 -- JarbasJunior - 16 Sep 2005

META FILEATTACHMENT attr="" comment="Hack p/ IE menu CSS - Javascript" date="1126835144" name="csshover.htc" path="csshover.htc" size="3071" user="JarbasJunior" version="1.1"
Added:
>
>
META FILEATTACHMENT attr="" comment="Alterações no style para o skyn Pattern" date="1127154317" name="style.css" path="style.css" size="442" user="JarbasJunior" version="1.3"
META FILEATTACHMENT attr="" comment="Alterações no layout para o skyn Pattern" date="1127154058" name="layout.css" path="layout.css" size="14" user="JarbasJunior" version="1.1"

Revision 417 Sep 2005 - JarbasJunior

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

FreeSkinCSS

Changed:
<
<
  • Definição do CSS (Folha de Estilo em Cascata) para a web %BASEWEB%
>
>
  • Definição do CSS (Folha de Estilo em Cascata) para a web TWikiBar
 

Como está sendo incluído agora

Line: 86 to 86
  .code-box { font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
Changed:
<
<
width: 100%;
>
>
white-space: pre; width: 39.5em; line-height: 1.4em; margin: 1em 0;
  border: 1px dashed #aaa8a8; padding: 0.5em 0 0.3em 0.5em;
Changed:
<
<
color: #000;
>
>
font-size: 150%; color: #FFF;
  overflow: auto;
Changed:
<
<
background: #fff url(http://br.gnome.org/pub/TWiki/TWikiDocGraphics/hand.gif) no-repeat top right;
>
>
background: #000 url(http://br.gnome.org/pub/TWiki/TWikiDocGraphics/pencil.gif) no-repeat top right;
 }

/* ----------------------------------------

Revision 316 Sep 2005 - JarbasJunior

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

FreeSkinCSS

Changed:
<
<
  • Definição do CSS (Folha de Estilo em Cascata) para a web TWikiBar
>
>
  • Definição do CSS (Folha de Estilo em Cascata) para a web %BASEWEB%
 

Como está sendo incluído agora

Line: 166 to 166
 }

.edicao {

Added:
>
>
margin-left: 13.1em; /* deslocado 1em à direita do menuL */ padding-left:1em;
  border:1px solid #00C0C0; background-color: #00C0C0; /* midle cyan */ }

Revision 216 Sep 2005 - JarbasJunior

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

FreeSkinCSS

Line: 74 to 74
  text-align: left; }
Changed:
<
<
#content span.tool::after {
>
>
#content span.tool:after {
  padding-left: 2px; /* eye candy */ content: url(http://br.gnome.org/pub/TWiki/TWikiDocGraphics/img/bubble.gif); }
Line: 118 to 118
  text-align: center; }
Added:
>
>
.barranavegacao { border:1px solid #22638C; background-color: #22638C; /* azul tosco */ text-align: center; }
 .padraocabecalho { border:1px solid #669966; background-color: #669966; /* verde pálido */
Added:
>
>
text-align: center;
 }

.corpo {

Line: 150 to 157
  }
Added:
>
>
.localizacao { margin-left: 13.1em; /* deslocado 1em à direita do menuL */ padding-left:1em;

border:1px solid #98A2B0; background-color: #98A2B0; /* cinza claro */ }

 .edicao { border:1px solid #00C0C0; background-color: #00C0C0; /* midle cyan */
Line: 161 to 176
 }

/* ----------------------------------------

Added:
>
>
Barra de Navegacao através de listas. http://www.maujor.com/tutorial/cssmenu.php
*/ #menuH { border:none; margin: 0; padding:0; /*font: 9px Arial, sans-serif;*/ }

#menuH li { list-style: none; margin: 0; display: inline; }

#menuH li a { height:1px; /* IE5.0 bug */ padding: 3px 1px; margin:0; border: 1px solid #f00; background: #999; text-decoration: none; }

#menuH li a:link { color: #fff; }

#menuH li a:visited { color: #fff; }

#menuH li a:hover { background: #ccc; color: #000; border-color: #000; }

/* ----------------------------------------

  Menu Construído através de listas. Baseado em: http://www.maujor.com/tutorial/tecmenu.php e http://www.tanfa.co.uk/css/examples/css-dropdown-menus.asp
Line: 175 to 230
  border: 3px inset #ccc;

background: #999;

Changed:
<
<
font: bold 11px/16px;
>
>
font-size: 11px/16px; font-weight: bold;
  width: 12em; padding: 1px;
Deleted:
<
<
 }

/* Caixa do Menu OL */

Revision 116 Sep 2005 - JarbasJunior

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

FreeSkinCSS

  • Definição do CSS (Folha de Estilo em Cascata) para a web TWikiBar

Como está sendo incluído agora

%STARTINCLUDE%\
<style type="text/css" media="all">

/* elementos HTML básicos */

html body {
   line-height:1.55em;
   font-family:"Lucida Grande", verdana, lucida, helvetica, sans-serif;
   background-color:#f8f8f8;
   margin:0;
   padding:0;
   font-size:x-small;
   voice-family:"\"}\""; 
   voice-family:inherit;
   font-size:small;
}
html>body {
   font-size:small;   
}
/* ----------------------------------------
   Referências à Menu de Contexto
   Fonte: http://br.mozdev.org/thunderbird/vocesabia/?privacidade 
          http://br.mozdev.org/images/html/br.css
---------------------------------------- */

kbd {
  padding: 0px 1px 0px 1px !important;
  border-width: 1px 2px 2px 1px !important;
  border-style: solid !important;
  background: #faf6f6  !important;
  color: #000  !important;
  border-color:  #edd #baa #baa #eed  !important;
}

/* ----------------------------------------
   Estilo para tooltip em links
   Fonte: http://loadaveragezero.com/vnav/labs/CSS/tooltips.php
---------------------------------------- */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */

span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: auto;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(%PUBURL%/TWiki/TWikiDocGraphics/img/bubble.gif);
}

/* ----------------------------------------
   Estilo para caixa div de código code-box 
   Fonte: http://loadaveragezero.com/vnav/labs/CSS/code.php
---------------------------------------- */

.code-box {
  font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
  width: 100%;
  border: 1px dashed #aaa8a8;
  padding: 0.5em 0 0.3em 0.5em;
  color: #000;
  overflow: auto;
  background: #fff url(%PUBURL%/TWiki/TWikiDocGraphics/hand.gif) no-repeat top right;
}

/* ----------------------------------------
   Estilos das Divisões
---------------------------------------- */

.geral {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border:1px solid #C0C0FF;
  background-color: #C0C0FF; /* light blue */
}

.cabecalho {
  border:1px solid #00FF00;
  background-color: #00FF00; /* verde */
}

.padraogoverno {
  border:1px solid #FFCC00;
  background-color: #FFCC00; /* amarelao */
  text-align: center;
}

.padraocabecalho {
  border:1px solid #669966;
  background-color: #669966; /* verde pálido */
}

.corpo {
  position: relative;
  border:1px solid #F5DEB3;
  background-color: #F5DEB3; /* trigo */
}

.lateral {
  position: absolute;
  border:1px solid #FFC0C0;
  background-color: #FFC0C0; /* light red */

  width: 12.5em; /* 0.5em à mais do menuL */

  z-index:1; /* forçar estar acima dos demais */
}

.topico {
  position: relative;
  padding-left:1em;
  padding-bottom:1em;
  margin-left: 13.1em; /* deslocado 1em à direita do menuL */

  border:5px solid #90EE90;
  background-color: #90EE90; /* verde claro */

}

.edicao {
  border:1px solid #00C0C0;
  background-color: #00C0C0; /* midle cyan */
}

.rodape {
  border:1px solid #C00000;
  background-color: #C00000; /* midle red */
}

/* ----------------------------------------
   Menu Construído através de listas. Baseado em:
   http://www.maujor.com/tutorial/tecmenu.php e
   http://www.tanfa.co.uk/css/examples/css-dropdown-menus.asp
---------------------------------------- */

/* Tamanho, Fonte, Cor, Borda do MenuL */
#menuL {
  border:1px solid #C00000;
  background-color: #C00000; /* midle red */

  width: 12em;
  border: 3px inset #ccc;

  background: #999;
  font: bold 11px/16px;
  width: 12em;
  padding: 1px;

}

/* Caixa do Menu OL */
#menuL ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Caixa dos Itens do Menu UL - Fica dentro da caixa OL */
#menuL ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Titulo do Menu OL - ordenado */
#menuL ol li {
  color: #fff;
  background: #000;
  text-transform: uppercase;
  text-align: center;
  padding: 2px 1px;
}

/* Itens do Menu OL - sem link */
  #menuL ol li ul li {
  color: #000;
  background: #efefef;
  text-align:left;
}

/* Items dentro do Menu OL */
#menuL ol li li {
  color: #fff;
  background: #000;
  text-transform: none;
}

/* Links dos Menus */
#menuL ol li li a {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
  padding: 2px 3px;
}

/* Itens do Menu OL - Links */
#menuL a {
  color: #000;
  background: #efefef;
  text-decoration: none;
}

/* Itens do Menu OL - Links com o mouse em cima */
#menuL a:hover {
  color: #a00;
  background: #fff;
}

/* Posicionamento dos Itens - "Mágica" */
#menuL li {
  position: relative;
}

#menuL ol ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}

/* Magia CSS */
div#menuL ol ul ul,
div#menuL ol ul ul ul,
div#menuL ol ul li:hover ul ul,
div#menuL ol ul ul li:hover ul ul
{display: none;}

/* Magia CSS */
div#menuL ol ul li:hover ul,
div#menuL ol ul ul li:hover ul,
div#menuL ol ul ul li:hover ul,
div#menuL ol ul ul ul li:hover ul
{display: block;}

/* Corrige o espaço deixado pelos parágrafos */
div#menuL p {display:inline;}
</style>

<!-- Internet Explorer CSS Fixes -->
<!--[if IE]>
  <style type="text/css" media="screen">
    body {  behavior: url(%PUBURL%/Design/FreeSkinCSS/csshover.htc); font-size: 100%;} 
    #menuL ol li { float: left; width: 100%; }
    #menuL ol li a { height: 1%; }
  </style>
<![endif]-->

%STOPINCLUDE%

O que deverá incluído deste tópico

Atenção: ALERT! Variáveis do TWiki não poderão ser utilizadas aqui com o CSS via include.

OBS.: ALERT! Isso porque ainda não estou criando os arquivos css separados. Dessa forma fica mais fácil alterar seus conteúdos pois estes estão "embutidos" dentro desse tópico. Depois de testado e aprovado o css devemos separar por tipo de mídia (print, screen, etc), layout e conteúdo.

Utilizando @import o download fica na cache do browser, diminiundo o tempo de resposta. Isso torna o acesso ao site mais rápido, pois serão menos arquivos a serem baixados pelo browser.

STARTINCLUDE%
<style type="text/css" media="print">
   @import url("%PUBURL%/%BASEWEB%/FreeSkinCSS/print.css");
</style>

<style type="text/css" media="screen">
   @import url("%PUBURL%/%BASEWEB%/FreeSkinCSS/layout.css");
   @import url("%PUBURL%/%BASEWEB%/FreeSkinCSS/content.css");
</style>

<style type="text/css" media="all">
/* Dentro desse código CSS pode-se colocar variáveis TWiki */
</style>
STOPINCLUDE%

-- JarbasJunior - 16 Sep 2005

META FILEATTACHMENT attr="" comment="Hack p/ IE menu CSS - Javascript" date="1126835144" name="csshover.htc" path="csshover.htc" size="3071" user="JarbasJunior" version="1.1"
 
This site is powered by FoswikiCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Wiki-SL? Send feedback