Mercurial > hg > lukkari
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 "&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 { }