Mudanças entre as edições de "MediaWiki:Common.css"
De Softwiki
(Limpou toda a página) |
|||
(24 edições intermediárias de um usuário não apresentadas) | |||
Linha 1: | Linha 1: | ||
+ | /* | ||
+ | * 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; | ||
+ | } |
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; }