--- a/static/style.css Tue Jun 13 00:47:24 2017 +0300
+++ b/static/style.css Tue Jun 20 09:37:43 2017 +0300
@@ -1,6 +1,9 @@
+*
+{
+ font-family: FreeSans, helvetica, Arial, sans-serif;
+}
body
{
- font-family: FreeSans, helvetica, Arial, sans-serif;
background: white;
color: black;
margin: 0;
@@ -18,6 +21,7 @@
}
h1
{
+ margin: 0;
padding-top: 10pt;
padding-bottom: 20pt;
text-align: center;
@@ -35,10 +39,13 @@
{
vertical-align: middle;
}
-#aikataulu
+
+.aikataulu
{
margin: auto;
+ margin-bottom: 30pt;
min-width: 50%;
+ border: 1px solid gray;
}
.sarake-aika, .sarake-linja
@@ -51,7 +58,7 @@
font-size: 24pt;
}
-#aikataulu th, #aikataulu td
+.aikataulu th, .aikataulu td
{
padding-left: 40pt;
padding-right: 40pt;
@@ -59,30 +66,37 @@
padding-top: 10px;
}
-#aikataulu tr td
+.aikataulu tr td
{
border-top: 1px solid gray;
+ background-color: rgba(0, 0, 0, 0.05);
}
-#aikataulu tr:nth-child(even) {
- background-color: #F8F8F8;
+.aikataulu tr:nth-child(even)
+{
+ background-color: rgba(0, 0, 0, 0.1);
}
-#aikataulu tr.yö td
+.aikataulu tr.yö td
{
/*
background-color: #d8d8ff;
color: #008;
border-bottom: 1px solid #00A;
*/
+ /*
background-color: #004;
color: #bef;
border-top: 1px solid #008;
+ */
+ background-color: rgba(0, 0, 192, 0.25);
+ color: #22A;
+ border-top: 1px solid #00A;
}
-#aikataulu tr.yö:nth-child(even) td
+.aikataulu th
{
- background-color: #003;
+ background: #ffd90f;
}
#pysäkki-info
@@ -104,3 +118,38 @@
{
text-align: center
}
+
+/* --- Navigointipalkki -- */
+.tab-bar
+{
+ margin: 0;
+ width: 100%;
+ overflow: hidden;
+ background: #906700;
+ display: flex;
+ justify-content: space-between;
+}
+
+.tab-bar button
+{
+ background: inherit;
+ float: left;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ padding: 14px 16px;
+ transition: 0.3s;
+ color: white;
+ font-size: 22pt;
+}
+
+.tab-bar button.active
+{
+ font-weight: bold;
+}
+
+nav
+{
+ box-shadow: 0px 0px 10px black;
+ margin-bottom: 30pt;
+}