Difference between revisions of "MediaWiki:Common.css"

From JellyRO Wiki
Jump to: navigation, search
Line 82: Line 82:
  
 
/* ItemDesc */
 
/* ItemDesc */
div.itemdesc {
+
div.itemdesc,
 +
div.itemdesc2 {
 
position: relative;
 
position: relative;
width: 178px;
 
 
min-height: 84px;
 
min-height: 84px;
-webkit-border-image: url(http://www.anesisro.com/wiki/images/Item_view_bg.png) 26 92 8 8 fill repeat;
+
-webkit-border-image: url(Item_view_bg.png) 26 92 8 8 fill repeat; border-image: url(Item_view_bg.png) 26 92 8 8 fill repeat; border-width: 26px 92px 8px 8px; border-style: solid;
border-image-source: url(http://www.anesisro.com/wiki/images/Item_view_bg.png);
+
}
border-image-slice: 26 92 8 8 fill;
+
div.itemdesc {
border-image-repeat: repeat;
+
width: 178px;
border-width: 26px 92px 8px 8px;
+
}
 +
div.itemdesc2 {
 +
width: 300px;
 
}
 
}
 
div.itemdesc > div.image,
 
div.itemdesc > div.image,
Line 115: Line 117:
 
left: 85px;
 
left: 85px;
 
width: 170px;
 
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 {
 
div.itemdesc2 > div.desc {

Revision as of 19:35, 18 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,
div.itemdesc2 {
	position: relative;
	min-height: 84px;
	-webkit-border-image: url(Item_view_bg.png) 26 92 8 8 fill repeat;	border-image: url(Item_view_bg.png) 26 92 8 8 fill repeat;	border-width: 26px 92px 8px 8px;	border-style: solid;
}
div.itemdesc {
	width: 178px;
}
div.itemdesc2 {
	width: 300px;
}
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 > div.desc {
	position: relative;
	top: 3px;
	left: 85px;
	width: 292px;
}