1 files changed, 80 insertions, 33 deletions

diff --git a/app/assets/stylesheets/scaffolds.css.scss b/app/assets/stylesheets/scaffolds.css.scss
index 6ec6a8f..3c485b5 100644
--- a/app/assets/stylesheets/scaffolds.css.scss
+++ b/app/assets/stylesheets/scaffolds.css.scss
@@ -1,9 +1,30 @@
+@import "bootstrap";
+
+$page-color: #444;
+$toolbar-color: black;
+$orange: #DD9125;
+$darker-orange: #9D4102;
+$link-yellow: #FFC50D;
+
+html{
+  height: 100%;
+}
+
 body {
-  background-color: #fff;
-  color: #333;
+  background: asset-url("bg.png", image) repeat scroll 0 0 $page-color;
+  color: $page-color;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 13px;
   line-height: 18px;
+  height: 100%;
+}
+
+h1, h2, h3, h4, h5, p, li, label{
+  color: $orange;
+}
+
+h1, h2, h3, h4, h5 {
+  text-shadow: 0px 0px 2px $darker-orange;
 }
 
 p, ol, ul, td {
@@ -12,6 +33,26 @@ p, ol, ul, td {
   line-height: 18px;
 }
 
+/* NAVBAR */
+
+.navbar-brand {
+  @extend .no-dec;
+  a{
+    color: white;
+    &:hover, &:active, &:focus {
+      color: white;
+      font-weight: normal;
+      text-decoration: none;
+    }
+  }
+}
+
+.navbar-inverse, header > nav {
+    background-color: $toolbar-color;
+    border-radius: 0px 0px 5px 5px;
+    box-shadow: 0px 0px 5px black;
+}
+
 pre {
   background-color: #eee;
   padding: 10px;
@@ -19,13 +60,10 @@ pre {
 }
 
 a {
-  color: #000;
-  &:visited {
-    color: #666;
-  }
-  &:hover {
-    color: #fff;
-    background-color: #000;
+	color: $link-yellow;
+  	&:hover {
+      color: white;
+
   }
 }
 
@@ -36,34 +74,43 @@ div {
 }
 
 #notice {
-  color: green;
+  background-color: rgba(0,0,0,0.5);
+  border-radius: 7px;
+  padding: 10px;
+  width: 80%;
+  margin: 0px auto;
+  text-align: center;
+
+  p{
+    color: lightgreen !important;
+    font-weight: bold;
+  }
 }
 
 .field_with_errors {
-  padding: 2px;
-  background-color: red;
+  padding: 1px;
+  background-color: #FF4C4C;
+  box-shadow: 0px 0px 5px red;
   display: table;
 }
 
-#error_explanation {
-  width: 450px;
-  border: 2px solid red;
-  padding: 7px;
-  padding-bottom: 0;
-  margin-bottom: 20px;
-  background-color: #f0f0f0;
-  h2 {
-    text-align: left;
-    font-weight: bold;
-    padding: 5px 5px 5px 15px;
-    font-size: 12px;
-    margin: -7px;
-    margin-bottom: 0px;
-    background-color: #c00;
-    color: #fff;
-  }
-  ul li {
-    font-size: 12px;
-    list-style: square;
-  }
+.wrapper {
+	width: 80%;
+	margin-top: 10px;
+  min-height: 80%;
+  height: auto !important;
+  height: 99%;
+  margin: 0 auto;
 }
+
+button, input[type="submit"] {
+    @extend .btn;
+}
+
+footer {
+  clear: both;
+  border-top: solid 1px $orange;
+  text-align: center;
+  margin: 0 auto;
+  width: 90%;
+}
\ No newline at end of file