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 <style> |
6 <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 |
|
35 { |
|
36 width:100%; |
|
37 margin: auto; |
|
38 } |
|
39 #aikataulu td |
|
40 { |
|
41 text-align: center; |
|
42 } |
|
43 td, th, body |
7 td, th, body |
44 { |
8 { |
45 font-size: 24pt; |
9 font-size: 24pt; |
46 } |
10 } |
47 |
|
48 .sarake-aika |
11 .sarake-aika |
49 { |
12 { |
50 width: 15%; |
13 text-align: center; |
51 } |
14 } |
52 |
15 .sarake-alue |
53 h1 |
|
54 { |
16 { |
55 font-variant: small-caps; |
17 text-align: left; |
56 } |
18 } |
57 </style> |
19 </style> |
58 <title>{{linja}} {{selite}}</title> |
20 <title>{{linja}} {{selite}}</title> |
59 </head> |
21 </head> |
60 <body> |
22 <body> |
61 <h1>{{linja}} {{selite}}</h1> |
23 <h1>{{linja}} {{selite}}</h1> |
62 <table id='aikataulu'> |
24 <table id='aikataulu' cellspacing='0'> |
63 <tr> |
25 <tr> |
64 <th class='sarake-aika'>Aika</th> |
26 <th class='sarake-aika'>Aika</th> |
65 <th class='sarake-alue'>Alue</th> |
27 <th class='sarake-alue'>Alue</th> |
66 </tr> |
28 </tr> |
67 {% for rivi in suppea_reitti %} |
29 {% for rivi in suppea_reitti %} |