1 files changed, 82 insertions, 7 deletions
diff --git a/app/assets/stylesheets/scaffolds.css.scss b/app/assets/stylesheets/scaffolds.css.scss
index 6ec6a8f..02b96a2 100644
--- a/app/assets/stylesheets/scaffolds.css.scss
+++ b/app/assets/stylesheets/scaffolds.css.scss
@@ -1,9 +1,56 @@
+@import "bootstrap";
+
+$page-color: #444;
+$toolbar-color: black;
+
+html{
+  height: 100%;
+}
+
 body {
-  background-color: #fff;
-  color: #333;
+  background-color: $page-color;
+  color: $page-color;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 13px;
   line-height: 18px;
+  height: 100%;
+}
+
+.wrapper {
+  padding-left: 5%;
+  padding-right: 5%;
+  margin: 0 auto;
+  background-color: #fff;
+  padding-top: 10px;
+  height: 90%;
+  box-shadow: 1px 1px 7px orange;
+  border-radius: 0px 0px 5px 5px;
+}
+
+footer {
+  clear: both;
+  margin: 0 auto;
+  margin-top: 10px;
+  color: white;
+
+}
+
+@media screen and (min-width: 480px) {
+  .wrapper, footer {
+    width: 80%;
+    min-width: 480px;
+    max-width: 1024px;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .wrapper, footer {
+    width: 100%;
+  }
+}
+
+h1, h2, h3, h4, h5{
+  color: #030303;
 }
 
 p, ol, ul, td {
@@ -21,11 +68,11 @@ pre {
 a {
   color: #000;
   &:visited {
-    color: #666;
+    color: #000;
   }
   &:hover {
-    color: #fff;
-    background-color: #000;
+      color: green;
+      text-decoration: none;
   }
 }
 
@@ -40,8 +87,9 @@ div {
 }
 
 .field_with_errors {
-  padding: 2px;
-  background-color: red;
+  padding: 1px;
+  background-color: #FF4C4C;
+  box-shadow: 0px 0px 5px red;
   display: table;
 }
 
@@ -67,3 +115,30 @@ div {
     list-style: square;
   }
 }
+
+
+/* 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-color: #0F4070;
+    border-radius: 0px 0px 5px 5px;
+    margin-bottom: 0px;
+
+}
+
+button, input[type="submit"] {
+    @extend .btn;
+}