Difference between revisions of "MediaWiki:Common.css"
From JellyRO Wiki
| (9 intermediate revisions by the same user not shown) | |||
| Line 81: | Line 81: | ||
} | } | ||
| − | /* | + | /* ItemDesc */ |
| − | div. | + | div.itemdesc, |
| + | div.itemdesc2 { | ||
position: relative; | position: relative; | ||
| − | |||
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(http://www.anesisro.com/wiki/images/Item_view_bg.png) 26 92 8 8 fill repeat; | ||
| − | border-image | + | border-image: url(http://www.anesisro.com/wiki/images/Item_view_bg.png) 26 92 8 8 fill repeat; |
| − | + | ||
| − | + | ||
border-width: 26px 92px 8px 8px; | border-width: 26px 92px 8px 8px; | ||
| + | border-style: solid; | ||
} | } | ||
| − | div. | + | div.itemdesc { |
| + | width: 178px; | ||
| + | } | ||
| + | div.itemdesc2 { | ||
| + | width: 300px; | ||
| + | } | ||
| + | div.itemdesc > div.image, | ||
| + | div.itemdesc2 > div.image { | ||
position:absolute; | position:absolute; | ||
top: -17px; | top: -17px; | ||
| Line 101: | Line 107: | ||
box-shadow: 2px 2px 0px #c6c6c6; | box-shadow: 2px 2px 0px #c6c6c6; | ||
} | } | ||
| − | div. | + | div.itemdesc > div.name, |
| + | div.itemdesc2 > div.name { | ||
position: absolute; | position: absolute; | ||
| − | top: - | + | top: -20px; |
left: 85px; | left: 85px; | ||
width: 170px; | width: 170px; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| − | div. | + | div.itemdesc > div.desc { |
position: relative; | position: relative; | ||
top: 3px; | top: 3px; | ||
left: 85px; | left: 85px; | ||
width: 170px; | width: 170px; | ||
| + | } | ||
| + | div.itemdesc2 > div.desc { | ||
| + | position: relative; | ||
| + | top: 3px; | ||
| + | left: 85px; | ||
| + | width: 292px; | ||
| + | } | ||
| + | |||
| + | /* Notes */ | ||
| + | div.note { | ||
| + | background-color: #f9f9f9; | ||
| + | border: 1px solid #aaa; | ||
| + | font-size: 95%; | ||
| + | padding: 1em; | ||
| + | margin: 1em 3em; | ||
} | } | ||
Latest revision as of 22:35, 1 April 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(http://www.anesisro.com/wiki/images/Item_view_bg.png) 26 92 8 8 fill repeat;
border-image: url(http://www.anesisro.com/wiki/images/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;
}
/* Notes */
div.note {
background-color: #f9f9f9;
border: 1px solid #aaa;
font-size: 95%;
padding: 1em;
margin: 1em 3em;
}