projects
/
svn42.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
show multiple image if album
[svn42.git]
/
raspberry-kiosk
/
kiosk.css
diff --git
a/raspberry-kiosk/kiosk.css
b/raspberry-kiosk/kiosk.css
index
59b7238
..
1621337
100644
(file)
--- a/
raspberry-kiosk/kiosk.css
+++ b/
raspberry-kiosk/kiosk.css
@@
-5,7
+5,7
@@
body {
font-size:22px;
padding:0;
margin:0;
font-size:22px;
padding:0;
margin:0;
- background-color: white;
+ background-color: #D0D0AF;
overflow: hidden;
max-width:900px;
max-height:1440px;
overflow: hidden;
max-width:900px;
max-height:1440px;
@@
-18,7
+18,6
@@
div {
div#siteheader {
text-align: center;
color: white;
div#siteheader {
text-align: center;
color: white;
- //background-color: #36373B;
background-color: rgb(118, 20, 7);
font-size:40px;
font-weight: bold;
background-color: rgb(118, 20, 7);
font-size:40px;
font-weight: bold;
@@
-44,12
+43,19
@@
div.headerphoto {
margin-top:10px;
}
margin-top:10px;
}
-div.status {
+div.contentborder,
+div.calendar,
+div.sensorgraphs,
+div.gpluswall
+{
display:block;
display:block;
- width: 98%;
+ background-color: white;
+ border-top-left-radius:10px;
+ border-top-right-radius:10px;
margin-top:10px;
margin-top:10px;
- margin-left:auto;
- margin-right:auto;
+ margin-left:0px;
+ margin-right:0px;
+ overflow:hidden;
}
p.topic {
}
p.topic {
@@
-63,31
+69,28
@@
p.topic {
font-size:22px;
color: white;
text-align:center;
font-size:22px;
color: white;
text-align:center;
- background-color: #36373B;
+ background-color: #272727;
}
div.calendar {
}
div.calendar {
- display:block;
width: 100%;
height: 13em;
width: 100%;
height: 13em;
- margin-top:10px;
- margin-left:0px;
- margin-right:0px;
- overflow: hidden;
- border:1px solid #333;
font-size:26px;
}
font-size:26px;
}
-div.sensorgraphs {
+div.status {
display:block;
display:block;
+ width: 98%;
+ margin-top:10px;
+ margin-left:auto;
+ margin-right:auto;
+}
+
+div.sensorgraphs {
text-align:center;
text-align:center;
- border:1px solid #333;
width:399px;
//height:35em;
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;
}
margin-left:auto;
margin-right:auto;
}
@@
-115,11
+118,19
@@
td.anwesenheitsstatus {
font-size:30px;
}
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;
div.sensorelem {
display:block;
width:397px;
- margin-top:2px;
- margin-bottom:0;
+ margin-top:0;
+ margin-bottom:6px;
margin-left:auto;
margin-right:auto;
}
margin-left:auto;
margin-right:auto;
}
@@
-133,40
+144,53
@@
img.sensorimg {
div.gpluswall {
width: 497px;
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;
}
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 {
}
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;
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;
font-size:9pt;
+ color:DimGray;
+ background-color: Gainsboro;
+ border-bottom-left-radius:9px;
}
}
-p.gplusimg {
+table.gplusimg {
display:block;
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;
width:495px;
+ border: 0px none black;
+ padding: 0;
+ border-spacing: 0;
+ border-collapse:collapse;
}
p.gplustxt {
display:block;
}
p.gplustxt {
display:block;
@@
-187,7
+211,7
@@
div#dateclock {
font-size: 1.2em;
font-weight: bold;
color: white;
font-size: 1.2em;
font-weight: bold;
color: white;
- background-color: #36373B;
+ background-color: #272727;
font-size:48px;
}
font-size:48px;
}