MediaWiki:Common.css: Porovnání verzí
Jump to navigation
Bez shrnutí editace |
Bez shrnutí editace |
||
(Není zobrazeno 55 mezilehlých verzí od 3 dalších uživatelů.) | |||
Řádek 1: | Řádek 1: | ||
/* CSS placed here will be applied to all skins */ | |||
/* HEADER AND TOP NAVIGATION */ | |||
#mirage-fixed-header { | |||
background-color: #c9b997; | |||
box-shadow: none; | |||
} | |||
#mirage-top-header { | |||
background-image: url("/skins/MirageTribalWars/images/page-bgtile.png"); | |||
} | |||
/* Respect width of logo */ | |||
table# | img.mw-logo-icon { | ||
text- | width: inherit; | ||
} | |||
.mw-wordmark-container span.mw-logo-wordmark { | |||
color: #3d2718; | |||
} | |||
/* 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: #c9b997; | |||
} | |||
/* | |||
li.mw-list-item > a.skin-mirage-ooui-icon { | |||
color: transparent; | |||
} | |||
*/ | |||
div#module-site-tools li.mw-list-item, | |||
#module-site-tools > ul > li:last-child { | |||
border-color: black; | |||
} | |||
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: #5f391a; | |||
} | |||
/* Hide language selector in top-right navigation */ | |||
nav#p-lang { | |||
visibility: hidden; | |||
} | |||
/* Edit button row hover styling */ | |||
#p-views > ul > li:hover, | |||
#mirage-right-rail-button:hover { | |||
background-color: rgba(255,255,255,0.15); | |||
color: #404244; | |||
border-color: black; | |||
} | |||
/* 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: #c9b997; | |||
} | |||
/* 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: black; | |||
} | |||
#mirage-edit-button > li:first-child a:hover { | |||
color: black; | |||
} | |||
/* Hover color for Edit button */ | |||
#mirage-edit-button > li:first-child a { | |||
color: #5f391a; | |||
} | |||
/* 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-attachment: fixed; | |||
background-image: | |||
url("/skins/MirageTribalWars/images/bg-cover-right.png"), | |||
url("/skins/MirageTribalWars/images/bg-cover-left.png"), | |||
url("/skins/MirageTribalWars/images/bg-cover-bottom.png"), | |||
url("/skins/MirageTribalWars/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; | |||
} | |||
/* 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/MirageTribalWars/images/page-bgtile.png"); | |||
} | |||
p, | |||
h1, | |||
h2, | |||
h3, | |||
h4, | |||
h5, | |||
h6, | |||
li, | |||
i { | |||
color: #3d2718; | |||
} | |||
h1, | |||
h2, | |||
.skin-mirage-right-rail-module h3, | |||
hr { | |||
border-color: #a6805a; | |||
} | |||
h2 a, | |||
h2 a:visited { | |||
font-size: normal; | |||
color: #3d2718; | |||
font-weight: bold; | |||
} | |||
p a, | |||
p a:visited, | |||
li a, | |||
li a:visited { | |||
color: #3d2718; | |||
font-weight: bold; | |||
} | |||
a:hover, | |||
p a:hover { | |||
color: #3d2718; | |||
} | |||
/* Warning on MediaWiki:Custom.css page */ | |||
.mw-editinginterface { | |||
color: #efdba6; | |||
} | |||
/* Table of Contents styling */ | |||
.toc { | |||
background-color: #c9b997; | |||
border: 1px solid #996b39; | |||
border-color: rgba(110,57,0,0.5); | |||
} | |||
.toc h2 { | |||
color: black; | |||
} | |||
.toc li a, | |||
.toc li a:visited, | |||
.toctogglelabel { | |||
color: #5f391a; | |||
} | |||
/* 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: #3d2718; | |||
} | |||
/* TABLE STYLING */ | |||
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; | |||
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; | |||
} | |||
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/MirageTribalWars/images/page-bgtile.png"); | |||
} | |||
#mirage-right-rail a, | |||
#mirage-right-rail a:visited { | |||
color: #3d2718; | |||
} | |||
#mirage-right-rail a:hover { | |||
color: #3d2718; | |||
} | |||
/* 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; | |||
} | |||
footer ul.skin-mirage-unstyled-list#footer-info { | |||
margin-right: 0px; | |||
color: #c9b997; | |||
text-shadow: 1px 1px 1px black; | |||
} | |||
div#footer-places { | |||
margin-right: auto; | |||
margin-left: auto; | |||
} | |||
.mw-footer p, | |||
.mw-footer h3 { | |||
color: black; | |||
} | |||
.mw-footer a { | |||
color: #c9b997; | |||
font-weight: normal; | |||
} | |||
.mw-footer a:hover { | |||
color: #c9b997; | |||
} | |||
.mw-footer li { | |||
line-height: 1 !important; | |||
} | |||
div#footer-places { | |||
margin-left: initial; | |||
} | |||
h3#footer-places-label { | |||
display: none; | |||
} | |||
li#footer-info-lastmod { | |||
color: #c9b997; | |||
} | |||
/*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; | |||
} | |||
/* Avoid right-floating images to overlap text or take too much space on Mobile */ | |||
div.tright, | |||
div.floatright, | |||
table.floatright { | |||
clear: right; | |||
float: unset; | |||
} | |||
} | } | ||
Aktuální verze z 18. 8. 2023, 13:00
/* CSS placed here will be applied to all skins */ /* HEADER AND TOP NAVIGATION */ #mirage-fixed-header { background-color: #c9b997; box-shadow: none; } #mirage-top-header { background-image: url("/skins/MirageTribalWars/images/page-bgtile.png"); } /* Respect width of logo */ img.mw-logo-icon { width: inherit; } .mw-wordmark-container span.mw-logo-wordmark { color: #3d2718; } /* 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: #c9b997; } /* li.mw-list-item > a.skin-mirage-ooui-icon { color: transparent; } */ div#module-site-tools li.mw-list-item, #module-site-tools > ul > li:last-child { border-color: black; } 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: #5f391a; } /* Hide language selector in top-right navigation */ nav#p-lang { visibility: hidden; } /* Edit button row hover styling */ #p-views > ul > li:hover, #mirage-right-rail-button:hover { background-color: rgba(255,255,255,0.15); color: #404244; border-color: black; } /* 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: #c9b997; } /* 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: black; } #mirage-edit-button > li:first-child a:hover { color: black; } /* Hover color for Edit button */ #mirage-edit-button > li:first-child a { color: #5f391a; } /* 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-attachment: fixed; background-image: url("/skins/MirageTribalWars/images/bg-cover-right.png"), url("/skins/MirageTribalWars/images/bg-cover-left.png"), url("/skins/MirageTribalWars/images/bg-cover-bottom.png"), url("/skins/MirageTribalWars/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; } /* 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/MirageTribalWars/images/page-bgtile.png"); } p, h1, h2, h3, h4, h5, h6, li, i { color: #3d2718; } h1, h2, .skin-mirage-right-rail-module h3, hr { border-color: #a6805a; } h2 a, h2 a:visited { font-size: normal; color: #3d2718; font-weight: bold; } p a, p a:visited, li a, li a:visited { color: #3d2718; font-weight: bold; } a:hover, p a:hover { color: #3d2718; } /* Warning on MediaWiki:Custom.css page */ .mw-editinginterface { color: #efdba6; } /* Table of Contents styling */ .toc { background-color: #c9b997; border: 1px solid #996b39; border-color: rgba(110,57,0,0.5); } .toc h2 { color: black; } .toc li a, .toc li a:visited, .toctogglelabel { color: #5f391a; } /* 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: #3d2718; } /* TABLE STYLING */ 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; 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; } 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/MirageTribalWars/images/page-bgtile.png"); } #mirage-right-rail a, #mirage-right-rail a:visited { color: #3d2718; } #mirage-right-rail a:hover { color: #3d2718; } /* 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; } footer ul.skin-mirage-unstyled-list#footer-info { margin-right: 0px; color: #c9b997; text-shadow: 1px 1px 1px black; } div#footer-places { margin-right: auto; margin-left: auto; } .mw-footer p, .mw-footer h3 { color: black; } .mw-footer a { color: #c9b997; font-weight: normal; } .mw-footer a:hover { color: #c9b997; } .mw-footer li { line-height: 1 !important; } div#footer-places { margin-left: initial; } h3#footer-places-label { display: none; } li#footer-info-lastmod { color: #c9b997; } /*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; } /* Avoid right-floating images to overlap text or take too much space on Mobile */ div.tright, div.floatright, table.floatright { clear: right; float: unset; } }