New member boxes for the roblox wiki
A redesign of the member boxes, going for a table-free, NON-ugly design
HTML
<div class="member-data method">
<div class="signature">[method name]</div>
<div class="description">
[description]
</div>
<div class="location">
Member of [...]
</div>
</div>
<div class="member-data property">
<div class="signature">[property name]</div>
<div class="description">
[description]
</div>
<div class="location">
Member of [...]
</div>
</div>
<div class="member-data event">
<div class="signature">[event name]</div>
<div class="description">
[description]
</div>
<div class="location">
Member of [...]
</div>
</div>
CSS
/*General*/
.member-data {
background: #F9F9F9;
border: 1px solid #AAA;
margin: 5px 0;
}
.member-data .signature {
background: #AAA no-repeat 4px center;
padding: 4px;
padding-left: 22px;
border-bottom: 1px solid;
border-color: inherit;
}
.member-data .description {
padding: 4px;
}
.member-data .location {
padding: 4px;
font-size: 75%;
text-align: right;
color: #AAA;
}
/*Method*/
.member-data.method {
background-color: #FBF3FB;
border-color: #CD56CD;
}
.member-data.method .signature {
color: #FBF3FB;
background-color: #CD56CD;
background-image: url(http://wiki.roblox.com/images/b/be/Function_Icon.png);
}
.member-data.method .location {
color: #CD56CD;
}
/*Property*/
.member-data.property {
background-color: #F3F3FB;
border-color: #5656CD;
}
.member-data.property .signature {
color: #F3F3FB;
background-color: #5656CD;
background-image: url(http://wiki.roblox.com/images/0/00/Property_Icon.png);
}
.member-data.property .location {
color: #5656CD;
}
/*Event*/
.member-data.event {
background-color: #FBFBF3;
border-color: #CDCD56;
}
.member-data.event .signature {
color: #FBFBF3;
background-color: #CDCD56;
background-image: url(http://wiki.roblox.com/images/c/c9/Event_Icon.png);
}
.member-data.event .location {
color: #CDCD56;
}