reorganize UI

vubui · Nov 9, 2013 · f243efe · f243efe
1 parent 9f373a2
commit f243efe
Show file tree

Hide file tree

Showing 20 changed files with 1,562 additions and 34 deletions.
diff --git a/app/css/app.css b/app/css/app.css
@@ -35,19 +35,45 @@
   height: 100%;
 }
 
+hr {
+  -moz-border-bottom-colors: none;
+  -moz-border-image: none;
+  -moz-border-left-colors: none;
+  -moz-border-right-colors: none;
+  -moz-border-top-colors: none;
+  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
+  border-style: solid none;
+  border-width: 1px 0;
+  margin: 10px 0;
+  margin-top: 15px !important;
+  margin-bottom: 30px !important;
+}
+
+/* Make the masthead heading the same height as the navigation */
+.header h3 {
+  margin-top: 10px;
+  margin-bottom: 0;
+  line-height: 40px;
+}
+
+.container {
+  max-width: 750px;
+}
+
 /* SNAP page */
 #draganddrop
 {
   border: 4px dashed rgba(0, 0, 0, 0.2);
-  width:400px;
-  height:400px;
-  color:#ccc;
-  text-align:center;
-  vertical-align:middle;
-  margin-bottom:10px;
-  font-size:200%;
+  border-color: #3276b1;
+  width: 100%;
+  height: 400px;
+  color: #3276b1;
+  text-align: center;
+  vertical-align: middle;
+  margin-bottom: 10px;
+  font-size: 200%;
   background-image: url("http://blog.eogn.com/.a/6a00d8341c767353ef015433292f8c970c-800wi");
-  background-repeat:no-repeat;
+  background-repeat: repeat;
 }
 .progressBar {
   width: 200px;
@@ -72,7 +98,6 @@
 {
   border-top:1px solid #A9CCD1;
   min-height:25px;
-  width:700px;
   padding:10px 10px 0px 10px;
   vertical-align:top;
 }
@@ -104,4 +129,4 @@
   padding:4px 15px;
   cursor:pointer;
   vertical-align:top
-}
+}