diff -r 6a0394d5a159 -r 3d094a804af8 static/style.css --- 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; +}