Mercurial > hg > lukkari
view 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 source
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; }