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>