diff options
| author | Daniel Friesel <derf@finalrewind.org> | 2014-08-20 17:22:57 +0200 |
|---|---|---|
| committer | Daniel Friesel <derf@finalrewind.org> | 2014-08-20 17:22:57 +0200 |
| commit | 67293b98b51c7287e7bd93715d3324b2bc64b529 (patch) | |
| tree | ae967c2f25eb01e10305a7a60dc07af677e25253 /cgi/templates/infoscreen.html.ep | |
| parent | f914f3882c416891ca0e5c5475b837a6a4aecd32 (diff) | |
Do not use inline CSS, update jquery while at it
Diffstat (limited to 'cgi/templates/infoscreen.html.ep')
| -rw-r--r-- | cgi/templates/infoscreen.html.ep | 188 |
1 files changed, 2 insertions, 186 deletions
diff --git a/cgi/templates/infoscreen.html.ep b/cgi/templates/infoscreen.html.ep index f94e47f..47c435c 100644 --- a/cgi/templates/infoscreen.html.ep +++ b/cgi/templates/infoscreen.html.ep @@ -7,192 +7,8 @@ <meta http-equiv="refresh" content="<%= $self->stash('refresh_interval') %>"/> % } - <style type="text/css"> - - html { - font-family: Sans-Serif; - } - - div.displayclean { - background-color:#F8F8F8; - position:absolute; - top:5px; - left:5px; - border-width:1px 2px; - width:100%; - } - - div.displayclean ul { - position:absolute; - width:100%; - background-color:#F8F8F8; - top: -3px; - left: 0; - - list-style-type:none; - margin:0; - padding:0; - border-bottom: 1px solid #cccccc; - } - - div.displayclean li { - height: 7em; - background-color:#F8F8F8; - display:block; - padding-bottom: 5px; - padding-top: 5px; - border-width:1px 0; - border-style:solid; - border-color:#CCCCCC; - width:100%; - position:relative; - } - - div.displayclean li .line { - color:#FFFFFF; - background-color:#666666; - font-weight:bold; - font-size: 3em; - padding:3px 8px 2px 5px; - position:absolute; - top:7px; - left:2px; - } - - div.displayclean li .tram { - background-color:#CC0000; - } - - div.displayclean li .sbahn { - background-color:#006E10; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; - } - - div.displayclean li .ubahn { - background-color:#001090; - } - - div.displayclean li .bus { - background-color:#991199; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - } - - div.displayclean li .route { - color:#444444; - font-size:2.1em; - position:absolute; - top:5px; - left:4.8em; - height:1em; - width: 70%; - overflow: hidden; - } - - div.displayclean li .dest { - color:#000000; - font-weight:bold; - font-size:4em; - position:absolute; - top:0.8em; - left:2.5em; - width: 70%; - overflow: hidden; - } - - div.displayclean li .countdown { - color:#000000; - font-size:3em; - position:absolute; - right:5px; - bottom:2px; - } - - div.displayclean li .header { - color:#000000; - font-size:2em; - font-weight:bold; - padding-top:8px; - border-width-top:0; - display:block; - text-align:center; - } - - div.displayclean li .head { - border-bottom-width:0; - } - - div.displayclean li .countdown .delay { - font-size: 1em; - color:#FF0000; - padding-right:7px; - } - - div.displayclean li .time { - color:#000000; - font-size: 2.4em; - position:absolute; - right:5px; - top:5px; - } - - div.about { - font-family: Sans-Serif; - color: #666666; - } - - div.about a { - color: #000066; - text-decoration: none; - } - - div.error { - font-size: 150%; - font-weight: bold; - color: #ee0000; - } - - pre { - margin-bottom: 2em; - } - - span.optional, - span.notes { - color: #666666; - } - - div.break { - height: 1em; - } - - div.field { - width: 100%; - clear: both; - } - - div.field div.desc { - float: left; - width: 14em; - text-align: right; - padding-right: 0.5em; - } - - input, select { - border: 1px solid black; - } - - div.notes { - margin-top: 4em; - } - - div.notes ul { - margin-top: 1em; - } - - </style> + %= stylesheet '/infoscreen.css' + %= javascript '/jquery-2.1.1.min.js' </head> <body> |