--- a/templates/pysäkki.html Fri May 19 21:15:12 2017 +0300
+++ b/templates/pysäkki.html Thu May 25 16:41:21 2017 +0300
@@ -35,10 +35,17 @@
width:100%;
margin: auto;
}
- #aikataulu td
+
+ .sarake-aika, .sarake-linja
{
text-align: center;
}
+
+ .sarake-määränpää
+ {
+ text-align: left;
+ }
+
td, th, body
{
font-size: 24pt;
@@ -46,44 +53,80 @@
.sarake-aika, .sarake-linja
{
- width: 15%;
+ width: 25%;
}
h1
{
font-variant: small-caps;
}
-
- .yölinja
+
+ .sarake-määränpää a
+ {
+ white-space: pre-wrap;
+ }
+
+ #aikataulu tr td
+ {
+ padding-bottom: 10px;
+ padding-top: 10px;
+ padding-left: 0px;
+ padding-right: 0px;
+ margin: 0px;
+ border-top: 1px solid gray;
+ }
+
+ #aikataulu tr:nth-child(even) {
+ background-color: #F8F8F8;
+ }
+
+ #aikataulu tr.yö td
{
- background-color: #AAF;
- color: #00A;
- padding-left: 6px;
- padding-right: 6px;
- border: 1px solid #00A;
+ /*
+ background-color: #d8d8ff;
+ color: #008;
+ border-bottom: 1px solid #00A;
+ */
+ background-color: #004;
+ color: #bef;
+ border-top: 1px solid #008;
+ }
+
+ #aikataulu tr.yö:nth-child(even) td
+ {
+ background-color: #003;
+ }
+
+ #pysäkki-info
+ {
+ text-align: center
+ }
+
+ .pysäkki-sijainti
+ {
+ font-size: smaller;
}
</style>
<title>{{viite}} {{nimi}}</title>
</head>
<body>
<h1>{{viite}} {{nimi}}</h1>
- <table id='aikataulu'>
+ <p id="pysäkki-info">
+ {{alue or ""}}
+ —
+ <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a>
+ </p>
+ <table id='aikataulu' cellspacing="0">
<tr>
<th class='sarake-aika'>Aika</th>
<th class='sarake-linja'>Linja</th>
<th class='sarake-määränpää'>Määränpää</th>
</tr>
{% for rivi in aikataulu %}
- <tr>
+ <tr class="{% if rivi['yö'] %} yö {% endif %}">
<td class='sarake-aika'>{{rivi['aika']}}</td>
<td class='sarake-linja linja'>
- {% if rivi['yö'] %}
- <span class="yölinja">
- {% endif %}
<a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['linja']}}</a>
- {% if rivi['yö'] %}
- </span>
- {% endif %}
</td>
<td class='sarake-määränpää'>
<a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a>