diff options
Diffstat (limited to 'app/assets/stylesheets/responsive/custom.scss')
-rw-r--r-- | app/assets/stylesheets/responsive/custom.scss | 71 |
1 files changed, 68 insertions, 3 deletions
diff --git a/app/assets/stylesheets/responsive/custom.scss b/app/assets/stylesheets/responsive/custom.scss index d0282c0..710a7ba 100644 --- a/app/assets/stylesheets/responsive/custom.scss +++ b/app/assets/stylesheets/responsive/custom.scss @@ -1,4 +1,3 @@ - /* Mixin styles */ /* Hide text when it's replaced by an image */ @@ -252,11 +251,11 @@ a.link_button_green_large { /* Header */ #banner_inner { - background-color: $banner_inner_bg; + background-color: $color_primary; } #topnav { - background-color: $topnav_bg; + background-color: darken($color_primary, 10%); } .site-title__logo { @@ -383,6 +382,7 @@ a.link_button_green_large { @include respond-min($main_menu-mobile_menu_cutoff) { background-color: transparent; } + left: 344px; } /* Dropdown list for switching locale */ @@ -576,6 +576,23 @@ a.link_button_green_large { right: 4px; } } + + /* Pad evenly top and bottom on smaller devices */ + #logo_wrapper{ + + @include respond-min( $main_menu-mobile_menu_cutoff ){ + @include lte-ie7 { + padding-bottom: 2em; + } + } + @media(max-width: $main_menu-mobile_menu_cutoff ){ + padding: 0.5em 0 0.5em 0.9375em; + img { + height: 30px; + } + } + } + } @@ -956,3 +973,51 @@ dt { color: $link-color; } } + +/* Reset the logo, as we dont like image logos */ +.site-title__logo { + background-image: unset; + overflow-hidden: unset; + margin: unset; + padding-top: 10px; + margin-right: 40px; + width: unset; + text-indent: unset; + background-size: unset; + + font-size: 2em; + font-weight: 400; + color: #fff!important; + height: 50px; +} + +h1 { + font-size: 2.2em; +} + +h2 { + font-size: 1.8em; +} + +.request_listing .head, .body_listing .head, .user_listing .head { + font-size: 1.5em; +} + +.homepage-hero { + background-repeat: repeat; +} + +.footer { + padding: 5em 0 8em; + background-image: url(/assets/homepage-background.jpg); +} + +/* logged in menu */ +.js-loaded .navigation .logged-in-menu { + width: auto; + background-color: darken($color_primary, 10%); +} + +.dashboard-profile__name, .dashboard-profile__email { + color: #ccc; +} |