Mercurial > bus-service / file comparison
comparison: templates/pysäkki.html
templates/pysäkki.html
- changeset 19
- 16fa9fb20b32
- parent 14
- b4fbc92cd915
- child 20
- 3199e289ae62
equal
deleted
inserted
replaced
| 18:1c8ff93fbfac | 19:16fa9fb20b32 |
|---|---|
| 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 <title>{{nimi}}</title> |
| 6 <style> | 7 <style> |
| 7 body | 8 p { text-align: center } |
| 8 { | |
| 9 font-family: "Oxygen-Sans", "Latin Modern Sans", Tahoma, FreeSans, Arial, sans-serif; | |
| 10 background: white; | |
| 11 color: black; | |
| 12 margin: 0; | |
| 13 padding: 0; | |
| 14 font-size: 24pt; | |
| 15 } | |
| 16 a | |
| 17 { | |
| 18 color: inherit; | |
| 19 text-decoration: none; | |
| 20 } | |
| 21 a:hover | |
| 22 { | |
| 23 text-decoration: underline; | |
| 24 } | |
| 25 h1 | |
| 26 { | |
| 27 padding-top: 10pt; | |
| 28 padding-bottom: 10pt; | |
| 29 text-align: center; | |
| 30 background: #dc9e00; | |
| 31 background: linear-gradient(to bottom, #dc9e00 0%,#eaaf19 49%,#dc9e00 92%,#906700 100%); | |
| 32 color: white; | |
| 33 } | |
| 34 #aikataulu | |
| 35 { | |
| 36 width:100%; | |
| 37 margin: auto; | |
| 38 } | |
| 39 | |
| 40 .sarake-aika, .sarake-linja | |
| 41 { | |
| 42 text-align: center; | |
| 43 } | |
| 44 | |
| 45 .sarake-määränpää | |
| 46 { | |
| 47 text-align: left; | |
| 48 } | |
| 49 | |
| 50 td, th, body | |
| 51 { | |
| 52 font-size: 24pt; | |
| 53 } | |
| 54 | |
| 55 .sarake-aika, .sarake-linja | |
| 56 { | |
| 57 width: 25%; | |
| 58 } | |
| 59 | |
| 60 h1 | |
| 61 { | |
| 62 font-variant: small-caps; | |
| 63 } | |
| 64 | |
| 65 .sarake-määränpää a | |
| 66 { | |
| 67 white-space: pre-wrap; | |
| 68 } | |
| 69 | |
| 70 #aikataulu tr td | |
| 71 { | |
| 72 padding-bottom: 10px; | |
| 73 padding-top: 10px; | |
| 74 padding-left: 0px; | |
| 75 padding-right: 0px; | |
| 76 margin: 0px; | |
| 77 border-top: 1px solid gray; | |
| 78 } | |
| 79 | |
| 80 #aikataulu tr:nth-child(even) { | |
| 81 background-color: #F8F8F8; | |
| 82 } | |
| 83 | |
| 84 #aikataulu tr.yö td | |
| 85 { | |
| 86 /* | |
| 87 background-color: #d8d8ff; | |
| 88 color: #008; | |
| 89 border-bottom: 1px solid #00A; | |
| 90 */ | |
| 91 background-color: #004; | |
| 92 color: #bef; | |
| 93 border-top: 1px solid #008; | |
| 94 } | |
| 95 | |
| 96 #aikataulu tr.yö:nth-child(even) td | |
| 97 { | |
| 98 background-color: #003; | |
| 99 } | |
| 100 | |
| 101 #pysäkki-info | |
| 102 { | |
| 103 text-align: center | |
| 104 } | |
| 105 | |
| 106 .pysäkki-sijainti | |
| 107 { | |
| 108 font-size: smaller; | |
| 109 } | |
| 110 | |
| 111 .sarake-määränpää | |
| 112 { | |
| 113 text-align: center; | |
| 114 } | |
| 115 </style> | 9 </style> |
| 116 <title>{{viite}} {{nimi}}</title> | |
| 117 </head> | 10 </head> |
| 118 <body> | 11 <body> |
| 119 <h1>{{viite}} {{nimi}}</h1> | 12 <h1>{{nimi}}</h1> |
| 120 <p id="pysäkki-info"> | 13 <p id="pysäkki-info"> |
| 121 {{alue or ""}} | 14 {{alue or ""}} |
| 122 — | 15 — |
| 123 <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a> | 16 <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a> |
| 17 </p> | |
| 18 <p> | |
| 19 <a href="/pysäkkiryhmä/{{cluster}}">Lähialueen aikataulu</a> | |
| 124 </p> | 20 </p> |
| 125 <table id='aikataulu' cellspacing="0"> | 21 <table id='aikataulu' cellspacing="0"> |
| 126 <tr> | 22 <tr> |
| 127 <th class='sarake-aika'>Aika</th> | 23 <th class='sarake-aika'>Aika</th> |
| 128 <th class='sarake-linja'>Linja</th> | 24 <th class='sarake-linja'>Linja</th> |
