summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/scaffolds.css.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/scaffolds.css.scss')
-rw-r--r--app/assets/stylesheets/scaffolds.css.scss89
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;
+}