MediaWiki:Common.css: diferenças entre revisões
Aspeto
Conteúdo apagado Conteúdo adicionado
m retornando div em imagens |
m alteração para vector, informo em breve Etiquetas: Edição via dispositivo móvel Edição feita através do sítio móvel Edição móvel avançada |
||
Linha 796: | Linha 796: | ||
background-color: #f9f9f9; |
background-color: #f9f9f9; |
||
border-color: #ccc; |
border-color: #ccc; |
||
} |
|||
/* novo vector */ |
|||
.vector-sticky-header-context-bar-primary { |
|||
font-size: 1em; |
|||
} |
|||
.messagebox { |
|||
display: none; |
|||
} |
} |
Revisão das 16h43min de 20 de janeiro de 2022
/* Código CSS colocado aqui será aplicado a todos os temas */
/***** PLANO DE FUNDO, PP E SITE NOTICE *****/
/* Plano de fundo */
body {
background: #f9f9f9;
background-image: none;
}
/* Texto sob o título d artigo */
#siteSub {
display: inline;
font-size: 90%;
font-weight: normal;
}
#bodyContent #siteSub a {
color: #000;
text-decoration: none;
background-color: transparent;
background-image: none;
padding-right: 0;
}
/* Avisos do wiki */
#siteNotice { padding-left: 4px; }
#fundraising { font-style: italic; }
/* CSS específico para a Página principal */
body.page-Página_principal #t-cite,
body.page-Página_principal #lastmod,
body.page-Página_principal #siteSub,
body.page-Página_principal #contentSub,
body.page-Página_principal .firstHeading,
body.page-Página_principal #catlinks { display: none; }
/* Artigos protegidos */
#protegida{position:absolute;z-index:100;right:10px;top:50px;}
/* Atalho */
#atalho {
position: absolute;
z-index: 1;
border:1px solid #999;
background:#fff;
right: 15px;
top: 15px;
width: 95px;
margin:0 0 .5em 1em;
line-height: 1.5em;
text-align: center;
text-indent: 0;
font-size: 85%;
text-transform: none;
white-space: normal;
}
/* Impressão */
@media print {
.editlink, .noprint, .metadata, .dablink { display: none }
#bodyContent a[href ^="http://"] {
background: none;
padding-right: 0;
}
}
@media screen, handheld, projection {
cite *.printonly {
display: none;
}
}
.page-Especial_Recentchanges ul.special li { white-space: nowrap; }
/* Botões adicionais */
.my-buttons {
padding: .5em;
}
.my-buttons a {
color: black;
background-color: #cde;
font-weight: bold;
font-size: .9em;
text-decoration: none;
border: thin #069 outset;
padding: 0 .1em .1em;
}
.my-buttons a:hover, .my-buttons a:active {
background-color: #bcd;
border-style: inset;
}
/* Resultados de busca */
.mw-search-results {
margin-left: 0;
}
.mw-search-results li {
margin: 0;
padding: 0.35em 1em;
border-bottom: 1px solid #d3daed;
background-color: #f6f8fc;
list-style-type: none;
list-style-image: none;
}
/* Hatnotes and disambiguation notices */
.hatnote {
font-style: italic;
}
.hatnote i {
font-style: normal;
}
div.hatnote {
/* @noflip */
padding-left: 1.6em;
margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
margin-top: -0.5em;
}
/* Predefinições, */
.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
margin-bottom: 0.5em;
margin-left: 1em;
padding: .2em;
float: right;
clear: right;
}
.infobox tr {
vertical-align: top;
}
.infobox caption {
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td, .infobox.bordered th {
border: 1px solid #aaaaaa;
}
.infobox.sisterproject {
width: 22em;
}
/* Predefinições informativas e mensagens do MediaWiki */
.caixa {
width: 80%;
margin: 0 auto;
padding: .1em;
font-size:95%;
}
.caixaMW {
margin: 1px 0;
padding: .1em;
font-size: 93%;
line-height:120%;
clear: both;
}
.caixaMW.info,
.caixa.info {
background-color: white;
border: 1px solid #ccc;
}
.caixaMW.infodestaque,
.caixa.infodestaque {
background-color: #f5faff;
border: 1px solid #cedff2;
}
.caixaMW.aviso,
.caixa.aviso {
background-color:#fff3f3;
border: 1px solid #ffc9c9;
}
.caixaMW.avisodestaque,
.caixa.avisodestaque {
background-color:#fff;
border: 2px solid #f00;
}
/* for MediaWiki:Sharedupload */
#sharedupload-warn {
width: 100%;
clear: right;
border: 1px solid gray;
background: #f9f9f9;
margin: 0 0 1em 0;
padding: 4px;
font-size: 90%;
text-align: left;
float: left;
}
/* CSS padrão para caixas de navegação (navbox) */
table.navbox {
background-color: #f9f9f9;
border: 1px solid #aaa;
clear: both;
font-size: 90%;
margin: 1em 0em 0em;
padding: 2px;
text-align: center;
width: 100%;
}
table.navbox th {
background-color: #ccf;
padding-left: 1em;
padding-right: 1em;
}
table.navbox tr:not(:first-child) th {
background-color: #ddf;
}
@media print {
.navbox {
display: none;
}
}
/* Barra de navegação */
div.Boxmerge,
div.NavFrame {
padding: 2px;
border: 1px solid #aaaaaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.Boxmerge div.NavFrame {
border-style: none;
border-style: hidden;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
.NavPic {
background-color: #ffffff;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
font-size: 100%;
background-color: #efefef;
position:relative;
}
div.NavFrame p {
font-size: 100%;
}
div.NavFrame div.NavContent {
font-size: 100%;
}
div.NavFrame div.NavContent p {
font-size: 100%;
}
.NavEnd {
line-height: 1px;
clear: both;
}
.NavToggle {
position:absolute;
right:3px;
font-weight:normal;
font-size:smaller;
}
/* CSS para referências */
ol.references {
font-size: 100%;
}
ol.references > li:target,
span.citation:target {
background-color: #DEF;
}
sup.reference:target {
background-color: #DEF;
}
/* Formatação de citações */
span.citation, cite {
font-style: normal;
word-wrap: break-word;
}
/* Para números e IDs de documentos ligados, em que o número
** não precisa ser mostrado em uma tela ou computador de mão,
** mas deve ser incluído na versão impressa
*/
@media screen, handheld {
span.citation *.printonly {
display: none;
}
}
.references-small { font-size: 90%; }
/* Transforma a cor dos redirects para verde */
allpagesredirect a,
.unusedtemplatesredirect a,
.watchlistredir a {
font-style: italic;
color:green;
}
/* Remove estilo de links não definidos. Bug 18708+ */
#content .plainlinks a,
#mw_content .plainlinks a {
background: none;
padding: 0;
}
/* Predefiniões Messagebox */
.messagebox {
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 4px 2px 4px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
}
/* Metacaixas */
.mbBouton {
background-color: #ddddff; /* 4 */
border: 0.15em solid #000000;
border-color: #eaeaff #c4c4ff #9f9fff #eaeaff; /* 5 3 2 5 */
-moz-border-radius: .5em .5em 0em 0em;
cursor:pointer;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;}
.mbBouton a,
.mbBouton strong {
background: none;
color:#8080ff; /* 1 */
font-size: 90%;
font-weight: bold;
text-decoration: none;}
.mbBouton a:hover,
.mbBouton strong:hover {
color: black;
text-decoration: underline;}
.mbBoutonSel {
background-color: #9f9fff; /* 2 */
border: 0.15em solid #000000;
border-color: #c4c4ff #8080ff #9f9fff #c4c4ff; /* 3 1 2 3 */
-moz-border-radius: .5em .5em 0em 0em;
cursor: default;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;
color:white;}
.mbBoutonSel a {
background: none;
color:white;
cursor: default;
font-size: 90%;
font-weight: bold;
padding: 0;
text-decoration: none;}
.mbContenu {
background-color: #f8f8ff;
border: 0.2em solid #9f9fff; /* 2 */
border-color: #9f9fff #8080ff #8080ff #9f9fff ; /* 2 1 1 2 */
-moz-border-radius: 0em .5em .5em 0em;
padding: 1em;
position: static; }
.mbOnglet {
background-color: #f8f8ff;
border-color: #8080ff #c4c4ff #c4c4ff #8080ff; /* 1 3 3 1 */ width: 100%;
}
.mbLilas .mbBouton {
background-color: #d0b0ff; /* 4 */
border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 2 5 */}
.mbLilas .mbBouton a,
.mbLilas .mbBouton strong {
color:#8080ff; /* 1 */
font-size:90%}
.mbLilas .mbBouton a:hover,
.mbLilas .mbBouton strong:hover {
color: black;
text-decoration: underline;}
.mbLilas .mbBoutonSel {
background-color: #9070c0; /* 2 */
border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */}
.mbLilas .mbContenu {
background-color: #f5fffa;
border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */}
.mbLilas .mbOnglet {
background-color: #f5fffa;
border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */}
.mbVert .mbBouton {
background-color: #a5e085; /* 4 */
border-color: #c0f090 #90d060 #75c045 #c0f090; /* 5 3 2 5 */}
.mbVert .mbBouton a,
.mbVert .mbBouton strong {
color:#60b030; /* 1 */
font-size:90%}
.mbVert .mbBouton a:hover,
.mbVert .mbBouton strong:hover {
color: black;
text-decoration: underline;}
.mbVert .mbBoutonSel {
background-color: #75c045; /* 2 */
border-color: #90d060 #60b030 #75c045 #90d060; /* 3 1 2 3 */}
.mbVert .mbContenu {
background-color: #f5fffa;
border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
.mbVert .mbOnglet {
background-color: #f5fffa;
border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
.mbBleu .mbBouton {
background-color: #a7c1e6; /* 4 */
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9; /* 5 3 2 5 */}
.mbBleu .mbBouton a,
.mbBleu .mbBouton strong {
color:#3379de; /* 1 */
font-size:90%}
.mbBleu .mbBouton a:hover
.mbBleu .mbBouton strong:hover {
color: black;
text-decoration: underline;}
.mbBleu .mbBoutonSel {
background-color: #5b8dd6; /* 2 */
border-color: #88abde #3379de #5b8dd6 #88abde; /* 3 1 2 3 */}
.mbBleu .mbContenu {
background-color: #f0f8ff;
border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
.mbBleu .mbOnglet {
background-color: #f0f8ff;
border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
.mbOrange .mbBouton {
background-color: #ffbd7f; /* 4 */
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4; /* 5 3 2 5 */}
.mbOrange .mbBouton a,
.mbOrange .mbBouton strong {
color:#ff820e; /* 1 */
font-size:90%}
.mbOrange .mbBouton a:hover
.mbOrange .mbBouton strong:hover {
color: black;
text-decoration: underline;}
.mbOrange .mbBoutonSel {
background-color: #ff9d42; /* 2 */
border-color: #ffac5d #ff820e #ff9d42 #ffac5d; /* 3 1 2 3 */}
.mbOrange .mbContenu {
background-color: #ffeedd; /* 6 */
border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
.mbOrange .mbOnglet {
background-color: #ffeedd; /* 6 */
border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
.mbGris .mbBouton {
background-color: #b9b9b9; /* 4 */
border-color: #cfcfcf #9f9f9f #868686 #cfcfcf; /* 5 3 2 5 */}
.mbGris .mbBouton a,
.mbGris .mbBouton strong {
color:#666666; /* 1 */
font-size:90%}
.mbGris .mbBouton a:hover
.mbGris .mbBouton strong:hover {
color: black;
text-decoration: underline;}
.mbGris .mbBoutonSel {
background-color: #868686; /* 2 */
border-color: #9f9f9f #666666 #868686 #9f9f9f; /* 3 1 2 3 */}
.mbGris .mbContenu {
background-color: #fffce8;
border-color: #868686 #666666 #666666 #868686; /* 2 1 1 2 */}
.mbGris .mbOnglet {
background-color: #fffce8;
border-color: #666666 #9f9f9f #9f9f9f #666666; /* 1 3 3 1 */}
.mbJaune .mbBouton {
background-color: #ffe16a; /* 4 */
border-color: #ffeeaa #ffd52b #eabb00 #ffeeaa; /* 5 3 2 5 */}
.mbJaune .mbBouton a,
.mbJaune .mbBouton strong {
color:#aa8800; /* 1 */
font-size:90%}
.mbJaune .mbBouton a:hover
.mbJaune .mbBouton strong:hover {
color: black;
text-decoration: underline;}
.mbJaune .mbBoutonSel {
background-color: #eabb00; /* 2 */
border-color: #ffd52b #aa8800 #eabb00 #ffd52b; /* 3 1 2 3 */}
.mbJaune .mbContenu {
background-color: #fffce8;
border-color: #eabb00 #aa8800 #aa8800 #eabb00; /* 2 1 1 2 */}
.mbJaune .mbOnglet {
background-color: #fffce8;
border-color: #aa8800 #ffd52b #ffd52b #aa8800; /* 1 3 3 1 */}
.mbRouge .mbBouton {
background-color: #ff9b6a; /* 4 */
border-color: #ffc6aa #ff6215 #ca4200 #ffc6aa; /* 5 3 2 5 */}
.mbRouge .mbBouton a,
.mbRouge .mbBouton strong {
color:#993300; /* 1 */
font-size:90%}
.mbRouge .mbBouton a:hover
.mbRouge .mbBouton strong:hover {
color: black;
text-decoration: underline;}
.mbRouge .mbBoutonSel {
background-color: #ca4200; /* 2 */
border-color: #ff6215 #993300 #ca4200 #ff6215; /* 3 1 2 3 */}
.mbRouge .mbContenu {
background-color: #fffce8;
border-color: #ca4200 #993300 #993300 #ca4200; /* 2 1 1 2 */}
.mbRouge .mbOnglet {
background-color: #fffce8;
border-color: #993300 #ff6215 #ff6215 #993300; /* 1 3 3 1 */}
/* Infobox V2 */
.infobox_v2 {
background: #f9f9f9;
color: #000;
font-size: 90%;
line-height: 1.1em;
float:right;
clear:right;
margin:0 0 .5em 1em;
width: 23em;
border: 1px solid #aaa;
padding: 2px;
}
.infobox_v2 th {
vertical-align:top;
text-align:left;
}
.infobox_v2 .topo{
height:45px;
vertical-align:middle;
text-align:center;
font-size:120%;
font-weight:bolder;
line-height:1.2em;
color:#000;
}
.infobox_v2 .midia {
height:35px;
vertical-align:middle;
text-align:center;
font-weight:bolder;
color:#000;
}
/* Ambox: Noticias y páginas de proyecto */
.ambox {
width: 80%;
margin: 0 auto;
border-collapse: collapse;
background: #fff;
border: 1px solid #aaa;
border-left: 15px solid #39f; /* Barra azul predeterminada */
}
/* rounded corners class for block elements */
.roundedCorners {
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
.semiblanking {
display: none;
}
/* Ombox */
.ombox {
margin: 4px auto;
width: 85%;
border-collapse: collapse;
border: 1px solid #aaa;
background: #f9f9f9;
}
.pp {
text-align:center;
width:100%;
clear:both;
margin-top:.5em;
font-size:90%
}
/* Fmbox */
.fmbox {
margin: 4px auto;
width: 100%;
border-collapse: collapse;
border: 1px solid #aaa;
background: #f9f9f9;
}
/* Cmbox */
.cmbox {
margin: 4px auto;
font-size: 94%;
width: 85%;
border-collapse: collapse;
border: 1px solid #aaa;
background: #DFE8FF;
}
/* Tmbox */
.tmbox {
margin: 4px auto;
width: 85%;
border-collapse: collapse;
border: 1px solid #c0c090;
background: #f8eaba;
}
/* Permite limitar a quantidade de niveis num indice;
** <div class="toclimit-3">, por exemplo, limitara somente
** a ==nivel 2== e ===nivel 3=== e nada inferior, contanto
** que não exista =nivel 1= na pagina.
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }
/* Estilo de imagens */
div.thumbinner { background:#FFFFFF; border:0; }
div.thumbcaption { font-size:90%; }
div.magnify { display:none; }
/* Prettytable */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.wikitable th,
table.prettytable th {
background: #f2f2f2;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
}
/* versão móvel */
.mobile-only {
display: none;
}
.votings-only-0 .votings-non-0,
.votings-only-non-0 .votings-0 {
display: none;
}
.dtstart {
border-bottom: none;
}
/* Código que muda o logotipo do projeto */
#p-logo a {
background-image: url('//upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Wikinews-logo-pt.png/160px-Wikinews-logo-pt.png')
}
/* Para a documentação das predefinições */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #C0C0C0;
background-color: #ECFCF4;
padding: 1em;
}
/* Oculta qualquer conteúdo que só é de interesse para grupos específicos de usuários.*/
.bureaucrat-show,
.sysop-show,
.autoconfirmed-show,
.user-show {
display: none;
}
/* Mensagem de aviso.*/
.warningbox{
background-color: #f9f9f9;
border-color: #ccc;
}
/* novo vector */
.vector-sticky-header-context-bar-primary {
font-size: 1em;
}
.messagebox {
display: none;
}