MediaWiki:Common.css: Difference between revisions

From Wiki The-West EN
Jump to navigation
(Created page with "→‎CSS placed here will be applied to all skins: #wrapper { width: 1200px; } #container { width: 900px; } #contentTop { width: 900px; background-size: 100% 77px; } #content...")
 
No edit summary
Line 5: Line 5:
#contentTop { width: 900px; background-size: 100% 77px; }
#contentTop { width: 900px; background-size: 100% 77px; }
#content { width: 870px; background-size: 100%; }
#content { width: 870px; background-size: 100%; }
#contentFooter { background-size: 101%; }
#contentFooter { background-size: 101%; z-index: 0;}
#p-cactions { width: 850px; }
#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;
left:-99999px;
margin: 0px;
width: 250px;
}
div.item_container {
  height:80px;
  width: 80px;
}
div.item_container:hover > div.popupR {
left: 0%;
margin: -80px 0px 0px 120px;
z-index: 1000;
}
div.item_container:hover > div.popupL {
left: 0%;
margin: -80px 0px 0px -250px;
z-index: 1000;
}
div.popup_contents {
max-width: 250px;
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:73px;
height:73px;
margin: auto;
}
div.popup_image img{
padding-top: 0px;
}
.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;
}
.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;
}

Revision as of 20:21, 1 October 2016

/* 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;
	left:-99999px;
	margin: 0px;
	width: 250px;
}
div.item_container {
  height:80px;
  width: 80px;
}
div.item_container:hover > div.popupR {
	left: 0%;
	margin: -80px 0px 0px 120px;
	z-index: 1000;
}
div.item_container:hover > div.popupL {
	left: 0%;
	margin: -80px 0px 0px -250px;
	z-index: 1000;
}
div.popup_contents {
	max-width: 250px;
	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:73px;
	height:73px;
	margin: auto;	
}
div.popup_image img{
	padding-top: 0px;
}

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