Commit 5bd15e23 authored by Steffen van Bergerem's avatar Steffen van Bergerem

Clean up scss code for original white background

parent cab192b6
......@@ -23,8 +23,8 @@ $light-green: lighten($green, 20%);
$red: #a80000;
$blue: #3f8fba;
$sidebars-background: #f0f0f0;
$sidebars-sub-background: darken($sidebars-background, 12%);
$sidebars-background: #f0f0f0 !default;
$sidebars-sub-background: darken($sidebars-background, 12%) !default;
$left-navbar-drawer-background: darken($sidebars-background, 6%);
$card-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
$card-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !default;
......@@ -24,7 +24,7 @@ body {
}
}
#left-navbar .hoverable:hover { background-color: $main-color-essence; }
.left-navbar .hoverable:hover { background-color: $main-color-essence; }
.poll_form .progress .bar { background-color: $main-color-dark; }
......
/* Raw CSS */
body {
#left-navbar .hoverable { border-bottom: none; }
#left-navbar-fixed-sub-background { background: $sidebars-background; }
#left-navbar-fixed-background {
background: $sidebars-background;
border-right: 1px solid $sidebars-background;
#main_stream .stream_element {
border: 0;
border-bottom: 1px solid $border-grey;
margin-bottom: 10px;
}
#left-navbar {
background: $sidebars-background;
border-right: 1px solid $sidebars-background;
.profile_header > div {
border-bottom: 1px solid $border-grey;
}
#right-sidebar-fixed-sub-background { background: $sidebars-background; }
#right-sidebar-fixed-background {
background: $sidebars-background;
border-left: 1px solid $sidebars-background;
.left-navbar .hoverable { border-bottom: 0; }
.profile-sidebar,
.left-navbar-fixed-background,
&.page-tags .left-navbar-fixed-background,
.left-navbar {
border-right: 1px solid $border-grey;
}
.right-sidebar-fixed-background,
.right-sidebar-fixed-background,
.rightbar {
background: $sidebars-background;
border-left: 1px solid $sidebars-background;
}
}
/* Main color(s) */
// Main color(s)
$main-color: #585858;
$background: #ffffff;
$background: #fff;
/* Shades */
// Shades
$main-color-dark: darken($main-color, 15%);
/* Variables */
// Variables
$header-background-color: $main-color-dark;
$sidebars-background: $background;
$sidebars-sub-background: $background;
$card-shadow: none;
@import "color_themes/color_theme_override_origwhite"
@import 'color_themes/color_theme_override_origwhite';
@import "style";
@import "application";
@import 'color-variables';
@import 'style';
@import 'application';
@import "style";
@import "mobile/mobile";
@import 'color-variables';
@import 'style';
@import 'mobile/mobile';
/* Fixed backgrounds are a common practice to avoid height issues */
#left-navbar-fixed-sub-background {
.left-navbar-fixed-sub-background {
background: $sidebars-sub-background;
position: fixed;
height: 100%;
}
#left-navbar-fixed-background {
.left-navbar-fixed-background {
background: $sidebars-background;
border-right: 1px solid $light-grey;
position: fixed;
height: 100%;
}
#left-navbar {
.left-navbar {
background: $sidebars-background;
border-right: 1px solid $light-grey;
a {
......
#right-sidebar-fixed-background {
.right-sidebar-fixed-background {
height: 100%;
border-left: 1px solid $light-grey;
background: $sidebars-background;
position: fixed;
right: 0;
}
#right-sidebar-fixed-sub-background {
.right-sidebar-fixed-sub-background {
height: 100%;
background: $sidebars-sub-background;
position: fixed;
......@@ -89,7 +89,7 @@
}
@media screen and (min-width: 1200px) {
#right-sidebar-fixed-background {
.right-sidebar-fixed-background {
margin-right: 8.33333%; /* Only for LARGE screens, same as lg-offset-1 class, BS3 does not provide right side offsetting */
}
}
......@@ -24,8 +24,8 @@ h1.tag {
}
.page-tags {
background-color: $sidebars-background;
.left-navbar-fixed-background { border-right: 0; }
#tags_show {
#left-navbar-fixed-background { border-right: none; }
.col-md-3 {
h4 { margin: 25px 0 15px; }
.side_stream #people_stream {
......
......@@ -14,7 +14,7 @@
.container-fluid#profile_container
.row
.col-md-3
#profile
.profile-sidebar#profile
-# here be JS
.col-md-9
......
......@@ -22,9 +22,9 @@
%div.container-fluid
.row
#left-navbar-fixed-sub-background.col-lg-1.visible-lg
#left-navbar-fixed-background.col-lg-offset-1.col-lg-2.col-md-3.hidden-sm.hidden-xs
#left-navbar.col-lg-offset-1.col-lg-2.col-md-3
.left-navbar-fixed-sub-background.col-lg-1.visible-lg
.left-navbar-fixed-background.col-lg-offset-1.col-lg-2.col-md-3.hidden-sm.hidden-xs
.left-navbar.col-lg-offset-1.col-lg-2.col-md-3
#home_user_badge
= owner_image_link
%h4
......@@ -48,8 +48,8 @@
#aspect_stream_container.stream_container
= render 'aspects/aspect_stream', stream: @stream
#right-sidebar-fixed-sub-background.col-lg-3.visible-lg
#right-sidebar-fixed-background.col-md-3.col-lg-2.hidden-sm.hidden-xs
.right-sidebar-fixed-sub-background.col-lg-3.visible-lg
.right-sidebar-fixed-background.col-md-3.col-lg-2.hidden-sm.hidden-xs
.col-md-3.col-lg-2.hidden-xs.hidden-sm.rightbar
#selected_aspect_contacts.section
.title
......
......@@ -10,8 +10,8 @@
.container-fluid#tags_show
.row
.col-lg-1.visible-lg#left-navbar-fixed-sub-background
.col-lg-offset-1.col-lg-3.col-md-4.hidden-sm.hidden-xs#left-navbar-fixed-background
.col-lg-1.visible-lg.left-navbar-fixed-sub-background
.col-lg-offset-1.col-lg-3.col-md-4.hidden-sm.hidden-xs.left-navbar-fixed-background
.col-lg-offset-1.col-lg-3.col-md-4
%h4
= t('.tagged_people', count: @stream.tagged_people_count, tag: @stream.display_tag_name)
......@@ -34,7 +34,7 @@
%span.loader.hidden
.spinner
.col-lg-1.visible-lg#right-sidebar-fixed-sub-background
.col-lg-1.visible-lg.right-sidebar-fixed-sub-background
%a.back-to-top#back-to-top{title: "#{t('layouts.application.back_to_top')}", href: "#"}
⇧
available:
original: "Original Dark"
original_white: "Original White Background"
dark_green: "Dark Green"
magenta: "Magenta"
egyptian_blue: "Egyptian Blue"
original_white: "Original White Background"
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment