X-Git-Url: https://git.realraum.at/?a=blobdiff_plain;f=raspberry-kiosk%2Fkiosk.css;fp=raspberry-kiosk%2Fkiosk.css;h=5832093395f1335e2d2d54dc8cd8a1828555fad8;hb=1b50340a7f6bf31c0676701c85e0eb1b3c146117;hp=91e34b7dc294ca3db14b2b2bc517cae6472883e5;hpb=6e8fff305273eb943f7f4d905524dee40625941e;p=svn42.git diff --git a/raspberry-kiosk/kiosk.css b/raspberry-kiosk/kiosk.css index 91e34b7..5832093 100644 --- a/raspberry-kiosk/kiosk.css +++ b/raspberry-kiosk/kiosk.css @@ -6,33 +6,38 @@ 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 +52,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: 16em; 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,9 +92,32 @@ 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; +} + div.sensorelem { display:block; - width:571px; + width:397px; margin-top:2px; margin-bottom:0; margin-left:auto; @@ -132,7 +128,50 @@ img.sensorimg { margin:0; padding:0; border:0px none black; - width:571px; + width:397px; +} + +div.gpluswall { + width: 497px; + height: 20em; + border:1px solid #333; + margin-bottom:0; + margin-top:10px; +} + +div.gpluspost { + display:block; + width: 495px; + border-bottom:1px solid gray; + margin-top:0px; + margin-bottom:5px; +} +img.gplusactor { + margin:4px; + display:inline; + float:left; +} +p.gplustimestamp { + display:inline; + float: right; + margin-left:auto; + margin-right:8px; + font-size:9pt; +} +p.gplusimg { + display:block; + margin-top:2px; + margin-bottom: 4px; + overflow: hidden; + max-height:300px; +} +p.gplusimg { + width:495px; +} +p.gplustxt { + display:block; + font-size:11pt; + margin: 4px; } div.even {