X-Git-Url: https://git.realraum.at/?a=blobdiff_plain;f=raspberry-kiosk%2Fkiosk.css;h=2149657eb691c46eeb3e3e9bf1cedea3a8d74c8d;hb=b8a9aa9b266e3d0dd4d6ef55ddaebeec46087510;hp=91e34b7dc294ca3db14b2b2bc517cae6472883e5;hpb=6e8fff305273eb943f7f4d905524dee40625941e;p=svn42.git diff --git a/raspberry-kiosk/kiosk.css b/raspberry-kiosk/kiosk.css index 91e34b7..2149657 100644 --- a/raspberry-kiosk/kiosk.css +++ b/raspberry-kiosk/kiosk.css @@ -6,33 +6,37 @@ body { padding:0; margin:0; background-color: white; + overflow: hidden; + max-width:900px; + max-height:1440px; } div { width: 100%; - padding: 0; } div#siteheader { text-align: center; - font-size: 1.2em; - font-weight: bold; color: white; - //background-color: #36373B; background-color: rgb(118, 20, 7); font-size:40px; + font-weight: bold; margin-top:10px; } +span.r3red { + color: rgb(118, 20, 7); +} + img.headerphoto { width:100%; - margin: -60px 0 0 0px; + margin: -90px 0 0 0px; } div.headerphoto { display:block; width: 100%; - height: 350px; + height: 200px; overflow: hidden; padding: 0.1em 0; text-align: center; @@ -47,69 +51,37 @@ div.status { margin-right:auto; } -table.status { - width:571px; - display:inline; - margin-left: 0; - margin:right: 0; - margin-top:0; - margin-bottom:1ex; -} - -p.anwesenheit_status { -} - -td.anwesenheitsstatus { - height:100px; - text-align:center; - margin-left:105px; - margin-right:auto; - vertical-align:middle; - display:table-cell; - font-weight:bold; - font-size:30px; -} - p.topic { width: 100%; - margin-bottom:1ex; + margin-bottom:5px; margin-top:0px; margin-left:0px; margin-right:0px; font-weight: bold; font-variant:small-caps; - font-size: 110%; + font-size:22px; color: white; text-align:center; background-color: #36373B; } -div.calendars { +div.calendar { display:block; width: 100%; - height: 15em; + height: 13em; margin-top:10px; margin-left:0px; margin-right:0px; -} - -div.calendar { - //width: 48%; - width: 99%; - height: 15em; overflow: hidden; border:1px solid #333; - margin-bottom:0ex; - margin-top:0ex; - margin-left:5px; - margin-right:5px; + font-size:26px; } div.sensorgraphs { display:block; text-align:center; border:1px solid #333; - width:99%; + width:399px; //height:35em; padding-bottom:2px; background-color:#fff; @@ -119,11 +91,42 @@ div.sensorgraphs { margin-right:auto; } +table.status { + width:397px; + display:inline; + margin-left: 0; + margin:right: 0; + margin-top:0; + margin-bottom:1ex; +} + +p.anwesenheit_status { +} + +td.anwesenheitsstatus { + height:100px; + text-align:center; + margin-left:105px; + margin-right:auto; + vertical-align:middle; + display:table-cell; + font-weight:bold; + font-size:30px; +} + +td.sensorstatus{ + height:50px; + text-align:center; + vertical-align:middle; + display:table-cell; + background-color: rgb(255, 246, 243); +} + div.sensorelem { display:block; - width:571px; - margin-top:2px; - margin-bottom:0; + width:397px; + margin-top:0; + margin-bottom:6px; margin-left:auto; margin-right:auto; } @@ -132,7 +135,62 @@ img.sensorimg { margin:0; padding:0; border:0px none black; - width:571px; + width:397px; +} + +div.gpluswall { + width: 497px; + border:1px solid #333; + margin-bottom:0; + margin-top:10px; +} + +div.gpluspost { + display:block; + width: 497px; + margin-left:0; + margin-right:0; + border-top:1px solid #333; + margin-top:0; + margin-bottom:6px; + background-color: rgb(255, 246, 243); +} +img.gplusactor { + margin-left:2px; + margin-bottom:0px; + margin-right:4px; + margin-top:4px; + display:inline; + float:left; +} +p.gplustimestamp { + display:inline; + float: right; + margin-top:0; + padding:4 14 4 14; + margin-left:4px; + margin-bottom:4px; + margin-right:0; + font-size:9pt; + color:white; + background-color: #333; +} +p.gplusimg { + display:block; + margin-left:0; + margin-top:6px; + margin-bottom:0; + margin-right:0; + overflow:hidden; + max-height:275px; +} +img.gplusimg { + width:497px; +} +p.gplustxt { + display:block; + font-size:11pt; + margin: 4px; } div.even {