Mudanças entre as edições de "MediaWiki:Common.css"

De Softwiki
Ir para: navegação, pesquisa
 
(22 edições intermediárias de um usuário não apresentadas)
Linha 3: Linha 3:
 
*/
 
*/
 
/* this has to be overridden for every menu */
 
/* this has to be overridden for every menu */
#p-Softcenter,
+
#p-Introdução,
#p-Configuração{
+
#p-FreteFácil,
 +
#p-FrotaFácil,
 +
#p-LogFácil,
 +
#p-Apuração,
 +
#p-Novas Tecnologias,
 +
#p-Anexos,
 +
#p-Links Úteis{
 
  overflow: visible;  
 
  overflow: visible;  
 
}
 
}
 
   
 
   
 
/* this has to be overridden for every menu */
 
/* this has to be overridden for every menu */
#p-Softcenter,
+
#p-Introdução,
#p-Configuração{
+
#p-FreteFácil,
  margin: 0;
+
#p-FrotaFácil,
 +
#p-LogFácil,
 +
#p-Apuração,
 +
#p-Novas Tecnologias,
 +
#p-Anexos,
 +
#p-Links Úteis{
 +
  margin: 100;
 
  padding: 100;
 
  padding: 100;
 
 
}
 
}
 
   
 
   
/* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item
+
/* this an example to change the background color of every second list item*/
#p-Inicio ul li.item3 ul {
+
li.even {
  width: 16em;
+
  background-color: #eeeeee;/*#E6E8FA*/
 
}
 
}
*/
 
  
 
/* this an example to change the background color of every second list item
 
li.even {
 
background-color: #eeeeee;
 
}
 
*/
 
 
   
 
   
 
.menuSidebar ul { /* remove bullets and list indents */
 
.menuSidebar ul { /* remove bullets and list indents */
Linha 35: Linha 39:
 
}
 
}
 
   
 
   
 +
 
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
 
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
 
.menuSidebar ul div {  
 
.menuSidebar ul div {  
 
  position: absolute;
 
  position: absolute;
  top: -6px;
+
  top: 0px;
  left: 100%; /* to position them to the right of their containing block */
+
  left: 100%; /* Faz o menu dos sub-itens ir mais para o centro da tela ou o inverso. */
 
  width: 100%; /* width is based on the containing block */
 
  width: 100%; /* width is based on the containing block */
  z-index: 100; /* show ul on top */
+
  z-index: 300; /* show ul on top */
 
}
 
}
 +
  
 
.menuSidebar ul ul {  
 
.menuSidebar ul ul {  
  background-color: #FFFAF0;  
+
  background-color: white;  
  border: 0px solid #aaaaaa;
+
  border: 1px solid #CDCDCD;/*#38B0DE #aaaaaa*/
  margin-top: 5px; /* make navigation easier*/
+
  margin-top: 5px; make navigation easier
  margin-bottom: 5px; /* make navigation easier*/
+
  margin-bottom: 5px; make navigation easier
 
  z-index: 101; /* show on top; Needed for IE 7 */
 
  z-index: 101; /* show on top; Needed for IE 7 */
  width: 16em; /* width of inner menu, Needed for IE 7 */
+
  width: 33em; /* width of inner menu, Needed for IE 7 */
 
}
 
}
  
/* ***TERCEIRO NIVEL DO MENU*** */
+
/*Outros níveis do menu, não esta sendo usado mais***
 
.menuSidebar ul li ul li ul li{  
 
.menuSidebar ul li ul li ul li{  
 
  background-color: white;
 
  background-color: white;
  border: 0px solid #aaaaaa;  
+
  border: 1px solid #aaaaaa;
  z-index: 102; /* show on top; Needed for IE 7 */
+
  z-index: 102;
  width: 26em; /* width of inner menu, Needed for IE 7 */
+
  width: 40em;
}
+
}*/
 
   
 
   
 
.menuSidebar li {
 
.menuSidebar li {
Linha 69: Linha 75:
 
/* style, color and size links and headings to suit */
 
/* style, color and size links and headings to suit */
 
.menuSidebar a {
 
.menuSidebar a {
  font-size: 12px; /*Alex: FONT-SIZE não existia, controla o tamnho da fonte*/
+
  font-size: 12px; /*Alex: FONT-SIZE não existia, controla o tamanho da fonte*/
 
  font-weight: bold;
 
  font-weight: bold;
 
  display: block;
 
  display: block;
 
  border-width: 0px 0px 0px 0px;  
 
  border-width: 0px 0px 0px 0px;  
 
  border-style: solid;
 
  border-style: solid;
  border-color: #aaaaaa;
+
  border-color: #aaaaaa;/*#aaaaaa*/
  margin: 4px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*/
+
  margin: 2px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*//*PAREI AQUI!!!!!!!!!!!!!!*/
  padding: 4px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*/
+
  padding: 15px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*/
  padding-left: 5px; /*Alex: empurra o texto mais para o centro do monitor.*/
+
  padding-left: 0px; /*Alex: empurra o texto mais para o centro do monitor.*/
  color: #000000;
+
  color: #000000;/*#000000*/
 
  text-decoration: none;
 
  text-decoration: none;
 
}
 
}
Linha 90: Linha 96:
 
.menuSidebar li:hover, /* Needed for IE 7 */
 
.menuSidebar li:hover, /* Needed for IE 7 */
 
.menuSidebar a:hover {
 
.menuSidebar a:hover {
  background: #ccccff;
+
  background: #ccccff; /*#EBC79E #ccccff*/
 +
 
 
}
 
}
 
   
 
   
 
.menuSidebar li.separator a:hover {
 
.menuSidebar li.separator a:hover {
  background: white;
+
  background: white;/*#EBC79E*/
 
}
 
}
 
   
 
   
Linha 127: Linha 134:
 
.menuSidebar ul li ul li ul li div:hover{display: block;} /* div is again used for easier navigation*/
 
.menuSidebar ul li ul li ul li div:hover{display: block;} /* div is again used for easier navigation*/
 
.menuSidebar ul li ul li ul li:hover ul li div {display: none; }  /* hide the next level */
 
.menuSidebar ul li ul li ul li:hover ul li div {display: none; }  /* hide the next level */
 +
 +
/*
 +
#column-content { margin: 0 0 .6em 0; }
 +
#content { margin: 2.8em 0 0 0; }
 +
#p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search { display:none; }
 +
#p-cactions { left: .1em; }
 +
*/
 +
 +
/**********************************************************************************/
 +
/*Trecho de código css para o modelo de tabela*/
 +
.TabelaWikiPadrao {
 +
margin:0px; padding:2px;
 +
width:100%;
 +
box-shadow: 10px 10px 5px #888888;
 +
border:3px solid  #33CCFF;
 +
 +
-moz-border-radius-bottomleft:12px;
 +
-webkit-border-bottom-left-radius:12px;
 +
border-bottom-left-radius:12px;
 +
 +
-moz-border-radius-bottomright:12px;
 +
-webkit-border-bottom-right-radius:12px;
 +
border-bottom-right-radius:12px;
 +
 +
-moz-border-radius-topright:12px;
 +
-webkit-border-top-right-radius:12px;
 +
border-top-right-radius:12px;
 +
 +
-moz-border-radius-topleft:12px;
 +
-webkit-border-top-left-radius:12px;
 +
border-top-left-radius:12px;
 +
 +
}.TabelaWikiPadrao tr:last-child td:last-child {
 +
-moz-border-radius-bottomright:12px;
 +
-webkit-border-bottom-right-radius:12px;
 +
border-bottom-right-radius:12px;
 +
}.TabelaWikiPadrao table tr:first-child td:first-child {
 +
-moz-border-radius-topleft:12px;
 +
-webkit-border-top-left-radius:12px;
 +
border-top-left-radius:12px;
 +
}.TabelaWikiPadrao table tr:first-child td:last-child {
 +
-moz-border-radius-topright:12px;
 +
-webkit-border-top-right-radius:12px;
 +
border-top-right-radius:12px;
 +
}.TabelaWikiPadrao tr:last-child td:first-child{
 +
-moz-border-radius-bottomleft:12px;
 +
-webkit-border-bottom-left-radius:12px;
 +
border-bottom-left-radius:12px;
 +
}
 +
 +
 +
.TabelaWikiPadrao table{
 +
border-collapse: collapse;
 +
border-spacing: 0;
 +
width: 100%;
 +
height: 100%;
 +
margin: 0px;
 +
padding: 0px;
 +
text-align: center;
 +
background-color: #FFFFFF;
 +
color:#222;
 +
}
 +
 +
/*Configurações de linhas das bordas e afins*/
 +
.TabelaWikiPadrao td{
 +
vertical-align:middle;
 +
 +
border:1px solid #33CCFF;
 +
border-width:0px 1px 1px 0px;
 +
 +
text-align:justify;
 +
padding:7px;
 +
font-size:16px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
font-weight:normal;
 +
color:#222;
 +
}
 +
 +
.TabelaWikiPadrao tr:last-child td{
 +
border-width:0px 1px 0px 0px;
 +
}
 +
 +
.TabelaWikiPadrao tr td:last-child{
 +
border-width:0px 0px 1px 0px;
 +
}
 +
 +
.TabelaWikiPadrao tr:last-child td:last-child{
 +
border-width:0px 0px 0px 0px;
 +
}
 +
 +
.TabelaWikiPadrao tr:hover td{
 +
background-color:#33CCFF;/*#0099FF*/
 +
color:#222222;
 +
animation:infinite;
 +
}

Edição atual tal como às 15h54min de 28 de janeiro de 2016

/*
* MenuSidebar
*/
/* this has to be overridden for every menu */
#p-Introdução,
#p-FreteFácil,
#p-FrotaFácil,
#p-LogFácil,
#p-Apuração,
#p-Novas Tecnologias,
#p-Anexos,
#p-Links Úteis{
 overflow: visible; 
}
 
/* this has to be overridden for every menu */
#p-Introdução,
#p-FreteFácil,
#p-FrotaFácil,
#p-LogFácil,
#p-Apuração,
#p-Novas Tecnologias,
#p-Anexos,
#p-Links Úteis{
 margin: 100;
 padding: 100;
}
 
/* this an example to change the background color of every second list item*/
li.even {
 background-color: #eeeeee;/*#E6E8FA*/
}

 
.menuSidebar ul { /* remove bullets and list indents */
 list-style: none;
 margin: 0;
 padding: 0;
}
 

/* this div is only for better handling and navigation  ... could also be done in inner ul*/
.menuSidebar ul div { 
 position: absolute;
 top: 0px;
 left: 100%; /* Faz o menu dos sub-itens ir mais para o centro da tela ou o inverso. */
 width: 100%; /* width is based on the containing block */
 z-index: 300; /* show ul on top */
}


.menuSidebar ul ul { 
 background-color: white; 
 border: 1px solid #CDCDCD;/*#38B0DE #aaaaaa*/
 margin-top: 5px;  make navigation easier
 margin-bottom: 5px;  make navigation easier
 z-index: 101; /* show on top; Needed for IE 7 */
 width: 33em; /* width of inner menu, Needed for IE 7 */
}

/*Outros níveis do menu, não esta sendo usado mais***
.menuSidebar ul li ul li ul li{ 
 background-color: white;
 border: 1px solid #aaaaaa;
 z-index: 102;
 width: 40em;
}*/
 
.menuSidebar li {
 position: relative; /* make li a container for inner elements */
 margin: 1px;
 z-index: 102; /* show on top; Needed for IE 7 */
}
 
/* style, color and size links and headings to suit */
.menuSidebar a {
 font-size: 12px; /*Alex: FONT-SIZE não existia, controla o tamanho da fonte*/
 font-weight: bold;
 display: block;
 border-width: 0px 0px 0px 0px; 
 border-style: solid;
 border-color: #aaaaaa;/*#aaaaaa*/
 margin: 2px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*//*PAREI AQUI!!!!!!!!!!!!!!*/
 padding: 15px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*/
 padding-left: 0px; /*Alex: empurra o texto mais para o centro do monitor.*/
 color: #000000;/*#000000*/
 text-decoration: none;
}
 
/* move the > to the right */
.menuSidebar a em {
 position: absolute;
 right: 4px;
}

.menuSidebar li:hover, /* Needed for IE 7 */
.menuSidebar a:hover {
 background: #ccccff; /*#EBC79E #ccccff*/

}
 
.menuSidebar li.separator a:hover {
 background: white;/*#EBC79E*/
}
 
/* Needed for IE 7 */
.menuSidebar li.separator a,
.menuSidebar li.separator {
 line-height: 0px;
 height: 0px;
 font-size: 0px;
}
 
.menuSidebar ul li:last-Child a { 
 border-width: 0px 0px 0px 0px; // remove the last bottom line 
 padding-bottom: 1px;
}
 
/* hides the first level */
.menuSidebar ul li div { display: none; }
 
/* shows the first level and hide the second */
.menuSidebar ul li:hover div, 
.menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */
 
/* second level*/
.menuSidebar ul li ul li:hover div,
.menuSidebar ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li:hover ul li div { display: none; }  /* hide the next level */
 
/* third level */
.menuSidebar ul li ul li ul li:hover div,
.menuSidebar ul li ul li ul li div:hover{display: block;} /* div is again used for easier navigation*/
.menuSidebar ul li ul li ul li:hover ul li div {display: none; }  /* hide the next level */

/*
#column-content { margin: 0 0 .6em 0; }
#content { margin: 2.8em 0 0 0; }
#p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search { display:none; }
#p-cactions { left: .1em; }
*/

/**********************************************************************************/
/*Trecho de código css para o modelo de tabela*/
.TabelaWikiPadrao {
	margin:0px; padding:2px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:3px solid  #33CCFF;
	
-moz-border-radius-bottomleft:12px;
-webkit-border-bottom-left-radius:12px;
border-bottom-left-radius:12px;

-moz-border-radius-bottomright:12px;
-webkit-border-bottom-right-radius:12px;
border-bottom-right-radius:12px;

-moz-border-radius-topright:12px;
-webkit-border-top-right-radius:12px;
border-top-right-radius:12px;

-moz-border-radius-topleft:12px;
-webkit-border-top-left-radius:12px;
border-top-left-radius:12px;

}.TabelaWikiPadrao tr:last-child td:last-child {
-moz-border-radius-bottomright:12px;
-webkit-border-bottom-right-radius:12px;
border-bottom-right-radius:12px;
}.TabelaWikiPadrao table tr:first-child td:first-child {
-moz-border-radius-topleft:12px;
-webkit-border-top-left-radius:12px;
border-top-left-radius:12px;
}.TabelaWikiPadrao table tr:first-child td:last-child {
-moz-border-radius-topright:12px;
-webkit-border-top-right-radius:12px;
border-top-right-radius:12px;
}.TabelaWikiPadrao tr:last-child td:first-child{
-moz-border-radius-bottomleft:12px;
-webkit-border-bottom-left-radius:12px;
border-bottom-left-radius:12px;
}


.TabelaWikiPadrao table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	color:#222;	
}

/*Configurações de linhas das bordas e afins*/
.TabelaWikiPadrao td{
	vertical-align:middle;
	
	border:1px solid #33CCFF;
	border-width:0px 1px 1px 0px;
	
	text-align:justify;
	padding:7px;
	font-size:16px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	color:#222;	
}

.TabelaWikiPadrao tr:last-child td{
border-width:0px 1px 0px 0px;
}

.TabelaWikiPadrao tr td:last-child{
border-width:0px 0px 1px 0px;
}

.TabelaWikiPadrao tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}

.TabelaWikiPadrao tr:hover td{
background-color:#33CCFF;/*#0099FF*/
color:#222222;
animation:infinite;
}