MediaWiki:Common.css
From The-West Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@media screen and (min-width: 1340px) { #mw-site-navigation { margin-top: 125px; } }
/* Homepage event box */
.valentine {
background: url("https://the-west.wiki/images/assets/Valentine.jpg") center center!important;
background-size: cover!important;
}
.easter {
background: url("https://the-west.wiki/images/assets/Easter.jpg") center center!important;
background-size: cover!important;
}
.independence {
background: url("https://the-west.wiki/images/assets/Independence.jpg") center center!important;
background-size: cover!important;
}
.oktoberfest {
background: url("https://the-west.wiki/images/assets/Octoberfest.jpg") center center!important;
background-size: cover!important;
}
.dod {
background: url("https://the-west.wiki/images/assets/Dotd.jpg") center center!important;
background-size: cover!important;
}
.container_event .bg_tl {
left: 0;
right: 50%;
top: 0;
bottom: 50%;
background-position: top left;
}
.container_event .bg_tr {
width: 50%;
right: 0;
top: 0;
bottom: 50%;
background-position: top right;
}
.container_event .bg_bl {
left: 0;
right: 50%;
height: 50%;
bottom: 0;
background-position: bottom left;
}
.container_event .bg_br {
width: 50%;
height: 50%;
right: 0;
bottom: 0;
background-position: bottom right;
}
.frame {
position: absolute;
background-image: url("https://the-west.wiki/images/assets/726px-Event_box.png");
}
.container_event > .background.wood {
background: url("https://the-west.wiki/images/assets/Wood.jpg") center center;
}
.container_event .background {
position: absolute;
left: 0px;
right: 0px;
top: 6px;
bottom: 8px;
background: url("https://the-west.wiki/images/assets/Default.jpg") center center;
background-repeat: repeat;
}
.event {
display: block;
text-decoration: none;
margin-bottom: -35px;
}
.light, a.light {
color: #ffe7b1;
}
.event .event-status, .event .event-date {
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.event .event-name {
font-weight: bold;
text-decoration: underline;
font-family: Georgia, 'Times New Roman', serif;
font-size: 26px;
text-shadow: 1px 1px 0 #ffcc66, 1px 1px 2px #000000;
}
.event .event-name a {
font-weight: bold;
text-decoration: underline;
font-family: Georgia, 'Times New Roman', serif;
font-size: 26px;
text-shadow: 1px 1px 0 #ffcc66, 1px 1px 2px #000000;
}
.event .event-date {
background: #00000085;
padding: 2px;
display: inline-block;
margin: 3px;
border-radius: 1px;
}
.container_event {
position: relative;
height: 100%;
width: 100%;
}
.container_event > .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 {
font-weight: bold;
text-decoration: underline;
font-family: Georgia, 'Times New Roman', serif;
font-size: 14px;
color: #ffe7b1!important;
}
.container-title {
width: calc(100% + 16px);
height: 46px;
position: relative;
padding-top: 15px;
margin-bottom: -15px;
margin-left: -8px;
}
.container-title .right {
position: absolute;
left: 50%;
right: 0;
background-position: right bottom;
}
.container-title .left {
position: absolute;
left: 0;
right: 50%;
background-position: left bottom;
}
.container-title .left, .container-title .right {
bottom: 0;
height: 50px;
background-image: url("https://the-west.wiki/images/assets/Window2_title.png");
background-repeat: no-repeat;
}
.container-title .title {
color: rgb(255, 231, 177);
display: block;
font-family: 'Times New Roman';
font-size: 27px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 32px;
line-height: normal;
margin: 0;
padding-top: 6px;
position: relative;
text-align: center;
width: 100%;
}
/* Some Old CSS From the original Wiki */
#wiki_logo {
position: relative;
width: 112px;
height: 110px !important;
background: url("https://the-west.wiki/images/assets/VersionLogo.png") !important;
margin-bottom: 10px;
}
/* Item Popup */
div.tw_bg_tl,
div.tw_bg_tr,
div.tw_bg_bl,
div.tw_bg_br {
background-image: url(https://the-west.wiki/images/assets/Popup.png);
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;
}
div.popup_window {
position: absolute;
display: none;
margin: 0;
min-width: 200px;
white-space: nowrap;
z-index:1000;
}
div.item_container {
height: 79px;
width: 79px;
position: relative;
background-image: url(https://the-west.wiki/images/assets/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(https://the-west.wiki/images/assets/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://the-west.wiki/images/assets/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.item_container.item_off > img {
filter:sepia(1) opacity(35%);
}
div.item_container.wear > img,
div.item_container.wear2 > img {
top: 0 !important;
left: 0 !important;
}
div.item_container:hover div.popup_window {
left: 120%;
top: 10px;
z-index: 10;
display: block;
}
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://the-west.wiki/images/assets/Item_box.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://the-west.wiki/images/assets/Divider.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 !important;
font-weight: bold !important;
}
.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: 250px;
margin: auto !important;
}
.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;
}
.popup_job {
display:inline-block;
border-radius: 3px;
border: 1px solid #804000;
padding-top: 3px;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.popup_job img {
width:50px;
height:50px;
}
.popup_job .item_req > img {
position: absolute;
width: 45px;
height: 45px;
top: 3px;
left: 3px;
}
.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;
}
/* 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;
}
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;
}
div.set_bonus {
/* border:1px solid #997146;
width:40px;
text-align:center;
background-color:#4E3E26;
color:#fff;
font:12px arial;
float:left;*/
border: 1px solid #997146;
width: 45px;
height: 59px;
text-align: center;
background-color: #4E3E26;
color: #fff;
font: 12px arial;
float: left;
}
div.set_bonus .text {
background: url("https://the-west.wiki/images/assets/Skills_bg.png");
width: 44px;
height: 20px;
position: absolute;
line-height: 20px;
font-size: 12px;
bottom: 0;
color: #ffe7b1;
}
/* Set bonus tooltip */
div.tt_bg_tl,
div.tt_bg_tr,
div.tt_bg_bl,
div.tt_bg_br {
background-image: url(https://the-west.wiki/images/assets/Tooltip_bg.png);
background-repeat: no-repeat;
position: absolute;
z-index: -1;
}
.tt_bg_tl {
background-position: left top;
bottom: 50%;
right: 50%;
left: 0;
top: 0;
}
.tt_bg_tr {
background-position: right top;
width: 50%;
bottom: 50%;
right: 0;
top: 0;
}
.tt_bg_bl {
background-position: left bottom;
height: 50%;
right: 50%;
bottom: 0;
left: 0;
}
.tt_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://the-west.wiki/images/assets/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;
}
.per_level:after {
content: "(per Level)";
}
/* Quest templates */
.item_border {
position: relative;
display: inline-block;
margin: 1px;
width: 79px;
height: 79px;
}
.item_border .amount {
margin:0;
position: absolute;
bottom: 2px;
left: 6px;
text-shadow: black 1px 1px 1px;
font-size: 18px;
color: white;
font-weight: bold;
}
.item_border2 {
position: relative;
display: inline-block;
margin: 1px;
width: 60px;
height: 60px;
}
.item_border2 .amount {
margin:0;
position: absolute;
bottom: 2px;
left: 6px;
text-shadow: black 1px 1px 1px;
font-size: 14px;
color: white;
font-weight: bold;
}
.item_border2.inv:before {
content:url(https://the-west.wiki/images/assets/ItemBorder_Inv.png);
position: absolute;
top: -1px;
left: -1px;
z-index: 1;
}
.item_border2.eqp:before {
content:url(https://the-west.wiki/images/assets/Product_Eqp.png);
position: absolute;
top: -1px;
left: -1px;
z-index: 1;
}
/* Set switch duel weapon */
#switch {
position: absolute;
top: 30px;
left: 195px;
cursor: pointer;
}
#switch_prod {
position: absolute;
top: 30px;
left: 195px;
cursor: pointer;
}
/* Inputs */
#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; */
margin-right: 180px;
float: right;
}
input.west, select.west {
background: url(https://westzz.innogamescdn.com/images/tw2gui/textfield/textfield.png) top right no-repeat;
height: 30px;
width: 180px;
margin-left: 12px;
padding: 0 8px 0 0;
border: 0;
outline: none;
}
/* What's new banner*/
.info_banner {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.ring {
position: relative;
width: calc(var(--cir) * 2 + 10px);
height: var(--hei);
margin: 20px;
border-radius: 20px;
transition: 0.5s;
transition-delay: 0.5s;
display: flex;
justify-content: flex-start;
align-items: center;
}
.ring:hover {
width: var(--wid);
transition-delay: 0s;
}
.ring .circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 20px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.ring .circle::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--clr);
clip-path: circle(var(--cir) at center);
transition: 0.5s;
}
.ring:hover .circle::before {
clip-path: circle(400px at center);
}
.ring .circle .logo img {
position: relative;
transition: 0.5s;
transition-delay: 0.5s;
}
.ring:hover .circle .logo img {
transform: scale(0);
transition-delay: 0s;
}
/* .content { */
/* position: relative; */
/* width: 45%; */
/* left: 20%; */
/* padding: 20px 20px 20px 40px; */
/* opacity: 0; */
/* transition: 0.5s; */
/* visibility: hidden; */
/* } */
/* .ring:hover .content { */
/* left: 0; */
/* opacity: 1; */
/* visibility: visible; */
/* transition-delay: 0.5s; */
/* } */
/* .content h2 { */
/* background: none; */
/* color: #fff; */
/* font-size: 2.5em; */
/* line-height: 1em; */
/* } */
/* .content p { */
/* color: #fff; */
/* } */
.content .explore {
position: relative;
color: #111;
background: #fff;
padding: 10px 20px;
border-radius: 10px;
margin-top: 10px;
display: inline-block;
text-decoration: none;
font-weight: 500;
}
.ring .content_img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
transition: 0.5s;
transition-delay: 0s;
}
.ring:hover .content_img img {
left: 75%;
transform: translate(-50%, -50%) scale(1);
transition-delay: 0.5s;
}
/* Set icon */
.set_icon_sprite {
display:inline-block;
position: relative;
margin-top:3px;
width: 50px;
height: 50px;
cursor: pointer;
border-radius: 5px;
background:url("");
}
.set_icon_sprite:hover {
background-color: #FFEECC;
}
.set_icon_sprite.new_set:before {
content:"";
display:block;
position:absolute;
width:36px;
height:34px;
right:0;
top:0;
background:url(https://the-west.wiki/images/assets/New_set.png) no-repeat;
background-size:contain;
pointer-events:none;
}
.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);
}
/* Upgrade */
.item_level {
position: absolute;
display:block;
top: 4px;
left: 2px;
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://westzz.innogamescdn.com/images/items/item_level.png);
margin-right: 2px;
}
.level {
vertical-align: top;
}
.upgrade {
display: inline-block;
width:12px;
height: 12px;
background: url(https://the-west.wiki/images/assets/Upgrade_icons.png) 0 12px;
margin: 0 2px 0 1px;
cursor: pointer;
}
.upgrade:hover {
background-position-y:0;
}
.downgrade {
display: inline-block;
width:12px;
height:12px;
background: url(https://the-west.wiki/images/assets/Upgrade_icons.png) 12px 12px;
margin: 0 0 0 2px;
cursor: pointer;
}
.downgrade:hover {
background-position-y:0;
}
.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;
}
div.mw-collapsible > b {
color:#5e321a;
font-size:16px;
}
.navbar_items {
width: 392px;
height: 89px;
padding: 10px;
background: url(https://the-west.wiki/images/assets/Navbar_items.png) no-repeat;
}
.navbar_items .link_icon {
display:inline-block;
position: relative;
width: 42px;
height: 43px;
cursor: pointer;
background:url(https://the-west.wiki/images/assets/Navbar_items_icons.png);
}
.navbar_items .link_icon:hover, .navbar_items .active{
background-position-y:-43px;
}
.wiki-title {
position:relative;
max-width: 800px;
height: 49px;
background: url(https://the-west.wiki/images/assets/Title.png) no-repeat;
background-size: 100% 100%;
padding: 0;
margin: auto;
border: none;
}
#popup_plain {
position:relative;
display:inline-block;
}
div.achievement {
display: inline-block;
position: relative;
vertical-align:top;
font-family: Arial, Verdana, sans-serif;
width:424px;
min-height: 120px;
text-align: center;
text-shadow: black 1px 1px 1px;
font-weight: bold;
color: white;
z-index: 3;
margin:2px -1px 2px -1px;
}
div.ach-background {
width: 100%;
position: absolute;
background-image: url(https://the-west.wiki/images/assets/Achievement_Background.png);
left: 0;
z-index: -1;
}
div.ach-top{
top: 0;
bottom: 10px;
background-position: top;
}
div.ach-btm {
bottom: 0;
height: 10px;
background-position: bottom;
}
.tw2gui_button {
display: inline-block;
position: relative;
height: 36px;
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
cursor: pointer;
min-width:150px;
max-width:330px;
}
.tw2gui_button_left_cap,.tw2gui_button_right_cap {
position: absolute;
width: 50%;
height: 36px;
background: url(https://westzz.innogamescdn.com/images/tw2gui/button/button_normal.png) 0 0;
left: 0;
}
.tw2gui_button_right_cap {
left: 50%;
background-position: right top;
}
.tw2gui_button_middle_bg {
position: absolute;
width: 18px;
height: 36px;
margin-left: -9px;
left: 50%;
background: url(https://westzz.innogamescdn.com/images/tw2gui/button/button_mid_normal.png) 0 0 no-repeat;
}
.tw2gui_button:hover .tw2gui_button_right_cap,
.tw2gui_button:hover .tw2gui_button_left_cap {
background-image:url('https://westen.innogamescdn.com/images/tw2gui/button/button_highlight.png');
}
.textart_title {
position: relative;
color: #FFE7B1;
margin-left: 10px;
margin-right: 10px;
padding-top: 9px;
text-align: center;
height: 19px;
white-space: nowrap;
font: bold 10pt Arial;
overflow: hidden;
text-overflow: ellipsis;
}
table.sticky_header th {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:3;
}
div.prize-section {
display:inline-block;
position:relative;
margin: 5px 0 5px 0;
}
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;
}
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;
}
table.quest {
width:100%;
}
table.quest h2 {
margin: 2px;
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://westzz.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://westzz.innogamescdn.com/images/map/minimap/icons/miniicon_quests.png);
}
div.questgiver_mini_frame {
position: relative;
width: 106px;
height: 54px;
margin:auto;
background: url(https://the-west.wiki/images/assets/Questgiver_mini_frame.png);
}
div.questgiver_mini_frame > img {
position: absolute;
top: 8px;
left: 34px;
}
.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 {max-width:282px;}
.prq_dispo {width:330px;}
.prq_title {
background: #301506;
color: #ffdead;
padding: 8px 10px;
border-radius: 5px;
}
.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://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;
}
.wb_tl, .wbt_tl {
background-position: left top;
bottom: 50%;
right: 50%;
left: 0;
top: 0;
}
.wb_tr, .wbt_tr {
background-position: right top;
width: 50%;
bottom: 50%;
right: 0;
top: 0;
}
.wb_bl, .wbt_bl {
background-position: left bottom;
height: 50%;
right: 50%;
bottom: 0;
left: 0;
}
.wb_br, .wbt_br {
background-position: right bottom;
height: 50%;
width: 50%;
bottom: 0;
right: 0;
}
div.questline_frame {
display:inline-block;
position: relative;
width: 272px;
height: 152px;
margin:3px;
background: url(https://the-west.wiki/images/assets/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://westzz.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;
}
.item_flag {
width: 26px;
height: 26px;
position: absolute;
z-index: 1;
top: 1px;
left: 1px;
}
.item_flag.eqp {
background: url("https://the-west.wiki/images/assets/Product_Eqp.png");
}
.item_flag.inv{
background: url("https://the-west.wiki/images/assets/ItemBorder_Inv.png");
}
.item_req {
background: url("https://the-west.wiki/images/assets/Item_box.png");
position: relative;
display: inline-block;
}
.item_req {
width: 50px;
height: 50px;
background-size: 50px;
vertical-align: middle;
}
table.popup_job {
width: 100%!important;
}
#ca-talk {
display: none !important;
}
#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(images/7/78/Navbar.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 ul {
list-style-type: none;
font-size:0;
padding:0;
overflow: hidden;
position:relative;
top:45px;
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;
}
#wiki_logo {
position: relative;
width: 112px;
height: 110px !important;
background: url(images/e/e4/VersionLogo.png) !important;
margin-bottom: 10px;
}
#wiki_logo a {
color:#FFFFFF !important;
font-weight:normal;
}
.flash {
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
}
}
.tw2gui_button_spoiler {
display: inline-block;
position: relative;
height: 36px;
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
cursor: pointer;
max-width:330px;
}
.tw2gui_button_spoiler:hover .tw2gui_button_right_cap,
.tw2gui_button_spoiler:hover .tw2gui_button_left_cap {
background-image:url('https://westen.innogamescdn.com/images/tw2gui/button/button_highlight.png');
}
.input_level, #input_level, #input_search {
display: inline-block;
background: url("https://westen.innogamescdn.com/images/tw2gui/textfield/textfield.png") top left no-repeat;
height: 30px;
width: 12px;
}
.column {
column-count: 3;
}
.tw_checkbox_no {
display: inline-block;
background: url("images/1/12/Noclick.png") no-repeat;
height: 20px;
width: 20px;
}
.tw_checkbox_on {
display: inline-block;
background: url("images/9/99/Onclick.png") no-repeat;
height: 20px;
width: 20px;
}