Skip to content
Snippets Groups Projects
Commit 74d3c583 authored by Alok Singh's avatar Alok Singh
Browse files

Merge branch '2.0.x' into 'yg_corporate_lite-3419374'

# Conflicts:
#   css/style.css
parents bfa745f5 1b3eae1d
No related tags found
No related merge requests found
Pipeline #226207 passed
Showing
with 882 additions and 0 deletions
assets/images/1930123-200.png

4.86 KiB

<?php
/**
* @file
* Lists available colors and color schemes for the Bootstrap Barrio theme.
*/
$info = [
// Available colors and color labels used in theme.
'fields' => [
'top' => t('Header background top'),
'bottom' => t('Header background bottom'),
'bg' => t('Main background'),
'sidebar' => t('Sidebar background'),
'sidebarborders' => t('Sidebar borders'),
'footer' => t('Footer background'),
'button' => t('Primary button background'),
'buttonhover' => t('Primary button hover'),
'titleslogan' => t('Title and slogan'),
'text' => t('Text color'),
'link' => t('Link color'),
],
// Pre-defined color schemes.
'schemes' => [
'default' => [
'title' => t('Blue Lagoon (default)'),
'colors' => [
'top' => '#055a8e',
'bottom' => '#1d84c3',
'bg' => '#ffffff',
'sidebar' => '#f6f6f2',
'sidebarborders' => '#f9f9f9',
'footer' => '#292929',
'button' => '#007bff',
'buttonhover' => '#0256b1',
'titleslogan' => '#fffeff',
'text' => '#3b3b3b',
'link' => '#0071b3',
],
],
'firehouse' => [
'title' => t('Firehouse'),
'colors' => [
'top' => '#cd2d2d',
'bottom' => '#d64e4e',
'bg' => '#ffffff',
'sidebar' => '#f1f4f0',
'sidebarborders' => '#ededed',
'footer' => '#1f1d1c',
'button' => '#d6121f',
'buttonhover' => '#a90f19',
'titleslogan' => '#fffeff',
'text' => '#888888',
'link' => '#d6121f',
],
],
'ice' => [
'title' => t('Ice'),
'colors' => [
'top' => '#d0d0d0',
'bottom' => '#c2c4c5',
'bg' => '#ffffff',
'sidebar' => '#ffffff',
'sidebarborders' => '#cccccc',
'footer' => '#016b83',
'button' => '#019dbf',
'buttonhover' => '#016c83',
'titleslogan' => '#000000',
'text' => '#4a4a4a',
'link' => '#019dbf',
],
],
'plum' => [
'title' => t('Plum'),
'colors' => [
'top' => '#4c1c58',
'bottom' => '#593662',
'bg' => '#fffdf7',
'sidebar' => '#edede7',
'sidebarborders' => '#e7e7e7',
'footer' => '#2c2c28',
'button' => '#9d408d',
'buttonhover' => '#77316b',
'titleslogan' => '#ffffff',
'text' => '#301313',
'link' => '#9d408d',
],
],
'slate' => [
'title' => t('Slate'),
'colors' => [
'top' => '#4a4a4a',
'bottom' => '#4e4e4e',
'bg' => '#ffffff',
'sidebar' => '#ffffff',
'sidebarborders' => '#d0d0d0',
'footer' => '#161617',
'button' => '#0073b6',
'buttonhover' => '#00517f',
'titleslogan' => '#ffffff',
'text' => '#3b3b3b',
'link' => '#0073b6',
],
],
],
// CSS files (excluding @import) to rewrite with new color scheme.
'css' => [
'css/colors.css',
],
// Files to copy.
'copy' => [
'logo.svg',
],
// Preview files.
'preview_library' => 'bootstrap_barrio_subtheme/color.preview',
'preview_html' => 'color/preview.html',
// Attachments.
'#attached' => [
'drupalSettings' => [
'color' => [
// Put the logo path into JavaScript for the live preview.
'logo' => theme_get_setting('logo.url', 'bootstrap_barrio_subtheme'),
],
],
],
];
/* ---------- Preview Styles ----------- */
.js .color-preview {
clear: both;
float: none !important;
}
.color-preview {
background-color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 1.5;
overflow: hidden;
word-wrap: break-word;
margin-bottom: 10px;
}
.color-preview-header-top {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
min-height: 40px;
}
.color-preview-header {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
}
.color-preview-logo {
float: left;
padding: 15px;
}
.color-preview-site-name {
color: #686868;
font-weight: normal;
font-size: 1.821em;
line-height: 1;
margin-bottom: 30px;
margin-left: 15px;
/* LTR */
padding-top: 34px;
}
[dir="rtl"] .color-preview-site-name {
margin-left: 0;
margin-right: 15px;
}
.color-preview-main-menu {
clear: both;
padding: 0 15px 3px;
}
.color-preview-main-menu-links a {
color: #d9d9d9;
padding: 0.6em 1em 0.4em;
}
.color-preview-main-menu-links {
font-size: 0.929em;
margin: 0;
padding: 0;
}
.color-preview-main-menu-links a {
color: #333;
background: #ccc;
background: rgba(255, 255, 255, 0.7);
text-shadow: 0 1px #eee;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.color-preview-main-menu-links a:hover,
.color-preview-main-menu-links a:focus {
background: #eee;
background: rgba(255, 255, 255, 0.95);
text-decoration: none;
cursor: pointer;
}
.color-preview-main-menu-links li a.is-active {
background: #fff;
border-bottom: none;
}
.color-preview-main-menu-links li {
display: inline;
list-style-type: none;
padding: 0.6em 0 0.4em;
}
.preview-button {
display: inline-block;
min-width: 80px;
margin-top: 10px;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
color: white !important;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.color-preview-sidebar,
.color-preview-content {
display: inline;
float: left;
/* LTR */
position: relative;
}
[dir="rtl"] .color-preview-sidebar,
[dir="rtl"] .color-preview-content {
float: right;
}
.color-preview-sidebar {
margin-left: 15px;
/* LTR */
width: 210px;
}
[dir="rtl"] .color-preview-sidebar {
margin-left: 0;
margin-right: 15px;
}
.color-preview-content {
margin-left: 30px;
/* LTR */
width: 26.5em;
}
[dir="rtl"] .color-preview-content {
margin-left: 0;
margin-right: 30px;
}
.color-preview-sidebar .preview-block {
border: 1px solid;
margin: 20px 0;
padding: 15px 20px;
}
.color-preview-sidebar h2 {
border-bottom: 1px solid #d6d6d6;
font-weight: normal;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding-bottom: 5px;
text-shadow: 0 1px 0 #fff;
}
.color-preview .preview-block .preview-content {
margin-top: 1em;
}
.color-preview .preview-block-menu .preview-content,
.color-preview .preview-block-menu .preview-content ul {
margin-top: 0;
}
.color-preview-main {
margin-bottom: 40px;
margin-top: 20px;
}
.color-preview-page-title {
font-size: 2em;
font-weight: normal;
line-height: 1;
margin: 1em 0 0.5em;
}
.color-preview-footer-wrapper {
color: #c0c0c0;
color: rgba(255, 255, 255, 0.65);
display: block !important;
font-size: 0.857em;
padding: 20px 20px 25px;
}
.color-preview-footer-wrapper a {
color: #fcfcfc;
color: rgba(255, 255, 255, 0.8);
}
.color-preview-footer-wrapper a:hover,
.color-preview-footer-wrapper a:focus {
color: #fefefe;
color: rgba(255, 255, 255, 0.95);
text-decoration: underline;
}
.color-preview-footer-wrapper .preview-footer-column {
display: inline;
float: left;
/* LTR */
padding: 0 10px;
position: relative;
width: 220px;
}
[dir="rtl"] .color-preview-footer-wrapper .preview-footer-column {
float: right;
}
.color-preview-footer-wrapper .preview-block {
border: 1px solid #444;
border-color: rgba(255, 255, 255, 0.1);
margin: 20px 0;
padding: 10px;
}
.color-preview-footer-columns .preview-block-menu {
border: none;
margin: 0;
padding: 0;
}
.color-preview-footer-columns h2 {
border-bottom: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
padding-bottom: 3px;
text-transform: uppercase;
}
.color-preview-footer-columns .preview-content {
margin-top: 0;
}
.color-preview-footer-columns .preview-content ul {
margin-left: 0;
/* LTR */
padding-left: 0;
/* LTR */
}
[dir="rtl"] .color-preview-footer-columns .preview-content ul {
margin-right: 0;
padding-right: 0;
}
.color-preview-footer-columns .preview-content li {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.color-preview-footer-columns .preview-content li a {
border-bottom: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
display: block;
line-height: 1.2;
padding: 0.8em 2px 0.8em 20px;
/* LTR */
text-indent: -15px;
}
[dir="rtl"] .color-preview-footer-columns .preview-content li a {
padding-left: 2px;
padding-right: 20px;
}
.color-preview-footer-columns .preview-content li a:hover,
.color-preview-footer-columns .preview-content li a:focus {
background-color: #1f1f21;
background-color: rgba(255, 255, 255, 0.05);
text-decoration: none;
}
/**
* @file
* Preview for the Bartik theme.
*/
(function ($, Drupal, drupalSettings) {
Drupal.color = {
logoChanged: false,
callback(context, settings, $form) {
// Change the logo to be the real one.
if (!this.logoChanged) {
$('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
this.logoChanged = true;
}
// Remove the logo if the setting is toggled off.
if (drupalSettings.color.logo === null) {
$('div').remove('.color-preview-logo');
}
const $colorPreview = $form.find('.color-preview');
const $colorPalette = $form.find('.js-color-palette');
// Solid background.
$colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
// Text preview.
$colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
$colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
// Sidebar block.
const $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
$colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
$colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
// Footer wrapper background.
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
// CSS3 Gradients.
const gradientStart = $colorPalette.find('input[name="palette[top]"]').val();
const gradientEnd = $colorPalette.find('input[name="palette[bottom]"]').val();
$colorPreview.find('.color-preview-header').attr('style', `background - color: ${gradientStart}; background - image: -webkit - gradient(linear, 0 % 0 % , 0 % 100 % , from(${gradientStart}), to(${gradientEnd})); background - image: -moz - linear - gradient(-90deg, ${gradientStart}, ${gradientEnd});`);
$colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
},
};
}(jQuery, Drupal, drupalSettings));
<div class="color-preview">
<div class="color-preview-header-top">
</div>
<div class="color-preview-header">
<div class="color-preview-logo"><img src="../../../themes/bootstrap_barrio_subtheme/logo.svg" alt="Site Logo" />
</div>
<div class="color-preview-site-name">Barrio</div>
<div class="color-preview-main-menu">
<ul class="color-preview-main-menu-links">
<li><a>Home</a></li>
<li><a>Te Quidne</a></li>
<li><a>Vel Torqueo Quae Erat</a></li>
</ul>
</div>
</div>
<div class="color-preview-main clearfix">
<div class="color-preview-sidebar">
<div class="color-preview-block preview-block">
<h2>Etiam est risus</h2>
<div class="preview-content">
Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis. Laboris nisi ut aliquip ex ea.
</div>
</div>
</div>
<div class="color-preview-content">
<h1 class="color-preview-page-title">Lorem ipsum dolor</h1>
<div class="color-preview-node">
<div class="preview-content">
Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
commodo consequat. Maecenas
id porttitor Ut enim ad minim veniam, quis nostr udfelis.
</div>
<a class="preview-button">Do it!</a>
</div>
</div>
</div>
<div class="color-preview-footer-wrapper">
<div class="color-preview-footer-columns clearfix">
<div class="preview-footer-column">
<div class="preview-block">
<h2>Etiam est risus</h2>
<div class="content">
Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis. Laboris nisi ut aliquip ex ea.
</div>
</div>
</div>
<div class="preview-footer-column">
<div class="preview-block preview-block-menu">
<h2>Erisus dolor</h2>
<div class="preview-content">
<ul>
<li><a>Donec placerat</a></li>
<li><a>Nullam nibh dolor</a></li>
<li><a>Blandit sed</a></li>
<li><a>Fermentum id</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
/**
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function ($, Drupal, drupalSettings) {
Drupal.color = {
logoChanged: false,
callback: function callback(context, settings, $form) {
if (!this.logoChanged) {
$('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
this.logoChanged = true;
}
if (drupalSettings.color.logo === null) {
$('div').remove('.color-preview-logo');
}
var $colorPreview = $form.find('.color-preview');
var $colorPalette = $form.find('.js-color-palette');
$colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
$colorPreview.find('.color-preview-page-title, .color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
$colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
$colorPreview.find('.preview-button').css('background-color', $colorPalette.find('input[name="palette[button]"]').val());
$colorPreview.find('.preview-button').css('border-color', $colorPalette.find('input[name="palette[button]"]').val());
$colorPreview.find('.preview-button').hover(function () {
$(this).css('background-color', $colorPalette.find('input[name="palette[buttonhover]"]').val());
},
function () {
$(this).css('background-color', $colorPalette.find('input[name="palette[button]"]').val());
});
var $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
$colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
$colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
var gradientStart = $colorPalette.find('input[name="palette[top]"]').val();
var gradientEnd = $colorPalette.find('input[name="palette[bottom]"]').val();
$colorPreview.find('.color-preview-header-top').css('background-color', $colorPalette.find('input[name="palette[top]"]').val());
$colorPreview.find('.color-preview-header').css('background-color', $colorPalette.find('input[name="palette[bottom]"]').val());
$colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
}
};
})(jQuery, Drupal, drupalSettings);
# Library.
# ----------------------------
bootstrap_barrio_library: 'production'
# Layout.
# ----------------------------
bootstrap_barrio_sidebar_position: 'both'
bootstrap_barrio_content_offset: 0
bootstrap_barrio_sidebar_first_width: 4
bootstrap_barrio_sidebar_first_offset: 0
bootstrap_barrio_sidebar_second_width: 3
bootstrap_barrio_sidebar_second_offset: 0
# Container.
# ----------------------------
bootstrap_barrio_container: 'container'
bootstrap_barrio_fluid_container: 0
# Buttons.
# ----------------------------
bootstrap_barrio_button: 1
bootstrap_barrio_button_size: ''
bootstrap_barrio_button_outline: 0
# Navbar.
# ----------------------------
bootstrap_barrio_navbar_toggle: 'navbar-toggleable-lg'
bootstrap_barrio_navbar_container: ''
bootstrap_barrio_navbar_top_position: ''
bootstrap_barrio_navbar_top_color: ''
bootstrap_barrio_navbar_top_background: ''
bootstrap_barrio_navbar_position: ''
bootstrap_barrio_navbar_color: ''
bootstrap_barrio_navbar_background: ''
# Messages.
# ----------------------------
bootstrap_barrio_messages_widget: 'alerts'
# Colors.
# ----------------------------
bootstrap_barrio_system_messages: 'messages_white'
# Tables.
# ----------------------------
bootstrap_barrio_table_hover: 1
bootstrap_barrio_table_style: 'table-striped'
langcode: en
status: true
dependencies:
config:
- system.menu.account
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_account_menu
theme: bootstrap_barrio_subtheme
region: secondary_menu
weight: -7
provider: null
plugin: 'system_menu_block:account'
settings:
id: 'system_menu_block:account'
label: 'User account menu'
label_display: '0'
provider: system
level: 1
depth: 1
expand_all_items: false
visibility: { }
langcode: en
status: true
dependencies:
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_breadcrumbs
theme: bootstrap_barrio_subtheme
region: breadcrumb
weight: 0
provider: null
plugin: system_breadcrumb_block
settings:
id: system_breadcrumb_block
label: Breadcrumbs
label_display: '0'
provider: system
visibility: { }
langcode: en
status: true
dependencies:
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_content
theme: bootstrap_barrio_subtheme
region: content
weight: -3
provider: null
plugin: system_main_block
settings:
id: system_main_block
label: 'Main page content'
label_display: '0'
provider: system
visibility: { }
langcode: en
status: true
dependencies:
module:
- help
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_help
theme: bootstrap_barrio_subtheme
region: highlighted
weight: -2
provider: null
plugin: help_block
settings:
id: help_block
label: Help
label_display: '0'
provider: help
visibility: { }
langcode: en
status: true
dependencies:
config:
- system.menu.main
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_main_menu
theme: bootstrap_barrio_subtheme
region: primary_menu
weight: -6
provider: null
plugin: 'system_menu_block:main'
settings:
id: 'system_menu_block:main'
label: 'Main navigation'
label_display: '0'
provider: system
level: 1
depth: 2
expand_all_items: true
visibility: { }
langcode: en
status: true
dependencies:
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_messages
theme: bootstrap_barrio_subtheme
region: highlighted
weight: -6
provider: null
plugin: system_messages_block
settings:
id: system_messages_block
label: 'Status messages'
label_display: '0'
provider: system
visibility: { }
langcode: en
status: true
dependencies:
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_page_title
theme: bootstrap_barrio_subtheme
region: content
weight: -7
provider: null
plugin: page_title_block
settings:
id: page_title_block
label: 'Page title'
label_display: '0'
provider: core
visibility: { }
langcode: en
status: true
dependencies:
module:
- system
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_powered
theme: bootstrap_barrio_subtheme
region: footer_fifth
weight: -7
provider: null
plugin: system_powered_by_block
settings:
id: system_powered_by_block
label: 'Powered by Drupal'
label_display: '0'
provider: system
visibility: { }
langcode: en
status: true
dependencies:
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_primary_admin_actions
theme: bootstrap_barrio_subtheme
region: content
weight: -6
provider: null
plugin: local_actions_block
settings:
id: local_actions_block
label: 'Primary admin actions'
label_display: '0'
provider: core
visibility: { }
langcode: en
status: true
dependencies:
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_primary_local_tasks
theme: bootstrap_barrio_subtheme
region: content
weight: -5
provider: null
plugin: local_tasks_block
settings:
id: local_tasks_block
label: 'Primary tabs'
label_display: '0'
provider: core
primary: true
secondary: false
visibility: { }
langcode: en
status: true
dependencies:
module:
- search
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_search_form_narrow
theme: bootstrap_barrio_subtheme
region: sidebar_first
weight: -7
provider: null
plugin: search_form_block
settings:
id: search_form_block
label: 'Search form (narrow)'
label_display: '0'
provider: search
page_id: ''
visibility: { }
langcode: en
status: true
dependencies:
module:
- search
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_search_form_wide
theme: bootstrap_barrio_subtheme
region: top_header_form
weight: -7
provider: null
plugin: search_form_block
settings:
id: search_form_block
label: 'Search form (wide)'
label_display: '0'
provider: search
page_id: ''
visibility: { }
langcode: en
status: true
dependencies:
theme:
- bootstrap_barrio_subtheme
id: bootstrap_barrio_subtheme_secondary_local_tasks
theme: bootstrap_barrio_subtheme
region: content
weight: -4
provider: null
plugin: local_tasks_block
settings:
id: local_tasks_block
label: 'Secondary tabs'
label_display: '0'
provider: core
primary: false
secondary: true
visibility: { }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment