Mercurial > hg > lukkari
view luk4.css @ 68:0acf6e16af93
Add another stylesheet, a dark one.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 24 Oct 2012 03:45:28 +0300 |
parents | |
children | 8109809f67cb |
line wrap: on
line source
body { margin: 1em; background: 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-family: impact; font-weight: normal; color: white; background: black; padding: 5pt; padding-bottom: 8px; text-shadow: 2px 2px 2px #000; -moz-border-radius: 8pt; border-radius: 8pt; box-shadow: 0px 0px 6px rgba(255,255,255,0.7); } #csssel { position: absolute; right: 1em; top: 1em; font-size: 6pt; background: black; padding: 5pt; -moz-border-radius: 5pt; border-radius: 5pt; text-shadow: 1px 1px 1px #000; box-shadow: 0px 0px 4px rgba(255,255,255,0.9); } #ctitle { text-align: right; font-size: 8pt; } #csssel a { padding: 2pt; color: #ccc; text-decoration: none; } #csssel a:hover { text-decoration: underline; } #clang { text-align: right; font-weight: bold; } #clang a { color: #f00; } #contents { z-index: 5; position: absolute; right: 0.5em; left: 0.5em; padding: 10pt; -moz-border-radius: 10pt; border-radius: 10pt; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 0px 8px rgba(255,255,255,0.9); } table { border: 0px; padding: 0px; margin: 0px; } tr { border: 0px; padding: 0px; margin: 0px; } table.timetable th { padding: 3pt; margin: 3pt; text-align: center; // background: rgb(30,45,55); color: #ccc; -moz-border-radius: 5pt; border-radius: 5pt; box-shadow: 0px 0px 4px rgba(255,255,255,0.4); } td { padding: 4px; margin: 2px; color: #ccc; -moz-border-radius: 5pt; border-radius: 5pt; } 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: rgb(20,35,45); } td.clnothing, td.clnothing * td { } td.clnormal, td.clnormal * td { background: rgb(20,35,35); } td.clactive, td.clactive * td { background: rgb(35,55,55); border: 1px solid white; } 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: 5pt; margin-bottom: 30pt; -moz-border-radius: 8px; border-radius: 8px; text-decoration: none; color: white; background: rgba(255,255,255,0.2); box-shadow: 0px 0px 4px rgba(255,255,255,0.9); } #controls a:hover { color: white; background: #666; box-shadow: 0px 0px 4px rgba(255,255,255,0.9); } #controls select { background: white; border: 1px solid white; color: black; padding: 5pt; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 6px rgba(255,255,255,0.9); } #controls input.submit { color: white; background: rgba(200,255,200,0.2); border: 1px solid rgba(255,255,255,0.3); padding: 5pt; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 4px rgba(255,255,255,0.9); } #controls input.submit:hover { color: white; background: rgba(200,255,200,0.5); }