changeset 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 57af36f0864e
children 9b5fa0f3812b
files index.php luk.css
diffstat 2 files changed, 118 insertions(+), 11 deletions(-) [+]
line wrap: on
line diff
--- a/index.php	Mon Aug 27 18:35:20 2012 +0300
+++ b/index.php	Mon Sep 24 16:45:40 2012 +0300
@@ -2,7 +2,7 @@
 //
 // Yes, this is horrible. :|
 //
-$pageCSS = array("http://tnsp.org/docs1.css", "luk.css");
+$pageCSS = array("luk.css");
 $pageCharset = "utf-8";
 $internalCharset = "utf-8";
 $luokkaDefault = "TTE9SNO";
@@ -282,7 +282,7 @@
 
   $out = "<div class=\"content\">\n";
  
-  if ($hour >= 0 && $day >= 0)
+  if ($hour >= 0 && $day >= 0 && $hour < sizeof($classHourTable))
   {
     $id = $classHourTable[$hour][$day];
     $out .=
@@ -420,7 +420,7 @@
 "<form id=\"controls\" action=\"".$baseURI."\" method=\"get\">
  <table>
   <tr>
-   <td>
+   <th>
     <select name=\"luokka\">
 ";
 
@@ -429,19 +429,19 @@
 }
 echo 
 "    </select>
-   </td>
-   <td><input type=\"submit\" value=\" Vaihda \" /></td>
-   <td>[<a href=\"".$baseURI."?luokka=".$luokka;
+   </th>
+   <th><input class=\"submit\" type=\"submit\" value=\" Vaihda \" /></th>
+   <th><a href=\"".$baseURI."?luokka=".$luokka;
 
 if ($miniMode)
   echo "\">Normaali";
 else
   echo "&amp;nyt\">Mini-info";
 
-echo "</a>]</td>
-   <td>[<a href=\"http://www.oamk.fi/tyojarjestykset/otek/luokat/OR_".$luokka.".htm\">Alkuperäinen</a>]</td>
+echo "</a></th>
+   <th><a href=\"http://www.oamk.fi/tyojarjestykset/otek/luokat/OR_".$luokka.".htm\">Alkuperäinen</a></th>
 
-   <td>[<a href=\"".$baseURI.($nextPeriod ? "" : "?next")."\">".($nextPeriod ? "Nykyinen" : "Seuraava")." periodi</a>]</td>
+   <th><a href=\"".$baseURI.($nextPeriod ? "" : "?next")."\">".($nextPeriod ? "Nykyinen" : "Seuraava")." periodi</a></th>
   </tr>
  </table>
 </form>
--- 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 {
 }