MediaWiki:Common.css
Revisão de 12h55min de 27 de setembro de 2025 por Imperador Crow (discussão | contribs) (removido VHS efetou a template.)
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 placed here will be applied to all skins on the entire site. *****/
/* Giving headers and TOC a little extra space */
h2 { margin-top: 20px; }
.toc { margin-top: 20px; }
/* Multicolumn lists */
#twocolumnlist ul {width:100%;}
#twocolumnlist li {display:inline; width:50%;}
/* Mouseover support */
.switchable .alt {display:none}
.switchable:hover .default {display:none}
.switchable:hover .alt {display:inline}
/* Infobox template style */
.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* Recent changes byte indicators */
.mw-plusminus-pos {
color: #006500;
}
.mw-plusminus-neg {
color: #8B0000;
}
/* Image frame fix */
div.tright, div.tleft {
border: 1px solid silver;
}
div.thumbinner {
background: inherit;
border: none;
color: inherit;
}
#article div.thumb {
color:inherit;
}
/* Borderless tables */
#displaycontent table.borderless tr td { border:0 !important;}
/* Jimmy Wales donation parody */
.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;
}
table.collapsed tr.collapsable {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
/* Allows for expanding hidden sig sections */
.sighidden { display: none; }
.sigexpand:hover .sighidden { display: inline; }
.sigclick:active .sighidden { display: inline; }
/* Smaller references list and highlights clicked reference in blue */
ol.references { font-size: 100%; }
.references-small { font-size: 90%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference { font-weight: normal; font-style: normal; }
/* Increase the height of the image upload box */
#wpUploadDescription { height: 13em; }
/* Reduce line-height for <sup> and <sub> */
sup, sub { line-height: 1em; }
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
.filehistory a img,
#file img { background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; }
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img { background: white; }
/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views */
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff { clear: both; }
/* Redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
.redirect-in-category, .allpagesredirect a { color: gray; }
/* Don't display some stuff on the main page */
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; }
/* Don't display some stuff on the admin portal*/
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; }
/* Display "From MicroWiki, the micronational encyclopædia" */
#siteSub { display: inline; font-size: 92%; font-weight: normal; }
/* Autowrap in preformatted text boxes */
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+ */
}
/* For positioning icons at top-right, used in GA template */
div.topicon { position: absolute; top: -2em; margin-right: -10px; display: block !important; }
/* Changes tab on Main Page to "Main Page" instead of "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 ); } } );
/* Message boxes, taken from [[w:MediaWiki:Common.css]] */
/* Messagebox templates */
.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;
margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background: #F8EABA;
}
/* 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;
}
/* Article message box styles */
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 */
}
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 */
}
/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
.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;
}
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 */
}
/* Other pages message box styles */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa; /* Default "notice" gray */
background: #f9f9f9;
}
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 */
}
/* Talk page message box styles */
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 */
}
/* Disambig and set index box styles */
table.dmbox {
clear: both;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
}
/* Footer and header message box styles */
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;
}
/* Div based "warning" 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;
}
/* Div based "system" style fmbox messages.
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;
}
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
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;
}
/* Styling for Abuse Filter tags */
.mw-tag-markers {
font-family:sans-serif;
font-style:italic;
font-size:90%;
}
/* Default skin for navigation boxes */
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 */
}
.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 */
}
.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]]. */
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%;
}
.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 */
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;
}
/* One button for search (just go)) */
#mw-searchButton { display: none }
/* Changes colour on [[Special:NewPages]] */
.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 */
body #siteSub { visibility: visible }
body.ns-2 #siteSub, body.ns-3 #siteSub { visibility: hidden }
/* Show user info */
#ps-userinfo { visibility: visible }
/* Remove N, m, b in watchlist and recent changes */
abbr.newpage, abbr.bot, abbr.minor, abbr.unpatrolled, .mw-rc-label-legend { display:none }
/* Custom reflinks */
div.reflist ol.references {
list-style-type: inherit; /* Enable custom list style types */
}
/*
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;
}
/* Font size */
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 10s ease-out forwards;
}
/* Animação infinita */
.loop-mode .ticker-content {
transform: translateX(100%);
animation: ticker-loop 15s 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 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 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: 45px;
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 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ====== Reset e base ====== */
html, body {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: sans-serif;
}
/* ====== Barra com efeito ====== */
.menu-barra {
position: relative;
display: block;
width: 100%;
padding: 0.4em 0.8em; /* espaçamento interno */
font-size: 120%;
font-weight: bold;
text-align: left;
color: #000; /* texto preto padrão */
background: #9bbeab; /* verde da barra */
border: 1px solid #9bbeab;
text-transform: uppercase;
overflow: hidden;
cursor: pointer;
transition: color 0.3s ease;
z-index: 1;
line-height: 1.2em; /* altura da linha controlada */
}
/* ====== Linhas superior e inferior ====== */
.menu-barra::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
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); /* inicia invisível */
transform-origin: top; /* evita “vazamento” acima */
opacity: 0;
transition: transform 0.3s, opacity 0.3s;
}
/* ====== Fundo preto que “preenche” ao hover ====== */
.menu-barra::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000; /* fundo preto no hover */
transform: scaleY(0);
transform-origin: top;
opacity: 0;
transition: transform 0.3s, opacity 0.3s;
z-index: -1;
}
/* ====== Hover ====== */
.menu-barra:hover {
color: #fff; /* texto vira branco */
}
.menu-barra:hover::before {
transform: scaleY(1);
opacity: 1;
}
.menu-barra:hover::after {
transform: scaleY(1);
opacity: 1;
}
.mph-card h2.menu-barra {
margin: 0px; /* 5px fora da barra (superior, direita, inferior, esquerda) */
padding: 5px 0px; /* 5px topo/baixo, 5px direita/esquerda internos */
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Efeito Contact - TESTE */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Somente o efeito no Contact */
a.contact:hover {
font-weight: 900;
text-shadow: 0 0 8px var(--light-color);
}
