MediaWiki:Common.css: mudanças entre as edições

De Elvenar Wiki BR
Ir para navegação
Sem resumo de edição
Sem resumo de edição
 
(Uma revisão intermediária por um outro usuário não está sendo mostrada)
Linha 1: Linha 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
----------------------------------------------------------------------------------------------
 
.socialBar {style="position:absolute;top:225px;background-image:none !important;"}
/* Hide broken sitenotice, is not needed */
.socialBar:hover {background:none !important;}
div.sitenotice {
.socialBar .socialLinks img:hover{background:#e5e6e6;border-radius:100px;}
display: none;
#localNotice #miniLogo {background-image: none;}
#mf-menu {
display: none;
}
}


#mf-menu {  
/* HEADER AND TOP NAVIGATION */
display: none;  
#mirage-fixed-header,
}  
#mirage-top-header {
background-image: url("/skins/MirageElvenar/images/page-bgtile.png");
}


.infinitum {
/* Respect width of logo */
background-color: #F9F9F9;
img.mw-logo-icon {
border: 1px solid #AAAAAA;
width: inherit;
font-size: 95%;
}
padding: 5px;
}


.infinirow {
.mw-wordmark-container span.mw-logo-wordmark {
border-bottom: 1px solid #AA9977 !important;
color: #5e321a;
border-left: medium none currentColor !important;
}
border-right: 1px solid #AA9977 !important;
border-top: medium none currentColor !important;
padding: 2px 3px;
}


.tilt {
/* Remove duplicated word mark from main page */
-webkit-transition: all 1s ease;
#mirage-navigation-header .mw-logo-wordmark {
-moz-transition: all 1s ease;
display: none;
-o-transition: all 1s ease;
}
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.tilt:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}


.tiltright {
.skin-mirage-dropdown-list a {
-webkit-transition: all 1s ease;
font-weight: normal;
-moz-transition: all 1s ease;
}
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.tiltright:hover {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}


.move {
div#right-navigation {
-webkit-transition: all 1s ease;
background-color: transparent;
-moz-transition: all 1s ease;
}
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.move:hover {
-webkit-transform: translate(0px,-10px);
-moz-transform: translate(0px,-10px);
-o-transform: translate(0px,-10px);
-ms-transform: translate(0px,-10px);
transform: translate(0px,-10px);  
}


li.mw-list-item,
li.skin-mirage-dropdown-container {
background: #d4ba91;
}


.grow img {
div#module-site-tools li.mw-list-item,
  height: 500px;
#module-site-tools > ul > li:last-child {
  width: 750px;
border-color: #b99968;
}
  -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.grow img:hover {
  width: 1000px;
  height: 1800px;
}


div.skin-mirage-dropdown-list > ul > li.mw-list-item {
background: none;
}


/* Move wiki navigation menus to same line as logo */
div#module-site-navigation {
margin-top: -2.5rem;
}


/* CSS die hier wordt geplaatst heeft invloed op alle skins */
/* Limit space used by site navigation to avoid overlapping buttons */
div.mvisto:hover {
div#module-site-navigation.skin-mirage-mirage-navigation {
opacity:0.7;
max-width: 70%;
}
}
div.NavFrame {
    margin: 0;
    padding: 1px;
    border: 0px solid #322618;
    text-align: top;
    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: 0px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.9em;
    font-weight: bold;
    background-color: #C0A875;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 12px;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 93%;
}


/* Move Right Navigation (edit button etc.) in line with Recent changes */
div#right-navigation {
position: absolute;
margin-right: 15px;
margin-top: -1.25rem;
right: 0px;
}


.slideUp{
/* Recent Changes button text */
animation-name: slideUp;
#module-site-tools > ul > li:nth-child(1) > a {
-webkit-animation-name: slideUp;
color: #5e321a;
}


animation-duration: 1s;
/* Edit button row hover styling */
-webkit-animation-duration: 1s;
#p-views > ul > li:hover,
#mirage-right-rail-button:hover {
background-color: rgba(255,255,255,0.15);
border: 1px solid #b99968;
/* border-right: 0; */
color: #404244;
}


animation-timing-function: ease;
/* Have to set this color back to transparent to ensure no text shows on the right rail button on hover */
-webkit-animation-timing-function: ease;
#mirage-right-rail-button:hover {
color: transparent;
}


visibility: visible !important;
/* Adjust color for Recent Changes icon */
}
.skin-mirage-ooui-icon-recentChanges:before {
background-image: url(/load.php?modules=skin.mirage.icons&image=recentChanges&format=rasterized&lang=en&skin=fallback&version=14jep);
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E recent changes %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M1 3h16v2H1V3Zm0 6h11v2H1V9Zm0 6h7v2H1v-2Zm17.8-3.1 1-1.1a.6.6 0 0 0 0-.8L18 8.2a.6.6 0 0 0-.8 0l-1 1 2.6 2.7Zm-3.3-2L10 15.3V18h2.6l5.6-5.5-2.7-2.7Z%22/%3E%3C/g%3E%3C/svg%3E");
}


@keyframes slideUp {
/* Adjust color for Special Pages icon */
0% {
.skin-mirage-ooui-icon-specialPages:before {
transform: translateY(100%);
    background-image: url(/load.php?modules=skin.mirage.icons&image=specialPages&format=rasterized&lang=en&skin=fallback&version=dk89p);
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E special pages %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath fill=%22%235f391a%22 d=%22M7 0a2 2 0 0 0-2 2h9a2 2 0 0 1 2 2v12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z%22/%3E%3Cpath fill=%22%23fill%22 d=%22M13 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2zm-6.5-3.5.41-1.09L8 15l-1.09-.41-.41-1.09-.41 1.09L5 15l1.09.41.41 1.09zm2.982-.949.952-2.561 2.53-.964-2.53-.964L9.482 8.5l-.952 2.562-2.53.964 2.53.964.952 2.561zM6 10.5l.547-1.453L8 8.5l-1.453-.547L6 6.5l-.547 1.453L4 8.5l1.453.547L6 10.5z%22/%3E%3C/g%3E%3C/svg%3E")
}
}
50%{
 
transform: translateY(-8%);
/* Adjust color for Random Page icon */
.skin-mirage-ooui-icon-die:before {
background-image:url(/load.php?modules=skin.mirage.icons&image=die&format=rasterized&skin=fallback&version=14jep);
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E die %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm2 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm0-10a2 2 0 1 1 2-2 2 2 0 0 1-2 2z%22/%3E%3C/g%3E%3C/svg%3E");
}
}
65%{
 
transform: translateY(4%);
/* Adjust color for three dots menu icon */
.skin-mirage-ooui-icon-ellipsis:before {
background-image:url(/load.php?modules=skin.mirage.icons&image=ellipsis&format=rasterized&skin=fallback&version=14jep);
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E ellipsis %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%222%22/%3E%3Ccircle cx=%223%22 cy=%2210%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2210%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E");
}
}
80%{
 
transform: translateY(-4%);
 
/* Background color for Edit Button and Right Rail collapse/expand button */
#mirage-edit-button > li,
#mirage-right-rail-button {
background: #d4ba91;
}
}
95%{
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}


@-webkit-keyframes slideUp {
 
0% {
/* Border color definitions for the top navigation buttons */
-webkit-transform: translateY(100%);
#mirage-edit-button > li,
#mirage-edit-button > li + li,
#mirage-edit-button > li:first-child,
#mirage-edit-button > li:last-child,
#mirage-edit-button > li:hover,
#mirage-edit-button > li + li:hover,
#mirage-edit-button > li:hover:first-child,
#mirage-edit-button > li:hover:last-child,
#mirage-right-rail-button,
#mirage-right-rail-button:focus {
border-color: #b99968;
}
}
50%{
 
-webkit-transform: translateY(-8%);
/* Hover color for Edit button */
#mirage-edit-button > li:first-child a:hover {
color: black;
}
}
65%{
 
-webkit-transform: translateY(4%);
/* Color for Edit button */
#mirage-edit-button > li:first-child a {
color: #5f391a;
}
}
80%{
 
-webkit-transform: translateY(-4%);
/* Adjust color for Edit icon */
.skin-mirage-ooui-icon-edit-invert:before {
background-image:url(/load.php?modules=skin.mirage.icons&image=edit&variant=invert&format=rasterized&skin=fallback&version=dk89p);
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/g%3E%3C/svg%3E");
}
}
95%{
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
}
}


/* Adjust color for Watch icon */
.skin-mirage-ooui-icon-star-invert:before,
#ca-watch a:before {
background-image:url(/load.php?modules=skin.mirage.icons&image=star&variant=invert&format=rasterized&skin=fallback&version=dk89p);
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E star %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z%22/%3E%3C/g%3E%3C/svg%3E")
}


.slideRight{
/* Adjust color for Unwatch icon */
animation-name: slideRight;
.skin-mirage-ooui-icon-unStar-invert:before,
-webkit-animation-name: slideRight;
#ca-unwatch a:before {
background-image:url(/load.php?modules=skin.mirage.icons&image=unStar&variant=invert&format=rasterized&skin=fallback&version=dk89p);
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E un-star %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z%22/%3E%3C/g%3E%3C/svg%3E")
}


animation-duration: 1s;
/* Adjust color for "More" menu icon */
-webkit-animation-duration: 1s;
.skin-mirage-ooui-icon-indicator-down-invert:before {
background-image:url(/load.php?modules=skin.mirage.indicators&image=down&variant=invert&format=rasterized&skin=fallback&version=1h8wn);
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E");
}


animation-timing-function: ease-in-out;
/* Adjust color for Right Rail button icon */
-webkit-animation-timing-function: ease-in-out;
.skin-mirage-ooui-icon-doubleChevronEnd:before {
background-image:url(/load.php?modules=skin.mirage.icons&image=doubleChevronEnd&format=rasterized&lang=en&skin=fallback&version=14jep);
background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E double chevron start %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M11 2 9.7 3.3l6.6 6.7-6.6 6.7L11 18l8-8zM2.5 2 1 3.3 7.8 10l-6.7 6.7L2.5 18l8-8z%22/%3E%3C/g%3E%3C/svg%3E");
}


visibility: visible !important;
}


@keyframes slideRight {
/* Hide the editLock icon that doesn't want to be edited for some unexplainable reason */
0% {
.skin-mirage-ooui-icon-editLock-invert:before {  
transform: translateX(-150%);
display: none;
}
}
50%{
 
transform: translateX(8%);
/* Dropdown list for history, deletion, protection etc. */
li#ca-history,
li#ca-delete,
li#ca-move,
li#ca-protect {
background: none;
}
}
65%{
 
transform: translateX(-4%);
 
 
/* Remove Main Page header from Main page */
body.page-Main_Page .mw-page-title-main {
display: none;
}
}
80%{
 
transform: translateX(4%);
 
/* Remove the Page and Discussion buttons from all pages */
div#left-navigation nav#p-namespaces {
display: none;
}
}
95%{
transform: translateX(-2%);
}
100% {
transform: translateX(0%);
}
}


@-webkit-keyframes slideRight {
#module-page-navigation {
0% {
margin: 0;
-webkit-transform: translateX(-150%);
}
}
50%{
 
-webkit-transform: translateX(8%);
 
/* Styling of username when logged in / don't show username */
#mirage-fixed-header .skin-mirage-username {
color: orange;
display: none;
}
}
65%{
 
-webkit-transform: translateX(-4%);
/* Styling for background of dropdown on username/not logged in */
.skin-mirage-personaltools-dropdown li {
background: none;
}
}
80%{
 
-webkit-transform: translateX(4%);
/* Text color of dropdown on username/not logged in */
li#pt-login {
color: black;
}
}
95%{
 
-webkit-transform: translateX(-2%);
/* Text color on dropdown when no new messages */
}
.skin-mirage-no-new-messages {
100% {
color: black;
-webkit-transform: translateX(0%);
}
}
}




.slideExpandUp{
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;


animation-duration: 1.6s;
/* Main background */
-webkit-animation-duration: 1.6s;
body {
    background: #a6805a;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image:  
url("/skins/MirageElvenar/images/bg-cover-right.png"),
url("/skins/MirageElvenar/images/bg-cover-left.png"),
url("/skins/MirageElvenar/images/bg-cover-bottom.png"),
url("/skins/MirageElvenar/images/background.jpg");
background-position: right center,left center,center bottom,center center;
    background-size: auto,auto,auto,cover;
    background-repeat: repeat-y,repeat-y,repeat-x,no-repeat;
    font-family: Arimo,sans-serif;
}


animation-timing-function: ease-out;
-webkit-animation-timing-function: ease -out;


visibility: visible !important;
}


@keyframes slideExpandUp {
/* GENERAL ARTICLE STYLING */
0% {
main#content.mw-body,
transform: translateY(100%) scaleX(0.5);
main#content.mw-body-content,
#mirage-navigation-header,
#module-page-navigation,
.skin-mirage-content-container {
background-image: url("/skins/MirageElvenar/images/page-bgtile.png");
}
}
30%{
 
transform: translateY(-8%) scaleX(0.5);
h1,
}
h2,
40%{
.skin-mirage-right-rail-module h3,
transform: translateY(2%) scaleX(0.5);
hr {
border-color: #d4ba91;
}
}
50%{
 
transform: translateY(0%) scaleX(1.1);
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
i {
    color: #5e321a;
}
}
60%{
 
transform: translateY(0%) scaleX(0.9);
h2 a,
h2 a:visited {
font-size: normal;
color: #3d2718;
font-weight: bold;
}
}
70% {
 
transform: translateY(0%) scaleX(1.05);
h2 a:hover {
}
color: #1480a4;
80%{
transform: translateY(0%) scaleX(0.95);
}
}
90% {
 
transform: translateY(0%) scaleX(1.02);
p a,
}
p a:visited,
100%{
li a,
transform: translateY(0%) scaleX(1);
li a:visited {
    color: #3d2718;
    font-weight: bold;
}
}
}


@-webkit-keyframes slideExpandUp {
p a,
0% {
p a:visited {
-webkit-transform: translateY(100%) scaleX(0.5);
color: #3d2718;
font-weight: bold;
text-decoration: underline;
}
}
30%{
 
-webkit-transform: translateY(-8%) scaleX(0.5);
p a:hover {
}
    color: #1480a4;
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
}
50%{
 
-webkit-transform: translateY(0%) scaleX(1.1);
/* Warning on MediaWiki:Custom.css page */
.mw-editinginterface {
color: #efdba6;
}
}
60%{
 
-webkit-transform: translateY(0%) scaleX(0.9);
 
/* Table of Contents styling */
.toc {
background-color: #d4ba91;
border: 1px solid #996b39;
border-color: rgba(110,57,0,0.5);
}
}
70% {
 
-webkit-transform: translateY(0%) scaleX(1.05);
.toc h2 {
}
color: #5e321a;
80%{
-webkit-transform: translateY(0%) scaleX(0.95);
}
}
90% {
 
-webkit-transform: translateY(0%) scaleX(1.02);
.toc li a,
}
.toc li a:visited,
100%{
.toctogglelabel {
-webkit-transform: translateY(0%) scaleX(1);
color: #5f391a;
font-weight: normal;
}
}
}




.pullUp{
/* In-article edit icon styling */
animation-name: pullUp;
a.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small,
-webkit-animation-name: pullUp;
a:visited.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small {
color: #3d2718;
}


animation-duration: 1.1s;
a:hover.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small {
-webkit-animation-duration: 1.1s;
color: #1480a4;
}


animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;


transform-origin: 50% 100%;
/* TABLE STYLING */
-ms-transform-origin: 50% 100%;
/* Recolor every 2nd cell */
-webkit-transform-origin: 50% 100%;
table tr:nth-of-type(2n) td {
}
background-color: #d4ba91;
}
 
/* Recolor every other 2nd cell */
table tr:nth-of-type(odd) td {
background-color: rgb(229,199,153);


@keyframes pullUp {
0% {
transform: scaleY(0.1);
}
}
40% {
 
transform: scaleY(1.02);
table th {
font-weight: normal;
background-color: #b99968;
color: #5e321a;
padding: 10px;
}
}
60% {
 
transform: scaleY(0.98);
/* Special .announcement class table on the Main Page */
th.announcement {
font-weight: bold;
}
}
80% {
 
transform: scaleY(1.01);
table td .announcement {  
color: 5e321a;
}
}
100% {
 
transform: scaleY(0.98);
table td,
}
table th {
80% {
text-align: center;
transform: scaleY(1.01);
padding: 5px;
box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.1) inset;
}
}
100% {
transform: scaleY(1);
}
}


@-webkit-keyframes pullUp {
td,
0% {
th {
-webkit-transform: scaleY(0.1);
padding: 0;
}
}
40% {
 
-webkit-transform: scaleY(1.02);
td {
display: table-cell;
vertical-align: inherit;
}
}
60% {
 
-webkit-transform: scaleY(0.98);
table {
display: table !important;
width: 100%;
border-collapse: separate;
border-spacing: 1px !important;
margin-bottom: 4px;
border-radius: 3px;
}
}
80% {
 
-webkit-transform: scaleY(1.01);
table center {
color: #5e321a;
}
}
100% {
 
-webkit-transform: scaleY(0.98);
table a,
}
table a:visited {
80% {
color: #3d2718;
-webkit-transform: scaleY(1.01);
}
}
100% {
-webkit-transform: scaleY(1);
}
}


table a:hover {
color: #1480a4;
}


.slideDown{
/* Right rail styling */
animation-name: slideDown;
#mirage-right-rail {
-webkit-animation-name: slideDown;
background-image: url("/skins/MirageElvenar/images/page-bgtile.png");
}


animation-duration: 1s;
#mirage-right-rail a,
-webkit-animation-duration: 1s;
#mirage-right-rail a:visited {
    color: #3d2718;
}


animation-timing-function: ease;
#mirage-right-rail a:hover {
-webkit-animation-timing-function: ease;
    color: #1480a4;
}
 
/* Remove background color on Page tools section of Right Rail */
.skin-mirage-module-body ul.skin-mirage-unstyled-list > li {
background: none;
}


visibility: visible !important;
}


@keyframes slideDown {
/* FOOTER STYLING */
0% {
footer {
transform: translateY(-100%);
    display: grid;
    align-content: center;
    justify-content: center;
    justify-items: center;
  margin-top: -25px;
}
}
50%{
transform: translateY(8%);
footer.mw-footer {
    background-color: transparent;
    box-shadow: none;
    align-content: center;
}
}
65%{
 
transform: translateY(-4%);
#footer-info-lastmod,
#footer-info-copyright,
#footer-places-privacy,
#footer-places-about,
#footer-places-disclaimer {
display: inline-block;
margin-right: 15px;
}
}
80%{
 
transform: translateY(4%);
li#footer-info-lastmod,
li#footer-info-copyright {
font-size: small;
color: #efdba6;
}
 
footer ul.skin-mirage-unstyled-list#footer-info {
margin-right: 0px;
color: #efdba6;
text-shadow: 1px 1px 1px black;
}
}
95%{
transform: translateY(-2%);
}
100% {
transform: translateY(0%);
}
}


@-webkit-keyframes slideDown {
div#footer-places {
0% {
margin-right: auto;
-webkit-transform: translateY(-100%);
margin-left: auto;
}
}
50%{
-webkit-transform: translateY(8%);
.mw-footer p,
.mw-footer h3 {
    color: #efdba6;
}
}
65%{
-webkit-transform: translateY(-4%);
.mw-footer a {
    color: #efdba6;
    font-weight: normal;
}
}
80%{
-webkit-transform: translateY(4%);
.mw-footer a:hover {
    color: #efdba6;
}
}
95%{
-webkit-transform: translateY(-2%);
}
100% {
-webkit-transform: translateY(0%);
}
}


.mw-footer li {
line-height: 1 !important;
}
div#footer-places {
margin-left: initial;
}
h3#footer-places-label {
display: none;
}
/* CODE FOR THE ANIMATED TILES ON THE MAIN PAGE */
#mf-menu {
display: none;
}


.bigEntrance{
.infinitum {  
animation-name: bigEntrance;
background-color: #F9F9F9;
-webkit-animation-name: bigEntrance;
border: 1px solid #AAAAAA;
font-size: 95%;
padding: 5px;
}


animation-duration: 1.6s;
.infinirow {
-webkit-animation-duration: 1.6s;
border-bottom: 1px solid #AA9977 !important;
border-left: medium none currentColor !important;
border-right: 1px solid #AA9977 !important;
border-top: medium none currentColor !important;
padding: 2px 3px;
}


animation-timing-function: ease-out;
.tilt {
-webkit-animation-timing-function: ease-out;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.tilt:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}


visibility: visible !important;
.tiltright {
}
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.tiltright:hover {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}


@keyframes bigEntrance {
.move {
0% {
-webkit-transition: all 1s ease;
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
-moz-transition: all 1s ease;
opacity: 0.2;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
.move:hover {
opacity: 1;
-webkit-transform: translate(0px,-10px);
-moz-transform: translate(0px,-10px);
-o-transform: translate(0px,-10px);
-ms-transform: translate(0px,-10px);  
transform: translate(0px,-10px);  
}
}
45% {
 
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
 
opacity: 1;
.grow img {
  height: 500px;
  width: 750px;
  -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
.grow img:hover {
opacity: 1;
  width: 1000px;
}
  height: 1800px;
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}


@-webkit-keyframes bigEntrance {
 
0% {
div.mvisto:hover {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity:0.7;
opacity: 0.2;
}
div.NavFrame {
    margin: 0;
    padding: 1px;
    border: 0px solid #322618;
    text-align: top;
    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: 0px;
    float: left;
}
}
30% {
div.NavFrame div.NavHead {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    height: 1.9em;
opacity: 1;
    font-weight: bold;
    background-color: #C0A875;
    position: relative;
}
}
45% {
div.NavFrame p,
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
div.NavFrame div.NavContent,
opacity: 1;
div.NavFrame div.NavContent p {
    font-size: 12px;
}
}
60% {
div.NavEnd {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    margin: 0;
opacity: 1;
    padding: 0;
}
    line-height: 1px;
75% {
    clear: both;
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
}
opacity: 1;
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 93%;
}
 
.slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;
 
animation-duration: 1s;
-webkit-animation-duration: 1s;
 
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
 
visibility: visible !important;
}
 
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}


@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
}
}


.pulse:hover{
.slideRight{
animation-name: pulse;
animation-name: slideRight;
-webkit-animation-name: pulse;
-webkit-animation-name: slideRight;


animation-duration: 1.5s;
animation-duration: 1s;
-webkit-animation-duration: 1.5s;
-webkit-animation-duration: 1s;


animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
}


@keyframes pulse {
visibility: visible !important;
0% {
transform: scale(0.9);
opacity: 0.7;
}
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.9);
opacity: 0.7;
}
}


@-webkit-keyframes pulse {
@keyframes slideRight {
0% {
0% {
-webkit-transform: scale(0.95);
transform: translateX(-150%);
opacity: 0.7;
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}
100% {
transform: translateX(0%);
}
}
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
}


.stretchLeft{
@-webkit-keyframes slideRight {
animation-name: stretchLeft;
0% {
-webkit-animation-name: stretchLeft;
-webkit-transform: translateX(-150%);
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}
100% {
-webkit-transform: translateX(0%);
}
}


animation-duration: 1.5s;
.slideExpandUp{
-webkit-animation-duration: 1.5s;
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;


animation-timing-function: ease-out;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-duration: 1.6s;


transform-origin: 100% 0%;
animation-timing-function: ease-out;
-ms-transform-origin: 100% 0%;
-webkit-animation-timing-function: ease -out;
-webkit-transform-origin: 100% 0%;  
}


@keyframes stretchLeft {
visibility: visible !important;
0% {
transform: scaleX(0.3);
}
}
40% {
 
transform: scaleX(1.02);
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0.5);
}
30%{
transform: translateY(-8%) scaleX(0.5);
}
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);
}
70% {
transform: translateY(0%) scaleX(1.05);
}
80%{
transform: translateY(0%) scaleX(0.95);
}
90% {
transform: translateY(0%) scaleX(1.02);
}
100%{
transform: translateY(0%) scaleX(1);
}
}
}
60% {
 
transform: scaleX(0.98);
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}
80%{
-webkit-transform: translateY(0%) scaleX(0.95);
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
}
100%{
-webkit-transform: translateY(0%) scaleX(1);
}
}
}
80% {
 
transform: scaleX(1.01);
.pullUp{
animation-name: pullUp;
-webkit-animation-name: pullUp;
 
animation-duration: 1.1s;
-webkit-animation-duration: 1.1s;
 
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
 
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
}
100% {
 
transform: scaleX(0.98);
@keyframes pullUp {
}
0% {
80% {
transform: scaleY(0.1);
transform: scaleX(1.01);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}
}
}
100% {
transform: scaleX(1);
}
}


@-webkit-keyframes stretchLeft {
@-webkit-keyframes pullUp {
0% {
0% {
-webkit-transform: scaleX(0.3);
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}
}
}
40% {
 
-webkit-transform: scaleX(1.02);
 
 
 
.slideDown{
animation-name: slideDown;
-webkit-animation-name: slideDown;
 
animation-duration: 1s;
-webkit-animation-duration: 1s;
 
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
 
visibility: visible !important;
}
}
60% {
 
-webkit-transform: scaleX(0.98);
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}
100% {
transform: translateY(0%);
}
}
}
80% {
 
-webkit-transform: scaleX(1.01);
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
}
100% {
 
-webkit-transform: scaleX(0.98);
 
}
 
80% {
 
-webkit-transform: scaleX(1.01);
.bigEntrance{
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;
 
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
 
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
 
visibility: visible !important;
}
 
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
 
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
}
100% {
-webkit-transform: scaleX(1);
}
}




.stretchRight{
animation-name: stretchRight;
-webkit-animation-name: stretchRight;


animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;


animation-timing-function: ease-out;
.pulse:hover{
-webkit-animation-timing-function: ease-out;
animation-name: pulse;
-webkit-animation-name: pulse;


transform-origin: 0% 0%;
animation-duration: 1.5s;
-ms-transform-origin: 0% 0%;
-webkit-animation-duration: 1.5s;
-webkit-transform-origin: 0% 0%;
}


@keyframes stretchRight {
animation-iteration-count: infinite;
0% {
-webkit-animation-iteration-count: infinite;
transform: scaleX(0.3);
}
}
40% {
 
transform: scaleX(1.02);
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 0.7;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.9);
opacity: 0.7;
}
}
}
60% {
 
transform: scaleX(0.98);
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
}
}
80% {
 
transform: scaleX(1.01);
 
.stretchLeft{
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;
 
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
 
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
 
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%;  
}
}
100% {
 
transform: scaleX(0.98);
@keyframes stretchLeft {
}
0% {
80% {
transform: scaleX(0.3);
transform: scaleX(1.01);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}
}
}
100% {
transform: scaleX(1);
}
}


@-webkit-keyframes stretchRight {
@-webkit-keyframes stretchLeft {
0% {
0% {
-webkit-transform: scaleX(0.3);
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}
}
}
40% {
 
-webkit-transform: scaleX(1.02);
.stretchRight{
animation-name: stretchRight;
-webkit-animation-name: stretchRight;
 
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
 
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
 
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
}
}
60% {
 
-webkit-transform: scaleX(0.98);
@keyframes stretchRight {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}
}
}
80% {
 
-webkit-transform: scaleX(1.01);
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}
}
}
100% {
 
-webkit-transform: scaleX(0.98);
@media only screen and (max-width : 1300px) {
}
.fastlinks {
80% {
display:none !important;
-webkit-transform: scaleX(1.01);
}
}
}
100% {
 
-webkit-transform: scaleX(1);
/*Make the semantic media wiki readable*/
}
.smw-editpage-help {
background-color: #565656;
}
}


@media only screen and (max-width : 1300px) {
/* Make the errors on uploading the same file readable */
.fastlinks {
.mw-destfile-warning {
display:none !important;
    color: #5e321a;
}
}
.externalimage-holder {
    position: relative;
    margin: auto;
    display: inline-block;
    max-width: 600px;
}
}
.tribal-borderbox #bodyContent {padding:5px;}
.externalimage-holder img {
 
    width: 100%;
table tr:nth-of-type(odd) td {
    height: auto;
background-color: rgb(229,199,153) !important;
}
}
 
img {
table th {
    max-width: 900px;
  background-color: rgb(185,153,104) !important;
}
}


@media only screen
#document-wrapper
and (max-width : 1400px) {
{
#localNotice {
    max-width: 1200px;
  display:none;
}
}
}


/* Removing Login Button and Top Nav Bar */


body.page-Main_Page .tbbox-tabs { display: none; }


.tribal-button { display: none !important; }
/* Mobile-specific changes */
@media screen and (max-width: 720px)
{
/* Remove the unnecessary logo next to the navigation links */
#mirage-navigation-header #mirage-logo {
  display: none;
}
/*Remove the wiki title on mobile*/
.mw-logo-wordmark {
  display: none;
}
/*Set max image size on mobile, so they scale*/
img {
  display: block;
  max-width:90%;
  width: auto;
  height: auto;
}


.tribal-borderbox .with-button .tbbox-headline { width: 100% !important; }
/* Remove text of Recent Changes button */
div#module-site-tools li.mw-list-item:first-child a {
color: transparent;
}
}

Edição atual tal como às 12h33min de 8 de agosto de 2023

/* CSS placed here will be applied to all skins */

/* Hide broken sitenotice, is not needed */
div.sitenotice {
	display: none;
}

/* HEADER AND TOP NAVIGATION */
	#mirage-fixed-header,
	#mirage-top-header {
		background-image: url("/skins/MirageElvenar/images/page-bgtile.png");
	}

	/* Respect width of logo */
	img.mw-logo-icon {
		width: inherit;
	}

	.mw-wordmark-container span.mw-logo-wordmark {
		color: #5e321a;
	}

	/* Remove duplicated word mark from main page */
	#mirage-navigation-header .mw-logo-wordmark {
	 	display: none;
	}

	.skin-mirage-dropdown-list a {
		font-weight: normal;
	}

	div#right-navigation {
		background-color: transparent;
	}

	li.mw-list-item,
	li.skin-mirage-dropdown-container {
		background: #d4ba91;
	}

	div#module-site-tools li.mw-list-item,
	#module-site-tools > ul > li:last-child {
		border-color: #b99968;
	}

	div.skin-mirage-dropdown-list > ul > li.mw-list-item {
		background: none;
	}

	/* Move wiki navigation menus to same line as logo */
	div#module-site-navigation {
		margin-top: -2.5rem;
	}

	/* Limit space used by site navigation to avoid overlapping buttons */
	div#module-site-navigation.skin-mirage-mirage-navigation {
		max-width: 70%;
	}

	/* Move Right Navigation (edit button etc.) in line with Recent changes */
	div#right-navigation {
		position: absolute;
		margin-right: 15px;
		margin-top: -1.25rem;
		right: 0px;
	}

	/* Recent Changes button text */
	#module-site-tools > ul > li:nth-child(1) > a {
		color: #5e321a;
	}

	/* Edit button row hover styling */
	#p-views > ul > li:hover,
	#mirage-right-rail-button:hover {
		background-color: rgba(255,255,255,0.15);
		border: 1px solid #b99968;
		/* border-right: 0; */
		color: #404244;
	}

	/* Have to set this color back to transparent to ensure no text shows on the right rail button on hover */
	#mirage-right-rail-button:hover {
		color: transparent;
	}

	/* Adjust color for Recent Changes icon */
	.skin-mirage-ooui-icon-recentChanges:before {
		background-image: url(/load.php?modules=skin.mirage.icons&image=recentChanges&format=rasterized&lang=en&skin=fallback&version=14jep);
		background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E recent changes %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M1 3h16v2H1V3Zm0 6h11v2H1V9Zm0 6h7v2H1v-2Zm17.8-3.1 1-1.1a.6.6 0 0 0 0-.8L18 8.2a.6.6 0 0 0-.8 0l-1 1 2.6 2.7Zm-3.3-2L10 15.3V18h2.6l5.6-5.5-2.7-2.7Z%22/%3E%3C/g%3E%3C/svg%3E");
	}

	/* Adjust color for Special Pages icon */
	.skin-mirage-ooui-icon-specialPages:before {
	    background-image: url(/load.php?modules=skin.mirage.icons&image=specialPages&format=rasterized&lang=en&skin=fallback&version=dk89p);
		background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E special pages %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath fill=%22%235f391a%22 d=%22M7 0a2 2 0 0 0-2 2h9a2 2 0 0 1 2 2v12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z%22/%3E%3Cpath fill=%22%23fill%22 d=%22M13 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2zm-6.5-3.5.41-1.09L8 15l-1.09-.41-.41-1.09-.41 1.09L5 15l1.09.41.41 1.09zm2.982-.949.952-2.561 2.53-.964-2.53-.964L9.482 8.5l-.952 2.562-2.53.964 2.53.964.952 2.561zM6 10.5l.547-1.453L8 8.5l-1.453-.547L6 6.5l-.547 1.453L4 8.5l1.453.547L6 10.5z%22/%3E%3C/g%3E%3C/svg%3E")
	}

	/* Adjust color for Random Page icon */
	.skin-mirage-ooui-icon-die:before {
		background-image:url(/load.php?modules=skin.mirage.icons&image=die&format=rasterized&skin=fallback&version=14jep);
		background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E die %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm2 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm0-10a2 2 0 1 1 2-2 2 2 0 0 1-2 2z%22/%3E%3C/g%3E%3C/svg%3E");
	}

	/* Adjust color for three dots menu icon */
	.skin-mirage-ooui-icon-ellipsis:before {
		background-image:url(/load.php?modules=skin.mirage.icons&image=ellipsis&format=rasterized&skin=fallback&version=14jep);
		background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E ellipsis %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%222%22/%3E%3Ccircle cx=%223%22 cy=%2210%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2210%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E");
	}


	/* Background color for Edit Button and Right Rail collapse/expand button */
	#mirage-edit-button > li,
	#mirage-right-rail-button {
		background: #d4ba91;
	}


	/* Border color definitions for the top navigation buttons */
	#mirage-edit-button > li,
	#mirage-edit-button > li + li,
	#mirage-edit-button > li:first-child,
	#mirage-edit-button > li:last-child,
	#mirage-edit-button > li:hover,
	#mirage-edit-button > li + li:hover,
	#mirage-edit-button > li:hover:first-child,
	#mirage-edit-button > li:hover:last-child,
	#mirage-right-rail-button,
	#mirage-right-rail-button:focus {
		border-color: #b99968;
	}

	/* Hover color for Edit button */
	#mirage-edit-button > li:first-child a:hover {
		color: black;
	}

	/* Color for Edit button */
	#mirage-edit-button > li:first-child a {
		color: #5f391a;
	}

	/* Adjust color for Edit icon */
	.skin-mirage-ooui-icon-edit-invert:before {
		background-image:url(/load.php?modules=skin.mirage.icons&image=edit&variant=invert&format=rasterized&skin=fallback&version=dk89p);
		background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/g%3E%3C/svg%3E");
	}

	/* Adjust color for Watch icon */
	.skin-mirage-ooui-icon-star-invert:before,
	#ca-watch a:before {
		background-image:url(/load.php?modules=skin.mirage.icons&image=star&variant=invert&format=rasterized&skin=fallback&version=dk89p);
		background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E star %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z%22/%3E%3C/g%3E%3C/svg%3E")
	}

	/* Adjust color for Unwatch icon */
	.skin-mirage-ooui-icon-unStar-invert:before,
	#ca-unwatch a:before {
		background-image:url(/load.php?modules=skin.mirage.icons&image=unStar&variant=invert&format=rasterized&skin=fallback&version=dk89p);
		background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E un-star %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z%22/%3E%3C/g%3E%3C/svg%3E")
	}

	/* Adjust color for "More" menu icon */
	.skin-mirage-ooui-icon-indicator-down-invert:before {
		background-image:url(/load.php?modules=skin.mirage.indicators&image=down&variant=invert&format=rasterized&skin=fallback&version=1h8wn);
		background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E");
	}

	/* Adjust color for Right Rail button icon */
	.skin-mirage-ooui-icon-doubleChevronEnd:before {
		background-image:url(/load.php?modules=skin.mirage.icons&image=doubleChevronEnd&format=rasterized&lang=en&skin=fallback&version=14jep);
		background-image:linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E double chevron start %3C/title%3E%3Cg fill=%22%235f391a%22%3E%3Cpath d=%22M11 2 9.7 3.3l6.6 6.7-6.6 6.7L11 18l8-8zM2.5 2 1 3.3 7.8 10l-6.7 6.7L2.5 18l8-8z%22/%3E%3C/g%3E%3C/svg%3E");
	}


	/* Hide the editLock icon that doesn't want to be edited for some unexplainable reason */
	.skin-mirage-ooui-icon-editLock-invert:before { 
		display: none;
	}

	/* Dropdown list for history, deletion, protection etc. */
	li#ca-history,
	li#ca-delete,
	li#ca-move,
	li#ca-protect {
		background: none;
	}



	/* Remove Main Page header from Main page */
	body.page-Main_Page .mw-page-title-main {
		display: none;
	}


	/* Remove the Page and Discussion buttons from all pages */
	div#left-navigation nav#p-namespaces {
		display: none;
	}

	#module-page-navigation {
		margin: 0;
	}


	/* Styling of username when logged in / don't show username */
	#mirage-fixed-header .skin-mirage-username {
		color: orange;
		display: none;
	}

	/* Styling for background of dropdown on username/not logged in */
	.skin-mirage-personaltools-dropdown li {
		background: none;
	}

	/* Text color of dropdown on username/not logged in */
	li#pt-login {
		color: black;
	}

	/* Text color on dropdown when no new messages */
	.skin-mirage-no-new-messages {
		color: black;
	}



	/* Main background */
	body {
	    background: #a6805a;
	    background-position: center center;
	    background-size: cover;
	    background-attachment: fixed;
	    background-repeat: no-repeat;
	    background-image: 
			url("/skins/MirageElvenar/images/bg-cover-right.png"), 
			url("/skins/MirageElvenar/images/bg-cover-left.png"),
			url("/skins/MirageElvenar/images/bg-cover-bottom.png"),
			url("/skins/MirageElvenar/images/background.jpg");
		background-position: right center,left center,center bottom,center center;
	    background-size: auto,auto,auto,cover;
	    background-repeat: repeat-y,repeat-y,repeat-x,no-repeat;
	    font-family: Arimo,sans-serif;
	}



/* GENERAL ARTICLE STYLING */
	main#content.mw-body, 
	main#content.mw-body-content,
	#mirage-navigation-header,
	#module-page-navigation,
	.skin-mirage-content-container {
		background-image: url("/skins/MirageElvenar/images/page-bgtile.png");
	}

	h1,
	h2,
	.skin-mirage-right-rail-module h3,
	hr {
		border-color: #d4ba91;
	}

	p, 
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6, 
	li, 
	i {
	    color: #5e321a;
	}

	h2 a,
	h2 a:visited {
		font-size: normal;
		color: #3d2718;
		font-weight: bold;
	}

	h2 a:hover {
		color: #1480a4;
	}

	p a, 
	p a:visited,
	li a,
	li a:visited {
	    color: #3d2718;
	    font-weight: bold;
	}

	p a,
	p a:visited {
		color: #3d2718;
		font-weight: bold;
		text-decoration: underline;
	}

	p a:hover {
	    color: #1480a4;
	}

	/* Warning on MediaWiki:Custom.css page */
	.mw-editinginterface {
		color: #efdba6;
	}


	/* Table of Contents styling */
	.toc {
		background-color: #d4ba91;
		border: 1px solid #996b39;
		border-color: rgba(110,57,0,0.5);
	}

	.toc h2 {
		color: #5e321a;
	}

	.toc li a,
	.toc li a:visited,
	.toctogglelabel {
		color: #5f391a;
		font-weight: normal;
	}


	/* In-article edit icon styling */
	a.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small,
	a:visited.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small {
		color: #3d2718;
	}

	a:hover.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small {
		color: #1480a4;
	}


/* TABLE STYLING */
	/* Recolor every 2nd cell */
	table tr:nth-of-type(2n) td {
		background-color: #d4ba91;
	}

	/* Recolor every other 2nd cell */
	table tr:nth-of-type(odd) td {
		background-color: rgb(229,199,153);

	}

	table th {
		font-weight: normal;
		background-color: #b99968; 
		color: #5e321a;
		padding: 10px;
	}

	/* Special .announcement class table on the Main Page */
	th.announcement {
		font-weight: bold;
	}

	table td .announcement { 
		color: 5e321a;
	}

	table td, 
	table th {
		text-align: center;
		padding: 5px;
		box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.1) inset;
	}

	td, 
	th {
		padding: 0;
	}

	td {
		display: table-cell;
		vertical-align: inherit;
	}

	table {
		display: table !important; 
		width: 100%;
		border-collapse: separate;
		border-spacing: 1px !important;
		margin-bottom: 4px;
		border-radius: 3px;
	}

	table center {
		color: #5e321a;
	}

	table a,
	table a:visited {
		color: #3d2718;
	}

	table a:hover {
		color: #1480a4;
	}

/* Right rail styling */
	#mirage-right-rail {
		background-image: url("/skins/MirageElvenar/images/page-bgtile.png");
	}

	#mirage-right-rail a,
	#mirage-right-rail a:visited {
	    color: #3d2718;
	}

	#mirage-right-rail a:hover {
	    color: #1480a4;
	}

	/* Remove background color on Page tools section of Right Rail */
	.skin-mirage-module-body ul.skin-mirage-unstyled-list > li {
		background: none;
	}


/* FOOTER STYLING */
	footer {
	    display: grid;
	    align-content: center;
	    justify-content: center;
	    justify-items: center;
	   	margin-top: -25px;
	}
	 
	footer.mw-footer {
	    background-color: transparent;
	    box-shadow: none;
	    align-content: center;
	}

	#footer-info-lastmod,
	#footer-info-copyright,
	#footer-places-privacy,
	#footer-places-about,
	#footer-places-disclaimer {
		display: inline-block;
		margin-right: 15px;
	}

	li#footer-info-lastmod,
	li#footer-info-copyright {
		font-size: small;
		color: #efdba6;
	}

	footer ul.skin-mirage-unstyled-list#footer-info {
		margin-right: 0px;
		color: #efdba6;
		text-shadow: 1px 1px 1px black;
	}

	div#footer-places {
		margin-right: auto;
		margin-left: auto;
	}
	 
	.mw-footer p,
	.mw-footer h3 {
	    color: #efdba6;
	}
	 
	.mw-footer a {
	    color: #efdba6;
	    font-weight: normal;
	}
	 
	.mw-footer a:hover {
	    color: #efdba6;
	}

	.mw-footer li {
		line-height: 1 !important;
	}
	 
	div#footer-places {
		margin-left: initial;
	}

	h3#footer-places-label {
		display: none;
	}


/* CODE FOR THE ANIMATED TILES ON THE MAIN PAGE */
	#mf-menu { 
	display: none; 
	} 

	.infinitum { 
	background-color: #F9F9F9;
	border: 1px solid #AAAAAA;
	font-size: 95%;
	padding: 5px;
	}

	.infinirow {
	border-bottom: 1px solid #AA9977 !important;
	border-left: medium none currentColor !important;
	border-right: 1px solid #AA9977 !important;
	border-top: medium none currentColor !important;
	padding: 2px 3px;
	}

	.tilt {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
	 
	.tilt:hover {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	}

	.tiltright {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
	 
	.tiltright:hover {
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	}

	.move {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	}
	 
	.move:hover {
	-webkit-transform: translate(0px,-10px); 
	-moz-transform: translate(0px,-10px); 
	-o-transform: translate(0px,-10px); 
	-ms-transform: translate(0px,-10px); 
	transform: translate(0px,-10px); 
	}


	.grow img {
	  height: 500px;
	  width: 750px;
	 
	  -webkit-transition: all 1s ease;
	     -moz-transition: all 1s ease;
	       -o-transition: all 1s ease;
	      -ms-transition: all 1s ease;
	          transition: all 1s ease;
	}
	 
	.grow img:hover {
	  width: 1000px;
	  height: 1800px;
	}


	div.mvisto:hover {
	opacity:0.7;
	}
	div.NavFrame {
	    margin: 0;
	    padding: 1px;
	    border: 0px solid #322618;
	    text-align: top;
	    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: 0px;
	    float: left;
	}
	div.NavFrame div.NavHead {
	    height: 1.9em;
	    font-weight: bold;
	    background-color: #C0A875;
	    position: relative;
	}
	div.NavFrame p,
	div.NavFrame div.NavContent,
	div.NavFrame div.NavContent p {
	    font-size: 12px;
	}
	div.NavEnd {
	    margin: 0;
	    padding: 0;
	    line-height: 1px;
	    clear: both;
	}
	a.NavToggle {
	    position: absolute;
	    top: 0;
	    right: 3px;
	    font-weight: normal;
	    font-size: 93%;
	}

	.slideUp{
		animation-name: slideUp;
		-webkit-animation-name: slideUp;	

		animation-duration: 1s;	
		-webkit-animation-duration: 1s;

		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;

		visibility: visible !important;			
	}

	@keyframes slideUp {
		0% {
			transform: translateY(100%);
		}
		50%{
			transform: translateY(-8%);
		}
		65%{
			transform: translateY(4%);
		}
		80%{
			transform: translateY(-4%);
		}
		95%{
			transform: translateY(2%);
		}			
		100% {
			transform: translateY(0%);
		}	
	}

	@-webkit-keyframes slideUp {
		0% {
			-webkit-transform: translateY(100%);
		}
		50%{
			-webkit-transform: translateY(-8%);
		}
		65%{
			-webkit-transform: translateY(4%);
		}
		80%{
			-webkit-transform: translateY(-4%);
		}
		95%{
			-webkit-transform: translateY(2%);
		}			
		100% {
			-webkit-transform: translateY(0%);
		}	
	}

	.slideRight{
		animation-name: slideRight;
		-webkit-animation-name: slideRight;	

		animation-duration: 1s;	
		-webkit-animation-duration: 1s;

		animation-timing-function: ease-in-out;	
		-webkit-animation-timing-function: ease-in-out;		

		visibility: visible !important;	
	}

	@keyframes slideRight {
		0% {
			transform: translateX(-150%);
		}
		50%{
			transform: translateX(8%);
		}
		65%{
			transform: translateX(-4%);
		}
		80%{
			transform: translateX(4%);
		}
		95%{
			transform: translateX(-2%);
		}			
		100% {
			transform: translateX(0%);
		}	
	}

	@-webkit-keyframes slideRight {
		0% {
			-webkit-transform: translateX(-150%);
		}
		50%{
			-webkit-transform: translateX(8%);
		}
		65%{
			-webkit-transform: translateX(-4%);
		}
		80%{
			-webkit-transform: translateX(4%);
		}
		95%{
			-webkit-transform: translateX(-2%);
		}			
		100% {
			-webkit-transform: translateX(0%);
		}
	}

	.slideExpandUp{
		animation-name: slideExpandUp;
		-webkit-animation-name: slideExpandUp;	

		animation-duration: 1.6s;	
		-webkit-animation-duration: 1.6s;

		animation-timing-function: ease-out;	
		-webkit-animation-timing-function: ease -out;

		visibility: visible !important;	
	}

	@keyframes slideExpandUp {
		0% {
			transform: translateY(100%) scaleX(0.5);
		}
		30%{
			transform: translateY(-8%) scaleX(0.5);
		}	
		40%{
			transform: translateY(2%) scaleX(0.5);
		}
		50%{
			transform: translateY(0%) scaleX(1.1);
		}
		60%{
			transform: translateY(0%) scaleX(0.9);		
		}
		70% {
			transform: translateY(0%) scaleX(1.05);
		}			
		80%{
			transform: translateY(0%) scaleX(0.95);		
		}
		90% {
			transform: translateY(0%) scaleX(1.02);
		}	
		100%{
			transform: translateY(0%) scaleX(1);		
		}
	}

	@-webkit-keyframes slideExpandUp {
		0% {
			-webkit-transform: translateY(100%) scaleX(0.5);
		}
		30%{
			-webkit-transform: translateY(-8%) scaleX(0.5);
		}	
		40%{
			-webkit-transform: translateY(2%) scaleX(0.5);
		}
		50%{
			-webkit-transform: translateY(0%) scaleX(1.1);
		}
		60%{
			-webkit-transform: translateY(0%) scaleX(0.9);		
		}
		70% {
			-webkit-transform: translateY(0%) scaleX(1.05);
		}			
		80%{
			-webkit-transform: translateY(0%) scaleX(0.95);		
		}
		90% {
			-webkit-transform: translateY(0%) scaleX(1.02);
		}	
		100%{
			-webkit-transform: translateY(0%) scaleX(1);		
		}
	}

	.pullUp{
		animation-name: pullUp;
		-webkit-animation-name: pullUp;	

		animation-duration: 1.1s;	
		-webkit-animation-duration: 1.1s;

		animation-timing-function: ease-out;	
		-webkit-animation-timing-function: ease-out;	

		transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%; 		
	}

	@keyframes pullUp {
		0% {
			transform: scaleY(0.1);
		}
		40% {
			transform: scaleY(1.02);
		}
		60% {
			transform: scaleY(0.98);
		}
		80% {
			transform: scaleY(1.01);
		}
		100% {
			transform: scaleY(0.98);
		}				
		80% {
			transform: scaleY(1.01);
		}
		100% {
			transform: scaleY(1);
		}							
	}

	@-webkit-keyframes pullUp {
		0% {
			-webkit-transform: scaleY(0.1);
		}
		40% {
			-webkit-transform: scaleY(1.02);
		}
		60% {
			-webkit-transform: scaleY(0.98);
		}
		80% {
			-webkit-transform: scaleY(1.01);
		}
		100% {
			-webkit-transform: scaleY(0.98);
		}				
		80% {
			-webkit-transform: scaleY(1.01);
		}
		100% {
			-webkit-transform: scaleY(1);
		}		
	}




	.slideDown{
		animation-name: slideDown;
		-webkit-animation-name: slideDown;	

		animation-duration: 1s;	
		-webkit-animation-duration: 1s;

		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;	

		visibility: visible !important;						
	}

	@keyframes slideDown {
		0% {
			transform: translateY(-100%);
		}
		50%{
			transform: translateY(8%);
		}
		65%{
			transform: translateY(-4%);
		}
		80%{
			transform: translateY(4%);
		}
		95%{
			transform: translateY(-2%);
		}			
		100% {
			transform: translateY(0%);
		}		
	}

	@-webkit-keyframes slideDown {
		0% {
			-webkit-transform: translateY(-100%);
		}
		50%{
			-webkit-transform: translateY(8%);
		}
		65%{
			-webkit-transform: translateY(-4%);
		}
		80%{
			-webkit-transform: translateY(4%);
		}
		95%{
			-webkit-transform: translateY(-2%);
		}			
		100% {
			-webkit-transform: translateY(0%);
		}	
	}




	.bigEntrance{
		animation-name: bigEntrance;
		-webkit-animation-name: bigEntrance;	

		animation-duration: 1.6s;	
		-webkit-animation-duration: 1.6s;

		animation-timing-function: ease-out;	
		-webkit-animation-timing-function: ease-out;	

		visibility: visible !important;			
	}

	@keyframes bigEntrance {
		0% {
			transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
			opacity: 0.2;
		}
		30% {
			transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
			opacity: 1;
		}
		45% {
			transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
			opacity: 1;
		}
		60% {
			transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
			opacity: 1;
		}	
		75% {
			transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
			opacity: 1;
		}
		90% {
			transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
			opacity: 1;
		}	
		100% {
			transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
			opacity: 1;
		}		
	}

	@-webkit-keyframes bigEntrance {
		0% {
			-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
			opacity: 0.2;
		}
		30% {
			-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
			opacity: 1;
		}
		45% {
			-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
			opacity: 1;
		}
		60% {
			-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
			opacity: 1;
		}	
		75% {
			-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
			opacity: 1;
		}
		90% {
			-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
			opacity: 1;
		}	
		100% {
			-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
			opacity: 1;
		}				
	}




	.pulse:hover{
		animation-name: pulse;
		-webkit-animation-name: pulse;	

		animation-duration: 1.5s;	
		-webkit-animation-duration: 1.5s;

		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
	}

	@keyframes pulse {
		0% {
			transform: scale(0.9);
			opacity: 0.7;		
		}
		50% {
			transform: scale(1);
			opacity: 1;	
		}	
		100% {
			transform: scale(0.9);
			opacity: 0.7;	
		}			
	}

	@-webkit-keyframes pulse {
		0% {
			-webkit-transform: scale(0.95);
			opacity: 0.7;		
		}
		50% {
			-webkit-transform: scale(1);
			opacity: 1;	
		}	
		100% {
			-webkit-transform: scale(0.95);
			opacity: 0.7;	
		}			
	}


	.stretchLeft{
		animation-name: stretchLeft;
		-webkit-animation-name: stretchLeft;	

		animation-duration: 1.5s;	
		-webkit-animation-duration: 1.5s;

		animation-timing-function: ease-out;	
		-webkit-animation-timing-function: ease-out;	

		transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-webkit-transform-origin: 100% 0%; 
	}

	@keyframes stretchLeft {
		0% {
			transform: scaleX(0.3);
		}
		40% {
			transform: scaleX(1.02);
		}
		60% {
			transform: scaleX(0.98);
		}
		80% {
			transform: scaleX(1.01);
		}
		100% {
			transform: scaleX(0.98);
		}				
		80% {
			transform: scaleX(1.01);
		}
		100% {
			transform: scaleX(1);
		}							
	}

	@-webkit-keyframes stretchLeft {
		0% {
			-webkit-transform: scaleX(0.3);
		}
		40% {
			-webkit-transform: scaleX(1.02);
		}
		60% {
			-webkit-transform: scaleX(0.98);
		}
		80% {
			-webkit-transform: scaleX(1.01);
		}
		100% {
			-webkit-transform: scaleX(0.98);
		}				
		80% {
			-webkit-transform: scaleX(1.01);
		}
		100% {
			-webkit-transform: scaleX(1);
		}		
	}

	.stretchRight{
		animation-name: stretchRight;
		-webkit-animation-name: stretchRight;	

		animation-duration: 1.5s;	
		-webkit-animation-duration: 1.5s;

		animation-timing-function: ease-out;	
		-webkit-animation-timing-function: ease-out;	

		transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-webkit-transform-origin: 0% 0%; 		
	}

	@keyframes stretchRight {
		0% {
			transform: scaleX(0.3);
		}
		40% {
			transform: scaleX(1.02);
		}
		60% {
			transform: scaleX(0.98);
		}
		80% {
			transform: scaleX(1.01);
		}
		100% {
			transform: scaleX(0.98);
		}				
		80% {
			transform: scaleX(1.01);
		}
		100% {
			transform: scaleX(1);
		}							
	}

	@-webkit-keyframes stretchRight {
		0% {
			-webkit-transform: scaleX(0.3);
		}
		40% {
			-webkit-transform: scaleX(1.02);
		}
		60% {
			-webkit-transform: scaleX(0.98);
		}
		80% {
			-webkit-transform: scaleX(1.01);
		}
		100% {
			-webkit-transform: scaleX(0.98);
		}				
		80% {
			-webkit-transform: scaleX(1.01);
		}
		100% {
			-webkit-transform: scaleX(1);
		}		
	}

	@media only screen and (max-width : 1300px) {
		.fastlinks {
			display:none !important;
		}
	}

/*Make the semantic media wiki readable*/
.smw-editpage-help {
background-color: #565656;
}

/* Make the errors on uploading the same file readable */
.mw-destfile-warning {
    color: #5e321a;
}

.externalimage-holder {
    position: relative;
    margin: auto;
    display: inline-block;
    max-width: 600px;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}
img {
    max-width: 900px;
}

#document-wrapper
{
    max-width: 1200px;
}



/* Mobile-specific changes */
@media screen and (max-width: 720px)
{
	/* Remove the unnecessary logo next to the navigation links */
	#mirage-navigation-header #mirage-logo {
	   display: none;
	}
	
	/*Remove the wiki title on mobile*/
	.mw-logo-wordmark {
	   display: none;
	}
	
	/*Set max image size on mobile, so they scale*/
	img {
	  display: block;
	  max-width:90%;
	  width: auto;
	  height: auto;
	}

	/* Remove text of Recent Changes button */
	div#module-site-tools li.mw-list-item:first-child a {
		color: transparent;
	}
}
Disponível em “https://br.wiki.elvenar.com/index.php?title=MediaWiki:Common.css&oldid=12409”