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

De Softwiki
Ir para: navegação, pesquisa
(Criou página com '/** o código CSS colocado aqui será aplicado a todos os temas */ /* * MenuSidebar */ →‎this has to be overridden for every menu: #p-Menu, #p-Menu2, #p-Menu3 { overflow:...')
 
 
(27 edições intermediárias de um usuário não apresentadas)
Linha 1: Linha 1:
−
/** o código CSS colocado aqui será aplicado a todos os temas */
 
−
 
 
/*
 
/*
 
* MenuSidebar
 
* MenuSidebar
 
*/
 
*/
 
/* this has to be overridden for every menu */
 
/* this has to be overridden for every menu */
−
#p-Menu,
+
#p-Introdução,
−
#p-Menu2,
+
#p-FreteFácil,
−
#p-Menu3 {
+
#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-Menu div,
+
#p-Introdução,
−
#p-Menu2 div,
+
#p-FreteFácil,
−
#p-Menu3 div {
+
#p-FrotaFácil,
−
  margin: 0;
+
#p-LogFácil,
−
  padding: 0;
+
#p-Apuração,
 +
#p-Novas Tecnologias,
 +
#p-Anexos,
 +
#p-Links Úteis{
 +
  margin: 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-Menu ul li.item2 ul {
+
−
width: 16em;
+
−
}
+
−
*/
+
−
+
−
/* this an example to change the background color of every second list item
+
 
li.even {
 
li.even {
−
  background-color: #eeeeee;
+
  background-color: #eeeeee;/*#E6E8FA*/
 
}
 
}
−
*/
+
 
 
   
 
   
 
.menuSidebar ul { /* remove bullets and list indents */
 
.menuSidebar ul { /* remove bullets and list indents */
Linha 37: 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: white;
+
  background-color: white;  
−
  border: 1px 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: 12em; /* width of inner menu, 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 {
 
.menuSidebar li {
Linha 63: 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 tamanho da fonte*/
 
  font-weight: bold;
 
  font-weight: bold;
 
  display: block;
 
  display: block;
−
  border-width: 0px 0px 1px 0px;
+
  border-width: 0px 0px 0px 0px;  
 
  border-style: solid;
 
  border-style: solid;
−
  border-color: #aaaaaa;
+
  border-color: #aaaaaa;/*#aaaaaa*/
−
  margin: 0px;
+
  margin: 2px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*//*PAREI AQUI!!!!!!!!!!!!!!*/
−
  padding: 1px;
+
  padding: 15px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*/
−
  padding-left: 5px;
+
  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 80: Linha 93:
 
  right: 4px;
 
  right: 4px;
 
}
 
}
−
+
 
 
.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 100: Linha 114:
 
.menuSidebar ul li:last-Child a {  
 
.menuSidebar ul li:last-Child a {  
 
  border-width: 0px 0px 0px 0px; // remove the last bottom line  
 
  border-width: 0px 0px 0px 0px; // remove the last bottom line  
−
  padding-bottom: 0px;
+
  padding-bottom: 1px;
 
}
 
}
 
   
 
   
Linha 118: Linha 132:
 
/* third level */
 
/* third level */
 
.menuSidebar ul li ul li ul li:hover div,
 
.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 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 14h54min 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;
}
Disponível em "http://187.18.106.237:8085/softwiki/index.php?title=MediaWiki:Common.css&oldid=5764"