Infobox Research Status.css: Difference between revisions
From FirespeakerWiki
Jump to navigationJump to search
Firespeaker (talk | contribs) No edit summary |
Firespeaker (talk | contribs) No edit summary |
||
| (22 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 { | .progressbar { | ||
border: 1px solid | border: 1px solid grey; | ||
} | } | ||
.empty { | .empty, .notyet { | ||
background-color: white; | background-color: white; | ||
} | } | ||
| Line 19: | Line 44: | ||
} | } | ||
.done { | .done { | ||
background-color: | background-color: green; | ||
color: white; | |||
} | } | ||
Latest revision as of 22: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;
}
