Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Tangent128 (talk | contribs) |
VeniaSilente (talk | contribs) |
||
Line 58: | Line 58: | ||
.hex_row + .hex_row { | .hex_row + .hex_row { | ||
margin-top: -80px; | margin-top: -80px; | ||
+ | } | ||
+ | |||
+ | /* CSS enabling the Mon Info templates */ | ||
+ | |||
+ | table.mon_info .key { | ||
+ | text-align: left; | ||
+ | padding: 0 4px; | ||
+ | } | ||
+ | |||
+ | table.mon_info .value { | ||
+ | text-align: right; | ||
+ | padding: 0 4px; | ||
+ | } | ||
+ | |||
+ | table.mon_info .quotebox { | ||
+ | font-family: "Book Antiqua", serif; | ||
+ | text-align: right; | ||
+ | padding-left: 4px; | ||
+ | padding-right: 8px; | ||
+ | background-color: #e0e0e0; | ||
} | } |
Revision as of 19:42, 25 July 2013
/* CSS placed here will be applied to all skins */
/* CSS enabling the Mon Box template */
.mon_box {
position:relative;
width: 154px; height:145px;
background: url('http://waapt.wiki.tropi.us/images/f/f4/Hexagon.png');
}
.mon_box .mon_icon {
position: absolute;
top: 50%;
left: 50%;
background: 50% 50% no-repeat;
}
.mon_box .mon_icon div {
position: absolute;
}
.mon_box .mon_name {
display:block;
position: absolute;
left: 0;
right: 0;
bottom: 8px;
font: 12px sans-serif;
text-align: center;
}
.mon_box .mon_name.male {
color: #0de;
}
.mon_box .mon_name.female {
color: #f6a;
}
/* hex tiling */
.hex_row {
margin: 0px;
}
.hex_row .mon_box {
display:inline-block;
background: url('http://waapt.wiki.tropi.us/images/7/74/HexagonLead.png');
}
.hex_row + .hex_row:nth-of-type(odd) .mon_box {
background: url('http://waapt.wiki.tropi.us/images/2/28/HexagonB.png');
}
.hex_row + .hex_row:nth-of-type(even) .mon_box {
background: url('http://waapt.wiki.tropi.us/images/f/f4/Hexagon.png');
}
.hex_row .mon_box:nth-of-type(odd) {
margin-bottom: 70px;
}
.hex_row .mon_box:nth-of-type(even) {
margin-top: 70px;
}
.hex_row .mon_box + .mon_box {
margin-left: -41.5px;
}
.hex_row + .hex_row {
margin-top: -80px;
}
/* CSS enabling the Mon Info templates */
table.mon_info .key {
text-align: left;
padding: 0 4px;
}
table.mon_info .value {
text-align: right;
padding: 0 4px;
}
table.mon_info .quotebox {
font-family: "Book Antiqua", serif;
text-align: right;
padding-left: 4px;
padding-right: 8px;
background-color: #e0e0e0;
}