From 7c9bd87cb881eaf4b0457616c41e1b7ad0ca2833 Mon Sep 17 00:00:00 2001 From: mrdrogdrog <tilman.vatteroth@udo.edu> Date: Wed, 8 Jul 2015 12:27:40 +0200 Subject: [PATCH] anpassungen an alternativen metall-designvorschlag --- panels/departure/style.less | 3 +- panels/departure/style.less.metall | 117 ++++++++++++++++++++++++++ panels/departure/style.less.vollblau | 118 +++++++++++++++++++++++++++ 3 files changed, 236 insertions(+), 2 deletions(-) create mode 100755 panels/departure/style.less.metall create mode 100755 panels/departure/style.less.vollblau diff --git a/panels/departure/style.less b/panels/departure/style.less index e7a8f3c..35817e3 100755 --- a/panels/departure/style.less +++ b/panels/departure/style.less @@ -2,7 +2,6 @@ position: relative; width: 100%; height: 100%; - background-color: #000000; border-style: solid; border-width: 1px; border-color: #000000; @@ -15,7 +14,7 @@ [data-departure] { position: relative; width: 100%; - background-color: #000063; + background-color: rgba(33, 33, 134, 0.25); color: #FFFFFF; border-style: solid; border-width: 1px; diff --git a/panels/departure/style.less.metall b/panels/departure/style.less.metall new file mode 100755 index 0000000..35817e3 --- /dev/null +++ b/panels/departure/style.less.metall @@ -0,0 +1,117 @@ +[data-departure-view] { + position: relative; + width: 100%; + height: 100%; + border-style: solid; + border-width: 1px; + border-color: #000000; + padding: 0px; + box-sizing: border-box; + overflow: hidden; + font-family: display; + /* font-weight: bold */ + + [data-departure] { + position: relative; + width: 100%; + background-color: rgba(33, 33, 134, 0.25); + color: #FFFFFF; + border-style: solid; + border-width: 1px; + border-color: #000000; + padding: 0px; + box-sizing: border-box; + + [data-transport] { + position: relative; + display: inline-table; + width: 100%; + white-space: nowrap; + + [data-line] { + position: relative; + display: inline-table; + background-color: #FFFFFF; + color: #0000A0; + width: 10%; + height: 100%; + text-align: right; + padding: 0px 5px; + } + + [data-name] { + position: relative; + display: inline-table; + /* background-color: #0000A0; */ + color: #FFFFFF; + height: 100%; + padding: 0px 5px; + } + } + + [data-stops] { + position: relative; + display: block; + width: 100%; + + [data-stop] { + position: relative; + display: flex; + list-style: none; + width: 100%; + margin: 1px 0px 0px 0px; + + [data-time] { + position: relative; + flex: 2; + height: 100%; + overflow: hidden; + text-align: right; + padding: 0px 5px 0px 0px; + } + [data-delay] { + position: relative; + flex: 1; + height: 100%; + overflow: hidden; + text-align: right; + padding: 0px 5px 0px 0px; + font-weight: bold; + color: #B8860B; + } + + [data-name] { + position: relative; + flex: 16; + height: 100%; + overflow: hidden; + } + } + } + } + + [data-msg] { + position: relative; + width: 100%; + background-color: #0000A0; + color: #FFFFFF; + border-style: solid; + border-width: 1px; + border-color: #000000; + padding: 0px; + box-sizing: border-box; + white-space: nowrap; + display: hidden; + + [data-title] { + width: 100%; + background-color: #FFFFFF; + color: #0000A0; + text-align: center; + } + + [data-message] { + width: 100%; + } + } +} diff --git a/panels/departure/style.less.vollblau b/panels/departure/style.less.vollblau new file mode 100755 index 0000000..e7a8f3c --- /dev/null +++ b/panels/departure/style.less.vollblau @@ -0,0 +1,118 @@ +[data-departure-view] { + position: relative; + width: 100%; + height: 100%; + background-color: #000000; + border-style: solid; + border-width: 1px; + border-color: #000000; + padding: 0px; + box-sizing: border-box; + overflow: hidden; + font-family: display; + /* font-weight: bold */ + + [data-departure] { + position: relative; + width: 100%; + background-color: #000063; + color: #FFFFFF; + border-style: solid; + border-width: 1px; + border-color: #000000; + padding: 0px; + box-sizing: border-box; + + [data-transport] { + position: relative; + display: inline-table; + width: 100%; + white-space: nowrap; + + [data-line] { + position: relative; + display: inline-table; + background-color: #FFFFFF; + color: #0000A0; + width: 10%; + height: 100%; + text-align: right; + padding: 0px 5px; + } + + [data-name] { + position: relative; + display: inline-table; + /* background-color: #0000A0; */ + color: #FFFFFF; + height: 100%; + padding: 0px 5px; + } + } + + [data-stops] { + position: relative; + display: block; + width: 100%; + + [data-stop] { + position: relative; + display: flex; + list-style: none; + width: 100%; + margin: 1px 0px 0px 0px; + + [data-time] { + position: relative; + flex: 2; + height: 100%; + overflow: hidden; + text-align: right; + padding: 0px 5px 0px 0px; + } + [data-delay] { + position: relative; + flex: 1; + height: 100%; + overflow: hidden; + text-align: right; + padding: 0px 5px 0px 0px; + font-weight: bold; + color: #B8860B; + } + + [data-name] { + position: relative; + flex: 16; + height: 100%; + overflow: hidden; + } + } + } + } + + [data-msg] { + position: relative; + width: 100%; + background-color: #0000A0; + color: #FFFFFF; + border-style: solid; + border-width: 1px; + border-color: #000000; + padding: 0px; + box-sizing: border-box; + white-space: nowrap; + display: hidden; + + [data-title] { + width: 100%; + background-color: #FFFFFF; + color: #0000A0; + text-align: center; + } + + [data-message] { + width: 100%; + } + } +} -- GitLab