templates/pysäkki.html

changeset 0
fc48613c73e5
child 4
312c432bb9e6
equal deleted inserted replaced
-1:000000000000 0:fc48613c73e5
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>

mercurial