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

De Softwiki
Ir para: navegação, pesquisa
Linha 144: Linha 144:
 
#p-cactions { left: .1em; }
 
#p-cactions { left: .1em; }
 
*/
 
*/
 +
 +
/**********************************************************************************/
 +
 +
.CSSTableGenerator {
 +
margin:0px; padding:0px;
 +
width:100%;
 +
box-shadow: 10px 10px 5px #888888;
 +
border:1px solid #000000;
 +
 +
-moz-border-radius-bottomleft:1px;
 +
-webkit-border-bottom-left-radius:1px;
 +
border-bottom-left-radius:1px;
 +
 +
-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{
 +
    border-collapse: collapse;
 +
    border-spacing: 0;
 +
width:100%;
 +
height:100%;
 +
margin:0px; padding:0px;
 +
}
 +
 +
 +
/* Linhas laranjas*/
 +
.CSSTableGenerator tr:nth-child(odd){
 +
background-color:#ffaa56;
 +
}
 +
 +
/* Linhas brancas*/
 +
.CSSTableGenerator tr:nth-child(even){
 +
background-color:#ffffff;
 +
}
 +
 +
/*Configurações de linhas das bordas e afins*/
 +
.CSSTableGenerator td{
 +
vertical-align:middle;
 +
border:1px solid #000000;
 +
border-width:0px 1px 1px 0px;
 +
text-align:left;
 +
padding:7px;
 +
font-size:10px;
 +
font-family:Arial;
 +
font-weight:normal;
 +
color:#000000;
 +
}
 +
 +
 +
.CSSTableGenerator tr:nth-child(odd):hover td{
 +
background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);
 +
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
 +
background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");
 +
background: -o-linear-gradient(top,#ff7f00,bf5f00);
 +
background-color:#ff7f00;
 +
}

Edição das 18h09min de 30 de outubro 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; }
*/

/**********************************************************************************/

.CSSTableGenerator {
	margin:0px; padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:1px;
	-webkit-border-bottom-left-radius:1px;
	border-bottom-left-radius:1px;
	
	-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{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px; padding:0px;
}


/* Linhas laranjas*/
.CSSTableGenerator tr:nth-child(odd){
	 background-color:#ffaa56;
}

/* Linhas brancas*/
.CSSTableGenerator tr:nth-child(even){
	 background-color:#ffffff;
}

/*Configurações de linhas das bordas e afins*/
.CSSTableGenerator td{
	vertical-align:middle;	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}


.CSSTableGenerator tr:nth-child(odd):hover td{
background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");
background: -o-linear-gradient(top,#ff7f00,bf5f00);
background-color:#ff7f00;
}