--- a/templates/ajovuoro.html Sun Jun 11 01:28:25 2017 +0300 +++ b/templates/ajovuoro.html Tue Jun 13 00:47:24 2017 +0300 @@ -1,61 +1,31 @@ <html> <head> <link rel="icon" type="image/png" href="/static/favicon.png" /> + <link rel="stylesheet" type="text/css" href="/static/style.css" /> <meta charset='UTF-8' /> <style> - body - { - font-family: FreeSans, Arial, sans-serif; - background: white; - color: black; - margin: 0; - padding: 0; - font-size: 24pt; - } - h1 - { - padding-top: 10pt; - padding-bottom: 10pt; - text-align: center; - background: #dc9e00; - background: linear-gradient(to bottom, #dc9e00 0%,#eaaf19 49%,#dc9e00 92%,#906700 100%); - color: white; - } - a - { - color: inherit; - text-decoration: none; - } - a:hover - { - text-decoration: underline; - } #aikataulu { - width:100%; margin: auto; } #aikataulu td { text-align: center; } + #aikataulu .sarake-pysäkki + { + text-align: left; + } td, th, body { font-size: 24pt; } - .sarake-aika, .sarake-tunniste { width: 15%; } - - h1 - { - font-variant: small-caps; - } </style> - <!--<title>Ajovuoro #{{numero}}: {{linja}} {{selite}}</title>--> <title>{{linja}} {{selite}}</title> </head> <body> @@ -64,25 +34,21 @@ 🌙 {% endif %} <!--Ajo {{numero}}: -->{{linja}} {{selite}}</h1> - <table id='aikataulu'> + <table id='aikataulu' cellspacing='0'> <tr> <th class='sarake-aika'>Aika</th> - <th class='sarake-linja'>Viite</th> - <th class='sarake-nimi'>Nimi</th> - <th class='sarake-alue'>Alue</th> + <th class='sarake-pysäkkiviite'>Pysäkki</th> + <th class='sarake-pysäkki'>Nimi</th> </tr> {% for rivi in reitti %} <tr> <td class='sarake-aika'>{{rivi['aika']}}</td> - <td class='sarake-tunniste'> - <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['tunniste']}}</a> + <td class='sarake-pysäkkiviite'> + <a href="/pysäkki/{{rivi['tunniste']}}"><img src='/static/pysäkki.png' height='24' /> {{rivi['tunniste']}}</a> </td> - <td class='sarake-nimi'> + <td class='sarake-pysäkki'> <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a> </td> - <td class='sarake-alue'> - {{rivi['alue'] or ''}} - </td> </tr> {% endfor %} </table>