From d3df2a6eb82eab6d3164e9da4c8c7c243764c5bc Mon Sep 17 00:00:00 2001 From: Daniel Friesel Date: Fri, 13 Dec 2013 13:52:20 +0100 Subject: infoscreen: playing around with vw (viewport-width based font sizes) --- cgi/templates/infoscreen.html.ep | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) (limited to 'cgi/templates/infoscreen.html.ep') diff --git a/cgi/templates/infoscreen.html.ep b/cgi/templates/infoscreen.html.ep index d1bcc68..b3aa2ec 100644 --- a/cgi/templates/infoscreen.html.ep +++ b/cgi/templates/infoscreen.html.ep @@ -54,7 +54,7 @@ color:#FFFFFF; background-color:#666666; font-weight:bold; - font-size:28px; + font-size:2.3vw; padding:3px 8px 2px 5px; position:absolute; top:7px; @@ -85,7 +85,7 @@ div.displayclean li .route { color:#444444; - font-size:21px; + font-size:1.575vw; position:absolute; top:5px; left:10em; @@ -94,7 +94,7 @@ div.displayclean li .dest { color:#000000; font-weight:bold; - font-size:46px; + font-size:3.45vw; position:absolute; top:23px; left:4.5em; @@ -102,7 +102,7 @@ div.displayclean li .countdown { color:#000000; - font-size:48px; + font-size:3.5vw; position:absolute; right:5px; bottom:2px; @@ -110,7 +110,7 @@ div.displayclean li .header { color:#000000; - font-size:55px; + font-size:4.125vw; font-weight:bold; padding-top:8px; border-width-top:0; @@ -123,14 +123,14 @@ } div.displayclean li .countdown .delay { - font-size:38px; + font-size: 2.85vw; color:#FF0000; padding-right:7px; } div.displayclean li .time { color:#000000; - font-size:24px; + font-size: 1.7vw; position:absolute; right:5px; top:5px; @@ -217,7 +217,9 @@ %= $departure->line +% if ($departure->lineref) { %= $departure->lineref->route +% } %= $departure->destination -- cgit v1.2.3