Jump to: content
2.231

MediaWiki:Common.css

From The-West Wiki
Jump to:navigation Jump to:search

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

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

/* Item Popup */
div.tw_bg_tl1,
div.tw_bg_tr1,
div.tw_bg_bl1,
div.tw_bg_br1 {
	background-image: url("https://the-west.wiki/images/assets/tooltipBG_ornamentic.png");
	position: absolute;
	z-index: -1;
}

.tw_bg_tl1 {
	background-position: left top;
	bottom: 50%;
	right: 50%;
	left: 0;
	top: 0;
}

.tw_bg_tr1 {
	background-position: right top;
	width: 50%;
	bottom: 50%;
	right: 0;
	top: 0;
}

.tw_bg_bl1 {
	background-position: left bottom;
	height: 50%;
	right: 50%;
	bottom: 0;
	left: 0;
}

.tw_bg_br1 {
	background-position: right bottom;
	height: 50%;
	width: 50%;
	bottom: 0;
	right: 0;
}

div.popup_window1,
div.overlay-popup1 {
	position: absolute;
	display: none;
	margin: 0px;
	min-width: 200px;
	max-width: 480px;
	/* white-space: nowrap; */
	z-index: 1000;
}

div.overlay-popup1 {
	min-width: 50px;
}

div.popup_contents1 {
	margin: 25px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

div.popup_contents1 *,
div.overlay-contents1 * {
	margin: 0;
}

div.overlay-contents1 {
	text-align: center;
	margin: 24px 25px 20px;
	font-family: sans-serif;
	font-size: 13px;
}

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

table.NewjobList tr>th {
	font-weight: bold;
	color: #ffdead !important;
	background-color: #301506 !important
}

table.NewjobList,
tr.mw-empty-elt {
	display: block !important
}

div.worldButton,
div.worldButtonInactive {
	-moz-user-select: none;
	position: relative;
	background: url("https://the-west.wiki/images/assets/world-button.png") no-repeat;
	width: 152px;
	color: #000000;
	height: 40px;
	display: inline-block;
	line-height: 33px;
	padding: 0 0 0 38px;
	margin: 0 5px 0;
	cursor: pointer;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	float: left;
}

div.worldButtonInactive {
	background: url("https://the-west.wiki/images/assets/world-button-inactive.png") no-repeat;
}

span.worldStatus {
	float: right;
	margin-right: 15px;
}

span.worldStatus.green {
	color: #1cb300;
}

span.worldStatus.red {
	color: #851515;
}

div.dashHint {
	background-color: #e3cb98;
	padding: 1em;
	border: 1px dashed #97855E;
	color: black;
	line-height: 1.1em;
}

div.questgiver_mini_frame > img {
position: absolute;
top: 8px;
left: 34px;
}

.questgiver_mini_frame img {
position: absolute;
top: 8px;
left: 34px;
}
Retrieved from ‘https://the-west.wiki/index.php?title=MediaWiki:Common.css&oldid=22393’