Jump to content

MediaWiki:Common.css: Difference between revisions

From TnPedia
No edit summary
No edit summary
 
Line 1: Line 1:
/* Esconde abas superiores para anônimos no Vector 2022 */
/******************************
* INTERFACE PARA USUÁRIOS ANÔNIMOS (Vector 2022)
******************************/


.skin-vector-2022.anon .vector-menu-tabs li#ca-talk, /* Discussion */
/* Esconde abas e menus específicos para anônimos */
.skin-vector-2022.anon .vector-menu-tabs li#ca-history, /* View history */
.skin-vector-2022.anon .vector-menu-tabs li#ca-talk,
.skin-vector-2022.anon .vector-menu-tabs li#ca-viewsource, /* View source */
.skin-vector-2022.anon .vector-menu-tabs li#ca-history,
.skin-vector-2022.anon .vector-page-tools-dropdown,
.skin-vector-2022.anon .vector-menu-tabs li#ca-viewsource,
.skin-vector-2022.anon #vector-page-tools,
.skin-vector-2022.anon #vector-page-tools,
.skin-vector-2022.anon #p-views,
.skin-vector-2022.anon #p-views,
Line 11: Line 13:
.skin-vector-2022.anon #n-randompage,
.skin-vector-2022.anon #n-randompage,
.skin-vector-2022.anon #n-help-mediawiki {
.skin-vector-2022.anon #n-help-mediawiki {
    display: none !important;
  display: none !important;
}
}


/* Esconde "Discussion" na aba superior */
/* Esconde "Discussion", "History" e "View source" globalmente */
.skin-vector-2022.anon #ca-talk,
#ca-talk,
.skin-vector-2022 #ca-talk {
#ca-history,
    display: none !important;
#ca-viewsource,
}
.skin-vector-2022 #n-recentchanges,
 
.skin-vector-2022 #n-randompage,
/* Esconde "Discussion" dentro de menus colapsados */
.skin-vector-2022 #n-help-mediawiki,
.skin-vector-2022.anon .vector-menu-content-list li#ca-talk,
.vector-menu-content-list li#ca-talk {
.skin-vector-2022 .vector-menu-content-list li#ca-talk {
  display: none !important;
    display: none !important;
}
 
/* Esconde "Recent changes" */
.skin-vector-2022 #n-recentchanges {
    display: none !important;
}
 
/* Esconde "Random page" */
.skin-vector-2022 #n-randompage {
    display: none !important;
}
}


/* Esconde "Help about MediaWiki" */
.skin-vector-2022 #n-help-mediawiki {
    display: none !important;
}


#ca-viewsource,
/******************************
#ca-history {
* LOGOTIPO
    display: none !important;
******************************/
}


/* Ajusta as dimensões do logotipo */
.mw-wiki-logo {
.mw-wiki-logo {
    width: 350px;
  width: 350px;
    height: 350px;
  height: 350px;
    background-size: contain;
  background-size: contain;
}
 
 
/* Bordas arredondadas em tabelas */
table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
}
 
/* Bordas arredondadas em células das tabelas */
table th,
table td {
  border: 1px solid #ddd;
  padding: 0.4em;
}
 
/* Bordas arredondadas em imagens com legenda (thumb) */
.thumb,
.thumbinner {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ccc;
}
 
/* Bordas arredondadas em frames (como <div class="frame">) */
.frame,
.gallerybox,
.tright,
.tleft {
  border-radius: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 0.5em;
  background-color: #f9f9f9;
}
 
/* Bordas suaves também em imagens soltas */
img {
  border-radius: 6px;
}
 
/* Opcional: sombra leve */
table,
.frame,
.thumb {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
}




/******************************
* TABELAS (wikitable, sortable etc.)
******************************/


/* Estilo base para qualquer tabela */
table,
table,
table.wikitable,
table.wikitable,
Line 112: Line 48:
   border-collapse: separate !important;
   border-collapse: separate !important;
   border-spacing: 0;
   border-spacing: 0;
  width: 100%;
  margin: 1em 0;
   border: 1px solid #ccc;
   border: 1px solid #ccc;
   border-radius: 10px;
   border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin: 1em 0;
   background-color: #fff;
   background-color: #fff;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
}


/* Células de cabeçalho e conteúdo */
/* Células */
table th,
table th,
table td {
table td {
Line 129: Line 64:
}
}


/* Cabeçalhos: fundo azul claro e texto escuro */
/* Cabeçalhos */
table th {
table th {
   background-color: #eaf4ff !important;
   background-color: #eaf4ff !important;
Line 137: Line 72:
}
}


/* Zebra stripes (linhas alternadas) */
/* Zebra striping */
table tr:nth-child(even) td {
table tr:nth-child(even) td {
   background-color: #f9f9f9;
   background-color: #f9f9f9;
}
}


/* Alinha texto de células com números à direita */
/* Números alinhados à direita */
table td.number {
table td.number {
   text-align: right;
   text-align: right;
Line 148: Line 83:




/* Aplica bordas arredondadas ao contêiner da imagem (o "frame") */
/******************************
.thumb,
* IMAGENS (thumb, border etc.)
.thumbinner {
******************************/
  border-radius: 10px !important;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fdfdfd;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
 
/* Arredonda também o fundo da legenda da imagem */
.thumbcaption {
  border-top: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 0.3em 0.6em;
  border-radius: 0 0 10px 10px;
  font-size: 90%;
  color: #333;
  text-align: center;
}
 
 


/* Frame externo (div.thumb) */
/* Frame externo */
.thumb {
.thumb {
  margin: 0.5em;
   border: none;
   border: none;
  margin: 0.5em;
}
}


/* Contêiner da imagem e legenda */
/* Contêiner com imagem + legenda */
.thumbinner {
.thumbinner {
   border: 1px solid #ccc;
   border: 1px solid #ccc;
Line 187: Line 103:
}
}


/* Imagem em si */
/* Imagem */
.thumbimage {
.thumbimage {
   border: none !important;
   border: none !important;
Line 195: Line 111:
}
}


/* Legenda da imagem */
/* Legenda */
.thumbcaption {
.thumbcaption {
   border-top: 1px solid #ddd;
   border-top: 1px solid #ddd;
  background-color: #f8f8f8;
   padding: 0.4em 0.6em;
   padding: 0.4em 0.6em;
  background-color: #f8f8f8;
  text-align: center;
   font-size: 90%;
   font-size: 90%;
   color: #333;
   color: #333;
  text-align: center;
  border-radius: 0 0 10px 10px;
}
/******************************
* OUTROS FRAMES (gallery, div.frame etc.)
******************************/
.frame,
.gallerybox,
.tright,
.tleft {
  border-radius: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 0.5em;
  background-color: #f9f9f9;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
/* Imagens soltas */
img {
  border-radius: 6px;
}
}

Latest revision as of 08:38, 30 May 2025

/******************************
 * INTERFACE PARA USUÁRIOS ANÔNIMOS (Vector 2022)
 ******************************/

/* Esconde abas e menus específicos para anônimos */
.skin-vector-2022.anon .vector-menu-tabs li#ca-talk,
.skin-vector-2022.anon .vector-menu-tabs li#ca-history,
.skin-vector-2022.anon .vector-menu-tabs li#ca-viewsource,
.skin-vector-2022.anon #vector-page-tools,
.skin-vector-2022.anon #p-views,
.skin-vector-2022.anon #p-navigation,
.skin-vector-2022.anon #n-recentchanges,
.skin-vector-2022.anon #n-randompage,
.skin-vector-2022.anon #n-help-mediawiki {
  display: none !important;
}

/* Esconde "Discussion", "History" e "View source" globalmente */
#ca-talk,
#ca-history,
#ca-viewsource,
.skin-vector-2022 #n-recentchanges,
.skin-vector-2022 #n-randompage,
.skin-vector-2022 #n-help-mediawiki,
.vector-menu-content-list li#ca-talk {
  display: none !important;
}


/******************************
 * LOGOTIPO
 ******************************/

.mw-wiki-logo {
  width: 350px;
  height: 350px;
  background-size: contain;
}


/******************************
 * TABELAS (wikitable, sortable etc.)
 ******************************/

table,
table.wikitable,
table.sortable {
  border-collapse: separate !important;
  border-spacing: 0;
  width: 100%;
  margin: 1em 0;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Células */
table th,
table td {
  border: 1px solid #ddd !important;
  padding: 0.4em 0.6em;
  vertical-align: middle;
}

/* Cabeçalhos */
table th {
  background-color: #eaf4ff !important;
  color: #003366;
  font-weight: bold;
  text-align: center;
}

/* Zebra striping */
table tr:nth-child(even) td {
  background-color: #f9f9f9;
}

/* Números alinhados à direita */
table td.number {
  text-align: right;
}


/******************************
 * IMAGENS (thumb, border etc.)
 ******************************/

/* Frame externo */
.thumb {
  margin: 0.5em;
  border: none;
}

/* Contêiner com imagem + legenda */
.thumbinner {
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fdfdfd;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  padding: 0 !important;
}

/* Imagem */
.thumbimage {
  border: none !important;
  border-radius: 0 !important;
  display: block;
  max-width: 100%;
}

/* Legenda */
.thumbcaption {
  border-top: 1px solid #ddd;
  background-color: #f8f8f8;
  padding: 0.4em 0.6em;
  font-size: 90%;
  color: #333;
  text-align: center;
  border-radius: 0 0 10px 10px;
}


/******************************
 * OUTROS FRAMES (gallery, div.frame etc.)
 ******************************/

.frame,
.gallerybox,
.tright,
.tleft {
  border-radius: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 0.5em;
  background-color: #f9f9f9;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

/* Imagens soltas */
img {
  border-radius: 6px;
}