Realign panel configuration. Implement "dark" styles.

Show panel title while typing.

Author: nilshoerrmann

assets/dashboard.css

@@ -5,12 +5,18 @@ html {
 	overflow-y: scroll;
 }
 
+#nav {
+	z-index: 100;
+}
+
 h2 {
 	margin-left: -19px;
 	margin-right: -19px;
 	padding-left: 19px;
 	padding-right: 19px;
-	-moz-box-shadow: 0 5px 8px #f5f5f4;
+	-moz-box-shadow: 0 3px 8px #f5f5f4;
+	-webkit-box-shadow: 0 3px 8px #f5f5f4;
+	border-bottom: 1px solid #E6E6E5;
 }
 
 h2 select {
@@ -21,27 +27,60 @@ h2 select {
 }
 
 #save-panel {
-	margin-left: -19px;
-	margin-right: -19px;
-	padding-left: 19px;
-	padding-right: 19px;
-	
+	background: #353533;
+	z-index: 90;
+	position: relative;
+	-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.5);
+	border-top: 1px solid #000;
+	border-bottom: 1px solid #000;
+	margin: 0 -19px;
+	padding: 0 19px;
 	display: none;
 	overflow: hidden;
-	border-bottom: 1px solid #ddddcc;
-	-moz-box-shadow: 0 5px 8px #f5f5f4;
 }
 
 #save-panel h3 {
 	font-size: 120%;
 	color: #aaa;
 	text-shadow: none;
 	font-weight: normal;
-	margin: 10px 0 0 0;
+	padding: 15px 0 12px;
+	border-bottom: 1px solid #616057;
+	position: relative;
+}
+
+#save-panel h3 span {
+	color: #fff;
+	left: 275px;
+	position: absolute;
 }
 
 #save-panel fieldset {
-	border-color: #eee;
+	border: 1px solid transparent;
+	border-bottom: 1px solid #616057;
+}
+
+#save-panel legend {
+	text-shadow: none;
+	color: #aaa;
+}
+
+#save-panel label {
+	color: #fff;
+}
+
+#save-panel a {
+	color: #8fafd9;
+}
+
+#save-panel label > span {
+	border: 1px solid #616057;
+	background: #504f49;
+}
+
+#save-panel textarea {
+	padding: 2px;
 }
 
 #save-panel .actions {
@@ -50,6 +89,7 @@ h2 select {
 
 #dashboard {
 	overflow: hidden;
+	margin: 0 -19px;
 }
 
 #dashboard .sortable-container {