« MediaWiki:Common.css » : différence entre les versions
Aller à la navigation
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| (564 versions intermédiaires par 9 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
/* | /* | ||
/ | https://wiki.the-west.fr/wiki/MediaWiki:Common.css | ||
/ | |||
CSS placed here will be applied to all skins - version provided by admin 2023/08/11 + changes : | |||
change #1 : separate navigation menu from page body | |||
change #2 : Remove the title (Wiki The-West FR) of the page - removed | |||
change #3 : add missing bit to class "survol", forcing position and display | |||
change #4 : remove navbar z-index so that it is no more displayed above pop-ups | |||
change #5 : remove duplicate definition of div#dock , #siteNotice , #right_menu , .innogames-headline , #localNotice, | |||
.innogame and .socialBar | |||
add display:none to #siteNotice | |||
change #6 : make Menu Top sticky, glue to header's bottom and realigned left (div#module-site-navigation), | |||
remove definition for #navigationDummy | |||
change #7 : remove display of div module-site-tools : functions available from Wiki's menu options | |||
make #mirage-top-header justify-content: space-between; | |||
and div#module-site-tools float right | |||
change #8 : correct "Encart Quête Dispo" alignment by truncating the title when needed | |||
*/ | |||
# | /* HEADER AND TOP NAVIGATION */ | ||
# | #mirage-fixed-header { | ||
# | background-color: #c9b997; | ||
#p- | box-shadow: none; | ||
# | } | ||
# | |||
#mirage-top-header { | |||
background-image: url("/skins/MirageWest/images/page-bgtile.png"); | |||
} | |||
/* change #7 */ | |||
div#mirage-top-header { | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
/* Respect width of logo */ | |||
img.mw-logo-icon { | |||
width: inherit; | |||
} | |||
.mw-wordmark-container span.mw-logo-wordmark { | |||
color: #3d2718; | |||
} | |||
/*change #2 : Remove the title of the page. */ | |||
.mw-wordmark-container span.mw-logo-wordmark { | |||
display: none; | |||
} | |||
/* Remove duplicated logo and word mark from main page */ | |||
#mirage-navigation-header #mirage-logo, | |||
#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; | |||
} | |||
/*change #7 : remove display of div module-site-tools */ | |||
div#module-site-tools { | |||
float: right; | |||
display: none; | |||
} | |||
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; | |||
} | |||
/* change #1 : Navigation bar change - include also setting change of module-site-navigation */ | |||
#mw-navigation { | |||
margin-top: 6.8rem!important; | |||
} | |||
/* Move wiki navigation menus to same line as logo */ | |||
div#module-site-navigation { | |||
/* margin-top: -2.5rem; change #1 */ | |||
} | |||
/* Limit space used by site navigation to avoid overlapping buttons, and move navigation to the right slightly */ | |||
div#module-site-navigation.skin-mirage-mirage-navigation { | |||
/* max-width: 70%; change #1 */ | |||
/* margin-left: 10px; change #6 */ | |||
} | |||
/* change #1 : Navigation bar change - removed for change #6 | |||
#navigationDummy { | |||
margin-left: auto; | |||
margin-right: auto; | |||
height: 120px; | |||
top: 100px; | |||
position: relative; | |||
background-image: url(/skins/MirageWest/images/page-bgtile.png); | |||
border-left: 2px solid #996b39; | |||
border-right: 2px solid #996b39; | |||
border-top: 2px solid #996b39; | |||
border-bottom: 2px solid #996b39; | |||
height: 40px; | |||
max-width: 68.5rem; | |||
} | |||
*/ | |||
/* change #6 : make Sticky Menu Top */ | |||
div#module-site-navigation { | |||
position: fixed; | |||
left: 0; | |||
z-index: 1000; | |||
width: 100%; | |||
top: 56px; | |||
background-color: #e9d3a7; | |||
border-bottom: 3px solid #996b39; | |||
padding-left: 10px; | |||
} | |||
/* 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; | |||
}*/ | |||
/* change #7 */ | |||
div#right-navigation { | |||
position: relative; | |||
margin-right: 0px; | |||
margin-top: 0px; | |||
padding: 1rem 1rem 0; | |||
right: 0px; | |||
} | |||
/* Recent Changes button text */ | |||
#module-site-tools > ul > li:nth-child(1) > a { | |||
color: #5f391a; | |||
} | |||
/* 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-image: url("/skins/MirageWest/images/page-bgtile.png"); */ | |||
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; | |||
} | |||
/* 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; | |||
float : right; | |||
} | |||
/* 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/MirageWest/images/bg-cover-right.png"), | |||
url("/skins/MirageWest/images/bg-cover-left.png"), | |||
url("/skins/MirageWest/images/bg-cover-bottom.png"), | |||
url("/skins/MirageWest/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/MirageWest/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; | |||
} | |||
p a, | |||
p a:visited, | |||
li a, | |||
li a:visited { | |||
color: #3d2718; | |||
font-weight: bold; | |||
} | |||
p a:hover { | |||
color: #3d2718; | |||
} | |||
/* Warning on MediaWiki:Custom.css page */ | |||
.mw-editinginterface { | |||
color: #3d2718; | |||
} | |||
/* Table of Contents styling */ | |||
.toc { | |||
background-color: #c9b997; | |||
} | |||
.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/MirageWest/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; | |||
} | |||
/* CSS placed here will be applied to all skins */ | |||
/* Wiki */ | |||
h1,h2 { | |||
color: #ffdead; | |||
background-color: #301506; | |||
padding-left: 10px; | |||
margin-top:5px; | |||
border-bottom: none; | |||
font-weight:normal; | |||
} | } | ||
/*Advanced search fix*/ | |||
#page-wrapper .tbbox-content { | |||
z-index: 4; | |||
} | |||
#ooui-php-1 { | |||
height: auto; | |||
} | } | ||
# | /*Recent changes, special sites buttons*/ | ||
background- | div#jump-to-nav { | ||
display: none; | |||
} | |||
.oo-ui-widget { | |||
z-index: 4; | |||
} | |||
.mw-ui-button { | |||
width: auto; | |||
font-size: inherit; | |||
position: relative; | |||
margin: 0; | |||
} | |||
/* */ | |||
.mw-body a, .mw-body a.external { | |||
color: #804000; | |||
} | |||
#mw-content-text a, #mw-content-text a.external { | |||
font-weight: bold; | |||
} | |||
#document-wrapper { | |||
padding: 0 225px 0 20px; | |||
margin:0 auto; | |||
max-width: 1250px; | |||
min-width:880px; | |||
} | |||
#searchText { | |||
width: 80%; | |||
z-index: 10; | |||
} | |||
div.oo-ui-menuSelectWidget { | |||
margin-top: 40px; | |||
} | |||
input.oo-ui-inputWidget-input { | |||
width: 65%; | |||
} | |||
div.tbbox-rafter { | |||
display: none; | |||
} | |||
.tribal-button { | |||
width: 190px !important; | |||
} | |||
.with-button .tbbox-headline { | |||
width: 100% !important; | |||
} | |||
#toc{ | |||
display:inline-block; | |||
width: auto; | |||
} | |||
table { | |||
width: auto; | |||
} | |||
.mw-collapsible { | |||
display:inline-block; | |||
} | |||
.mw-collapsible-toggle { | |||
margin-left:10px; | |||
} | |||
table.transparent, table.transparent > tbody > tr > td { | |||
border:none; | |||
background:none !important; | |||
} | |||
table.transparent { width:100%;} | |||
div.tbbox-logo {z-index:100;} | |||
@media screen and (max-width: 1100px) { | |||
table.transparent > tbody > tr > td { | |||
display:block; | |||
} | |||
} | |||
/*Sitenotice */ | |||
div#dock { | |||
position:relative !important; | |||
right: 0 !important; | |||
margin: 0 !important; | |||
width: 173px !important; | |||
padding-top: 5px !important; | |||
height: auto !important; | |||
background: url(/skins/thewest/images/headline-bgtile.png?1cd53) repeat !important; | |||
box-shadow: inset 0em 0em 1.2em 0.2em #140a05, 0 0 2px 1px #000000b3 !important; | |||
z-index: 500; | |||
} | |||
div.dock-btn { | |||
display: inline-block !important; | |||
width: 52px !important; | |||
height: 52px !important; | |||
margin:-1px; | |||
background: url(https://wiki.the-west.net/images/a/a2/Dock_buttons.png) no-repeat !important; | |||
} | |||
div.dock-btn:hover { | |||
background-position-x:-52px !important; | |||
} | |||
div.dock-btn > a > span { | |||
display: block !important; | |||
width: 52px !important; | |||
height: 52px !important; | |||
background: url(https://wiki.the-west.net/images/a/a7/Dock_icons.png) !important; | |||
} | |||
#siteNotice { | |||
display : none; /* change #5 */ | |||
position: absolute; | |||
left: 0; | |||
margin-left: 100%; | |||
} | |||
#siteNotice div.mw-parser-output { | |||
margin: 0 !important; | |||
width: auto !important; | |||
height: auto !important; | |||
background: none !important; | |||
top: -115px !important; | |||
} | |||
#siteNotice div.mw-parser-output:hover { | |||
background: none !important; | |||
} | } | ||
#right_menu { | |||
padding:0 !important; | |||
margin:0 20px 0 30px !important; | |||
background: none !important; | |||
height:auto !important; | |||
} | } | ||
#right_menu .innogames-headline { | |||
border-top: 4px solid transparent !important; | |||
border-bottom: 4px solid transparent !important; | |||
border-image-slice: 4 !important; | |||
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAECAIAAABz8up3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QsREQkqmSTYtAAAAEZJREFUGNNjtLfQYcAAP37+4mBnY6AlYHz/5gUBFYyMWMX///+PX83///8h4sgq4YDl+OHdxLgP01jcKv8T5WMDLUWGgQAACj4ULl9i6ucAAAAASUVORK5CYII=) !important; | |||
} | } | ||
#localNotice #miniLogo { background-image: none; margin-top: -9px;} | |||
.innogame { height: 38px !important;} | |||
.innogame a { text-decoration: none; display: block; padding:8px 0 9px 0;} | |||
.socialBar { background: none !important;} | |||
/* change l'opacité de l'image au survol de la souris */ | /* change l'opacité de l'image au survol de la souris */ | ||
.survol { | |||
position:relative; /* change #3 : add missing bit to class survol */ | |||
display: inline-table; | |||
} | |||
.survol:hover { | .survol:hover { | ||
filter: brightness(1.15) contrast(1.1); | |||
} | } | ||
| Ligne 87 : | Ligne 705 : | ||
margin: 40px 0px; | margin: 40px 0px; | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
| Ligne 165 : | Ligne 764 : | ||
/* **** Propriétés de la classe infobulle **** */ | /* **** Propriétés de la classe infobulle **** */ | ||
span.infobulle, span.DDMbulle { | span.infobulle, span.DDMbulle, span.infobulleTxtL,span.infobulleTxtR { | ||
position: relative; | position: relative; | ||
cursor: help; | cursor: help; | ||
outline: none; | outline: none; | ||
text-decoration: none; | text-decoration: none; | ||
z-index: 1000; | |||
} | } | ||
span.infobulle {border-bottom: thin dotted; } | span.infobulle, span.infobulleTxtL, span.infobulleTxtR {border-bottom: thin dotted; } | ||
span.infobulle:hover, span.DDMbulle:hover{ | span.infobulle:hover, span.DDMbulle:hover, span.infobulleTxtL:hover, span.infobulleTxtR:hover{ | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
span.infobulle:hover {background: #FFEEDD; } | span.infobulle:hover, span.infobulleTxtL:hover,span.infobulleTxtR:hover {background: #FFEEDD; } | ||
span.infobulle span, span.DDMbulle span { | span.infobulle span, span.DDMbulle span{ | ||
position: absolute; | position: absolute; | ||
margin: 20px 0 0 0px; | margin: 20px 0 0 0px; | ||
| Ligne 192 : | Ligne 792 : | ||
font-size: 0.9em; | font-size: 0.9em; | ||
line-height:14px; | line-height:14px; | ||
z-index: | z-index: 6000; | ||
} | } | ||
span.infobulleTxtL span, span.infobulleTxtR span { | |||
position: absolute; | |||
margin: 20px 0 0 0px; | |||
padding: 10px; | |||
background: #F8E2B4; | |||
border-radius: 10px; | |||
box-shadow: 0px 0px 15px #000; | |||
text-align:justify; | |||
font-size: 0.9em; | |||
line-height:14px; | |||
z-index: 6000; | |||
} | |||
span.infobulle span {width: 450px; left: 80px; top: -150px; } | span.infobulle span {width: 450px; left: 80px; top: -150px; } | ||
span.infobulleTxtRx span {left: 80px; top: -150px; } | |||
span.infobulleTxtL span,span.infobulleTxtR span {top: -150px; } | |||
.infobulleTxtL:hover span {left: -500px; top: -150px; } | |||
.infobulleTxtR:hover span {left: 30px; top: -150px; } | |||
span.DDMbulle span {width: 250px; right: -30px; top: -30px; } | span.DDMbulle span {width: 250px; right: -30px; top: -30px; } | ||
span.DDMbuller span {width: 150px; top: -80px; left:100px; right:-30px} | span.DDMbuller span {width: 150px; top: -80px; left:100px; right:-30px} | ||
| Ligne 203 : | Ligne 823 : | ||
z-index:6; | z-index:6; | ||
} | } | ||
span.infobulleTxtL:hover span,span.infobulleTxtR:hover span{ | |||
span.infobulle span, span.DDMbulle span { | /*left: 2%; */ | ||
background: #F8E2B4; | |||
z-index:6; | |||
} | |||
span.infobulle span, span.infobulleTxtL span, span.infobulleTxtR span, span.DDMbulle span { | |||
position: absolute; | position: absolute; | ||
left: -9999px; | left: -9999px; | ||
| Ligne 211 : | Ligne 835 : | ||
border:solid 1px black; | border:solid 1px black; | ||
} | } | ||
span.infobulle:hover span { margin: 20px 0 0 125px; } | span.infobulleTxtL span, span.infobulleTxtR span{ | ||
position: absolute; | |||
left: -9999px; | |||
margin: 4px 0 0 0px; | |||
padding: 10px; | |||
border:solid 0px black; | |||
box-shadow: 0px 0px 15px #000; | |||
border-radius: 10px; | |||
} | |||
span.infobulle:hover span, span.infobulleTxtL:hover span,span.infobulleTxtR:hover span { margin: 20px 0 0 125px; } | |||
span.DDMbulle:hover span { margin: 30px 0 30px 30px; } | span.DDMbulle:hover span { margin: 30px 0 30px 30px; } | ||
span.infobulle:hover em, span.DDMbulle:hover em { | span.infobulle:hover em, span.infobulleTxtL:hover em, span.infobulleTxtR:hover em, span.DDMbulle:hover em { | ||
text-align:center; | text-align:center; | ||
font-family: Calibri, Tahoma, Geneva, sans-serif; | font-family: Calibri, Tahoma, Geneva, sans-serif; | ||
| Ligne 220 : | Ligne 855 : | ||
line-height:30px; | line-height:30px; | ||
display: block; | display: block; | ||
} | |||
.set_container { | |||
position:relative; | |||
width: 276px; | |||
height: 395px; | |||
box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47; | |||
border-radius: 10px; | |||
} | |||
#switch, #switch_prod { | |||
position: absolute; | |||
top: 30px; | |||
left: 195px; | |||
cursor: pointer; | |||
} | |||
div.set_bonus { | |||
border:1px solid #997146; | |||
width:40px; | |||
text-align:center; | |||
background-color:#4E3E26; | |||
color:#fff; | |||
font:12px arial; | |||
float:left; | |||
} | |||
table.infoSet { | |||
box-shadow: 2px 2px 4px #000; | |||
margin: 0 0 15px !important; | |||
} | |||
table.infoSet > tbody > tr > td { | |||
background-color: #d4ba91 !important; | |||
padding:0; | |||
} | |||
table.infosetatt { | |||
border: none; | |||
background: none !important; | |||
margin: 3px !important; | |||
} | |||
table.infosetatt > tbody > tr > th { | |||
color: #ffdead !important; | |||
background-color: #301506 !important; | |||
padding-top:0; | |||
padding-bottom:0; | |||
} | |||
table.infosetatt > tbody > tr > td { | |||
padding:0; | |||
border:none; | |||
} | |||
table.transparent, table.transparent > tbody > tr > td { | |||
border:none; | |||
background:none !important; | |||
} | |||
table.transparent { width:100% !important;} | |||
@media screen and (max-width: 1100px) { | |||
table.transparent:not(.static) > tbody > tr > td { | |||
display:block; | |||
} | |||
} | |||
table.transparent .mw-collapsible { | |||
display:inline-block; | |||
} | |||
table.transparent .mw-collapsible-toggle { | |||
margin-left:10px; | |||
} | |||
div.set_container div.item_container > img { | |||
cursor:pointer; | |||
} | |||
div.item_container.item_off > img { | |||
filter:sepia(1) opacity(35%); | |||
} | |||
/* Tooltip bonus sets */ | |||
div.tw_bg_tl, div.tw_bg_tr, div.tw_bg_bl, div.tw_bg_br { | |||
background-image: url(https://wiki.the-west.fr/images/f/fc/Tooltip_bg.png); | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
z-index: -1; | |||
} | |||
.tw_bg_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
right: 50%; | |||
left: 0; | |||
top: 0; | |||
} | |||
.tw_bg_tr { | |||
background-position: right top; | |||
width: 50%; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
} | |||
.tw_bg_bl { | |||
background-position: left bottom; | |||
height: 50%; | |||
right: 50%; | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.tw_bg_br { | |||
background-position: right bottom; | |||
height: 50%; | |||
width: 50%; | |||
bottom: 0; | |||
right: 0; | |||
} | |||
.tooltip_outer { | |||
position:absolute; | |||
left:50%; | |||
bottom: 100%; | |||
margin-bottom: 8px; | |||
z-index:-1; | |||
} | |||
.tooltip { | |||
position:relative; | |||
padding:10px 13px 12px 13px; | |||
opacity:0; | |||
visibility:hidden; | |||
-webkit-transition: opacity .15s ease-in-out; | |||
-webkit-transform: translateZ(0) scale(1.0, 1.0); | |||
-moz-transition: opacity .15s ease-in-out; | |||
transition: opacity .15s ease-in-out; | |||
white-space:nowrap; | |||
max-width:350px; | |||
left:-50%; | |||
color:black; | |||
} | |||
.tooltip::after { | |||
content: " "; | |||
position: absolute; | |||
top: 100%; | |||
left: 50%; | |||
margin-top: -4px; | |||
margin-left: -11px; | |||
background-image: url(https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png); | |||
width: 22px; | |||
height: 11px; | |||
} | |||
.tooltip_container { | |||
position:relative; | |||
} | |||
.tooltip_container:hover .tooltip { | |||
visibility:visible; | |||
-webkit-transition: opacity .15s ease-in-out 0.4s; | |||
-moz-transition: opacity .15s ease-in-out 0.4s; | |||
transition: opacity .15s ease-in-out 0.4s; | |||
opacity:1; | |||
} | |||
.tooltip_container:hover > .tooltip_outer { | |||
z-index:1000; | |||
} | |||
.tooltip:hover { | |||
visibility:hidden !important; | |||
opacity:0 !important; | |||
} | |||
.per_level:after{ | |||
content:"(par Niveau)"; | |||
} | |||
/* Navigation Bar */ | |||
#navbar { | |||
position:relative; | |||
top:-11px; | |||
font-family:Calibri; | |||
width:800px; | |||
max-width:100%; | |||
height:85px; | |||
margin:0; | |||
padding:0; | |||
text-align:center; | |||
/* z-index:100; change #4 : remove navbar z-index */ | |||
} | |||
.navbar_bgl, .navbar_bgr { | |||
background-image: url(https://wiki.the-west.fr/images/0/0d/Barre.png); | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
height:100%; | |||
} | |||
.navbar_bgl { | |||
background-position: left; | |||
right: 50%; | |||
left: 0; | |||
} | |||
.navbar_bgr { | |||
background-position: right; | |||
width: 50%; | |||
right: 0; | |||
} | |||
#navbar > #icon1 , #navbar > #icon2{ | |||
position:absolute; | |||
bottom:0; | |||
z-index:1; | |||
pointer-events: none; | |||
} | |||
#navbar > #icon1.rev , #navbar > #icon2.rev{ | |||
-moz-transform: scaleX(-1); | |||
-o-transform: scaleX(-1); | |||
-webkit-transform: scaleX(-1); | |||
transform: scaleX(-1); | |||
filter: FlipH; | |||
-ms-filter: "FlipH"; | |||
} | |||
#navbar > #icon1{ | |||
left:75px; | |||
} | |||
#navbar > #icon2{ | |||
right:75px; | |||
} | |||
@media screen and (max-width: 1340px) { | |||
#navbar > #icon1 , #navbar > #icon2 { | |||
display:none; | |||
} | |||
} | |||
#navbar ul { | |||
list-style-type: none; | |||
font-size:0; | |||
padding:0; | |||
overflow: hidden; | |||
position:relative; | |||
top:42px; | |||
height:37px; | |||
} | |||
#navbar li { | |||
font-size:16px; | |||
display:inline; | |||
background:none !important; | |||
padding:0 !important; | |||
} | |||
#navbar li a { | |||
position:relative; | |||
display:inline-block; | |||
color: white; | |||
font-weight:normal; | |||
text-align: center; | |||
padding: 8px 10px; | |||
line-height:20px; | |||
text-decoration: none; | |||
-webkit-transition: all .25s; | |||
-moz-transition: all .25s; | |||
-ms-transition: all .25s; | |||
-o-transition: all .25s; | |||
transition: all .25s; | |||
} | } | ||
. | #navbar li a:not(.selflink):hover { | ||
color:#FFDEAD; | |||
} | |||
#navbar .selflink { | |||
background-color: #FFDEAD; | |||
color:black; | |||
position:relative; | |||
display:inline-block; | |||
text-align: center; | |||
padding: 8px 10px; | |||
line-height:20px; | |||
border-bottom-left-radius:10px; | |||
border-bottom-right-radius:10px; | |||
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset; | |||
z-index:1; | |||
} | |||
#navbar li a:not(.selflink):before { | |||
content: ""; | |||
display: block; | |||
position: absolute; | |||
left: 0; | |||
bottom: 0; | |||
height: 4px; | |||
width: 0; | |||
background: #FFDEAD; | |||
-webkit-transition: width .25s; | |||
-moz-transition: width .25s; | |||
-ms-transition: width .25s; | |||
-o-transition: width .25s; | |||
transition: width .25s; | |||
} | |||
#navbar li a:not(.selflink):hover:before { | |||
width:100%; | |||
} | |||
#navbar li a:after { | |||
content: ""; | |||
display: block; | |||
position: absolute; | |||
left: -2px; | |||
top: 17px; | |||
height: 4px; | |||
width: 4px; | |||
background: #ffffff; | |||
opacity: 0.5; | |||
} | |||
#navbar .selflink:after{ | |||
width: 2px; | |||
} | |||
#navbar li:first-child *:after{ | |||
opacity:0; | |||
} | |||
/* Items shop */ | |||
.shop_container { | |||
position: relative; | |||
background-image: url(https://wiki.the-west.fr/images/0/05/Shop_container.png); | |||
width: 149px; | |||
height: 176px; | |||
margin: 0px; | |||
text-align: center; | |||
display:inline-block; | |||
} | |||
.shop_container .shop_name { | |||
display: inline-block; | |||
width: 114px; | |||
color: white; | |||
text-shadow: 0.1em 0.1em 0.2em #000000; | |||
font-size: 12px; | |||
position: absolute; | |||
line-height: 1.1; | |||
left: 18px; | |||
top: 20px; | |||
font-size: 13px; | |||
} | |||
.shop_container .shop_item { | |||
top: 40px; | |||
left: 35px; | |||
position: absolute; | |||
} | |||
.shop_container .shop_price { | |||
background-image: url(https://wiki.the-west.fr/images/0/0b/Shop_price.png); | |||
width: 100%; | |||
height: 32px; | |||
position: absolute; | |||
top: 132px; | |||
line-height:32px; | |||
font-size:12px; | |||
font-weight:bold; | |||
color:white; | |||
text-shadow:0.1em 0.1em 0.2em #333333; | |||
} | |||
.shop_container .shop_border { | |||
width: 133px; | |||
height: 162px; | |||
position: absolute; | |||
left: 9px; | |||
top: 5px; | |||
background: url(https://wiki.the-west.fr/images/b/b1/Shop_frame.png) no-repeat; | |||
} | |||
.shop_container #vert {background-position: -133px 0;} | |||
.shop_container #bleu {background-position: -266px 0;} | |||
.shop_container #rouge {background-position: -399px 0;} | |||
.shop_container #orange {background-position: -532px 0;} | |||
.shop_container #marron {background-position: -665px 0;} | |||
.shop_container #violet {background-position: -798px 0;} | |||
.shop_container #cyan {background-position: -931px 0;} | |||
.shop_container #gris {background-position: -1064px 0;} | |||
/* Bannière nouveaux sets */ | |||
.new_set { | |||
width: 36px; | |||
height: 34px; | |||
position: absolute; | |||
top: 0px; | |||
right: 0px; | |||
background: url(https://wiki.the-west.fr/images/1/1a/New.png); | |||
pointer-events: none; | |||
z-index: 1; | |||
} | } | ||
/* Arrière plan Noël / Saint Valentin / Saint patrick/ pâques/event*/ | |||
.xmas { | |||
background-image: url(https://wiki.the-west.fr/images/5/58/Arri%C3%A8re-plan_No%C3%ABl.png) !important; | |||
background-repeat:no-repeat !important; | |||
} | |||
.valentine { | |||
background-image: url(https://westfr.innogamescdn.com/images/window/events/valentine/valentine_bg.png) !important; | |||
background-repeat:no-repeat !important; | |||
background-position:bottom; | |||
} | |||
.sp { | |||
background-image: url(https://wiki.the-west.fr/images/0/0a/St_patrick_bg.png) !important; | |||
background-repeat:no-repeat !important; | |||
background-position:center; | |||
} | |||
.pâques { | |||
background-image: url(https://wiki.the-west.fr/images/4/41/Bg_pâques.png) !important; | |||
background-repeat:no-repeat !important; | |||
background-position:bottom; | |||
} | } | ||
div# | /* Nouvelles popup */ | ||
div.tw_bg_popup_tl, | |||
font-style: | div.tw_bg_popup_tr, | ||
div.tw_bg_popup_bl, | |||
div.tw_bg_popup_br { | |||
background-image: url(https://wiki.the-west.fr/images/5/59/Fond_objets.png); | |||
position: absolute; | |||
z-index: -1; | |||
} | |||
.tw_bg_popup_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
right: 50%; | |||
left: 0; | |||
top: 0; | |||
} | |||
.tw_bg_popup_tr { | |||
background-position: right top; | |||
width: 50%; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
} | |||
.tw_bg_popup_bl { | |||
background-position: left bottom; | |||
height: 50%; | |||
right: 50%; | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.tw_bg_popup_br { | |||
background-position: right bottom; | |||
height: 50%; | |||
width: 50%; | |||
bottom: 0; | |||
right: 0; | |||
} | |||
div.popup_window { | |||
position: absolute; | |||
display: none; | |||
margin: 0px; | |||
min-width: 200px; | |||
white-space: nowrap; | |||
z-index:1000; | |||
} | |||
div.item_container { | |||
height: 79px; | |||
width: 79px; | |||
position: relative; | |||
background-image: url(https://wiki.the-west.fr/images/a/a9/Case_inventaire.png); | |||
background-repeat: no-repeat; | |||
background-size:contain; | |||
display: inline-block; | |||
} | |||
div.item_container.wear { | |||
height: 93px; | |||
width: 94px; | |||
position: relative; | |||
background-image: url(https://wiki.the-west.fr/images/8/82/Item_box_wear.png); | |||
background-repeat: no-repeat; | |||
display: inline-block; | |||
} | |||
div.item_container.wear2 { | |||
height: 138px; | |||
width: 95px; | |||
position: relative; | |||
background-image: url(https://wiki.the-west.fr/images/5/54/Item_box_wear2.png); | |||
background-repeat: no-repeat; | |||
display: inline-block; | |||
} | |||
div.item_container.empty { | |||
background-image: none; | |||
} | |||
div.item_container > img, div.item_container > a > img { | |||
position: absolute; | |||
top: 3px; | |||
left: 3px; | |||
} | |||
div.item_border div.item_container > img, | |||
div.item_container.wear > img, | |||
div.item_container.wear2 > img { | |||
top: 0px !important; | |||
left: 0px !important; | |||
} | |||
div.item_container:hover div.popup_window { | |||
left: 120%; | |||
top: 10px; | |||
z-index: 10; | |||
display: block; | |||
} | |||
small div.item_container { | |||
height: 60px; | |||
width: 60px; | |||
} | |||
small div.item_container > img, small div.item_container > a > img { | |||
width:54px !important; | |||
height:54px !important; | |||
} | |||
div.popup_contents { | |||
margin: 25px; | |||
font-family: Arial, Verdana, sans-serif; | |||
font-size: 12px; | |||
} | |||
div.popup_contents * { | |||
margin: 0; | |||
} | |||
div.popup_image { | |||
background-image: url(https://wiki.the-west.fr/images/a/a9/Case_inventaire.png); | |||
background-repeat: no-repeat; | |||
width: 79px; | |||
height: 79px; | |||
margin: auto; | |||
} | |||
.popup_divider { | |||
width:124px; | |||
height:6px; | |||
margin-top:4px !important; | |||
background-image: url(https://wiki.the-west.fr/images/d/d5/Barre_de_division.png); | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
display: block; | |||
} | |||
div.popup_image img { | |||
padding-top: 3px; | |||
padding-left: 4px; | |||
} | |||
.popup_attribute { | |||
text-align: left; | |||
padding-left: 7px; | |||
font-size: 12px; | |||
color: #070; | |||
font-weight: bold; | |||
} | |||
.popup_skill { | |||
text-align: left; | |||
padding-left: 18px; | |||
font-size: 11px; | |||
color: #070; | |||
} | |||
.popup_type { | |||
font-style: italic; | |||
font-size: 8pt; | |||
text-align: center; | |||
} | |||
.popup_name { | |||
font-size: 13px; | |||
color: #070; | |||
font-weight: bold; | |||
text-align: center; | |||
padding-top: 4px; | |||
} | |||
.popup_infos { | |||
text-align: center; | |||
} | |||
.popup_id { | |||
color: blue; | |||
} | |||
.popup_set { | |||
color: #800080; | |||
font-weight: bold; | |||
} | |||
.popup_speed { | |||
color: #8b4513; | |||
} | |||
.popup_fb { | |||
color: #8b4513; | |||
font-weight: bold; | |||
} | |||
.popup_fb_stats { | |||
color: #8b4513; | |||
font-weight: bold; | |||
} | |||
.popup_dmg { | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.popup_text { | |||
color: #007777; | |||
white-space: normal; | |||
max-width: 200px; | |||
} | |||
.popup_quest { | |||
color:#800000; | |||
text-align:center; | |||
font-style: italic; | |||
} | |||
.item_number { | |||
position: absolute; | |||
margin: 0; | |||
bottom: 2px; | |||
left: 6px; | |||
text-shadow: black 1px 1px 1px; | |||
color: white; | |||
font-weight: bold; | |||
z-index: 2; | |||
font-size: 16pt; | |||
} | |||
div.item_number_proba .item_number { | |||
top:auto; | |||
bottom: 0; | |||
font-size: 11pt; | |||
background-color: rgba(0, 0, 0, 0.2); | |||
padding: 0px 2px 0 1px; | |||
box-shadow: 1px 1px 3px #000; | |||
border-radius: 1px 1px 3px; | |||
} | |||
.popup_bonus { | |||
color:#8b4513; | |||
} | |||
.popup_job { | |||
display:inline-block; | |||
border-radius: 3px; | |||
border: 1px solid #804000; | |||
margin-top: 10px !important; | |||
margin-bottom: 10px !important; | |||
} | |||
.popup_job img { | |||
width:50px; | |||
height:50px; | |||
} | |||
.popup_crafteditem { | |||
display:inline-block; | |||
background: none; | |||
margin-top: 10px !important; | |||
margin-bottom: 10px !important; | |||
} | |||
.popup_crafteditem table { | |||
border-radius: 3px; | |||
border: 1px solid #804000; | |||
text-align: center; | |||
} | |||
.popup_txtgreen { | |||
color: green; | |||
} | |||
.popup_txtred { | |||
color: #900; | |||
} | |||
.item_level { | |||
position: absolute; | |||
display:block; | |||
top: 4px; | |||
left: 3px; | |||
height: 13px; | |||
line-height: 13px; | |||
background-color: rgba(0,0,0,0.4); | |||
text-align: center; | |||
font-size: 12px; | |||
padding: 1px 2px 0 2px; | |||
color: #ffffff; | |||
font-weight: normal; | |||
box-shadow: 1px 1px 3px #000000; | |||
border-radius: 0 0 2px 0; | |||
text-shadow: black -1px 0 1px, black 0 1px 1px, black 1px 0 1px, black 0 -1px 1px; | |||
white-space: nowrap; | |||
z-index: 1; | |||
} | |||
.icon_level { | |||
display: inline-block; | |||
width: 15px; | |||
height:12px; | |||
background:url(https://westfr.innogamescdn.com/images/items/item_level.png); | |||
margin-right: 3px; | |||
} | |||
.level { | |||
vertical-align: top; | |||
} | |||
.upgrade { | |||
display: inline-block; | |||
width:12px; | |||
height: 12px; | |||
background: url(https://wiki.the-west.fr/images/c/ca/Upgrade_icons.png) 0px 12px; | |||
margin: 0px 3px 0 1px; | |||
cursor: pointer; | |||
} | |||
.upgrade:hover { | |||
background-position-y:0px; | |||
} | |||
.downgrade { | |||
display: inline-block; | |||
width:12px; | |||
height:12px; | |||
background: url(https://wiki.the-west.fr/images/c/ca/Upgrade_icons.png) 12px 12px; | |||
margin: 0px 3px 0 3px; | |||
cursor: pointer; | |||
} | |||
.downgrade:hover { | |||
background-position-y:0px; | |||
} | } | ||
# | .item_container[data-lvl="0"] .item_level { | ||
display:none; | |||
} | |||
.item_container:hover .item_level { | |||
display:block; | |||
} | |||
.item_container .upgrade, .item_container .downgrade { | |||
display:none; | |||
} | |||
.item_container:hover .upgrade, .item_container:hover .downgrade { | |||
display:inline-block; | |||
} | |||
.input_level, | |||
#input_level, | |||
#input_search { | |||
display: inline-block; | |||
background: url(https://westzz.innogamescdn.com/images/tw2gui/textfield/textfield.png) top left no-repeat; | |||
height: 30px; | |||
width: 12px; | |||
} | |||
#input_search { | |||
position: absolute; | |||
right: 250px; | |||
} | |||
input.west, select.west { | |||
background: url(https://westfr.innogamescdn.com/images/tw2gui/textfield/textfield.png) top right no-repeat; | |||
height: 30px; | |||
width: 180px; | |||
margin-left: 12px; | |||
padding: 0px 8px 0px 0px; | |||
border: 0; | |||
outline: none; | |||
} | } | ||
# | .cdrjob{ | ||
background: | border: 4px solid #74563D; | ||
border-radius: 8px; | |||
background-color: #D4BA91; | |||
align-content: center; | |||
width:auto !important; | |||
margin-left: 15px !important; | |||
margin-right:15px; | |||
padding: 12px; | |||
box-shadow: 1px 1px 2px #00000087; | |||
} | } | ||
.cdrjob:after { | |||
content:' '; | |||
clear: both; | |||
display: block; | |||
} | |||
.xdrjobT{ | |||
text-shadow: 1px 1px 2px rgba(26, 26, 203, 0.51); | |||
color:#404040; | |||
font-size:30px; | |||
width:100%; | |||
text-align:center; | |||
line-height:26px; | |||
border: 0; | |||
font-weight: bold; | |||
font-family: System;text-decoration: underline; | |||
} | |||
#tableh {display: table;} | |||
.row {display: table-row;} | |||
.cell {display: table-cell;} | |||
div.prize-section { | |||
display:inline-block; | |||
position:relative; | |||
margin: auto; | |||
} | |||
div.prize-section .section-border { | |||
border: 3px solid #a49e97; | |||
border-radius: 8px; | |||
box-shadow: 0 0 20px inset; | |||
opacity: 0.9; | |||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
top: 0; | |||
bottom: 0; | |||
} | |||
div.prize-section .section-bg { | |||
position: absolute; | |||
left: 3px; | |||
right: 3px; | |||
bottom: 3px; | |||
top: 3px; | |||
opacity: 0.4; | |||
border-radius: 5px; | |||
} | } | ||
div.prize-section .section-legend { | |||
position: relative; | |||
text-align: center; | |||
text-shadow: 0 0 5px #000; | |||
padding: 10px 15px 5px 15px; | |||
color: white; | |||
font-size:20px; | |||
} | |||
div.prize-section .section-content { | |||
position: relative; | |||
padding: 15px; | |||
} | |||
div.title { | |||
position:relative; | |||
height: 49px; | |||
width:97%; | |||
} | |||
.title_tl, .title_tr, .title_br, .title_bl { | |||
background-image: url(https://wiki.the-west.fr/images/9/95/Encart.png); | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
} | |||
.title_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
right: 50%; | |||
left: 0; | |||
top: 0; | |||
} | |||
.title_tr { | |||
background-position: right top; | |||
width: 50%; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
} | |||
.title_bl { | |||
background-position: left bottom; | |||
height: 50%; | |||
right: 50%; | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.title_br { | |||
background-position: right bottom; | |||
height: 50%; | |||
width: 50%; | |||
bottom: 0; | |||
right: 0; | |||
} | |||
/* Centrer les images dans les annonces */ | |||
div.ann_img img { | |||
max-height: 100%; | |||
max-width: 100%; | |||
width: auto; | |||
height: auto; | |||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
margin: auto; | |||
} | } | ||
/* Tableau avec th fixe */ | |||
table.sticky_header th { | |||
position: -webkit-sticky; | |||
position: sticky; | |||
top: 0; | |||
z-index:15; | |||
} | |||
/* change #5 : duplicate definition of div#dock and #siteNotice */ | |||
#right_menu { | |||
position: relative; | |||
top: -106px; | |||
padding:0 !important; | |||
margin:0 20px 0 30px !important; | |||
background: none !important; | |||
height:auto !important; | |||
} | |||
#wiki_logo { | |||
position: relative; | |||
width: 112px; | |||
height: 110px !important; | |||
background: url(https://wiki.the-west.fr/images/b/b7/Logor.png) !important; | |||
margin-bottom: 10px; | |||
} | |||
#wiki_logo a { | |||
color:#FFFFFF !important; | |||
font-weight:normal; | |||
} | |||
#right_menu .no_bg { | |||
background:none !important; | |||
height:auto !important; | |||
} | } | ||
/* change #5 : remove duplicate definition of #right_menu , .innogames-headline , #localNotice, .innogame and .socialBar */ | |||
table.nocolor td {background: none !important;} | |||
tr.nocolor td {background: none !important;} | |||
/ | table th {background:#c8a481!important;} | ||
. | .cdr_prq { | ||
display: inline-block; | |||
background: #FFFFFF; | |||
border-radius: 10px; | |||
padding: 5px 5px; | |||
font-size: smaller; | |||
vertical-align: top; | |||
margin: 2px; | |||
box-shadow: 1px 1px 1px 1px #00000024; | |||
} | |||
.prq_cond {width:490px;} | |||
.prq_dispo {width:330px;} | |||
.prq_title { | |||
background: #F5B555; | |||
color: black; | |||
padding: 8px 10px; | |||
border-radius: 5px; | |||
} | |||
.item_container .sortval { | |||
position: absolute; | |||
bottom: 5px; | |||
left: 8px; | |||
text-shadow: black 1px 1px 1px; | |||
font-size: 18px; | |||
color: white; | |||
font-weight: 40; | |||
} | |||
tr.ongoing td { | |||
background-color:#9fea9f !important; | |||
} | |||
.window_border { | |||
margin:auto; | |||
position:relative; | |||
padding:7px; | |||
z-index:0; | |||
} | |||
.cadre_fin { | |||
display:inline-block; | |||
margin:auto; | |||
position:relative; | |||
padding:10px; | |||
z-index:0; | |||
} | |||
.wb_content { | |||
background:url(https://wiki.the-west.fr/images/8/80/Arriere_plan_cadre.png); | |||
border-radius:15px; | |||
padding:30px; | |||
} | |||
div.wb_tl, div.wb_tr, div.wb_bl, div.wb_br { | |||
background-image: url(https://westfr.innogamescdn.com/images/tw2gui/window/window_border.png); | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
} | |||
div.wbt_tl, div.wbt_tr, div.wbt_bl, div.wbt_br { | |||
background-image: url(https://wiki.the-west.fr/images/3/3c/Table_border.png); | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
z-index:-1; | |||
} | |||
div.wbtor_tl, div.wbtor_tr, div.wbtor_bl, div.wbtor_br { | |||
background-image: url(https://wiki.the-west.fr/images/1/19/Table_border_ornement.png); | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
z-index:-1; | |||
} | |||
.wb_tl, .wbt_tl, .wbtor_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
right: 50%; | |||
left: 0; | |||
top: 0; | |||
} | |||
.wb_tr, .wbt_tr, .wbtor_tr { | |||
background-position: right top; | |||
width: 50%; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
} | |||
.wb_bl, .wbt_bl, .wbtor_bl { | |||
background-position: left bottom; | |||
height: 50%; | |||
right: 50%; | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.wb_br, .wbt_br, .wbtor_br { | |||
background-position: right bottom; | |||
height: 50%; | |||
width: 50%; | |||
bottom: 0; | |||
right: 0; | |||
} | } | ||
div.encart_quete { | |||
display:inline-block; | |||
position: relative; | |||
width: 272px; | |||
height: 152px; | |||
margin:3px; | |||
background: url(https://i.imgur.com/OuFLbIN.png); | |||
} | } | ||
div.encart_quete .titre { | |||
. | top: 12px; | ||
text-align: center; | |||
position: relative; | |||
/* change #8 : correct "Encart Quête Dispo" alignment by truncating the title when needed */ | |||
height : 23px; | |||
overflow: hidden; | |||
} | } | ||
div.encart_quete .donneur img { | |||
position: absolute; | |||
max-width: 75px; | |||
max-height: 75px; | |||
top: 51px; | |||
left: 14px; | |||
} | } | ||
. | div.encart_quete .donneur_overlay { | ||
position: absolute; | |||
. | top: 39px; | ||
left: 12px; | |||
width: 80px; | |||
. | height: 100px; | ||
background: url(https://westfr.innogamescdn.com/images/window/quest/pic_small.png); | |||
background-size: cover; | |||
} | |||
div.encart_quete .info { | |||
display: inline-block; | |||
position: absolute; | |||
top: 65px; | |||
left: 97px; | |||
font-size:13px; | |||
text-shadow: 1px 1px 2px #00000063; | |||
} | |||
a.new, #p-personal a.new { | |||
color: #ba0000 !important; | |||
} | |||
.quest_giver > img { | |||
width:96px !important; | |||
height:96px !important; | |||
} | |||
@font-face { | |||
font-family: 'Anderson Four Feather Falls'; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local('Anderson Four Feather Falls'), local('AndersonFourFeatherFalls-Regular'), | |||
url(https://static.west-tools.info/fonts/Anderson.woff) format('woff'), | |||
url(https://static.west-tools.info/fonts/Anderson.woff) format('truetype'); | |||
} | } | ||
.youtube_video { overflow:hidden;} | |||
. | #mw-content-text li { | ||
list-style-type: none; | |||
background: url(https://wiki.the-west.fr/images/4/41/Arrow.png) no-repeat 0 5px; | |||
padding: 3px 0 3px 27px; | |||
} | } | ||
#mw-content-text li:hover { | |||
background: url(https://wiki.the-west.fr/images/e/e0/Arrow_active.png) no-repeat 0 5px; | |||
} | } | ||
. | .set_icon_sprite { | ||
display:inline-block; | |||
position: relative; | |||
width: 70px; | |||
height: 66px; | |||
background:url(https://wiki.the-west.fr/images/f/f9/Ic%C3%B4nes_sets_sprite.png?1); | |||
} | } | ||
. | div.cadre_options { | ||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-evenly; | |||
background-color: #8a5f302b; | |||
align-items: center; | |||
margin-top: 5px; | |||
margin-bottom: 5px; | |||
padding-top: 5px; | |||
padding-bottom: 5px; | |||
border-top: 1px solid #996b39; | |||
border-bottom: 1px solid #996b39; | |||
} | } | ||
Dernière version du 26 avril 2024 à 08:21
/*
https://wiki.the-west.fr/wiki/MediaWiki:Common.css
CSS placed here will be applied to all skins - version provided by admin 2023/08/11 + changes :
change #1 : separate navigation menu from page body
change #2 : Remove the title (Wiki The-West FR) of the page - removed
change #3 : add missing bit to class "survol", forcing position and display
change #4 : remove navbar z-index so that it is no more displayed above pop-ups
change #5 : remove duplicate definition of div#dock , #siteNotice , #right_menu , .innogames-headline , #localNotice,
.innogame and .socialBar
add display:none to #siteNotice
change #6 : make Menu Top sticky, glue to header's bottom and realigned left (div#module-site-navigation),
remove definition for #navigationDummy
change #7 : remove display of div module-site-tools : functions available from Wiki's menu options
make #mirage-top-header justify-content: space-between;
and div#module-site-tools float right
change #8 : correct "Encart Quête Dispo" alignment by truncating the title when needed
*/
/* HEADER AND TOP NAVIGATION */
#mirage-fixed-header {
background-color: #c9b997;
box-shadow: none;
}
#mirage-top-header {
background-image: url("/skins/MirageWest/images/page-bgtile.png");
}
/* change #7 */
div#mirage-top-header {
display: flex;
justify-content: space-between;
}
/* Respect width of logo */
img.mw-logo-icon {
width: inherit;
}
.mw-wordmark-container span.mw-logo-wordmark {
color: #3d2718;
}
/*change #2 : Remove the title of the page. */
.mw-wordmark-container span.mw-logo-wordmark {
display: none;
}
/* Remove duplicated logo and word mark from main page */
#mirage-navigation-header #mirage-logo,
#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;
}
/*change #7 : remove display of div module-site-tools */
div#module-site-tools {
float: right;
display: none;
}
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;
}
/* change #1 : Navigation bar change - include also setting change of module-site-navigation */
#mw-navigation {
margin-top: 6.8rem!important;
}
/* Move wiki navigation menus to same line as logo */
div#module-site-navigation {
/* margin-top: -2.5rem; change #1 */
}
/* Limit space used by site navigation to avoid overlapping buttons, and move navigation to the right slightly */
div#module-site-navigation.skin-mirage-mirage-navigation {
/* max-width: 70%; change #1 */
/* margin-left: 10px; change #6 */
}
/* change #1 : Navigation bar change - removed for change #6
#navigationDummy {
margin-left: auto;
margin-right: auto;
height: 120px;
top: 100px;
position: relative;
background-image: url(/skins/MirageWest/images/page-bgtile.png);
border-left: 2px solid #996b39;
border-right: 2px solid #996b39;
border-top: 2px solid #996b39;
border-bottom: 2px solid #996b39;
height: 40px;
max-width: 68.5rem;
}
*/
/* change #6 : make Sticky Menu Top */
div#module-site-navigation {
position: fixed;
left: 0;
z-index: 1000;
width: 100%;
top: 56px;
background-color: #e9d3a7;
border-bottom: 3px solid #996b39;
padding-left: 10px;
}
/* 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;
}*/
/* change #7 */
div#right-navigation {
position: relative;
margin-right: 0px;
margin-top: 0px;
padding: 1rem 1rem 0;
right: 0px;
}
/* Recent Changes button text */
#module-site-tools > ul > li:nth-child(1) > a {
color: #5f391a;
}
/* 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-image: url("/skins/MirageWest/images/page-bgtile.png"); */
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;
}
/* 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;
float : right;
}
/* 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/MirageWest/images/bg-cover-right.png"),
url("/skins/MirageWest/images/bg-cover-left.png"),
url("/skins/MirageWest/images/bg-cover-bottom.png"),
url("/skins/MirageWest/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/MirageWest/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;
}
p a,
p a:visited,
li a,
li a:visited {
color: #3d2718;
font-weight: bold;
}
p a:hover {
color: #3d2718;
}
/* Warning on MediaWiki:Custom.css page */
.mw-editinginterface {
color: #3d2718;
}
/* Table of Contents styling */
.toc {
background-color: #c9b997;
}
.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/MirageWest/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;
}
/* CSS placed here will be applied to all skins */
/* Wiki */
h1,h2 {
color: #ffdead;
background-color: #301506;
padding-left: 10px;
margin-top:5px;
border-bottom: none;
font-weight:normal;
}
/*Advanced search fix*/
#page-wrapper .tbbox-content {
z-index: 4;
}
#ooui-php-1 {
height: auto;
}
/*Recent changes, special sites buttons*/
div#jump-to-nav {
display: none;
}
.oo-ui-widget {
z-index: 4;
}
.mw-ui-button {
width: auto;
font-size: inherit;
position: relative;
margin: 0;
}
/* */
.mw-body a, .mw-body a.external {
color: #804000;
}
#mw-content-text a, #mw-content-text a.external {
font-weight: bold;
}
#document-wrapper {
padding: 0 225px 0 20px;
margin:0 auto;
max-width: 1250px;
min-width:880px;
}
#searchText {
width: 80%;
z-index: 10;
}
div.oo-ui-menuSelectWidget {
margin-top: 40px;
}
input.oo-ui-inputWidget-input {
width: 65%;
}
div.tbbox-rafter {
display: none;
}
.tribal-button {
width: 190px !important;
}
.with-button .tbbox-headline {
width: 100% !important;
}
#toc{
display:inline-block;
width: auto;
}
table {
width: auto;
}
.mw-collapsible {
display:inline-block;
}
.mw-collapsible-toggle {
margin-left:10px;
}
table.transparent, table.transparent > tbody > tr > td {
border:none;
background:none !important;
}
table.transparent { width:100%;}
div.tbbox-logo {z-index:100;}
@media screen and (max-width: 1100px) {
table.transparent > tbody > tr > td {
display:block;
}
}
/*Sitenotice */
div#dock {
position:relative !important;
right: 0 !important;
margin: 0 !important;
width: 173px !important;
padding-top: 5px !important;
height: auto !important;
background: url(/skins/thewest/images/headline-bgtile.png?1cd53) repeat !important;
box-shadow: inset 0em 0em 1.2em 0.2em #140a05, 0 0 2px 1px #000000b3 !important;
z-index: 500;
}
div.dock-btn {
display: inline-block !important;
width: 52px !important;
height: 52px !important;
margin:-1px;
background: url(https://wiki.the-west.net/images/a/a2/Dock_buttons.png) no-repeat !important;
}
div.dock-btn:hover {
background-position-x:-52px !important;
}
div.dock-btn > a > span {
display: block !important;
width: 52px !important;
height: 52px !important;
background: url(https://wiki.the-west.net/images/a/a7/Dock_icons.png) !important;
}
#siteNotice {
display : none; /* change #5 */
position: absolute;
left: 0;
margin-left: 100%;
}
#siteNotice div.mw-parser-output {
margin: 0 !important;
width: auto !important;
height: auto !important;
background: none !important;
top: -115px !important;
}
#siteNotice div.mw-parser-output:hover {
background: none !important;
}
#right_menu {
padding:0 !important;
margin:0 20px 0 30px !important;
background: none !important;
height:auto !important;
}
#right_menu .innogames-headline {
border-top: 4px solid transparent !important;
border-bottom: 4px solid transparent !important;
border-image-slice: 4 !important;
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAECAIAAABz8up3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QsREQkqmSTYtAAAAEZJREFUGNNjtLfQYcAAP37+4mBnY6AlYHz/5gUBFYyMWMX///+PX83///8h4sgq4YDl+OHdxLgP01jcKv8T5WMDLUWGgQAACj4ULl9i6ucAAAAASUVORK5CYII=) !important;
}
#localNotice #miniLogo { background-image: none; margin-top: -9px;}
.innogame { height: 38px !important;}
.innogame a { text-decoration: none; display: block; padding:8px 0 9px 0;}
.socialBar { background: none !important;}
/* change l'opacité de l'image au survol de la souris */
.survol {
position:relative; /* change #3 : add missing bit to class survol */
display: inline-table;
}
.survol:hover {
filter: brightness(1.15) contrast(1.1);
}
/* définit une fonction de zoom x 1.3 */
.zoom:hover {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
/* -webkit-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%; */
}
.zoom {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.zoom {
border: 0px solid #fff;
margin: 40px 0px;
padding: 10px;
}
/* Pour des effets de clignotements */
.tilt {
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-o-transition: all 3s ease;
-ms-transition: all 3s ease;
transition: all 3s ease;
}
.tilt:hover {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.pulse:hover {
animation-name: pulse;
-webkit-animation-name: pulse;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.clignote {
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.95);
opacity: 0.7;}
50% {
transform: scale(1);
opacity: 1;}
100% {
transform: scale(0.95);
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;}
}
/* **** Propriétés de la classe infobulle **** */
span.infobulle, span.DDMbulle, span.infobulleTxtL,span.infobulleTxtR {
position: relative;
cursor: help;
outline: none;
text-decoration: none;
z-index: 1000;
}
span.infobulle, span.infobulleTxtL, span.infobulleTxtR {border-bottom: thin dotted; }
span.infobulle:hover, span.DDMbulle:hover, span.infobulleTxtL:hover, span.infobulleTxtR:hover{
text-decoration: none;
}
span.infobulle:hover, span.infobulleTxtL:hover,span.infobulleTxtR:hover {background: #FFEEDD; }
span.infobulle span, span.DDMbulle span{
position: absolute;
margin: 20px 0 0 0px;
padding: 10px;
background: #FFF7E6;
border: 1px solid #CD853F;
border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
text-align:justify;
font-size: 0.9em;
line-height:14px;
z-index: 6000;
}
span.infobulleTxtL span, span.infobulleTxtR span {
position: absolute;
margin: 20px 0 0 0px;
padding: 10px;
background: #F8E2B4;
border-radius: 10px;
box-shadow: 0px 0px 15px #000;
text-align:justify;
font-size: 0.9em;
line-height:14px;
z-index: 6000;
}
span.infobulle span {width: 450px; left: 80px; top: -150px; }
span.infobulleTxtRx span {left: 80px; top: -150px; }
span.infobulleTxtL span,span.infobulleTxtR span {top: -150px; }
.infobulleTxtL:hover span {left: -500px; top: -150px; }
.infobulleTxtR:hover span {left: 30px; top: -150px; }
span.DDMbulle span {width: 250px; right: -30px; top: -30px; }
span.DDMbuller span {width: 150px; top: -80px; left:100px; right:-30px}
span.infobulle:hover span,
span.DDMbulle:hover span{
left: 2%;
background: #FFF7E6;
z-index:6;
}
span.infobulleTxtL:hover span,span.infobulleTxtR:hover span{
/*left: 2%; */
background: #F8E2B4;
z-index:6;
}
span.infobulle span, span.infobulleTxtL span, span.infobulleTxtR span, span.DDMbulle span {
position: absolute;
left: -9999px;
margin: 4px 0 0 0px;
padding: 10px;
border:solid 1px black;
}
span.infobulleTxtL span, span.infobulleTxtR span{
position: absolute;
left: -9999px;
margin: 4px 0 0 0px;
padding: 10px;
border:solid 0px black;
box-shadow: 0px 0px 15px #000;
border-radius: 10px;
}
span.infobulle:hover span, span.infobulleTxtL:hover span,span.infobulleTxtR:hover span { margin: 20px 0 0 125px; }
span.DDMbulle:hover span { margin: 30px 0 30px 30px; }
span.infobulle:hover em, span.infobulleTxtL:hover em, span.infobulleTxtR:hover em, span.DDMbulle:hover em {
text-align:center;
font-family: Calibri, Tahoma, Geneva, sans-serif;
font-size: 1.4em;
font-weight: bold;
line-height:30px;
display: block;
}
.set_container {
position:relative;
width: 276px;
height: 395px;
box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47;
border-radius: 10px;
}
#switch, #switch_prod {
position: absolute;
top: 30px;
left: 195px;
cursor: pointer;
}
div.set_bonus {
border:1px solid #997146;
width:40px;
text-align:center;
background-color:#4E3E26;
color:#fff;
font:12px arial;
float:left;
}
table.infoSet {
box-shadow: 2px 2px 4px #000;
margin: 0 0 15px !important;
}
table.infoSet > tbody > tr > td {
background-color: #d4ba91 !important;
padding:0;
}
table.infosetatt {
border: none;
background: none !important;
margin: 3px !important;
}
table.infosetatt > tbody > tr > th {
color: #ffdead !important;
background-color: #301506 !important;
padding-top:0;
padding-bottom:0;
}
table.infosetatt > tbody > tr > td {
padding:0;
border:none;
}
table.transparent, table.transparent > tbody > tr > td {
border:none;
background:none !important;
}
table.transparent { width:100% !important;}
@media screen and (max-width: 1100px) {
table.transparent:not(.static) > tbody > tr > td {
display:block;
}
}
table.transparent .mw-collapsible {
display:inline-block;
}
table.transparent .mw-collapsible-toggle {
margin-left:10px;
}
div.set_container div.item_container > img {
cursor:pointer;
}
div.item_container.item_off > img {
filter:sepia(1) opacity(35%);
}
/* Tooltip bonus sets */
div.tw_bg_tl, div.tw_bg_tr, div.tw_bg_bl, div.tw_bg_br {
background-image: url(https://wiki.the-west.fr/images/f/fc/Tooltip_bg.png);
background-repeat: no-repeat;
position: absolute;
z-index: -1;
}
.tw_bg_tl {
background-position: left top;
bottom: 50%;
right: 50%;
left: 0;
top: 0;
}
.tw_bg_tr {
background-position: right top;
width: 50%;
bottom: 50%;
right: 0;
top: 0;
}
.tw_bg_bl {
background-position: left bottom;
height: 50%;
right: 50%;
bottom: 0;
left: 0;
}
.tw_bg_br {
background-position: right bottom;
height: 50%;
width: 50%;
bottom: 0;
right: 0;
}
.tooltip_outer {
position:absolute;
left:50%;
bottom: 100%;
margin-bottom: 8px;
z-index:-1;
}
.tooltip {
position:relative;
padding:10px 13px 12px 13px;
opacity:0;
visibility:hidden;
-webkit-transition: opacity .15s ease-in-out;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
-moz-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
white-space:nowrap;
max-width:350px;
left:-50%;
color:black;
}
.tooltip::after {
content: " ";
position: absolute;
top: 100%;
left: 50%;
margin-top: -4px;
margin-left: -11px;
background-image: url(https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png);
width: 22px;
height: 11px;
}
.tooltip_container {
position:relative;
}
.tooltip_container:hover .tooltip {
visibility:visible;
-webkit-transition: opacity .15s ease-in-out 0.4s;
-moz-transition: opacity .15s ease-in-out 0.4s;
transition: opacity .15s ease-in-out 0.4s;
opacity:1;
}
.tooltip_container:hover > .tooltip_outer {
z-index:1000;
}
.tooltip:hover {
visibility:hidden !important;
opacity:0 !important;
}
.per_level:after{
content:"(par Niveau)";
}
/* Navigation Bar */
#navbar {
position:relative;
top:-11px;
font-family:Calibri;
width:800px;
max-width:100%;
height:85px;
margin:0;
padding:0;
text-align:center;
/* z-index:100; change #4 : remove navbar z-index */
}
.navbar_bgl, .navbar_bgr {
background-image: url(https://wiki.the-west.fr/images/0/0d/Barre.png);
background-repeat: no-repeat;
position: absolute;
height:100%;
}
.navbar_bgl {
background-position: left;
right: 50%;
left: 0;
}
.navbar_bgr {
background-position: right;
width: 50%;
right: 0;
}
#navbar > #icon1 , #navbar > #icon2{
position:absolute;
bottom:0;
z-index:1;
pointer-events: none;
}
#navbar > #icon1.rev , #navbar > #icon2.rev{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
#navbar > #icon1{
left:75px;
}
#navbar > #icon2{
right:75px;
}
@media screen and (max-width: 1340px) {
#navbar > #icon1 , #navbar > #icon2 {
display:none;
}
}
#navbar ul {
list-style-type: none;
font-size:0;
padding:0;
overflow: hidden;
position:relative;
top:42px;
height:37px;
}
#navbar li {
font-size:16px;
display:inline;
background:none !important;
padding:0 !important;
}
#navbar li a {
position:relative;
display:inline-block;
color: white;
font-weight:normal;
text-align: center;
padding: 8px 10px;
line-height:20px;
text-decoration: none;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#navbar li a:not(.selflink):hover {
color:#FFDEAD;
}
#navbar .selflink {
background-color: #FFDEAD;
color:black;
position:relative;
display:inline-block;
text-align: center;
padding: 8px 10px;
line-height:20px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
z-index:1;
}
#navbar li a:not(.selflink):before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 4px;
width: 0;
background: #FFDEAD;
-webkit-transition: width .25s;
-moz-transition: width .25s;
-ms-transition: width .25s;
-o-transition: width .25s;
transition: width .25s;
}
#navbar li a:not(.selflink):hover:before {
width:100%;
}
#navbar li a:after {
content: "";
display: block;
position: absolute;
left: -2px;
top: 17px;
height: 4px;
width: 4px;
background: #ffffff;
opacity: 0.5;
}
#navbar .selflink:after{
width: 2px;
}
#navbar li:first-child *:after{
opacity:0;
}
/* Items shop */
.shop_container {
position: relative;
background-image: url(https://wiki.the-west.fr/images/0/05/Shop_container.png);
width: 149px;
height: 176px;
margin: 0px;
text-align: center;
display:inline-block;
}
.shop_container .shop_name {
display: inline-block;
width: 114px;
color: white;
text-shadow: 0.1em 0.1em 0.2em #000000;
font-size: 12px;
position: absolute;
line-height: 1.1;
left: 18px;
top: 20px;
font-size: 13px;
}
.shop_container .shop_item {
top: 40px;
left: 35px;
position: absolute;
}
.shop_container .shop_price {
background-image: url(https://wiki.the-west.fr/images/0/0b/Shop_price.png);
width: 100%;
height: 32px;
position: absolute;
top: 132px;
line-height:32px;
font-size:12px;
font-weight:bold;
color:white;
text-shadow:0.1em 0.1em 0.2em #333333;
}
.shop_container .shop_border {
width: 133px;
height: 162px;
position: absolute;
left: 9px;
top: 5px;
background: url(https://wiki.the-west.fr/images/b/b1/Shop_frame.png) no-repeat;
}
.shop_container #vert {background-position: -133px 0;}
.shop_container #bleu {background-position: -266px 0;}
.shop_container #rouge {background-position: -399px 0;}
.shop_container #orange {background-position: -532px 0;}
.shop_container #marron {background-position: -665px 0;}
.shop_container #violet {background-position: -798px 0;}
.shop_container #cyan {background-position: -931px 0;}
.shop_container #gris {background-position: -1064px 0;}
/* Bannière nouveaux sets */
.new_set {
width: 36px;
height: 34px;
position: absolute;
top: 0px;
right: 0px;
background: url(https://wiki.the-west.fr/images/1/1a/New.png);
pointer-events: none;
z-index: 1;
}
/* Arrière plan Noël / Saint Valentin / Saint patrick/ pâques/event*/
.xmas {
background-image: url(https://wiki.the-west.fr/images/5/58/Arri%C3%A8re-plan_No%C3%ABl.png) !important;
background-repeat:no-repeat !important;
}
.valentine {
background-image: url(https://westfr.innogamescdn.com/images/window/events/valentine/valentine_bg.png) !important;
background-repeat:no-repeat !important;
background-position:bottom;
}
.sp {
background-image: url(https://wiki.the-west.fr/images/0/0a/St_patrick_bg.png) !important;
background-repeat:no-repeat !important;
background-position:center;
}
.pâques {
background-image: url(https://wiki.the-west.fr/images/4/41/Bg_pâques.png) !important;
background-repeat:no-repeat !important;
background-position:bottom;
}
/* Nouvelles popup */
div.tw_bg_popup_tl,
div.tw_bg_popup_tr,
div.tw_bg_popup_bl,
div.tw_bg_popup_br {
background-image: url(https://wiki.the-west.fr/images/5/59/Fond_objets.png);
position: absolute;
z-index: -1;
}
.tw_bg_popup_tl {
background-position: left top;
bottom: 50%;
right: 50%;
left: 0;
top: 0;
}
.tw_bg_popup_tr {
background-position: right top;
width: 50%;
bottom: 50%;
right: 0;
top: 0;
}
.tw_bg_popup_bl {
background-position: left bottom;
height: 50%;
right: 50%;
bottom: 0;
left: 0;
}
.tw_bg_popup_br {
background-position: right bottom;
height: 50%;
width: 50%;
bottom: 0;
right: 0;
}
div.popup_window {
position: absolute;
display: none;
margin: 0px;
min-width: 200px;
white-space: nowrap;
z-index:1000;
}
div.item_container {
height: 79px;
width: 79px;
position: relative;
background-image: url(https://wiki.the-west.fr/images/a/a9/Case_inventaire.png);
background-repeat: no-repeat;
background-size:contain;
display: inline-block;
}
div.item_container.wear {
height: 93px;
width: 94px;
position: relative;
background-image: url(https://wiki.the-west.fr/images/8/82/Item_box_wear.png);
background-repeat: no-repeat;
display: inline-block;
}
div.item_container.wear2 {
height: 138px;
width: 95px;
position: relative;
background-image: url(https://wiki.the-west.fr/images/5/54/Item_box_wear2.png);
background-repeat: no-repeat;
display: inline-block;
}
div.item_container.empty {
background-image: none;
}
div.item_container > img, div.item_container > a > img {
position: absolute;
top: 3px;
left: 3px;
}
div.item_border div.item_container > img,
div.item_container.wear > img,
div.item_container.wear2 > img {
top: 0px !important;
left: 0px !important;
}
div.item_container:hover div.popup_window {
left: 120%;
top: 10px;
z-index: 10;
display: block;
}
small div.item_container {
height: 60px;
width: 60px;
}
small div.item_container > img, small div.item_container > a > img {
width:54px !important;
height:54px !important;
}
div.popup_contents {
margin: 25px;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
}
div.popup_contents * {
margin: 0;
}
div.popup_image {
background-image: url(https://wiki.the-west.fr/images/a/a9/Case_inventaire.png);
background-repeat: no-repeat;
width: 79px;
height: 79px;
margin: auto;
}
.popup_divider {
width:124px;
height:6px;
margin-top:4px !important;
background-image: url(https://wiki.the-west.fr/images/d/d5/Barre_de_division.png);
margin-left: auto !important;
margin-right: auto !important;
display: block;
}
div.popup_image img {
padding-top: 3px;
padding-left: 4px;
}
.popup_attribute {
text-align: left;
padding-left: 7px;
font-size: 12px;
color: #070;
font-weight: bold;
}
.popup_skill {
text-align: left;
padding-left: 18px;
font-size: 11px;
color: #070;
}
.popup_type {
font-style: italic;
font-size: 8pt;
text-align: center;
}
.popup_name {
font-size: 13px;
color: #070;
font-weight: bold;
text-align: center;
padding-top: 4px;
}
.popup_infos {
text-align: center;
}
.popup_id {
color: blue;
}
.popup_set {
color: #800080;
font-weight: bold;
}
.popup_speed {
color: #8b4513;
}
.popup_fb {
color: #8b4513;
font-weight: bold;
}
.popup_fb_stats {
color: #8b4513;
font-weight: bold;
}
.popup_dmg {
font-weight: bold;
text-align: center;
}
.popup_text {
color: #007777;
white-space: normal;
max-width: 200px;
}
.popup_quest {
color:#800000;
text-align:center;
font-style: italic;
}
.item_number {
position: absolute;
margin: 0;
bottom: 2px;
left: 6px;
text-shadow: black 1px 1px 1px;
color: white;
font-weight: bold;
z-index: 2;
font-size: 16pt;
}
div.item_number_proba .item_number {
top:auto;
bottom: 0;
font-size: 11pt;
background-color: rgba(0, 0, 0, 0.2);
padding: 0px 2px 0 1px;
box-shadow: 1px 1px 3px #000;
border-radius: 1px 1px 3px;
}
.popup_bonus {
color:#8b4513;
}
.popup_job {
display:inline-block;
border-radius: 3px;
border: 1px solid #804000;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.popup_job img {
width:50px;
height:50px;
}
.popup_crafteditem {
display:inline-block;
background: none;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.popup_crafteditem table {
border-radius: 3px;
border: 1px solid #804000;
text-align: center;
}
.popup_txtgreen {
color: green;
}
.popup_txtred {
color: #900;
}
.item_level {
position: absolute;
display:block;
top: 4px;
left: 3px;
height: 13px;
line-height: 13px;
background-color: rgba(0,0,0,0.4);
text-align: center;
font-size: 12px;
padding: 1px 2px 0 2px;
color: #ffffff;
font-weight: normal;
box-shadow: 1px 1px 3px #000000;
border-radius: 0 0 2px 0;
text-shadow: black -1px 0 1px, black 0 1px 1px, black 1px 0 1px, black 0 -1px 1px;
white-space: nowrap;
z-index: 1;
}
.icon_level {
display: inline-block;
width: 15px;
height:12px;
background:url(https://westfr.innogamescdn.com/images/items/item_level.png);
margin-right: 3px;
}
.level {
vertical-align: top;
}
.upgrade {
display: inline-block;
width:12px;
height: 12px;
background: url(https://wiki.the-west.fr/images/c/ca/Upgrade_icons.png) 0px 12px;
margin: 0px 3px 0 1px;
cursor: pointer;
}
.upgrade:hover {
background-position-y:0px;
}
.downgrade {
display: inline-block;
width:12px;
height:12px;
background: url(https://wiki.the-west.fr/images/c/ca/Upgrade_icons.png) 12px 12px;
margin: 0px 3px 0 3px;
cursor: pointer;
}
.downgrade:hover {
background-position-y:0px;
}
.item_container[data-lvl="0"] .item_level {
display:none;
}
.item_container:hover .item_level {
display:block;
}
.item_container .upgrade, .item_container .downgrade {
display:none;
}
.item_container:hover .upgrade, .item_container:hover .downgrade {
display:inline-block;
}
.input_level,
#input_level,
#input_search {
display: inline-block;
background: url(https://westzz.innogamescdn.com/images/tw2gui/textfield/textfield.png) top left no-repeat;
height: 30px;
width: 12px;
}
#input_search {
position: absolute;
right: 250px;
}
input.west, select.west {
background: url(https://westfr.innogamescdn.com/images/tw2gui/textfield/textfield.png) top right no-repeat;
height: 30px;
width: 180px;
margin-left: 12px;
padding: 0px 8px 0px 0px;
border: 0;
outline: none;
}
.cdrjob{
border: 4px solid #74563D;
border-radius: 8px;
background-color: #D4BA91;
align-content: center;
width:auto !important;
margin-left: 15px !important;
margin-right:15px;
padding: 12px;
box-shadow: 1px 1px 2px #00000087;
}
.cdrjob:after {
content:' ';
clear: both;
display: block;
}
.xdrjobT{
text-shadow: 1px 1px 2px rgba(26, 26, 203, 0.51);
color:#404040;
font-size:30px;
width:100%;
text-align:center;
line-height:26px;
border: 0;
font-weight: bold;
font-family: System;text-decoration: underline;
}
#tableh {display: table;}
.row {display: table-row;}
.cell {display: table-cell;}
div.prize-section {
display:inline-block;
position:relative;
margin: auto;
}
div.prize-section .section-border {
border: 3px solid #a49e97;
border-radius: 8px;
box-shadow: 0 0 20px inset;
opacity: 0.9;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
div.prize-section .section-bg {
position: absolute;
left: 3px;
right: 3px;
bottom: 3px;
top: 3px;
opacity: 0.4;
border-radius: 5px;
}
div.prize-section .section-legend {
position: relative;
text-align: center;
text-shadow: 0 0 5px #000;
padding: 10px 15px 5px 15px;
color: white;
font-size:20px;
}
div.prize-section .section-content {
position: relative;
padding: 15px;
}
div.title {
position:relative;
height: 49px;
width:97%;
}
.title_tl, .title_tr, .title_br, .title_bl {
background-image: url(https://wiki.the-west.fr/images/9/95/Encart.png);
background-repeat: no-repeat;
position: absolute;
}
.title_tl {
background-position: left top;
bottom: 50%;
right: 50%;
left: 0;
top: 0;
}
.title_tr {
background-position: right top;
width: 50%;
bottom: 50%;
right: 0;
top: 0;
}
.title_bl {
background-position: left bottom;
height: 50%;
right: 50%;
bottom: 0;
left: 0;
}
.title_br {
background-position: right bottom;
height: 50%;
width: 50%;
bottom: 0;
right: 0;
}
/* Centrer les images dans les annonces */
div.ann_img img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
/* Tableau avec th fixe */
table.sticky_header th {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:15;
}
/* change #5 : duplicate definition of div#dock and #siteNotice */
#right_menu {
position: relative;
top: -106px;
padding:0 !important;
margin:0 20px 0 30px !important;
background: none !important;
height:auto !important;
}
#wiki_logo {
position: relative;
width: 112px;
height: 110px !important;
background: url(https://wiki.the-west.fr/images/b/b7/Logor.png) !important;
margin-bottom: 10px;
}
#wiki_logo a {
color:#FFFFFF !important;
font-weight:normal;
}
#right_menu .no_bg {
background:none !important;
height:auto !important;
}
/* change #5 : remove duplicate definition of #right_menu , .innogames-headline , #localNotice, .innogame and .socialBar */
table.nocolor td {background: none !important;}
tr.nocolor td {background: none !important;}
table th {background:#c8a481!important;}
.cdr_prq {
display: inline-block;
background: #FFFFFF;
border-radius: 10px;
padding: 5px 5px;
font-size: smaller;
vertical-align: top;
margin: 2px;
box-shadow: 1px 1px 1px 1px #00000024;
}
.prq_cond {width:490px;}
.prq_dispo {width:330px;}
.prq_title {
background: #F5B555;
color: black;
padding: 8px 10px;
border-radius: 5px;
}
.item_container .sortval {
position: absolute;
bottom: 5px;
left: 8px;
text-shadow: black 1px 1px 1px;
font-size: 18px;
color: white;
font-weight: 40;
}
tr.ongoing td {
background-color:#9fea9f !important;
}
.window_border {
margin:auto;
position:relative;
padding:7px;
z-index:0;
}
.cadre_fin {
display:inline-block;
margin:auto;
position:relative;
padding:10px;
z-index:0;
}
.wb_content {
background:url(https://wiki.the-west.fr/images/8/80/Arriere_plan_cadre.png);
border-radius:15px;
padding:30px;
}
div.wb_tl, div.wb_tr, div.wb_bl, div.wb_br {
background-image: url(https://westfr.innogamescdn.com/images/tw2gui/window/window_border.png);
background-repeat: no-repeat;
position: absolute;
}
div.wbt_tl, div.wbt_tr, div.wbt_bl, div.wbt_br {
background-image: url(https://wiki.the-west.fr/images/3/3c/Table_border.png);
background-repeat: no-repeat;
position: absolute;
z-index:-1;
}
div.wbtor_tl, div.wbtor_tr, div.wbtor_bl, div.wbtor_br {
background-image: url(https://wiki.the-west.fr/images/1/19/Table_border_ornement.png);
background-repeat: no-repeat;
position: absolute;
z-index:-1;
}
.wb_tl, .wbt_tl, .wbtor_tl {
background-position: left top;
bottom: 50%;
right: 50%;
left: 0;
top: 0;
}
.wb_tr, .wbt_tr, .wbtor_tr {
background-position: right top;
width: 50%;
bottom: 50%;
right: 0;
top: 0;
}
.wb_bl, .wbt_bl, .wbtor_bl {
background-position: left bottom;
height: 50%;
right: 50%;
bottom: 0;
left: 0;
}
.wb_br, .wbt_br, .wbtor_br {
background-position: right bottom;
height: 50%;
width: 50%;
bottom: 0;
right: 0;
}
div.encart_quete {
display:inline-block;
position: relative;
width: 272px;
height: 152px;
margin:3px;
background: url(https://i.imgur.com/OuFLbIN.png);
}
div.encart_quete .titre {
top: 12px;
text-align: center;
position: relative;
/* change #8 : correct "Encart Quête Dispo" alignment by truncating the title when needed */
height : 23px;
overflow: hidden;
}
div.encart_quete .donneur img {
position: absolute;
max-width: 75px;
max-height: 75px;
top: 51px;
left: 14px;
}
div.encart_quete .donneur_overlay {
position: absolute;
top: 39px;
left: 12px;
width: 80px;
height: 100px;
background: url(https://westfr.innogamescdn.com/images/window/quest/pic_small.png);
background-size: cover;
}
div.encart_quete .info {
display: inline-block;
position: absolute;
top: 65px;
left: 97px;
font-size:13px;
text-shadow: 1px 1px 2px #00000063;
}
a.new, #p-personal a.new {
color: #ba0000 !important;
}
.quest_giver > img {
width:96px !important;
height:96px !important;
}
@font-face {
font-family: 'Anderson Four Feather Falls';
font-style: normal;
font-weight: 400;
src: local('Anderson Four Feather Falls'), local('AndersonFourFeatherFalls-Regular'),
url(https://static.west-tools.info/fonts/Anderson.woff) format('woff'),
url(https://static.west-tools.info/fonts/Anderson.woff) format('truetype');
}
.youtube_video { overflow:hidden;}
#mw-content-text li {
list-style-type: none;
background: url(https://wiki.the-west.fr/images/4/41/Arrow.png) no-repeat 0 5px;
padding: 3px 0 3px 27px;
}
#mw-content-text li:hover {
background: url(https://wiki.the-west.fr/images/e/e0/Arrow_active.png) no-repeat 0 5px;
}
.set_icon_sprite {
display:inline-block;
position: relative;
width: 70px;
height: 66px;
background:url(https://wiki.the-west.fr/images/f/f9/Ic%C3%B4nes_sets_sprite.png?1);
}
div.cadre_options {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
background-color: #8a5f302b;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #996b39;
border-bottom: 1px solid #996b39;
}