Fri, 01 Dec 2017 08:04:57 +0200
Asioita
* { font-family: FreeSans, helvetica, Arial, sans-serif; } body { margin: 0; padding: 0; font-size: 24pt; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } .aikataulu { margin: auto; margin-bottom: 30pt; min-width: 50%; border-radius: 30px 30px 0 0; background: #ffd90f; border: 1px solid gray; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } .aikataulu tr:first-child th:first-child { border-top-left-radius: 30px; } .aikataulu tr:first-child th:last-child { border-top-right-radius: 0 30px; } .sarake-linja { text-align: center; } .sarake-aika { text-align: right; } td, th, body { font-size: 24pt; } .aikataulu th, .aikataulu td { padding-left: 20pt; padding-right: 20pt; padding-bottom: 10px; padding-top: 10px; } .aikataulu tbody { background: white; } .aikataulu tr td { border-top: 1px solid #ccc; background-color: rgba(0, 0, 0, 0.04); } .aikataulu tbody tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.08); } .aikataulu tr.yö td { /* background-color: #115; color: #dde; border-top: 1px solid #338; */ background-color: #2f271a; color: #eae4db; border-top: 1px solid #4a3d28; } #pysäkki-info { text-align: center } .pysäkki-sijainti { font-size: smaller; } .sarake-pysäkki { text-align: center; } p { 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; } .nested-schedule { width: 100%; border: 1px solid gray; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); } .imminent-leave { color: #C0660B; vertical-align: middle; opacity: 0; animation: blinking 2s linear infinite; } .yö .imminent-leave { color: inherit; } @keyframes blinking { from, 24.9% { opacity: 0; } 25%, to { opacity: 1; } } .primary-heading span { font-size: 32pt; } .primary-heading-symbols { font-weight: normal; } .primary-heading { margin: 0; padding-top: 10pt; padding-bottom: 20pt; height: 60px; } .primary-heading img, .primary-heading span { vertical-align: middle; } .aikataulu { margin-top: 20pt; } .actions { float: right; } .headings { vertical-align: bottom; } .actions a { border: 1px solid rgba(0,0,0, 0.5); border-radius: 20px; width: 40px; height: 40px; text-align: center; vertical-align: middle; display: table-cell; margin: 2px; font-weight: normal; background: #ffe766; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); } .actions a:hover { background: #fff3b3; text-decoration: none; }