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

De Wiki Grepolis BR
Ir para navegação
Sem resumo de edição
Sem resumo de edição
 
(2 revisões intermediárias por um outro usuário não estão sendo mostradas)
Linha 1: Linha 1:
/* Zde uvedené CSS bude ovlivňovat všechny styly */
/* CSS placed here will be applied to all skins */
 
/* HEADER AND TOP NAVIGATION */
/* Prevent sitenotice from showing */
div.sitenotice {
    display: none;
}
 
#mirage-fixed-header {
background: #2d5488;
box-shadow: none;
}
 
#mirage-top-header {
background: #feb;
}
 
    /* Respect width of logo */
img.mw-logo-icon {
width: inherit;
}
 
/* Word mark color in fixed header */
.mw-wordmark-container span.mw-logo-wordmark {
color: #fff;
}
 
 
/* 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: #2d5488;
    }
 
    /* Colors of Recent Changes and Edit rows buttons on hover*/
    #module-site-tools > ul > li:hover,
    li .mw-list-item:hover {
    background: #2d5488;
    }
 
    /* Background color of "more" button in Recent Changes row */
#module-site-tools > ul > li:last-child {
background: #2d5488;
color: black;
}
 
/* Backgorund color of the contents of the dropdown list on "more" button in Recent Changes row */
    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: #fff;
    }
 
/* Recent Changes button hover text color */
    #module-site-tools > ul > li:hover > :not(.skin-mirage-ooui-icon-no-label) {
    color: rgba(255,255,255,0.85);
    }
   
 
    /* Edit button row hover styling */
    #p-views > ul > li:hover,
    #mirage-right-rail-button:hover {
        background-color: rgba(255,255,255,0.15);
        background: #2d5488;
        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%23fff%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%23000%22%3E%3Cpath fill=%22%23fff%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%23fff%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%23fff%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%23fff%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: #2d5488;
}
 
    /* 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: rgba(255,255,255,0.85);
}
 
    /* Color for Edit button */
#mirage-edit-button > li:first-child a {
color: white; /*Previous value #white*/
}
 
  /* 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%23fff%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%23fff%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%23fff%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%23fff%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%23fff%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/MirageGrepolis/images/background.jpg");
background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
 
/* Removes endless spinner for logged out users on main page */
#mw-indicator-smw-entity-examiner {
display: none;
}
 
 
/* GENERAL ARTICLE STYLING */
main#content.mw-body,
main#content.mw-body-content,
#mirage-navigation-header,
#module-page-navigation,
.skin-mirage-content-container {
background: #feb;
}
 
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:hover {
    color: #1480a4;
}
 
/* Warning on MediaWiki:Custom.css page */
    .mw-editinginterface {
        color: ##5e321a;
    }
 
/* Table of Contents styling */
.toc {
background-color: #d4ba91;
border: 1px solid #996b39;
border-color: rgba(110,57,0,0.5);
min-width: 175px;
}
 
.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 */
table th {
font-weight: normal;
background-color: #b99968;
color: #5e321a;
padding: 10px;
}
 
table,
th,
td,
.wikitable {
/* Border definition needs to be marked !important to overwrite border color defined inline in multiple navigation templates like Template:GodNav; */
border: 1px solid rgba(110,57,0,0.5) !important;
}
 
 
    /* 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;
background-color: #d4ba91 !important;
}
 
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;
 
border-color: rgba(110,57,0,0.5);
}
 
table center {
color: #5e321a;
}
 
table a,
table a:visited {
color: #3d2718;
}
 
table a:hover {
color: #1480a4;
}
 
/* RIGHT RAIL STYLING */
#mirage-right-rail {
background: #feb;
}
 
#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;
}
 
 
 
/* 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;
}


/* Z holandskej Wiki Grepolis - Wolfy */
/* Spriesvitnenie obrázka po ukázaní myšou. */


div.mvisto:hover {
div.mvisto:hover {
opacity:0.7;
opacity:0.7;
filter:alpha(opacity=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%;
}
.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;
}


/* Z anglickej Wiki Grepolis - Wolfy */
@keyframes pulse {
/* Skládacie tabuľky. */
0% {
transform: scale(0.9);
opacity: 0.7;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.9);
opacity: 0.7;
}
}


table.collapsed tr.collapsible {
@-webkit-keyframes pulse {
        display: none;
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;
}
}
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the              */
 
        float: right;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
.stretchLeft{
        font-weight: normal;       /* are styled here so they can be customised.              */
animation-name: stretchLeft;
        text-align: right;
-webkit-animation-name: stretchLeft;
        width: auto;
 
        color: white;
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);
}
}


/* Z klasickej Wikipédie - Wolfy */
.stretchRight{
/* Limitovaný obsah */
animation-name: stretchRight;
-webkit-animation-name: stretchRight;


/* Allow limiting of which header levels are shown in a TOC;
animation-duration: 1.5s;
  <div class="toclimit-3">, for instance, will limit to
-webkit-animation-duration: 1.5s;
  showing ==headings== and ===headings=== but no further
  (as long as there are no =headings= on the page, which
  there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }


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%;
}


/* Z ruskej Wiki Grepolis - Wolfy */
@keyframes stretchRight {
/* Skládacie zoznamy. */
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);
}
}


/** Размещённый здесь CSS будет применяться ко всем темам оформления */
@-webkit-keyframes stretchRight {
table.struct {margin-left:5%; width:90%; cellpadding:2px; margin-top:10px; backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;}
0% {
table.struct th {background:#edb; border-top:1px solid grey; border-right:1px solid grey; padding: 8px 0px 8px 0px;}
-webkit-transform: scaleX(0.3);
table.struct td {background:#feb; border-top:1px solid grey;}
}
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);
}
}


table.t1 {backgroud:#feb; border-radius:8px; border:2px solid black; text-align:center;}
@media only screen and (max-width : 1300px) {
table.t1 th {background:#edb; border-top:1px solid grey; border-right:1px solid grey; padding: 8px 0px 8px 0px;}
.fastlinks {
table.t1 td {background:#feb; border-top:1px solid grey;}
display:none !important;


table.data {backgroud:#feb; border-collapse:collapse; border:1px solid grey;}
}
table.data th {background:#edb; font-size:small;}
}
table.data td {border-top:1px solid grey;}


/* my menu */
/*Make the semantic media wiki readable*/
.mn {width:140px; position:relative; z-index:10;}
.smw-editpage-help {
.mn ul {padding:0; margin:0;}
background-color: #565656;
.mn ul li {position:relative; margin-top:0; margin-bottom:0; border:0;}
}
.mn ul li p {margin-top:0; margin-bottom:0; display:block; width:135px; height:18px; text-align:left; font-color:black; font-size:12px; overflow:hidden;}
.mn ul li ul {display: none;}
.mn ul li ul li ul {display: none;}


.mn ul li:hover li ul {display: none;}
/* Make the errors on uploading the same file readable */
.mn ul li:hover p {background:#ef8;}
.mw-destfile-warning {
.mn ul li:hover p.title {background:#ccc;}
    color: #5e321a;
.mn ul li:hover ul {display:block; position:absolute; top:0px; left:128px; width:180px; z-index:11; border-left:2px solid #cba; border-right:2px solid #cba;}
}
.mn ul li:hover ul li {display:block; width:180px; height:20px; text-align:left; background:#eda;}
.mn ul li:hover ul li p {padding-left:4px; margin-top:0; margin-bottom:0; display:block; text-decoration:none; width:180px; height:20px; text-align:left; font-color:black; background:#eda;}
.mn ul li:hover ul li:hover p {background:#dca;}
.mn ul li:hover ul li:hover p.title {background:#ccc;}


.mn ul li:hover ul li:hover ul {display:block; position:absolute; top:0px; left:176px; width:180px; z-index:11; border-left:2px solid #cba; border-right:2px solid #cba; background:#eda;}
.externalimage-holder {
.mn ul li:hover ul li:hover ul li {display:block; width:180px; height:20px; text-align:left; background:#eda;}
    position: relative;
.mn ul li:hover ul li:hover ul li p {padding-left:4px; margin-top:0; margin-bottom:0; display:block; text-decoration:none; width:180px; height:20px; text-align:left; font-color:black; background:#eda;}
    margin: auto;
.mn ul li:hover ul li:hover ul li:hover p {background:#dca;}
    display: inline-block;
.mn ul li:hover ul li:hover ul li:hover p.title {background:#ccc;}
    max-width: 600px;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}
img {
    max-width: 900px;
}


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


    .tribal-button
    {
    background-color: black;
    }


     .tribal-borderbox #contentheader #pt-logout a {
/* Mobile-specific changes */
    margin-right: 2px;
@media screen and (max-width: 720px)
{
    /* Remove the unnecessary logo next to the navigation links */
     #mirage-navigation-header #mirage-logo {
      display: none;
     }
     }
 
   
     .tribal-borderbox .with-button .tribal-button
    /*Remove the wiki title on mobile*/
    {
     .mw-logo-wordmark {
    width: 21%;
      display: none;
     }
     }
 
   
     .kleurenbalk
     /*Set max image size on mobile, so they scale*/
     {
     img {
    background:linear-gradient(to right,#ffe39a,#d1aa58,#ffe39a);
      display: block;
      max-width:90%;
      width: auto;
      height: auto;
     }
     }


     #toc, #toctitle{
     /* Remove text of Recent Changes button */
     width: 98%;
     div#module-site-tools li.mw-list-item:first-child a {
    }
        color: transparent;
 
    .toc{
    width: 98%;
     }
     }
}

Edição atual tal como às 15h24min de 9 de agosto de 2023

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

/* HEADER AND TOP NAVIGATION */
	/* Prevent sitenotice from showing */
	div.sitenotice {
	    display: none;
	}

	#mirage-fixed-header {
		background: #2d5488;
		box-shadow: none;
	}

	#mirage-top-header {
		background: #feb;
	}

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

	/* Word mark color in fixed header */
	.mw-wordmark-container span.mw-logo-wordmark {
		color: #fff;
	}


	/* 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: #2d5488;
    }

    /* Colors of Recent Changes and Edit rows buttons on hover*/
    #module-site-tools > ul > li:hover,
    li .mw-list-item:hover {
    	background: #2d5488;
    }

    /* Background color of "more" button in Recent Changes row */
	#module-site-tools > ul > li:last-child {
		background: #2d5488;
		color: black;
	}

	/* Backgorund color of the contents of the dropdown list on "more" button in Recent Changes row */
    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: #fff;
    }

	/* Recent Changes button hover text color */
    #module-site-tools > ul > li:hover > :not(.skin-mirage-ooui-icon-no-label) {
    	color: rgba(255,255,255,0.85);
    }
    

    /* Edit button row hover styling */
    #p-views > ul > li:hover,
    #mirage-right-rail-button:hover {
        background-color: rgba(255,255,255,0.15);
        background: #2d5488;
        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%23fff%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%23000%22%3E%3Cpath fill=%22%23fff%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%23fff%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%23fff%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%23fff%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: #2d5488;
	}

    /* 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: rgba(255,255,255,0.85);
	}

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

   /* 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%23fff%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%23fff%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%23fff%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%23fff%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%23fff%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/MirageGrepolis/images/background.jpg");
		background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
	}

	/* Removes endless spinner for logged out users on main page */
	#mw-indicator-smw-entity-examiner {
		display: none;
	}


/* GENERAL ARTICLE STYLING */
	main#content.mw-body, 
	main#content.mw-body-content,
	#mirage-navigation-header,
	#module-page-navigation,
	.skin-mirage-content-container {
		background: #feb;
	}

	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:hover {
	    color: #1480a4;
	}

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

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

	.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 */
	table th {
		font-weight: normal;
		background-color: #b99968; 
		color: #5e321a; 
		padding: 10px;
	}

	table,
	th,
	td,
	.wikitable {
		/* Border definition needs to be marked !important to overwrite border color defined inline in multiple navigation templates like Template:GodNav; */
		border: 1px solid rgba(110,57,0,0.5) !important;
	}


    /* 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;
		background-color: #d4ba91 !important; 
	}

	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;

		border-color: rgba(110,57,0,0.5);
	}

	table center {
		color: #5e321a; 
	}

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

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

/* RIGHT RAIL STYLING */
	#mirage-right-rail {
		background: #feb;
	}

	#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;
	}



/* 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;
    }
}