Merge branch 'master' of github.com:tao-foundation/teo-netstats into tao-staging

src/css/style.css

@@ -4,7 +4,6 @@ html {
 
 body {
 	width: 100%;
-	min-width: 1900px;
 	font-smooth: auto;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -60,7 +59,7 @@ table td {
 
 .text-gray .propagationBox {
 	background: none !important;
-	border: 1px solid #f8f8f2;
+	border: 1px solid #777;
 }
 
 .bg-success,
@@ -72,7 +71,7 @@ table td {
 }
 
 .text-gray {
-	color: #f8f8f2 !important;
+	color: #777 !important;
 }
 
 .text-orange {
@@ -153,9 +152,9 @@ span.small-title span.small {
 }
 
 .big-info.chart .big-details {
-	display: block;
-	position: absolute;
+	display: table;
 	top: 40px;
+	margin: 0 auto;
 }
 
 .big-info.chart {
@@ -172,6 +171,8 @@ span.small-title span.small {
 	width: 288px;
 	padding-top: 6px;
 	margin-left: -2px;
+	display: table;
+	margin: 0 auto;
 }
 
 .blocks-holder {
@@ -185,7 +186,7 @@ span.small-title span.small {
 	letter-spacing: -0.1px;
 	text-transform: none;
 	white-space: nowrap;
-	color: #f8f8f2;
+	color: #777;
 }
 
 .blocks-holder .block-count {
@@ -460,7 +461,7 @@ svg .axis line {
 	shape-rendering: crispEdges;
 }
 svg .axis text {
-	fill: #f8f8f2;
+	fill: #777;
 	font-size: 10px;
 	letter-spacing: 0px;
 	font-family: "Source Sans Pro";
@@ -472,3 +473,50 @@ svg .axis text {
 svg .y.axis .tick:first-child text {
 	opacity: 0;
 }
+
+@media (max-width: 768px) {
+	.container-fluid {
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+
+	.big-info .icon-full-width i {
+		width: 75px;
+		height: 67px;
+		font-size: 67px;
+		margin-left: -25px;
+	}
+
+	.big-info .big-details-holder {
+		left: 75px;
+	}
+
+	.big-info .big-details {
+		font-size: 35px;
+	}
+
+	.blocks-holder div.small-title-miner {
+		font-family: inherit;
+		font-size: 11px;
+		letter-spacing: -.5px;
+	}
+
+	.blocks-holder {
+		width: 100%;
+	}
+
+	.big-info.chart i, .second-row .box i {
+		font-size: 18px;
+		margin-right: 0px;
+	}
+
+	.second-row .box {
+		height: 100%; /* BUG XXX */
+	}
+}
+
+@media (max-width: 600px) {
+	.blocks-holder div.small-title-miner {
+		font-size: 10px;
+	}
+}