|
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 a |
|
16 { |
|
17 color: inherit; |
|
18 text-decoration: none; |
|
19 } |
|
20 a:hover |
|
21 { |
|
22 text-decoration: underline; |
|
23 } |
|
24 h1 |
|
25 { |
|
26 padding-top: 10pt; |
|
27 padding-bottom: 10pt; |
|
28 text-align: center; |
|
29 background: #dc9e00; |
|
30 background: linear-gradient(to bottom, #dc9e00 0%,#eaaf19 49%,#dc9e00 92%,#906700 100%); |
|
31 color: white; |
|
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-linja |
|
48 { |
|
49 width: 15%; |
|
50 } |
|
51 |
|
52 h1 |
|
53 { |
|
54 font-variant: small-caps; |
|
55 } |
|
56 </style> |
|
57 <title>{{viite}} {{nimi}}</title> |
|
58 </head> |
|
59 <body> |
|
60 <h1>{{viite}} {{nimi}}</h1> |
|
61 <table id='aikataulu'> |
|
62 <tr> |
|
63 <th class='sarake-aika'>Aika</th> |
|
64 <th class='sarake-linja'>Linja</th> |
|
65 <th class='sarake-määränpää'>Määränpää</th> |
|
66 </tr> |
|
67 {% for rivi in aikataulu %} |
|
68 <tr> |
|
69 <td class='sarake-aika'>{{rivi['aika']}}</td> |
|
70 <td class='sarake-linja linja'> |
|
71 <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['linja']}}</a> |
|
72 </td> |
|
73 <td class='sarake-määränpää'> |
|
74 <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a> |
|
75 </td> |
|
76 </tr> |
|
77 {% endfor %} |
|
78 </table> |
|
79 </body> |
|
80 </html> |