Difference between revisions of "MediaWiki:Common.css"
From JellyRO Wiki
| Line 83: | Line 83: | ||
/* ItemView */ | /* ItemView */ | ||
div.itemview { | div.itemview { | ||
| โ | width: 178px; min-height: 84px; | + | 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; | -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-source: url(http://www.anesisro.com/wiki/images/Item_view_bg.png); | ||
| Line 89: | Line 91: | ||
border-image-repeat: repeat; | border-image-repeat: repeat; | ||
border-width: 26px 92px 8px 8px; | border-width: 26px 92px 8px 8px; | ||
| + | } | ||
| + | div.itemview > 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.itemview > div.name { | ||
| + | position: absolute; | ||
| + | top: -18px; | ||
| + | left: 85px; | ||
| + | width: 170px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | div.itemview > div.desc { | ||
| + | position: relative; | ||
| + | top: 3px; | ||
| + | left: 85px; | ||
| + | width: 170px; | ||
} | } | ||
Revision as of 11:16, 26 December 2013
/* 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: " "
}
/* ItemView */
div.itemview {
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.itemview > 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.itemview > div.name {
position: absolute;
top: -18px;
left: 85px;
width: 170px;
font-weight: bold;
}
div.itemview > div.desc {
position: relative;
top: 3px;
left: 85px;
width: 170px;
}