[ADD] theme 13.0
This commit is contained in:
Design
@@ -0,0 +1,139 @@
|
||||
// Spacing
|
||||
//
|
||||
// Control the default styling of most Bootstrap elements by modifying these
|
||||
// variables. Mostly focused on spacing.
|
||||
// You can add more entries to the $spacers map, should you need more variation.
|
||||
|
||||
$spacer: 1.25rem !default;
|
||||
|
||||
// Links
|
||||
//
|
||||
// Style anchor elements.
|
||||
|
||||
$link-color: palette-theme-color('primary') !default;
|
||||
$link-hover-color: palette-theme-color('info') !default;
|
||||
|
||||
// Components
|
||||
//
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$line-height-lg: 1.42 !default;
|
||||
$line-height-sm: 1.42 !default;
|
||||
|
||||
$border-color: transparent !default;
|
||||
|
||||
$border-radius: .125rem !default;
|
||||
$border-radius-lg: .125rem !default;
|
||||
$border-radius-sm: .0625rem !default;
|
||||
|
||||
$box-shadow-sm: 0 0 5px 0 rgba(140,140,140,.5) !default;
|
||||
$box-shadow: 0 0 5px 0 rgba(140,140,140,.5) !default;
|
||||
$box-shadow-lg: 0 0 5px 0 rgba(140,140,140,.5) !default;
|
||||
|
||||
// Fonts
|
||||
//
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-weight-bold: 600 !default;
|
||||
|
||||
$h1-font-size: $o-theme-font-size-base * (41 / 16) !default;
|
||||
$h2-font-size: $o-theme-font-size-base * (34 / 16) !default;
|
||||
$h3-font-size: $o-theme-font-size-base * (28 / 16) !default;
|
||||
$h4-font-size: $o-theme-font-size-base * (20 / 16) !default;
|
||||
$h5-font-size: $o-theme-font-size-base !default;
|
||||
$h6-font-size: $o-theme-font-size-base * (14 / 16) !default;
|
||||
|
||||
$text-muted: palette-theme-color('alpha') !default;
|
||||
|
||||
$hr-border-color: #ccc !default;
|
||||
|
||||
// Buttons + Forms
|
||||
//
|
||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
||||
|
||||
$input-btn-focus-box-shadow: 0 !default;
|
||||
|
||||
$input-btn-padding-y-sm: .3125rem !default;
|
||||
$input-btn-padding-x-sm: .625rem !default;
|
||||
|
||||
$input-btn-padding-y-lg: .625rem !default;
|
||||
$input-btn-padding-x-lg: 1rem !default;
|
||||
|
||||
// Buttons
|
||||
//
|
||||
// For each of Bootstrap's buttons, define text, background, and border color.
|
||||
|
||||
$btn-border-width: 0 !default;
|
||||
|
||||
$btn-box-shadow: 0 !default;
|
||||
$btn-focus-box-shadow: 0 !default;
|
||||
$btn-active-box-shadow: 0 !default;
|
||||
|
||||
// Forms
|
||||
|
||||
$label-margin-bottom: 0 !default;
|
||||
|
||||
$input-box-shadow: 0 !default;
|
||||
|
||||
$input-focus-box-shadow: 0 !default;
|
||||
|
||||
// Dropdowns
|
||||
//
|
||||
// Dropdown menu container and contents.
|
||||
|
||||
$dropdown-padding-y: .3125rem !default;
|
||||
$dropdown-spacer: 0 !default;
|
||||
$dropdown-divider-bg: transparent !default;
|
||||
$dropdown-box-shadow: 0 !default;
|
||||
|
||||
$dropdown-item-padding-y: .1875rem !default;
|
||||
$dropdown-item-padding-x: 1.25rem !default;
|
||||
|
||||
/// Navs
|
||||
|
||||
$nav-link-padding-y: .75rem !default;
|
||||
$nav-link-padding-x: .9375rem !default;
|
||||
|
||||
$nav-tabs-border-width: 0 !default;
|
||||
$nav-tabs-link-active-color: white !default;
|
||||
$nav-tabs-link-active-bg: palette-theme-color('primary') !default;
|
||||
|
||||
$nav-divider-color: palette-gray('white') !default;
|
||||
|
||||
// Navbar
|
||||
$navbar-padding-y: 0 !default;
|
||||
|
||||
$navbar-nav-link-padding-x: $nav-link-padding-x !default;
|
||||
|
||||
$navbar-dark-color: palette-gray('white') !default;
|
||||
$navbar-dark-hover-color: rgba(palette-theme-color('delta'), .9) !default;
|
||||
$navbar-dark-active-color: palette-gray('white') !default;
|
||||
|
||||
$navbar-light-color: palette-gray('black') !default;
|
||||
$navbar-light-hover-color: rgba(palette-theme-color('delta'), .9) !default;
|
||||
$navbar-light-active-color: palette-gray('black') !default;
|
||||
|
||||
// Pagination
|
||||
|
||||
$pagination-padding-y: .375rem !default;
|
||||
$pagination-padding-y-sm: .3125rem !default;
|
||||
$pagination-padding-x-sm: .625rem !default;
|
||||
$pagination-padding-y-lg: .625rem !default;
|
||||
$pagination-padding-x-lg: 1rem !default;
|
||||
$pagination-line-height: 1.42 !default;
|
||||
|
||||
$pagination-focus-box-shadow: 0 !default;
|
||||
|
||||
$pagination-active-color: white !default;
|
||||
$pagination-active-bg: palette-theme-color('primary') !default;
|
||||
|
||||
// Progress bars
|
||||
|
||||
$progress-box-shadow: 0 !default;
|
||||
$progress-bar-bg: palette-theme-color("gamma") !default;
|
||||
|
||||
// Carousel
|
||||
|
||||
$carousel-indicator-active-bg: #808080 !default;
|
||||
|
||||
$carousel-caption-color: #808080 !default;
|
||||
@@ -0,0 +1,319 @@
|
||||
|
||||
$o-theme-bg-img-01: url("/theme_clean/static/src/img/backgrounds/bg_snippet_01.jpg");
|
||||
$o-theme-bg-img-02: url("/theme_clean/static/src/img/backgrounds/bg_snippet_02.jpg");
|
||||
$o-theme-bg-img-03: url("/theme_clean/static/src/img/backgrounds/bg_snippet_03.jpg");
|
||||
$o-theme-bg-img-04: url("/theme_clean/static/src/img/backgrounds/bg_snippet_04.jpg");
|
||||
$o-theme-bg-img-05: url("/theme_clean/static/src/img/backgrounds/bg_snippet_05.jpg");
|
||||
$o-theme-bg-img-06: url("/theme_clean/static/src/img/backgrounds/bg_snippet_06.jpg");
|
||||
$o-theme-bg-img-07: null;
|
||||
$o-theme-bg-img-08: null;
|
||||
$o-theme-bg-img-09: null;
|
||||
$o-theme-bg-img-10: null;
|
||||
$o-theme-bg-img-11: null;
|
||||
$o-theme-bg-img-12: null;
|
||||
|
||||
$o-theme-bg-blur-01: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_01.jpg");
|
||||
$o-theme-bg-blur-02: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_02.jpg");
|
||||
$o-theme-bg-blur-03: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_03.jpg");
|
||||
$o-theme-bg-blur-04: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_04.jpg");
|
||||
$o-theme-bg-blur-05: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_05.jpg");
|
||||
$o-theme-bg-blur-06: url("/theme_clean/static/src/img/backgrounds/bg_blur_img_06.jpg");
|
||||
|
||||
$o-theme-font-size-base: 1rem;
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Colors
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
// Theme colors
|
||||
$o-theme-color-palettes: (
|
||||
(
|
||||
'alpha': #bdc3c7,
|
||||
'beta': #95a5a6,
|
||||
'gamma': #2980b9,
|
||||
'delta': #3498db,
|
||||
'epsilon': #34495e,
|
||||
|
||||
'primary': #337ab7,
|
||||
'secondary': #ffffff,
|
||||
'success': #2980b9,
|
||||
'info': #1abc9c,
|
||||
'warning': #36495e,
|
||||
'danger': #2c3e50,
|
||||
),
|
||||
(
|
||||
'alpha': #bdc3c7,
|
||||
'beta': #7a58b2,
|
||||
'gamma': #593d87,
|
||||
'delta': #39225f,
|
||||
'epsilon': #2c3e50,
|
||||
|
||||
'primary': #337ab7,
|
||||
'secondary': #ffffff,
|
||||
'success': #593d87,
|
||||
'info': #39225f,
|
||||
'warning': #2c3e50,
|
||||
'danger': #c0392b,
|
||||
),
|
||||
(
|
||||
'alpha': #c5bcb1,
|
||||
'beta': #e67e22,
|
||||
'gamma': #c0392b,
|
||||
'delta': #e74c3c,
|
||||
'epsilon': #d35400,
|
||||
|
||||
'primary': #337ab7,
|
||||
'secondary': #ffffff,
|
||||
'success': #c0392b,
|
||||
'info': #e67e22,
|
||||
'warning': #c5bcb1,
|
||||
'danger': #d35400,
|
||||
),
|
||||
(
|
||||
'alpha': #c5bcb1,
|
||||
'beta': #f1c40f,
|
||||
'gamma': #f3ac12,
|
||||
'delta': #e67e22,
|
||||
'epsilon': #d35400,
|
||||
|
||||
'primary': #337ab7,
|
||||
'secondary': #ffffff,
|
||||
'success': #f3ac12,
|
||||
'info': #f1c40f,
|
||||
'warning': #c0392b,
|
||||
'danger': #d35400,
|
||||
),
|
||||
(
|
||||
'alpha': #ecf0f1,
|
||||
'beta': #bdc3c7,
|
||||
'gamma': #27ae60,
|
||||
'delta': #254c3a,
|
||||
'epsilon': #2ecc71,
|
||||
|
||||
'primary': #337ab7,
|
||||
'secondary': #ffffff,
|
||||
'success': #27ae60,
|
||||
'info': #254c3a,
|
||||
'warning': #34495e,
|
||||
'danger': #2c3e50,
|
||||
),
|
||||
(
|
||||
'alpha': #ecf0f1,
|
||||
'beta': #bdc3c7,
|
||||
'gamma': #7f8c8d,
|
||||
'delta': #445b5c,
|
||||
'epsilon': #34495e,
|
||||
|
||||
'primary': #337ab7,
|
||||
'secondary': #ffffff,
|
||||
'success': #bdc3c7,
|
||||
'info': #7f8c8d,
|
||||
'warning': #445b5c,
|
||||
'danger': #2c3e50,
|
||||
),
|
||||
);
|
||||
|
||||
// Grays
|
||||
$o-gray-color-palettes: ();
|
||||
@each $-palette in $o-theme-color-palettes {
|
||||
$o-gray-color-palettes: append($o-gray-color-palettes, (
|
||||
'black': #000000,
|
||||
'900': lighten(#000, 40%),
|
||||
'600': lighten(#000, 70%),
|
||||
'200': lighten(#000, 80%),
|
||||
'white': #FFFFFF,
|
||||
));
|
||||
}
|
||||
|
||||
// Colors
|
||||
$o-color-palettes: (
|
||||
(
|
||||
'menu': #1b557a,
|
||||
'footer': #164666,
|
||||
'text': #8c8c8c,
|
||||
|
||||
'btn-alpha': #3498DB, // FIXME
|
||||
'btn-beta': #2980B9,
|
||||
'btn-gamma': #1ABC9C,
|
||||
'btn-delta': #34495E,
|
||||
'btn-epsilon': #2C3E50,
|
||||
|
||||
'btn-primary': #3498db,
|
||||
'btn-secondary': #ffffff,
|
||||
'btn-success': #1abc9c,
|
||||
'btn-info': #2ecc71,
|
||||
'btn-warning': #e67e22,
|
||||
'btn-danger': #e74c3c,
|
||||
),
|
||||
(
|
||||
'menu': #362552,
|
||||
'footer': #2b1d41,
|
||||
'text': #8c8c8c,
|
||||
|
||||
'btn-alpha': #7a58b2,
|
||||
'btn-beta': #593d87,
|
||||
'btn-gamma': #39225f,
|
||||
'btn-delta': #2C3E50,
|
||||
'btn-epsilon': #C0392B,
|
||||
|
||||
'btn-primary': #bdc3c7,
|
||||
'btn-secondary': #ffffff,
|
||||
'btn-success': #95a5a6,
|
||||
'btn-info': #7a58b2,
|
||||
'btn-warning': #b29ed2,
|
||||
'btn-danger': #e74c3c,
|
||||
),
|
||||
(
|
||||
'menu': #81261d,
|
||||
'footer': #6d2018,
|
||||
'text': #8c8c8c,
|
||||
|
||||
'btn-alpha': #E74C3C,
|
||||
'btn-beta': #C0392B,
|
||||
'btn-gamma': #E67E22,
|
||||
'btn-delta': #c5bcb1,
|
||||
'btn-epsilon': #D35400,
|
||||
|
||||
'btn-primary': #e74c3c,
|
||||
'btn-secondary': #ffffff,
|
||||
'btn-success': #e67e22,
|
||||
'btn-info': #f3ac12,
|
||||
'btn-warning': #d35400,
|
||||
'btn-danger': #c0392b,
|
||||
),
|
||||
(
|
||||
'menu': #b07b09,
|
||||
'footer': #976a08,
|
||||
'text': #8c8c8c,
|
||||
|
||||
'btn-alpha': #E74C3C,
|
||||
'btn-beta': #f3ac12,
|
||||
'btn-gamma': #F1C40F,
|
||||
'btn-delta': #C0392B,
|
||||
'btn-epsilon': #D35400,
|
||||
|
||||
'btn-primary': #f1c40f,
|
||||
'btn-secondary': #ffffff,
|
||||
'btn-success': #e67e22,
|
||||
'btn-info': #f3ac12,
|
||||
'btn-warning': #d35400,
|
||||
'btn-danger': #c0392b,
|
||||
),
|
||||
(
|
||||
'menu': #19703e,
|
||||
'footer': #145b32,
|
||||
'text': #8c8c8c,
|
||||
|
||||
'btn-alpha': #2ECC71,
|
||||
'btn-beta': #27AE60,
|
||||
'btn-gamma': #254c3a,
|
||||
'btn-delta': #34495E,
|
||||
'btn-epsilon': #2C3E50,
|
||||
|
||||
'btn-primary': #2ecc71,
|
||||
'btn-secondary': #ffffff,
|
||||
'btn-success': #1abc9c,
|
||||
'btn-info': #3498db,
|
||||
'btn-warning': #e67e22,
|
||||
'btn-danger': #e74c3c,
|
||||
),
|
||||
(
|
||||
'menu': #6d8082,
|
||||
'footer': #617374,
|
||||
'text': #8c8c8c,
|
||||
|
||||
'btn-alpha': #95A5A6,
|
||||
'btn-beta': #BDC3C7,
|
||||
'btn-gamma': #7F8C8D,
|
||||
'btn-delta': #445b5c,
|
||||
'btn-epsilon': #2C3E50,
|
||||
|
||||
'btn-primary': #95a5a6,
|
||||
'btn-secondary': #ffffff,
|
||||
'btn-success': #3498db,
|
||||
'btn-info': #34495e,
|
||||
'btn-warning': #e74c3c,
|
||||
'btn-danger': #c0392b,
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Website customizations
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
'font-number': 1,
|
||||
'headings-font-number': 2,
|
||||
'navbar-font-number': 1,
|
||||
'buttons-font-number': 1,
|
||||
),
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Fonts
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-theme-fonts: (
|
||||
('PT Sans', sans-serif),
|
||||
('Ubuntu', sans-serif),
|
||||
('Bitter', serif),
|
||||
('Droid Serif', serif),
|
||||
('Dosis', sans-serif),
|
||||
('Open Sans', sans-serif),
|
||||
('Heebo', sans-serif),
|
||||
('Lato', sans-serif),
|
||||
('Josefin Slab', serif),
|
||||
('Abel', sans-serif),
|
||||
('Muli', sans-serif),
|
||||
('Libre Baskerville', serif),
|
||||
('Medula One', cursive),
|
||||
('Montserrat Alternates', sans-serif),
|
||||
('Imprima', sans-serif),
|
||||
('Oswald', sans-serif),
|
||||
('Quattrocento', serif),
|
||||
('Vollkorn', serif),
|
||||
('Alice', serif),
|
||||
);
|
||||
$o-theme-font-urls: (
|
||||
'PT+Sans:300,300i,400,400i,700,700i',
|
||||
'Ubuntu:300,300i,400,400i,700,700i',
|
||||
'Bitter:300,300i,400,400i,700,700i',
|
||||
null,
|
||||
'Dosis:300,300i,400,400i,700,700i',
|
||||
'Open+Sans:300,300i,400,400i,700,700i',
|
||||
'Heebo:300,300i,400,400i,700,700i',
|
||||
'Lato:300,300i,400,400i,700,700i',
|
||||
'Josefin+Slab:300,300i,400,400i,700,700i',
|
||||
'Abel:300,300i,400,400i,700,700i',
|
||||
'Muli:300,300i,400,400i,700,700i',
|
||||
'Libre+Baskerville:300,300i,400,400i,700,700i',
|
||||
'Medula+One:300,300i,400,400i,700,700i',
|
||||
'Montserrat+Alternates:300,300i,400,400i,700,700i',
|
||||
'Imprima:300,300i,400,400i,700,700i',
|
||||
'Oswald:300,300i,400,400i,700,700i',
|
||||
'Quattrocento:300,300i,400,400i,700,700i',
|
||||
'Vollkorn:300,300i,400,400i,700,700i',
|
||||
'Alice:300,300i,400,400i,700,700i',
|
||||
);
|
||||
$o-theme-font-names: (
|
||||
'PT Sans',
|
||||
'Ubuntu',
|
||||
'Bitter',
|
||||
'Droid Serif',
|
||||
'Dosis',
|
||||
'Open Sans',
|
||||
'Heebo',
|
||||
'Lato',
|
||||
'Josefin Slab',
|
||||
'Abel',
|
||||
'Muli',
|
||||
'Libre Baskerville',
|
||||
'Medula One',
|
||||
'Montserrat Alternates',
|
||||
'Imprima',
|
||||
'Oswald',
|
||||
'Quattrocento',
|
||||
'Vollkorn',
|
||||
'Alice',
|
||||
);
|
||||
@@ -0,0 +1,103 @@
|
||||
// Restore text-success color for website_sale "wizard" (checkout breadcrumb)
|
||||
// Hopefully remove this with improvements of saas-17
|
||||
.oe_website_sale .wizard .text-success {
|
||||
color: #5CB85C;
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
// Backgrounds Images
|
||||
|
||||
@include o-theme-chd-bg-img-classes(
|
||||
$bg2: ( linear-gradient( rgba(black, 0.8), rgba(black, 0.2) ), $o-theme-bg-img-02),
|
||||
$bg3: ( linear-gradient( rgba(black, 0.6), rgba(black, 0.7) ), $o-theme-bg-img-03),
|
||||
$bg6: ( linear-gradient( rgba(black, 0.3), rgba(black, 0.75) ), $o-theme-bg-img-06)
|
||||
);
|
||||
|
||||
@mixin o-bg-blur-styles($color: white) {
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
.fa, h1, h2, h3, h4, h5, h6, p {
|
||||
color: $color;
|
||||
}
|
||||
.text-muted {
|
||||
color: theme-color('alpha');
|
||||
}
|
||||
}
|
||||
|
||||
.bg-blur-01 {
|
||||
background-image: $o-theme-bg-blur-01;
|
||||
@include o-bg-blur-styles(gray('800'));
|
||||
}
|
||||
.bg-blur-02 {
|
||||
background-image: $o-theme-bg-blur-02;
|
||||
@include o-bg-blur-styles();
|
||||
}
|
||||
.bg-blur-03 {
|
||||
background-image: $o-theme-bg-blur-03;
|
||||
@include o-bg-blur-styles();
|
||||
}
|
||||
.bg-blur-04 {
|
||||
background-image: $o-theme-bg-blur-04;
|
||||
@include o-bg-blur-styles();
|
||||
}
|
||||
.bg-blur-05 {
|
||||
background-image: $o-theme-bg-blur-05;
|
||||
@include o-bg-blur-styles();
|
||||
}
|
||||
.bg-blur-06 {
|
||||
background-image: $o-theme-bg-blur-06;
|
||||
@include o-bg-blur-styles(gray('800'));
|
||||
}
|
||||
|
||||
// Backgrounds Gradients
|
||||
@include o-theme-chd-bg-gradient-classes();
|
||||
@include o-theme-chd-bg-option-menu-styles();
|
||||
|
||||
// Custom Padding
|
||||
@include o-theme-chd-padding-l-r-classes();
|
||||
|
||||
// Price List
|
||||
.price {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
// popover
|
||||
.popover, .popover-title {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
// hr
|
||||
hr {
|
||||
border-top: 1px solid gray('700');
|
||||
}
|
||||
|
||||
// Navbar
|
||||
|
||||
.navbar .active {
|
||||
background-color: theme-color('delta');
|
||||
}
|
||||
|
||||
// Footer
|
||||
|
||||
footer {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: gray('200');
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@include o-theme-chd-footer-styles();
|
||||
}
|
||||
|
||||
@if $o-theme-layout == 'boxed' {
|
||||
#wrapwrap {
|
||||
@include media-breakpoint-up(md) {
|
||||
margin: 0 auto;
|
||||
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user