X-Git-Url: https://git.octo.it/?a=blobdiff_plain;f=contrib%2Fcollection3%2Fshare%2Fstyle.css;h=9c3f0ed3931ff18277e9fb89849341595afdd674;hb=3582103fe92b1cd54c1dca46a6b2f12225e27ba9;hp=a6648aafe13b65a7b262f20ed8b350319dcf23bb;hpb=654783aed1fab02766a9cc036e859799e01f6f9e;p=collectd.git

diff --git a/contrib/collection3/share/style.css b/contrib/collection3/share/style.css
index a6648aaf..9c3f0ed3 100644
--- a/contrib/collection3/share/style.css
+++ b/contrib/collection3/share/style.css
@@ -1,3 +1,82 @@
+form {
+  display: flex;
+  margin-bottom: 10px;
+}
+
+fieldset {
+  margin-left: 0;
+}
+
+div.graph
+{
+}
+
+div.graph_canvas div.graph_float
+{
+  float: left;
+  position: relative;
+}
+
+div.graph_float div.controls
+{
+  display: none;
+  position: absolute;
+}
+
+div.graph_float:hover div.controls
+{
+  display: block;
+}
+
+div.graph_float div.controls.zoom
+{
+  right: 5px;
+  bottom: 10px;
+}
+
+div.graph_float div.controls.preset
+{
+  right: 5px;
+  top: 5px;
+}
+
+div.graph_float div.controls div
+{
+  display: block;
+
+  color: gray;
+  background: white;
+
+  text-decoration: none;
+  text-align: center;
+  font-size: small;
+
+  cursor: pointer;
+
+  border: 1px solid gray;
+  width: 1em;
+  height: 1em;
+  padding: 1px;
+  margin: 0px;
+}
+
+div.graph_float div.controls div:hover
+{
+  color: black;
+  border-color: black;
+}
+
+div.graph_float div.controls.preset div
+{
+  margin: 1px 0px 1px 0px;
+}
+
+div.graph_float div.controls.zoom div
+{
+  float: left;
+  margin: 0px 1px 0px 1px;
+}
+
 table
 {
   border-collapse: collapse;