X-Git-Url: https://git.realraum.at/?a=blobdiff_plain;f=raspberry-kiosk%2Fkiosk.css;h=16213379bc1f4c99c00345d85b094b6561639145;hb=ada40a47ddd05e721fa8b449bd0e6e9b9aee0949;hp=59b7238f1be918398f0b6b9e84511d814c76a2cc;hpb=8110e4afe4bf6aee1f19740bd9482a502cdb8d3c;p=svn42.git diff --git a/raspberry-kiosk/kiosk.css b/raspberry-kiosk/kiosk.css index 59b7238..1621337 100644 --- a/raspberry-kiosk/kiosk.css +++ b/raspberry-kiosk/kiosk.css @@ -5,7 +5,7 @@ body { font-size:22px; padding:0; margin:0; - background-color: white; + background-color: #D0D0AF; overflow: hidden; max-width:900px; max-height:1440px; @@ -18,7 +18,6 @@ div { div#siteheader { text-align: center; color: white; - //background-color: #36373B; background-color: rgb(118, 20, 7); font-size:40px; font-weight: bold; @@ -44,12 +43,19 @@ div.headerphoto { margin-top:10px; } -div.status { +div.contentborder, +div.calendar, +div.sensorgraphs, +div.gpluswall +{ display:block; - width: 98%; + background-color: white; + border-top-left-radius:10px; + border-top-right-radius:10px; margin-top:10px; - margin-left:auto; - margin-right:auto; + margin-left:0px; + margin-right:0px; + overflow:hidden; } p.topic { @@ -63,31 +69,28 @@ p.topic { font-size:22px; color: white; text-align:center; - background-color: #36373B; + background-color: #272727; } div.calendar { - display:block; width: 100%; height: 13em; - margin-top:10px; - margin-left:0px; - margin-right:0px; - overflow: hidden; - border:1px solid #333; font-size:26px; } -div.sensorgraphs { +div.status { display:block; + width: 98%; + margin-top:10px; + margin-left:auto; + margin-right:auto; +} + +div.sensorgraphs { 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; } @@ -115,11 +118,19 @@ td.anwesenheitsstatus { font-size:30px; } +td.sensorstatus { + height:50px; + text-align:center; + vertical-align:middle; + display:table-cell; + background-color: Gainsboro; +} + 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,40 +144,53 @@ img.sensorimg { div.gpluswall { width: 497px; - height: 20em; - 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; + margin-top:0; + padding:4 14 4 14; + margin-left:4px; + margin-bottom:4px; + margin-right:0; font-size:9pt; + color:DimGray; + background-color: Gainsboro; + border-bottom-left-radius:9px; } -p.gplusimg { +table.gplusimg { display:block; - margin-top:2px; - margin-bottom: 4px; - overflow: hidden; - max-height:300px; -} -p.gplusimg { + margin-left:0; + margin-top:6px; + margin-bottom:0; + margin-right:0; + overflow:hidden; + max-height:275px; width:495px; + border: 0px none black; + padding: 0; + border-spacing: 0; + border-collapse:collapse; } p.gplustxt { display:block; @@ -187,7 +211,7 @@ div#dateclock { font-size: 1.2em; font-weight: bold; color: white; - background-color: #36373B; + background-color: #272727; font-size:48px; }