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

De Softwiki
Ir para: navegação, pesquisa
Linha 146: Linha 146:
  
 
/**********************************************************************************/
 
/**********************************************************************************/
 
+
/*Trecho de código css para o modelo de tabela*/
.CSSTableGenerator {
+
.TabelaWikiPadrao {
margin:0px; padding:0px;
+
margin:0px; padding:2px;
 
width:100%;
 
width:100%;
 
box-shadow: 10px 10px 5px #888888;
 
box-shadow: 10px 10px 5px #888888;
border:1px solid #000000;
+
border:3px solid #33CCFF;
 
 
-moz-border-radius-bottomleft:1px;
+
-moz-border-radius-bottomleft:12px;
-webkit-border-bottom-left-radius:1px;
+
-webkit-border-bottom-left-radius:12px;
border-bottom-left-radius:1px;
+
border-bottom-left-radius:12px;
+
-moz-border-radius-bottomright:0px;
+
-webkit-border-bottom-right-radius:0px;
+
border-bottom-right-radius:0px;
+
+
-moz-border-radius-topright:0px;
+
-webkit-border-top-right-radius:0px;
+
border-top-right-radius:0px;
+
+
-moz-border-radius-topleft:0px;
+
-webkit-border-top-left-radius:0px;
+
border-top-left-radius:0px;
+
}
+
  
.CSSTableGenerator table{
+
-moz-border-radius-bottomright:12px;
    border-collapse: collapse;
+
-webkit-border-bottom-right-radius:12px;
    border-spacing: 0;
+
border-bottom-right-radius:12px;
width:100%;
+
height:100%;
+
margin:0px; padding:0px;
+
}
+
  
 +
-moz-border-radius-topright:12px;
 +
-webkit-border-top-right-radius:12px;
 +
border-top-right-radius:12px;
  
/* Linhas laranjas*/
+
-moz-border-radius-topleft:12px;
.CSSTableGenerator tr:nth-child(odd){
+
-webkit-border-top-left-radius:12px;
background-color:#ffaa56;
+
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;
 
}
 
}
  
/* Linhas brancas*/
+
 
.CSSTableGenerator tr:nth-child(even){
+
.TabelaWikiPadrao table{
background-color:#ffffff;
+
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*/
 
/*Configurações de linhas das bordas e afins*/
.CSSTableGenerator td{
+
.TabelaWikiPadrao td{
vertical-align:middle;
+
vertical-align:middle;
border:1px solid #000000;
+
 +
border:1px solid #33CCFF;
 
border-width:0px 1px 1px 0px;
 
border-width:0px 1px 1px 0px;
 +
 
text-align:left;
 
text-align:left;
 
padding:7px;
 
padding:7px;
font-size:10px;
+
font-size:16px;
font-family:Arial;
+
font-family:Tahoma, Geneva, sans-serif;
 
font-weight:normal;
 
font-weight:normal;
color:#000000;
+
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;
 +
}
  
.CSSTableGenerator tr:nth-child(odd):hover td{
+
.TabelaWikiPadrao tr:hover td{
background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);
+
background-color:#33CCFF;/*#0099FF*/
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
+
color:#222222;
background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
+
animation:infinite;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");
+
background: -o-linear-gradient(top,#ff7f00,bf5f00);
+
background-color:#ff7f00;
+
 
}
 
}

Edição das 17h46min de 7 de novembro de 2014

/*
* MenuSidebar
*/
/* this has to be overridden for every menu */
#p-Introdução,
#p-FreteFácil,
#p-FrotaFácil,
#p-LogFácil,
#p-Configuração{
 overflow: visible; 
}
 
/* this has to be overridden for every menu */
#p-Introdução,
#p-FreteFácil,
#p-FrotaFácil,
#p-LogFácil,
#p-Configuração{
 margin: 0;
 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
#p-Introdução,
#p-FreteFácil,
#p-FrotaFácil,
#p-LogFácil,
#p-Configuração{ ul li.item3 ul {
 width: 16em;
}*/


 
/* 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 */
 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: -6px;
 left: 100%; /* to position them to the right of their containing block */
 width: 100%; /* width is based on the containing block */
 z-index: 100; /* show ul on top */
}

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

/* ***TERCEIRO NIVEL DO MENU*** */
.menuSidebar ul li ul li ul li{ 
 background-color: white; /*#FFFAF0*/
 border: 0px solid #aaaaaa; 
 z-index: 102; /* show on top; Needed for IE 7 */
 width: 40em; /* Permite ao campo textos longos */
}
 
.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 tamnho da fonte*/
 font-weight: bold;
 display: block;
 border-width: 0px 0px 1px 0px; 
 border-style: solid;
 border-color: #aaaaaa;
 margin: 4px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*/
 padding: 4px; /*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;
 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;
}
 
.menuSidebar li.separator a:hover {
 background: white;
}
 
/* 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:left;
	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;
}