|
1 <html> |
|
2 <head> |
|
3 <meta charset='UTF-8' /> |
|
4 |
|
5 <style> |
|
6 body |
|
7 { |
|
8 font-family: "Latin Modern Sans", Tahoma, FreeSans, Arial, sans-serif; |
|
9 background: white; |
|
10 color: black; |
|
11 margin: 0; |
|
12 padding: 0; |
|
13 font-size: 24pt; |
|
14 } |
|
15 h1 |
|
16 { |
|
17 padding-top: 10pt; |
|
18 padding-bottom: 10pt; |
|
19 text-align: center; |
|
20 background: #dc9e00; |
|
21 background: linear-gradient(to bottom, #dc9e00 0%,#eaaf19 49%,#dc9e00 92%,#906700 100%); |
|
22 color: white; |
|
23 } |
|
24 a |
|
25 { |
|
26 color: inherit; |
|
27 text-decoration: none; |
|
28 } |
|
29 a:hover |
|
30 { |
|
31 text-decoration: underline; |
|
32 } |
|
33 #aikataulu |
|
34 { |
|
35 width:100%; |
|
36 margin: auto; |
|
37 } |
|
38 #aikataulu td |
|
39 { |
|
40 text-align: center; |
|
41 } |
|
42 td, th, body |
|
43 { |
|
44 font-size: 24pt; |
|
45 } |
|
46 |
|
47 .sarake-aika, .sarake-tunniste |
|
48 { |
|
49 width: 15%; |
|
50 } |
|
51 |
|
52 h1 |
|
53 { |
|
54 font-variant: small-caps; |
|
55 } |
|
56 </style> |
|
57 <title>Ajovuoro #{{numero}}: {{linja}} {{selite}}</title> |
|
58 </head> |
|
59 <body> |
|
60 <h1>Ajo {{numero}}: {{linja}} {{selite}}</h1> |
|
61 <table id='aikataulu'> |
|
62 <tr> |
|
63 <th class='sarake-aika'>Aika</th> |
|
64 <th class='sarake-linja'>Viite</th> |
|
65 <th class='sarake-määränpää'>Nimi</th> |
|
66 </tr> |
|
67 {% for rivi in reitti %} |
|
68 <tr> |
|
69 <td class='sarake-aika'>{{rivi['aika']}}</td> |
|
70 <td class='sarake-tunniste'> |
|
71 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['tunniste']}}</a> |
|
72 </td> |
|
73 <td class='sarake-nimi'> |
|
74 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a> |
|
75 </td> |
|
76 </tr> |
|
77 {% endfor %} |
|
78 </table> |
|
79 </body> |
|
80 </html> |