change hostname wuzzler to torwaechter

[svn42.git] / raspberry-kiosk / kiosk.css

diff --git a/raspberry-kiosk/kiosk.css b/raspberry-kiosk/kiosk.css
index 91e34b7..50a0d81 100644 (file)
--- a/raspberry-kiosk/kiosk.css
+++ b/raspberry-kiosk/kiosk.css
@@ -5,40 +5,102 @@ body {
   font-size:22px;
   padding:0;
   margin:0;
-  background-color: white;
+  background-color: #D0D0AF;
+  overflow: hidden;
 }
 
 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-size:180%;
+  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;
+  margin-top:10px;
+}
+
+img.headerphoto2 {
+  width:100%;
+  margin: -70px 0 0 0px;
+}
+
+div.headerphoto2 {
+  display:block;
+  width: 100%;
+  height: 285px;
   overflow: hidden;
   padding: 0.1em 0;
   text-align: center;
   margin-top:10px;
 }
 
+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 {
+  width: 100%;
+  margin-bottom:5px;
+  margin-top:0px;
+  margin-left:0px;
+  margin-right:0px;
+  font-weight: bold;
+  font-variant:small-caps;
+  font-size:100%;
+  color: white;
+  text-align:center;
+  background-color: #272727;
+}
+
+div.calendar {
+  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%;
@@ -47,11 +109,27 @@ div.status {
   margin-right:auto;
 }
 
+div.sensorgraphs {
+  text-align:center;
+  width:399px;
+  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;
+}
+
 table.status {
-  width:571px;
+  width:397px;
   display:inline;
   margin-left: 0;
-  margin:right: 0;
+  margin-right: 0;
   margin-top:0;
   margin-bottom:1ex;
 }
@@ -67,63 +145,23 @@ td.anwesenheitsstatus {
   vertical-align:middle;
   display:table-cell;
   font-weight:bold;
-  font-size:30px;
+  font-size:136%;
 }
 
-p.topic {
-  width: 100%;
-  margin-bottom:1ex;
-  margin-top:0px;
-  margin-left:0px;
-  margin-right:0px;
-  font-weight: bold;
-  font-variant:small-caps;
-  font-size: 110%;
-  color: white;
-  text-align:center;
-  background-color: #36373B;
-}
-
-div.calendars {
-  display:block;
-  width: 100%;
-  height: 15em;
-  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;
-}
-
-div.sensorgraphs {
-  display:block;
+td.sensorstatus {
+  height:42px;
   text-align:center;
-  border:1px solid #333;
-  width:99%;
-  //height:35em;
-  padding-bottom:2px;
-  background-color:#fff;
-  margin-top:10px;
-  margin-bottom:10px;
-  margin-left:auto;
-  margin-right:auto;
+  vertical-align:middle;
+  display:table-cell;
+  background-color: white;
+  font-size:66%;
 }
 
 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,42 +170,73 @@ img.sensorimg {
   margin:0;
   padding:0;
   border:0px none black;
-  width:571px;
+  width:397px;
 }
 
-div.even {
-  background-color: white;
+div.gpluswall {
+  width: 497px;
+  padding-bottom:1em;
 }
 
-div.odd {
-  background-color: #E0E0E0;
+div.gpluspost {
+  display:block;
+  width: 495px;
+  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-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:50%;
+  color:DimGray;
+  background-color: Gainsboro;
+  border-bottom-left-radius:9px;
+}
+table.gplusimg {
+  display:block;
+  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:80%;
+  margin: 4px;
 }
 
 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