diff options
Diffstat (limited to 'public/infoscreen.css')
-rw-r--r-- | public/infoscreen.css | 182 |
1 files changed, 182 insertions, 0 deletions
diff --git a/public/infoscreen.css b/public/infoscreen.css new file mode 100644 index 0000000..b402483 --- /dev/null +++ b/public/infoscreen.css @@ -0,0 +1,182 @@ +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; +} |