Mudanças entre as edições de "MediaWiki:Common.css"
De Softwiki
(5 edições intermediárias de um usuário não apresentadas) | |||
Linha 7: | Linha 7: | ||
#p-FrotaFácil, | #p-FrotaFácil, | ||
#p-LogFácil, | #p-LogFácil, | ||
− | #p- | + | #p-Apuração, |
+ | #p-Novas Tecnologias, | ||
+ | #p-Anexos, | ||
+ | #p-Links Úteis{ | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
Linha 16: | Linha 19: | ||
#p-FrotaFácil, | #p-FrotaFácil, | ||
#p-LogFácil, | #p-LogFácil, | ||
− | #p- | + | #p-Apuração, |
− | margin: | + | #p-Novas Tecnologias, |
+ | #p-Anexos, | ||
+ | #p-Links Úteis{ | ||
+ | margin: 100; | ||
padding: 100; | padding: 100; | ||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* this an example to change the background color of every second list item*/ | /* this an example to change the background color of every second list item*/ | ||
li.even { | li.even { | ||
− | background-color: #eeeeee; | + | background-color: #eeeeee;/*#E6E8FA*/ |
} | } | ||
Linha 45: | 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: | + | top: 0px; |
− | left: 100%; /* | + | 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: | + | z-index: 300; /* show ul on top */ |
} | } | ||
+ | |||
.menuSidebar ul ul { | .menuSidebar ul ul { | ||
background-color: white; | background-color: white; | ||
− | border: | + | border: 1px solid #CDCDCD;/*#38B0DE #aaaaaa*/ |
− | margin-top: 5px; | + | margin-top: 5px; make navigation easier |
− | margin-bottom: 5px; | + | 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: | + | 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{ | .menuSidebar ul li ul li ul li{ | ||
− | background-color: white; | + | background-color: white; |
− | border: | + | border: 1px solid #aaaaaa; |
− | z-index: 102; | + | z-index: 102; |
− | width: 40em; | + | width: 40em; |
− | + | }*/ | |
.menuSidebar li { | .menuSidebar li { | ||
Linha 79: | 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 | + | 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 | + | border-width: 0px 0px 0px 0px; |
border-style: solid; | border-style: solid; | ||
− | border-color: #aaaaaa; | + | border-color: #aaaaaa;/*#aaaaaa*/ |
− | margin: | + | margin: 2px; /*Alex: modificado de 1px para 3px, deixando o item selecionado maior*//*PAREI AQUI!!!!!!!!!!!!!!*/ |
− | padding: | + | 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.*/ | 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 100: | 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 144: | Linha 141: | ||
#p-cactions { left: .1em; } | #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; }