From GamingWiki
| Line 61: | Line 61: | ||
/* end Diaspora styles */ | /* end Diaspora styles */ | ||
| − | /** | + | /* boxes: navbox, infobox */ |
| + | TABLE.infobox, | ||
| + | TABLE.listing { | ||
| + | background: #f8f8f8; | ||
| + | /* color: #111; */ | ||
| + | /* padding: 0px; */ | ||
| + | /* border-collapse: collapse; */ | ||
| + | margin: 4px 8px; | ||
| + | } | ||
| + | TABLE.infobox TH, | ||
| + | TABLE.listing TH { | ||
| + | background: #dadada; | ||
| + | color: #111; | ||
| + | border: 2px solid #ccc; | ||
| + | border-width: 2px 0px; | ||
| + | } | ||
| + | TABLE.infobox TD, | ||
| + | TABLE.listing TD { | ||
| + | /* border: 1px solid #ddd; */ | ||
| + | border-width: 1px 0; | ||
| + | /* margin: 0px; */ | ||
| + | /* padding: 1px 4px; */ | ||
| + | } | ||
| + | TABLE.infobox TD.shaded , | ||
| + | TABLE.infobox .label , | ||
| + | TABLE.infobox TD.subhead , | ||
| + | TABLE.listing TR>TD:first-child , | ||
| + | TABLE.listing TD.shaded , | ||
| + | TABLE.listing TD.subhead { | ||
| + | background: #eee; | ||
| + | color: #111; | ||
| + | white-space: nowrap; | ||
| + | vertical-align: top; | ||
| + | text-align: right; | ||
| + | } | ||
| + | TABLE.infobox TD.subhead, | ||
| + | TABLE.listing TD.subhead { | ||
| + | font-weight: bold; | ||
| + | text-align: left !important; | ||
| + | } | ||
| + | TABLE.infobox TD.alignright, | ||
| + | TABLE.listing TD.alignright { | ||
| + | text-align: right; | ||
| + | } | ||
| + | TABLE.infobox TD.wrap, | ||
| + | TABLE.listing TD.wrap { | ||
| + | white-space: normal; | ||
| + | } | ||
table.navbox { | table.navbox { | ||
width: 80%; | width: 80%; | ||
Revision as of 11:20, 28 January 2011
/* ***** Diaspora ***** */
/* general styles */
/*
we want a distinctive style for any aspect, in text or in a character
sheet.
*/
.aspect {
color: #c60;
background: inherit;
font-weight: bold;
}
/* transcript styles */
p.meta, div.meta, p.timestamp {
color: #001;
background: #eef;
margin: 0 1em;
padding: 0 2em;
}
div.meta {
color: #001;
background: #eef;
margin: 0 1em;
padding: 0.25em 2em;
}
p.timestamp { font-weight: bold; }
div.undent { margin: 0 -1em 0; }
/* character sheet */
/*
skill labels
we want to underline certain skill types with a coloured line.
*/
.diaspora.skill, .diaspora.skill span
{ border-color: transparent; border-style: solid; border-width: 0 0 2px 0; }
.diaspora.skill .space, .diaspora.skill.space { border-color: #639; }
.diaspora.skill .combat, .diaspora.skill.combat { border-color: #693; }
.diaspora.skill .track, .diaspora.skill.track { border-color: #963; }
/*
we also want to make the "military grade" marker act like a <sup> tag.
*/
.diaspora.skill .mg-marker {
color: #c63;
font-size: 50%;
vertical-align:super;
}
/* stressbox tables */
table.fate.stressbox {
float:left;
margin: 0 0.5em;
border-spacing: 2px;
}
.fate.stressbox td { padding:4px; }
.fate.stressbox td div {
border: 1px solid black;
width: 15px;
height: 15px;
}
.fate.stressbox td.full div { background: grey; }
/* end Diaspora styles */
/* boxes: navbox, infobox */
TABLE.infobox,
TABLE.listing {
background: #f8f8f8;
/* color: #111; */
/* padding: 0px; */
/* border-collapse: collapse; */
margin: 4px 8px;
}
TABLE.infobox TH,
TABLE.listing TH {
background: #dadada;
color: #111;
border: 2px solid #ccc;
border-width: 2px 0px;
}
TABLE.infobox TD,
TABLE.listing TD {
/* border: 1px solid #ddd; */
border-width: 1px 0;
/* margin: 0px; */
/* padding: 1px 4px; */
}
TABLE.infobox TD.shaded ,
TABLE.infobox .label ,
TABLE.infobox TD.subhead ,
TABLE.listing TR>TD:first-child ,
TABLE.listing TD.shaded ,
TABLE.listing TD.subhead {
background: #eee;
color: #111;
white-space: nowrap;
vertical-align: top;
text-align: right;
}
TABLE.infobox TD.subhead,
TABLE.listing TD.subhead {
font-weight: bold;
text-align: left !important;
}
TABLE.infobox TD.alignright,
TABLE.listing TD.alignright {
text-align: right;
}
TABLE.infobox TD.wrap,
TABLE.listing TD.wrap {
white-space: normal;
}
table.navbox {
width: 80%;
font-size:95%;
margin:0.5em auto;
}
.navbox-title span.collapseButton {
display: block;
float:right;
}
.navbox-group { white-space: nowrap; }
/* end navboxes */
/* End custom styles */