audio decoding

gui/styles.css

@@ -29,11 +29,14 @@ button {
 	border-right: 1px solid #505050;
 }
 
-button:hover {
-	background: #909090;
+button:hover, button.devtools:hover {
+   background: #909090;
    transition: all 0.5s ease-in;
 }
 
+button.devtools {
+	background: black;
+}
 
 button.command {
 	margin: 0;
@@ -261,11 +264,70 @@ div.status {
 	border-left: 1px solid #505050;
 }
 
-div.status span.info {
+div.status div.right {
+	float: right;
+	margin-top: 0;
+	padding-top: 0;
+}
+
+div.status span.info, div.status div.right span.info {
 	padding-left: 5px;
 	padding-right: 5px;
 	border-right: 1px solid #505050;
 	color: #d0d0d0;
+	vertical-align: top;
 }
 
+button.devtools {
+	height: 1.6em;
+	height: 1.6em;
+	margin: 0;
+	padding: 0;
+	margin-top: 3px;
+}
+
+button.devtools img {
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+div.volume-meter {
+	display: none;
+	position: relative;
+	left: 0;
+	top: 0;
+	z-index: 1000;
+	background: #e0e0e0;
+	border: 1px solid #505050;
+	/*border-radius: 1em;*/
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+
+div.volume-meter div.status {
+	border: none;
+}
+
+div.volume-meter div.status span.info {
+	font-weight: bold;
+	color: black;
+	font-size: 80%;
+	border: none;
+	padding: 0;
+}
+
+div.volume-meter:hover {
+	background: #909090;
+    transition: all 0.5s ease-in;
+}
+
+input.v-slider {
+	writing-mode: vertical-lr;
+	direction: rtl;
+}
+
+
+