MediaWiki:Common.css: diferenças entre revisões

Fonte: Wikinotícias
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;
}