diff options
Diffstat (limited to 'app/assets/stylesheets/scaffolds.css.scss')
-rw-r--r-- | app/assets/stylesheets/scaffolds.css.scss | 140 |
1 files changed, 57 insertions, 83 deletions
diff --git a/app/assets/stylesheets/scaffolds.css.scss b/app/assets/stylesheets/scaffolds.css.scss index 02b96a2..40791e8 100644 --- a/app/assets/stylesheets/scaffolds.css.scss +++ b/app/assets/stylesheets/scaffolds.css.scss @@ -2,13 +2,16 @@ $page-color: #444; $toolbar-color: black; +$orange: #DD9125; +$darker-orange: #9D4102; +$link-yellow: #FFC50D; html{ height: 100%; } body { - background-color: $page-color; + 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; @@ -16,47 +19,38 @@ body { 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; +h1, h2, h3, h4, h5, p{ + color: $orange; } -footer { - clear: both; - margin: 0 auto; - margin-top: 10px; - color: white; - +h1, h2, h3, h4, h5 { + text-shadow: 0px 0px 2px $darker-orange; } -@media screen and (min-width: 480px) { - .wrapper, footer { - width: 80%; - min-width: 480px; - max-width: 1024px; - } +p, ol, ul, td { + font-family: verdana, arial, helvetica, sans-serif; + font-size: 13px; + line-height: 18px; } -@media screen and (max-width: 480px) { - .wrapper, footer { - width: 100%; - } -} +/* NAVBAR */ -h1, h2, h3, h4, h5{ - color: #030303; +.navbar-brand { + @extend .no-dec; + a{ + color: white; + &:hover, &:active, &:focus { + color: white; + font-weight: normal; + text-decoration: none; + } + } } -p, ol, ul, td { - font-family: verdana, arial, helvetica, sans-serif; - font-size: 13px; - line-height: 18px; +.navbar-inverse, header > nav { + background-color: $toolbar-color; + border-radius: 0px 0px 5px 5px; + box-shadow: 0px 0px 5px black; } pre { @@ -66,12 +60,9 @@ pre { } a { - color: #000; - &:visited { - color: #000; - } - &:hover { - color: green; + color: $link-yellow; + &:hover { + color: #FFEF00; text-decoration: none; } } @@ -83,7 +74,17 @@ 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 { @@ -93,52 +94,25 @@ div { 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: 0 auto; + margin-top: 10px; } - -/* NAVBAR */ - -.navbar-brand { - @extend .no-dec; - a{ - color: white; - &:hover, &:active, &:focus { - color: white; - font-weight: normal; - text-decoration: none; - } - } +button, input[type="submit"] { + @extend .btn; } -.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; -} +footer { + clear: both; + margin: 0 auto; + border-top: solid 1px $orange; + padding-top: 10px; + text-align: center; + position:absolute; + bottom: 0; + width: 100%; +}
\ No newline at end of file |