X-Git-Url: https://git.realraum.at/?a=blobdiff_plain;f=raspberry-kiosk%2Fkiosk.css;h=50a0d81e2a02a375fd93f1372472eb09b258401b;hb=9148b190d80a15e5393f7ef8c5bd6997c4b40bb2;hp=0af77ec510dbe35a128bb8fb85ae87e613073fa1;hpb=9f952e670fd31bfb8565922823f5c9d00906a9d6;p=svn42.git diff --git a/raspberry-kiosk/kiosk.css b/raspberry-kiosk/kiosk.css index 0af77ec..50a0d81 100644 --- a/raspberry-kiosk/kiosk.css +++ b/raspberry-kiosk/kiosk.css @@ -7,8 +7,6 @@ body { margin:0; background-color: #D0D0AF; overflow: hidden; - max-width:900px; - max-height:1440px; } div { @@ -19,7 +17,7 @@ div#siteheader { text-align: center; color: white; background-color: rgb(118, 20, 7); - font-size:40px; + font-size:180%; font-weight: bold; margin-top:10px; } @@ -43,9 +41,25 @@ div.headerphoto { margin-top:10px; } +img.headerphoto2 { + width:100%; + margin: -70px 0 0 0px; +} + +div.headerphoto2 { + display:block; + width: 100%; + height: 285px; + overflow: hidden; + padding: 0.1em 0; + text-align: center; + margin-top:10px; +} + div.contentborder, div.calendar, div.sensorgraphs, +div.sensorgauges, div.gpluswall { display:block; @@ -66,7 +80,7 @@ p.topic { margin-right:0px; font-weight: bold; font-variant:small-caps; - font-size:22px; + font-size:100%; color: white; text-align:center; background-color: #272727; @@ -75,7 +89,7 @@ p.topic { div.calendar { width: 100%; height: 13em; - font-size:26px; + font-size:112%; } ul { @@ -98,7 +112,14 @@ div.status { div.sensorgraphs { text-align:center; width:399px; - //height:35em; + padding-bottom:1em; + margin-left:auto; + margin-right:auto; +} + +div.sensorgauges { + text-align:center; + width:268px; padding-bottom:1em; margin-left:auto; margin-right:auto; @@ -108,7 +129,7 @@ table.status { width:397px; display:inline; margin-left: 0; - margin:right: 0; + margin-right: 0; margin-top:0; margin-bottom:1ex; } @@ -124,15 +145,16 @@ td.anwesenheitsstatus { vertical-align:middle; display:table-cell; font-weight:bold; - font-size:30px; + font-size:136%; } td.sensorstatus { - height:50px; + height:42px; text-align:center; vertical-align:middle; display:table-cell; - background-color: Gainsboro; + background-color: white; + font-size:66%; } div.sensorelem { @@ -182,7 +204,7 @@ p.gplustimestamp { margin-left:4px; margin-bottom:4px; margin-right:0; - font-size:9pt; + font-size:50%; color:DimGray; background-color: Gainsboro; border-bottom-left-radius:9px; @@ -195,7 +217,7 @@ table.gplusimg { margin-right:0; overflow:hidden; max-height:275px; - width:495px; + max-width:495px; border: 0px none black; padding: 0; border-spacing: 0; @@ -203,43 +225,18 @@ table.gplusimg { } p.gplustxt { display:block; - font-size:11pt; + font-size:80%; margin: 4px; } -div.even { - background-color: white; -} - -div.odd { - background-color: #E0E0E0; -} - div#dateclock { text-align: center; - font-size: 1.2em; font-weight: bold; color: white; background-color: #272727; - font-size:48px; -} - -span.start,span.end,span.showname { - font-weight: bold; - margin: 0.1em 0.22em; -} - -span.start,span.end { - font-size: 0.75em; - margin-left: 1em; - margin-right: 1em; -} - -span.start { - float: left; -} - -span.end { - float: right; + font-size:217%; } +table { + font-size: 100%; +} \ No newline at end of file