Difference between revisions of "MediaWiki:Common.css"

From JellyRO Wiki
Jump to: navigation, search
Line 81: Line 81:
 
}
 
}
  
/* ItemView */
+
/* ItemDesc */
div.itemview {
+
div.itemdesc {
 
position: relative;
 
position: relative;
 
width: 178px;
 
width: 178px;
Line 92: Line 92:
 
border-width: 26px 92px 8px 8px;
 
border-width: 26px 92px 8px 8px;
 
}
 
}
div.itemview > div.image,
+
div.itemdesc > div.image,
div.itemview2 > div.image {
+
div.itemdesc2 > div.image {
 
position:absolute;
 
position:absolute;
 
top: -17px;
 
top: -17px;
Line 102: Line 102:
 
box-shadow:        2px 2px 0px #c6c6c6;
 
box-shadow:        2px 2px 0px #c6c6c6;
 
}
 
}
div.itemview > div.name,  
+
div.itemdesc > div.name,  
div.itemview2 > div.name {  
+
div.itemdesc2 > div.name {  
 
position: absolute;
 
position: absolute;
 
top: -20px;
 
top: -20px;
Line 110: Line 110:
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
div.itemview > div.desc {
+
div.itemdesc > div.desc {
 
position: relative;
 
position: relative;
 
top: 3px;
 
top: 3px;
Line 116: Line 116:
 
width: 170px;
 
width: 170px;
 
}
 
}
div.itemview2 {
+
div.itemdesc2 {
 
position: relative;
 
position: relative;
 
width: 300px;
 
width: 300px;
Line 126: Line 126:
 
border-width: 26px 92px 8px 8px;
 
border-width: 26px 92px 8px 8px;
 
}
 
}
div.itemview2 > div.desc {
+
div.itemdesc2 > div.desc {
 
position: relative;
 
position: relative;
 
top: 3px;
 
top: 3px;

Revision as of 05:32, 4 January 2014

/* CSS placed here will be applied to all skins */
div.printfooter {     display: none;}

/* Maps */
table.map {
	margin: auto;
	text-align: center;
}
table.map > tbody > tr > td {
	width: 100px;
}
div.mapname {
	position: relative;
	width: 100%;
	height: 0;
	text-align: center;
}
div.mapname > span {
	display: inline-block;
	position: relative;
	bottom: 2em;
	width: 90px;
	background: rgba(0,0,0,0.2);
	color:white;
	text-shadow: 1px 1px black;
	text-align: center;
}

/* Navboxes */
table.navbox {
	border: 1px solid #aaa;
	clear: both;
	font-size: 88%;
	padding: 1px;
	width: 100%;
}
table.navbox > tbody > tr > td.bodystyle {
	background: #fdfdfd;
	width: 100%;
	vertical-align: middle;
}
table.navbox > tbody > tr > td.titlestyle {
	background: #ccccff;
	font-weight: bold;
	padding: 0em 1em;
	text-align: center;
}
table.navbox > tbody > tr > td.abovestyle,
table.navbox > tbody > tr > td.belowstyle {
	background: #ddddff;
	padding: 0em 1em;
	text-align: center;
}
table.navbox > tbody > tr > td.groupstyle {
	background: #ddddff;
	padding: 0em 1em;
	text-align: right;
	font-weight: bold;
}
table.navbox > tbody > tr > td.oddstyle {
	background: transparent; 
	text-align: left;
}
table.navbox > tbody > tr > td.evenstyle {
	background: #f7f7f7;
	text-align: left;
}
table.navbox > tbody > tr > td.liststyle > ul {
	margin: 0;
	padding: 0.125em 0;
}
table.navbox > tbody > tr > td.liststyle > ul > li {
	display: inline;
}
table.navbox > tbody > tr > td.liststyle > ul > li:after {
	content: " · ";
	font-weight: bold;
}
table.navbox > tbody > tr > td.liststyle > ul > li:last-child:after {
	content: " "
}

/* ItemDesc */
div.itemdesc {
	position: relative;
	width: 178px;
	min-height: 84px;
	-webkit-border-image: url(http://www.anesisro.com/wiki/images/Item_view_bg.png) 26 92 8 8 fill repeat;
	border-image-source: url(http://www.anesisro.com/wiki/images/Item_view_bg.png);
	border-image-slice: 26 92 8 8 fill;
	border-image-repeat: repeat;
	border-width: 26px 92px 8px 8px;
}
div.itemdesc > div.image,
div.itemdesc2 > div.image {
	position:absolute;
	top: -17px;
	width: 75px;
	height: 100px;
	-webkit-box-shadow: 2px 2px 0px #c6c6c6;
	-moz-box-shadow:    2px 2px 0px #c6c6c6;
	box-shadow:         2px 2px 0px #c6c6c6;
}
div.itemdesc > div.name, 
div.itemdesc2 > div.name { 
	position: absolute;
	top: -20px;
	left: 85px;
	width: 170px;
	font-weight: bold;
}
div.itemdesc > div.desc {
	position: relative;
	top: 3px;
	left: 85px;
	width: 170px;
}
div.itemdesc2 {
	position: relative;
	width: 300px;
	min-height: 84px;
	-webkit-border-image: url(http://www.anesisro.com/wiki/images/Item_view_bg.png) 26 92 8 8 fill repeat;
	border-image-source: url(http://www.anesisro.com/wiki/images/Item_view_bg.png);
	border-image-slice: 26 92 8 8 fill;
	border-image-repeat: repeat;
	border-width: 26px 92px 8px 8px;
}
div.itemdesc2 > div.desc {
	position: relative;
	top: 3px;
	left: 85px;
	width: 292px;
}