raspberry kiosk major update
[svn42.git] / raspberry-kiosk / kiosk.css
index 91e34b7..5832093 100644 (file)
@@ -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 {