Difference between revisions of "MediaWiki:Common.css"
From JellyRO Wiki
| (18 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
div.printfooter { display: none;} | 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 */ | /* Navboxes */ | ||
| Line 34: | Line 59: | ||
} | } | ||
table.navbox > tbody > tr > td.oddstyle { | table.navbox > tbody > tr > td.oddstyle { | ||
| − | background: transparent; | + | background: transparent; |
| + | text-align: left; | ||
} | } | ||
table.navbox > tbody > tr > td.evenstyle { | table.navbox > tbody > tr > td.evenstyle { | ||
background: #f7f7f7; | background: #f7f7f7; | ||
| − | |||
| − | |||
| − | |||
text-align: left; | text-align: left; | ||
} | } | ||
table.navbox > tbody > tr > td.liststyle > ul { | table.navbox > tbody > tr > td.liststyle > ul { | ||
| − | margin: 0; padding: 0.125em 0; | + | margin: 0; |
| + | padding: 0.125em 0; | ||
} | } | ||
table.navbox > tbody > tr > td.liststyle > ul > li { | table.navbox > tbody > tr > td.liststyle > ul > li { | ||
| Line 55: | Line 79: | ||
table.navbox > tbody > tr > td.liststyle > ul > li:last-child:after { | table.navbox > tbody > tr > td.liststyle > ul > li:last-child:after { | ||
content: " " | 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; | ||
} | } | ||
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;
}