MediaWiki:Common.css
Jump to navigation
Σημείωση: μετά την δημοσίευση, ίσως χρειαστεί να παρακάμψετε την προσωρινή μνήμη του προγράμματος περιήγησής σας για να δείτε τις αλλαγές.
- Firefox / Safari: Κρατήστε πατημένο το Shift κάνοντας ταυτόχρονα κλικ στο κουμπί Ανανέωση ή πιέστε Ctrl-F5 ή Ctrl-R (⌘-R σε Mac)
- Google Chrome: Πιέστε Ctrl-Shift-R (⌘-Shift-R σε Mac)
- Internet Explorer / Edge: Κρατήστε πατημένο το Ctrl κάνοντας ταυτόχρονα κλικ στο κουμπί Ανανέωση, ή πιέστε Ctrl-F5
- Opera: Πιέστε Ctrl-F5.
/* CSS placed here will be applied to all skins */ /* ======== Scrollbar ======== */ ::-webkit-scrollbar { position: absolute; overflow: hidden; right: 0; width: 15px; bottom: 0; top: 0; } ::-webkit-scrollbar-track:vertical { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) repeat-y -32px 0px; } ::-webkit-scrollbar-track:horizontal { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png) repeat-x 0px -32px; } ::-webkit-resizer { background: url(https://westgr.innogamescdn.com/images/tw2gui/window/window2_resizer.png), url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) repeat-y -30px 0px; } ::-webkit-scrollbar-corner { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) repeat-y -30px 0px; } ::-webkit-scrollbar-thumb:vertical { height: 20%; background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) repeat-y -45px 0px; min-height: 16px; position: absolute; width: 15px; } ::-webkit-scrollbar-thumb:horizontal { width: 20%; background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png) repeat-x 0px -45px; min-width: 16px; position: absolute; height: 15px; } /* Buttons */ ::-webkit-scrollbar-button:single-button:vertical { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) no-repeat 0px 0px; width: 15px; height: 15px; left: 0px; top: 0px; max-height: 51%; position: absolute; } ::-webkit-scrollbar-button:single-button:horizontal { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png) no-repeat 0px 0px; width: 15px; height: 15px; left: 0px; top: 0px; max-width: 51%; position: absolute; } ::-webkit-scrollbar-button:single-button:vertical:increment { background-position: 0px bottom; bottom: 0px; top: auto; } ::-webkit-scrollbar-button:single-button:horizontal:increment { background-position: right 0px; right: 0px; left: auto; } html { /* For Firefox */ overflow-y: scroll; scrollbar-color: #000000d1 #232323; scrollbar-width: thin; } /* ====== Editor ====== */ .mw-editform textarea { padding: 0.75em; color: darkorange; background: #44301d; } .mw-editform .editOptions { border-radius: 0 0 0.75em 0.75em; color: darkorange; background: #44301d; } #msupload-div { padding: 1px; background: #44301d; } #msupload-dropzone { color: darkorange; } .mw-parser-output { overflow: visible; } /* CSS placed here will be applied to all skins */ p { line-height: 1.35em; } #ca-talk, #ca-watch, #ca-unwatch { display: none !important; } div#mw-content-text { min-height: 200px; overflow-wrap: break-word; } .img_max img { max-width: unset !important; } .img_max { display: inline-block; } .sorting_container { text-align: center; } /* Wiki */ .mw-body a, .mw-body a.external { color: #804000; } div.mw-content-ltr img { /*width: unset;*/ max-width: 100%; height: auto; } #mw-content-text a, #mw-content-text a.external { font-weight: bold; } #document-wrapper { padding: 0 225px 0 20px; margin: 0 auto; max-width: 1225px; min-width: 905px; } /* Side Buttons Menu */ #sb_menubar { background-color: transparent !important; height: unset !important; position: absolute !important; right: 175px !important; top: 200px !important; z-index: -1 !important; } div.sb_container { background-color: transparent !important; height: unset !important; position: relative !important; margin: 0 0 10px 0 !important; padding: 8px 5px 0 8px !important; } #sb_menubar:hover, div.sb_container, div.sb_container div.sb_bottom { background-image: none !important; background-size: unset !important; } .sb_container::before { background: url(https://westgr.innogamescdn.com/images/interface/menubg.png) no-repeat !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; z-index: -2; transform: scaleX(-1) !important; } div.sb_container div.sb_bottom { position: absolute; background: url(https://westgr.innogamescdn.com/images/interface/menubg.png) no-repeat 0 -89px !important; width: 100% !important; height: 11px !important; left: 0 !important; bottom: -10px !important; transform: scaleX(-1) !important; } .sb_link { background: url(/images/3/3e/Sb_icons.png) no-repeat !important; width: 38px !important; height: 45px !important; cursor: pointer !important; margin: 0 !important; font-size: 0px !important; position: relative; } .sb_link a { width: 38px !important; height: 45px !important; display: flex !important; position: absolute; inset: 0; z-index: 300; } .sb_link.w_main:hover, .sb_link.w_sets:hover, .sb_link.w_cs:hover, .sb_link.w_xmas:hover, .sb_link.w_valentine:hover, .sb_link.w_easter:hover, .sb_link.w_independence:hover, .sb_link.w_oktoberfest:hover, .sb_link.w_dotd:hover, .sb_link.w_pumpkin:hover, .sb_link.w_patrick:hover, .sb_link.w_support:hover, .sb_link.w_options:hover, .sb_link.w_bug:hover { background-position-x: -38px !important; } .sb_link.w_main { background-position-y: -810px !important; } .sb_link.w_sets { background-position-y: -360px !important; } .sb_link.w_cs { background-position-y: -1215px !important; } .sb_link.w_xmas { background-position-y: -1260px !important; } .sb_link.w_valentine { background-position-y: -1305px !important; } .sb_link.w_easter { background-position-y: -1350px !important; } .sb_link.w_independence { background-position-y: -1395px !important; } .sb_link.w_oktoberfest { background-position-y: -1440px !important; } .sb_link.w_dotd { background-position-y: -1485px !important; } .sb_link.w_pumpkin { background-position-y: -1530px !important; } .sb_link.w_patrick { background-position-y: -1575px !important; } .sb_link.w_support { background-position-y: -720px !important; } .sb_link.w_options { background-position-y: -450px !important; } .sb_link.w_bug { background-position-y: -495px !important; } /* tw2gui Icons */ .tw2gui-iconset { background: url(/images/f/ff/Small_tw2gui_iconset.png) no-repeat; width: 16px; height: 16px; display: inline-block; } .tw2gui-icon-achievement { background-position: 0 0; } .tw2gui-icon-charclass { background-position: -16px 0; } .tw2gui-icon-clock { background-position: -32px 0; } .tw2gui-icon-abort { background-position: -48px 0; } .tw2gui-icon-friends { background-position: -64px 0; } .tw2gui-icon-friends2 { background-position: -80px 0; } .tw2gui-icon-hourglass { background-position: -96px 0; } .tw2gui-icon-consumable { background-position: -114px 0; } .tw2gui-icon-search { background-position: -128px 0; } .tw2gui-icon-useable { background-position: -144px 0; } .tw2gui-icon-inactive { background-position: 0 -16px; } .tw2gui-icon-link { background-position: -16px -16px; } .tw2gui-icon-lock { background-position: -32px -16px; } .tw2gui-icon-mail { background-position: -48px -16px; } .tw2gui-icon-nugget { background-position: -64px -16px; } .tw2gui-icon-offline { background-position: -80px -16px; } .tw2gui-icon-online { background-position: -96px -16px; } .tw2gui-icon-onoffline { background-position: -110px -16px; } .tw2gui-icon-star { background-position: -128px -16px; } .tw2gui-icon-home { background-position: -144px -16px; } .tw2gui-icon-buddy { background-position: 0 -32px; } .tw2gui-icon-world { background-position: -16px -32px; } .tw2gui-icon-attention { background-position: -32px -32px; } .tw2gui-icon-calender { background-position: -48px -32px; } .tw2gui-icon-dollar { background-position: -64px -32px; } .tw2gui-icon-flag { background-position: -80px -32px; } .tw2gui-icon-flash { background-position: -96px -32px; } .tw2gui-icon-west { background-position: -110px -32px; } .tw2gui-icon-gun { background-position: -128px -32px; } .tw2gui-icon-luck { background-position: -144px -32px; } .tw2gui-icon-package { background-position: 0 -48px; } .tw2gui-icon-plus { background-position: -16px -48px; } .tw2gui-icon-shirt { background-position: -32px -48px; } .tw2gui-icon-book { background-position: -48px -48px; } .tw2gui-icon-comment { background-position: -64px -48px; } .tw2gui-icon-hammer { background-position: -80px -48px; } .tw2gui-icon-medal { background-position: -96px -48px; } .tw2gui-icon-westblack { background-position: -110px -48px; } .tw2gui-icon-tree { background-position: -128px -48px; } .tw2gui-icon-box { background-position: -144px -48px; } .tw2gui-icon-bookshelf { background-position: 0 -64px; } .tw2gui-icon-safe { background-position: -16px -64px; } .tw2gui-icon-bond { background-position: -32px -64px; } .tw2gui-icon-exclamation-priority-2 { background-position: -48px -64px; } .tw2gui-icon-question-priority-2 { background-position: -64px -64px; } .tw2gui-icon-exclamation-gray-priority-2 { background-position: -80px -64px; } .tw2gui-icon-question-gray-priority-2 { background-position: -96px -64px; } .tw2gui-icon-arrowup { background-position: -110px -64px; } .tw2gui-icon-arrowdown { background-position: -128px -64px; } .tw2gui-icon-arrowright { background-position: -144px -64px; } .tw2gui-icon-delete { background-position: 0 -80px; } .tw2gui-icon-save { background-position: -16px -80px; } .tw2gui-icon-export { background-position: -32px -80px; } .tw2gui-icon-export-down { background-position: -48px -80px; } .tw2gui-icon-gear { background-position: -64px -80px; } .tw2gui-icon-exclamation-priority-3 { background-position: -80px -80px; } .tw2gui-icon-question-priority-3 { background-position: -96px -80px; } .tw2gui-icon-exclamation-priority-1 { background-position: -112px -80px; } .tw2gui-icon-question-priority-1 { background-position: -128px -80px; } .tw2gui-icon-home-grey { background-position: -144px -80px; } .tw2gui-icon-exclamation-priority-4 { background-position: 0px -96px; } .tw2gui-icon-question-priority-4 { background-position: -16px -96px; } .tw2gui-icon-exclamation-gray-priority-4 { background-position: -32px -96px; } .tw2gui-icon-question-gray-priority-4 { background-position: -48px -96px; } .tw2gui-icon-exclamation-gray-priority-3 { background-position: -64px -96px; } .tw2gui-icon-question-gray-priority-3 { background-position: -80px -96px; } .tw2gui-icon-exclamation-gray-priority-1 { background-position: -96px -96px; } .tw2gui-icon-question-gray-priority-1 { background-position: -112px -96px; } .tw2gui-icon-flag-grey { background-position: -128px -96px; } .tw2gui-icon-buddy-grey { background-position: -144px -96px; } .tw2gui-icon-egg { background-position: 0px -112px; } .tw2gui-icon-exit { width: 18px; background-position: -16px -112px; } .tw2gui-icon-eye { width: 17px; background-position: -34px -112px; } .tw2gui-icon-range { background-position: -51px -112px; } .banner_staff { position: relative; justify-content: center; text-align: center; align-items: center; padding: 5px 6px 5px 30px; font-size: 85%; word-wrap: normal; font-weight: bold; transition: ease-out 500ms; color: #efefef; border-radius: 3px; background-image: linear-gradient(210deg, #8f343a, #26a65b, #1c86ee, #ffbe1c, #176093, #7af26d, #8e44ad, #c60, #cf4d35, #e0eeee), linear-gradient(to bottom, rgba(45, 45, 45, 0.2) 0%, rgba(155, 155, 155, 0) 75%, rgba(45, 45, 45, 0.2) 100%), linear-gradient(to right, rgba(253, 96, 116, 0) 0%, rgba(253, 96, 116, 0.1) 50%, rgba(253, 96, 116, 0) 100%); background-size: 1200% 1200% !important; border-image: linear-gradient(210deg, #8f343a, #26a65b, #1c86ee, #ffbe1c, #176093, #7af26d, #8e44ad, #c60, #cf4d35, #e0eeee); animation: RainbowBanner 15s ease infinite; box-sizing: content-box !important; -webkit-user-select: none; user-select: none; } .banner_staff:hover { background-image: linear-gradient(210deg, #8f343a, #26a65b, #1c86ee, #ffbe1c, #176093, #7af26d, #8e44ad, #c60, #cf4d35, #e0eeee), linear-gradient(to bottom, rgba(45, 45, 45, 0.2) 0%, rgba(155, 155, 155, 0) 75%, rgba(45, 45, 45, 0.2) 100%), linear-gradient(to right, rgba(253, 96, 116, 0) 0%, rgba(253, 96, 116, 0.1) 50%, rgba(253, 96, 116, 0) 100%); background-size: 1200% 1200% !important; border-image: linear-gradient(210deg, #8f343a, #26a65b, #1c86ee, #ffbe1c, #176093, #7af26d, #8e44ad, #c60, #cf4d35, #e0eeee); animation: RainbowBanner 15s ease infinite; box-sizing: content-box !important; transition: ease-out 500ms; transform: scale(1.05); text-rendering: auto; color: #f0f0f0; } .banner_staff:before { background: rgba(25, 25, 25, 0.15); position: absolute; justify-content: center; display: flex; align-items: center; content: ""; top: 0; bottom: 0; left: 0; min-width: 25px; font-size: 100%; text-align: center; font-style: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 3px 0 0 3px; } .banner_staff:after { top: 50%; left: 25px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; border-width: 5px; margin: -5px 0 0 0; } .banner_staff_left:before { content: "🛠"; font-weight: 600; font-size: 15px; position: absolute; left: 0; top: 0; height: 100%; width: 25px; display: flex; justify-content: center; align-items: center; } .banner_staff_left:after { top: 50%; left: 25px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; border-width: 5px; margin: -5px 0 0 0; border-left-color: rgba(25, 25, 25, 0.15); } .banner_staff:hover .banner_staff_left:before { transform: rotate(360deg); transition: 0.8s; } .singature_container { max-width: 230px; margin: auto; } /* ======== Scrollbar ======== */ ::-webkit-scrollbar { position: absolute; overflow: hidden; right: 0; width: 15px; bottom: 0; top: 0; } ::-webkit-scrollbar-track:vertical { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) repeat-y -32px 0px; } ::-webkit-scrollbar-track:horizontal { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png) repeat-x 0px -32px; } ::-webkit-resizer { background: url(https://westgr.innogamescdn.com/images/tw2gui/window/window2_resizer.png), url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) repeat-y -30px 0px; } ::-webkit-scrollbar-corner { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) repeat-y -30px 0px; } ::-webkit-scrollbar-thumb:vertical { height: 20%; background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) repeat-y -45px 0px; min-height: 16px; position: absolute; width: 15px; } ::-webkit-scrollbar-thumb:horizontal { width: 20%; background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png) repeat-x 0px -45px; min-width: 16px; position: absolute; height: 15px; } /* Buttons */ ::-webkit-scrollbar-button:single-button:vertical { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_vertical.png) no-repeat 0px 0px; width: 15px; height: 15px; left: 0px; top: 0px; max-height: 51%; position: absolute; } ::-webkit-scrollbar-button:single-button:horizontal { background: url(https://westgr.innogamescdn.com/images/tw2gui/window2_scrollbar_horizontal.png) no-repeat 0px 0px; width: 15px; height: 15px; left: 0px; top: 0px; max-width: 51%; position: absolute; } ::-webkit-scrollbar-button:single-button:vertical:increment { background-position: 0px bottom; bottom: 0px; top: auto; } ::-webkit-scrollbar-button:single-button:horizontal:increment { background-position: right 0px; right: 0px; left: auto; } html { /* For Firefox */ overflow-y: scroll; scrollbar-color: #000000d1 #232323; scrollbar-width: thin; } /* ====== Scrollbar End ====== */ #back-top { right: 35px !important; } /* Fix search */ #searchText { width: 80%; z-index: 10; } div.oo-ui-menuSelectWidget { margin-top: 40px; } input.oo-ui-inputWidget-input { width: 65%; } /* Make titles markable */ div.tbbox-rafter { display: none; } .tribal-button { width: 190px !important; } .with-button .tbbox-headline { width: 100% !important; } #toc { display: inline-block; width: auto; } div.mw-body table { width: auto; margin-top: 0.4em; } table.jquery-tablesorter th.headerSort { background-image: url(https://wiki.the-west.de/images/a/a6/Sort_both.png) !important; } table.jquery-tablesorter th.headerSortDown { background-image: url(https://wiki.the-west.de/images/f/f3/Sort_down.png) !important; } table.jquery-tablesorter th.headerSortUp { background-image: url(https://wiki.the-west.de/images/8/81/Sort_up.png) !important; } tbody.tw2 { background-image: url(/images/b/bd/Tw2-tbody.png) !important; } table.tw2 { display: table !important; width: 100%; border-collapse: separate !important; border-spacing: 1px !important; border: 1px solid #996b39; border-color: rgba(110, 57, 0, 0.5); margin-bottom: 4px; } table tr > th, table.tw2 tr > th { font-weight: bold; color: #ffdead !important; background-color: #301506 !important; } table td, table th, table.tw2 td, table.tw2 th { padding: 5px; } table.tw2 th { background: rgba(93, 47, 0, 0.275); background: -webkit-linear-gradient( top, rgba(93, 47, 0, 0.15), rgba(93, 47, 0, 0.4) ); background: -moz-linear-gradient( top, rgba(93, 47, 0, 0.15), rgba(93, 47, 0, 0.4) ); background: -ms-linear-gradient( top, rgba(93, 47, 0, 0.15), rgba(93, 47, 0, 0.4) ); background: -o-linear-gradient( top, rgba(93, 47, 0, 0.15), rgba(93, 47, 0, 0.4) ); background: linear-gradient( to bottom, rgba(93, 47, 0, 0.15), rgba(93, 47, 0, 0.4) ); } table.tw2 tr:nth-of-type(2n) td { background-color: rgba(233, 211, 167, 0.69) !important; } table.tw2 tr:nth-of-type(2n + 1) td { background-color: rgba(233, 211, 167, 0.36) !important; } table.compact td, table.compact th { padding: 0; font-size: 13px; } 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; } } table.transparent .mw-collapsible { display: inline-block; } table.transparent .mw-collapsible-toggle { margin-left: 10px; } 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; } /* Δεξια μπαρα */ /* 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 { 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;} #wiki_logo { position: relative; width: 112px; height: 110px !important; background: url(https://media.innogamescdn.com/com_WEST_GR/wiki/version_logo.png) !important; margin-bottom: 44px; } #wiki_logo a { color: #ffffff !important; font-weight: normal; } .logo_pulse { -webkit-animation-name: logo-pulse; animation-name: logo-pulse; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Bull 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;*/ } .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); -ms-filter: "FlipH"; filter: FlipH; } #navbar > #icon1 { left: 75px; } #navbar > #icon2 { right: 75px; } @media screen and (max-width: 1200px) { #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: 18px; display: inline; } #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 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } #navbar li a: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-radius: 0 0 10px 10px; box-shadow: 0 0 2px 2px black inset; z-index: 1; } #navbar .selflink:hover { color: black; } #navbar .selflink:hover:before { width: 0%; } #navbar li a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 4px; width: 0; background: #ffdead; -webkit-transition: width 0.25s; -moz-transition: width 0.25s; -ms-transition: width 0.25s; -o-transition: width 0.25s; transition: width 0.25s; } #navbar li a:hover:before { width: 100%; } /*#navbar li a:after, #navbar .selflink: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; }*/ /* Inputs */ .input_level, #input_level, #input_search { display: inline-block; background: url(https://westgr.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://westgr.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; } /* Αλλαγη οπλου/προιον (σετ) */ #switch { position: absolute; top: 30px; left: 195px; cursor: pointer; } #switch_prod { position: absolute; top: 30px; left: 195px; cursor: pointer; } /* Set bonus tooltip */ div.tt_bg_tl, div.tt_bg_tr, div.tt_bg_bl, div.tt_bg_br { background-image: url(https://wiki.the-west.net/images/f/fc/Tooltip_bg.png); background-repeat: no-repeat; position: absolute; z-index: -1; } .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 0.15s ease-in-out; -webkit-transform: translateZ(0) scale(1, 1); -moz-transition: opacity 0.15s ease-in-out; -moz-transform: translateZ(0) scale(1, 1); transition: opacity 0.15s ease-in-out; transform: translateZ(0) scale(1, 1); 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.net/images/3/32/Tooltip_arrow.png); width: 22px; height: 11px; } .tooltip_container { position: relative; } .tooltip_container:hover .tooltip { visibility: visible; -webkit-transition: opacity 0.15s ease-in-out 0.4s; -moz-transition: opacity 0.15s ease-in-out 0.4s; transition: opacity 0.15s ease-in-out 0.4s; opacity: 1; } .tooltip_container:hover > .tooltip_outer { z-index: 1000; } .per_level:after { content: "(ανά επίπεδο)"; } /* Sets */ .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; } .infoSet { margin: 0 0 15px !important; border: 1px solid #806d47; box-shadow: 2px 2px 4px #000; } table.infosetatt { border: none; background: none !important; margin: 3px; height: 44px; } table.infosetatt td { padding: 0; vertical-align: middle; } table.infosetatt > tbody > tr > th { color: #ffdead !important; background-color: #301506 !important; padding-top: 0; padding-bottom: 0; } div.set_bonus { border: 1px solid #997146; width: 41px; height: 55px; text-align: center; background-color: #4e3e26; color: #fff; font: 12px arial; float: left; } div.set_bonus > img { width: 42px; position: absolute; right: 0px; } .sb_text { background-image: url(/images/a/ab/Set_bonus_bg.png); width: 41px; height: 16px; position: absolute; line-height: 16px; font-size: 11px; bottom: 0; color: #ffe7b1; } .sb_skill { top: 8px; position: relative; } .sb_skill .sb_text { top: 31px; } /* Item Popup */ div.tw_bg_tl, div.tw_bg_tr, div.tw_bg_bl, div.tw_bg_br { background-image: url(/images/5/58/TooltipBG.png); position: absolute; z-index: -1; } div.popup_window, div.overlay-popup { position: absolute; display: none; margin: 0px; min-width: 200px; max-width: 480px; /* white-space: nowrap; */ z-index: 1000; } div.overlay-popup { min-width: 50px; } div.item_container { height: 79px; width: 79px; position: relative; background-image: url(/images/e/ec/Item_box.png); background-repeat: no-repeat; background-size: contain; display: inline-block; } div.item_container.wear { height: 93px; width: 94px; position: relative; background-image: url(/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(/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 { position: absolute; top: 3px; left: 3px; } div.cards > img { width: 73px; height: 73px; } div.item_container.item_off > img { filter: sepia(1) opacity(35%); } 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, [custom-title]:hover div.overlay-popup { left: 100%; top: 10px; z-index: 10; display: block; } div.popup_contents { margin: 25px; font-family: Arial, Verdana, sans-serif; font-size: 12px; } div.popup_contents *, div.overlay-contents * { margin: 0; } div.overlay-contents { text-align: center; margin: 24px 25px 20px; font-family: sans-serif; font-size: 13px; } div.popup_image { background-image: url(/images/e/ec/Item_box.png); background-repeat: no-repeat; width: 79px; height: 79px; margin: auto; } .popup_divider { width: 124px; height: 6px; margin: 5px auto !important; background: url(/images/c/c1/Divider.png) no-repeat; display: block; } div.popup_image img { padding-top: 3px; padding-left: 4px; } .popup_attribute { text-align: left; padding-left: 7px; font-size: 12px; color: #007700; font-weight: bold; } .popup_skill { text-align: left; padding-left: 18px; font-size: 11px; color: #007700; } .popup_type { font-style: italic; font-size: 8pt; text-align: center; } .popup_name { font-size: 13px; color: #007700; font-weight: bold; text-align: center; display: flex; gap: 4px; justify-content: center; } .popup_name span { display: inline-flex; } .popup_infos { text-align: center; } .popup_id { color: blue; } .popup_set { color: #800080 !important; font-weight: bold !important; } .popup_event { text-align: center; color: #804000; font-weight: bold; position: relative; font-size: 12.4px; font-style: italic; vertical-align: middle; margin-top: -3px !important; } .popup_event img { height: 19px; width: auto; padding-right: 2px; } .popup_speed { color: #8b4513; text-align: left; padding-left: 7px; } .popup_fb { color: #8b4513; font-weight: bold; padding-left: 7px; } .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: 285px; padding: 0 7px; font-size: 8pt; text-align: center; margin: 0 auto !important; } .popup_unique { font-size: 8pt; color: purple; text-align: center; } .popup_quest { color: #800000; text-align: center; font-style: italic; } .item_number { position: absolute; left: 5px; top: 5px; z-index: 10; font-size: 16pt; color: white; font-weight: bold; text-shadow: 2px 2px 2px #000; } .popup_bonus { color: #8b4513; padding-left: 7px; } .popup_job { display: inline-block; border-radius: 3px; border: 1px solid #804000; margin-top: 10px !important; } .popup_job img { width: 45px; height: 45px; } .popup_yield { font-weight: bold; padding: 0; } .popup_yield_image { position: relative; width: 43px; height: 43px; margin: 2px 5px 2px 2px !important; text-align: center; } .popup_crafteditem { margin-top: 10px !important; border-radius: 3px; border: 1px solid #804000; text-align: center; } .popup_crafteditem td:first-child { width: 50px; } .popup_sBonus { color: #007700; padding-left: 7px; /*font-weight: bold;*/ } .popup_txtgreen { color: #007700; text-align: center; } .popup_txtred { color: #990000; text-align: center; } .popup_need { text-align: left; padding-left: 7px; } .popup_need img { height: 15px; justify-content: center; } .popup_textjob { color: #007700; text-align: left; padding-left: 7px; } .popup_useable { font-weight: bold; font-style: italic; font-size: 12px; text-align: center; display: block; } /* Upgrade */ .item_level { position: absolute; display: block; height: 13px; line-height: 13px; background-color: rgba(0, 0, 0, 0.4); text-align: center; font-size: 12px; padding: 1px 2px 0 2px; margin: 4px 3px; 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://westgr.innogamescdn.com/images/items/item_level.png); margin-right: 3px; } .level { vertical-align: top; } .upgrade { display: inline-block; width: 12px; height: 12px; background: url(/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(/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; } div.set_container div.item_container > img { cursor: pointer; } .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; } .reward_item.tiny { width: 40px !important; height: 40px !important; margin: auto; } .tiny div.item_container { height: 40px; width: 40px; } .tiny div.item_container > img, .tiny div.item_container > a > img { width: 36px !important; height: 36px !important; } div.job_container { display: inline-block; position: relative; padding: 3px; text-align: left; } div.job_container div.popup_window { display: none; margin: 0; min-width: 200px; position: absolute; white-space: nowrap; line-height: 1.3; } div.job_container:hover > div.popup_window { display: block; left: 110%; top: 10px; z-index: 10; } div.mw-content-ltr table.mw-collapsible { background-color: #e9d3a7 !important; border: none !important; } div.mw-content-ltr table img { max-width: none !important; } .set_list { display: inline-block; } .navbar_items { width: 392px; height: 89px; padding: 10px; background: url(/images/b/ba/Navbar_items.png) no-repeat; } .navbar_items .link_icon { display: inline-block; position: relative; width: 42px; height: 43px; cursor: pointer; background: url(/images/8/87/Navbar_items_icons.png); } .navbar_items .link_icon:hover, .navbar_items .active { background-position-y: -43px; } /* New Menu items */ .menu_items { width: 459px; height: 155px; padding: 20px; background: url(/images/b/b5/Menu_items_bg.png) no-repeat; } .menu_items .link_icon { display: inline-block; position: relative; width: 51px; height: 51px; cursor: pointer; background: url(/images/4/4b/Menu_items.png); } .menu_items .link_icon:hover { background-position-y: -51px; } .menu_items .active { background-position-y: -102px; } /* Κεντράρισε τις εικονες στις ανακοινωσεις της αρχικής σελίδας */ 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; } /* Banner for new set */ .new_set { width: 36px; height: 34px; position: absolute; top: 0px; right: 0px; background: url(/images/1/1a/New.png); pointer-events: none; } /*Λίστα εργασιών για αποστολές*/ .work_container { height: 50px; width: 50px; position: relative; background-image: none !important; } .work_time { background: url("https://westgr.innogamescdn.com/images/interface/tasks/time.png") no-repeat scroll right top; color: #523f30; font-size: 10px; font-weight: bold; height: 22px; line-height: 22px; margin: -31px 0 0 17px; padding: 0 10px 0 33px; text-align: center; width: 66px; } /* Calendar Ημερολογιο */ #calendar { border-image: url(https://westgr.innogamescdn.com/images/tw2gui/table/table_border.png) 16 16 16 16 stretch; border-width: 16px; border-style: solid; width: 700px; } #calendar .week { position: relative; } #calendar .day { width: 98px; height: 100%; border: 1px solid grey; display: inline-block; border-radius: 5px; position: relative; font-weight: bold; } #calendar .nb { position: absolute; top: 0px; padding: 5px; border-bottom: 1px solid grey; border-bottom-right-radius: 5px; border-right: 1px solid grey; } #calendar .events { margin-top: 30px; position: absolute; top: 0px; width: 100%; } #calendar .event { position: relative; margin-top: 5px; height: 10px; left: 100px; border-radius: 5px; box-shadow: 0px 1px 1px 0px black; } #calendar .today { color: red; } /* Items shop */ .shop_container { position: relative; background-image: url(/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(/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(/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; } /* Quest templates */ .item_border { position: relative; display: inline-block; margin: 5px; background-color: #917f63; width: 74px; height: 74px; border-right: outset 2px; border-bottom: outset 2px; border-color: #000000; border-radius: 8px; text-align: left; } .number { position: absolute; top: 40px; left: 5px; text-shadow: black 1px 1px 1px; font-size: 18px; color: white; font-weight: 40; } /* Αγνωστο */ .cdrjob { border: 10px solid #74563d; border-radius: 20px; width: 86%; background-color: #d4ba91; align-content: center; margin-left: 40px; padding: 3px; box-shadow: 1px 1px 10px #000; } .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; } 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; } .job_tooltip { position: relative; cursor: help; } .job_tooltip:hover { z-index: 20; } .job_tooltip:hover span { margin: 30px 0 30px 30px; left: 2%; } .job_tooltip div.title_container { block-size: 42px; } .job_tooltip div.title { font-size: 18px; line-height: 20px; } .job_tooltip span { position: absolute; width: 250px; top: -58px; left: -9999px; padding: 10px; text-align: justify; font-size: 0.9em; line-height: 14px; } /* Popups π δεν ειναι ιτεμ */ div.item_ddb { height: 80px; width: 80px; position: relative; background-repeat: no-repeat; display: inline-block; } div.item_border div.item_ddb > img, div.item_ddb.wear > img, div.item_ddb.wear2 > img { top: 0px !important; left: 0px !important; } div.item_border div.item_ddb.empty { width: 74px; height: 74px; } div.item_ddb:hover div.popup_window { left: 120%; top: 10px; z-index: 10; display: block; } /* Set icon */ .set_icon_sprite { display: inline-block; position: relative; margin-top: 3px; width: 50px; height: 50px; cursor: pointer; border-radius: 5px; background: url(https://wiki.the-west.net/images/4/46/Set_icons_sprite.png); } .set_icon_sprite:hover { background-color: #ffeecc; } .warning_message { color: white; display: inline-block; padding: 12px 12px 12px 12px; border: 1px solid black; background: red; background: -webkit-linear-gradient(#db1616, #831919); background: -o-linear-gradient(#db1616, #831919); background: -moz-linear-gradient(#db1616, #831919); background: linear-gradient(#db1616, #831919); } /* Set icon */ div.wiki-title { position: relative; max-width: 800px; height: 49px; background: url(https://wiki.the-west.net/images/b/b3/Title.png) no-repeat; background-size: 100% 100%; } #popup_plain { position: relative; display: inline-block; } table.sticky_header th { position: -webkit-sticky; position: sticky; top: 3.5rem; z-index: 1; } /* Item buff icon */ div.item_buff::after { content: url(/images/2/26/Use_products.png); position: absolute; bottom: 5px; right: 5px; width: 16px; height: 15px; } /* Ανταμοιβές αποστολών */ .quest-rewards { padding-top: 10px; } div.game-reward { background: url(https://westgr.innogamescdn.com/images/quest/reward_types.png) no-repeat 4px 5px; position: relative; display: inline-block; height: 59px; width: 60px; } div.game-reward div.reward-border { background: url(https://westgr.innogamescdn.com/images/quest/reward_gfx.png) no-repeat; width: 60px; height: 59px; } div.game-reward div.imgclip { position: absolute; left: 5px; top: 4px; bottom: 17px; right: 4px; background-position: center center; background-repeat: no-repeat; } div.game-reward span.count { background: url(https://westgr.innogamescdn.com/images/quest/reward_gfx.png) no-repeat 0 -59px; color: white; width: 60px; height: 17px; bottom: 0; text-align: center; position: absolute; cursor: default; overflow: hidden; font-weight: bold; display: block; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } div.game-reward span.count p { font-weight: bold; font-size: 12px; line-height: 19px; } div.game-reward.reward_blank { background-position: 0 4px; } div.game-reward.reward_skill { background-position: 0 4px; } div.game-reward.reward_avatarpart { background-position: -48px 4px; } div.game-reward.reward_bond { background-position: -100px 4px; } div.game-reward.reward_dollar { background-position: -204px 4px; } div.game-reward.reward_energy { background-position: -256px 4px; } div.game-reward.reward_pabonus { background-position: -308px 4px; } div.game-reward.reward_reskill { background-position: -360px 4px; } div.game-reward.reward_custom { background-position: -412px 4px; } div.game-reward.reward_skillpoint { background-position: -465px 4px; } div.game-reward.reward_title { background-position: -516px 4px; } div.game-reward.reward_exp { background-position: -568px 4px; } div.game-reward.reward_nuggets { background-position: -620px; } div.game-reward.reward_veteran { background-position: -724px 4px; } div.game-reward.reward_duellevel_sacrifice { background-position: -776px 4px; } div.game-reward.reward_duelexp_sacrifice { background-position: -828px 4px; } div.tw2gui_window.window-quest_log div.rewardbox_content, div.tw2gui_window.window-quest_group div.rewardbox_content, div.rewardbox_container div.rewardbox_content { position: relative; padding: 10px 15px 10px 10px; max-width: 136px; width: 60px; } /* Quest Reward - Multiple choises*/ .rewardbox_container { display: table !important; } .rewardbox_container { position: relative; max-width: 147px; width: 80px; height: 80px; } div.rewardbox_container .rewardbox_tr { left: 50%; right: 0; top: 0; bottom: 50%; background: url(https://westgr.innogamescdn.com/images/window/quest/quest_reward.png) top right; position: absolute; } div.rewardbox_container.selected .rewardbox_tr { background: url(https://westgr.innogamescdn.com/images/window/quest/quest_reward_glow.png) top right; } div.rewardbox_container .rewardbox_tl { left: 0; right: 50%; top: 0; bottom: 50%; background-position: top left; background: url(https://westgr.innogamescdn.com/images/window/quest/quest_reward.png); position: absolute; } div.rewardbox_container.selected .rewardbox_tl { background: url(https://westgr.innogamescdn.com/images/window/quest/quest_reward_glow.png) top left; } div.rewardbox_container .rewardbox_bl { left: 0; right: 50%; top: 50%; bottom: 0; background: url(https://westgr.innogamescdn.com/images/window/quest/quest_reward.png) bottom left; position: absolute; } div.rewardbox_container.selected .rewardbox_bl { background: url(https://westgr.innogamescdn.com/images/window/quest/quest_reward_glow.png) bottom left; } div.rewardbox_container .rewardbox_br { left: 50%; right: 0; top: 50%; bottom: 0; background: url(https://westgr.innogamescdn.com/images/window/quest/quest_reward.png) bottom right; position: absolute; } div.rewardbox_container.selected .rewardbox_br { background: url(https://westgr.innogamescdn.com/images/window/quest/quest_reward_glow.png) bottom right; } .rewardbox_content > div > div { display: table-cell !important; } div.rewardbox_container div.rewardbox_content { position: relative; padding: 10px 15px 10px 10px; max-width: 136px; width: 60px; } #mw-content-text li { list-style-type: none; background: url(/images/1/1a/List_arrow.png) no-repeat 0 5px; padding: 3px 0 3px 27px; } #mw-content-text li:hover { background: url(/images/4/42/List_arrow_active.png) no-repeat 0 5px; } #navbar li { font-size: 18px; display: inline; background: none !important; padding: 0 !important; } /* Κουμπιά */ /* {{{ button */ .tw2gui_button .textart_title { position: relative; color: #ffe7b1; margin-left: 13px; margin-right: 13px; padding-top: 9px; text-align: center; height: 19px; white-space: nowrap; font: bold 10pt Arial; } .tw2gui_button, .tw2gui_iconbutton { display: inline-block; position: relative; height: 36px; margin-top: -2px; margin-bottom: -2px; min-width: 100px; text-align: center; cursor: pointer; zoom: 1; } .tw2gui_iconbutton { min-width: 30px; height: 36px; } .tw2gui_button.inactive, .tw2gui_iconbutton.inactive { cursor: default; } .tw2gui_button.inactive .textart_title { color: #ccc; } .tw2gui_button_right_cap, .tw2gui_button_left_cap { position: absolute; width: 50%; height: 36px; background: url("https://westgr.innogamescdn.com/images/tw2gui/button/button_normal.png?1") 0 0; left: 0; } .tw2gui_button.inactive .tw2gui_button_right_cap, .tw2gui_button.inactive .tw2gui_button_left_cap, .tw2gui_iconbutton.inactive .tw2gui_button_right_cap, .tw2gui_iconbutton.inactive .tw2gui_button_left_cap { background-image: url("https://westgr.innogamescdn.com/images/tw2gui/button/button_inactive.png?1"); } .tw2gui_button_middle_bg { position: absolute; width: 18px; height: 36px; margin-left: -9px; left: 50%; background: url("https://westgr.innogamescdn.com/images/tw2gui/button/button_mid_normal.png?2") 0 0 no-repeat; } .tw2gui_button.inactive .tw2gui_button_middle_bg, .tw2gui_iconbutton.inactive .tw2gui_button_middle_bg { background-image: url("https://westgr.innogamescdn.com/images/tw2gui/button/button_mid_inactive.png?2"); } .tw2gui_button_right_cap { left: 50%; background-position: right top; } .tw2gui_button:hover .tw2gui_button_right_cap, .tw2gui_button:hover .tw2gui_button_left_cap, .active_button .tw2gui_button_right_cap, .active_button .tw2gui_button_left_cap, .tw2gui_iconbutton:hover .tw2gui_button_right_cap, .tw2gui_iconbutton:hover .tw2gui_button_left_cap { background-image: url("https://westgr.innogamescdn.com/images/tw2gui/button/button_highlight.png?1"); } .tw2gui_button.inactive:hover .tw2gui_button_right_cap, .tw2gui_button.inactive:hover .tw2gui_button_left_cap, .tw2gui_iconbutton.inactive:hover .tw2gui_button_right_cap, .tw2gui_iconbutton.inactive:hover .tw2gui_button_left_cap { background-image: url("https://westgr.innogamescdn.com/images/tw2gui/button/button_inactive.png?1"); } .tw2gui_button:hover .tw2gui_button_middle_bg, .tw2gui_iconbutton:hover .tw2gui_button_middle_bg, .active_button .tw2gui_button_middle_bg { background-image: url("https://westgr.innogamescdn.com/images/tw2gui/button/button_mid_highlight.png?2"); } .tw2gui_button.inactive:hover .tw2gui_button_middle_bg, .tw2gui_iconbutton.inactive:hover .tw2gui_button_middle_bg { background-image: url("https://westgr.innogamescdn.com/images/tw2gui/button/button_mid_inactive.png?2"); } .tw2gui_button_caption, .tw2gui_button canvas { position: relative; color: #f9f0e3; opacity: 1; margin-top: 12px; margin-left: 15px; margin-right: 15px; font-weight: bold; } .tw2gui_button:hover .tw2gui_button_caption, .active_button .tw2gui_button_caption { color: #fff6d9; text-shadow: #b9a055 0px 0px 2px; opacity: 1; } /* }}} */ /* {{{ iconbutton */ .tw2gui_iconbutton img { position: relative; text-align: center; } .tw2gui_iconbutton img.tw2gui-iconset { margin: 10px; } .tw2gui_iconbutton img.button_icon { padding: 9px 0px; margin: 0; } .tw2gui_iconbutton { width: 36px; max-width: 40px; height: 16px; } /* }}} */ .item_req { background-image: url(/images/e/ec/Item_box.png); position: relative; display: inline-block; width: 50px; height: 50px; background-size: 50px; vertical-align: middle; } .item_req .amount { min-width: 20px !important; line-height: 16px !important; font-size: 11px !important; bottom: 2px !important; } .popup_crafteditem .item_req > img, .popup_job .item_req > img { position: absolute; width: 45px; height: 45px; top: 3px; left: 3px; } .sortval, .reward_item .amount, .reward_item .job_cur, .item_req .amount { color: #fff; min-width: 23px; height: 15px; line-height: 15px; font-size: 12px; bottom: 3px; left: 2px; text-align: center; background: rgba(127, 111, 85, 0.7); border-radius: 0 2px 0 2px; box-shadow: 1px -1px 2px #000000; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 2px; opacity: 1; position: absolute; } .small .amount { bottom: -5px; } .tiny .amount { bottom: 17px; left: 1px; min-width: 20px; height: 10px; line-height: 11px; font-size: 10px; } .tiny .job_cur { bottom: 1px; left: 1px; min-width: 15px; height: 12px; line-height: 12px; font-size: 9px; } .tiny .job_cur b { margin-right: 1px; } .tiny .job_cur img { vertical-align: bottom; margin-left: -2px; width: 12px; height: 12px; } .sortval:empty, .reward_item .amount:empty { display: none; } select#sort_items { width: 187.99px; appearance: none; opacity: 1; } /* Cool Border Property */ .window_border { margin: auto; position: relative; padding: 7px; z-index: 0; } .wb_content { background: url(https://wiki.the-west.fr/images/8/80/Arriere_plan_cadre.png); border-radius: 15px; padding: 40px; } div.wb_tl, div.wb_tr, div.wb_bl, div.wb_br { background-image: url(https://westgr.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; } /* Quest templates */ .reward_item { position: relative; display: inline-block; margin: 1px; width: 60px; height: 60px; } .reward_item.inv:before, .item_req.inv:before { content: url(/images/b/b6/Item_INV.png); position: absolute; top: -1px; right: -1px; z-index: 1; } .reward_item.eqp:before, .item_req.eqp:before { content: url(/images/7/79/Item_EQP.png); position: absolute; top: -1px; right: -1px; z-index: 1; } .client-js ol.mw-collapsible:before, .client-js ul.mw-collapsible:before, .client-js .mw-collapsible-toggle-li { display: list-item; list-style: none; margin-bottom: 0.1em; } .client-js ol.mw-made-collapsible:before, .client-js ul.mw-made-collapsible:before { display: none; } .client-js ol.mw-collapsible:not(.mw-made-collapsible):before, .client-js ul.mw-collapsible:not(.mw-made-collapsible):before, .client-js table.mw-collapsible:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsible:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsible:not(.mw-made-collapsible):before { content: "[Σύμπτυξη]"; } .client-js td.mw-collapsed:not(.mw-made-collapsible):before, .client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsed:not(.mw-made-collapsible):before { content: "[Ανάπτυξη]"; } .client-js .mw-collapsible[id^="mw-customcollapsible"] th:before, .client-js .mw-collapsible[id^="mw-customcollapsible"]:before { content: none !important; } .client-js table.mw-collapsible:not(.mw-made-collapsible) > caption:first-child:after { float: none; display: block; } .client-js .mw-collapsed:not(.mw-made-collapsible) > p, .client-js .mw-collapsed:not(.mw-made-collapsible) > table, .client-js .mw-collapsed:not(.mw-made-collapsible) > thead + tbody, .client-js .mw-collapsed:not(.mw-made-collapsible) tr:not(:first-child), .client-js .mw-collapsed:not(.mw-made-collapsible) .mw-collapsible-content { display: none; } .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-collapsible:not(.mw-made-collapsible):before, .mw-collapsible-toggle { float: right; } .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-rtl .mw-content-ltr .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-ltr .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle { float: right; } .mw-content-rtl .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-ltr .mw-content-rtl .mw-collapsible:not(.mw-made-collapsible) th:before, .mw-content-rtl .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-ltr .mw-content-rtl .mw-collapsible:not(.mw-made-collapsible):before, .mw-content-rtl .mw-collapsible-toggle, .mw-content-ltr .mw-content-rtl .mw-collapsible-toggle { float: left; } li .mw-collapsible-toggle, .mw-content-ltr li .mw-collapsible-toggle, .mw-content-rtl li .mw-collapsible-toggle, .mw-content-ltr .mw-content-rtl li .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr li .mw-collapsible-toggle { float: none; } ol.mw-collapsible:not(.mw-made-collapsible):before, ul.mw-collapsible:not(.mw-made-collapsible):before { float: none !important; } /* Homepage box */ .valentine, .easter, .independence, .octoberfest, .dod, .xmas { background-size: cover !important; } .valentine { background: url("/images/1/13/EventBox_valentine_bg.png") center center !important; } .easter { background: url("/images/2/23/EventBox_easter_bg.png") bottom center !important; } .independence { background: url("/images/5/55/EventBox_independence_bg.png") center center !important; } .octoberfest { background: url("/images/6/6f/EventBox_octoberfest_bg.png") center center !important; } .dotd { background: url("/images/5/50/EventBox_dotd_bg.png") center center !important; } .xmas { background: url("/images/2/29/EventBox_xmas_bg.png") bottom center !important; } .patrick { background: url("/images/d/da/EventBox_patrick_bg.png") bottom center !important; } .halloween { background: url("/images/c/c4/EventBox_halloween_bg.png") center center !important; } .ifbc { background: url("/images/8/8c/EventBox_ifbc_bg.png") center center !important; } .lunapark { background: url("/images/1/19/EventBox_luna_park_bg.png") center center !important; } .sales { background: url("/images/b/bd/EventBox_sale_bg.png") center center !important; } .special_sales { background: url("/images/4/40/EventBox_special_bg.png") center center !important; } .spirit_animals { background: url("/images/e/e0/EventBox_spirit_animals_bg.png") center center !important; } .bc_tl, .tw_bg_tl, .tt_bg_tl, .wb_tl, .wbt_tl, .title_tl { left: 0; right: 50%; top: 0; bottom: 50%; background-position: top left; position: absolute; } .bc_tr, .tw_bg_tr, .tt_bg_tr, .wb_tr, .wbt_tr, .title_tr { width: 50%; right: 0; top: 0; bottom: 50%; background-position: top right; position: absolute; } .bc_bl, .tw_bg_bl, .tt_bg_bl, .wb_bl, .wbt_bl, .title_bl { left: 0; right: 50%; height: 50%; bottom: 0; background-position: bottom left; position: absolute; } .bc_br, .tw_bg_br, .tt_bg_br, .wb_br, .wbt_br, .title_br { width: 50%; height: 50%; right: 0; bottom: 0; background-position: bottom right; position: absolute; } .bc_border { background-image: url("/images/7/7f/Border_Box.png"); } .box_container > .background.wood { background: url("https://westgr.innogamescdn.com/images/interface/wood_texture_dark.jpg") center center; } .box_container .background { position: absolute; left: 5px; right: 5px; top: 6px; bottom: 8px; background: url("/images/1/14/Default_BG.png") repeat center center; } .event { display: block; max-width: 705px; } .pulse { -webkit-animation: pulse 0.85s ease-out alternate; -moz-animation: pulse 0.85s ease-out alternate; animation: pulse 0.85s ease-out alternate; } .event .event-status, .event .event-name, .event .event-date, .event .event-url { background: #00000085; border: 5px groove #00000000; font-weight: bold; } .event .event-status, .event .event-date, .event .event-url { font-size: 14px; text-decoration: none; border-radius: 9px 9px 0 0; padding: 0.1216em; } .event .event-name, .event .event-name a { color: #fff; border-radius: 9px; padding: 0.1216em; font-weight: bold; text-decoration: underline; font-family: Georgia, "Times New Roman", serif; font-size: 26px; text-shadow: 1px 2px 0 #9e7775; } .event .event-date, .event .event-url { padding: 2px; display: inline-block; border-radius: 0 0 9px 9px; } .box_container { position: relative; height: 100%; width: 100%; } .box_container > .content { position: relative; padding: 15px; } .event .content > div { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 4px; box-sizing: border-box; text-align: center; } .event-date a, .event-url a { font-weight: bold; text-decoration: underline; font-family: Arimo, Georgia, "Times New Roman", serif; font-size: 14px; } .event-date, .event-url, .event-date a, .event-url a { color: #ffe7b1 !important; } .title_container { width: calc(100% + 16px); height: 46px; position: relative; padding-top: 15px; margin-bottom: -15px; margin-left: -8px; } .title_container .left, .title_container .right { bottom: 0; height: 50px; background: url("https://westgr.innogamescdn.com/images/tw2gui/window/window2_title.png") no-repeat; } .title_container .right { position: absolute; left: 50%; right: 0; background-position: right bottom; } .title_container .left { position: absolute; left: 0; right: 50%; background-position: left bottom; } .title_container .title { color: #ffe7b1; display: block; font-family: "Times New Roman"; font-size: 27px; font-weight: bold; height: 32px; line-height: normal; margin: 0; padding-top: 6px; position: relative; text-align: center; width: 100%; } /* Questline MainPage Box */ div.questline_frame { display: inline-block; position: relative; width: 270px; height: 152px; margin-bottom: 2px; background: url("https://wiki.the-west.net/images/7/79/Questline_frame.png"); } div.questline_frame .questline_name { top: 12px; text-align: center; position: relative; } div.questline_frame .questgiver img { position: absolute; max-width: 75px; max-height: 75px; top: 51px; left: 14px; } div.questline_frame .questgiver_overlay { position: absolute; top: 39px; left: 12px; width: 80px; height: 100px; background: url("https://westgr.innogamescdn.com/images/window/quest/pic_small.png"); background-size: cover; } div.questline_frame .info { display: inline-block; position: absolute; top: 65px; left: 97px; width: 150px; font-size: 13px; text-shadow: 1px 1px 2px #00000063; } /* Quests */ table.quest { width: 100%; } table.quest h2 { margin: -5px; color: #ffdead; background-color: #301506; border-bottom: none; font-weight: bold; font-size: 120%; } table.quest td { text-align: center; } table.quest #toc { display: none; } table.quest div.options_frame { 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; } div.world_map { position: relative; width: 237px; height: 104px; border: 1px solid black; background: url("https://westgr.innogamescdn.com/images/map/minimap/worldmap.png"); } div.world_map .map_marker { position: absolute; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background: url("https://westgr.innogamescdn.com/images/map/minimap/icons/miniicon_quests.png"); } div.goTo_frame { position: relative; width: 54px; height: 54px; margin: auto; background: url("/images/c/c6/GoTo_frame.png"); } div.goTo_frame > img { position: absolute; top: 8px; left: 8px; } .cdr_prq { display: inline-block; background: #fdf4e8; 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: #301506; color: #ffdead; padding: 8px 10px; border-radius: 5px; } @keyframes logo-pulse { 0% { transform: scale(0.95); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.95); opacity: 0.7; } } @keyframes RainbowBanner { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes fadeIn { from { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.95); opacity: 0.85; } 100% { transform: scale(1); opacity: 1; } } @keyframes removeLoadingScreen { 0% { opacity: 1; } 50% { opacity: 0.85; } 75% { opacity: 0.55; } 100% { opacity: 0; visibility: hidden; content: none; } } /* 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"); } /* Respect width of logo */ img.mw-logo-icon { width: inherit; } .mw-wordmark-container span.mw-logo-wordmark { color: #3d2718; } /* 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; } div#module-site-tools li.mw-list-item, #module-site-tools > ul > li:last-child { border-color: black; } div.skin-mirage-dropdown-list > ul > li.mw-list-item { background: none; } /* Move wiki navigation menus to same line as logo */ div#module-site-navigation { margin-top: -2.5rem; } /* Limit space used by site navigation to avoid overlapping buttons, and move navigation to the right slightly */ div#module-site-navigation.skin-mirage-mirage-navigation { max-width: 70%; margin-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; } /* 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; z-index: unset; } /* 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("/images/d/d5/NewMainBg.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; } /*Table of contents title*/ #mw-toc-heading { background: transparent; } /*The dropdown top menus should be displayed above some of the custom headers from West*/ .skin-mirage-dropdown-list { z-index: 101; } /*More West-like border of the table of contents*/ .toc { border: 1px solid #996b39; } /*Remove the title of the page. Unnecessary, and looks out of place.*/ .mw-wordmark-container span.mw-logo-wordmark { display: none; } /*Background for the top bar*/ #mirage-fixed-header { background-image: url("/skins/MirageWest/images/headline-bgtile.png"); } /*Don't show username, or 'not logged in' in the top bar*/ #mirage-fixed-header .skin-mirage-username { display: none; } /*Don't show site notice - the thing with the side menu used in the old version of the wiki*/ #siteNotice { display: none; } /*Make 'edit' link visible again*/ a.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small { color: #ccc; } h3 a.skin-mirage-ooui-icon.skin-mirage-ooui-icon-edit.skin-mirage-ooui-icon-small { color: #804000; } /*Faint border around the main content*/ .mediawiki-content-container { border-left: 2px solid #996b39; border-right: 2px solid #996b39; border-bottom: 2px solid #996b39; } #mirage-top-header { border-left: 2px solid #996b39; border-right: 2px solid #996b39; border-top: 2px solid #996b39; } /* #left-navigation, #right-navigation, #left-navigation nav, #right-navigation nav, #left-navigation label, #right-navigation label { padding-right: 5px; } */ /*Make the semantic media wiki readable*/ .smw-editpage-help { background-color: #565656; } /* Make the errors on uploading the same file readable */ .mw-destfile-warning { color: #5e321a; } .externalimage-holder { position: relative; margin: auto; display: inline-block; max-width: 600px; } .externalimage-holder img { width: 100%; height: auto; } img { max-width: 900px; } #document-wrapper { max-width: 1200px; } /* West specific changes */ /* Correct button sizes for save buttons of articles */ #wpSave, #wpPreview, #wpDiff { width: initial; } /* Adjust image size on Main Page slightly so it cannot go outside of bounds */ body.page-Main_Page .container-title, body.page-Huvudsida .container-title, body.page-Forside .container-title { width: initial; } /* Mobile-specific changes */ @media screen and (max-width: 720px) { /* Remove the unnecessary logo next to the navigation links */ #mirage-navigation-header #mirage-logo { display: none; } /*Remove the wiki title on mobile*/ .mw-logo-wordmark { display: none; } /*Set max image size on mobile, so they scale*/ img { display: block; max-width: 90%; width: auto; height: auto; } /* Remove text of Recent Changes button */ div#module-site-tools li.mw-list-item:first-child a { color: transparent; } /* Avoid right-floating images to overlap text or take too much space on Mobile */ div.tright, div.floatright, table.floatright { clear: right; float: unset; } } /* Remove overlay popup */ .overlay-popup { display: none; } /* Remoe the new Link icon */ a.external.text, a.external.free { background: none; padding: 0; } /* Code Layout */ pre.mw-code { border-radius: 5px; background: #202122; border-left: 4px solid #f37a33; color: #d3821b; font-size: 15px; padding: 1em 1.5em; } /* Reskinned */ .skin-mirage-content-container, #mirage-top-header { box-shadow:none!important; } div#mirage-top-header { display: flex; justify-content: space-between; } div#right-navigation { position: relative; margin-right: 0px; margin-top: 0px; padding: 1rem 1rem 0; right: 0px; } #content { margin-top: -20px; } #sideNavbar { color: #fff; padding: 20px; position: fixed; margin-top: 82px; display: flex; /* top: 0; */ right: 0; left: 0; padding: 0 1rem; z-index: 10; color: #e9ddbc; background: #542b0b; border-bottom: 1px solid #d0b66f; } @-moz-document url-prefix() { #sideNavbar { margin-top: 86px; } } .subMenuNavbar { display: flex; justify-content: space-between; list-style: none; padding-left: 0; } .subMenuNavbar li { margin-bottom: 4px; color: #e9ddbc; } .subMenu { width: 1096px; margin-right: auto; margin-left: auto; } #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; } #mw-navigation { margin-top: 6.8rem!important; } /* Responsive stuff .... */ @media only screen and (max-width: 971px) { .section_column_1 { width: 48%!important; } .section_column_2 { width: 48%!important; } } @media only screen and (max-width: 661px) { .section_column_1 { width: 100%!important; } .section_column_2 { width: 100%!important; } .sectioncolumns { display: block; } } @media screen and (max-width: 720px) { div.tright, div.floatright, table.floatright { clear: right; float: right; } } @media screen and (max-width: 500px) { div.tright, div.floatright, table.floatright { display:none; } } @media screen and (max-width: 390px) { .container-title .title { font-size: 22px; padding-top: 8px; } } @media screen and (max-width: 988px) { #p-New_to_the_Wiki-label { display:none; } } @media screen and (max-width: 802px) { #p-Languages-label { display:none; } } @media screen and (max-width: 630px) { #module-site-navigation h3 { font-size: 1.0rem!important; } } @media screen and (max-width: 530px) { #module-site-navigation h3 { font-size: 0.8rem!important; } } @media screen and (max-width: 468px) { #module-site-navigation h3 { font-size: 0.7rem!important; } } @media screen and (max-width: 413px) { #module-site-navigation h3 { font-size: 0.6rem!important; } } @media screen and (max-width: 720px) { .langPicker img { display: inherit; } } /*Sticky Menu Top */ div#module-site-navigation { position: fixed; left: 0; z-index: 9; width: 100%; top: 58px; background-color: #e9d3a7; border-bottom: 3px solid #996b39; padding-left: 10px; }