X-Git-Url: https://git.realraum.at/?a=blobdiff_plain;f=raspberry-kiosk%2Fkiosk.css;h=50a0d81e2a02a375fd93f1372472eb09b258401b;hb=9148b190d80a15e5393f7ef8c5bd6997c4b40bb2;hp=54c3eb12ee28f028262f8a46d73877bc6df9e48e;hpb=a78f346fcf07e0019aa691e5cbc20c549a8c7e8f;p=svn42.git diff --git a/raspberry-kiosk/kiosk.css b/raspberry-kiosk/kiosk.css index 54c3eb1..50a0d81 100644 --- a/raspberry-kiosk/kiosk.css +++ b/raspberry-kiosk/kiosk.css @@ -5,10 +5,8 @@ body { font-size:22px; padding:0; margin:0; - background-color: white; + background-color: #D0D0AF; overflow: hidden; - max-width:900px; - max-height:1440px; } div { @@ -18,9 +16,8 @@ div { div#siteheader { text-align: center; color: white; - //background-color: #36373B; background-color: rgb(118, 20, 7); - font-size:40px; + font-size:180%; font-weight: bold; margin-top:10px; } @@ -44,12 +41,35 @@ div.headerphoto { margin-top:10px; } -div.status { +img.headerphoto2 { + width:100%; + margin: -70px 0 0 0px; +} + +div.headerphoto2 { display:block; - width: 98%; + width: 100%; + height: 285px; + overflow: hidden; + padding: 0.1em 0; + text-align: center; margin-top:10px; - margin-left:auto; - margin-right:auto; +} + +div.contentborder, +div.calendar, +div.sensorgraphs, +div.sensorgauges, +div.gpluswall +{ + display:block; + background-color: white; + border-top-left-radius:10px; + border-top-right-radius:10px; + margin-top:10px; + margin-left:0px; + margin-right:0px; + overflow:hidden; } p.topic { @@ -60,34 +80,47 @@ 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: #36373B; + background-color: #272727; } div.calendar { - display:block; width: 100%; height: 13em; + font-size:112%; +} + +ul { + margin-top:18px; + padding-left:28px; +} + +li.level1 { + white-space:nowrap; +} + +div.status { + display:block; + width: 98%; margin-top:10px; - margin-left:0px; - margin-right:0px; - overflow: hidden; - border:1px solid #333; - font-size:26px; + margin-left:auto; + margin-right:auto; } div.sensorgraphs { - display:block; text-align:center; - border:1px solid #333; width:399px; - //height:35em; - padding-bottom:2px; - background-color:#fff; - margin-top:10px; - margin-bottom:10px; + 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; } @@ -96,7 +129,7 @@ table.status { width:397px; display:inline; margin-left: 0; - margin:right: 0; + margin-right: 0; margin-top:0; margin-bottom:1ex; } @@ -112,14 +145,23 @@ td.anwesenheitsstatus { vertical-align:middle; display:table-cell; font-weight:bold; - font-size:30px; + font-size:136%; +} + +td.sensorstatus { + height:42px; + text-align:center; + vertical-align:middle; + display:table-cell; + background-color: white; + font-size:66%; } div.sensorelem { display:block; width:397px; - margin-top:2px; - margin-bottom:0; + margin-top:0; + margin-bottom:6px; margin-left:auto; margin-right:auto; } @@ -133,79 +175,68 @@ img.sensorimg { div.gpluswall { width: 497px; - border:1px solid #333; - margin-bottom:0; - margin-top:10px; + padding-bottom:1em; } div.gpluspost { display:block; width: 495px; - border-bottom:1px solid gray; - margin-top:0px; - margin-bottom:5px; + margin-left:0; + margin-right:0; + border:1px solid Gainsboro; + margin-top:0; + margin-bottom:6px; + background-color: rgb(253, 253, 253); } img.gplusactor { - margin:4px; + margin-left:2px; + margin-bottom:0px; + margin-right:4px; + margin-top:4px; display:inline; float:left; } p.gplustimestamp { display:inline; float: right; - margin-left:auto; - margin-right:8px; - font-size:9pt; -} -p.gplusimg { + margin-top:0; + padding:4 14 4 14; + margin-left:4px; + margin-bottom:4px; + margin-right:0; + font-size:50%; + color:DimGray; + background-color: Gainsboro; + border-bottom-left-radius:9px; +} +table.gplusimg { display:block; - margin-top:2px; - margin-bottom: 4px; - overflow: hidden; - max-height:300px; -} -p.gplusimg { - width:495px; + margin-left:0; + margin-top:6px; + margin-bottom:0; + margin-right:0; + overflow:hidden; + max-height:275px; + max-width:495px; + border: 0px none black; + padding: 0; + border-spacing: 0; + border-collapse:collapse; } 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: #36373B; - 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; + background-color: #272727; + font-size:217%; } +table { + font-size: 100%; +} \ No newline at end of file