Mercurial > hg > lukkari
diff luk2.css @ 48:d41b51cd4ae5
Implement switchable CSS support and a new default style + very minor code
cleanups.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 17 Oct 2012 14:02:24 +0300 |
parents | luk.css@d8a1e85b8dda |
children | 2be3eec4c7a5 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/luk2.css Wed Oct 17 14:02:24 2012 +0300 @@ -0,0 +1,181 @@ +body { + margin: 1em; + background-color: black; + color: white; + + font-family: Verdana, Arial, helvetica, sans-serif; + font-size: 10pt; +} + +a, a:visited, a:active { + text-decoration: underline; + color: white; +} + +a:hover { + text-decoration: underline; + color: #555; +} + +h1, h2, h3 { + font-family: Arial, sans-serif; + font-weight: normal; + color: #eee; + background: #888; + padding: 4px; + padding-bottom: 8px; + text-shadow: 2px 2px 2px #000; +} + + +#csssel { + position: absolute; + right: 1em; + top: 1em; + font-size: 5pt; + background: rgb(10,114,133); + padding: 5pt; + -moz-border-radius: 5pt; + border-radius: 5pt; +} + +#csssel a { + padding: 2pt; + color: #ccc; + text-decoration: none; +} + +#csssel a:hover { + text-decoration: underline; +} + + +table { + border: 0px; + padding: 0px; + margin: 0px; +} + +tr { + border: 0px; + padding: 0px; + margin: 0px; +} + +table.timetable th { + padding: 2px; + margin: 2px; + background: #444; + text-align: center; +} + +td { + padding: 4px; + margin: 2px; + background: #555; + color: #ccc; +} + +table.timetable { + font-size: 10pt; +} + +table.timetable td > a, table.timetable td > a:visited, table.timetable td > a:active { + text-decoration: none; + text-shadow: 2px 2px 2px #000; + color: #fff; +} + +table.timetable td > a:hover { + color: yellow; +} + + +th.hours { + white-space: nowrap; +} + +table.timetable * table { + width: 100%; + height: 100%; +} + +table.timetable tr:hover th { + color: red; +} + +td.clgrouped, td.clgrouped * td { + background: #454; +} + +td.clnothing { + background: #222; +} + +td.clnormal { +} + +div.nhours { + text-align: right; +} + +div.nhours span { + background: black; + padding: 2pt; + border: 1px solid gray; +} + +#footer { + padding-top: 5pt; + font-size: 5pt; +} + +#controls { + padding: 0px; + margin: 0px; +} + +#controls table * { + padding: 0px; + margin: 0px; +} + +#controls a { + padding: 3pt; + margin-bottom: 30pt; + border: 1px solid white; + -moz-border-radius: 8px; + border-radius: 8px; + text-decoration: none; + color: white; + background: #657; +} + +#controls a:hover { + background: white; + color: black; +} + +#controls select { + background: white; + border: 1px solid black; + + padding: 5pt; + -moz-border-radius: 8px; + border-radius: 8px; +} + +#controls input.submit { + color: white; + background: #686; + border: 1px solid white; + + padding: 5pt; + -moz-border-radius: 8px; + border-radius: 8px; +} + +#controls input.submit:hover { + background: white; + color: black; +}