diff css/core.css @ 2363:95dc0833eb0a

Merge branch 'master' of https://github.com/BrechtDeMan/WebAudioEvaluationTool

--- a/css/core.css	Mon May 16 14:20:50 2016 +0100
+++ b/css/core.css	Mon May 16 16:20:59 2016 +0100
@@ -133,6 +133,46 @@
 	top: 0px;
 }
 
+div#lightbox-root {
+    visibility: hidden;
+    z-index: 20;
+    top: 25px;
+    min-height: 50px;
+    max-height: 250px;
+}
+
+div.lightbox-error {
+    margin: 25px;
+    margin-bottom: 50px;
+    padding: 5px;
+    border-radius: 5px;
+    background-color: rgb(255,220,220);
+    border: 2px rgb(200,0,0) solid;
+}
+
+div.lightbox-warning {
+    margin: 25px;
+    margin-bottom: 50px;
+    padding: 5px;
+    border-radius: 5px;
+    background-color: rgb(255,255,220);
+    border: 2px rgb(255,250,0) solid;
+}
+
+div.lightbox-message {
+    margin: 25px;
+    margin-bottom: 50px;
+    padding: 5px;
+    border-radius: 5px;
+    background-color: rgb(200,220,255);
+    border: 2px rgb(50,100,250) solid;
+}
+
+div#lightbox-blanker {
+    visibility: hidden;
+    z-index: 19;
+}
+
 button.outside-reference {
 	width:120px;
 	height:20px;
@@ -169,12 +209,25 @@
 	background-color: #000;
 }
 
-div#master-volume-holder {
-    width: 250px;
-    float: left;
+div.master-volume-holder-inline {
+    width: 100%;
+    padding: 5px;
+}
+
+div.master-volume-holder-float {
+    position: absolute;
+    top: 20px;
+    left: 50px;
+    width: 250px%;
+    padding: 5px;
+}
+
+div#master-volume-root {
+    margin:auto;
     border: black 1px solid;
     border-radius: 5px;
-    padding: 5px;
+    width: 250px;
+    height: 40px;
 }
 
 input#master-volume-control {