diff luk.css @ 45:d8a1e85b8dda

Change the visual style a tiny bit.
author Matti Hamalainen <ccr@tnsp.org>
date Mon, 24 Sep 2012 16:45:40 +0300
parents a076d8d22422
children
line wrap: on
line diff
--- a/luk.css	Mon Aug 27 18:35:20 2012 +0300
+++ b/luk.css	Mon Sep 24 16:45:40 2012 +0300
@@ -1,14 +1,79 @@
+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;
+}
+
+.noborder {
+	border: none;
+	padding: 0pt;
+}
+
+.icenter {
+	text-align: center;
+}
+
+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;
+}
+
+
+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;
 }
 
-td > a, td > a:visited, td > a:active {
+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;
 }
 
-td > a:hover {
+table.timetable td > a:hover {
 	color: yellow;
 }
 
@@ -47,6 +112,8 @@
 	border: 1px solid gray;
 }
 
+
+
 #controls {
 	padding: 0px;
 	margin: 0px;
@@ -57,5 +124,45 @@
 	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;
+}
+
 #mini {
 }