diff options
Diffstat (limited to 'public')
-rw-r--r-- | public/collapse.js | 22 | ||||
-rw-r--r-- | public/infoscreen.css | 47 |
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; |