updated core from 8.4 to 8.5 : bug with login_destination

This commit is contained in:
Bachir Soussi Chiadmi
2018-03-13 14:01:21 +01:00
parent 0d78da249b
commit e668535a4e
3486 changed files with 89604 additions and 33283 deletions
+3 -3
View File
@@ -46,8 +46,8 @@ regions:
footer_fourth: 'Footer fourth'
footer_fifth: 'Footer fifth'
# Information added by Drupal.org packaging script on 2018-01-03
version: '8.4.4'
# Information added by Drupal.org packaging script on 2018-03-07
version: '8.5.0'
core: '8.x'
project: 'drupal'
datestamp: 1515021228
datestamp: 1520457825
+1 -1
View File
@@ -31,7 +31,7 @@ $info = [
'footer' => '#292929',
'titleslogan' => '#fffeff',
'text' => '#3b3b3b',
'link' => '#0071B3',
'link' => '#0071b3',
],
],
'firehouse' => [
+3 -3
View File
@@ -35,10 +35,10 @@
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
// CSS3 Gradients.
const gradient_start = $colorPalette.find('input[name="palette[top]"]').val();
const gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val();
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: ${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());
},
+3 -3
View File
@@ -32,10 +32,10 @@
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
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());
}
+6 -6
View File
@@ -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;
+4 -4
View File
@@ -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;
@@ -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;
@@ -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 */
+3 -5
View File
@@ -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,7 +170,7 @@ input.form-submit:focus {
.node-form .form-wrapper {
margin-bottom: 2em;
}
.node-form .node-form-footer,
.node-form .entity-content-form-footer,
.node-form .field--name-status {
margin-bottom: 0;
}
@@ -11,6 +11,7 @@
.region-header .site-branding {
margin-top: 0.429em;
}
@media all and (min-width: 461px) {
.region-header .block {
float: right; /* LTR */
@@ -27,6 +28,7 @@
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%;
@@ -16,11 +16,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 +33,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 {
+3 -1
View File
@@ -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;
}
+4 -4
View File
@@ -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;
}
+1
View File
@@ -12,6 +12,7 @@
margin-right: auto;
box-sizing: border-box;
}
@media all and (min-width: 851px) {
.layout-container {
max-width: 1290px;
@@ -53,6 +53,7 @@ body.maintenance-page {
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;
+3 -3
View File
@@ -23,8 +23,8 @@ libraries-extend:
core/drupal.progress:
- classy/progress
# Information added by Drupal.org packaging script on 2018-01-03
version: '8.4.4'
# Information added by Drupal.org packaging script on 2018-03-07
version: '8.5.0'
core: '8.x'
project: 'drupal'
datestamp: 1515021228
datestamp: 1520457825
@@ -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;
+2 -1
View File
@@ -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;
+4 -4
View File
@@ -14,14 +14,14 @@ 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;
@@ -10,7 +10,7 @@
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 {
@@ -51,10 +51,12 @@
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; }
}
@keyframes animate-stripes {
0% { background-position: 0 0, 0 0; }
100% { background-position: 0 0, -80px 0; }
@@ -21,6 +21,7 @@
]
%}
<article{{ attributes.addClass(classes) }}>
{{ title_suffix.contextual_links }}
{% if content %}
{{ content }}
{% endif %}
@@ -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>
@@ -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>
+3 -3
View File
@@ -4,8 +4,8 @@ name: Twig
# version: VERSION
package: Core
# Information added by Drupal.org packaging script on 2018-01-03
version: '8.4.4'
# Information added by Drupal.org packaging script on 2018-03-07
version: '8.5.0'
core: '8.x'
project: 'drupal'
datestamp: 1515021228
datestamp: 1520457825
+2 -6
View File
@@ -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;
@@ -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,
+8 -8
View File
@@ -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);
}
@@ -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;
}
+17 -8
View File
@@ -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;
}
@@ -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;
@@ -173,7 +173,7 @@
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;
@@ -203,8 +203,21 @@
-webkit-transition: none;
transition: none;
}
.dropbutton-single .dropbutton-action a.use-ajax {
float: left;
.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;
}
/**
@@ -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;
+8 -7
View File
@@ -71,7 +71,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 +84,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 +105,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 {
@@ -175,7 +175,7 @@ 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;
@@ -183,14 +183,14 @@ textarea.form-textarea {
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,
@@ -205,7 +205,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;
}
@@ -241,6 +241,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;
@@ -42,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);
}
/**
@@ -331,8 +331,8 @@
*/
.ui-widget-overlay {
background: #000;
opacity: .70;
filter: Alpha(Opacity=70);
opacity: 0.7;
filter: alpha(Opacity=70);
}
/**
@@ -347,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;
}
@@ -375,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;
@@ -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: "";
@@ -34,9 +34,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 */
}
@@ -132,7 +129,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 {
@@ -143,6 +143,7 @@ th.select-all {
display: none;
}
}
@media screen and (max-width: 60em) { /* 920px */
th.priority-low,
td.priority-low {
+4 -4
View File
@@ -9,7 +9,7 @@
.is-horizontal .tabs:before {
content: '';
display: block;
background-color: #A6A6A6;
background-color: #a6a6a6;
height: 1px;
position: absolute;
bottom: 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 {
@@ -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;
}
+10 -10
View File
@@ -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 {
@@ -157,7 +157,7 @@ details.fieldset-no-legend {
/* @group Attachment details */
#edit-display-settings-title {
color: #008BCB;
color: #008bcb;
}
/* @end */
@@ -189,7 +189,7 @@ 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 {
@@ -266,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 */
+8
View File
@@ -4,3 +4,11 @@
.page-content {
margin-bottom: 80px;
}
/**
* Add color to layout icons.
*/
.layout-icon__region {
fill: #f5f5f2;
stroke: #666;
}
@@ -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 {
@@ -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;
@@ -43,7 +43,7 @@
detailsToggle(event.matches);
}
var $summaries = $details.find('> summary');
const $summaries = $details.find('> summary');
const mql = window.matchMedia('(min-width:48em)');
mql.addListener(handleDetailsMQ);
detailsToggle(mql.matches);
+3 -3
View File
@@ -66,8 +66,8 @@ regions:
regions_hidden:
- sidebar_first
# Information added by Drupal.org packaging script on 2018-01-03
version: '8.4.4'
# Information added by Drupal.org packaging script on 2018-03-07
version: '8.5.0'
core: '8.x'
project: 'drupal'
datestamp: 1515021228
datestamp: 1520457825
+4 -1
View File
@@ -8,9 +8,10 @@ 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/messages.css: {}
css/components/dropbutton.component.css: {}
css/components/entity-meta.css: {}
@@ -33,6 +34,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:
+5 -11
View File
@@ -6,7 +6,6 @@
*/
use Drupal\Core\Form\FormStateInterface;
use Drupal\media\MediaForm;
/**
* Implements hook_preprocess_HOOK() for HTML document templates.
@@ -168,14 +167,9 @@ function seven_form_node_form_alter(&$form, FormStateInterface $form_state) {
* Implements hook_form_BASE_FORM_ID_alter() for \Drupal\media\MediaForm.
*/
function seven_form_media_form_alter(&$form, FormStateInterface $form_state) {
$media_is_enabled = \Drupal::moduleHandler()->moduleExists('media');
// Only attach CSS from core if this form comes from Media core, and not from
// the contrib Media Entity 1.x branch.
if ($media_is_enabled && $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';
}
// @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';
}
@@ -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',
@@ -16,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;
@@ -180,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 {
@@ -296,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;
+1 -1
View File
@@ -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 */
@@ -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;
}
@@ -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;
}
@@ -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;
/* 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;
}
}
@@ -0,0 +1,60 @@
/**
* @file
* Visual styling for summary and details in the off-canvas dialog.
*/
#drupal-off-canvas details,
#drupal-off-canvas summary {
display: block;
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
}
#drupal-off-canvas details,
#drupal-off-canvas summary,
#drupal-off-canvas .ui-dialog-content {
background: #474747;
color: #ddd;
}
#drupal-off-canvas summary a {
color: #ddd;
padding-top: 0;
padding-bottom: 0;
}
#drupal-off-canvas summary a:hover,
#drupal-off-canvas summary a:focus {
color: #fff;
}
#drupal-off-canvas details,
#drupal-off-canvas summary,
#drupal-off-canvas .details-wrapper {
border-width: 0;
/* Cancel out the padding of the parent. */
margin: 0 -20px;
padding: 0 20px;
}
#drupal-off-canvas summary {
text-shadow: none;
padding: 10px 20px;
font-size: 14px;
transition: all 0.5s ease;
}
#drupal-off-canvas summary:hover,
#drupal-off-canvas summary:focus {
background-color: #222;
}
#drupal-off-canvas details[open] {
padding-bottom: 10px;
}
#drupal-off-canvas details[open] > summary {
background-color: #333;
color: #eee;
}
#drupal-off-canvas details[open] > summary:hover {
background-color: #222;
color: #fff;
}
#drupal-off-canvas details .placeholder {
font: inherit;
color: inherit;
font-style: italic;
background: transparent;
}
@@ -0,0 +1,291 @@
/**
* @file
* Styles for dropbuttons in the off-canvas dialog.
*/
#drupal-off-canvas .dropbutton-wrapper,
#drupal-off-canvas .dropbutton-widget {
-webkit-appearance: none;
-moz-appearance: none;
display: block;
position: static;
transition: none;
}
#drupal-off-canvas .dropbutton-widget {
margin: 0;
padding: 0;
border: 0;
background: #277abd;
border-radius: 1em;
font-weight: 600;
color: #fff;
text-transform: none;
text-decoration: none;
text-align: center;
line-height: normal;
cursor: pointer;
transition: background 0.5s ease;
}
#drupal-off-canvas .dropbutton-widget:hover {
background: #2b8bd8;
}
/*
* Style dropbutton single.
*/
#drupal-off-canvas .dropbutton-single .dropbutton-action a {
padding: 0;
/* Overlap icon for trigger. */
margin-top: -2em;
height: 2.2em;
cursor: pointer;
}
#drupal-off-canvas .dropbutton-single .dropbutton-action:hover,
#drupal-off-canvas .dropbutton-single .dropbutton-action:focus,
#drupal-off-canvas .dropbutton-single .dropbutton-action a:hover,
#drupal-off-canvas .dropbutton-single .dropbutton-action a:focus {
text-decoration: none;
outline: none;
}
#drupal-off-canvas .dropbutton-widget .dropbutton {
margin: 0;
overflow: hidden;
padding: 0;
}
#drupal-off-canvas .dropbutton li,
#drupal-off-canvas .dropbutton a {
display: block;
width: auto;
padding: 4px 0;
text-align: left;
color: #555;
outline: none;
}
#drupal-off-canvas .dropbutton li:hover,
#drupal-off-canvas .dropbutton li:focus,
#drupal-off-canvas .dropbutton a:hover,
#drupal-off-canvas .dropbutton a:focus {
background: transparent;
color: #333;
outline: none;
}
/*
* Style dropbutton multiple.
*/
#drupal-off-canvas .dropbutton-multiple .dropbutton-widget {
width: 2em;
height: 2em;
}
#drupal-off-canvas .dropbutton-multiple .dropbutton-widget:hover {
background-color: #2b8bd8;
}
/* Hide the other actions until the dropbutton is triggered. */
#drupal-off-canvas .dropbutton-multiple .dropbutton .secondary-action {
display: none;
}
/* The toggle to expand the button. */
#drupal-off-canvas .dropbutton-toggle {
position: absolute;
top: 0;
right: 0; /* LTR */
bottom: 0;
display: block;
width: 2em;
color: #fff;
text-indent: 110%;
white-space: nowrap;
}
#drupal-off-canvas .dropbutton-toggle button {
display: block;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
border: 0 solid transparent;
border-bottom-right-radius: 1em; /* LTR */
border-top-right-radius: 1em; /* LTR */
cursor: pointer;
}
#drupal-off-canvas .dropbutton-toggle button:hover,
#drupal-off-canvas .dropbutton-toggle button:focus {
outline: none;
}
/* The toggle arrow. */
#drupal-off-canvas .dropbutton-arrow {
position: absolute;
display: block;
height: 0;
width: 0;
margin-top: 0;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-style: solid;
border-width: 0.3333em 0.3333em 0;
color: #fff;
line-height: 0;
overflow: hidden;
}
#drupal-off-canvas span.dropbutton-arrow {
top: 7px;
right: 7px; /* LTR */
background: transparent;
}
#drupal-off-canvas span.dropbutton-arrow:hover {
background: transparent;
}
#drupal-off-canvas .dropbutton-action > .js-form-submit.form-submit,
#drupal-off-canvas .dropbutton-toggle button {
position: relative;
text-shadow: none;
}
/*
* Dropbuttons when in a table cell.
*/
/* Make sure table cell doesn't collapse around absolute positioned dropbutton. */
#drupal-off-canvas td .dropbutton-single {
min-width: 2em;
}
#drupal-off-canvas td .dropbutton-multiple {
min-width: 2em;
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
border: 0;
}
#drupal-off-canvas td .dropbutton-multiple .dropbutton-action a,
#drupal-off-canvas td .dropbutton-multiple .dropbutton-action input,
#drupal-off-canvas td .dropbutton-multiple .dropbutton-action button {
width: auto;
padding: 0;
font-size: inherit;
}
#drupal-off-canvas td .dropbutton-wrapper {
margin-bottom: 0;
}
/* Push the widget to the right so text expands left. */
#drupal-off-canvas td .dropbutton-widget {
position: absolute;
right: 12px; /* LTR */
padding: 0;
background: #277abd none;
}
/* Push the wrapper to the right edge of the td. */
#drupal-off-canvas td .dropbutton-single,
#drupal-off-canvas td .dropbutton-multiple {
float: right; /* LTR */
padding-right: 0;
margin-right: 0;
max-width: initial;
min-width: initial;
position: relative;
}
#drupal-off-canvas td .dropbutton-widget .dropbutton {
margin: 0;
width: 2em;
height: 2em;
overflow: hidden;
background: transparent;
}
/* Push text out of the way. */
#drupal-off-canvas td .dropbutton-multiple li,
#drupal-off-canvas td .dropbutton-multiple a {
margin-left: -9999px;
background: transparent;
}
#drupal-off-canvas td .dropbutton-multiple.open .dropbutton li,
#drupal-off-canvas td .dropbutton-multiple.open .dropbutton a {
margin-left: 0;
width: auto;
color: #fff;
}
/* Collapse the button to a circle. */
#drupal-off-canvas td .dropbutton-toggle {
width: 2em;
height: 2em;
border-radius: 1em;
}
#drupal-off-canvas td .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
border: 0;
background: transparent;
}
/* Prevent list item from expanding its container. */
#drupal-off-canvas td ul.dropbutton li.edit {
width: 2em;
height: 2em;
}
/* Make li text transparent above icon so it's clickable. */
#drupal-off-canvas td .dropbutton-single li.edit.dropbutton-action > a {
color: transparent;
z-index: 1;
}
/* Put pencil icon in place of hidden 'edit' text on single buttons. */
#drupal-off-canvas td .dropbutton-single .edit:before {
content: '.';
display: block;
color: transparent;
background: transparent url(../../../images/core/icons/ffffff/pencil.svg) no-repeat center;
background-size: 14px;
}
/* Dropbutton when triggered expands to show secondary items. */
#drupal-off-canvas .dropbutton-multiple.open {
z-index: 100;
}
/* Create visual separation if there is an adjacent button. */
#drupal-off-canvas .dropbutton-multiple.open .dropbutton-widget {
box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.5);
}
/* Triggered dropbutton expands to show secondary items. */
#drupal-off-canvas .dropbutton-multiple.open,
#drupal-off-canvas .dropbutton-multiple.open .dropbutton-widget {
display: block;
width: auto;
height: auto;
max-width: none;
min-width: 0;
padding: 0;
overflow: visible;
}
/* Triggered dropbutton in td expands to show secondary items. */
#drupal-off-canvas td .dropbutton-multiple.open .dropbutton,
#drupal-off-canvas .dropbutton-multiple.open .dropbutton .secondary-action {
display: block;
width: auto;
height: auto;
padding-right: 1em; /* LTR */
}
[dir="rtl"] #drupal-off-canvas td .dropbutton-multiple.open .dropbutton {
padding-left: 1em;
padding-right: inherit;
}
#drupal-off-canvas .dropbutton-multiple.open .dropbutton li a {
padding: 2px 1em;
}
/* When open, the toggle arrow points upward. */
#drupal-off-canvas .dropbutton-multiple.open span.dropbutton-arrow {
border-bottom: 0.3333em solid;
border-top-color: transparent;
top: 2px;
}
@@ -0,0 +1,133 @@
/**
* @file
* Visual styling for forms in the off-canvas dialog.
*/
#drupal-off-canvas form {
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
color: #ddd;
}
#drupal-off-canvas input[type="checkbox"] {
-webkit-appearance: checkbox;
}
#drupal-off-canvas input[type="radio"] {
-webkit-appearance: radio;
}
#drupal-off-canvas select {
-webkit-appearance: menulist;
-moz-appearance: menulist;
}
#drupal-off-canvas option {
display: block;
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
}
#drupal-off-canvas label {
line-height: normal;
font-family: inherit;
font-size: 12px;
font-weight: bold;
color: #ddd;
}
#drupal-off-canvas .visually-hidden {
opacity: 0;
height: 0;
width: 0;
letter-spacing: -2em;
}
#drupal-off-canvas .description,
#drupal-off-canvas .form-item .description,
#drupal-off-canvas .details-description {
color: #ddd;
margin-top: 5px;
font-family: inherit;
font-size: 12px;
font-style: normal;
}
#drupal-off-canvas .form-item {
margin-bottom: 10px;
margin-top: 10px;
}
/* Set size and position for all inputs. */
#drupal-off-canvas .form-select,
#drupal-off-canvas .form-text,
#drupal-off-canvas .form-tel,
#drupal-off-canvas .form-email,
#drupal-off-canvas .form-url,
#drupal-off-canvas .form-search,
#drupal-off-canvas .form-number,
#drupal-off-canvas .form-color,
#drupal-off-canvas .form-file,
#drupal-off-canvas .form-textarea,
#drupal-off-canvas .form-date,
#drupal-off-canvas .form-time {
box-sizing: border-box;
max-width: 100%;
padding: 6px;
margin: 5px 0 0 0;
border-width: 1px;
border-radius: 2px;
display: block;
font-family: inherit;
font-size: 14px;
color: #333;
line-height: 16px;
}
/* Reduce contrast for fields against dark background. */
#drupal-off-canvas .form-text,
#drupal-off-canvas .form-tel,
#drupal-off-canvas .form-email,
#drupal-off-canvas .form-url,
#drupal-off-canvas .form-search,
#drupal-off-canvas .form-number,
#drupal-off-canvas .form-color,
#drupal-off-canvas .form-file,
#drupal-off-canvas .form-textarea,
#drupal-off-canvas .form-date,
#drupal-off-canvas .form-time {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
background-color: #eee;
border-color: #333;
color: #595959;
}
#drupal-off-canvas .form-text:focus,
#drupal-off-canvas .form-tel:focus,
#drupal-off-canvas .form-email:focus,
#drupal-off-canvas .form-url:focus,
#drupal-off-canvas .form-search:focus,
#drupal-off-canvas .form-number:focus,
#drupal-off-canvas .form-color:focus,
#drupal-off-canvas .form-file:focus,
#drupal-off-canvas .form-textarea:focus,
#drupal-off-canvas .form-date:focus,
#drupal-off-canvas .form-time:focus {
border-color: #40b6ff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.125), 0 0 8px #40b6ff;
background-color: #fff;
}
#drupal-off-canvas td .form-item,
#drupal-off-canvas td .form-select {
margin: 0;
}
#drupal-off-canvas .form-file {
margin-bottom: 5px;
width: 100%;
}
#drupal-off-canvas .form-actions {
text-align: center;
margin: 10px 0;
}
#drupal-off-canvas .ui-autocomplete {
background-color: white;
position: absolute;
top: 0;
left: 0;
cursor: default;
}
#drupal-off-canvas .ui-autocomplete li {
display: block;
}
#drupal-off-canvas .ui-autocomplete li a {
color: #595959 !important;
cursor: pointer;
padding: 5px;
}
@@ -0,0 +1,11 @@
/**
* @file
* Visual styling for layouts in the off-canvas dialog.
*
* See seven/css/layout/layout.css
*/
.layout-icon__region {
fill: #f5f5f2;
stroke: #666;
}
@@ -0,0 +1,11 @@
/**
* @file
* Motion effects for off-canvas dialog.
*
* Motion effects are in a separate file so that they can be easily turned off
* to improve performance if desired.
*/
.dialog-off-canvas-main-canvas {
transition: all 0.7s ease;
}
@@ -0,0 +1,388 @@
/**
* @file
* Reset most HTML elements styles for the off-canvas dialog.
*
* This is a generic reset. Drupal-specific classes are reset in components.
*/
/**
* Do not include div in then initial overrides because including div will
* cause the need for many more overrides in this file.
*/
#drupal-off-canvas *:not(div),
#drupal-off-canvas *:not(svg *),
#drupal-off-canvas *:after,
#drupal-off-canvas *:before {
all: initial;
box-sizing: border-box;
text-shadow: none;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: initial;
}
/* Reset size and position on elements. */
#drupal-off-canvas a,
#drupal-off-canvas abbr,
#drupal-off-canvas acronym,
#drupal-off-canvas address,
#drupal-off-canvas applet,
#drupal-off-canvas article,
#drupal-off-canvas aside,
#drupal-off-canvas audio,
#drupal-off-canvas b,
#drupal-off-canvas big,
#drupal-off-canvas blockquote,
#drupal-off-canvas body,
#drupal-off-canvas canvas,
#drupal-off-canvas caption,
#drupal-off-canvas cite,
#drupal-off-canvas code,
#drupal-off-canvas dd,
#drupal-off-canvas del,
#drupal-off-canvas dfn,
#drupal-off-canvas dialog,
#drupal-off-canvas dl,
#drupal-off-canvas dt,
#drupal-off-canvas em,
#drupal-off-canvas embed,
#drupal-off-canvas fieldset,
#drupal-off-canvas figcaption,
#drupal-off-canvas figure,
#drupal-off-canvas footer,
#drupal-off-canvas form,
#drupal-off-canvas h1,
#drupal-off-canvas h2,
#drupal-off-canvas h3,
#drupal-off-canvas h4,
#drupal-off-canvas h5,
#drupal-off-canvas h6,
#drupal-off-canvas header,
#drupal-off-canvas hgroup,
#drupal-off-canvas hr,
#drupal-off-canvas html,
#drupal-off-canvas i,
#drupal-off-canvas iframe,
#drupal-off-canvas img,
#drupal-off-canvas ins,
#drupal-off-canvas kbd,
#drupal-off-canvas label,
#drupal-off-canvas legend,
#drupal-off-canvas li,
#drupal-off-canvas main,
#drupal-off-canvas mark,
#drupal-off-canvas menu,
#drupal-off-canvas meter,
#drupal-off-canvas nav,
#drupal-off-canvas object,
#drupal-off-canvas ol,
#drupal-off-canvas output,
#drupal-off-canvas p,
#drupal-off-canvas pre,
#drupal-off-canvas progress,
#drupal-off-canvas q,
#drupal-off-canvas rp,
#drupal-off-canvas rt,
#drupal-off-canvas s,
#drupal-off-canvas samp,
#drupal-off-canvas section,
#drupal-off-canvas small,
#drupal-off-canvas span,
#drupal-off-canvas strike,
#drupal-off-canvas strong,
#drupal-off-canvas sub,
#drupal-off-canvas sup,
#drupal-off-canvas table,
#drupal-off-canvas tbody,
#drupal-off-canvas td,
#drupal-off-canvas tfoot,
#drupal-off-canvas th,
#drupal-off-canvas thead,
#drupal-off-canvas time,
#drupal-off-canvas tr,
#drupal-off-canvas tt,
#drupal-off-canvas u,
#drupal-off-canvas ul,
#drupal-off-canvas var,
#drupal-off-canvas video,
#drupal-off-canvas xmp {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
}
/*
* Override the default (display: inline) for browsers that do not recognize HTML5 tags.
* IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv
*/
#drupal-off-canvas article,
#drupal-off-canvas aside,
#drupal-off-canvas figcaption,
#drupal-off-canvas figure,
#drupal-off-canvas footer,
#drupal-off-canvas header,
#drupal-off-canvas hgroup,
#drupal-off-canvas main,
#drupal-off-canvas menu,
#drupal-off-canvas nav,
#drupal-off-canvas section {
display: block;
line-height: normal;
border-radius: 0;
}
/*
* Makes browsers agree.
* IE + Opera = font-weight: bold.
* Gecko + WebKit = font-weight: bolder.
*/
#drupal-off-canvas b,
#drupal-off-canvas strong {
font-weight: bold;
}
#drupal-off-canvas em,
#drupal-off-canvas i {
font-style: italic;
}
#drupal-off-canvas img {
color: transparent;
font-size: 0;
vertical-align: middle;
}
#drupal-off-canvas ul,
#drupal-off-canvas ol {
list-style: none;
}
/* reset table styling. */
#drupal-off-canvas table {
border-collapse: collapse;
border-spacing: 0;
}
#drupal-off-canvas table thead,
#drupal-off-canvas table tbody,
#drupal-off-canvas table tbody tr:nth-child(even),
#drupal-off-canvas table tbody tr:nth-child(odd),
#drupal-off-canvas table tfoot {
border: 0;
background: transparent none;
}
#drupal-off-canvas th,
#drupal-off-canvas td,
#drupal-off-canvas caption {
font-weight: normal;
}
#drupal-off-canvas q {
quotes: none;
}
#drupal-off-canvas q:before,
#drupal-off-canvas q:after {
content: none;
}
#drupal-off-canvas sub,
#drupal-off-canvas sup,
#drupal-off-canvas small {
font-size: 75%;
}
#drupal-off-canvas sub,
#drupal-off-canvas sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}
#drupal-off-canvas sub {
bottom: -0.25em;
}
#drupal-off-canvas sup {
top: -0.5em;
}
/*
* For IE9. Without, occasionally draws shapes
* outside the boundaries of <svg> rectangle.
*/
#drupal-off-canvas svg {
overflow: hidden;
}
/* Specific resets for inputs. */
#drupal-off-canvas input[type="search"]::-webkit-search-decoration {
display: none;
}
#drupal-off-canvas input {
margin: 0;
padding: 0;
}
#drupal-off-canvas input[type="checkbox"],
#drupal-off-canvas input[type="radio"] {
position: static;
margin: 0;
}
#drupal-off-canvas input:invalid,
#drupal-off-canvas button:invalid,
#drupal-off-canvas select:invalid,
#drupal-off-canvas textarea:invalid,
#drupal-off-canvas input:focus,
#drupal-off-canvas button:focus,
#drupal-off-canvas select:focus,
#drupal-off-canvas textarea:focus,
#drupal-off-canvas input[type="file"]:focus,
#drupal-off-canvas input[type="file"]:active,
#drupal-off-canvas input[type="radio"]:focus,
#drupal-off-canvas input[type="radio"]:active,
#drupal-off-canvas input[type="checkbox"]:focus,
#drupal-off-canvas input[type="checkbox"]:active {
box-shadow: none;
z-index: 1;
}
#drupal-off-canvas input[role="button"] {
cursor: pointer;
}
#drupal-off-canvas button,
#drupal-off-canvas input[type="reset"],
#drupal-off-canvas input[type="submit"],
#drupal-off-canvas input[type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
background-image: none;
border: 0;
outline: 0;
overflow: visible;
text-shadow: none;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
}
#drupal-off-canvas button:hover,
#drupal-off-canvas input[type="reset"]:hover,
#drupal-off-canvas input[type="submit"]:hover,
#drupal-off-canvas input[type="button"]:hover {
background-image: none;
text-decoration: none;
}
#drupal-off-canvas button:active,
#drupal-off-canvas input[type="reset"]:active,
#drupal-off-canvas input[type="submit"]:active,
#drupal-off-canvas input[type="button"]:active {
background-image: none;
box-shadow: none;
border-color: grey;
}
#drupal-off-canvas button::-moz-focus-inner,
#drupal-off-canvas input[type="reset"]::-moz-focus-inner,
#drupal-off-canvas input[type="submit"]::-moz-focus-inner,
#drupal-off-canvas input[type="button"]::-moz-focus-inner {
border: 0;
padding: 0;
}
#drupal-off-canvas textarea,
#drupal-off-canvas select,
#drupal-off-canvas input[type="date"],
#drupal-off-canvas input[type="datetime"],
#drupal-off-canvas input[type="datetime-local"],
#drupal-off-canvas input[type="email"],
#drupal-off-canvas input[type="month"],
#drupal-off-canvas input[type="number"],
#drupal-off-canvas input[type="password"],
#drupal-off-canvas input[type="search"],
#drupal-off-canvas input[type="tel"],
#drupal-off-canvas input[type="text"],
#drupal-off-canvas input[type="time"],
#drupal-off-canvas input[type="url"],
#drupal-off-canvas input[type="week"] {
height: auto;
vertical-align: middle;
border-radius: 0;
}
#drupal-off-canvas textarea[disabled],
#drupal-off-canvas select[disabled],
#drupal-off-canvas input[type="date"][disabled],
#drupal-off-canvas input[type="datetime"][disabled],
#drupal-off-canvas input[type="datetime-local"][disabled],
#drupal-off-canvas input[type="email"][disabled],
#drupal-off-canvas input[type="month"][disabled],
#drupal-off-canvas input[type="number"][disabled],
#drupal-off-canvas input[type="password"][disabled],
#drupal-off-canvas input[type="search"][disabled],
#drupal-off-canvas input[type="tel"][disabled],
#drupal-off-canvas input[type="text"][disabled],
#drupal-off-canvas input[type="time"][disabled],
#drupal-off-canvas input[type="url"][disabled],
#drupal-off-canvas input[type="week"][disabled] {
background-color: grey;
}
#drupal-off-canvas input[type="hidden"] {
visibility: hidden;
}
#drupal-off-canvas button[disabled],
#drupal-off-canvas input[disabled],
#drupal-off-canvas select[disabled],
#drupal-off-canvas select[disabled] option,
#drupal-off-canvas select[disabled] optgroup,
#drupal-off-canvas textarea[disabled] {
box-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
#drupal-off-canvas input:placeholder,
#drupal-off-canvas textarea:placeholder {
color: grey;
}
#drupal-off-canvas textarea,
#drupal-off-canvas select[size],
#drupal-off-canvas select[multiple] {
height: auto;
}
#drupal-off-canvas select[size="0"],
#drupal-off-canvas select[size="1"] {
height: auto;
}
#drupal-off-canvas textarea {
min-height: 40px;
overflow: auto;
resize: vertical;
width: 100%;
}
#drupal-off-canvas optgroup {
color: black;
font-style: normal;
font-weight: normal;
}
#drupal-off-canvas optgroup::-moz-focus-inner {
border: 0;
padding: 0;
}
#drupal-off-canvas * button {
background: none;
border: 1px solid grey;
color: black;
padding: 0;
text-decoration: none;
overflow: visible;
vertical-align: middle;
width: auto;
}
#drupal-off-canvas * textarea,
#drupal-off-canvas * select,
#drupal-off-canvas *:not(div) textarea,
#drupal-off-canvas *:not(div) select {
background: white;
border: 1px solid grey;
color: black;
padding: 0;
vertical-align: top;
}
/* To standardize off-canvas selection color. */
#drupal-off-canvas ::-moz-selection,
#drupal-off-canvas ::selection {
background-color: rgba(175, 175, 175, 0.5);
color: inherit;
}
@@ -0,0 +1,89 @@
/**
* @file
* Visual styling for tables in the off-canvas dialog.
*/
#drupal-off-canvas table * {
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
}
#drupal-off-canvas table {
display: table;
width: 100%;
min-width: calc(100% + 40px);
/* Cancel out the padding of the parent to make the table full width. */
margin: 0 -20px -10px -20px;
border: 0;
border-collapse: collapse;
font-size: 12px;
color: #ddd;
}
#drupal-off-canvas table thead {
display: table-header-group;
}
#drupal-off-canvas table tbody {
display: table-row-group;
}
#drupal-off-canvas tr {
display: table-row;
}
#drupal-off-canvas tr:hover td {
background-color: transparent;
}
#drupal-off-canvas td,
#drupal-off-canvas th {
display: table-cell;
height: auto;
width: auto;
padding: 2px 8px;
vertical-align: middle;
border-bottom: 1px solid #777;
background-color: transparent;
}
[dir="rtl"] #drupal-off-canvas th,
[dir="rtl"] #drupal-off-canvas td {
text-align: right;
}
#drupal-off-canvas th {
font-weight: bold;
}
#drupal-off-canvas th.checkbox,
#drupal-off-canvas td.checkbox {
width: 20px;
padding: 0;
text-align: center;
}
#drupal-off-canvas div.checkbox.menu-enabled {
position: static;
display: inline;
width: auto;
}
#drupal-off-canvas th:first-child,
#drupal-off-canvas td:first-child {
width: 150px;
}
/* For lack of a better class, using this to grab the operations th. */
#drupal-off-canvas .tabledrag-has-colspan {
text-align: right;
padding-right: 20px;
}
#drupal-off-canvas td {
padding: 6px 8px;
color: #ddd;
}
/* Hide overflow with ellipsis for links. */
#drupal-off-canvas td a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: transparent;
}
#drupal-off-canvas tr td:first-child,
#drupal-off-canvas tr th:first-child {
padding-left: 20px; /* LTR */
}
[dir="rtl"] #drupal-off-canvas tr td:first-child,
[dir="rtl"] #drupal-off-canvas tr th:first-child {
padding-right: 20px;
}
@@ -0,0 +1,122 @@
/**
* @file
* Table drag behavior for off-canvas dialog.
*
* @see tabledrag.js
*/
#drupal-off-canvas .drag {
cursor: move;
}
#drupal-off-canvas tr.region-title {
font-weight: normal;
}
#drupal-off-canvas table .region-message {
color: #fff;
}
#drupal-off-canvas table .region-populated {
display: none;
}
#drupal-off-canvas .add-new .tabledrag-changed {
display: none;
}
#drupal-off-canvas .draggable a.tabledrag-handle {
background-image: none;
margin: 0 5px 0 0;
height: auto;
min-width: 20px;
padding: 0;
overflow: hidden;
float: left; /* LTR */
text-decoration: none;
cursor: move;
}
[dir="rtl"] #drupal-off-canvas .draggable a.tabledrag-handle {
float: right;
margin-right: 0;
margin-left: 5px;
}
#drupal-off-canvas a.tabledrag-handle .handle {
/* Use lighter drag icon against dark background. */
background-image: url(../../../images/core/icons/bebebe/move.svg);
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
#drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,
#drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {
background-image: url(../../../images/core/icons/787878/move.svg);
text-decoration: none;
}
#drupal-off-canvas tr td {
transition: background 0.3s ease;
}
#drupal-off-canvas tr td abbr {
margin-left: 5px; /* LTR */
}
[dir="rtl"] #drupal-off-canvas tr td abbr {
margin-left: 0;
margin-right: 5px;
}
#drupal-off-canvas tr:hover td {
background: #222;
}
#drupal-off-canvas tr.drag td {
background: #111;
}
#drupal-off-canvas tr.drag-previous td {
background: #000;
}
#drupal-off-canvas tr.drag-previous:hover td {
background: #222;
}
body div.tabledrag-changed-warning {
margin-bottom: 0.5em;
font-size: 14px;
}
#drupal-off-canvas .touchevents .draggable td {
padding: 0 10px;
}
#drupal-off-canvas .touchevents .draggable .menu-item__link {
display: inline-block;
padding: 10px 0;
}
#drupal-off-canvas .touchevents a.tabledrag-handle {
height: 44px;
width: 40px;
}
#drupal-off-canvas .touchevents a.tabledrag-handle .handle {
background-position: 40% 19px; /* LTR */
height: 21px;
}
[dir="rtl"] #drupal-off-canvas .touch a.tabledrag-handle .handle {
background-position: right 40% top 19px;
}
#drupal-off-canvas .touchevents .draggable.drag a.tabledrag-handle .handle {
background-position: 50% -32px;
}
#drupal-off-canvas .tabledrag-toggle-weight-wrapper {
padding-top: 10px;
text-align: right; /* LTR */
}
[dir="rtl"] #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
text-align: left;
}
#drupal-off-canvas .indentation {
float: left; /* LTR */
height: auto;
margin: 0 3px 0 -10px; /* LTR */
padding: 0 0 0 10px; /* LTR */
width: auto;
}
[dir="rtl"] #drupal-off-canvas .indentation {
float: right;
margin: 0 -10px 0 3px;
padding: 0 10px 0 0;
}
@@ -0,0 +1,98 @@
/**
* @file
* Styling for the off-canvas ui dialog. Including overrides for jQuery UI.
*/
/* Style the dialog-off-canvas container. */
.ui-dialog.ui-dialog-off-canvas {
background: #444;
border: 0 solid transparent;
border-radius: 0;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3333);
padding: 0;
color: #ddd;
/* Layer the dialog just under the toolbar. */
z-index: 501;
}
/* Style the off-canvas dialog header. */
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
padding: 1em;
background: #2d2d2d;
border: 0;
border-bottom: 1px solid #000;
border-radius: 0;
font-weight: normal;
color: #fff;
}
/* Hide the default jQuery UI dialog close button. */
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close .ui-icon {
visibility: hidden;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
background-image: url(../../../images/core/icons/bebebe/ex.svg);
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
border: 3px solid transparent;
height: 30px;
width: 30px;
position: absolute;
top: calc(50% - 6px);
right: 1em;
transition: all 0.5s ease;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:focus {
background-image: url(../../../images/core/icons/ffffff/ex.svg);
border: 3px solid #fff;
}
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
left: 1em;
right: auto;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
margin: 0;
/* Push the text away from the icon. */
padding-left: 30px; /* LTR */
padding-right: 0; /* LTR */
/* Ensure that long titles do not overlap the close button. */
max-width: 210px;
font-size: 16px;
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
text-align: left; /* LTR */
}
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
float: right;
text-align: right;
padding-left: 0;
padding-right: 30px;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {
background: transparent url(../../../images/core/icons/ffffff/pencil.svg) no-repeat scroll center center;
background-size: 100% auto;
content: '';
display: block;
height: 100%;
position: absolute;
left: 1em; /* LTR */
top: 0;
width: 20px;
}
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {
left: auto;
right: 1em;
}
/* Override default styling from jQuery UI. */
#drupal-off-canvas .ui-state-default,
#drupal-off-canvas .ui-widget-content .ui-state-default,
#drupal-off-canvas .ui-widget-header .ui-state-default {
border: 0;
font-weight: normal;
font-size: 14px;
color: #333;
}
#drupal-off-canvas .ui-widget-content a {
color: #85bef4;
}
@@ -5,12 +5,12 @@
.dblog-filter-form .form-item-type,
.dblog-filter-form .form-item-severity {
display: inline-block;
margin: .1em .9em .1em .1em; /* LTR */
margin: 0.1em 0.9em 0.1em 0.1em; /* LTR */
max-width: 30%;
}
[dir="rtl"] .dblog-filter-form .form-item-type,
[dir="rtl"] .dblog-filter-form .form-item-severity {
margin: .1em .1em .1em .9em;
margin: 0.1em 0.1em 0.1em 0.9em;
}
.dblog-filter-form .form-actions {
display: inline-block;
@@ -17,7 +17,7 @@
}
.field-ui-overview .field-plugin-summary {
float: left; /* LTR */
font-size: .9em;
font-size: 0.9em;
}
[dir="rtl"] .field-ui-overview .field-plugin-summary {
float: right;
@@ -25,7 +25,7 @@
.field-ui-overview .field-plugin-summary-cell .warning {
display: block;
float: left; /* LTR */
margin-right: .5em;
margin-right: 0.5em;
}
[dir="rtl"] .field-ui-overview .field-plugin-summary-cell .warning {
float: right;
@@ -5,12 +5,12 @@
.quickedit-image-dropzone {
background: rgba(116, 183, 255, 0.8);
transition: background .2s;
transition: background 0.2s;
}
.quickedit-image-icon {
margin: 0 0 10px 0;
transition: margin .5s;
transition: margin 0.5s;
}
.quickedit-image-dropzone.hover {
@@ -37,7 +37,7 @@
table-layout: fixed;
}
.locale-translate-edit-form td {
vertical-align: top
vertical-align: top;
}
.locale-translate-edit-form tr.changed {
@@ -49,7 +49,7 @@
}
.locale-translate-filter-form .form-wrapper {
margin-bottom:0;
margin-bottom: 0;
}
.locale-translate-edit-form table.changed {
@@ -68,18 +68,16 @@
#locale-translation-status-form th.title {
width: 25%;
}
#locale-translation-status-form th.description {
}
#locale-translation-status-form td {
vertical-align: top;
}
.locale-translation-update__wrapper {
background: transparent url(../../images/core/menu-collapsed.png) left .6em no-repeat;
background: transparent url(../../images/core/menu-collapsed.png) left 0.6em no-repeat;
margin-left: -12px;
padding-left: 12px;
}
.expanded .locale-translation-update__wrapper {
background: transparent url(../../images/core/menu-expanded.png) left .6em no-repeat;
background: transparent url(../../images/core/menu-expanded.png) left 0.6em no-repeat;
}
#locale-translation-status-form .description {
cursor: pointer;
@@ -125,6 +123,7 @@
margin: 0 0 0.25em 1.5em;
padding: 0;
}
@media screen and (max-width: 40em) {
#locale-translation-status-form th.title {
width: 20%;
+2 -2
View File
@@ -9,7 +9,7 @@
/* Narrow screens */
.layout-region {
box-sizing: border-box;
box-sizing: border-box;
}
/* Wide screens */
@@ -51,7 +51,7 @@
.layout-region-node-secondary .form-number,
.layout-region-node-secondary .form-color,
.layout-region-node-secondary textarea {
box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
@@ -48,7 +48,7 @@
font-size: 1em;
}
.quickedit .icon-pencil {
margin-left: .5em;
margin-left: 0.5em;
padding-left: 1.5em;
}
@@ -26,7 +26,7 @@
}
.quickedit-editing.quickedit-validation-error,
.quickedit-form.quickedit-validation-error {
box-shadow: 0 0 0px 1px #ee8b74, 0 0 0 2px #fa2209;
box-shadow: 0 0 0 1px #ee8b74, 0 0 0 2px #fa2209;
}
.quickedit-editing.quickedit-editor-is-popup {
box-shadow: none;
@@ -45,7 +45,7 @@
margin: 0;
}
.quickedit-form .form-wrapper {
margin: .5em;
margin: 0.5em;
}
/**
@@ -55,35 +55,35 @@
opacity: 0;
}
.quickedit-animate-default {
-webkit-transition: all .4s ease;
transition: all .4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.quickedit-animate-slow {
-webkit-transition: all .6s ease;
transition: all .6s ease;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.quickedit-animate-delay-veryfast {
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.quickedit-animate-delay-fast {
-webkit-transition-delay: .2s;
transition-delay: .2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.quickedit-animate-disable-width {
-webkit-transition: width 0s;
transition: width 0s;
}
.quickedit-animate-only-visibility {
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
/**
* In-place editors that don't use a popup.
*/
.quickedit-validation-errors .messages.error {
box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, .5);
box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, 0.5);
background-color: white;
}
@@ -107,7 +107,7 @@
}
.quickedit-toolbar-container > .quickedit-toolbar-content {
background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
background-image: linear-gradient(to bottom, #fff, #e4e4e4);
background-image: linear-gradient(to bottom, #fff, #e4e4e4);
box-sizing: border-box;
color: black;
padding: 0.1667em;
@@ -121,7 +121,7 @@
.quickedit-toolbar-container > .quickedit-toolbar-pointer {
background-color: #e4e4e4;
bottom: 2px;
box-shadow: 0 0 0 1px #818181, 0px 0px 0 4px rgba(150, 150, 150, 0.5);
box-shadow: 0 0 0 1px #818181, 0 0 0 4px rgba(150, 150, 150, 0.5);
display: block;
height: 16px;
left: 18px; /* LTR */
@@ -142,7 +142,7 @@
}
.quickedit-toolbar-container > .quickedit-toolbar-lining {
bottom: 7px;
box-shadow: 0 0 0 1px #818181, 0px 3px 0px 1px rgba(150, 150, 150, 0.5);
box-shadow: 0 0 0 1px #818181, 0 3px 0 1px rgba(150, 150, 150, 0.5);
display: block;
left: 0;
position: absolute;
@@ -208,8 +208,8 @@
margin: 0;
opacity: 1;
padding: 0.345em;
-webkit-transition: opacity .1s ease;
transition: opacity .1s ease;
-webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
.quickedit-button[aria-hidden="true"] {
visibility: hidden;
@@ -237,7 +237,7 @@
color: white;
background-color: #50a0e9;
background-image: -webkit-linear-gradient(top, #50a0e9, #4481dc);
background-image: linear-gradient(to bottom, #50a0e9, #4481dc);
background-image: linear-gradient(to bottom, #50a0e9, #4481dc);
border: 1px solid transparent;
}
.quickedit-button.action-save:hover,
@@ -0,0 +1,23 @@
/**
* @file
* Styling for Settings Tray module.
*/
/*
* Position the edit toolbar tab.
* @todo Move changes into contextual module when Settings Tray is not
* experimental: https://www.drupal.org/node/2784591.
*/
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
float: left;
}
[dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
float: right;
}
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode a,
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode input {
pointer-events: none;
}
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .contextual-links a {
pointer-events: inherit;
}
@@ -0,0 +1,19 @@
/**
* @file
* Motion effects for Settings Tray module.
*
* Motion effects are in a separate file so that they can be easily turned off
* to improve performance if desired.
*/
/* Transition the edit icon in the toolbar. */
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
transition: all 0.7s ease;
}
/* Transition the editables on the page, their contextual links and their hover states. */
.dialog-off-canvas-main-canvas .contextual,
.dialog-off-canvas-main-canvas .js-settings-tray-edit-mode .settings-tray-editable,
.dialog-off-canvas-main-canvas.js-off-canvas-dialog-open .js-settings-tray-edit-mode .settings-tray-editable {
transition: all 0.7s ease;
}
@@ -0,0 +1,70 @@
/**
* @file
* Visual styling for Settings Tray module.
*/
/* @todo remove the @imports when we find a better way to load these styles last.
* https://www.drupal.org/node/1945262.
*/
/* Style the edit mode toolbar and tabs. */
#toolbar-bar.js-settings-tray-edit-mode {
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
}
.js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) {
color: #999;
}
.js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) .is-active {
color: #333;
}
/* Style both the edit and editing states of the contextual links toggle tab. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:focus {
background-color: #0066a1;
background-image: linear-gradient(to bottom, #0066a1, #005b98);
color: #eee;
text-shadow: none;
font-weight: bold;
outline: none;
}
/* Make the hover of the inactive state the same as the active state. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
color: #fff;
}
/* Make the hover of the active state the same as the inactive state. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
background-color: #0066a1;
background-image: linear-gradient(to bottom, #0066a1, #005b98);
color: #fff;
}
/* Make the inactive icon grey. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:before {
background-image: url(../../../../misc/icons/bebebe/pencil.svg);
}
/* Make the active icon white. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:before {
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
}
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover:before {
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
}
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:before {
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
}
.toolbar-tab > .button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
}
/* Style the editables while in edit mode. */
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable {
outline: 1px dashed rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
}
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable:hover,
.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable.settings-tray-active-editable {
background-color: rgba(0, 0, 0, 0.2);
}
@@ -0,0 +1,66 @@
/**
* @file
* Visual styling for the toolbar when Settings Tray module is enabled.
*/
/* @todo Move this into toolbar when module is not experimental:
* https://www.drupal.org/node/2784593.
*/
/* Style the edit mode toolbar and tabs. */
#toolbar-bar.js-settings-tray-edit-mode {
background-color: #fff;
}
#toolbar-bar.js-settings-tray-edit-mode .toolbar-item {
color: #999;
}
#toolbar-bar.js-settings-tray-edit-mode .toolbar-item .is-active {
color: #333;
}
/* Style both the edit and editing states of the contextual links toggle tab. */
.toolbar-icon-edit.toolbar-item {
background-color: #0066a1;
background-image: linear-gradient(to bottom, #0066a1, #005b98);
color: #eee;
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
font-weight: 700;
-webkit-font-smoothing: antialiased;
}
.toolbar-icon-edit.toolbar-item.is-active {
background-color: #0a7bc1;
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
color: #fff;
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
font-weight: 700;
-webkit-font-smoothing: antialiased;
}
.toolbar-tab:hover > .toolbar-icon-edit,
.toolbar-icon-edit:focus .toolbar-item {
background-color: #0a7bc1;
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
border-color: #1e5c90;
color: #fff;
outline: none;
}
.toolbar-icon.toolbar-icon-edit.toolbar-item:before,
button.toolbar-icon.toolbar-icon-edit.toolbar-item:before {
background-image: url(../../../../misc/icons/bebebe/pencil.svg);
}
.toolbar-icon.toolbar-icon-edit.toolbar-item:before:hover,
button.toolbar-icon.toolbar-icon-edit.toolbar-item:before:focus {
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
}
.toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:before {
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
}
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
background-image: url(../../../../misc/icons/ffffff/pencil.svg);
}
#toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
color: #fff;
}
#toolbar-bar.js-settings-tray-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
background-image: linear-gradient(to bottom, #0a6fb4, #0a65aa);
}
@@ -32,11 +32,11 @@
margin-right: 0.3em;
}
.shortcut-action__message {
background: #000000;
background: #000;
background: rgba(0, 0, 0, 0.5);
border-radius: 5px;
padding: 0 5px;
color: #ffffff;
color: #fff;
display: inline-block;
margin-left: 0.3em; /* LTR */
opacity: 0;
@@ -84,7 +84,7 @@ a.simpletest-collapse {
a.simpletest-collapse:focus,
a.simpletest-collapse:hover {
font-size: 80%;
top: 0px;
top: 0;
height: auto;
width: auto;
overflow: visible;
@@ -11,7 +11,7 @@
float: right;
}
.ajax-progress-throbber .throbber {
background: transparent url(../../../images/core/throbber-active.gif) no-repeat 0px center;
background: transparent url(../../../images/core/throbber-active.gif) no-repeat 0 center;
display: inline;
padding: 1px 5px 2px;
}
@@ -27,7 +27,7 @@
.progress__percentage {
color: #555;
overflow: hidden;
font-size: .875em;
font-size: 0.875em;
margin-top: 0.2em;
}
.progress__description {
@@ -5,11 +5,11 @@
.system-status-report-counters__item {
width: 100%;
padding: .5em 0;
padding: 0.5em 0;
text-align: center;
white-space: nowrap;
background-color: rgba(0, 0, 0, 0.063);
margin-bottom: .5em;
margin-bottom: 0.5em;
}
@media screen and (min-width: 60em) {
@@ -117,8 +117,8 @@ small .admin-link:after {
text-transform: none;
}
.system-modules td details a {
color: #5C5C5B;
border: 0px;
color: #5c5c5b;
border: 0;
}
.system-modules td details {
border: 0;
@@ -234,7 +234,7 @@ small .admin-link:after {
background-image: url(../../images/core/icons/e29700/warning.svg);
}
.system-status-report__entry__value {
padding: 1em .5em;
padding: 1em 0.5em;
}
/**
+11 -11
View File
@@ -61,38 +61,38 @@
*/
.toolbar .level-2 > ul {
background-color: #fafafa;
border-bottom-color: #cccccc;
border-bottom-color: #ccc;
border-top-color: #e5e5e5;
}
.toolbar .level-3 > ul {
background-color: #f5f5f5;
border-bottom-color: #c5c5c5;
border-top-color: #dddddd;
border-top-color: #ddd;
}
.toolbar .level-4 > ul {
background-color: #eeeeee;
border-bottom-color: #bbbbbb;
background-color: #eee;
border-bottom-color: #bbb;
border-top-color: #d5d5d5;
}
.toolbar .level-5 > ul {
background-color: #e5e5e5;
border-bottom-color: #b5b5b5;
border-top-color: #cccccc;
border-top-color: #ccc;
}
.toolbar .level-6 > ul {
background-color: #eeeeee;
border-bottom-color: #aaaaaa;
background-color: #eee;
border-bottom-color: #aaa;
border-top-color: #c5c5c5;
}
.toolbar .level-7 > ul {
background-color: #fafafa;
border-bottom-color: #b5b5b5;
border-top-color: #cccccc;
border-top-color: #ccc;
}
.toolbar .level-8 > ul {
background-color: #dddddd;
border-bottom-color: #cccccc;
border-top-color: #dddddd;
background-color: #ddd;
border-bottom-color: #ccc;
border-top-color: #ddd;
}
/**
@@ -16,6 +16,7 @@
padding: 0;
vertical-align: baseline;
}
@media print {
#toolbar-administration {
display: none;
@@ -238,6 +239,7 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 240px; /* LTR */
margin-left: 15rem; /* LTR */
}
@media print {
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 0;
@@ -249,6 +251,7 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-right: 240px;
margin-right: 15rem;
}
@media print {
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-right: 0;
@@ -5,10 +5,10 @@
font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
/* Set base font size to 13px based on root ems. */
font-size: 0.8125rem;
-moz-tap-highlight-color: rgba(0,0,0,0);
-o-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0,0,0,0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
-o-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-moz-touch-callout: none;
-o-touch-callout: none;
-webkit-touch-callout: none;
@@ -31,13 +31,13 @@
.toolbar .toolbar-bar {
background-color: #0f0f0f;
box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
color: #dddddd;
color: #ddd;
}
[dir="rtl"] .toolbar .toolbar-bar {
box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
}
.toolbar .toolbar-bar .toolbar-item {
color: #ffffff;
color: #fff;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
font-weight: bold;
@@ -56,7 +56,7 @@
* Toolbar tray.
*/
.toolbar .toolbar-tray {
background-color: #ffffff;
background-color: #fff;
}
.toolbar-horizontal .toolbar-tray > .toolbar-lining {
padding-right: 5em; /* LTR */
@@ -67,16 +67,16 @@
}
.toolbar .toolbar-tray-vertical {
background-color: #f5f5f5;
border-right: 1px solid #aaaaaa; /* LTR */
border-right: 1px solid #aaa; /* LTR */
box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-vertical {
border-left: 1px solid #aaaaaa;
border-left: 1px solid #aaa;
border-right: 0 none;
box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
}
.toolbar-horizontal .toolbar-tray {
border-bottom: 1px solid #aaaaaa;
border-bottom: 1px solid #aaa;
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
}
[dir="rtl"] .toolbar-horizontal .toolbar-tray {
@@ -99,33 +99,33 @@
text-decoration: underline;
}
.toolbar .toolbar-menu {
background-color: #ffffff;
background-color: #fff;
}
.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
border-left: 1px solid #dddddd; /* LTR */
border-left: 1px solid #ddd; /* LTR */
}
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
border-left: 0 none;
border-right: 1px solid #dddddd;
border-right: 1px solid #ddd;
}
.toolbar-horizontal .toolbar-tray .menu-item:last-child {
border-right: 1px solid #dddddd; /* LTR */
border-right: 1px solid #ddd; /* LTR */
}
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child {
border-left: 1px solid #dddddd;
border-left: 1px solid #ddd;
}
.toolbar .toolbar-tray-vertical .menu-item + .menu-item {
border-top: 1px solid #dddddd;
border-top: 1px solid #ddd;
}
.toolbar .toolbar-tray-vertical .menu-item:last-child {
border-bottom: 1px solid #dddddd;
border-bottom: 1px solid #ddd;
}
.toolbar .toolbar-tray-vertical .menu-item .menu-item {
border: 0 none;
}
.toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.toolbar .toolbar-tray-vertical .menu-item:last-child > ul {
border-bottom: 0;
@@ -32,6 +32,7 @@
top: 0;
left: 0;
}
@media only screen and (max-width: 767px) {
.joyride-tip-guide {
width: 85%;

Some files were not shown because too many files have changed in this diff Show More