MediaWiki:Common.css

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

#wrapper { width: 1200px; }
#container { width: 900px; }
#contentTop { width: 900px; background-size: 100% 77px; }
#content { width: 870px; background-size: 100%; }
#contentFooter { background-size: 101%; z-index: 0;}
#p-cactions { width: 850px; }

/* Popup item */
div.tw_bg_tl, div.tw_bg_tr, div.tw_bg_bl, div.tw_bg_br {
	background-image: url(https://wiki.the-west.net/images/6/68/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.item_container div.popup_window {
	position: absolute;
	display:none;
	margin: 0px;
	min-width:200px;
	white-space:nowrap;
}
div.item_container {
	height:80px;
	width: 80px;
	position:relative;
}
div.item_container:hover > div.popupR {
	left: 120%;
	top:10px;
	z-index: 10;
	display:block;
}
div.item_container:hover > div.popupL {
	right: 120%;
	top:10px;
	z-index: 10;
	display:block;
}
div.item_container:hover > div.popupRT {
	left: 120%;
	bottom:100%;
	z-index: 10;
	display:block;
}
div.item_container:hover > div.popupLT {
	right: 120%;
	bottom:100%;
	z-index: 10;
	display:block;
}
div.popup_contents {
	margin:25px;
	font-family: Arial, Verdana, sans-serif;
}
div.popup_contents * {
	margin:0;
}
div.popup_image {
	background-image: url(https://wiki.the-west.net/images/e/ec/Item_box.png);
	background-repeat: no-repeat;
	width:79px;
	height:79px;
	margin: auto;	
}
div.popup_image img{
	padding-top: 3px;
	padding-left: 4px;

}
.popup_attribute{
	padding-left: 7px;
	font-size: 12px;
	color: #070;
	font-weight: bold;
}
.popup_skill{
	padding-left: 18px;
	font-size: 11px;
	color: #070;
}
.popup_type{
	font-style: italic;
	font-size: 8pt;
	text-align: center;
}
.popup_name{
	font-size: 13px;
	color: #070;
	font-weight: bold;
	text-align: center;
	padding-top:4px;
}
.popup_infos {
	text-align: center;
}
.popup_id {
	color:blue;
}
.popup_set{
	color:#800080;
	font-weight: bold;
}
.popup_speed{
	color:#8b4513;
}
.popup_fb_stats{
	color:#8b4513;
	font-weight: bold;
}
.popup_dmg{
	font-weight: bold;
	text-align: center;
}
.popup_text{
	color: #007777;
	white-space:normal;
}
.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;
}