Difference between revisions of "Infobox Research Status.css"
From FireSpeakerWiki
Jump to navigationJump to searchFirespeaker (talk | contribs) |
Firespeaker (talk | contribs) |
||
(25 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | table { | + | table.researchstatus { |
border-collapse: collapse; | border-collapse: collapse; | ||
+ | height: 3em; | ||
} | } | ||
− | th { | + | .researchstatus tr th { |
− | width: | + | width: 8em; |
border: none; | border: none; | ||
+ | vertical-align: bottom; | ||
+ | font-size: 90%; | ||
+ | line-height: 90%; | ||
+ | } | ||
+ | .researchstatus tr td { | ||
+ | text-align: center; | ||
+ | width: 8em; | ||
+ | line-height: 110%; | ||
+ | } | ||
+ | .researchstatus tr td .explanation { | ||
+ | line-height: 90%; | ||
+ | font-size: 90%; | ||
vertical-align: top; | vertical-align: top; | ||
+ | text-align: center; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | |||
+ | .notyet, .empty .explanation { | ||
+ | color: grey; | ||
+ | } | ||
+ | .inprogress .explanation { | ||
+ | color: grey; | ||
+ | } | ||
+ | .done .explanation { | ||
+ | color: silver; | ||
+ | } | ||
+ | |||
+ | .progressbar { | ||
+ | border: 1px solid grey; | ||
+ | } | ||
+ | |||
+ | .empty, .notyet { | ||
+ | background-color: white; | ||
+ | } | ||
+ | .inprogress { | ||
+ | background-color: #77ff77; | ||
} | } | ||
− | + | .done { | |
− | + | background-color: green; | |
+ | color: white; | ||
} | } |
Latest revision as of 18:02, 30 November 2015
table.researchstatus {
border-collapse: collapse; height: 3em;
} .researchstatus tr th {
width: 8em; border: none; vertical-align: bottom; font-size: 90%; line-height: 90%;
} .researchstatus tr td {
text-align: center; width: 8em; line-height: 110%;
} .researchstatus tr td .explanation {
line-height: 90%; font-size: 90%; vertical-align: top; text-align: center; margin-bottom: 1em;
}
.notyet, .empty .explanation {
color: grey;
} .inprogress .explanation {
color: grey;
} .done .explanation {
color: silver;
}
.progressbar {
border: 1px solid grey;
}
.empty, .notyet {
background-color: white;
} .inprogress {
background-color: #77ff77;
} .done {
background-color: green; color: white;
}