Fri, 19 May 2017 21:15:12 +0300
Äää
<html> <head> <meta charset='UTF-8' /> <style> body { font-family: "Oxygen-Sans", "Latin Modern Sans", Tahoma, FreeSans, Arial, sans-serif; background: white; color: black; margin: 0; padding: 0; font-size: 24pt; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } 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; } #aikataulu { width:100%; margin: auto; } #aikataulu td { text-align: center; } td, th, body { font-size: 24pt; } .sarake-aika, .sarake-linja { width: 15%; } h1 { font-variant: small-caps; } .yölinja { background-color: #AAF; color: #00A; padding-left: 6px; padding-right: 6px; border: 1px solid #00A; } </style> <title>{{viite}} {{nimi}}</title> </head> <body> <h1>{{viite}} {{nimi}}</h1> <table id='aikataulu'> <tr> <th class='sarake-aika'>Aika</th> <th class='sarake-linja'>Linja</th> <th class='sarake-määränpää'>Määränpää</th> </tr> {% for rivi in aikataulu %} <tr> <td class='sarake-aika'>{{rivi['aika']}}</td> <td class='sarake-linja linja'> {% if rivi['yö'] %} <span class="yölinja"> {% endif %} <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['linja']}}</a> {% if rivi['yö'] %} </span> {% endif %} </td> <td class='sarake-määränpää'> <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a> </td> </tr> {% endfor %} </table> </body> </html>