Difference between revisions of "MediaWiki:Common.css"
From JellyRO Wiki
(8 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: -20px; | top: -20px; | ||
left: 85px; | left: 85px; | ||
width: 170px; | width: 170px; | ||
+ | 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; }