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