X-Git-Url: https://arthur.barton.de/gitweb/?a=blobdiff_plain;f=web%2Fdashboard.css;h=e969158091d5a8ecbe40b809640cdbb6074570e3;hb=1e2a080e0e40793994e54048da7d6554cb79e48a;hp=18ea1a3aeba0a1ce1830f518e608e9f0ede51294;hpb=984d0096734ab205a9aa25ff1bd4a12adc688d7e;p=netdata.git

diff --git a/web/dashboard.css b/web/dashboard.css
old mode 100755
new mode 100644
index 18ea1a3a..e9691580
--- a/web/dashboard.css
+++ b/web/dashboard.css
@@ -1,16 +1,44 @@
-html {
-    font-family: sans-serif;
+html,
+body {
+	/*font-family: Calibri,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;*/
+	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+	font-style: normal;
+	font-variant: normal;
+}
+
+.morelink {
+	color: #765d9c;
+	text-decoration: none;
+}
+.morelink:hover {
+	color: #563d7c;
+	text-decoration: none;
+}
+.morelink:focus {
+	color: #765d9c;
+	text-decoration: none;
 }
 
 .netdata-chart-alignment {
 	margin-left: 55px;
 }
 
+.netdata-chart-row {
+        width: 100%;
+        text-align: center;
+        display: flex;
+        display: -webkit-flex;
+        display: -moz-flex;
+        align-items: baseline;
+        -moz-align-items: baseline;
+        -webkit-align-items: baseline;
+        justify-content: center;
+        -webkit-justify-content: center;
+        -moz-justify-content: center;
+}
+
 .netdata-container {
-	display: -webkit-flex; /* Safari */
-	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
 	display: inline-block;
-	flex-wrap: wrap;
 	overflow: hidden;
 
 	/* required for child elements to have absolute position */
@@ -27,10 +55,7 @@ html {
 }
 
 .netdata-container-with-legend {
-	display: -webkit-flex; /* Safari */
-	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
 	display: inline-block;
-	flex-wrap: wrap;
 	overflow: hidden;
 
 	/* fix minimum scrollbar issue in firefox */
@@ -62,6 +87,43 @@ html {
 	margin: 0px;
 }
 
+.netdata-legend-toolbox {
+	display: block;
+	position: absolute;
+	bottom: 0px;
+	right: 30px;
+	height: 15px;
+	width: 110px;
+	background-color: White;
+	font-size: 12px;
+	vertical-align: middle;
+	line-height: 15px;
+	color: #DDDDDD;
+	text-align: center;
+	overflow: hidden;
+	z-index: 20;
+	padding: 0px;
+	margin: 0px;
+}
+
+.netdata-legend-toolbox-button {
+	display: inline-block;
+	position: relative;
+	height: 15px;
+	width: 18px;
+	background-color: White;
+	font-size: 12px;
+	vertical-align: middle;
+	line-height: 15px;
+	color: #CDCDCD;
+	text-align: center;
+	overflow: hidden;
+	z-index: 21;
+	padding: 0px;
+	margin: 0px;
+	cursor: pointer;
+}
+
 .netdata-message {
 	display: inline-block;
 	text-align: left;
@@ -98,6 +160,7 @@ html {
 	height: calc(100% - 15px);	/* 10px for the resize handler and 5px for the top margin */
 	font-size: 10px;
 	margin-top: 5px;
+	text-align: left;
 	/* width and height is calculated (depends on the appearance of the legend) */
 }
 
@@ -246,7 +309,7 @@ html {
 	padding: 0px;
 	padding-left: 15px;
 	cursor: pointer;
-	-webkit-font-smoothing: none;
+	/* -webkit-font-smoothing: none; */
 }
 .netdata-legend-name.not-selected {
 	font-weight: normal;
@@ -304,6 +367,27 @@ html {
 .dygraph-ylabel {
 }
 
+.dygraph-label-rotate-left {
+  text-align: center;
+  /* See http://caniuse.com/#feat=transforms2d */
+  transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -o-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+}
+
+/* For y2-axis label */
+.dygraph-label-rotate-right {
+  text-align: center;
+  /* See http://caniuse.com/#feat=transforms2d */
+  transform: rotate(-90deg);
+  -webkit-transform: rotate(-90deg);
+  -moz-transform: rotate(-90deg);
+  -o-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg);
+}
+
 .dygraph-title {
 	text-indent: 56px;
 	text-align: left;
@@ -344,7 +428,7 @@ html {
 	color: #666;
 	font-weight: normal;
 	text-shadow: #BBB 0px 0px 1px;
-	-webkit-font-smoothing: none;
+	/* -webkit-font-smoothing: none; */
 }
 
 .easyPieChartTitle {
@@ -394,7 +478,9 @@ html {
 	font-weight: bold;
 	z-index: 1;
 	text-shadow: #777 0px 0px 1px;
-	-webkit-font-smoothing: none;
+	/* text-shadow: #CCC 1px 1px 0px, #CCC -1px -1px 0px, #CCC 1px -1px 0px, #CCC -1px 1px 0px; */
+	/* -webkit-text-stroke: 1px #777; */
+	/* -webkit-font-smoothing: none; */
 }
 
 .gaugeChartTitle {
@@ -446,3 +532,11 @@ html {
 	color: #999999;
 	font-weight: normal;
 }
+
+.popover-title {
+	font-weight: bold;
+	font-size: 12px;
+}
+.popover-content {
+	font-size: 11px;
+}