summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/collapse.js22
-rw-r--r--public/infoscreen.css47
2 files changed, 69 insertions, 0 deletions
diff --git a/public/collapse.js b/public/collapse.js
new file mode 100644
index 0000000..d38b30a
--- /dev/null
+++ b/public/collapse.js
@@ -0,0 +1,22 @@
+$(document).ready(function() {
+ $('div.displayclean > ul > li').each(function() {
+ $(this).click(function() {
+ $(this).children('.moreinfo').each(function() {
+ if ($(this).hasClass('expanded-moreinfo')) {
+ $(this).removeClass('expanded-moreinfo');
+ $(this).addClass('collapsed-moreinfo');
+ }
+ else {
+ $('.moreinfo').each(function() {
+ if ($(this).hasClass('expanded-moreinfo')) {
+ $(this).removeClass('expanded-moreinfo');
+ $(this).addClass('collapsed-moreinfo');
+ }
+ });
+ $(this).removeClass('collapsed-moreinfo');
+ $(this).addClass('expanded-moreinfo');
+ }
+ });
+ });
+ });
+});
diff --git a/public/infoscreen.css b/public/infoscreen.css
index e3988d1..38d78cd 100644
--- a/public/infoscreen.css
+++ b/public/infoscreen.css
@@ -128,6 +128,53 @@ div.displayclean li .time {
top:5px;
}
+div.displayclean li .moreinfo {
+ color:#000000;
+ font-size:2.1em;
+ position:fixed;
+ top:0em;
+ padding-top: 1em;
+ left:0em;
+ padding-left: 1em;
+ right:0em;
+ padding-right: 1em;
+ bottom:0em;
+ background-color: white;
+ z-index: 5;
+ display: none;
+ overflow: auto;
+}
+
+div.displayclean li .collapsed-moreinfo {
+ display: none;
+}
+
+div.displayclean li .expanded-moreinfo {
+ display: block;
+}
+
+div.displayclean li .moreinfo .mheader {
+ text-align: center;
+ background-color: #dddddd;
+ font-size: 120%;
+}
+
+div.displayclean li .moreinfo .mroute {
+ margin-bottom: 0.6em
+}
+
+div.displayclean li .moreinfo .mroute .separator {
+ color: #999999;
+}
+
+div.displayclean li .moreinfo .mroute .important-stop {
+ color: #000000;
+}
+
+div.displayclean li .moreinfo .mroute .generic-stop {
+ color: #555555;
+}
+
div.about {
font-family: Sans-Serif;
color: #666666;