MediaWiki:Common.css
Ir para navegação
Ir para pesquisar
Nota: Após salvar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.
- Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
- Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
- Internet Explorer: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
- Opera: Vá para Menu → Configurações (Opera → Preferencias no Mac) e depois para Privacidade e Segurança → Limpar dados de navegação → Imagens e arquivos em cache.
/***** CSS aqui será aplicado em todos os temas ("skins") do site inteiro. *****/
/* Dá mais espaço antes de títulos <h2> e do sumário (TOC) */
h2 { margin-top: 20px; }
.toc { margin-top: 20px; }
/* Listas em duas colunas */
#twocolumnlist ul {width:100%;}
#twocolumnlist li {display:inline; width:50%;}
/* Suporte a efeito "mouseover" (mostrar conteúdo alternativo ao passar o mouse) */
.switchable .alt {display:none}
.switchable:hover .default {display:none}
.switchable:hover .alt {display:inline}
/* Estilo das infocaixas (Infobox) */
.infobox {
border: 1px solid #aaaaaa; /* Borda cinza */
background-color: #f9f9f9; /* Fundo cinza claro */
color: black; /* Texto preto */
margin-bottom: 0.5em;
margin-left: 1em; /* Espaço à esquerda */
padding: 0.2em; /* Espaçamento interno */
float: right; /* Alinha à direita */
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top; /* Conteúdo alinhado ao topo */
}
.infobox caption {
font-size: larger; /* Título maior */
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse; /* Bordas colapsadas */
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaaaaa; /* Bordas internas */
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0; /* Remove borda */
}
/* Indicadores de bytes em mudanças recentes */
.mw-plusminus-pos {
color: #006500; /* Verde = positivo */
}
.mw-plusminus-neg {
color: #8B0000; * Vermelho = negativo */
}
/* Correção de moldura de imagens */
div.tright, div.tleft {
border: 1px solid silver;
}
div.thumbinner {
background: inherit;
border: none;
color: inherit;
}
#article div.thumb {
color:inherit;
}
/* Tabelas sem borda */
#displaycontent table.borderless tr td { border:0 !important;}
/* Estilos paródicos de doação do Jimmy Wales */
.walesh1{
background-color: #8ca5b6;
background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/9/96/Jimbo-bikini-babes_gradient.png);
background-repeat:repeat-x;
}
.walesh2{
background-color: #c0a282;
background-image: url(http://images4.wikia.nocookie.net/uncyclopedia/images/1/19/Grad_header2.png);
background-repeat:repeat-x;
}
.walesh3{
background-color: #a19f93;
background-image: url(http://images4.wikia.nocookie.net/uncyclopedia/images/3/3f/Grad_header3.png);
background-repeat:repeat-x;
}
.walesh4{
background-color: #242304;
background-image: url(http://images4.wikia.nocookie.net/uncyclopedia/images/4/4c/Leafy.png);
background-repeat:repeat-x;
}
.walesh5{
background-color: #491787;
background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/b/bc/Purpley.png);
background-repeat:repeat-x;
}
.sannseh6{
background-image: url(http://images1.wikia.nocookie.net/uncyclopedia/images/3/3e/Prettiestpretty_pattern.png);
background-repeat:repeat-x;
}
/* Esconde (colapsa) linhas marcadas como "collapsable" dentro de uma tabela
que tem a classe "collapsed". Usado para esconder partes da tabela por padrão. */
table.collapsed tr.collapsable {
display: none;
}
/* Estilo para o botão de "mostrar/ocultar" (gerado dinamicamente pelo JS CollapsibleTables).
Observações:
- O próprio botão é criado pelo JavaScript (normalmente em MediaWiki:Common.js).
- Este bloco apenas define aparência/posicionamento; não cria o botão.
*/
.collapseButton { /* Estilo para o botão de "mostrar/ocultar" (gerado dinamicamente pelo JS CollapsibleTables).*/
float: right; /* posiciona o botão à direita do seu contêiner */
font-weight: normal; /* peso da fonte (aqui, sem negrito) */
text-align: right;
width: auto;
}
/* Expansão de seções ocultas em assinaturas */
.sighidden { display: none; }
.sigexpand:hover .sighidden { display: inline; }
.sigclick:active .sighidden { display: inline; }
/* Lista de referências menor e destaque em azul na referência clicada */
ol.references { font-size: 100%; }
.references-small { font-size: 90%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Evita que referências fiquem em negrito/itálico */
sup.reference { font-weight: normal; font-style: normal; }
/* Aumenta a altura da caixa de upload de imagem */
#wpUploadDescription { height: 13em; }
/* Ajusta espaçamento de sobrescrito e subscrito (<sup>, <sub>) */
sup, sub { line-height: 1em; }
/* Fundo quadriculado para imagens com transparência */
.gallerybox .thumb img,
.filehistory a img,
#file img { background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; }
/* Mas não em artigos, páginas de usuário, portais ou opt-out */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img { background: white; }
/* Evita que caixas flutuantes sobreponham categorias, histórico de arquivos etc. */
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff { clear: both; }
/* Links de redirecionamento em cinza, on [[Special:Allpages]], and [[Special:Prefixindex]] */
.redirect-in-category, .allpagesredirect a { color: gray; }
/* Esconde elementos específicos na página principal */
body.page-Main_Page #deleteconfirm,
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page h1.firstHeading { display: none !important; }
body.page-Main_Page #sitenotice { display:none; }
body.page-Home #anonnotice { display:none; }
/* Esconde elementos no portal administrativo */
body.page-MicroWiki:AdminPanel #deleteconfirm,
body.page-MicroWiki:AdminPanel #t-cite,
body.page-MicroWiki:AdminPanel #lastmod,
body.page-MicroWiki:AdminPanel #siteSub,
body.page-MicroWiki:AdminPanel #contentSub,
body.page-MicroWiki:AdminPanel h1.firstHeading { display: none !important; }
body.page-MicroWiki:AdminPanel #sitenotice { display:none; }
/* Exibe subtítulo (tagline) com estilo */
#siteSub { display: inline; font-size: 92%; font-weight: normal; }
/* Quebra automática de linha em <pre> */
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -webkit-pre-wrap; /* WebKit browsers */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* Ícones no canto superior direito (templates GA, etc.) */
div.topicon { position: absolute; top: -2em; margin-right: -10px; display: block !important; }
/* Script que troca a aba da Main Page para "Main Page" em vez de "Article" */
jQuery( document ).ready( function( $ ) { var title = mw.config.get( 'wgTitle' );
var hasMainPageTab = (title == 'Main Page'); // Title of the main page. If applicable, without the namespace prefix (eg. "MyWiki:")
if ( hasMainPageTab ){ $( '#ca-nstab-main a' ).text( title ); } } );
/* =========================
Caixas de mensagem (message boxes)
Baseadas em [[w:MediaWiki:Common.css]]
========================= */
/* Modelos de caixa de mensagem genéricos */
.messagebox {
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
/* Variações de messagebox para fusão */
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
/* Variações de messagebox para limpeza */
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
/* Variação padrão para páginas de discussão */
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
margin: 4px auto;
}
/* Caixas antigas dentro de shells de banner */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px;
}
/* Versões pequenas das caixas */
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
}
/* Versões pequenas das caixas */
.messagebox.small-talk {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background: #F8EABA;
}
/* Células dentro das caixas de mensagem (corpo e imagem); Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* =========================
Caixas de artigo (ambox)
========================= */
table.ambox {
margin: 0px 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
/* Tipos de caixas de artigo */
table.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.ambox-delete {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
border-left: 10px solid #f4c430; /* Yellow */
}
table.ambox-micro {
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
border-left: 10px solid #bba; /* Gray-gold */
}
/* =========================
Caixas de imagem (imbox)
========================= */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
/* Para caixas imbox internas */
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
display: block; /* Fix for webkit to force 100% width. */
}
.mbox-inside .imbox { /* For imboxes inside other templates. */
margin: 4px;
}
/* Tipos de caixas de imagem */
table.imbox-notice {
border: 3px solid #1e90ff; /* Blue */
}
table.imbox-speedy {
border: 3px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.imbox-delete {
border: 3px solid #b22222; /* Red */
}
table.imbox-content {
border: 3px solid #f28500; /* Orange */
}
table.imbox-style {
border: 3px solid #f4c430; /* Yellow */
}
table.imbox-micro {
border: 3px solid #9932cc; /* Purple */
}
table.imbox-protection {
border: 3px solid #bba; /* Gray-gold */
}
table.imbox-license {
border: 3px solid #88a; /* Dark gray */
background: #f7f8ff; /* Light gray */
}
table.imbox-featured {
border: 3px solid #cba135; /* Brown-gold */
}
/* =========================
Caixas de outras páginas (ombox)
========================= */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa; /* Default "notice" gray */
background: #f9f9f9;
}
/* Tipos de caixas ombox */
table.ombox-notice {
border: 1px solid #aaa; /* Gray */
}
table.ombox-speedy {
border: 2px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.ombox-delete {
border: 2px solid #b22222; /* Red */
}
table.ombox-content {
border: 1px solid #f28500; /* Orange */
}
table.ombox-style {
border: 1px solid #f4c430; /* Yellow */
}
table.ombox-micro {
border: 1px solid #9932cc; /* Purple */
}
table.ombox-protection {
border: 2px solid #bba; /* Gray-gold */
}
/* =========================
Caixas de discussão (tmbox)
========================= */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090; /* Default "notice" gray-brown */
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */
width: 100%; /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
line-height: 1.5em; /* also "nested", so reset styles that are */
font-size: 100%; /* set in "mbox-small" above. */
}
table.tmbox-speedy {
border: 2px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.tmbox-delete {
border: 2px solid #b22222; /* Red */
}
table.tmbox-content {
border: 2px solid #f28500; /* Orange */
}
table.tmbox-style {
border: 2px solid #f4c430; /* Yellow */
}
table.tmbox-micro {
border: 2px solid #9932cc; /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090; /* Gray-brown */
}
/* =========================
Caixas de desambiguação (dmbox)
========================= */
table.dmbox {
clear: both;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
}
/* =========================
Caixas de rodapé (fmbox)
========================= */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #aaa;
background: #f9f9f9; /* Default "system" gray */
}
table.fmbox-system {
background: #f9f9f9;
}
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
background: #ffdbdb; /* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* Mensagens baseadas em div (aviso) style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background: #ffdbdb;
padding: 0.25em 0.9em;
}
/* Mensagens baseadas em div (sistema)
Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
clear: both;
margin: 0.2em 0;
border: 1px solid #aaa;
background: #f9f9f9;
padding: 0.25em 0.9em;
}
/* =========================
Pequenas caixas de mensagem (mbox-small)
Devem vir depois de todas as classes ambox/tmbox/ombox.
body.mediawiki garante que sobreponham "table.ambox + table.ambox"
body.mediawiki table.mbox-small { /* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* =========================
Estilo para tags do filtro de abuso
========================= */
.mw-tag-markers {
font-family:sans-serif;
font-style:italic;
font-size:90%;
}
/* =========================
Estilo padrão de navboxes (caixas de navegação)
========================= */
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
/* Níveis de cores para títulos e grupos */
.navbox-title,
table.navbox th {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
/* Botão de mostrar/ocultar colapsáveis */
.collapseButton { /* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* [[MediaWiki:Common.js]] are styled here */
text-align: right; /* so they can be customised. */
width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from [[Template:Navbar]], */
} /* so they need to be the same width. */
.navbar { /* Navbox template links */
font-size: 88%; /* Default font-size */
font-weight: normal;
}
.navbox .navbar {
font-size: 100%; /* Font-size when nested within navbox */
}
/* Standard Navigationsleisten, aka box hiding thingy
from .de. Documentation at [[w:NavFrame]]. */
/* =========================
Frames de navegação (NavFrame) padrão alemão
========================= */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
right: 3px;
font-weight: normal;
font-size: 90%;
}
/* =========================
Fonte IPA (International Phonetic Alphabet)
========================= */
.IPA {
font-family: "Gentium Plus", Gentium, GentiumAlt, "Charis SIL", "Doulos SIL",
"DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
"Arial Unicode MS", "Lucida Sans Unicode",
"Chrysanthi Unicode";
}
/* wikitable/prettytable class for skinning normal tables */
/* =========================
Tabelas wikitable/prettytable
========================= */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
border: 1px #aaa solid;
padding: 0.2em;
}
.wikitable th,
.prettytable th {
background: #f2f2f2;
text-align: center;
}
.wikitable caption,
.prettytable caption {
font-weight: bold;
}
/* =========================
Botão de busca (esconde)
========================= */
#mw-searchButton { display: none }
/* Changes colour on [[Special:NewPages]] */
/* =========================
Páginas não patrulhadas
========================= */
.not-patrolled { background: #DFD }
/* =========================
Recent changes
========================= */
.rcnst {display: none;}
#rcnst [type="button"] {margin-left: 5px;}
/* Show #siteSub ([[MediaWiki:Tagline]]) except on user and user talk pages */
/* =========================
siteSub (tagline)
========================= */
body #siteSub { visibility: visible }
body.ns-2 #siteSub, body.ns-3 #siteSub { visibility: hidden }
/* =========================
Informações do usuário
========================= */
#ps-userinfo { visibility: visible }
/* =========================
Remove N, m, b em watchlist e recent changes
========================= */
abbr.newpage, abbr.bot, abbr.minor, abbr.unpatrolled, .mw-rc-label-legend { display:none }
/* =========================
Lista de referências customizada
========================= */
div.reflist ol.references {
list-style-type: inherit; /* Enable custom list style types */
}
/* =========================
Tipografia e fontes globais
========================= */
/*
Overriding the typography refresh - see https://www.mediawiki.org/wiki/Typography_refresh
To use it, copy the following code to [[Special:Mypage/vector.css]].
Alternatively, choose a skin other than Vector in your preferences.
Works ok for me with Firefox 27.0.1 and Ubuntu 12.04 LTS, but has not been tested
in different environments. There may also still be glitches of one sort or another.
Let me know if you have any suggestions for improving it.
*/
/* Fonts and colours */
/* Prevents the following global selector from "ruining" the SyntaxHighlighter */
#editform span {font-family:inherit;}
* {
font-family: sans-serif;
}
div#content h2 {
font-family: sans-serif !important;
}
div.mw-geshi div, div.mw-geshi div span, div.mw-geshi div pre, span.mw-geshi, span.mw-geshi span, pre.source-css, pre.source-css span, pre.source-javascript, pre.source-javascript span, pre.source-lua, pre.source-lua span {
font-family: monospace !important;
-moz-tab-size: 4;
}
div#content {
font-size: 93%;
}
h1#firstHeading {
font-size: 1.6em !important;
}
div#content.mw-body {
margin-left: 11.8em;
color: #000;
}
textarea#wpTextbox1,
pre {
font-family: monospace;
}
/* Tamanhos de fonte */
code a {
font-family: monospace;
font-size: 130%;
}
pre {
font-size: 130%;
}
div#content h3 {
font-size: 132% !important;
}
div#content h4 {
font-size: 116% !important;
}
div#content h5 {
font-size: 100% !important;
}
div#content h6 {
font-size: 80% !important;
}
td.diff-deletedline,
td.diff-addedline,
td.diff-context {
font-size: 85%;
}
div.thumbcaption {
font-size: 90%;
}
div.mw-warning-with-logexcerpt ul li {
font-size: 88%;
}
h1#firstHeading {
margin-bottom: 0 !important;
}
.ns-3000 #p-logo a {background-image: url("http://mw.micronation.org/w/images/thumb/1/18/MicroCommons.png/88px-MicroCommons.png") !important;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** ** ** ** ** ** ** ** ** ** ** * */
/*--- Este código altera a logo da wiki - . */
/* - A imagem usada está em /images/thumb/c/c1/Logo_v2.png/180px-Logo_v2.png. */
/* - Para modificar a logo, substitua a URL da background-image por outra miniatura gerada pela wiki. */
/* - Caso a alteração não apareça imediatamente, limpe o cache da página */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ** ** ** ** ** ** ** ** ** ** ** */
.mw-wiki-logo {
background-image: url(/images/thumb/c/c1/Logo_v2.png/180px-Logo_v2.png) !important;
background-size: 160px 160px;
}
.infobox td[align="center"] {
text-align: center;
}
.infobox th {
text-align: left;
}
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
.mw-tag-mwstaffedit {
background-color: #fff5bf;
}
.mw-changeslist-patrolled .mw-title a {
background-color: #fff4e1;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Container geral do letreiro moderno - */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.ticker-container {
width: 100%;
overflow: hidden;
background-color: #f0f0f0;
border: 1px solid #ccc;
box-sizing: border-box;
height: 2.5em;
display: flex;
align-items: center;
padding: 0 0.5em;
font-family: "Segoe UI", sans-serif;
color: #333;
position: relative;
}
.ticker-icon {
flex-shrink: 0;
margin-right: 0.7em;
font-size: 1.2em;
}
.ticker-track {
flex-grow: 1;
overflow: hidden;
white-space: nowrap;
display: flex;
align-items: center;
position: relative;
}
.ticker-content {
display: inline-block;
white-space: nowrap;
font-weight: bold;
font-size: 1em;
}
/* Animação que para no final */
.fixo-mode .ticker-content {
transform: translateX(100%);
animation: ticker-slide-in 20s ease-out forwards;
}
/* Animação infinita */
.loop-mode .ticker-content {
transform: translateX(100%);
animation: ticker-loop 30s linear infinite;
}
/* Keyframes */
@keyframes ticker-slide-in {
to {
transform: translateX(0%);
}
}
@keyframes ticker-loop {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
/* FIM - Container geral do letreiro */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* SPECIAL COR DE USUARIOS - PADRÃO */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Everyone- TODOS USUARIOS */
.mw-userlink {
background-color: #F6F6F6; /* Same as background color */
/* Size */
/*border-radius: 3px;*/
padding: 0 0.5ch;
height: 2.5ex;
/* Flow */
display: inline-flex;
align-items: center;
}
/* Admins - núcleo ativo - Cor - Amarela */
.mw-userlink[title="Usuário:Admin"],
.mw-userlink[title="Usuário:Imperador Crow"],
.mw-userlink[title="Usuário:Marina"],
.mw-userlink[title="Usuário:MiltonACN"],
.mw-userlink[title="Usuário:Requiao"] {
background-color: #fcffa4; /* fundo amarelo */
color: black; /* texto preto */
font-weight: italic; /* italic */
border-radius: 4px; /* bordas arredondadas */
padding: 0 0.5ch;
}
/* Admins - núcleo secundário - Cor - ROXA*/
.mw-userlink[title="Usuário:Athirson Clemer"],
.mw-userlink[title="Usuário:Dell Fierro II"],
.mw-userlink[title="Usuário:DioAjn"],
.mw-userlink[title="Usuário:Miguel Domingues Escobar"],
.mw-userlink[title="Usuário:Matheus Vilela"],
.mw-userlink[title="Usuário:Emperor-King"],
.mw-userlink[title="Usuário:Reidaquintavelha"] {
background-color: #d9a4ff; /* fundo roxo*/
color: black; /* texto preto */
font-weight: italic; /* italic */
border-radius: 4px; /* bordas arredondadas */
padding: 0 0.5ch;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* SPECIAL edit do roda pé - ícones */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Remove a imagem padrão favicon */
#footer-copyrightico img {
display: none;
}
/* A nova imagem no container - com controle de tamanho e posição */
#footer-copyrightico {
background-image: url("/images/thumb/c/c1/Logo_v2.png/180px-Logo_v2.png");
background-repeat: no-repeat;
background-size: contain;
width: 88px;
height: 31px;
background-position: 10mm center; /* move só a imagem */
}
#footer-copyrightico {
position: relative;
cursor: help; /* muda o cursor para indicar informação */
}
/* Tooltip escondido */
#footer-copyrightico::after {
content: "A Enciclopédia Micronacional";
position: absolute;
bottom: 120%; /* aparece acima da imagem */
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 4px 8px;
border-radius: 6px;
white-space: nowrap;
font-size: 12px;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s;
}
/* Mostra ao passar o mouse */
#footer-copyrightico:hover::after {
opacity: 1;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Código do efeito hover */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Efeito hover nos containers */
.mph-card {
transition: transform 0.2s, box-shadow 0.2s;
}
.mph-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Responsividade EM TESTE PRA MOBILE */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ====== Responsividade ====== */
@media (max-width: 768px) {
.grid-2,
.grid-70-30 {
grid-template-columns: 1fr !important;
}
.card h2 {
font-size: 1.1rem;
}
.map-box iframe {
height: 300px;
}
.card > * {
font-size: 0.9rem !important;
}
.card table,
.card pre,
.card code {
font-size: 0.85rem !important;
}
.scroll-box {
max-height: 300px;
}
}
/* ====== Padronizar conteúdo de templates ====== */
.card > * {
font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 0.95rem !important;
font-weight: normal !important;
line-height: 1.5 !important;
color: #333 !important;
}
.card b,
.card strong {
font-weight: bold !important;
}
.card i,
.card em {
font-style: italic !important;
}
.card table,
.card pre,
.card code {
max-width: 100% !important;
overflow-x: auto;
word-wrap: break-word;
font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 0.95rem !important;
}
.card img {
max-width: 100%;
height: auto;
}
.card p,
.card div,
.card ul,
.card ol {
margin: 0 0 10px 0;
padding: 0;
word-break: break-word;
}
/* Scroll interno para conteúdos longos */
.card .scroll-box,
.card > div[style*="overflow-y"] {
font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 0.95rem !important;
font-weight: normal !important;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Efeito em barras - PERSONALIZADO */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.menu-barra {
position: relative;
display: block;
width: 100%;
margin: 0; /* igual ao seu inline */
padding: 0.2em 0.4em; /* igual ao seu inline */
font-size: 120%; /* igual ao seu inline */
font-weight: bold; /* igual ao seu inline */
font-family: inherit; /* mantém a fonte do site */
text-align: left; /* igual ao seu inline */
color: #000; /* igual ao seu inline */
background: #9bbeab; /* igual ao seu inline */
border: 1px solid #cee0f2; /* igual ao seu inline */
text-transform: none; /* não força maiúsculas */
overflow: hidden;
cursor: pointer;
transition: color 0.3s ease;
z-index: 1;
line-height: 1.2em;
}
/* ====== Pseudo-elementos para efeito ====== */
.menu-barra::before,
.menu-barra::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform-origin: top;
opacity: 0;
transition: transform 0.3s, opacity 0.3s;
}
.menu-barra::before {
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
background: linear-gradient(to right, #ff0000, #00ffff);
background-clip: padding-box;
-webkit-background-clip: text;
transform: scaleY(0);
}
.menu-barra::after {
background-color: #000; /* fundo preto no hover */
transform: scaleY(0);
z-index: -1;
}
/* Hover */
.menu-barra:hover {
color: #fff;
}
.menu-barra:hover::before {
transform: scaleY(1);
opacity: 1;
}
.menu-barra:hover::after {
transform: scaleY(1);
opacity: 1;
}
/* ====== Ajuste dentro da tabela wiki/célula ====== */
.mph-card h2.menu-barra {
margin: 3px; /* espaço externo em todos os lados */
padding: 3px; /* respiro interno uniforme */
width: calc(100% - 6px); /* compensa o margin horizontal */
box-sizing: border-box; /* garante que padding conte na largura */
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Efeito Contact - PERSONALIZADO */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Efeito hover para textos estilo CONTACT / ABOUT */
.hover-text {
transition: all 0.2s ease-in-out;
cursor: default; /* mantém cursor normal */
}
.hover-text:hover {
font-weight: 900; /* deixa bem negrito */
text-shadow: 0 0 8px #fff; /* brilho branco */
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Ocultar por padrão a Lista de abreviaturas APENAS na Página principal */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.page-Página_principal .mw-changeslist-legend {
display: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* CSS ÚNICO (para TODOS os selos) */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Permite posicionar selos em relação ao título */
#firstHeading {
position: relative;
}
/* Container dos selos (fica no título) */
.selos-badges {
position: absolute;
right: 0;
top: 0;
margin-top: -3.6em; /* SOBE até a linha do título */
display: flex;
flex-direction: row-reverse;
gap: 10px;
z-index: 10;
}
/* Cada selo */
.ga-badge {
position: relative; /* âncora do tooltip */
display: inline-block;
}
/* Tooltip (caixa) */
.ga-badge-tooltip {
display: none;
position: absolute;
top: 45px;
right: 0;
z-index: 999;
}
/* Mostra tooltip ao passar o mouse */
.ga-badge:hover .ga-badge-tooltip {
display: block;
}
