templates/ajovuoro.html

changeset 21
6a0394d5a159
parent 20
3199e289ae62
child 22
3d094a804af8
equal deleted inserted replaced
20:3199e289ae62 21:6a0394d5a159
1 <html> 1 <html>
2 <head> 2 <head>
3 <link rel="icon" type="image/png" href="/static/favicon.png" /> 3 <link rel="icon" type="image/png" href="/static/favicon.png" />
4 <link rel="stylesheet" type="text/css" href="/static/style.css" />
4 <meta charset='UTF-8' /> 5 <meta charset='UTF-8' />
5 6
6 <style> 7 <style>
7 body
8 {
9 font-family: FreeSans, Arial, sans-serif;
10 background: white;
11 color: black;
12 margin: 0;
13 padding: 0;
14 font-size: 24pt;
15 }
16 h1
17 {
18 padding-top: 10pt;
19 padding-bottom: 10pt;
20 text-align: center;
21 background: #dc9e00;
22 background: linear-gradient(to bottom, #dc9e00 0%,#eaaf19 49%,#dc9e00 92%,#906700 100%);
23 color: white;
24 }
25 a
26 {
27 color: inherit;
28 text-decoration: none;
29 }
30 a:hover
31 {
32 text-decoration: underline;
33 }
34 #aikataulu 8 #aikataulu
35 { 9 {
36 width:100%;
37 margin: auto; 10 margin: auto;
38 } 11 }
39 #aikataulu td 12 #aikataulu td
40 { 13 {
41 text-align: center; 14 text-align: center;
42 } 15 }
16 #aikataulu .sarake-pysäkki
17 {
18 text-align: left;
19 }
43 td, th, body 20 td, th, body
44 { 21 {
45 font-size: 24pt; 22 font-size: 24pt;
46 } 23 }
47
48 .sarake-aika, .sarake-tunniste 24 .sarake-aika, .sarake-tunniste
49 { 25 {
50 width: 15%; 26 width: 15%;
51 } 27 }
52
53 h1
54 {
55 font-variant: small-caps;
56 }
57 </style> 28 </style>
58 <!--<title>Ajovuoro #{{numero}}: {{linja}} {{selite}}</title>-->
59 <title>{{linja}} {{selite}}</title> 29 <title>{{linja}} {{selite}}</title>
60 </head> 30 </head>
61 <body> 31 <body>
62 <h1> 32 <h1>
63 {% if yö %} 33 {% if yö %}
64 &#127769; 34 &#127769;
65 {% endif %} 35 {% endif %}
66 <!--Ajo {{numero}}: -->{{linja}} {{selite}}</h1> 36 <!--Ajo {{numero}}: -->{{linja}} {{selite}}</h1>
67 <table id='aikataulu'> 37 <table id='aikataulu' cellspacing='0'>
68 <tr> 38 <tr>
69 <th class='sarake-aika'>Aika</th> 39 <th class='sarake-aika'>Aika</th>
70 <th class='sarake-linja'>Viite</th> 40 <th class='sarake-pysäkkiviite'>Pysäkki</th>
71 <th class='sarake-nimi'>Nimi</th> 41 <th class='sarake-pysäkki'>Nimi</th>
72 <th class='sarake-alue'>Alue</th>
73 </tr> 42 </tr>
74 {% for rivi in reitti %} 43 {% for rivi in reitti %}
75 <tr> 44 <tr>
76 <td class='sarake-aika'>{{rivi['aika']}}</td> 45 <td class='sarake-aika'>{{rivi['aika']}}</td>
77 <td class='sarake-tunniste'> 46 <td class='sarake-pysäkkiviite'>
78 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['tunniste']}}</a> 47 <a href="/pysäkki/{{rivi['tunniste']}}"><img src='/static/pysäkki.png' height='24' /> {{rivi['tunniste']}}</a>
79 </td> 48 </td>
80 <td class='sarake-nimi'> 49 <td class='sarake-pysäkki'>
81 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a> 50 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a>
82 </td>
83 <td class='sarake-alue'>
84 {{rivi['alue'] or ''}}
85 </td> 51 </td>
86 </tr> 52 </tr>
87 {% endfor %} 53 {% endfor %}
88 </table> 54 </table>
89 </body> 55 </body>

mercurial