Mercurial > bus-service / file comparison
comparison: templates/pysäkki.html
templates/pysäkki.html
- changeset 5
- a65b680f1774
- parent 4
- 312c432bb9e6
- child 11
- e18ad36fbbf5
equal
deleted
inserted
replaced
| 4:312c432bb9e6 | 5:a65b680f1774 |
|---|---|
| 33 #aikataulu | 33 #aikataulu |
| 34 { | 34 { |
| 35 width:100%; | 35 width:100%; |
| 36 margin: auto; | 36 margin: auto; |
| 37 } | 37 } |
| 38 #aikataulu td | 38 |
| 39 .sarake-aika, .sarake-linja | |
| 39 { | 40 { |
| 40 text-align: center; | 41 text-align: center; |
| 41 } | 42 } |
| 43 | |
| 44 .sarake-määränpää | |
| 45 { | |
| 46 text-align: left; | |
| 47 } | |
| 48 | |
| 42 td, th, body | 49 td, th, body |
| 43 { | 50 { |
| 44 font-size: 24pt; | 51 font-size: 24pt; |
| 45 } | 52 } |
| 46 | 53 |
| 47 .sarake-aika, .sarake-linja | 54 .sarake-aika, .sarake-linja |
| 48 { | 55 { |
| 49 width: 15%; | 56 width: 25%; |
| 50 } | 57 } |
| 51 | 58 |
| 52 h1 | 59 h1 |
| 53 { | 60 { |
| 54 font-variant: small-caps; | 61 font-variant: small-caps; |
| 55 } | 62 } |
| 56 | 63 |
| 57 .yölinja | 64 .sarake-määränpää a |
| 58 { | 65 { |
| 59 background-color: #AAF; | 66 white-space: pre-wrap; |
| 60 color: #00A; | 67 } |
| 61 padding-left: 6px; | 68 |
| 62 padding-right: 6px; | 69 #aikataulu tr td |
| 63 border: 1px solid #00A; | 70 { |
| 71 padding-bottom: 10px; | |
| 72 padding-top: 10px; | |
| 73 padding-left: 0px; | |
| 74 padding-right: 0px; | |
| 75 margin: 0px; | |
| 76 border-top: 1px solid gray; | |
| 77 } | |
| 78 | |
| 79 #aikataulu tr:nth-child(even) { | |
| 80 background-color: #F8F8F8; | |
| 81 } | |
| 82 | |
| 83 #aikataulu tr.yö td | |
| 84 { | |
| 85 /* | |
| 86 background-color: #d8d8ff; | |
| 87 color: #008; | |
| 88 border-bottom: 1px solid #00A; | |
| 89 */ | |
| 90 background-color: #004; | |
| 91 color: #bef; | |
| 92 border-top: 1px solid #008; | |
| 93 } | |
| 94 | |
| 95 #aikataulu tr.yö:nth-child(even) td | |
| 96 { | |
| 97 background-color: #003; | |
| 98 } | |
| 99 | |
| 100 #pysäkki-info | |
| 101 { | |
| 102 text-align: center | |
| 103 } | |
| 104 | |
| 105 .pysäkki-sijainti | |
| 106 { | |
| 107 font-size: smaller; | |
| 64 } | 108 } |
| 65 </style> | 109 </style> |
| 66 <title>{{viite}} {{nimi}}</title> | 110 <title>{{viite}} {{nimi}}</title> |
| 67 </head> | 111 </head> |
| 68 <body> | 112 <body> |
| 69 <h1>{{viite}} {{nimi}}</h1> | 113 <h1>{{viite}} {{nimi}}</h1> |
| 70 <table id='aikataulu'> | 114 <p id="pysäkki-info"> |
| 115 {{alue or ""}} | |
| 116 — | |
| 117 <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a> | |
| 118 </p> | |
| 119 <table id='aikataulu' cellspacing="0"> | |
| 71 <tr> | 120 <tr> |
| 72 <th class='sarake-aika'>Aika</th> | 121 <th class='sarake-aika'>Aika</th> |
| 73 <th class='sarake-linja'>Linja</th> | 122 <th class='sarake-linja'>Linja</th> |
| 74 <th class='sarake-määränpää'>Määränpää</th> | 123 <th class='sarake-määränpää'>Määränpää</th> |
| 75 </tr> | 124 </tr> |
| 76 {% for rivi in aikataulu %} | 125 {% for rivi in aikataulu %} |
| 77 <tr> | 126 <tr class="{% if rivi['yö'] %} yö {% endif %}"> |
| 78 <td class='sarake-aika'>{{rivi['aika']}}</td> | 127 <td class='sarake-aika'>{{rivi['aika']}}</td> |
| 79 <td class='sarake-linja linja'> | 128 <td class='sarake-linja linja'> |
| 80 {% if rivi['yö'] %} | |
| 81 <span class="yölinja"> | |
| 82 {% endif %} | |
| 83 <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['linja']}}</a> | 129 <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['linja']}}</a> |
| 84 {% if rivi['yö'] %} | |
| 85 </span> | |
| 86 {% endif %} | |
| 87 </td> | 130 </td> |
| 88 <td class='sarake-määränpää'> | 131 <td class='sarake-määränpää'> |
| 89 <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a> | 132 <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a> |
| 90 </td> | 133 </td> |
| 91 </tr> | 134 </tr> |
