Update Composer, update everything
This commit is contained in:
Oliver Davies
parent
ea3e94409f
commit
dda5c284b6
19527 changed files with 1135420 additions and 351004 deletions
19
web/core/themes/bartik/README.txt
Normal file
19
web/core/themes/bartik/README.txt
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
ABOUT BARTIK
|
||||
------------
|
||||
|
||||
Bartik is the default theme for Drupal 8. It is a flexible, recolorable theme
|
||||
with a responsive and mobile-first layout, supporting 16 regions.
|
||||
|
||||
The Bartik theme is named after Jean Bartik, one of the original programmers
|
||||
for the ENIAC computer.
|
||||
|
||||
This theme is not intended to be used as a base theme.
|
||||
|
||||
To read more about the Bartik theme please see:
|
||||
https://www.drupal.org/docs/8/core/themes/bartik-theme
|
||||
|
||||
ABOUT DRUPAL THEMING
|
||||
--------------------
|
||||
|
||||
See https://www.drupal.org/docs/8/theming for more information on Drupal
|
||||
theming.
|
||||
|
|
@ -31,7 +31,7 @@ $info = [
|
|||
'footer' => '#292929',
|
||||
'titleslogan' => '#fffeff',
|
||||
'text' => '#3b3b3b',
|
||||
'link' => '#0071B3',
|
||||
'link' => '#0071b3',
|
||||
],
|
||||
],
|
||||
'firehouse' => [
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@
|
|||
}
|
||||
[dir="rtl"] .color-preview-sidebar,
|
||||
[dir="rtl"] .color-preview-content {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
.color-preview-sidebar {
|
||||
margin-left: 15px; /* LTR */
|
||||
|
|
|
|||
83
web/core/themes/bartik/color/preview.es6.js
Normal file
83
web/core/themes/bartik/color/preview.es6.js
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
/**
|
||||
* @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);
|
||||
|
|
@ -1,20 +1,19 @@
|
|||
/**
|
||||
* @file
|
||||
* Preview for the Bartik theme.
|
||||
*/
|
||||
* DO NOT EDIT THIS FILE.
|
||||
* See the following change record for more information,
|
||||
* https://www.drupal.org/node/2815083
|
||||
* @preserve
|
||||
**/
|
||||
|
||||
(function ($, Drupal, drupalSettings) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Drupal.color = {
|
||||
logoChanged: false,
|
||||
callback: function (context, settings, $form) {
|
||||
// Change the logo to be the real one.
|
||||
callback: function callback(context, settings, $form) {
|
||||
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');
|
||||
}
|
||||
|
|
@ -22,28 +21,23 @@
|
|||
var $colorPreview = $form.find('.color-preview');
|
||||
var $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.
|
||||
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());
|
||||
|
||||
// Footer wrapper background.
|
||||
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
|
||||
|
||||
// CSS3 Gradients.
|
||||
var gradient_start = $colorPalette.find('input[name="palette[top]"]').val();
|
||||
var gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val();
|
||||
var gradientStart = $colorPalette.find('input[name="palette[top]"]').val();
|
||||
var gradientEnd = $colorPalette.find('input[name="palette[bottom]"]').val();
|
||||
|
||||
$colorPreview.find('.color-preview-header').attr('style', 'background-color: ' + gradient_start + '; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(' + gradient_start + '), to(' + gradient_end + ')); background-image: -moz-linear-gradient(-90deg, ' + gradient_start + ', ' + gradient_end + ');');
|
||||
$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);
|
||||
})(jQuery, Drupal, drupalSettings);
|
||||
|
|
@ -41,32 +41,32 @@ h2 a {
|
|||
*/
|
||||
h1,
|
||||
.heading-a {
|
||||
margin: 1.0em 0 0.5em;
|
||||
margin: 1em 0 0.5em;
|
||||
font-weight: inherit;
|
||||
font-size: 1.357em;
|
||||
color: #000;
|
||||
}
|
||||
h2,
|
||||
.heading-b {
|
||||
margin: 1.0em 0 0.5em;
|
||||
margin: 1em 0 0.5em;
|
||||
font-weight: inherit;
|
||||
font-size: 1.143em;
|
||||
}
|
||||
h3,
|
||||
.heading-c {
|
||||
margin: 1.0em 0 0.5em;
|
||||
margin: 1em 0 0.5em;
|
||||
font-weight: inherit;
|
||||
font-size: 1.092em;
|
||||
}
|
||||
h4,
|
||||
.heading-d {
|
||||
margin: 1.0em 0 0.5em;
|
||||
margin: 1em 0 0.5em;
|
||||
font-weight: inherit;
|
||||
font-size: 1.05em;
|
||||
}
|
||||
h5,
|
||||
.heading-e {
|
||||
margin: 1.0em 0 0.5em;
|
||||
margin: 1em 0 0.5em;
|
||||
font-weight: inherit;
|
||||
font-size: 0.889em;
|
||||
text-transform: uppercase;
|
||||
|
|
@ -74,7 +74,7 @@ h5,
|
|||
}
|
||||
h6,
|
||||
.heading-f {
|
||||
margin: 1.0em 0 0.5em;
|
||||
margin: 1em 0 0.5em;
|
||||
font-weight: inherit;
|
||||
font-size: 0.67em;
|
||||
text-transform: uppercase;
|
||||
|
|
@ -132,7 +132,8 @@ img {
|
|||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
ul, ol {
|
||||
ul,
|
||||
ol {
|
||||
margin: 0;
|
||||
padding: 0 0 0.25em 1em; /* LTR */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,14 +8,14 @@ body {
|
|||
#main-wrapper,
|
||||
.region-primary-menu .menu-item a.is-active,
|
||||
.region-primary-menu .menu-item--active-trail a {
|
||||
background: #ffffff;
|
||||
background: #fff;
|
||||
}
|
||||
.tabs ul.primary li a.is-active {
|
||||
background-color: #ffffff;
|
||||
background-color: #fff;
|
||||
}
|
||||
.tabs ul.primary li.is-active a {
|
||||
background-color: #ffffff;
|
||||
border-bottom-color: #ffffff;
|
||||
background-color: #fff;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
#header {
|
||||
background-color: #1d84c3;
|
||||
|
|
@ -46,10 +46,10 @@ a:active,
|
|||
.region-header,
|
||||
.region-header a,
|
||||
.region-header li a.is-active,
|
||||
.site-branding__text,
|
||||
.site-branding,
|
||||
.site-branding__text a,
|
||||
.site-branding a,
|
||||
.region-header .site-branding__text,
|
||||
.region-header .site-branding,
|
||||
.region-header .site-branding__text a,
|
||||
.region-header .site-branding a,
|
||||
.region-secondary-menu .menu-item a,
|
||||
.region-secondary-menu .menu-item a.is-active {
|
||||
color: #fffeff;
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
font-size: 0.929em;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
padding: 0.250em 1.063em;
|
||||
padding: 0.25em 1.063em;
|
||||
border-radius: 1em;
|
||||
display: inline-block;
|
||||
line-height: normal;
|
||||
|
|
|
|||
|
|
@ -3,12 +3,12 @@
|
|||
margin-bottom: 1.2em;
|
||||
}
|
||||
.caption > * {
|
||||
background: #F3F3F3;
|
||||
background: #f3f3f3;
|
||||
padding: 0.5ex;
|
||||
border: 1px solid #CCC;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.caption > figcaption {
|
||||
border: 1px solid #CCC;
|
||||
border: 1px solid #ccc;
|
||||
border-top: none;
|
||||
padding-top: 0.5ex;
|
||||
font-size: small;
|
||||
|
|
|
|||
|
|
@ -49,7 +49,6 @@
|
|||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 0.733em;
|
||||
line-height: 1.2;
|
||||
|
||||
}
|
||||
.comment__permalink {
|
||||
font-size: 0.733em;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
*/
|
||||
|
||||
.demo-block {
|
||||
background: #ffff66;
|
||||
background: #ff6;
|
||||
border: 1px dotted #9f9e00;
|
||||
color: #000;
|
||||
font: 90% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
.featured-bottom .region {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
@media all and (min-width: 560px) {
|
||||
.featured-bottom .region {
|
||||
float: left; /* LTR */
|
||||
|
|
@ -22,6 +23,7 @@
|
|||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 851px) {
|
||||
.featured-bottom .region {
|
||||
padding: 0 20px;
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@
|
|||
padding: 0 0 0 1em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
@media all and (min-width: 560px) {
|
||||
.node .field--type-image {
|
||||
float: left; /* LTR */
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ fieldset {
|
|||
* @todo remove once this Mozilla bug is fixed.
|
||||
* See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
|
||||
*/
|
||||
@-moz-document url-prefix() {
|
||||
@media (min--moz-device-pixel-ratio: 0) {
|
||||
fieldset {
|
||||
display: table-cell;
|
||||
}
|
||||
|
|
@ -100,8 +100,7 @@ textarea {
|
|||
textarea {
|
||||
line-height: 1.5;
|
||||
}
|
||||
textarea.form-textarea,
|
||||
select.form-select {
|
||||
textarea.form-textarea {
|
||||
padding: 4px;
|
||||
}
|
||||
input.form-text,
|
||||
|
|
@ -112,8 +111,7 @@ input.form-search,
|
|||
input.form-file,
|
||||
input.form-number,
|
||||
input.form-color,
|
||||
textarea.form-textarea,
|
||||
select.form-select {
|
||||
textarea.form-textarea {
|
||||
border: 1px solid #ccc;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
|
@ -172,6 +170,14 @@ input.form-submit:focus {
|
|||
.node-form .form-wrapper {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.node-form .entity-content-form-footer,
|
||||
.node-form .field--name-status {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.node-form .form-actions {
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* Contact Form */
|
||||
.contact-form #edit-name {
|
||||
|
|
@ -316,7 +322,9 @@ input.form-submit:focus {
|
|||
-moz-box-sizing: border-box;
|
||||
}
|
||||
|
||||
.js .dropbutton .dropbutton-action > input, .js .dropbutton .dropbutton-action > a, .js .dropbutton .dropbutton-action > button {
|
||||
.js .dropbutton .dropbutton-action > input,
|
||||
.js .dropbutton .dropbutton-action > a,
|
||||
.js .dropbutton .dropbutton-action > button {
|
||||
text-align: center;
|
||||
padding-left: 3em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
.region-header .site-branding {
|
||||
margin-top: 0.429em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 461px) {
|
||||
.region-header .block {
|
||||
float: right; /* LTR */
|
||||
|
|
@ -21,12 +22,13 @@
|
|||
}
|
||||
.region-header .site-branding {
|
||||
float: left; /* LTR */
|
||||
/* margin-bottom: 1.857em;*/
|
||||
/* margin-bottom: 1.857em; */
|
||||
}
|
||||
[dir="rtl"] .region-header .site-branding {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 460px) {
|
||||
.region-header {
|
||||
padding-bottom: 0.357em;
|
||||
|
|
@ -38,6 +40,7 @@
|
|||
margin: 0 0 1em;
|
||||
clear: right;
|
||||
}
|
||||
|
||||
@media all and (min-width: 901px) {
|
||||
.region-header .block:not(.site-branding) {
|
||||
margin: 1.167em 0 1em;
|
||||
|
|
|
|||
|
|
@ -7,31 +7,31 @@
|
|||
position: fixed;
|
||||
z-index: 499;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.node-preview-backlink {
|
||||
background-color: #419ff1;
|
||||
background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
|
||||
background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
|
||||
border: 1px solid #0048c8;
|
||||
border-radius: .4em;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
|
||||
border-radius: 0.4em;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
|
||||
color: #fff;
|
||||
font-size: 0.9em;
|
||||
line-height: normal;
|
||||
margin: 0;
|
||||
margin: 5px 10px 5px 0; /* LTR */
|
||||
padding: 4px 1em 4px 0.6em; /* LTR */
|
||||
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
|
||||
display: inline-block;
|
||||
}
|
||||
[dir="rtl"] .node-preview-backlink {
|
||||
background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
|
||||
background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
|
||||
margin: 5px 0 5px 10px;
|
||||
padding: 4px 0.6em 4px 1em;
|
||||
float: right;
|
||||
}
|
||||
.node-preview-backlink:focus,
|
||||
.node-preview-backlink:hover {
|
||||
background-color: #419cf1;
|
||||
background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
|
||||
background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
|
||||
border: 1px solid #0048c8;
|
||||
|
|
@ -44,11 +44,10 @@
|
|||
background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
|
||||
}
|
||||
.node-preview-backlink:active {
|
||||
background-color: #0e69be;
|
||||
background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
|
||||
background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
|
||||
border: 1px solid #0048c8;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
[dir="rtl"] .node-preview-backlink:active {
|
||||
background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
|
||||
|
|
@ -59,3 +58,15 @@
|
|||
width: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
[dir="rtl"] .node-preview-backlink::after {
|
||||
content: '';
|
||||
width: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
.node-preview-container .form-item-view-mode {
|
||||
display: inline-block;
|
||||
margin: 5px 0;
|
||||
}
|
||||
[dir="rtl"] .node-preview-container .form-item-view-mode {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ body:not(:target) .region-primary-menu .menu-toggle {
|
|||
z-index: 1000;
|
||||
}
|
||||
body:not(:target) .region-primary-menu .menu-toggle:after {
|
||||
content:"";
|
||||
content: "";
|
||||
background: url(../../../../misc/icons/ffffff/hamburger.svg) no-repeat;
|
||||
background-size: contain;
|
||||
width: 22px;
|
||||
|
|
@ -194,7 +194,7 @@ body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu .
|
|||
.featured .region-primary-menu .menu-item a:active,
|
||||
.featured .region-primary-menu .menu-item a.is-active {
|
||||
background: #f0f0f0;
|
||||
background: rgba(240, 240, 240, 1.0);
|
||||
background: rgba(240, 240, 240, 1);
|
||||
}
|
||||
body:not(:target) .region-primary-menu .menu-toggle {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
.region-secondary-menu .menu a {
|
||||
display: inline-block;
|
||||
padding: 0.8em;
|
||||
padding: 0.8em;
|
||||
}
|
||||
.region-secondary-menu .menu a:hover,
|
||||
.region-secondary-menu .menu a:focus {
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@
|
|||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 851px) {
|
||||
.layout-one-sidebar .sidebar {
|
||||
width: 25%;
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
display: inline-block;
|
||||
margin-right: 1em; /* LTR */
|
||||
margin-bottom: 0.286em;
|
||||
border-bottom: 0;
|
||||
}
|
||||
[dir="rtl"] .site-branding__logo {
|
||||
margin-right: 0;
|
||||
|
|
@ -16,11 +17,13 @@
|
|||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
@media all and (min-width: 461px) {
|
||||
.site-branding__text {
|
||||
margin-bottom: 1.857em;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 901px) {
|
||||
.site-branding__text {
|
||||
padding: 1.286em 0 0;
|
||||
|
|
@ -31,6 +34,7 @@
|
|||
color: #686868;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
@media all and (min-width: 901px) {
|
||||
.site-branding__name {
|
||||
font-size: 1.821em;
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
.site-footer .layout-container {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
@media all and (min-width: 560px) {
|
||||
.site-footer__top .region {
|
||||
float: left; /* LTR */
|
||||
|
|
@ -20,6 +21,7 @@
|
|||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 560px) and (max-width: 850px) {
|
||||
.site-footer .region {
|
||||
box-sizing: border-box;
|
||||
|
|
@ -42,6 +44,7 @@
|
|||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 851px) {
|
||||
.site-footer__top .region {
|
||||
width: 24%;
|
||||
|
|
|
|||
|
|
@ -68,6 +68,7 @@ tr th {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 60em) { /* 920px */
|
||||
th.priority-low,
|
||||
td.priority-low {
|
||||
|
|
|
|||
|
|
@ -21,9 +21,10 @@ div.tabs {
|
|||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
.tabs ul.primary li.is-active a {
|
||||
background-color: #ffffff;
|
||||
background-color: #fff;
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 37.5em) { /* 600px */
|
||||
.tabs ul.primary {
|
||||
border-bottom: 1px solid #bbb;
|
||||
|
|
@ -39,6 +40,7 @@ div.tabs {
|
|||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 37.5em) { /* 600px */
|
||||
.tabs ul.primary {
|
||||
border-collapse: collapse;
|
||||
|
|
|
|||
|
|
@ -18,8 +18,8 @@
|
|||
}
|
||||
.ui-dialog .button {
|
||||
background-color: #fff;
|
||||
background-image: -webkit-linear-gradient(top,#f3f3f3,#e8e8e8);
|
||||
background-image: linear-gradient(to bottom,#f3f3f3,#e8e8e8);
|
||||
background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);
|
||||
background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);
|
||||
border: 1px solid #e4e4e4;
|
||||
border-bottom-color: #b4b4b4;
|
||||
border-left-color: #d2d2d2;
|
||||
|
|
@ -29,6 +29,6 @@
|
|||
font-size: 0.929em;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
padding: 0.250em 1.063em;
|
||||
padding: 0.25em 1.063em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
}
|
||||
.views-displays .tabs .open > a:hover,
|
||||
.views-displays .tabs .open > a:focus {
|
||||
color: #0071B3;
|
||||
color: #0071b3;
|
||||
}
|
||||
.views-displays .secondary .form-submit {
|
||||
font-size: 0.846em;
|
||||
|
|
@ -22,14 +22,14 @@
|
|||
|
||||
/* Contextual filter options styles */
|
||||
.views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox {
|
||||
background-color: #F9F9F9;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
/* Views action dropbutton styles */
|
||||
.views-ui-display-tab-actions .dropbutton .form-submit {
|
||||
color: #0071B3;
|
||||
color: #0071b3;
|
||||
}
|
||||
.views-ui-display-tab-actions .dropbutton .form-submit:hover,
|
||||
.views-ui-display-tab-actions .dropbutton .form-submit:focus {
|
||||
color: #018FE2;
|
||||
color: #018fe2;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
margin-right: auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media all and (min-width: 851px) {
|
||||
.layout-container {
|
||||
max-width: 1290px;
|
||||
|
|
|
|||
|
|
@ -49,10 +49,11 @@ body.maintenance-page {
|
|||
.maintenance-page .site-branding-text a:focus {
|
||||
color: #777;
|
||||
}
|
||||
.maintenance-page .page-title {
|
||||
.maintenance-page .page-title {
|
||||
line-height: 1em;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
.maintenance-page #page-wrapper {
|
||||
width: 800px;
|
||||
|
|
@ -62,6 +63,7 @@ body.maintenance-page {
|
|||
width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) { /* @TODO find the proper breakpoint */
|
||||
.maintenance-page #page {
|
||||
margin: 20px 40px 40px;
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
*
|
||||
* These variables are provided to give context about the parent comment (if
|
||||
* any):
|
||||
* - comment_parent: Full parent comment entity (if any).
|
||||
* - parent_comment: Full parent comment entity (if any).
|
||||
* - parent_author: Equivalent to author for the parent comment.
|
||||
* - parent_created: Equivalent to created for the parent comment.
|
||||
* - parent_changed: Equivalent to changed for the parent comment.
|
||||
|
|
|
|||
|
|
@ -16,8 +16,6 @@
|
|||
* Available variables:
|
||||
* - message_list: List of messages to be displayed, grouped by type.
|
||||
* - status_headings: List of all status types.
|
||||
* - display: (optional) May have a value of 'status' or 'error' when only
|
||||
* displaying messages of that specific type.
|
||||
*/
|
||||
#}
|
||||
{% block messages %}
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ hidden: true
|
|||
|
||||
libraries:
|
||||
- classy/base
|
||||
- classy/messages
|
||||
- core/normalize
|
||||
|
||||
libraries-extend:
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
padding-right: 0.5em;
|
||||
}
|
||||
.collapse-processed > summary:before {
|
||||
background: url(../../../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */
|
||||
background: url(../../../../misc/menu-expanded.png) 0 100% no-repeat; /* LTR */
|
||||
content: "";
|
||||
float: left; /* LTR */
|
||||
height: 1em;
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
border: solid 1px #ccc;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
.ui-dialog {
|
||||
width: 92% !important;
|
||||
|
|
@ -32,7 +33,7 @@
|
|||
.ui-dialog .ui-dialog-buttonpane {
|
||||
margin-top: 0;
|
||||
background: #f3f4ee;
|
||||
padding: .3em 1em;
|
||||
padding: 0.3em 1em;
|
||||
border-width: 1px 0 0 0;
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
.js .dropbutton-widget {
|
||||
background-color: white;
|
||||
border: 1px solid #cccccc;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.js .dropbutton-widget:hover {
|
||||
border-color: #b8b8b8;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
}
|
||||
.field--label-inline .field__label,
|
||||
.field--label-inline .field__items {
|
||||
float: left; /*LTR*/
|
||||
float: left; /* LTR */
|
||||
}
|
||||
.field--label-inline .field__label,
|
||||
.field--label-inline > .field__item,
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
* Default style for file module.
|
||||
*/
|
||||
|
||||
/* File icons.*/
|
||||
/* File icons. */
|
||||
|
||||
.file {
|
||||
padding-left: 20px; /* LTR */
|
||||
|
|
|
|||
|
|
@ -8,20 +8,20 @@ form .field-multiple-table {
|
|||
}
|
||||
form .field-multiple-table .field-multiple-drag {
|
||||
width: 30px;
|
||||
padding-right: 0; /*LTR*/
|
||||
padding-right: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
|
||||
padding-left: 0;
|
||||
}
|
||||
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
|
||||
padding-right: .5em; /*LTR*/
|
||||
padding-right: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
|
||||
padding-right: 0;
|
||||
padding-left: .5em;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
form .field-add-more-submit {
|
||||
margin: .5em 0 0;
|
||||
margin: 0.5em 0 0;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -47,7 +47,7 @@ label.option {
|
|||
}
|
||||
.form-composite > legend,
|
||||
.label {
|
||||
display:inline;
|
||||
display: inline;
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
|
|
@ -64,8 +64,8 @@ label.option {
|
|||
}
|
||||
[dir="rtl"] .form-type-radio .description,
|
||||
[dir="rtl"] .form-type-checkbox .description {
|
||||
margin-left: 0;
|
||||
margin-right: 2.4em;
|
||||
margin-left: 0;
|
||||
margin-right: 2.4em;
|
||||
}
|
||||
.marker {
|
||||
color: #e00;
|
||||
|
|
|
|||
|
|
@ -10,34 +10,18 @@
|
|||
border-radius: 10em;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
|
||||
background-image: linear-gradient(#e7e7df, #f0f0f0);
|
||||
background-image: linear-gradient(#e7e7df, #f0f0f0);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
|
||||
}
|
||||
.progress__bar {
|
||||
border: 1px #07629a solid;
|
||||
background: #057ec9;
|
||||
background-image:
|
||||
-webkit-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
|
||||
-webkit-linear-gradient( left top,
|
||||
#0094f0 0%,
|
||||
#0094f0 25%,
|
||||
#007ecc 25%,
|
||||
#007ecc 50%,
|
||||
#0094f0 50%,
|
||||
#0094f0 75%,
|
||||
#0094f0 100% );
|
||||
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
|
||||
-webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
|
||||
background-image:
|
||||
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
|
||||
background-image:
|
||||
linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
|
||||
linear-gradient( to right bottom,
|
||||
#0094f0 0%,
|
||||
#0094f0 25%,
|
||||
#007ecc 25%,
|
||||
#007ecc 50%,
|
||||
#0094f0 50%,
|
||||
#0094f0 75%,
|
||||
#0094f0 100% );
|
||||
linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
|
||||
linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
|
||||
background-size: 40px 40px;
|
||||
margin-top: -1px;
|
||||
margin-left: -1px; /* LTR */
|
||||
|
|
@ -57,15 +41,29 @@
|
|||
-moz-animation-direction: reverse;
|
||||
}
|
||||
|
||||
@media screen and (prefers-reduced-motion: reduce) {
|
||||
.progress__bar {
|
||||
-webkit-animation: none;
|
||||
-moz-animation: none;
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Progress bar animations.
|
||||
*/
|
||||
@-webkit-keyframes animate-stripes {
|
||||
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
|
||||
0% { background-position: 0 0, 0 0; }
|
||||
100% { background-position: 0 0, -80px 0; }
|
||||
}
|
||||
|
||||
@-ms-keyframes animate-stripes {
|
||||
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
|
||||
0% { background-position: 0 0, 0 0; }
|
||||
100% { background-position: 0 0, -80px 0; }
|
||||
}
|
||||
|
||||
@keyframes animate-stripes {
|
||||
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
|
||||
0% { background-position: 0 0, 0 0; }
|
||||
100% { background-position: 0 0, -80px 0; }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
*
|
||||
* These variables are provided to give context about the parent comment (if
|
||||
* any):
|
||||
* - comment_parent: Full parent comment entity (if any).
|
||||
* - parent_comment: Full parent comment entity (if any).
|
||||
* - parent_author: Equivalent to author for the parent comment.
|
||||
* - parent_created: Equivalent to created for the parent comment.
|
||||
* - parent_changed: Equivalent to changed for the parent comment.
|
||||
|
|
|
|||
28
web/core/themes/classy/templates/content/media.html.twig
Normal file
28
web/core/themes/classy/templates/content/media.html.twig
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override to display a media item.
|
||||
*
|
||||
* Available variables:
|
||||
* - name: Name of the media.
|
||||
* - content: Media content.
|
||||
*
|
||||
* @see template_preprocess_media()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set classes = [
|
||||
'media',
|
||||
'media--type-' ~ media.bundle()|clean_class,
|
||||
not media.isPublished() ? 'media--unpublished',
|
||||
view_mode ? 'media--view-mode-' ~ view_mode|clean_class,
|
||||
]
|
||||
%}
|
||||
<article{{ attributes.addClass(classes) }}>
|
||||
{{ title_suffix.contextual_links }}
|
||||
{% if content %}
|
||||
{{ content }}
|
||||
{% endif %}
|
||||
</article>
|
||||
23
web/core/themes/classy/templates/field/file-audio.html.twig
Normal file
23
web/core/themes/classy/templates/field/file-audio.html.twig
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display the file entity as an audio tag.
|
||||
*
|
||||
* Available variables:
|
||||
* - attributes: An array of HTML attributes, intended to be added to the
|
||||
* audio tag.
|
||||
* - files: And array of files to be added as sources for the audio tag. Each
|
||||
* element is an array with the following elements:
|
||||
* - file: The full file object.
|
||||
* - source_attributes: An array of HTML attributes for to be added to the
|
||||
* source tag.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{{ attach_library('classy/file') }}
|
||||
<audio {{ attributes }}>
|
||||
{% for file in files %}
|
||||
<source {{ file.source_attributes }} />
|
||||
{% endfor %}
|
||||
</audio>
|
||||
23
web/core/themes/classy/templates/field/file-video.html.twig
Normal file
23
web/core/themes/classy/templates/field/file-video.html.twig
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display the file entity as a video tag.
|
||||
*
|
||||
* Available variables:
|
||||
* - attributes: An array of HTML attributes, intended to be added to the
|
||||
* video tag.
|
||||
* - files: And array of files to be added as sources for the video tag. Each
|
||||
* element is an array with the following elements:
|
||||
* - file: The full file object.
|
||||
* - source_attributes: An array of HTML attributes for to be added to the
|
||||
* source tag.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
{{ attach_library('classy/file') }}
|
||||
<video {{ attributes }}>
|
||||
{% for file in files %}
|
||||
<source {{ file.source_attributes }} />
|
||||
{% endfor %}
|
||||
</video>
|
||||
|
|
@ -15,13 +15,10 @@
|
|||
* Available variables:
|
||||
* - message_list: List of messages to be displayed, grouped by type.
|
||||
* - status_headings: List of all status types.
|
||||
* - display: (optional) May have a value of 'status' or 'error' when only
|
||||
* displaying messages of that specific type.
|
||||
* - attributes: HTML attributes for the element, including:
|
||||
* - class: HTML classes.
|
||||
*/
|
||||
#}
|
||||
{{ attach_library('classy/messages') }}
|
||||
{% block messages %}
|
||||
{% for type, messages in message_list %}
|
||||
{%
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@
|
|||
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
|
||||
{% for column in row.content %}
|
||||
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
|
||||
{{ column.content }}
|
||||
{{- column.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
|
||||
{% for row in column.content %}
|
||||
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
|
||||
{{ row.content }}
|
||||
{{- row.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,9 @@
|
|||
<{{ list.type }}{{ list.attributes }}>
|
||||
|
||||
{% for row in rows %}
|
||||
<li{{ row.attributes }}>{{ row.content }}</li>
|
||||
<li{{ row.attributes }}>
|
||||
{{- row.content -}}
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</{{ list.type }}>
|
||||
|
|
|
|||
|
|
@ -25,6 +25,6 @@
|
|||
]
|
||||
%}
|
||||
<div{{ row.attributes.addClass(row_classes) }}>
|
||||
{{ row.content }}
|
||||
{{- row.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -128,7 +128,7 @@ function twig_render_template($template_file, array $variables) {
|
|||
*
|
||||
* @param array|object $element
|
||||
* The parent renderable array to exclude the child items.
|
||||
* @param string[] $args, ...
|
||||
* @param string[] ...
|
||||
* The string keys of $element to prevent printing.
|
||||
*
|
||||
* @return array
|
||||
|
|
|
|||
20
web/core/themes/seven/README.txt
Normal file
20
web/core/themes/seven/README.txt
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
ABOUT SEVEN
|
||||
-----------
|
||||
|
||||
Seven is the default administration theme for core in Drupal 8. This theme is
|
||||
used on all admin pages and by default on node edit forms.
|
||||
|
||||
To read more about the Seven theme's origins (in Drupal 7) please see:
|
||||
https://www.drupal.org/docs/7/core/themes/seven
|
||||
|
||||
See https://www.drupal.org/docs/8/core/themes/seven-theme for more information
|
||||
on using the Seven theme.
|
||||
|
||||
Seven is an internal theme and shouldn't be extended by other themes. Please
|
||||
see https://www.drupal.org/node/2582945 for more info.
|
||||
|
||||
ABOUT DRUPAL THEMING
|
||||
--------------------
|
||||
|
||||
See https://www.drupal.org/docs/8/theming for more information on Drupal 8
|
||||
theming.
|
||||
|
|
@ -23,7 +23,7 @@ hr {
|
|||
padding: 0;
|
||||
border: none;
|
||||
height: 1px;
|
||||
background: #cccccc;
|
||||
background: #ccc;
|
||||
}
|
||||
summary,
|
||||
.fieldgroup:not(.form-composite) > legend {
|
||||
|
|
@ -121,9 +121,6 @@ sup {
|
|||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
nobr {
|
||||
white-space: nowrap;
|
||||
}
|
||||
abbr,
|
||||
acronym {
|
||||
border-bottom: dotted 1px;
|
||||
|
|
@ -150,9 +147,8 @@ ol {
|
|||
margin-left: 0;
|
||||
margin-right: 2em;
|
||||
}
|
||||
quote,
|
||||
code {
|
||||
margin: .5em 0;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
pre {
|
||||
margin: 0.5em 0;
|
||||
|
|
@ -162,13 +158,13 @@ details {
|
|||
line-height: 1.295em;
|
||||
}
|
||||
details summary {
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
padding: 0.95em 1.45em;
|
||||
}
|
||||
details summary:focus {
|
||||
outline: none;
|
||||
}
|
||||
details summary:focus,
|
||||
details summary:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,7 +42,8 @@
|
|||
color: #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.button, .button--primary {
|
||||
.button,
|
||||
.button--primary {
|
||||
background: none !important;
|
||||
}
|
||||
.messages {
|
||||
|
|
@ -70,7 +71,17 @@
|
|||
background: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
input.form-autocomplete, input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-number, input.form-color, input.form-file, textarea.form-textarea, select.form-select {
|
||||
input.form-autocomplete,
|
||||
input.form-text,
|
||||
input.form-tel,
|
||||
input.form-email,
|
||||
input.form-url,
|
||||
input.form-search,
|
||||
input.form-number,
|
||||
input.form-color,
|
||||
input.form-file,
|
||||
textarea.form-textarea,
|
||||
select.form-select {
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ ul.admin-list {
|
|||
padding-left: 15px;
|
||||
}
|
||||
.admin-list.compact li a {
|
||||
background-image: none;
|
||||
background-image: none;
|
||||
padding: 2px 0;
|
||||
}
|
||||
.admin-list li a:hover,
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
border-radius: 20em;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
.button:focus {
|
||||
background-color: #f9f8f6;
|
||||
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
|
||||
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
|
||||
color: #1a1a1a;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
|
|
@ -62,14 +62,14 @@
|
|||
/* Prevent focus ring being covered by next siblings. */
|
||||
.button:focus {
|
||||
z-index: 10;
|
||||
border: 1px solid #3AB2FF;
|
||||
border: 1px solid #3ab2ff;
|
||||
box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
|
||||
}
|
||||
.button:active {
|
||||
border: 1px solid #a6a6a6;
|
||||
background-color: #dfdfd9;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
border-color: #1e5c90;
|
||||
background-color: #0071b8;
|
||||
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
color: #fff;
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
|
|
@ -89,19 +89,19 @@
|
|||
.button--primary:focus {
|
||||
background-color: #2369a6;
|
||||
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
border-color: #1e5c90;
|
||||
color: #fff;
|
||||
}
|
||||
.button--primary:focus {
|
||||
border: 1px solid #1280DF;
|
||||
border: 1px solid #1280df;
|
||||
}
|
||||
.button--primary:hover {
|
||||
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
|
||||
}
|
||||
.button--primary:active {
|
||||
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
border-color: #144b78;
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
|
|
|
|||
15
web/core/themes/seven/css/components/container-inline.css
Normal file
15
web/core/themes/seven/css/components/container-inline.css
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
/**
|
||||
* @file
|
||||
* Inline items.
|
||||
*/
|
||||
|
||||
.container-inline .form-radios label:after {
|
||||
content: '';
|
||||
}
|
||||
.container-inline .form-radios .form-type-radio {
|
||||
margin-right: 1em;
|
||||
}
|
||||
[dir="rtl"] .container-inline .form-radios .form-type-radio {
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
/**
|
||||
* @file
|
||||
* Inline items.
|
||||
*/
|
||||
|
||||
.container-inline div,
|
||||
.container-inline label {
|
||||
display: inline-block;
|
||||
}
|
||||
27
web/core/themes/seven/css/components/details.css
Normal file
27
web/core/themes/seven/css/components/details.css
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
/**
|
||||
* @file
|
||||
* Collapsible details.
|
||||
*
|
||||
* @see collapse.js
|
||||
*/
|
||||
.seven-details {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
background-color: #fcfcfa;
|
||||
border: 1px solid #bfbfbf;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.seven-details__summary {
|
||||
cursor: pointer;
|
||||
text-shadow: 0 1px 0 white;
|
||||
color: #0074bd;
|
||||
}
|
||||
.seven-details__summary:hover,
|
||||
.seven-details__summary:focus,
|
||||
.seven-details[open] > .seven-details__summary {
|
||||
color: #004f80;
|
||||
}
|
||||
.seven-details__wrapper {
|
||||
padding: 0 1.5em 1em 1.5em;
|
||||
}
|
||||
|
||||
|
|
@ -9,6 +9,7 @@
|
|||
z-index: 1260;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
.ui-dialog {
|
||||
min-width: 92%;
|
||||
|
|
@ -29,18 +30,26 @@
|
|||
font-size: 1.231em;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
color: #ffffff;
|
||||
color: #fff;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close {
|
||||
border: 0;
|
||||
border: 3px solid #6b6b6b;
|
||||
border-radius: 5px;
|
||||
background: none;
|
||||
right: 20px; /* LTR */
|
||||
top: 20px;
|
||||
right: 12px; /* LTR */
|
||||
top: 10px;
|
||||
margin: 0;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
padding: 0;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
position: absolute;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
}
|
||||
.ui-dialog .ui-dialog-titlebar-close:hover,
|
||||
.ui-dialog .ui-dialog-titlebar-close:focus {
|
||||
border-color: #fff;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
|
||||
right: auto;
|
||||
|
|
@ -48,10 +57,10 @@
|
|||
}
|
||||
.ui-dialog .ui-icon.ui-icon-closethick {
|
||||
background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
|
||||
margin-top: -12px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.ui-dialog .ui-widget-content.ui-dialog-content {
|
||||
background: #ffffff;
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
padding: 1em;
|
||||
}
|
||||
|
|
@ -60,7 +69,7 @@
|
|||
}
|
||||
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
|
||||
background: #f5f5f2;
|
||||
/*border-top: 1px solid #bfbfbf;*/
|
||||
/* border-top: 1px solid #bfbfbf; */
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
border-bottom-left-radius: 5px;
|
||||
|
|
@ -107,3 +116,12 @@
|
|||
.ui-dialog .ajax-progress-throbber .message {
|
||||
display: none;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
|
||||
position: relative;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
|
||||
top: 10px;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
|
||||
background: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
.js .dropbutton .dropbutton-action > input,
|
||||
.js .dropbutton .dropbutton-action > a,
|
||||
.js .dropbutton .dropbutton-action > button {
|
||||
color: #333333;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
|
@ -169,18 +169,18 @@
|
|||
.dropbutton-single .dropbutton-action a {
|
||||
padding: 4px 1.5em;
|
||||
border: 1px solid #a6a6a6;
|
||||
border-radius: 20em!important;
|
||||
border-radius: 20em !important;
|
||||
background-color: #f2f1eb;
|
||||
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
|
||||
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
|
||||
color: #333333;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
font-weight: 600;
|
||||
-webkit-transition: all 0.1s;
|
||||
transition: all 0.1s;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
width: auto!important;
|
||||
width: auto !important;
|
||||
}
|
||||
.dropbutton-single .dropbutton-action a:hover,
|
||||
.dropbutton-single .dropbutton-action a:focus {
|
||||
|
|
@ -203,6 +203,22 @@
|
|||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
.dropbutton .dropbutton-action .ajax-progress {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: 0.2em;
|
||||
right: 0.2em;
|
||||
padding: 0 0 0 0.1em;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton-action .ajax-progress {
|
||||
right: 2.2em;
|
||||
top: 0.15em;
|
||||
margin-right: 0;
|
||||
}
|
||||
.dropbutton-multiple .secondary-action .ajax-progress {
|
||||
top: auto;
|
||||
bottom: 0.3em;
|
||||
}
|
||||
|
||||
/**
|
||||
* The dropdown trigger.
|
||||
|
|
|
|||
|
|
@ -2,21 +2,25 @@
|
|||
* Entity meta settings.
|
||||
*/
|
||||
.entity-meta {
|
||||
background-color: #ececec;
|
||||
background-color: #edede8;
|
||||
border-left: 1px solid #bfbfbf;
|
||||
border-right: 1px solid #bfbfbf;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.entity-meta__header,
|
||||
.entity-meta details {
|
||||
background-color: #f7f7f7;
|
||||
.entity-meta .seven-details {
|
||||
background-color: #fcfcfa;
|
||||
border-top: 1px solid #bfbfbf;
|
||||
border-bottom: 1px solid #bfbfbf;
|
||||
}
|
||||
.entity-meta__header {
|
||||
padding: 1em 1.5em;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
.entity-meta__title {
|
||||
font-size: 1.231em;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
margin: 0.25em 0;
|
||||
}
|
||||
|
|
@ -26,34 +30,43 @@
|
|||
.entity-meta__last-saved {
|
||||
font-style: italic; /* As-designed, but really: why is this italic? */
|
||||
}
|
||||
.entity-meta details {
|
||||
.entity-meta .seven-details {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-top: 1px solid #fff;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.entity-meta details:first-child {
|
||||
border-top-color: #bfbfbf;
|
||||
.entity-meta .seven-details:last-child {
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.entity-meta details[open] {
|
||||
.entity-meta .seven-details[open] {
|
||||
background-color: transparent;
|
||||
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
|
||||
border-top-width: 0;
|
||||
padding-top: 1px;
|
||||
}
|
||||
.entity-meta details[open] + details[open] {
|
||||
.entity-meta .seven-details[open] + .seven-details[open] {
|
||||
background-image: none;
|
||||
border-top-width: 1px;
|
||||
padding-top: 0;
|
||||
}
|
||||
.entity-meta details > .details-wrapper {
|
||||
.entity-meta .seven-details > .seven-details__wrapper {
|
||||
padding-top: 0;
|
||||
}
|
||||
.entity-meta details > summary {
|
||||
.entity-meta .seven-details > summary {
|
||||
padding: 0.85em 1.25em;
|
||||
text-shadow: 0 1px 0 white;
|
||||
}
|
||||
.entity-meta details .summary {
|
||||
display: none; /* Hide JS summaries. @todo Rethink summaries. */
|
||||
|
||||
/**
|
||||
* Hide JS summary from the details polyfill to make it consistent with native
|
||||
* details elements.
|
||||
*
|
||||
* @todo Consider removing this after https://www.drupal.org/node/2493957 has
|
||||
* been solved.
|
||||
*/
|
||||
.entity-meta .seven-details .summary {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,10 +4,10 @@
|
|||
padding: 1px 8px;
|
||||
}
|
||||
#field-display-overview tr.field-plugin-settings-changed {
|
||||
background: #ffffbb;
|
||||
background: #ffb;
|
||||
}
|
||||
#field-display-overview tr.drag {
|
||||
background: #ffee77;
|
||||
background: #fe7;
|
||||
}
|
||||
#field-display-overview tr.field-plugin-settings-editing {
|
||||
background: #d5e9f2;
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ fieldset:not(.fieldgroup) {
|
|||
* @todo remove once this Mozilla bug is fixed.
|
||||
* See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
|
||||
*/
|
||||
@-moz-document url-prefix() {
|
||||
@media (min--moz-device-pixel-ratio: 0) {
|
||||
fieldset:not(.fieldgroup) {
|
||||
display: table-cell;
|
||||
}
|
||||
|
|
@ -41,7 +41,7 @@ fieldset:not(.fieldgroup) > legend {
|
|||
* @todo remove once this Mozilla bug is fixed.
|
||||
* See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
|
||||
*/
|
||||
@-moz-document url-prefix() {
|
||||
@media (min--moz-device-pixel-ratio: 0) {
|
||||
.fieldgroup {
|
||||
display: table-cell;
|
||||
}
|
||||
|
|
@ -49,6 +49,20 @@ fieldset:not(.fieldgroup) > legend {
|
|||
.form-item {
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
/**
|
||||
* When a table row has a single form item, prevent it from adding unnecessary
|
||||
* extra spacing. If it has multiple form items, allow spacing between them,
|
||||
* overriding Classy.
|
||||
*/
|
||||
tr.odd .form-item,
|
||||
tr.even .form-item {
|
||||
margin-top: 0.75em;
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
td > .form-item:only-child {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-type-checkbox {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -71,7 +85,7 @@ label[for] {
|
|||
vertical-align: middle;
|
||||
}
|
||||
.form-disabled label {
|
||||
color: #737373;
|
||||
color: #686868;
|
||||
}
|
||||
.form-disabled input.form-text,
|
||||
.form-disabled input.form-tel,
|
||||
|
|
@ -84,7 +98,7 @@ label[for] {
|
|||
.form-disabled textarea.form-textarea,
|
||||
.form-disabled select.form-select {
|
||||
border-color: #d4d4d4;
|
||||
background-color: hsla(0, 0%, 0%, .08);
|
||||
background-color: hsla(0, 0%, 0%, 0.08);
|
||||
box-shadow: none;
|
||||
}
|
||||
.form-item input.error,
|
||||
|
|
@ -105,7 +119,7 @@ label[for] {
|
|||
.form-item select.error:focus {
|
||||
border-color: #e62600;
|
||||
outline: 0;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px 1px #e62600;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px 1px #e62600;
|
||||
background-color: #fcf4f2;
|
||||
}
|
||||
.form-required:after {
|
||||
|
|
@ -127,7 +141,6 @@ label[for] {
|
|||
padding: 0.25em 0.666em 0;
|
||||
}
|
||||
|
||||
|
||||
/* Filter */
|
||||
ul.tips,
|
||||
div.description,
|
||||
|
|
@ -176,22 +189,20 @@ input.form-date,
|
|||
input.form-time,
|
||||
textarea.form-textarea {
|
||||
box-sizing: border-box;
|
||||
padding: .3em .4em .3em .5em; /* LTR */
|
||||
padding: 0.3em 0.4em 0.3em 0.5em; /* LTR */
|
||||
max-width: 100%;
|
||||
border: 1px solid #b8b8b8;
|
||||
border-top-color: #999;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
border-radius: 2px;
|
||||
background: #fcfcfa;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
|
||||
font-size: 1em;
|
||||
color: #595959;
|
||||
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
}
|
||||
[dir="rtl"] textarea.form-textarea {
|
||||
padding: .3em .5em .3em .4em;
|
||||
padding: 0.3em 0.5em 0.3em 0.4em;
|
||||
}
|
||||
.form-text:focus,
|
||||
.form-tel:focus,
|
||||
|
|
@ -206,7 +217,7 @@ textarea.form-textarea {
|
|||
.form-time:focus {
|
||||
border-color: #40b6ff;
|
||||
outline: 0;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px #40b6ff;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -242,6 +253,7 @@ select {
|
|||
background:
|
||||
url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,
|
||||
-webkit-linear-gradient(top, #f6f6f3, #e7e7df); /* LTR */
|
||||
|
||||
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
||||
font-size: 0.875rem;
|
||||
-webkit-transition: all 0.1s;
|
||||
|
|
@ -254,8 +266,9 @@ select {
|
|||
}
|
||||
select:focus,
|
||||
select:hover {
|
||||
background-image: url(../../../../misc/icons/333333/caret-down.svg),
|
||||
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
background-image:
|
||||
url(../../../../misc/icons/333333/caret-down.svg),
|
||||
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
|
||||
color: #1a1a1a;
|
||||
}
|
||||
select:hover {
|
||||
|
|
|
|||
|
|
@ -33,8 +33,6 @@
|
|||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active {
|
||||
color: #840;
|
||||
background: #fe6;
|
||||
border: solid 1px #ed5;
|
||||
}
|
||||
.ui-state-error,
|
||||
.ui-widget-content .ui-state-error {
|
||||
|
|
@ -44,13 +42,13 @@
|
|||
}
|
||||
.ui-state-disabled,
|
||||
.ui-widget-content .ui-state-disabled {
|
||||
opacity: .35;
|
||||
filter: Alpha(Opacity=35);
|
||||
opacity: 0.35;
|
||||
filter: alpha(Opacity=35);
|
||||
}
|
||||
.ui-priority-secondary,
|
||||
.ui-widget-content .ui-priority-secondary {
|
||||
opacity: .7;
|
||||
filter: Alpha(Opacity=70);
|
||||
opacity: 0.7;
|
||||
filter: alpha(Opacity=70);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -333,8 +331,8 @@
|
|||
*/
|
||||
.ui-widget-overlay {
|
||||
background: #000;
|
||||
opacity: .70;
|
||||
filter: Alpha(Opacity=70);
|
||||
opacity: 0.7;
|
||||
filter: alpha(Opacity=70);
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -349,8 +347,8 @@
|
|||
.ui-slider .ui-slider-handle {
|
||||
border: 1px solid #e4e4e4;
|
||||
border-bottom: 1px solid #b4b4b4;
|
||||
border-left-color: #D2D2D2;
|
||||
border-right-color: #D2D2D2;
|
||||
border-left-color: #d2d2d2;
|
||||
border-right-color: #d2d2d2;
|
||||
background-color: #e4e4e4;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
|
@ -377,16 +375,16 @@
|
|||
* Date Picker
|
||||
*/
|
||||
.ui-datepicker {
|
||||
border: 1px solid #A6A6A6;
|
||||
background: #FFF;
|
||||
border: 1px solid #a6a6a6;
|
||||
background: #fff;
|
||||
/* Override datepicker.css */
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Override tables.css */
|
||||
.ui-datepicker-calendar thead tr {
|
||||
border-bottom: 1px solid #A6A6A6;
|
||||
border-top: 1px solid #A6A6A6;
|
||||
border-bottom: 1px solid #a6a6a6;
|
||||
border-top: 1px solid #a6a6a6;
|
||||
}
|
||||
.ui-datepicker-calendar tr:hover {
|
||||
background: transparent;
|
||||
|
|
|
|||
3
web/core/themes/seven/css/components/media.css
Normal file
3
web/core/themes/seven/css/components/media.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.media-form .field--name-status {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
|
|
@ -10,12 +10,18 @@
|
|||
.messages pre {
|
||||
margin: 0;
|
||||
}
|
||||
.messages h1, .messages .heading-a,
|
||||
.messages h2, .messages .heading-b,
|
||||
.messages h3, .messages .heading-c,
|
||||
.messages h4, .messages .heading-d,
|
||||
.messages h5, .messages .heading-e,
|
||||
.messages h6, .messages .heading-f {
|
||||
.messages h1,
|
||||
.messages .heading-a,
|
||||
.messages h2,
|
||||
.messages .heading-b,
|
||||
.messages h3,
|
||||
.messages .heading-c,
|
||||
.messages h4,
|
||||
.messages .heading-d,
|
||||
.messages h5,
|
||||
.messages .heading-e,
|
||||
.messages h6,
|
||||
.messages .heading-f {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,18 +3,20 @@
|
|||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.system-modules details {
|
||||
.system-modules .seven-details {
|
||||
background: none;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.system-modules summary {
|
||||
.system-modules .seven-details__summary {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 0.95em 0.5em;
|
||||
}
|
||||
.system-modules [open] summary {
|
||||
.system-modules [open] .seven-details__summary {
|
||||
border-bottom: none;
|
||||
}
|
||||
.system-modules .details-wrapper {
|
||||
.system-modules .seven-details__wrapper {
|
||||
padding: 0 0 0.5em 0;
|
||||
}
|
||||
.system-modules .fieldset-wrapper {
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
}
|
||||
.pager__item {
|
||||
display: inline-block;
|
||||
color: #8c8c8c;
|
||||
color: #757575;
|
||||
font-size: 1.08em;
|
||||
margin: 0;
|
||||
padding: 0 0.4em;
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
.quickedit-button.action-saving {
|
||||
border-color: #1e5c90;
|
||||
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
|
||||
color: #fff;
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
.quickedit-button.action-saving:focus {
|
||||
background-color: #2369a6;
|
||||
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
|
||||
border-color: #1e5c90;
|
||||
color: #fff;
|
||||
}
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
.quickedit-button.action-save:active,
|
||||
.quickedit-button.action-saving:active {
|
||||
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
background-image: linear-gradient(to bottom, #08639b, #0071b8);
|
||||
border-color: #144b78;
|
||||
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
display: inline-block;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
background: #FCFCFA;
|
||||
background: #fcfcfa;
|
||||
}
|
||||
.system-status-counter__status-icon {
|
||||
display: inline-block;
|
||||
|
|
@ -21,12 +21,12 @@
|
|||
border-right: 1px solid #e6e4df; /* LTR */
|
||||
border-left: 0; /* LTR */
|
||||
background-color: #faf9f5;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
[dir="rtl"] .system-status-counter__status-icon {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #e6e4df;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
.system-status-counter__status-icon:before {
|
||||
content: "";
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
|
||||
@media screen and (min-width: 61em) {
|
||||
.system-status-counter__status-icon,
|
||||
.system-status-counter {
|
||||
.system-status-counter {
|
||||
height: 65px;
|
||||
}
|
||||
.system-status-counter__status-icon {
|
||||
|
|
|
|||
|
|
@ -12,6 +12,8 @@
|
|||
margin: 0;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
.system-status-report__entry:last-of-type {
|
||||
border-bottom: 1px solid #bebfb9;
|
||||
|
|
@ -22,7 +24,7 @@
|
|||
.system-status-report__entry--warning {
|
||||
background-color: transparent;
|
||||
}
|
||||
/* Account for native and poly-filled details element */
|
||||
/* Account for native and poly-filled details element */
|
||||
.system-status-report__status-title {
|
||||
position: relative;
|
||||
padding: 1em 1em 1em 3em; /* LTR */
|
||||
|
|
@ -34,9 +36,6 @@
|
|||
color: inherit;
|
||||
text-transform: none;
|
||||
}
|
||||
html:not(.details) .system-status-report__status-title {
|
||||
padding-left: 0;
|
||||
}
|
||||
.system-status-report__status-title .details-title {
|
||||
padding-left: 3em; /* LTR */
|
||||
}
|
||||
|
|
@ -67,6 +66,7 @@ html:not(.details) .system-status-report__status-title {
|
|||
.system-status-report details[open] > *,
|
||||
.system-status-report details > summary:first-child {
|
||||
display: block;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.system-status-report__status-title .details-title:before,
|
||||
|
|
@ -132,7 +132,7 @@ html:not(.details) .system-status-report__status-title {
|
|||
[dir="rtl"] .system-status-report__status-title {
|
||||
float: right;
|
||||
}
|
||||
.system-status-report__status-title::-webkit-details-marker {
|
||||
html.js .system-status-report__status-title::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
.collapse-processed > .system-status-report__status-title:before {
|
||||
|
|
|
|||
|
|
@ -48,6 +48,10 @@ tbody tr.color-error:focus {
|
|||
background: #fcf4f2;
|
||||
}
|
||||
|
||||
table.no-highlight tr.selected td {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
vertical-align: middle;
|
||||
|
|
@ -139,6 +143,7 @@ th.select-all {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 60em) { /* 920px */
|
||||
th.priority-low,
|
||||
td.priority-low {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/**
|
||||
* Tabs.
|
||||
*/
|
||||
.is-collapse-enabled .tabs,
|
||||
.is-collapse-enabled .tabs,
|
||||
.is-horizontal .tabs {
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
.is-horizontal .tabs:before {
|
||||
content: '';
|
||||
display: block;
|
||||
background-color: #A6A6A6;
|
||||
background-color: #a6a6a6;
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
|
@ -59,7 +59,7 @@ li.tabs__tab {
|
|||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
/* This is required to win over specifity of [dir="rtl"] .tabs__tab */
|
||||
/* This is required to win over specificity of [dir="rtl"] .tabs__tab */
|
||||
[dir="rtl"] li.tabs__tab {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
|
|
@ -86,7 +86,7 @@ li.tabs__tab a {
|
|||
z-index: 15;
|
||||
border-color: #a6a6a6;
|
||||
border-radius: 4px 0 0 0; /* LTR */
|
||||
background-color: #ffffff;
|
||||
background-color: #fff;
|
||||
color: #004f80;
|
||||
}
|
||||
[dir="rtl"] .tabs.primary .tabs__tab.is-active {
|
||||
|
|
@ -107,7 +107,7 @@ li.tabs__tab a {
|
|||
}
|
||||
|
||||
/* Only add the arrow if there's space */
|
||||
@media screen and (min-width:18.75em) { /* 300px */
|
||||
@media screen and (min-width: 18.75em) { /* 300px */
|
||||
.tabs.primary a {
|
||||
background: url(../../../../misc/icons/0074bd/chevron-right.svg) 99% center no-repeat;
|
||||
}
|
||||
|
|
@ -123,7 +123,7 @@ li.tabs__tab a {
|
|||
}
|
||||
|
||||
/* JS dependent styling */
|
||||
.is-collapse-enabled .tabs__trigger {
|
||||
.is-collapse-enabled .tabs__trigger {
|
||||
box-sizing: content-box;
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
|
@ -155,7 +155,7 @@ li.tabs__tab a {
|
|||
}
|
||||
.tabs.is-open {
|
||||
max-height: 999em;
|
||||
padding-bottom:16px;
|
||||
padding-bottom: 16px;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.is-collapse-enabled .tabs__tab.is-active {
|
||||
|
|
@ -174,7 +174,7 @@ li.tabs__tab a {
|
|||
}
|
||||
.is-open .tabs__tab.is-active {
|
||||
border-color: #a6a6a6;
|
||||
background-color: #ffffff;
|
||||
background-color: #fff;
|
||||
color: #004f80;
|
||||
border-bottom: 1px solid #a6a6a6;
|
||||
}
|
||||
|
|
@ -195,7 +195,7 @@ li.tabs__tab a {
|
|||
}
|
||||
[dir="rtl"] .is-horizontal .tabs__tab {
|
||||
float: right;
|
||||
/* This is required to win over specifity of [dir="rtl"] .tabs > li */
|
||||
/* This is required to win over specificity of [dir="rtl"] .tabs > li */
|
||||
margin-left: 0;
|
||||
}
|
||||
.is-horizontal .tabs__tab + .tabs__tab {
|
||||
|
|
@ -336,7 +336,7 @@ li.tabs__tab a {
|
|||
padding: 0;
|
||||
}
|
||||
/**
|
||||
* 1. This is required to win over specifity of
|
||||
* 1. This is required to win over specificity of
|
||||
* [dir="rtl"] .tabs.secondary .tabs__tab:hover,
|
||||
* [dir="rtl"] .tabs.secondary .tabs__tab:focus
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
/* Default styles for the container */
|
||||
.joyride-tip-guide {
|
||||
background: #000;
|
||||
background: rgba(0,0,0, 0.8);
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
|
||||
.joyride-tip-guide .joyride-nub {
|
||||
border: solid 14px rgba(0,0,0, 0.8);
|
||||
border: solid 14px rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
.joyride-tip-guide .joyride-nub.top {
|
||||
border-top-color: transparent;
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
}
|
||||
[dir="rtl"] .joyride-tip-guide .joyride-nub.right {
|
||||
border-left-color: transparent;
|
||||
border-right-color: rgba(0,0,0, 0.8);
|
||||
border-right-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
.joyride-tip-guide .joyride-nub.left {
|
||||
border-top-color: transparent;
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
border-bottom-color: transparent;
|
||||
}
|
||||
[dir="rtl"] .joyride-tip-guide .joyride-nub.left {
|
||||
border-left-color: rgba(0,0,0, 0.8);
|
||||
border-left-color: rgba(0, 0, 0, 0.8);
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.joyride-tip-guide .joyride-nub.top-right {
|
||||
|
|
@ -72,30 +72,30 @@
|
|||
margin: 0;
|
||||
}
|
||||
.joyride-timer-indicator-wrap {
|
||||
border: solid 1px rgba(255,255,255, 0.1);
|
||||
border: solid 1px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.joyride-timer-indicator {
|
||||
background: rgba(255,255,255, 0.25);
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.joyride-close-tip {
|
||||
color: rgba(255,255,255, 0.4);
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
text-decoration: none;
|
||||
font-size: 1.4em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.joyride-close-tip:hover,
|
||||
.joyride-close-tip:focus {
|
||||
color: rgba(255,255,255, 0.9);
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.joyride-modal-bg {
|
||||
background: rgba(0,0,0, 0.5);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.joyride-expose-wrapper {
|
||||
background-color: #ffffff;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.joyride-expose-cover {
|
||||
|
|
|
|||
|
|
@ -21,12 +21,12 @@ details.fieldset-no-legend {
|
|||
* a layout problem occurs for the Display format details if we don't fix its
|
||||
* padding), but it's probably safe to just let it apply everywhere.
|
||||
*/
|
||||
#views-ui-add-form details details .details-wrapper {
|
||||
#views-ui-add-form details details .seven-details__wrapper {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.views-display-tab details.box-padding .details-wrapper {
|
||||
.views-display-tab details.box-padding .seven-details__wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
|
@ -59,7 +59,7 @@ details.fieldset-no-legend {
|
|||
/* @group Dependent options
|
||||
*/
|
||||
|
||||
/* This is necessary to supercede the Seven .form-item
|
||||
/* This is necessary to supersede the Seven .form-item
|
||||
* reset declaration that sets the margin to zero.
|
||||
*/
|
||||
.form-item-options-expose-required,
|
||||
|
|
@ -74,7 +74,6 @@ details.fieldset-no-legend {
|
|||
margin-right: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
.views-admin-dependent .form-item .form-item,
|
||||
.views-admin-dependent .form-type-checkboxes,
|
||||
.views-admin-dependent .form-type-radios,
|
||||
|
|
@ -158,7 +157,7 @@ details.fieldset-no-legend {
|
|||
/* @group Attachment details */
|
||||
|
||||
#edit-display-settings-title {
|
||||
color: #008BCB;
|
||||
color: #008bcb;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
|
@ -169,7 +168,7 @@ details.fieldset-no-legend {
|
|||
*/
|
||||
|
||||
.views-displays .secondary {
|
||||
text-align: left; /* LTR */
|
||||
text-align: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-displays .secondary {
|
||||
text-align: right;
|
||||
|
|
@ -190,17 +189,17 @@ details.fieldset-no-legend {
|
|||
.views-displays .secondary .open > a:hover,
|
||||
.views-displays .secondary .open > a:focus {
|
||||
background-color: #f1f1f1;
|
||||
color: #008BCB;
|
||||
color: #008bcb;
|
||||
}
|
||||
|
||||
.views-displays .secondary .action-list li:first-child {
|
||||
.views-displays .secondary .action-list li:first-child {
|
||||
border-radius: 0 7px 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-displays .secondary .action-list li:first-child {
|
||||
[dir="rtl"] .views-displays .secondary .action-list li:first-child {
|
||||
border-radius: 7px 0 0 0;
|
||||
}
|
||||
|
||||
.views-displays .secondary .action-list li:last-child {
|
||||
.views-displays .secondary .action-list li:last-child {
|
||||
border-radius: 0 0 7px 7px;
|
||||
}
|
||||
|
||||
|
|
@ -267,11 +266,11 @@ details.fieldset-no-legend {
|
|||
}
|
||||
|
||||
.views-ui-rearrange-filter-form tr.drag td {
|
||||
background-color: #FFEE77 !important;
|
||||
background-color: #fe7 !important;
|
||||
}
|
||||
|
||||
.views-ui-rearrange-filter-form tr.drag-previous td {
|
||||
background-color: #FFFFBB !important;
|
||||
background-color: #ffb !important;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
|
|
|||
|
|
@ -4,3 +4,11 @@
|
|||
.page-content {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add color to layout icons.
|
||||
*/
|
||||
.layout-icon__region {
|
||||
fill: #f5f5f2;
|
||||
stroke: #666;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,9 @@
|
|||
.layout-region-node-footer__content {
|
||||
border-top: 1px solid #bebfb9;
|
||||
padding-top: 0.5em;
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widescreen
|
||||
*
|
||||
|
|
@ -14,4 +20,7 @@
|
|||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.layout-region-node-footer__content {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0.70;
|
||||
opacity: 0.7;
|
||||
}
|
||||
[dir="rtl"] .cke_reset_all * {
|
||||
text-align: right;
|
||||
|
|
@ -192,11 +192,11 @@
|
|||
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
|
||||
color: #1a1a1a;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125)
|
||||
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus {
|
||||
z-index: 10;
|
||||
border: 1px solid #3AB2FF;
|
||||
border: 1px solid #3ab2ff;
|
||||
box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
|
||||
}
|
||||
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:active {
|
||||
|
|
|
|||
|
|
@ -59,5 +59,4 @@
|
|||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -76,14 +76,14 @@
|
|||
border: solid transparent;
|
||||
border-color: rgba(235, 234, 228, 0);
|
||||
border-left-color: #ebeae4; /* LTR */
|
||||
border-width: 1.35em;
|
||||
border-width: 1.269em;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 50%;
|
||||
margin-top: -1.32em;
|
||||
margin-top: -1.269em;
|
||||
}
|
||||
[dir="rtl"] .task-list .is-active:after {
|
||||
left: auto;
|
||||
|
|
@ -110,6 +110,7 @@
|
|||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
.layout-container {
|
||||
margin: 1.25em;
|
||||
|
|
@ -135,7 +136,9 @@
|
|||
padding: 1em 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
html, .install-page, .maintenance-page {
|
||||
html,
|
||||
.install-page,
|
||||
.maintenance-page {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
|
|||
29
web/core/themes/seven/js/mobile.install.es6.js
Normal file
29
web/core/themes/seven/js/mobile.install.es6.js
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
(function() {
|
||||
function findActiveStep(steps) {
|
||||
for (let i = 0; i < steps.length; i++) {
|
||||
if (steps[i].className === 'is-active') {
|
||||
return i + 1;
|
||||
}
|
||||
}
|
||||
// The final "Finished" step is never "active".
|
||||
if (steps[steps.length - 1].className === 'done') {
|
||||
return steps.length;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
function installStepsSetup() {
|
||||
const steps = document.querySelectorAll('.task-list li');
|
||||
if (steps.length) {
|
||||
const header = document.querySelector('header[role="banner"]');
|
||||
const stepIndicator = document.createElement('div');
|
||||
stepIndicator.className = 'step-indicator';
|
||||
stepIndicator.innerHTML = `${findActiveStep(steps)}/${steps.length}`;
|
||||
header.appendChild(stepIndicator);
|
||||
}
|
||||
}
|
||||
|
||||
if (document.addEventListener) {
|
||||
document.addEventListener('DOMContentLoaded', installStepsSetup);
|
||||
}
|
||||
})();
|
||||
|
|
@ -1,14 +1,18 @@
|
|||
/**
|
||||
* DO NOT EDIT THIS FILE.
|
||||
* See the following change record for more information,
|
||||
* https://www.drupal.org/node/2815083
|
||||
* @preserve
|
||||
**/
|
||||
|
||||
(function () {
|
||||
|
||||
'use strict';
|
||||
|
||||
function findActiveStep(steps) {
|
||||
for (var i = 0; i < steps.length; i++) {
|
||||
if (steps[i].className === 'is-active') {
|
||||
return i + 1;
|
||||
}
|
||||
}
|
||||
// The final "Finished" step is never "active".
|
||||
|
||||
if (steps[steps.length - 1].className === 'done') {
|
||||
return steps.length;
|
||||
}
|
||||
|
|
@ -29,5 +33,4 @@
|
|||
if (document.addEventListener) {
|
||||
document.addEventListener('DOMContentLoaded', installStepsSetup);
|
||||
}
|
||||
|
||||
})();
|
||||
})();
|
||||
54
web/core/themes/seven/js/nav-tabs.es6.js
Normal file
54
web/core/themes/seven/js/nav-tabs.es6.js
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
/**
|
||||
* @file
|
||||
* Responsive navigation tabs.
|
||||
*
|
||||
* This also supports collapsible navigable is the 'is-collapsible' class is
|
||||
* added to the main element, and a target element is included.
|
||||
*/
|
||||
(function($, Drupal) {
|
||||
function init(i, tab) {
|
||||
const $tab = $(tab);
|
||||
const $target = $tab.find('[data-drupal-nav-tabs-target]');
|
||||
const isCollapsible = $tab.hasClass('is-collapsible');
|
||||
|
||||
function openMenu(e) {
|
||||
$target.toggleClass('is-open');
|
||||
}
|
||||
|
||||
function handleResize(e) {
|
||||
$tab.addClass('is-horizontal');
|
||||
const $tabs = $tab.find('.tabs');
|
||||
const isHorizontal =
|
||||
$tabs.outerHeight() <= $tabs.find('.tabs__tab').outerHeight();
|
||||
$tab.toggleClass('is-horizontal', isHorizontal);
|
||||
if (isCollapsible) {
|
||||
$tab.toggleClass('is-collapse-enabled', !isHorizontal);
|
||||
}
|
||||
if (isHorizontal) {
|
||||
$target.removeClass('is-open');
|
||||
}
|
||||
}
|
||||
|
||||
$tab.addClass('position-container is-horizontal-enabled');
|
||||
|
||||
$tab.on('click.tabs', '[data-drupal-nav-tabs-trigger]', openMenu);
|
||||
$(window)
|
||||
.on('resize.tabs', Drupal.debounce(handleResize, 150))
|
||||
.trigger('resize.tabs');
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialise the tabs JS.
|
||||
*/
|
||||
Drupal.behaviors.navTabs = {
|
||||
attach(context, settings) {
|
||||
const $tabs = $(context).find('[data-drupal-nav-tabs]');
|
||||
if ($tabs.length) {
|
||||
const notSmartPhone = window.matchMedia('(min-width: 300px)');
|
||||
if (notSmartPhone.matches) {
|
||||
$tabs.once('nav-tabs').each(init);
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
})(jQuery, Drupal);
|
||||
|
|
@ -1,14 +1,11 @@
|
|||
/**
|
||||
* @file
|
||||
* Responsive navigation tabs.
|
||||
*
|
||||
* This also supports collapsible navigable is the 'is-collapsible' class is
|
||||
* added to the main element, and a target element is included.
|
||||
*/
|
||||
* DO NOT EDIT THIS FILE.
|
||||
* See the following change record for more information,
|
||||
* https://www.drupal.org/node/2815083
|
||||
* @preserve
|
||||
**/
|
||||
|
||||
(function ($, Drupal) {
|
||||
|
||||
'use strict';
|
||||
|
||||
function init(i, tab) {
|
||||
var $tab = $(tab);
|
||||
var $target = $tab.find('[data-drupal-nav-tabs-target]');
|
||||
|
|
@ -37,11 +34,8 @@
|
|||
$(window).on('resize.tabs', Drupal.debounce(handleResize, 150)).trigger('resize.tabs');
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialise the tabs JS.
|
||||
*/
|
||||
Drupal.behaviors.navTabs = {
|
||||
attach: function (context, settings) {
|
||||
attach: function attach(context, settings) {
|
||||
var $tabs = $(context).find('[data-drupal-nav-tabs]');
|
||||
if ($tabs.length) {
|
||||
var notSmartPhone = window.matchMedia('(min-width: 300px)');
|
||||
|
|
@ -51,5 +45,4 @@
|
|||
}
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery, Drupal);
|
||||
})(jQuery, Drupal);
|
||||
52
web/core/themes/seven/js/responsive-details.es6.js
Normal file
52
web/core/themes/seven/js/responsive-details.es6.js
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
/**
|
||||
* @file
|
||||
* Provides responsive behaviors to HTML details elements.
|
||||
*/
|
||||
|
||||
(function($, Drupal) {
|
||||
/**
|
||||
* Initializes the responsive behaviors for details elements.
|
||||
*
|
||||
* @type {Drupal~behavior}
|
||||
*
|
||||
* @prop {Drupal~behaviorAttach} attach
|
||||
* Attaches the responsive behavior to status report specific details elements.
|
||||
*/
|
||||
Drupal.behaviors.responsiveDetails = {
|
||||
attach(context) {
|
||||
const $details = $(context)
|
||||
.find('details')
|
||||
.once('responsive-details');
|
||||
|
||||
if (!$details.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const $summaries = $details.find('> summary');
|
||||
|
||||
function detailsToggle(matches) {
|
||||
if (matches) {
|
||||
$details.attr('open', true);
|
||||
$summaries.attr('aria-expanded', true);
|
||||
$summaries.on('click.details-open', false);
|
||||
} else {
|
||||
// If user explicitly opened one, leave it alone.
|
||||
const $notPressed = $details
|
||||
.find('> summary[aria-pressed!=true]')
|
||||
.attr('aria-expanded', false);
|
||||
$notPressed.parent('details').attr('open', false);
|
||||
// After resize, allow user to close previously opened details.
|
||||
$summaries.off('.details-open');
|
||||
}
|
||||
}
|
||||
|
||||
function handleDetailsMQ(event) {
|
||||
detailsToggle(event.matches);
|
||||
}
|
||||
|
||||
const mql = window.matchMedia('(min-width:48em)');
|
||||
mql.addListener(handleDetailsMQ);
|
||||
detailsToggle(mql.matches);
|
||||
},
|
||||
};
|
||||
})(jQuery, Drupal);
|
||||
|
|
@ -1,43 +1,30 @@
|
|||
/**
|
||||
* @file
|
||||
* Provides responsive behaviors to HTML details elements.
|
||||
*/
|
||||
* DO NOT EDIT THIS FILE.
|
||||
* See the following change record for more information,
|
||||
* https://www.drupal.org/node/2815083
|
||||
* @preserve
|
||||
**/
|
||||
|
||||
(function ($, Drupal) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* Initializes the responsive behaviors for details elements.
|
||||
*
|
||||
* @type {Drupal~behavior}
|
||||
*
|
||||
* @prop {Drupal~behaviorAttach} attach
|
||||
* Attaches the responsive behavior to status report specific details elements.
|
||||
*/
|
||||
Drupal.behaviors.responsiveDetails = {
|
||||
attach: function (context) {
|
||||
attach: function attach(context) {
|
||||
var $details = $(context).find('details').once('responsive-details');
|
||||
|
||||
if (!$details.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $summaries = $details.find('> summary');
|
||||
|
||||
function detailsToggle(matches) {
|
||||
if (matches) {
|
||||
$details.attr('open', true);
|
||||
$summaries.attr('aria-expanded', true);
|
||||
$summaries.on('click.details-open', false);
|
||||
}
|
||||
else {
|
||||
// If user explicitly opened one, leave it alone.
|
||||
var $notPressed = $details
|
||||
.find('> summary[aria-pressed!=true]')
|
||||
.attr('aria-expanded', false);
|
||||
$notPressed
|
||||
.parent('details')
|
||||
.attr('open', false);
|
||||
// After resize, allow user to close previously opened details.
|
||||
} else {
|
||||
var $notPressed = $details.find('> summary[aria-pressed!=true]').attr('aria-expanded', false);
|
||||
$notPressed.parent('details').attr('open', false);
|
||||
|
||||
$summaries.off('.details-open');
|
||||
}
|
||||
}
|
||||
|
|
@ -46,12 +33,9 @@
|
|||
detailsToggle(event.matches);
|
||||
}
|
||||
|
||||
var $summaries = $details.find('> summary');
|
||||
var mql = window.matchMedia('(min-width:48em)');
|
||||
mql.addListener(handleDetailsMQ);
|
||||
detailsToggle(mql.matches);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
})(jQuery, Drupal);
|
||||
})(jQuery, Drupal);
|
||||
|
|
@ -42,6 +42,11 @@ libraries-override:
|
|||
assets/vendor/jquery.ui/themes/base/dialog.css: false
|
||||
classy/dialog:
|
||||
seven/seven.drupal.dialog
|
||||
classy/base:
|
||||
css:
|
||||
component:
|
||||
css/components/details.css: false
|
||||
|
||||
libraries-extend:
|
||||
core/ckeditor:
|
||||
- seven/ckeditor-dialog
|
||||
|
|
|
|||
|
|
@ -8,9 +8,11 @@ global-styling:
|
|||
component:
|
||||
css/components/admin-list.css: {}
|
||||
css/components/content-header.css: {}
|
||||
css/components/container-inline.css: {}
|
||||
css/components/container-inline.module.css: {}
|
||||
css/components/breadcrumb.css: {}
|
||||
css/components/buttons.css: {}
|
||||
css/components/colors.css: {}
|
||||
css/components/details.css: {}
|
||||
css/components/messages.css: {}
|
||||
css/components/dropbutton.component.css: {}
|
||||
css/components/entity-meta.css: {}
|
||||
|
|
@ -33,6 +35,8 @@ global-styling:
|
|||
css/components/system-status-counter.css: {}
|
||||
css/components/tabs.css: {}
|
||||
css/components/views-ui.css: {}
|
||||
theme:
|
||||
css/theme/colors.css: {}
|
||||
layout:
|
||||
css/layout/layout.css: {}
|
||||
dependencies:
|
||||
|
|
@ -119,3 +123,11 @@ tour-styling:
|
|||
css:
|
||||
theme:
|
||||
css/components/tour.theme.css: {}
|
||||
|
||||
media-form:
|
||||
version: VERSION
|
||||
css:
|
||||
layout:
|
||||
css/components/media.css: {}
|
||||
dependencies:
|
||||
- media/form
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
*/
|
||||
|
||||
use Drupal\Core\Form\FormStateInterface;
|
||||
use Drupal\media\MediaForm;
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess_HOOK() for HTML document templates.
|
||||
|
|
@ -23,7 +24,7 @@ function seven_preprocess_html(&$variables) {
|
|||
}
|
||||
|
||||
/**
|
||||
* Implements hook_pre_render_HOOK() for menu-local-tasks templates.
|
||||
* Implements hook_preprocess_HOOK() for menu-local-tasks templates.
|
||||
*
|
||||
* Use preprocess hook to set #attached to child elements
|
||||
* because they will be processed by Twig and drupal_render will
|
||||
|
|
@ -147,42 +148,33 @@ function seven_preprocess_maintenance_page(&$variables) {
|
|||
/**
|
||||
* Implements hook_form_BASE_FORM_ID_alter() for \Drupal\node\NodeForm.
|
||||
*
|
||||
* Changes vertical tabs to container and adds meta information.
|
||||
* Changes vertical tabs to container.
|
||||
*/
|
||||
function seven_form_node_form_alter(&$form, FormStateInterface $form_state) {
|
||||
/** @var \Drupal\node\NodeInterface $node */
|
||||
$node = $form_state->getFormObject()->getEntity();
|
||||
|
||||
$form['#theme'] = ['node_edit_form'];
|
||||
$form['#attached']['library'][] = 'seven/node-form';
|
||||
|
||||
$form['advanced']['#type'] = 'container';
|
||||
$is_new = !$node->isNew() ? format_date($node->getChangedTime(), 'short') : t('Not saved yet');
|
||||
$form['meta'] = [
|
||||
'#attributes' => ['class' => ['entity-meta__header']],
|
||||
'#type' => 'container',
|
||||
'#group' => 'advanced',
|
||||
'#weight' => -100,
|
||||
'published' => [
|
||||
'#type' => 'html_tag',
|
||||
'#tag' => 'h3',
|
||||
'#value' => $node->isPublished() ? t('Published') : t('Not published'),
|
||||
'#access' => !$node->isNew(),
|
||||
'#attributes' => [
|
||||
'class' => ['entity-meta__title'],
|
||||
],
|
||||
],
|
||||
'changed' => [
|
||||
'#type' => 'item',
|
||||
'#wrapper_attributes' => ['class' => ['entity-meta__last-saved', 'container-inline']],
|
||||
'#markup' => '<h4 class="label inline">' . t('Last saved') . '</h4> ' . $is_new,
|
||||
],
|
||||
'author' => [
|
||||
'#type' => 'item',
|
||||
'#wrapper_attributes' => ['class' => ['author', 'container-inline']],
|
||||
'#markup' => '<h4 class="label inline">' . t('Author') . '</h4> ' . $node->getOwner()->getUsername(),
|
||||
],
|
||||
];
|
||||
$form['meta']['#type'] = 'container';
|
||||
$form['meta']['#access'] = TRUE;
|
||||
$form['meta']['changed']['#wrapper_attributes']['class'][] = 'container-inline';
|
||||
$form['meta']['author']['#wrapper_attributes']['class'][] = 'container-inline';
|
||||
|
||||
$form['revision_information']['#type'] = 'container';
|
||||
$form['revision_information']['#group'] = 'meta';
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_form_BASE_FORM_ID_alter() for \Drupal\media\MediaForm.
|
||||
*/
|
||||
function seven_form_media_form_alter(&$form, FormStateInterface $form_state) {
|
||||
// Only attach CSS from core if this form comes from Media core, and not from
|
||||
// the contrib Media Entity 1.x branch.
|
||||
if (\Drupal::moduleHandler()->moduleExists('media') && $form_state->getFormObject() instanceof MediaForm) {
|
||||
// @todo Revisit after https://www.drupal.org/node/2892304 is in. It
|
||||
// introduces a footer region to these forms which will allow for us to
|
||||
// display a top border over the published checkbox by defining a
|
||||
// media-edit-form.html.twig template the same way node does.
|
||||
$form['#attached']['library'][] = 'seven/media-form';
|
||||
}
|
||||
}
|
||||
|
|
|
|||
51
web/core/themes/seven/templates/details.html.twig
Normal file
51
web/core/themes/seven/templates/details.html.twig
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override for a details element.
|
||||
*
|
||||
* Available variables
|
||||
* - attributes: A list of HTML attributes for the details element.
|
||||
* - errors: (optional) Any errors for this details element, may not be set.
|
||||
* - title: (optional) The title of the element, may not be set.
|
||||
* - description: (optional) The description of the element, may not be set.
|
||||
* - children: (optional) The children of the element, may not be set.
|
||||
* - value: (optional) The value of the element, may not be set.
|
||||
*
|
||||
* @see template_preprocess_details()
|
||||
*/
|
||||
#}
|
||||
{#
|
||||
Prefix 'details' class to avoid collision with Modernizr.
|
||||
|
||||
@todo Remove prefix after https://www.drupal.org/node/2981732 has been solved.
|
||||
#}
|
||||
<details{{ attributes.addClass('seven-details') }}>
|
||||
{%- if title -%}
|
||||
{%
|
||||
set summary_classes = [
|
||||
'seven-details__summary',
|
||||
required ? 'js-form-required',
|
||||
required ? 'form-required',
|
||||
]
|
||||
%}
|
||||
<summary{{ summary_attributes.addClass(summary_classes) }}>
|
||||
{{- title -}}
|
||||
</summary>
|
||||
{%- endif -%}
|
||||
<div class="seven-details__wrapper details-wrapper">
|
||||
{% if errors %}
|
||||
<div class="form-item form-item--error-message">
|
||||
<strong>{{ errors }}</strong>
|
||||
</div>
|
||||
{% endif %}
|
||||
{%- if description -%}
|
||||
<div class="seven-details__description">{{ description }}</div>
|
||||
{%- endif -%}
|
||||
{%- if children -%}
|
||||
{{ children }}
|
||||
{%- endif -%}
|
||||
{%- if value -%}
|
||||
{{ value }}
|
||||
{%- endif -%}
|
||||
</div>
|
||||
</details>
|
||||
31
web/core/themes/seven/templates/node-edit-form.html.twig
Normal file
31
web/core/themes/seven/templates/node-edit-form.html.twig
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override for a node edit form.
|
||||
*
|
||||
* Two column template for the node add/edit form.
|
||||
*
|
||||
* This template will be used when a node edit form specifies 'node_edit_form'
|
||||
* as its #theme callback. Otherwise, by default, node add/edit forms will be
|
||||
* themed by form.html.twig.
|
||||
*
|
||||
* Available variables:
|
||||
* - form: The node add/edit form.
|
||||
*
|
||||
* @see seven_form_node_form_alter()
|
||||
*/
|
||||
#}
|
||||
<div class="layout-node-form clearfix">
|
||||
<div class="layout-region layout-region-node-main">
|
||||
{{ form|without('advanced', 'footer', 'actions') }}
|
||||
</div>
|
||||
<div class="layout-region layout-region-node-secondary">
|
||||
{{ form.advanced }}
|
||||
</div>
|
||||
<div class="layout-region layout-region-node-footer">
|
||||
<div class="layout-region-node-footer__content">
|
||||
{{ form.footer }}
|
||||
{{ form.actions }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
<div class="system-status-report__requirements-group">
|
||||
<h3 id="{{ group.type }}">{{ group.title }}</h3>
|
||||
{% for requirement in group.items %}
|
||||
<details class="system-status-report__entry system-status-report__entry--{{ group.type }} color-{{ group.type }}">
|
||||
<details class="system-status-report__entry system-status-report__entry--{{ group.type }} color-{{ group.type }}" open>
|
||||
{%
|
||||
set summary_classes = [
|
||||
'system-status-report__status-title',
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ a.block-demo-backlink:visited {
|
|||
font-family: "Lucida Grande", Verdana, sans-serif;
|
||||
font-size: small;
|
||||
line-height: 20px;
|
||||
left: 20px; /*LTR*/
|
||||
left: 20px; /* LTR */
|
||||
padding: 5px 10px;
|
||||
position: fixed;
|
||||
z-index: 499;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,9 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
ol, ul, dl {
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
/* Preserved spaces for list items with text direction other than the list.
|
||||
* (CKEditor issues #6249,#8049) */
|
||||
padding: 0 40px;
|
||||
|
|
|
|||
|
|
@ -6,8 +6,6 @@
|
|||
* "moono".
|
||||
*/
|
||||
|
||||
|
||||
|
||||
.ckeditor-toolbar {
|
||||
border: 1px solid #b6b6b6;
|
||||
padding: 0.1667em 0.1667em 0.08em;
|
||||
|
|
@ -18,9 +16,9 @@
|
|||
margin: 5px 0;
|
||||
/* Disallow any user selections in the drag-and-drop toolbar config UI. */
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ckeditor-toolbar-active {
|
||||
margin-top: 0.25em;
|
||||
|
|
@ -119,7 +117,7 @@
|
|||
margin: 3px 6px;
|
||||
padding: 3px;
|
||||
}
|
||||
.ckeditor-toolbar-configuration .fieldset-description{
|
||||
.ckeditor-toolbar-configuration .fieldset-description {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.ckeditor-toolbar-disabled .ckeditor-toolbar-available,
|
||||
|
|
@ -182,7 +180,7 @@
|
|||
padding: 4px 6px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ckeditor-toolbar-dividers {
|
||||
|
|
@ -298,7 +296,7 @@ ul.ckeditor-buttons li.ckeditor-button-separator a {
|
|||
height: 18px;
|
||||
width: 1px;
|
||||
display: block;
|
||||
box-shadow: 1px 0 1px rgba(255, 255, 255, 0.5)
|
||||
box-shadow: 1px 0 1px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.ckeditor-button-arrow {
|
||||
width: 0;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
.ckeditor-dialog-loading-link {
|
||||
border-radius: 0 0 5px 5px;
|
||||
border: 1px solid #B6B6B6;
|
||||
border: 1px solid #b6b6b6;
|
||||
border-top: none;
|
||||
background: white;
|
||||
padding: 3px 10px;
|
||||
|
|
|
|||
|
|
@ -143,6 +143,7 @@ button.is-unlocked,
|
|||
.js[dir="rtl"] .color-preview {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 30em) { /* 480px */
|
||||
.color-form .color-preview-sidebar,
|
||||
.color-form .color-preview-content {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,38 @@
|
|||
/**
|
||||
* @file
|
||||
* Component styles for the content_moderation module.
|
||||
*/
|
||||
.entity-moderation-form {
|
||||
list-style: none;
|
||||
display: -webkit-flex; /* Safari */
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap; /* Safari */
|
||||
flex-wrap: wrap;
|
||||
-webkit-align-items: flex-start; /* Safari */
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.entity-moderation-form__item {
|
||||
margin-right: 2em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.entity-moderation-form__item:last-child {
|
||||
-webkit-align-self: flex-end; /* Safari */
|
||||
align-self: flex-end;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.entity-moderation-form .form-item {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.entity-moderation-form .form-item label {
|
||||
padding-bottom: 0.25em;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.entity-moderation-form input[type=submit] {
|
||||
margin-bottom: 1.2em;
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* @file
|
||||
* Theme styles for the content_moderation module.
|
||||
*/
|
||||
.entity-moderation-form {
|
||||
border: 1px dashed #bbb;
|
||||
margin: 2em 0;
|
||||
background: #fff;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
|
@ -14,8 +14,8 @@
|
|||
margin: 0;
|
||||
}
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item.is-active {
|
||||
background-image:-webkit-linear-gradient(rgb(78,159,234) 0%, rgb(69,132,221) 100%);
|
||||
background-image:linear-gradient(rgb(78,159,234) 0%,rgb(69,132,221) 100%);
|
||||
background-image: -webkit-linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
|
||||
background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
|
||||
}
|
||||
|
||||
/* @todo get rid of this declaration by making toolbar.module's CSS less specific */
|
||||
|
|
|
|||
234
web/core/themes/stable/css/core/dialog/off-canvas.base.css
Normal file
234
web/core/themes/stable/css/core/dialog/off-canvas.base.css
Normal file
|
|
@ -0,0 +1,234 @@
|
|||
/**
|
||||
* @file
|
||||
* Set base styles for the off-canvas dialog.
|
||||
*/
|
||||
|
||||
/* Set some global attributes. */
|
||||
#drupal-off-canvas *,
|
||||
#drupal-off-canvas *:not(div) {
|
||||
background: #444;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
/* Generic elements. */
|
||||
#drupal-off-canvas a,
|
||||
#drupal-off-canvas .link {
|
||||
border-bottom: none;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
color: #85bef4;
|
||||
text-decoration: none;
|
||||
transition: color 0.5s ease;
|
||||
}
|
||||
|
||||
#drupal-off-canvas a:focus,
|
||||
#drupal-off-canvas .link:focus,
|
||||
#drupal-off-canvas a:hover,
|
||||
#drupal-off-canvas .link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#drupal-off-canvas hr {
|
||||
height: 1px;
|
||||
background: #ccc;
|
||||
}
|
||||
#drupal-off-canvas summary,
|
||||
#drupal-off-canvas .fieldgroup:not(.form-composite) > legend {
|
||||
font-weight: bold;
|
||||
}
|
||||
#drupal-off-canvas h1,
|
||||
#drupal-off-canvas .heading-a {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-size: 1.625em;
|
||||
line-height: 1.875em;
|
||||
}
|
||||
#drupal-off-canvas h2,
|
||||
#drupal-off-canvas .heading-b {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.385em;
|
||||
}
|
||||
#drupal-off-canvas h3,
|
||||
#drupal-off-canvas .heading-c {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.231em;
|
||||
}
|
||||
#drupal-off-canvas h4,
|
||||
#drupal-off-canvas .heading-d {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.154em;
|
||||
}
|
||||
#drupal-off-canvas h5,
|
||||
#drupal-off-canvas .heading-e {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.077em;
|
||||
}
|
||||
#drupal-off-canvas h6,
|
||||
#drupal-off-canvas .heading-f {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
font-size: 1.077em;
|
||||
}
|
||||
#drupal-off-canvas p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
#drupal-off-canvas dl {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
#drupal-off-canvas dl dd,
|
||||
#drupal-off-canvas dl dl {
|
||||
margin-left: 20px; /* LTR */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas dl dd,
|
||||
[dir="rtl"] #drupal-off-canvas dl dl {
|
||||
margin-right: 20px;
|
||||
}
|
||||
#drupal-off-canvas blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
#drupal-off-canvas address {
|
||||
font-style: italic;
|
||||
}
|
||||
#drupal-off-canvas u,
|
||||
#drupal-off-canvas ins {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#drupal-off-canvas s,
|
||||
#drupal-off-canvas strike,
|
||||
#drupal-off-canvas del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
#drupal-off-canvas big {
|
||||
font-size: larger;
|
||||
}
|
||||
#drupal-off-canvas small {
|
||||
font-size: smaller;
|
||||
}
|
||||
#drupal-off-canvas sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
#drupal-off-canvas sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
line-height: normal;
|
||||
}
|
||||
#drupal-off-canvas abbr,
|
||||
#drupal-off-canvas acronym {
|
||||
border-bottom: dotted 1px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#drupal-off-canvas ul {
|
||||
list-style-type: disc;
|
||||
list-style-image: none;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .messages__list {
|
||||
margin-right: 0;
|
||||
}
|
||||
#drupal-off-canvas ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
#drupal-off-canvas ul li,
|
||||
#drupal-off-canvas ol li {
|
||||
display: block;
|
||||
}
|
||||
#drupal-off-canvas blockquote,
|
||||
#drupal-off-canvas code {
|
||||
margin: 20px 0;
|
||||
}
|
||||
#drupal-off-canvas pre {
|
||||
margin: 20px 0;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/* Classes for hidden and visually hidden elements. See hidden.module.css. */
|
||||
#drupal-off-canvas .hidden {
|
||||
display: none;
|
||||
}
|
||||
#drupal-off-canvas .visually-hidden {
|
||||
position: absolute !important;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
overflow: hidden;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
#drupal-off-canvas .visually-hidden.focusable:active,
|
||||
#drupal-off-canvas .visually-hidden.focusable:focus {
|
||||
position: static !important;
|
||||
clip: auto;
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
#drupal-off-canvas .invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Some system classes. See system.admin.css. */
|
||||
#drupal-off-canvas .panel {
|
||||
padding: 5px 5px 15px;
|
||||
}
|
||||
#drupal-off-canvas .panel__description {
|
||||
margin: 0 0 3px;
|
||||
padding: 2px 0 3px 0;
|
||||
}
|
||||
#drupal-off-canvas .compact-link {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
#drupal-off-canvas small .admin-link:before {
|
||||
content: ' [';
|
||||
}
|
||||
#drupal-off-canvas small .admin-link:after {
|
||||
content: ']';
|
||||
}
|
||||
|
||||
/* Override jQuery UI */
|
||||
#drupal-off-canvas .ui-widget-content a {
|
||||
color: #85bef4 !important;
|
||||
}
|
||||
|
||||
/* Message styles */
|
||||
#drupal-off-canvas .messages {
|
||||
background: no-repeat 10px 17px;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .messages {
|
||||
background-position: right 10px top 17px;
|
||||
}
|
||||
#drupal-off-canvas .messages abbr {
|
||||
color: #444;
|
||||
}
|
||||
#drupal-off-canvas .messages--status {
|
||||
background-color: #f3faef;
|
||||
background-image: url(../../../images/core/icons/73b355/check.svg);
|
||||
color: #325e1c;
|
||||
}
|
||||
#drupal-off-canvas .messages--warning {
|
||||
background-color: #fdf8ed;
|
||||
background-image: url(../../../images/core/icons/e29700/warning.svg);
|
||||
color: #734c00;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .messages--error {
|
||||
background-color: #fcf4f2;
|
||||
background-image: url(../../../images/core/icons/e32700/error.svg);
|
||||
color: #a51b00;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .messages--error div[role="alert"] {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
118
web/core/themes/stable/css/core/dialog/off-canvas.button.css
Normal file
118
web/core/themes/stable/css/core/dialog/off-canvas.button.css
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
/**
|
||||
* @file
|
||||
* Visual styling for buttons in the off-canvas dialog.
|
||||
*
|
||||
* @see seven/css/components/buttons.css
|
||||
*/
|
||||
|
||||
#drupal-off-canvas button,
|
||||
#drupal-off-canvas .button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
|
||||
line-height: normal;
|
||||
text-transform: none;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#drupal-off-canvas button.link {
|
||||
display: inline;
|
||||
background: transparent;
|
||||
font-size: 14px;
|
||||
color: #85bef4;
|
||||
transition: color 0.5s ease;
|
||||
}
|
||||
#drupal-off-canvas button.link:hover,
|
||||
#drupal-off-canvas button.link:focus {
|
||||
color: #46a0f5;
|
||||
text-decoration: none;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 4px 20px;
|
||||
border: 0;
|
||||
border-radius: 20em;
|
||||
background: #777;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
color: #f5f5f5;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
transition: background 0.5s ease;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button:hover,
|
||||
#drupal-off-canvas input[type="submit"].button:focus,
|
||||
#drupal-off-canvas input[type="submit"].button:active {
|
||||
border: 0;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
z-index: 10;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button:focus,
|
||||
#drupal-off-canvas input[type="submit"].button:active {
|
||||
box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button--primary {
|
||||
border: 0;
|
||||
background: #277abd;
|
||||
color: #fff;
|
||||
margin-top: 15px;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button--primary:hover,
|
||||
#drupal-off-canvas input[type="submit"].button--primary:focus,
|
||||
#drupal-off-canvas input[type="submit"].button--primary:active {
|
||||
background: #236aaf;
|
||||
outline: none;
|
||||
}
|
||||
#drupal-off-canvas .button-action:before {
|
||||
margin-left: -0.2em; /* LTR */
|
||||
padding-right: 0.2em; /* LTR */
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .button-action:before {
|
||||
margin-right: -0.2em;
|
||||
margin-left: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0.2em;
|
||||
}
|
||||
#drupal-off-canvas .no-touchevents .button--small {
|
||||
font-size: 13px;
|
||||
padding: 2px 1em;
|
||||
}
|
||||
#drupal-off-canvas .button:disabled,
|
||||
#drupal-off-canvas .button:disabled:active,
|
||||
#drupal-off-canvas .button.is-disabled,
|
||||
#drupal-off-canvas .button.is-disabled:active {
|
||||
border: 0;
|
||||
background: #555;
|
||||
color: #5c5c5c;
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
}
|
||||
#drupal-off-canvas .button--danger {
|
||||
border-radius: 0;
|
||||
color: #c72100;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
#drupal-off-canvas .button--danger:hover,
|
||||
#drupal-off-canvas .button--danger:focus,
|
||||
#drupal-off-canvas .button--danger:active {
|
||||
color: #ff2a00;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
#drupal-off-canvas .button--danger:disabled,
|
||||
#drupal-off-canvas .button--danger.is-disabled {
|
||||
color: #737373;
|
||||
cursor: default;
|
||||
}
|
||||
55
web/core/themes/stable/css/core/dialog/off-canvas.css
Normal file
55
web/core/themes/stable/css/core/dialog/off-canvas.css
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
/**
|
||||
* @file
|
||||
* CSS for off-canvas dialog.
|
||||
*/
|
||||
|
||||
/* Position the off-canvas dialog container outside the right of the viewport. */
|
||||
.ui-dialog-off-canvas {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Wrap the form that's inside the off-canvas dialog. */
|
||||
.ui-dialog-off-canvas .ui-dialog-content {
|
||||
padding: 0 20px;
|
||||
/* Prevent horizontal scrollbar. */
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog-off-canvas .ui-dialog-content {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Position the off-canvas dialog container outside the right of the viewport. */
|
||||
.ui-dialog-off-canvas {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Wrap the form that's inside the off-canvas dialog. */
|
||||
.ui-dialog-off-canvas #drupal-off-canvas {
|
||||
padding: 0 20px 20px;
|
||||
/* Prevent horizontal scrollbar. */
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog-off-canvas #drupal-off-canvas {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* Force the off-canvas dialog to be 100% width at the same breakpoint the
|
||||
* dialog system uses to expand dialog widths.
|
||||
*/
|
||||
@media all and (max-width: 48em) { /* 768px */
|
||||
.ui-dialog.ui-dialog-off-canvas {
|
||||
width: 100% !important;
|
||||
}
|
||||
/* When off-canvas dialog is at 100% width stop the body from scrolling */
|
||||
.js-off-canvas-dialog-open {
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show more
Reference in a new issue