first commit
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
|
||||
ABOUT STABLE
|
||||
------------
|
||||
|
||||
Stable is the default base theme; it provides minimal markup and very few
|
||||
CSS classes. If you prefer more structured markup see the Classy base theme.
|
||||
|
||||
Stable allows core markup and styling to evolve by functioning as a backwards
|
||||
compatibility layer for themes against changes to core markup and CSS. If you
|
||||
browse Stable's contents, you will find copies of all the Twig templates and
|
||||
CSS files provided by core.
|
||||
|
||||
Stable will be used as the base theme if no base theme is set in a theme's
|
||||
.info.yml file. To opt out of Stable you can set the base theme to false in
|
||||
your theme's .info.yml file (see the warning below before doing this):
|
||||
base theme: false
|
||||
|
||||
Warning: Themes that opt out of using Stable as a base theme will need
|
||||
continuous maintenance as core changes, so only opt out if you are prepared to
|
||||
keep track of those changes and how they affect your theme.
|
||||
|
||||
ABOUT DRUPAL THEMING
|
||||
--------------------
|
||||
|
||||
For more information, see Drupal.org's theming guide.
|
||||
https://www.drupal.org/docs/8/theming
|
||||
@@ -0,0 +1,42 @@
|
||||
/* Block listing page */
|
||||
.region-title__action {
|
||||
display: inline-block;
|
||||
margin-left: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .region-title__action {
|
||||
margin-right: 1em;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Block demo mode */
|
||||
.block-region {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
padding: 3px;
|
||||
background-color: #ff6;
|
||||
}
|
||||
a.block-demo-backlink,
|
||||
a.block-demo-backlink:link,
|
||||
a.block-demo-backlink:visited {
|
||||
position: fixed;
|
||||
z-index: 499;
|
||||
left: 20px; /* LTR */
|
||||
padding: 5px 10px;
|
||||
color: #000;
|
||||
border-radius: 0 0 10px 10px;
|
||||
background-color: #b4d7f0;
|
||||
font-family: "Lucida Grande", Verdana, sans-serif;
|
||||
font-size: small;
|
||||
line-height: 20px;
|
||||
}
|
||||
a.block-demo-backlink:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Configure block form - Block description */
|
||||
.block-form .form-item-settings-admin-label label {
|
||||
display: inline;
|
||||
}
|
||||
.block-form .form-item-settings-admin-label label:after {
|
||||
content: ":";
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
/**
|
||||
* CSS added to iframe-based instances only.
|
||||
*/
|
||||
body {
|
||||
margin: 8px;
|
||||
color: #222;
|
||||
background-color: #fff;
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
/* A font-size of 16px prevents iOS from zooming. */
|
||||
body {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
/* Preserved spaces for list items with text direction other than the list.
|
||||
* (CKEditor issues #6249,#8049) */
|
||||
padding: 0 40px;
|
||||
}
|
||||
@@ -0,0 +1,331 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for configuration of CKEditor module.
|
||||
*
|
||||
* Many of these styles are adapted directly from the default CKEditor theme
|
||||
* "moono".
|
||||
*/
|
||||
|
||||
.ckeditor-toolbar {
|
||||
margin: 5px 0;
|
||||
padding: 0.1667em 0.1667em 0.08em;
|
||||
/* 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;
|
||||
border: 1px solid #b6b6b6;
|
||||
background: #cfd1cf;
|
||||
background-image: -webkit-linear-gradient(top, whiteSmoke, #cfd1cf);
|
||||
background-image: linear-gradient(top, whiteSmoke, #cfd1cf);
|
||||
box-shadow: 0 1px 0 white inset;
|
||||
}
|
||||
.ckeditor-toolbar-active {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
.ckeditor-toolbar-disabled {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.ckeditor-toolbar ul,
|
||||
.ckeditor-toolbar-disabled ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
/* This is required to win over specificity of [dir="rtl"] ul */
|
||||
[dir="rtl"] .ckeditor-toolbar ul,
|
||||
[dir="rtl"] .ckeditor-toolbar-disabled ul {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.ckeditor-row {
|
||||
padding: 2px 0 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.ckeditor-group-names-are-visible .ckeditor-row {
|
||||
border: 1px solid whitesmoke;
|
||||
}
|
||||
.ckeditor-row + .ckeditor-row {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
.ckeditor-toolbar-group,
|
||||
.ckeditor-toolbar-group-placeholder,
|
||||
.ckeditor-add-new-group {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .ckeditor-toolbar-group,
|
||||
[dir="rtl"] .ckeditor-toolbar-group-placeholder,
|
||||
[dir="rtl"] .ckeditor-add-new-group {
|
||||
float: right;
|
||||
}
|
||||
.ckeditor-toolbar-groups {
|
||||
min-height: 2em;
|
||||
}
|
||||
.ckeditor-toolbar-group {
|
||||
margin: 0 0.3333em;
|
||||
cursor: move;
|
||||
}
|
||||
.ckeditor-group-names-are-visible .ckeditor-toolbar-group,
|
||||
.ckeditor-add-new-group {
|
||||
padding: 0.2em 0.4em;
|
||||
border: 1px dotted #a6a6a6;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.ckeditor-toolbar-group.placeholder,
|
||||
.ckeditor-toolbar-group.placeholder .ckeditor-toolbar-group-name {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ckeditor-toolbar-group.placeholder .ckeditor-toolbar-group-name {
|
||||
font-style: italic;
|
||||
}
|
||||
.ckeditor-toolbar-group-name {
|
||||
display: none;
|
||||
margin: 0.25em 0;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ckeditor-group-names-are-visible .ckeditor-toolbar-group-name {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ckeditor-toolbar-active .placeholder,
|
||||
.ckeditor-toolbar-active .ckeditor-add-new-group {
|
||||
display: none;
|
||||
}
|
||||
.ckeditor-group-names-are-visible .placeholder,
|
||||
.ckeditor-group-names-are-visible .ckeditor-add-new-group {
|
||||
display: block;
|
||||
}
|
||||
.ckeditor-toolbar-group-buttons {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .ckeditor-toolbar-group-buttons {
|
||||
float: right;
|
||||
}
|
||||
.ckeditor-groupnames-toggle {
|
||||
float: right; /* LTR */
|
||||
cursor: pointer;
|
||||
}
|
||||
[dir="rtl"] .ckeditor-groupnames-toggle {
|
||||
float: left;
|
||||
}
|
||||
.ckeditor-toolbar .ckeditor-toolbar-group > li {
|
||||
margin: 3px 6px;
|
||||
padding: 3px;
|
||||
border: 1px solid white;
|
||||
border-radius: 5px;
|
||||
background-image: -webkit-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1));
|
||||
background-image: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
.ckeditor-toolbar-configuration .fieldset-description {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.ckeditor-toolbar-disabled .ckeditor-toolbar-available,
|
||||
.ckeditor-toolbar-disabled .ckeditor-toolbar-dividers {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ckeditor-toolbar-disabled .ckeditor-toolbar-available {
|
||||
float: left; /* LTR */
|
||||
width: 80%;
|
||||
}
|
||||
[dir="rtl"] .ckeditor-toolbar-disabled .ckeditor-toolbar-available {
|
||||
float: right;
|
||||
}
|
||||
.ckeditor-toolbar-disabled .ckeditor-toolbar-dividers {
|
||||
float: right; /* LTR */
|
||||
width: 20%;
|
||||
}
|
||||
[dir="rtl"] .ckeditor-toolbar-disabled .ckeditor-toolbar-dividers {
|
||||
float: left;
|
||||
}
|
||||
.ckeditor-toolbar-disabled .ckeditor-buttons li a,
|
||||
.ckeditor-toolbar .ckeditor-buttons,
|
||||
.ckeditor-add-new-group button {
|
||||
border: 1px solid #a6a6a6;
|
||||
border-bottom-color: #979797;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
|
||||
}
|
||||
.ckeditor-toolbar-disabled .ckeditor-buttons {
|
||||
border: 0;
|
||||
}
|
||||
.ckeditor-toolbar-disabled .ckeditor-buttons li {
|
||||
margin: 2px;
|
||||
}
|
||||
.ckeditor-buttons {
|
||||
min-width: 26px;
|
||||
min-height: 26px;
|
||||
}
|
||||
.ckeditor-buttons li {
|
||||
float: left; /* LTR */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .ckeditor-buttons li {
|
||||
float: right;
|
||||
}
|
||||
.ckeditor-buttons li a,
|
||||
.ckeditor-add-new-group button {
|
||||
color: #474747;
|
||||
background: #e4e4e4;
|
||||
background-image: -webkit-linear-gradient(top, white, #e4e4e4);
|
||||
background-image: linear-gradient(top, white, #e4e4e4);
|
||||
}
|
||||
.ckeditor-buttons li a {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: 18px;
|
||||
padding: 4px 6px;
|
||||
cursor: move;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
line-height: 1.4;
|
||||
}
|
||||
.ckeditor-toolbar-dividers {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .ckeditor-toolbar-dividers {
|
||||
float: left;
|
||||
}
|
||||
.ckeditor-buttons li .cke-icon-only {
|
||||
/* Firefox includes the offscreen text in the focus indicator, resulting in a
|
||||
far too wide focus indicator. This fixes that. */
|
||||
overflow: hidden;
|
||||
width: 16px;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
.ckeditor-buttons .cke_button_icon img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.ckeditor-buttons li .cke_ltr {
|
||||
direction: ltr;
|
||||
}
|
||||
.ckeditor-buttons li .cke_rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ckeditor-buttons li a:focus,
|
||||
.ckeditor-buttons li a:active,
|
||||
.ckeditor-multiple-buttons li a:focus {
|
||||
z-index: 11; /* Ensure focused buttons show their outline on all sides. */
|
||||
}
|
||||
.ckeditor-buttons li:first-child a {
|
||||
border-top-left-radius: 2px; /* LTR */
|
||||
border-bottom-left-radius: 2px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .ckeditor-buttons li:first-child a {
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
.ckeditor-buttons li:last-child a {
|
||||
border-top-right-radius: 2px; /* LTR */
|
||||
border-bottom-right-radius: 2px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .ckeditor-buttons li:last-child a {
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.ckeditor-button-placeholder,
|
||||
.ckeditor-buttons .ckeditor-button-placeholder a,
|
||||
.ckeditor-toolbar-group-placeholder {
|
||||
background: #9dcae7;
|
||||
}
|
||||
.ckeditor-toolbar-group-placeholder {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.ckeditor-multiple-buttons {
|
||||
float: left; /* LTR */
|
||||
margin: 5px;
|
||||
padding: 1px 2px;
|
||||
list-style: none;
|
||||
}
|
||||
[dir="rtl"] .ckeditor-multiple-buttons {
|
||||
float: right;
|
||||
}
|
||||
.ckeditor-multiple-buttons li {
|
||||
float: left; /* LTR */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .ckeditor-multiple-buttons li {
|
||||
float: right;
|
||||
}
|
||||
.ckeditor-multiple-buttons li a {
|
||||
display: inline-block;
|
||||
min-height: 18px;
|
||||
margin: 0;
|
||||
padding: 2px 0;
|
||||
cursor: move;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.ckeditor-buttons .ckeditor-group-button-separator,
|
||||
.ckeditor-multiple-buttons .ckeditor-group-button-separator {
|
||||
margin: -1px -3px -2px;
|
||||
}
|
||||
.ckeditor-buttons .ckeditor-group-button-separator a,
|
||||
.ckeditor-multiple-buttons .ckeditor-group-button-separator a {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
width: 13px;
|
||||
height: 29px;
|
||||
padding: 0;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAdCAMAAABG4xbVAAAAhFBMVEUAAACmpqampqampqb////l5eX////5+fmmpqatra2urq6vr6+1tbW2tra4uLi6urq8vLzb29ve3t7i4uLl5eXn5+fo6Ojp6enq6urr6+vs7Ozt7e3u7u7v7+/w8PDx8fHy8vLz8/P09PT19fX29vb39/f4+Pj5+fn6+vr7+/v8/Pz+/v7qIQO+AAAACHRSTlMATVmAi8XM29MuWToAAABjSURBVBiVrc5BCoAwDETRMKhtRBduev9LKm1xjItWRBBE6Nt9QkIwOTcUzk0Imi8aoMssxbgoTHMtqsFMLta0vPh2N49HyfdelPg6k9uvX/a+Bmggt1qJRNzQFVgjEnkUZDoBmH57VSypjg4AAAAASUVORK5CYII=) no-repeat center center;
|
||||
}
|
||||
ul.ckeditor-buttons li.ckeditor-button-separator a {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
width: 1px;
|
||||
height: 24px;
|
||||
margin: 1px 0 0;
|
||||
padding: 0;
|
||||
background: #e4e4e4;
|
||||
background-image: -webkit-linear-gradient(#e4e4e4, #b4b4b4);
|
||||
background-image: linear-gradient(#e4e4e4, #b4b4b4);
|
||||
}
|
||||
.ckeditor-multiple-buttons .ckeditor-button-separator a {
|
||||
width: 2px;
|
||||
height: 26px;
|
||||
margin: 0 10px;
|
||||
padding: 0;
|
||||
}
|
||||
.ckeditor-separator {
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 18px;
|
||||
margin: 5px 0;
|
||||
background-color: silver;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 1px 0 1px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.ckeditor-button-arrow {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
margin: 0 4px 2px;
|
||||
text-align: center;
|
||||
border-top: 3px solid #333;
|
||||
border-right: 3px solid transparent;
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.ckeditor-row-controls {
|
||||
float: right; /* LTR */
|
||||
width: 40px;
|
||||
text-align: right; /* LTR */
|
||||
font-size: 18px;
|
||||
}
|
||||
[dir="rtl"] .ckeditor-row-controls {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.ckeditor-row-controls a {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
width: 20px;
|
||||
height: 28px;
|
||||
padding: 6px 2px;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
line-height: 0.9;
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
.ckeditor-dialog-loading {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ckeditor-dialog-loading-link {
|
||||
position: relative;
|
||||
top: 0;
|
||||
display: inline-block;
|
||||
padding: 3px 10px;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
border: 1px solid #b6b6b6;
|
||||
border-top: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
background: white;
|
||||
box-shadow: 0 0 10px -3px #000;
|
||||
font-size: 14px;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Adjust the style of in-place editing CKEditor instances.
|
||||
*/
|
||||
.quickedit-toolgroup.wysiwyg-main .cke_chrome,
|
||||
.quickedit-toolgroup.wysiwyg-main .cke_inner,
|
||||
.quickedit-toolgroup.wysiwyg-main .cke_top {
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
border-left: none;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
/**
|
||||
* @file
|
||||
* Image Caption: overrides to make centered alignment work inside CKEditor.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Since .align-center is set on the non-captioned image's parent block element
|
||||
* in CKEditor, the image must be centered separately.
|
||||
*/
|
||||
p[data-widget="image"].align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/**
|
||||
* Since .align-center is set on captioned widget's wrapper element in CKEditor,
|
||||
* the alignment of internals must be set separately.
|
||||
*/
|
||||
div[data-cke-widget-wrapper].align-center > figure[data-widget="image"] {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
/**
|
||||
* @file
|
||||
* Language: add styling for elements that have a language attribute.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Show the user that a 'lang' tag has been applied by adding a thin dotted
|
||||
* border. We also append the value of the tag between brackets, for example:
|
||||
* '(en)'. Since the html element has a 'lang' attribute too we only target
|
||||
* elements within the html scope.
|
||||
*/
|
||||
html [lang] {
|
||||
outline: 1px dotted gray;
|
||||
}
|
||||
html [lang]:after {
|
||||
content: " ("attr(lang)")";
|
||||
color: #666;
|
||||
font-size: 10px;
|
||||
}
|
||||
@@ -0,0 +1,153 @@
|
||||
/**
|
||||
* @file
|
||||
* Stylesheet for the administration pages of the Color module.
|
||||
*/
|
||||
.color-form {
|
||||
max-width: 50em;
|
||||
}
|
||||
.farbtastic {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.color-form .form-item {
|
||||
height: 2em;
|
||||
margin: 0.5em 0;
|
||||
padding: 0.5em;
|
||||
}
|
||||
.color-form label {
|
||||
clear: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .color-form label {
|
||||
clear: right;
|
||||
}
|
||||
.color-form .form-text {
|
||||
float: left; /* LTR */
|
||||
width: 86%;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
[dir="rtl"] .color-form .form-text {
|
||||
float: right;
|
||||
}
|
||||
.color-palette__hook {
|
||||
float: left; /* LTR */
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
[dir="rtl"] .color-palette__hook {
|
||||
float: right;
|
||||
}
|
||||
.color-palette__hook.is-down,
|
||||
.color-palette__hook.is-up,
|
||||
.color-palette__hook.is-both {
|
||||
background: url(../../images/color/hook.png) no-repeat 100% 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .color-palette__hook.is-down,
|
||||
[dir="rtl"] .color-palette__hook.is-up,
|
||||
[dir="rtl"] .color-palette__hook.is-both {
|
||||
background: url(../../images/color/hook-rtl.png) no-repeat 0 0;
|
||||
}
|
||||
.color-palette__hook.is-up {
|
||||
background-position: 100% -27px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .color-palette__hook.is-up {
|
||||
background-position: 0 -27px;
|
||||
}
|
||||
.color-palette__hook.is-both {
|
||||
background-position: 100% -54px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .color-palette__hook.is-both {
|
||||
background-position: 0 -54px;
|
||||
}
|
||||
/**
|
||||
* The button also inherits from .link, which hides the background. Use a more
|
||||
* specific selector to overwrite.
|
||||
*/
|
||||
button.color-palette__lock,
|
||||
.color-palette__lock {
|
||||
position: relative;
|
||||
top: -1.7em;
|
||||
left: -10px;
|
||||
float: left; /* LTR */
|
||||
width: 20px;
|
||||
height: 19px;
|
||||
cursor: pointer;
|
||||
text-indent: -9999px;
|
||||
direction: ltr;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
background: url(../../images/color/lock.png) no-repeat 50% 0;
|
||||
}
|
||||
[dir="rtl"] button.color-palette__lock,
|
||||
[dir="rtl"] .color-palette__lock {
|
||||
float: right;
|
||||
}
|
||||
/* Same as above .color-palette__lock rule. */
|
||||
button.is-unlocked,
|
||||
.is-unlocked {
|
||||
background-position: 50% -22px;
|
||||
}
|
||||
|
||||
/* wide viewport. */
|
||||
@media screen and (min-width: 37.5625em) { /* 601px */
|
||||
.color-placeholder {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .color-placeholder {
|
||||
float: left;
|
||||
}
|
||||
.color-form .form-item {
|
||||
margin: 0.5em 195px 0.5em 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .color-form .form-item {
|
||||
margin: 0.5em 0 0.5em 195px;
|
||||
}
|
||||
.color-form label {
|
||||
float: left; /* LTR */
|
||||
clear: left; /* LTR */
|
||||
width: 15em;
|
||||
}
|
||||
[dir="rtl"] .color-form label {
|
||||
float: right;
|
||||
clear: right;
|
||||
}
|
||||
.color-form .form-text,
|
||||
.color-form .form-select {
|
||||
float: left; /* LTR */
|
||||
width: auto;
|
||||
}
|
||||
[dir="rtl"] .color-form .form-text,
|
||||
[dir="rtl"] .color-form .form-select {
|
||||
float: right;
|
||||
}
|
||||
.color-palette__hook {
|
||||
float: left; /* LTR */
|
||||
margin-top: 3px;
|
||||
}
|
||||
[dir="rtl"] .color-palette__hook {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.item-selected {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
/* Preview */
|
||||
.color-preview {
|
||||
display: none;
|
||||
}
|
||||
.js .color-preview {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left; /* LTR */
|
||||
}
|
||||
.js[dir="rtl"] .color-preview {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 30em) { /* 480px */
|
||||
.color-form .color-preview-sidebar,
|
||||
.color-form .color-preview-content {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for Configuration Translation.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Hide the label, in an accessible way, for responsive screens which show the
|
||||
* form in one column.
|
||||
*/
|
||||
.translation-set__translated label {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 38em) {
|
||||
.translation-set__translated label {
|
||||
position: inherit;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
/**
|
||||
* @file
|
||||
* Component styles for the content_moderation module.
|
||||
*/
|
||||
.entity-moderation-form {
|
||||
display: -webkit-flex; /* Safari */
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap; /* Safari */
|
||||
flex-wrap: wrap;
|
||||
-webkit-align-items: flex-start; /* Safari */
|
||||
align-items: flex-start;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.entity-moderation-form__item {
|
||||
display: table;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.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 {
|
||||
display: table;
|
||||
padding-bottom: 0.25em;
|
||||
}
|
||||
|
||||
.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 {
|
||||
margin: 2em 0;
|
||||
padding-left: 1em;
|
||||
border: 1px dashed #bbb;
|
||||
background: #fff;
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for the content language administration page.
|
||||
*/
|
||||
|
||||
.language-content-settings-form .bundle {
|
||||
width: 24%;
|
||||
}
|
||||
.language-content-settings-form .field {
|
||||
width: 24%;
|
||||
padding-left: 3em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .language-content-settings-form .field {
|
||||
padding-right: 3em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.language-content-settings-form .column {
|
||||
padding-left: 5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .language-content-settings-form .column {
|
||||
padding-right: 5em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.language-content-settings-form .field label,
|
||||
.language-content-settings-form .column label {
|
||||
font-weight: normal;
|
||||
}
|
||||
.language-content-settings-form .translatable {
|
||||
width: 1%;
|
||||
}
|
||||
.language-content-settings-form .operations {
|
||||
width: 75%;
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for contextual module icons.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Toolbar tab icon.
|
||||
*/
|
||||
.toolbar-bar .toolbar-icon-edit:before {
|
||||
background-image: url(../../images/core/icons/bebebe/pencil.svg);
|
||||
}
|
||||
.toolbar-bar .toolbar-icon-edit:active:before,
|
||||
.toolbar-bar .toolbar-icon-edit.is-active:before {
|
||||
background-image: url(../../images/core/icons/ffffff/pencil.svg);
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual trigger.
|
||||
*/
|
||||
.contextual .trigger {
|
||||
/* Override the .focusable height: auto */
|
||||
width: 26px !important;
|
||||
/* Override the .focusable height: auto */
|
||||
height: 26px !important;
|
||||
text-indent: -9999px;
|
||||
background-image: url(../../images/core/icons/bebebe/pencil.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 16px 16px;
|
||||
}
|
||||
|
||||
.contextual .trigger:hover {
|
||||
background-image: url(../../images/core/icons/787878/pencil.svg);
|
||||
}
|
||||
|
||||
.contextual .trigger:focus {
|
||||
outline: none;
|
||||
background-image: url(../../images/core/icons/5181c6/pencil.svg);
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* @file
|
||||
* Generic base styles for contextual module.
|
||||
*/
|
||||
|
||||
.contextual-region {
|
||||
position: relative;
|
||||
}
|
||||
.contextual .trigger:focus {
|
||||
/* Override the .focusable position: static */
|
||||
position: relative !important;
|
||||
}
|
||||
.contextual-links {
|
||||
display: none;
|
||||
}
|
||||
.contextual.open .contextual-links {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for contextual module.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Contextual links wrappers.
|
||||
*/
|
||||
.contextual {
|
||||
position: absolute;
|
||||
z-index: 500;
|
||||
top: 6px;
|
||||
right: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .contextual {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual region.
|
||||
*/
|
||||
.contextual-region.focus {
|
||||
outline: 1px dashed #d6d6d6;
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual trigger.
|
||||
*/
|
||||
.contextual .trigger {
|
||||
position: relative;
|
||||
right: 6px; /* LTR */
|
||||
float: right; /* LTR */
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0 2px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 13px;
|
||||
background-color: #fff;
|
||||
background-attachment: scroll;
|
||||
}
|
||||
[dir="rtl"] .contextual .trigger {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
float: left;
|
||||
}
|
||||
.contextual.open .trigger {
|
||||
z-index: 2;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom-color: transparent;
|
||||
border-radius: 13px 13px 0 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual links.
|
||||
*
|
||||
* The following selectors are heavy to discourage theme overriding.
|
||||
*/
|
||||
.contextual-region .contextual .contextual-links {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
right: 6px; /* LTR */
|
||||
float: right; /* LTR */
|
||||
clear: both;
|
||||
margin: 0;
|
||||
padding: 0.25em 0;
|
||||
text-align: left; /* LTR */
|
||||
white-space: nowrap;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px 0 4px 4px; /* LTR */
|
||||
background-color: #fff;
|
||||
}
|
||||
[dir="rtl"] .contextual-region .contextual .contextual-links {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
float: left;
|
||||
text-align: right;
|
||||
border-radius: 0 4px 4px 4px;
|
||||
}
|
||||
.contextual-region .contextual .contextual-links li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
list-style-image: none;
|
||||
border: none;
|
||||
background-color: #fff;
|
||||
line-height: 100%;
|
||||
}
|
||||
.contextual-region .contextual .contextual-links a {
|
||||
display: block;
|
||||
margin: 0.25em 0;
|
||||
padding: 0.4em 0.6em;
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
font-family: sans-serif;
|
||||
font-size: small;
|
||||
line-height: 0.8em;
|
||||
}
|
||||
.touchevents .contextual-region .contextual .contextual-links a {
|
||||
font-size: large;
|
||||
}
|
||||
.contextual-region .contextual .contextual-links a,
|
||||
.contextual-region .contextual .contextual-links a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
|
||||
color: #000;
|
||||
background: #f7fcff;
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for contextual module's toolbar tab.
|
||||
*/
|
||||
|
||||
/* Tab appearance. */
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
|
||||
float: left;
|
||||
}
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item {
|
||||
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%);
|
||||
}
|
||||
|
||||
/* @todo get rid of this declaration by making toolbar.module's CSS less specific */
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab.hidden {
|
||||
display: none;
|
||||
}
|
||||
@@ -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) {
|
||||
color: #ddd;
|
||||
background: #444;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
|
||||
}
|
||||
|
||||
/* Generic elements. */
|
||||
#drupal-off-canvas a,
|
||||
#drupal-off-canvas .link {
|
||||
transition: color 0.5s ease;
|
||||
text-decoration: none;
|
||||
color: #85bef4;
|
||||
border-bottom: none;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
|
||||
font-size: inherit;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#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-size: 1.625em;
|
||||
font-weight: bold;
|
||||
line-height: 1.875em;
|
||||
}
|
||||
#drupal-off-canvas h2,
|
||||
#drupal-off-canvas .heading-b {
|
||||
display: block;
|
||||
margin: 10px 0;
|
||||
font-size: 1.385em;
|
||||
font-weight: bold;
|
||||
}
|
||||
#drupal-off-canvas h3,
|
||||
#drupal-off-canvas .heading-c {
|
||||
display: block;
|
||||
margin: 10px 0;
|
||||
font-size: 1.231em;
|
||||
font-weight: bold;
|
||||
}
|
||||
#drupal-off-canvas h4,
|
||||
#drupal-off-canvas .heading-d {
|
||||
display: block;
|
||||
margin: 10px 0;
|
||||
font-size: 1.154em;
|
||||
font-weight: bold;
|
||||
}
|
||||
#drupal-off-canvas h5,
|
||||
#drupal-off-canvas .heading-e {
|
||||
display: block;
|
||||
margin: 10px 0;
|
||||
font-size: 1.077em;
|
||||
font-weight: bold;
|
||||
}
|
||||
#drupal-off-canvas h6,
|
||||
#drupal-off-canvas .heading-f {
|
||||
display: block;
|
||||
margin: 10px 0;
|
||||
font-size: 1.077em;
|
||||
font-weight: bold;
|
||||
}
|
||||
#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-bottom: 10px;
|
||||
margin-left: 20px; /* LTR */
|
||||
}
|
||||
[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;
|
||||
overflow: hidden;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
#drupal-off-canvas .visually-hidden.focusable:active,
|
||||
#drupal-off-canvas .visually-hidden.focusable:focus {
|
||||
position: static !important;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
width: auto;
|
||||
height: 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 {
|
||||
color: #325e1c;
|
||||
background-color: #f3faef;
|
||||
background-image: url(../../../images/core/icons/73b355/check.svg);
|
||||
}
|
||||
#drupal-off-canvas .messages--warning {
|
||||
color: #734c00;
|
||||
background-color: #fdf8ed;
|
||||
background-image: url(../../../images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
|
||||
#drupal-off-canvas .messages--error {
|
||||
color: #a51b00;
|
||||
background-color: #fcf4f2;
|
||||
background-image: url(../../../images/core/icons/e32700/error.svg);
|
||||
}
|
||||
|
||||
#drupal-off-canvas .messages--error div[role="alert"] {
|
||||
color: inherit;
|
||||
background: transparent;
|
||||
}
|
||||
@@ -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 {
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
text-transform: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
|
||||
line-height: normal;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
#drupal-off-canvas button.link {
|
||||
display: inline;
|
||||
transition: color 0.5s ease;
|
||||
color: #85bef4;
|
||||
background: transparent;
|
||||
font-size: 14px;
|
||||
}
|
||||
#drupal-off-canvas button.link:hover,
|
||||
#drupal-off-canvas button.link:focus {
|
||||
text-decoration: none;
|
||||
color: #46a0f5;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 4px 20px;
|
||||
cursor: pointer;
|
||||
transition: background 0.5s ease;
|
||||
text-align: center;
|
||||
color: #f5f5f5;
|
||||
border: 0;
|
||||
border-radius: 20em;
|
||||
background: #777;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
#drupal-off-canvas input[type="submit"].button:hover,
|
||||
#drupal-off-canvas input[type="submit"].button:focus,
|
||||
#drupal-off-canvas input[type="submit"].button:active {
|
||||
z-index: 10;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
outline: none;
|
||||
}
|
||||
#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 {
|
||||
margin-top: 15px;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
background: #277abd;
|
||||
}
|
||||
#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 {
|
||||
outline: none;
|
||||
background: #236aaf;
|
||||
}
|
||||
#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 {
|
||||
padding: 2px 1em;
|
||||
font-size: 13px;
|
||||
}
|
||||
#drupal-off-canvas .button:disabled,
|
||||
#drupal-off-canvas .button:disabled:active,
|
||||
#drupal-off-canvas .button.is-disabled,
|
||||
#drupal-off-canvas .button.is-disabled:active {
|
||||
cursor: default;
|
||||
color: #5c5c5c;
|
||||
border: 0;
|
||||
background: #555;
|
||||
font-weight: normal;
|
||||
}
|
||||
#drupal-off-canvas .button--danger {
|
||||
text-decoration: none;
|
||||
color: #c72100;
|
||||
border-radius: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
#drupal-off-canvas .button--danger:hover,
|
||||
#drupal-off-canvas .button--danger:focus,
|
||||
#drupal-off-canvas .button--danger:active {
|
||||
text-decoration: none;
|
||||
color: #ff2a00;
|
||||
text-shadow: none;
|
||||
}
|
||||
#drupal-off-canvas .button--danger:disabled,
|
||||
#drupal-off-canvas .button--danger.is-disabled {
|
||||
cursor: default;
|
||||
color: #737373;
|
||||
}
|
||||
@@ -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 {
|
||||
overflow: visible;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Wrap the form that's inside the off-canvas dialog. */
|
||||
.ui-dialog-off-canvas .ui-dialog-content {
|
||||
/* Prevent horizontal scrollbar. */
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
[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 {
|
||||
overflow: visible;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Wrap the form that's inside the off-canvas dialog. */
|
||||
.ui-dialog-off-canvas #drupal-off-canvas {
|
||||
/* Prevent horizontal scrollbar. */
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
padding: 0 20px 20px;
|
||||
}
|
||||
[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 {
|
||||
overflow-y: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styling for summary and details in the off-canvas dialog.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas details {
|
||||
display: block;
|
||||
}
|
||||
#drupal-off-canvas details,
|
||||
#drupal-off-canvas summary {
|
||||
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 {
|
||||
color: #ddd;
|
||||
background: #474747;
|
||||
}
|
||||
#drupal-off-canvas summary a {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
color: #ddd;
|
||||
}
|
||||
#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 {
|
||||
/* Cancel out the padding of the parent. */
|
||||
margin: 0 -20px;
|
||||
padding: 0 20px;
|
||||
border-width: 0;
|
||||
}
|
||||
#drupal-off-canvas summary {
|
||||
padding: 10px 20px;
|
||||
transition: all 0.5s ease;
|
||||
text-shadow: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
#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 {
|
||||
color: #eee;
|
||||
background-color: #333;
|
||||
}
|
||||
#drupal-off-canvas details[open] > summary:hover {
|
||||
color: #fff;
|
||||
background-color: #222;
|
||||
}
|
||||
#drupal-off-canvas details .placeholder {
|
||||
color: inherit;
|
||||
background: transparent;
|
||||
font: inherit;
|
||||
font-style: italic;
|
||||
}
|
||||
@@ -0,0 +1,291 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for dropbuttons in the off-canvas dialog.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas .dropbutton-wrapper,
|
||||
#drupal-off-canvas .dropbutton-widget {
|
||||
position: static;
|
||||
display: block;
|
||||
transition: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-widget {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
transition: background 0.5s ease;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: none;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
border-radius: 1em;
|
||||
background: #277abd;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-widget:hover {
|
||||
background: #2b8bd8;
|
||||
}
|
||||
|
||||
/*
|
||||
* Style dropbutton single.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas .dropbutton-single .dropbutton-action a {
|
||||
height: 2.2em;
|
||||
/* Overlap icon for trigger. */
|
||||
margin-top: -2em;
|
||||
padding: 0;
|
||||
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 {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
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 {
|
||||
color: #333;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/*
|
||||
* 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;
|
||||
white-space: nowrap;
|
||||
text-indent: 110%;
|
||||
color: #fff;
|
||||
}
|
||||
#drupal-off-canvas .dropbutton-toggle button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
border: 0 solid transparent;
|
||||
border-top-right-radius: 1em; /* LTR */
|
||||
border-bottom-right-radius: 1em; /* LTR */
|
||||
}
|
||||
#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;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: 0;
|
||||
color: #fff;
|
||||
border-width: 0.3333em 0.3333em 0;
|
||||
border-style: solid;
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
line-height: 0;
|
||||
}
|
||||
#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;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
padding-right: 0;
|
||||
padding-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 {
|
||||
position: relative;
|
||||
float: right; /* LTR */
|
||||
min-width: initial;
|
||||
max-width: initial;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
#drupal-off-canvas td .dropbutton-widget .dropbutton {
|
||||
overflow: hidden;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
margin: 0;
|
||||
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 {
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
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 {
|
||||
z-index: 1;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
/* Put pencil icon in place of hidden 'edit' text on single buttons. */
|
||||
#drupal-off-canvas td .dropbutton-single .edit:before {
|
||||
display: block;
|
||||
content: ".";
|
||||
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;
|
||||
overflow: visible;
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
max-width: none;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 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-right: inherit;
|
||||
padding-left: 1em;
|
||||
}
|
||||
#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 {
|
||||
top: 2px;
|
||||
border-top-color: transparent;
|
||||
border-bottom: 0.3333em solid;
|
||||
}
|
||||
@@ -0,0 +1,133 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styling for forms in the off-canvas dialog.
|
||||
*/
|
||||
|
||||
#drupal-off-canvas form {
|
||||
color: #ddd;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
|
||||
}
|
||||
#drupal-off-canvas input[type="checkbox"] {
|
||||
-webkit-appearance: checkbox;
|
||||
}
|
||||
#drupal-off-canvas input[type="radio"] {
|
||||
-webkit-appearance: radio;
|
||||
}
|
||||
#drupal-off-canvas select:not([multiple]) {
|
||||
-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 {
|
||||
color: #ddd;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
line-height: normal;
|
||||
}
|
||||
#drupal-off-canvas .visually-hidden {
|
||||
width: 0;
|
||||
height: 0;
|
||||
letter-spacing: -2em;
|
||||
opacity: 0;
|
||||
}
|
||||
#drupal-off-canvas .description,
|
||||
#drupal-off-canvas .form-item .description,
|
||||
#drupal-off-canvas .details-description {
|
||||
margin-top: 5px;
|
||||
color: #ddd;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
}
|
||||
#drupal-off-canvas .form-item {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 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 {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
margin: 5px 0 0 0;
|
||||
padding: 6px;
|
||||
color: #333;
|
||||
border-width: 1px;
|
||||
border-radius: 2px;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
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 {
|
||||
color: #595959;
|
||||
border-color: #333;
|
||||
background-color: #eee;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
#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;
|
||||
background-color: #fff;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.125), 0 0 8px #40b6ff;
|
||||
}
|
||||
#drupal-off-canvas td .form-item,
|
||||
#drupal-off-canvas td .form-select {
|
||||
margin: 0;
|
||||
}
|
||||
#drupal-off-canvas .form-file {
|
||||
width: 100%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#drupal-off-canvas .form-actions {
|
||||
margin: 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
#drupal-off-canvas .ui-autocomplete {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: default;
|
||||
background-color: white;
|
||||
}
|
||||
#drupal-off-canvas .ui-autocomplete li {
|
||||
display: block;
|
||||
}
|
||||
#drupal-off-canvas .ui-autocomplete li a {
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
color: #595959 !important;
|
||||
}
|
||||
@@ -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: padding-right 0.7s ease, padding-left 0.7s ease, padding-top 0.3s 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 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 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;
|
||||
border-radius: 0;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/*
|
||||
* 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 {
|
||||
vertical-align: middle;
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
#drupal-off-canvas ul,
|
||||
#drupal-off-canvas ol {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* reset table styling. */
|
||||
#drupal-off-canvas table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
#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 {
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
line-height: 0;
|
||||
}
|
||||
#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 {
|
||||
z-index: 1;
|
||||
box-shadow: none;
|
||||
}
|
||||
#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"] {
|
||||
display: inline-block;
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
#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 {
|
||||
text-decoration: none;
|
||||
background-image: 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 {
|
||||
border-color: grey;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
#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 {
|
||||
padding: 0;
|
||||
border: 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] {
|
||||
cursor: default;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
#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 {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
min-height: 40px;
|
||||
resize: vertical;
|
||||
}
|
||||
#drupal-off-canvas optgroup {
|
||||
color: black;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
#drupal-off-canvas optgroup::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
#drupal-off-canvas * button {
|
||||
overflow: visible;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
border: 1px solid grey;
|
||||
background: none;
|
||||
}
|
||||
#drupal-off-canvas * textarea,
|
||||
#drupal-off-canvas * select,
|
||||
#drupal-off-canvas *:not(div) textarea,
|
||||
#drupal-off-canvas *:not(div) select {
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
color: black;
|
||||
border: 1px solid grey;
|
||||
background: white;
|
||||
}
|
||||
|
||||
/* To standardize off-canvas selection color. */
|
||||
#drupal-off-canvas ::-moz-selection,
|
||||
#drupal-off-canvas ::selection {
|
||||
color: inherit;
|
||||
background-color: rgba(175, 175, 175, 0.5);
|
||||
}
|
||||
@@ -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;
|
||||
color: #ddd;
|
||||
border: 0;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
}
|
||||
#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;
|
||||
width: auto;
|
||||
height: 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 {
|
||||
padding-right: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
#drupal-off-canvas td {
|
||||
padding: 6px 8px;
|
||||
color: #ddd;
|
||||
}
|
||||
/* Hide overflow with ellipsis for links. */
|
||||
#drupal-off-canvas td a {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
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 {
|
||||
float: left; /* LTR */
|
||||
overflow: hidden;
|
||||
min-width: 20px;
|
||||
height: auto;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 0;
|
||||
cursor: move;
|
||||
text-decoration: none;
|
||||
background-image: none;
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .draggable a.tabledrag-handle {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
#drupal-off-canvas a.tabledrag-handle .handle {
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
/* Use lighter drag icon against dark background. */
|
||||
background-image: url(../../../images/core/icons/bebebe/move.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
#drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,
|
||||
#drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {
|
||||
text-decoration: none;
|
||||
background-image: url(../../../images/core/icons/787878/move.svg);
|
||||
}
|
||||
#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-right: 5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
#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 {
|
||||
width: 40px;
|
||||
height: 44px;
|
||||
}
|
||||
#drupal-off-canvas .touchevents a.tabledrag-handle .handle {
|
||||
height: 21px;
|
||||
background-position: 40% 19px; /* LTR */
|
||||
}
|
||||
[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 */
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0 3px 0 -10px; /* LTR */
|
||||
padding: 0 0 0 10px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #drupal-off-canvas .indentation {
|
||||
float: right;
|
||||
margin: 0 -10px 0 3px;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
@@ -0,0 +1,102 @@
|
||||
/**
|
||||
* @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 {
|
||||
/* Layer the dialog just under the toolbar. */
|
||||
z-index: 501;
|
||||
padding: 0;
|
||||
color: #ddd;
|
||||
border-radius: 0;
|
||||
background: #444;
|
||||
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
.ui-widget.ui-dialog.ui-dialog-off-canvas {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* Style the off-canvas dialog header. */
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
|
||||
padding: 1em;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #000;
|
||||
border-radius: 0;
|
||||
background: #2d2d2d;
|
||||
font-weight: normal;
|
||||
}
|
||||
/* 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 {
|
||||
position: absolute;
|
||||
top: calc(50% - 6px);
|
||||
right: 1em;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
transition: all 0.5s ease;
|
||||
border: 3px solid transparent;
|
||||
background-color: transparent;
|
||||
background-image: url(../../../images/core/icons/bebebe/ex.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover,
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:focus {
|
||||
border: 3px solid #fff;
|
||||
background-image: url(../../../images/core/icons/ffffff/ex.svg);
|
||||
}
|
||||
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
|
||||
right: auto;
|
||||
left: 1em;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
|
||||
/* Ensure that long titles do not overlap the close button. */
|
||||
max-width: 210px;
|
||||
margin: 0;
|
||||
padding-right: 0; /* LTR */
|
||||
/* Push the text away from the icon. */
|
||||
padding-left: 30px; /* LTR */
|
||||
text-align: left; /* LTR */
|
||||
/* Ensure that long titles are not truncated. */
|
||||
white-space: normal;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
|
||||
float: right;
|
||||
padding-right: 30px;
|
||||
padding-left: 0;
|
||||
text-align: right;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 1em; /* LTR */
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background: transparent url(../../../images/core/icons/ffffff/pencil.svg) no-repeat scroll center center;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
[dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {
|
||||
right: 1em;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
color: #333;
|
||||
border: 0;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
#drupal-off-canvas .ui-widget-content a {
|
||||
color: #85bef4;
|
||||
}
|
||||
@@ -0,0 +1,164 @@
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Base styles for dropbuttons.
|
||||
*/
|
||||
|
||||
/**
|
||||
* When a dropbutton has only one option, it is simply a button.
|
||||
*/
|
||||
.dropbutton-wrapper,
|
||||
.dropbutton-wrapper div {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.js .dropbutton-wrapper,
|
||||
.js .dropbutton-widget {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.js .dropbutton-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Splitbuttons */
|
||||
@media screen and (min-width: 600px) {
|
||||
.form-actions .dropbutton-wrapper {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form-actions .dropbutton-wrapper {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.js .form-actions .dropbutton-widget {
|
||||
position: static;
|
||||
}
|
||||
.js td .dropbutton-widget {
|
||||
position: absolute;
|
||||
}
|
||||
.js td .dropbutton-wrapper {
|
||||
min-height: 2em;
|
||||
}
|
||||
.js td .dropbutton-multiple {
|
||||
max-width: 100%;
|
||||
margin-right: 2em; /* LTR */
|
||||
padding-right: 10em; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js td .dropbutton-multiple {
|
||||
margin-right: 0;
|
||||
margin-left: 2em;
|
||||
padding-right: 0;
|
||||
padding-left: 10em;
|
||||
}
|
||||
.js td .dropbutton-multiple .dropbutton-action a,
|
||||
.js td .dropbutton-multiple .dropbutton-action input,
|
||||
.js td .dropbutton-multiple .dropbutton-action button {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* UL styles are over-scoped in core, so this selector needs weight parity. */
|
||||
.js .dropbutton-widget .dropbutton {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
}
|
||||
.js .dropbutton li,
|
||||
.js .dropbutton a {
|
||||
display: block;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.js .dropbutton li:hover,
|
||||
.js .dropbutton li:focus,
|
||||
.js .dropbutton a:hover,
|
||||
.js .dropbutton a:focus {
|
||||
outline: initial;
|
||||
}
|
||||
|
||||
/**
|
||||
* The dropbutton styling.
|
||||
*
|
||||
* A dropbutton is a widget that displays a list of action links as a button
|
||||
* with a primary action. Secondary actions are hidden behind a click on a
|
||||
* twisty arrow.
|
||||
*
|
||||
* The arrow is created using border on a zero-width, zero-height span.
|
||||
* The arrow inherits the link color, but can be overridden with border colors.
|
||||
*/
|
||||
.js .dropbutton-multiple .dropbutton-widget {
|
||||
padding-right: 2em; /* LTR */
|
||||
}
|
||||
.js[dir="rtl"] .dropbutton-multiple .dropbutton-widget {
|
||||
padding-right: 0;
|
||||
padding-left: 2em;
|
||||
}
|
||||
.dropbutton-multiple.open,
|
||||
.dropbutton-multiple.open .dropbutton-widget {
|
||||
max-width: none;
|
||||
}
|
||||
.dropbutton-multiple.open {
|
||||
z-index: 100;
|
||||
}
|
||||
.dropbutton-multiple .dropbutton .secondary-action {
|
||||
display: none;
|
||||
}
|
||||
.dropbutton-multiple.open .dropbutton .secondary-action {
|
||||
display: block;
|
||||
}
|
||||
.dropbutton-toggle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0; /* LTR */
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 2em;
|
||||
white-space: nowrap;
|
||||
text-indent: 110%;
|
||||
}
|
||||
[dir="rtl"] .dropbutton-toggle {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.dropbutton-toggle button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
background: none;
|
||||
}
|
||||
.dropbutton-toggle button:hover,
|
||||
.dropbutton-toggle button:focus {
|
||||
outline: initial;
|
||||
}
|
||||
.dropbutton-arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 40%; /* 0.6667em; */ /* LTR */
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: -0.1666em;
|
||||
border-width: 0.3333em 0.3333em 0;
|
||||
border-style: solid;
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
line-height: 0;
|
||||
}
|
||||
[dir="rtl"] .dropbutton-arrow {
|
||||
right: auto;
|
||||
left: 0.6667em;
|
||||
}
|
||||
.dropbutton-multiple.open .dropbutton-arrow {
|
||||
top: 0.6667em;
|
||||
border-top-color: transparent;
|
||||
border-bottom: 0.3333em solid;
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
|
||||
body {
|
||||
margin: 1em;
|
||||
background-color: #fff;
|
||||
}
|
||||
[dir="rtl"] body {
|
||||
direction: rtl;
|
||||
}
|
||||
th {
|
||||
text-align: left; /* LTR */
|
||||
color: #006;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
[dir="rtl"] th {
|
||||
text-align: right;
|
||||
}
|
||||
tr:nth-child(odd) {
|
||||
background-color: #ddd;
|
||||
}
|
||||
tr:nth-child(even) {
|
||||
background-color: #fff;
|
||||
}
|
||||
td {
|
||||
padding: 5px;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/**
|
||||
* @file
|
||||
* Vertical Tabs.
|
||||
*/
|
||||
|
||||
.vertical-tabs {
|
||||
margin: 1em 0 1em 15em; /* LTR */
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
[dir="rtl"] .vertical-tabs {
|
||||
margin-right: 15em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.vertical-tabs__menu {
|
||||
float: left; /* LTR */
|
||||
width: 15em;
|
||||
margin: -1px 0 -1px -15em; /* LTR */
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
[dir="rtl"] .vertical-tabs__menu {
|
||||
float: right;
|
||||
margin-right: -15em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.vertical-tabs__pane {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
.vertical-tabs__pane > summary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Layout of each tab. */
|
||||
.vertical-tabs__menu-item {
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0;
|
||||
background: #eee;
|
||||
}
|
||||
.vertical-tabs__menu-item a {
|
||||
display: block;
|
||||
padding: 0.5em 0.6em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
|
||||
.vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
|
||||
.vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.vertical-tabs__menu-item a:hover {
|
||||
outline: 1px dotted;
|
||||
}
|
||||
.vertical-tabs__menu-item.is-selected {
|
||||
border-right-width: 0; /* LTR */
|
||||
background-color: #fff;
|
||||
}
|
||||
[dir="rtl"] .vertical-tabs__menu-item.is-selected {
|
||||
border-right-width: 1px;
|
||||
border-left-width: 0;
|
||||
}
|
||||
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
|
||||
color: #000;
|
||||
}
|
||||
.vertical-tabs__menu-item-summary {
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
line-height: normal;
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
/**
|
||||
* @file
|
||||
* Admin styles for the Database Logging module.
|
||||
*/
|
||||
.dblog-filter-form .form-item-type,
|
||||
.dblog-filter-form .form-item-severity {
|
||||
display: inline-block;
|
||||
max-width: 30%;
|
||||
margin: 0.1em 0.9em 0.1em 0.1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .dblog-filter-form .form-item-type,
|
||||
[dir="rtl"] .dblog-filter-form .form-item-severity {
|
||||
margin: 0.1em 0.1em 0.1em 0.9em;
|
||||
}
|
||||
.dblog-filter-form .form-actions {
|
||||
display: inline-block;
|
||||
padding: 3ex 0 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
.admin-dblog .icon,
|
||||
.admin-dblog .dblog-warning .icon,
|
||||
.admin-dblog .dblog-error .icon,
|
||||
.admin-dblog .dblog-critical .icon,
|
||||
.admin-dblog .dblog-alert .icon,
|
||||
.admin-dblog .dblog-emergency .icon {
|
||||
width: 16px;
|
||||
background: no-repeat center;
|
||||
}
|
||||
.admin-dblog .dblog-warning .icon {
|
||||
background-image: url(../../images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
.admin-dblog .dblog-error .icon,
|
||||
.admin-dblog .dblog-critical .icon,
|
||||
.admin-dblog .dblog-alert .icon,
|
||||
.admin-dblog .dblog-emergency .icon {
|
||||
background-image: url(../../images/core/icons/e32700/error.svg);
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
/**
|
||||
* @file
|
||||
* Stylesheet for the Field UI module.
|
||||
*/
|
||||
|
||||
/* 'Manage fields' and 'Manage display' overviews */
|
||||
.field-ui-overview .region-title td {
|
||||
font-weight: bold;
|
||||
}
|
||||
.field-ui-overview .region-message td {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* 'Manage form display' and 'Manage display' overview */
|
||||
.field-ui-overview .field-plugin-summary-cell {
|
||||
line-height: 1em;
|
||||
}
|
||||
.field-ui-overview .field-plugin-summary {
|
||||
float: left; /* LTR */
|
||||
font-size: 0.9em;
|
||||
}
|
||||
[dir="rtl"] .field-ui-overview .field-plugin-summary {
|
||||
float: right;
|
||||
}
|
||||
.field-ui-overview .field-plugin-summary-cell .warning {
|
||||
display: block;
|
||||
float: left; /* LTR */
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
[dir="rtl"] .field-ui-overview .field-plugin-summary-cell .warning {
|
||||
float: right;
|
||||
}
|
||||
.field-ui-overview .field-plugin-settings-edit-wrapper {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .field-ui-overview .field-plugin-settings-edit-wrapper {
|
||||
float: left;
|
||||
}
|
||||
.field-ui-overview .field-plugin-settings-edit {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .field-ui-overview .field-plugin-settings-edit {
|
||||
float: left;
|
||||
}
|
||||
.field-ui-overview .field-plugin-settings-editing td {
|
||||
vertical-align: top;
|
||||
}
|
||||
.field-ui-overview .field-plugin-settings-editing .field-plugin-type {
|
||||
display: none;
|
||||
}
|
||||
.field-ui-overview .field-plugin-settings-edit-form .plugin-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* @file
|
||||
* Admin stylesheet for file module.
|
||||
*/
|
||||
|
||||
/* File upload widget. */
|
||||
.form-managed-file .form-submit {
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
.form-managed-file div.ajax-progress-bar {
|
||||
display: none;
|
||||
width: 28em;
|
||||
margin-top: 4px;
|
||||
padding: 0;
|
||||
}
|
||||
.form-managed-file .ajax-progress-bar .bar {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Admin styling for the Filter module.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Filter information under field.
|
||||
*/
|
||||
.text-format-wrapper > .form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.filter-wrapper {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0.5em 0.666em;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0;
|
||||
}
|
||||
.filter-wrapper .form-item {
|
||||
margin: 0;
|
||||
}
|
||||
.filter-wrapper .form-item label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.filter-help {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .filter-help {
|
||||
float: left;
|
||||
}
|
||||
.filter-guidelines .filter-guidelines-item {
|
||||
margin-top: 1em;
|
||||
}
|
||||
.filter-help p {
|
||||
margin: 0;
|
||||
}
|
||||
.filter-help a {
|
||||
position: relative;
|
||||
margin: 0 20px 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .filter-help a {
|
||||
margin: 0 0 0 20px;
|
||||
}
|
||||
.filter-help a:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -20px; /* LTR */
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background: transparent url(../../images/core/help.png);
|
||||
}
|
||||
[dir="rtl"] .filter-help a:after {
|
||||
right: auto;
|
||||
left: -20px;
|
||||
}
|
||||
|
||||
.text-format-wrapper .description {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.tips {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve filter tips position.
|
||||
*/
|
||||
.tips {
|
||||
padding-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .tips {
|
||||
padding-right: 0;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
/**
|
||||
* @file
|
||||
* Caption filter: default styling for displaying image captions.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Essentials, based on http://stackoverflow.com/a/13363408.
|
||||
*/
|
||||
.caption {
|
||||
display: table;
|
||||
}
|
||||
.caption > * {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
.caption > figcaption {
|
||||
display: table-caption;
|
||||
max-width: none;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
/**
|
||||
* While editing and whenever the caption is empty, show a placeholder.
|
||||
*
|
||||
* Based on http://codepen.io/flesler/pen/AEIFc.
|
||||
*/
|
||||
.caption > figcaption[contenteditable=true]:empty:before {
|
||||
content: attr(data-placeholder);
|
||||
font-style: italic;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
/**
|
||||
* @file
|
||||
* Functional styles for the Image module's in-place editor.
|
||||
*/
|
||||
|
||||
/**
|
||||
* A minimum width/height is required so that users can drag and drop files
|
||||
* onto small images.
|
||||
*/
|
||||
.quickedit-image-element {
|
||||
min-width: 200px;
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.quickedit-image-dropzone {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.quickedit-image-icon {
|
||||
display: block;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.quickedit-image-field-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.quickedit-image-text {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* If we do not prevent pointer-events for child elements, our drag+drop events
|
||||
* will not fire properly. This can lead to unintentional redirects if a file
|
||||
* is dropped on a child element when a user intended to upload it.
|
||||
*/
|
||||
.quickedit-image-dropzone * {
|
||||
pointer-events: none;
|
||||
}
|
||||
@@ -0,0 +1,100 @@
|
||||
/**
|
||||
* @file
|
||||
* Theme styles for the Image module's in-place editor.
|
||||
*/
|
||||
|
||||
.quickedit-image-dropzone {
|
||||
transition: background 0.2s;
|
||||
background: rgba(116, 183, 255, 0.8);
|
||||
}
|
||||
|
||||
.quickedit-image-icon {
|
||||
margin: 0 0 10px 0;
|
||||
transition: margin 0.5s;
|
||||
}
|
||||
|
||||
.quickedit-image-dropzone.hover {
|
||||
background: rgba(116, 183, 255, 0.9);
|
||||
}
|
||||
|
||||
.quickedit-image-dropzone.error {
|
||||
background: rgba(255, 52, 27, 0.81);
|
||||
}
|
||||
|
||||
.quickedit-image-dropzone.upload .quickedit-image-icon {
|
||||
background-image: url("../../../images/image/upload.svg");
|
||||
}
|
||||
|
||||
.quickedit-image-dropzone.error .quickedit-image-icon {
|
||||
background-image: url("../../../images/image/error.svg");
|
||||
}
|
||||
|
||||
.quickedit-image-dropzone.loading .quickedit-image-icon {
|
||||
margin: -10px 0 20px 0;
|
||||
}
|
||||
|
||||
.quickedit-image-dropzone.loading .quickedit-image-icon::after {
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin-top: -5px;
|
||||
margin-left: -10px;
|
||||
content: "";
|
||||
animation-name: quickedit-image-spin;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: white transparent transparent transparent;
|
||||
border-radius: 35px;
|
||||
}
|
||||
|
||||
@keyframes quickedit-image-spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
50% { transform: rotate(180deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
.quickedit-image-text {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-family: "Droid sans", "Lucida Grande", sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.quickedit-image-field-info {
|
||||
padding: 5px;
|
||||
border-top: 1px solid #c5c5c5;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.quickedit-image-field-info div {
|
||||
margin-right: 10px; /* LTR */
|
||||
}
|
||||
|
||||
.quickedit-image-field-info div:last-child {
|
||||
margin-right: 0; /* LTR */
|
||||
}
|
||||
|
||||
[dir="rtl"] .quickedit-image-field-info div {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .quickedit-image-field-info div:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.quickedit-image-errors .messages__wrapper {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.quickedit-image-errors .messages--error {
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
|
||||
/**
|
||||
* Image style configuration pages.
|
||||
*/
|
||||
.image-style-new,
|
||||
.image-style-new div {
|
||||
display: inline;
|
||||
}
|
||||
.image-style-preview .preview-image-wrapper {
|
||||
top: 50%;
|
||||
float: left;
|
||||
width: 48%;
|
||||
padding-bottom: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
.image-style-preview .preview-image {
|
||||
position: relative;
|
||||
margin: auto;
|
||||
}
|
||||
.image-style-preview .preview-image .width {
|
||||
position: absolute;
|
||||
bottom: -6px;
|
||||
left: -1px;
|
||||
box-sizing: content-box;
|
||||
height: 2px;
|
||||
border: 1px solid #666;
|
||||
border-top: none;
|
||||
}
|
||||
.image-style-preview .preview-image .width span {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
.image-style-preview .preview-image .height {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
right: -6px;
|
||||
box-sizing: content-box;
|
||||
width: 2px;
|
||||
border: 1px solid #666;
|
||||
border-left: none;
|
||||
}
|
||||
.image-style-preview .preview-image .height span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 10px;
|
||||
height: 2em;
|
||||
margin-top: -1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve image style preview on narrow viewports.
|
||||
*/
|
||||
@media screen and (max-width: 470px) {
|
||||
.image-style-preview .preview-image-wrapper {
|
||||
float: none;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.image-style-preview .preview-image-wrapper:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Image anchor element.
|
||||
*/
|
||||
.image-anchor {
|
||||
width: auto;
|
||||
}
|
||||
.image-anchor tr {
|
||||
background: none;
|
||||
}
|
||||
.image-anchor td {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for the content language administration page.
|
||||
*/
|
||||
|
||||
#language-content-settings-form table .bundle {
|
||||
width: 25%;
|
||||
}
|
||||
#language-content-settings-form table .operations {
|
||||
width: 75%;
|
||||
}
|
||||
@@ -0,0 +1,222 @@
|
||||
.layout-builder {
|
||||
padding: 1.5em 1.5em 0.5em;
|
||||
border: 3px solid #2f91da;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.layout-builder__add-section {
|
||||
width: 100%;
|
||||
margin-bottom: 1.5em;
|
||||
padding: 1.5em 0;
|
||||
text-align: center;
|
||||
outline: 2px dashed #979797;
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
.layout-builder__link--add {
|
||||
padding-left: 1.3em; /* LTR */
|
||||
color: #686868;
|
||||
border-bottom: none;
|
||||
background: url(../../../../misc/icons/787878/plus.svg) transparent center left / 1em no-repeat; /* LTR */
|
||||
}
|
||||
|
||||
[dir="rtl"] .layout-builder__link--add {
|
||||
padding-right: 1.3em;
|
||||
padding-left: 0;
|
||||
background-position-x: right;
|
||||
}
|
||||
|
||||
.layout-builder__link--add:hover,
|
||||
.layout-builder__link--add:active,
|
||||
.layout-builder__link--add:focus {
|
||||
color: #000;
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
.layout-builder__section {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.layout-builder__section .ui-sortable-helper {
|
||||
outline: 2px solid #f7f7f7;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.layout-builder__section .ui-state-drop {
|
||||
margin: 20px;
|
||||
padding: 30px;
|
||||
outline: 2px dashed #fedb60;
|
||||
background-color: #ffd;
|
||||
}
|
||||
|
||||
.layout-builder__region {
|
||||
outline: 2px dashed #2f91da;
|
||||
}
|
||||
|
||||
.layout-builder__add-block {
|
||||
padding: 1.5em 0;
|
||||
text-align: center;
|
||||
background-color: #eff6fc;
|
||||
}
|
||||
|
||||
.layout-builder__link--remove {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
margin-right: 6px; /* LTR */
|
||||
margin-left: -10px; /* LTR */
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
text-indent: -9999px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 26px;
|
||||
background: url(../../../../misc/icons/bebebe/ex.svg) #fff center center / 16px 16px no-repeat;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
[dir="rtl"] .layout-builder__link--remove {
|
||||
margin-right: -10px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.layout-builder__link--remove:hover {
|
||||
background-image: url(../../../../misc/icons/787878/ex.svg);
|
||||
}
|
||||
|
||||
.layout-builder-block {
|
||||
padding: 1.5em;
|
||||
cursor: move;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.layout-builder-block [tabindex="-1"] {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.layout-builder__message .messages {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.layout-builder__message--defaults .messages {
|
||||
background-image: url("../../../../misc/icons/73b355/globe.svg");
|
||||
}
|
||||
.layout-builder__message--overrides .messages {
|
||||
background-image: url("../../../../misc/icons/73b355/location.svg");
|
||||
}
|
||||
|
||||
.layout-builder-block__content-preview-placeholder-label {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 1.429em;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.layout-builder--content-preview-disabled .layout-builder-block {
|
||||
margin: 0;
|
||||
border-bottom: 2px dashed #979797;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .layout-selection li {
|
||||
display: block;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .layout-selection li a {
|
||||
display: block;
|
||||
padding-top: 0.55em;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .inline-block-create-button {
|
||||
display: block;
|
||||
padding: 24px;
|
||||
padding-left: 44px;
|
||||
color: #eee;
|
||||
border-bottom: 1px solid #333;
|
||||
background: url(../../../../misc/icons/bebebe/plus.svg) transparent 16px no-repeat;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .inline-block-create-button,
|
||||
#drupal-off-canvas .inline-block-list__item {
|
||||
margin: 0 -20px;
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .inline-block-create-button:hover,
|
||||
#drupal-off-canvas .inline-block-list__item:hover {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .inline-block-list {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#drupal-off-canvas .inline-block-list__item {
|
||||
display: block;
|
||||
padding: 15px 0 15px 25px;
|
||||
}
|
||||
|
||||
.layout-builder__add-section.is-layout-builder-highlighted {
|
||||
margin-bottom: calc(1.5em - 8px);
|
||||
outline: none;
|
||||
}
|
||||
.layout-builder__layout.is-layout-builder-highlighted,
|
||||
.layout-builder-block.is-layout-builder-highlighted,
|
||||
.layout-builder__add-block.is-layout-builder-highlighted {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin: -4px -2px;
|
||||
}
|
||||
.layout-builder__add-block.is-layout-builder-highlighted,
|
||||
.layout-builder__add-section.is-layout-builder-highlighted,
|
||||
.layout-builder__layout.is-layout-builder-highlighted:before,
|
||||
.layout-builder__layout.is-layout-builder-highlighted,
|
||||
.layout-builder-block.is-layout-builder-highlighted {
|
||||
border: 4px solid #000;
|
||||
}
|
||||
|
||||
/* Highlight the active block in the Move Block dialog. */
|
||||
#drupal-off-canvas .layout-builder-components-table__block-label--current {
|
||||
padding-left: 17px;
|
||||
border-left: solid 5px;
|
||||
}
|
||||
|
||||
/**
|
||||
* @todo remove in https://www.drupal.org/project/drupal/issues/3042127
|
||||
* This rule ensures the row weight dropdowns in the Move Block dialog
|
||||
* maintain the background color of their container when they are hovered
|
||||
* over or are inside the active row.
|
||||
*/
|
||||
#drupal-off-canvas .layout-builder-components-table__row .form-item {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.layout-builder__region-label,
|
||||
.layout-builder__section-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layout-builder--move-blocks-active .layout-builder__region-label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layout-builder--move-blocks-active .layout-builder__section-label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.layout__region-info {
|
||||
padding: 0.5em;
|
||||
text-align: center;
|
||||
border-bottom: 2px dashed #979797;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove "You have unsaved changes" warning because Layout Builder always has
|
||||
* unsaved changes until "Save layout" is submitted.
|
||||
* @todo create issue for todo.
|
||||
*/
|
||||
.layout-builder-components-table .tabledrag-changed-warning {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -0,0 +1,134 @@
|
||||
.locale-translate-filter-form .details-wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
.locale-translate-filter-form .form-item-langcode,
|
||||
.locale-translate-filter-form .form-item-translation,
|
||||
.locale-translate-filter-form .form-item-customized {
|
||||
float: left; /* LTR */
|
||||
/**
|
||||
* In Opera 9, DOM elements with the property of "overflow: auto"
|
||||
* will partially hide its contents with unnecessary scrollbars when
|
||||
* its immediate child is floated without an explicit width set.
|
||||
*/
|
||||
width: 15em;
|
||||
margin-right: 1em; /* LTR */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
[dir="rtl"] .locale-translate-filter-form .form-item-langcode,
|
||||
[dir="rtl"] .locale-translate-filter-form .form-item-translation,
|
||||
[dir="rtl"] .locale-translate-filter-form .form-item-customized {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.locale-translate-filter-form .form-type-select select {
|
||||
width: 100%;
|
||||
}
|
||||
.locale-translate-filter-form .form-actions {
|
||||
float: left; /* LTR */
|
||||
padding: 3.8ex 0 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .locale-translate-filter-form .form-actions {
|
||||
float: right;
|
||||
padding: 3.5ex 0 0 0;
|
||||
}
|
||||
.locale-translate-edit-form th {
|
||||
width: 50%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
.locale-translate-edit-form td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.locale-translate-edit-form tr.changed {
|
||||
background: #ffb;
|
||||
}
|
||||
|
||||
.locale-translate-edit-form tr .form-type-item .ajax-changed {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.locale-translate-filter-form .form-wrapper {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.locale-translate-edit-form table.changed {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Available translation updates page.
|
||||
*/
|
||||
#locale-translation-status-form table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
#locale-translation-status-form th.select-all {
|
||||
width: 4%;
|
||||
}
|
||||
#locale-translation-status-form th.title {
|
||||
width: 25%;
|
||||
}
|
||||
#locale-translation-status-form td {
|
||||
vertical-align: top;
|
||||
}
|
||||
.locale-translation-update__wrapper {
|
||||
margin-left: -12px;
|
||||
padding-left: 12px;
|
||||
background: transparent url(../../images/core/menu-collapsed.png) left 0.6em no-repeat;
|
||||
}
|
||||
.expanded .locale-translation-update__wrapper {
|
||||
background: transparent url(../../images/core/menu-expanded.png) left 0.6em no-repeat;
|
||||
}
|
||||
#locale-translation-status-form .description {
|
||||
cursor: pointer;
|
||||
}
|
||||
.locale-translation-update__wrapper {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #5c5c5b;
|
||||
line-height: 20px;
|
||||
}
|
||||
.expanded .locale-translation-update__wrapper {
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
.expanded .locale-translation-update__message {
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
.js .locale-translation-update__wrapper {
|
||||
height: 20px;
|
||||
}
|
||||
.expanded .locale-translation-update__wrapper {
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
.locale-translation-update__details {
|
||||
max-width: 490px;
|
||||
padding: 5px 0;
|
||||
white-space: normal;
|
||||
color: #666;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.locale-translation-update__details ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.locale-translation-update__details li {
|
||||
margin: 0 0 0.25em 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 40em) {
|
||||
#locale-translation-status-form th.title {
|
||||
width: 20%;
|
||||
}
|
||||
#locale-translation-status-form th.status {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
/**
|
||||
* @file
|
||||
* Caption filter: default styling for displaying Media Embed captions.
|
||||
*/
|
||||
|
||||
.caption .media .field,
|
||||
.caption .media .field * {
|
||||
float: none;
|
||||
margin: unset;
|
||||
}
|
||||
|
||||
/* Undo margin added to figure in core/assets/vendor/normalize-css/normalize.css */
|
||||
figure.caption-drupal-media.align-center {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.media-oembed-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
.menu-enabled {
|
||||
width: 70px;
|
||||
}
|
||||
.menu-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for the upgrade analysis report tables.
|
||||
*/
|
||||
.upgrade-analysis-report__status-icon:before {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 14px;
|
||||
content: "";
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.upgrade-analysis-report__status-icon--warning:before {
|
||||
background-image: url(../../../images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
.upgrade-analysis-report__status-icon--checked:before {
|
||||
background-image: url(../../../images/core/icons/73b355/check.svg);
|
||||
}
|
||||
.upgrade-analysis-report__status-icon--error:before {
|
||||
background-image: url(../../../images/core/icons/e32700/error.svg);
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for administration pages.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Revisions overview screen.
|
||||
*/
|
||||
.revision-current {
|
||||
background: #ffc;
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for administration pages.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Node add/edit form layout
|
||||
*/
|
||||
|
||||
/* Narrow screens */
|
||||
.layout-region {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Wide screens */
|
||||
@media
|
||||
screen and (min-width: 780px),
|
||||
(orientation: landscape) and (min-device-height: 780px) {
|
||||
|
||||
.layout-region-node-main,
|
||||
.layout-region-node-footer {
|
||||
float: left; /* LTR */
|
||||
box-sizing: border-box;
|
||||
width: 65%;
|
||||
padding-right: 2em; /* LTR */
|
||||
}
|
||||
|
||||
[dir="rtl"] .layout-region-node-main,
|
||||
[dir="rtl"] .layout-region-node-footer {
|
||||
float: right;
|
||||
padding-right: 0;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.layout-region-node-secondary {
|
||||
float: right; /* LTR */
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
[dir="rtl"] .layout-region-node-secondary {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* @todo File an issue to add a standard class to all text-like inputs */
|
||||
.layout-region-node-secondary .form-autocomplete,
|
||||
.layout-region-node-secondary .form-text,
|
||||
.layout-region-node-secondary .form-tel,
|
||||
.layout-region-node-secondary .form-email,
|
||||
.layout-region-node-secondary .form-url,
|
||||
.layout-region-node-secondary .form-search,
|
||||
.layout-region-node-secondary .form-number,
|
||||
.layout-region-node-secondary .form-color,
|
||||
.layout-region-node-secondary textarea {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* The vertical toolbar mode gets triggered for narrow screens, which throws off
|
||||
* the intent of media queries written for the viewport width. When the vertical
|
||||
* toolbar is on, we need to suppress layout for the original media width + the
|
||||
* toolbar width (240px). In this case, 240px + 780px.
|
||||
*/
|
||||
@media
|
||||
screen and (max-width: 1020px) {
|
||||
|
||||
.toolbar-vertical.toolbar-tray-open .layout-region-node-main,
|
||||
.toolbar-vertical.toolbar-tray-open .layout-region-node-footer,
|
||||
.toolbar-vertical.toolbar-tray-open .layout-region-node-secondary {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for node preview page.
|
||||
*/
|
||||
|
||||
.node-preview-container {
|
||||
position: fixed;
|
||||
z-index: 499;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 36em) {
|
||||
.node-preview-container .form-type-select {
|
||||
margin-left: 25%; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .node-preview-container .form-type-select {
|
||||
margin-right: 25%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
/**
|
||||
* @file
|
||||
* Icons for Quick Edit module.
|
||||
*/
|
||||
|
||||
.quickedit .icon {
|
||||
position: relative;
|
||||
min-width: 2.5em;
|
||||
min-height: 1em;
|
||||
}
|
||||
.quickedit .icon.icon-only {
|
||||
text-indent: -9999px;
|
||||
}
|
||||
.quickedit .icon.icon-end {
|
||||
padding-right: 2.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .quickedit .icon.icon-end {
|
||||
padding-right: 0;
|
||||
padding-left: 2.5em;
|
||||
}
|
||||
.quickedit .icon:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; /* LTR */
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: scroll;
|
||||
background-position: center center;
|
||||
}
|
||||
[dir="rtl"] .quickedit .icon:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.quickedit .icon-end:before {
|
||||
right: 0.5em; /* LTR */
|
||||
left: auto; /* LTR */
|
||||
width: 18px;
|
||||
}
|
||||
[dir="rtl"] .quickedit .icon-end:before {
|
||||
right: auto;
|
||||
left: 0.5em;
|
||||
}
|
||||
.quickedit button.icon {
|
||||
font-size: 1em;
|
||||
}
|
||||
.quickedit .icon-pencil {
|
||||
margin-left: 0.5em;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Images.
|
||||
*/
|
||||
.quickedit .icon-close:before {
|
||||
top: 10px;
|
||||
height: 12px;
|
||||
background-image: url(../../images/core/icons/787878/ex.svg);
|
||||
}
|
||||
.quickedit .icon-close:hover:before,
|
||||
.quickedit .icon-close:active:before {
|
||||
background-image: url(../../images/core/icons/000000/ex.svg);
|
||||
}
|
||||
.quickedit .icon-throbber:before {
|
||||
background-image: url(../../images/quickedit/icon-throbber.gif);
|
||||
}
|
||||
.quickedit .icon-pencil:before {
|
||||
background-image: url(../../images/core/icons/5181c6/pencil.svg);
|
||||
background-position: left center;
|
||||
background-size: 1.3em;
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
/**
|
||||
* @file
|
||||
* Generic base styles for Quick Edit module.
|
||||
*
|
||||
* Note: every class is prefixed with "quickedit-" to prevent collisions with
|
||||
* modules or themes. In Edit module-specific DOM subtrees, this is not
|
||||
* necessary.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Editable.
|
||||
*/
|
||||
.quickedit-editable {
|
||||
position: relative;
|
||||
z-index: 98;
|
||||
cursor: pointer;
|
||||
}
|
||||
.quickedit-editable:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Highlighted (hovered) editable.
|
||||
*/
|
||||
.quickedit-editable.quickedit-highlighted {
|
||||
z-index: 99;
|
||||
}
|
||||
.quickedit-validation-errors > .messages {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.quickedit-validation-errors > .messages > ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* In-place editors that don't use a popup.
|
||||
*/
|
||||
.quickedit-validation-errors {
|
||||
position: relative;
|
||||
z-index: 300;
|
||||
}
|
||||
.quickedit-validation-errors .messages.error {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: -5px; /* LTR */
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
[dir="rtl"] .quickedit-validation-errors .messages.error {
|
||||
right: -5px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Styling specific to the 'form' in-place editor.
|
||||
*/
|
||||
#quickedit_backstage {
|
||||
display: none;
|
||||
}
|
||||
.quickedit-form {
|
||||
position: absolute;
|
||||
z-index: 300;
|
||||
max-width: 35em;
|
||||
}
|
||||
.quickedit-form .placeholder {
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Default form styling overrides.
|
||||
*/
|
||||
.quickedit-form .form-wrapper .form-wrapper {
|
||||
margin: inherit;
|
||||
}
|
||||
.quickedit-form .form-actions {
|
||||
display: none;
|
||||
}
|
||||
.quickedit-form input {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Entity toolbar.
|
||||
*/
|
||||
.quickedit-toolbar-container {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
width: 320px;
|
||||
max-width: 320px;
|
||||
}
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-pointer,
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-lining {
|
||||
display: none;
|
||||
}
|
||||
.quickedit-form-container {
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
border: 0;
|
||||
}
|
||||
.quickedit-toolgroup.ops {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .quickedit-toolgroup.ops {
|
||||
float: left;
|
||||
}
|
||||
.quickedit-toolbar-label {
|
||||
overflow: hidden;
|
||||
}
|
||||
#quickedit-toolbar-fence {
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
@@ -0,0 +1,254 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for Quick Edit module.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Editable.
|
||||
*/
|
||||
.quickedit-field.quickedit-editable,
|
||||
.quickedit-field .quickedit-editable {
|
||||
box-shadow: 0 0 0 2px #74b7ff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Highlighted (hovered) editable.
|
||||
*/
|
||||
.quickedit-field.quickedit-highlighted,
|
||||
.quickedit-form.quickedit-highlighted,
|
||||
.quickedit-field .quickedit-highlighted {
|
||||
box-shadow: 0 0 0 1px #74b7ff, 0 0 0 2px #007fff;
|
||||
}
|
||||
.quickedit-field.quickedit-changed,
|
||||
.quickedit-form.quickedit-changed,
|
||||
.quickedit-field .quickedit-changed {
|
||||
box-shadow: 0 0 0 1px #fec17e, 0 0 0 2px #f7870a;
|
||||
}
|
||||
.quickedit-editing.quickedit-validation-error,
|
||||
.quickedit-form.quickedit-validation-error {
|
||||
box-shadow: 0 0 0 1px #ee8b74, 0 0 0 2px #fa2209;
|
||||
}
|
||||
.quickedit-editing.quickedit-editor-is-popup {
|
||||
box-shadow: none;
|
||||
}
|
||||
.quickedit-form .form-item .error {
|
||||
border: 1px solid #eea0a0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Default form styling overrides.
|
||||
*/
|
||||
.quickedit-form form {
|
||||
padding: 0.5em;
|
||||
}
|
||||
.quickedit-form .form-item {
|
||||
margin: 0;
|
||||
}
|
||||
.quickedit-form .form-wrapper {
|
||||
margin: 0.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Animations.
|
||||
*/
|
||||
.quickedit-animate-invisible {
|
||||
opacity: 0;
|
||||
}
|
||||
.quickedit-animate-default {
|
||||
-webkit-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
.quickedit-animate-slow {
|
||||
-webkit-transition: all 0.6s ease;
|
||||
transition: all 0.6s ease;
|
||||
}
|
||||
.quickedit-animate-delay-veryfast {
|
||||
-webkit-transition-delay: 0.05s;
|
||||
transition-delay: 0.05s;
|
||||
}
|
||||
.quickedit-animate-delay-fast {
|
||||
-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 0.2s ease;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
/**
|
||||
* In-place editors that don't use a popup.
|
||||
*/
|
||||
.quickedit-validation-errors .messages.error {
|
||||
background-color: white;
|
||||
box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, 0.5);
|
||||
}
|
||||
|
||||
/**
|
||||
* Styling specific to the 'form' in-place editor.
|
||||
*/
|
||||
.quickedit-form {
|
||||
background-color: white;
|
||||
box-shadow: 0 0 30px 4px #4f4f4f;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbars.
|
||||
*/
|
||||
.quickedit-toolbar-container {
|
||||
padding-top: 7px;
|
||||
padding-bottom: 7px;
|
||||
-webkit-transition: all 1s;
|
||||
transition: all 1s;
|
||||
font-family: "Source Sans Pro", "Lucida Grande", sans-serif;
|
||||
}
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-content {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
box-sizing: border-box;
|
||||
padding: 0.1667em;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
color: black;
|
||||
background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
|
||||
background-image: linear-gradient(to bottom, #fff, #e4e4e4);
|
||||
}
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-pointer {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: 2px;
|
||||
left: 18px; /* LTR */
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
background-color: #e4e4e4;
|
||||
box-shadow: 0 0 0 1px #818181, 0 0 0 4px rgba(150, 150, 150, 0.5);
|
||||
}
|
||||
[dir="rtl"] .quickedit-toolbar-container > .quickedit-toolbar-pointer {
|
||||
right: 18px;
|
||||
left: auto;
|
||||
}
|
||||
.quickedit-toolbar-container.quickedit-toolbar-pointer-top > .quickedit-toolbar-pointer {
|
||||
top: 2px;
|
||||
bottom: auto;
|
||||
}
|
||||
.quickedit-toolbar-container > .quickedit-toolbar-lining {
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
top: 7px;
|
||||
right: 0;
|
||||
bottom: 7px;
|
||||
left: 0;
|
||||
display: block;
|
||||
box-shadow: 0 0 0 1px #818181, 0 3px 0 1px rgba(150, 150, 150, 0.5);
|
||||
}
|
||||
|
||||
.quickedit-toolbar-label {
|
||||
overflow: hidden;
|
||||
padding: 0.333em 0.4em;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-style: italic;
|
||||
}
|
||||
.quickedit-toolbar-label .field:after {
|
||||
content: " → "; /* LTR */
|
||||
}
|
||||
|
||||
[dir="rtl"] .quickedit-toolbar-label .field:after {
|
||||
content: " ← ";
|
||||
}
|
||||
|
||||
/* The toolbar; these are not necessarily visible. */
|
||||
.quickedit-toolbar {
|
||||
font-family: "Droid sans", "Lucida Grande", sans-serif;
|
||||
}
|
||||
.quickedit-toolbar-entity {
|
||||
padding: 0.1667em 0.2em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Info toolgroup.
|
||||
*/
|
||||
.quickedit-toolbar-fullwidth {
|
||||
width: 100%;
|
||||
}
|
||||
.quickedit-toolgroup.wysiwyg-floated {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .quickedit-toolgroup.wysiwyg-floated {
|
||||
float: left;
|
||||
}
|
||||
.quickedit-toolgroup.wysiwyg-main {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
padding-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .quickedit-toolgroup.wysiwyg-main {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Buttons.
|
||||
*/
|
||||
.quickedit-button {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0.345em;
|
||||
cursor: pointer;
|
||||
-webkit-transition: opacity 0.1s ease;
|
||||
transition: opacity 0.1s ease;
|
||||
opacity: 1;
|
||||
color: #5a5a5a;
|
||||
border: 1px solid #d2d2d2;
|
||||
background-color: #e4e4e4;
|
||||
}
|
||||
.quickedit-button[aria-hidden="true"] {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
.quickedit-button + .quickedit-button {
|
||||
margin-left: 0.2em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .quickedit-button + .quickedit-button {
|
||||
margin-right: 0.25em;
|
||||
margin-left: auto;
|
||||
}
|
||||
/* Button with icons. */
|
||||
.quickedit-button:hover,
|
||||
.quickedit-button:active {
|
||||
color: #2e2e2e;
|
||||
border: 1px solid #a0a0a0;
|
||||
background-color: #c8c8c8;
|
||||
}
|
||||
.quickedit-toolbar-container .quickedit-button.action-cancel {
|
||||
border: 1px solid transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
.quickedit-button.action-save {
|
||||
color: white;
|
||||
border: 1px solid transparent;
|
||||
background-color: #50a0e9;
|
||||
background-image: -webkit-linear-gradient(top, #50a0e9, #4481dc);
|
||||
background-image: linear-gradient(to bottom, #50a0e9, #4481dc);
|
||||
}
|
||||
.quickedit-button.action-save:hover,
|
||||
.quickedit-button.action-save:active {
|
||||
border: 1px solid #a0a0a0;
|
||||
}
|
||||
.quickedit-button.action-saving,
|
||||
.quickedit-button.action-saving:hover,
|
||||
.quickedit-button.action-saving:active {
|
||||
color: #5a5a5a;
|
||||
border-color: #d2d2d2;
|
||||
background-color: #e4e4e4;
|
||||
background-image: none;
|
||||
}
|
||||
@@ -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 {
|
||||
color: #eee;
|
||||
outline: none;
|
||||
background-color: #0066a1;
|
||||
background-image: linear-gradient(to bottom, #0066a1, #005b98);
|
||||
text-shadow: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
/* 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 {
|
||||
color: #fff;
|
||||
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
|
||||
}
|
||||
/* 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 {
|
||||
color: #fff;
|
||||
background-color: #0066a1;
|
||||
background-image: linear-gradient(to bottom, #0066a1, #005b98);
|
||||
}
|
||||
/* 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 {
|
||||
color: #eee;
|
||||
background-color: #0066a1;
|
||||
background-image: linear-gradient(to bottom, #0066a1, #005b98);
|
||||
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
|
||||
font-weight: 700;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.toolbar-icon-edit.toolbar-item.is-active {
|
||||
color: #fff;
|
||||
background-color: #0a7bc1;
|
||||
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
|
||||
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 {
|
||||
color: #fff;
|
||||
border-color: #1e5c90;
|
||||
outline: none;
|
||||
background-color: #0a7bc1;
|
||||
background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
|
||||
}
|
||||
.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);
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for the shortcut module icons.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Toolbar tab icon.
|
||||
*/
|
||||
.toolbar-bar .toolbar-icon-shortcut:before {
|
||||
background-image: url(../../images/core/icons/bebebe/star.svg);
|
||||
}
|
||||
.toolbar-bar .toolbar-icon-shortcut:active:before,
|
||||
.toolbar-bar .toolbar-icon-shortcut.is-active:before {
|
||||
background-image: url(../../images/core/icons/ffffff/star.svg);
|
||||
}
|
||||
|
||||
/**
|
||||
* Add/remove links.
|
||||
*/
|
||||
.shortcut-action__icon {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: -2px;
|
||||
background: transparent url(../../images/shortcut/favstar.svg) no-repeat left top;
|
||||
}
|
||||
[dir="rtl"] .shortcut-action__icon {
|
||||
background-image: url(../../images/shortcut/favstar-rtl.svg);
|
||||
}
|
||||
.shortcut-action--add:hover .shortcut-action__icon,
|
||||
.shortcut-action--add:focus .shortcut-action__icon {
|
||||
background-position: -20px top;
|
||||
}
|
||||
.shortcut-action--remove .shortcut-action__icon {
|
||||
background-position: -40px top;
|
||||
}
|
||||
.shortcut-action--remove:focus .shortcut-action__icon,
|
||||
.shortcut-action--remove:hover .shortcut-action__icon {
|
||||
background-position: -60px top;
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for the shortcut module.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Toolbar.
|
||||
*/
|
||||
.toolbar .toolbar-tray-vertical .edit-shortcuts {
|
||||
padding: 1em;
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical .edit-shortcuts {
|
||||
text-align: left;
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal .edit-shortcuts {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal .edit-shortcuts {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add/remove links.
|
||||
*/
|
||||
.shortcut-action {
|
||||
display: inline-block;
|
||||
margin-left: 0.3em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .shortcut-action {
|
||||
margin-right: 0.3em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.shortcut-action__message {
|
||||
display: inline-block;
|
||||
margin-left: 0.3em; /* LTR */
|
||||
padding: 0 5px;
|
||||
-webkit-transition: all 200ms ease-out;
|
||||
transition: all 200ms ease-out;
|
||||
-ms-transform: translateY(-12px);
|
||||
-webkit-transform: translateY(-12px);
|
||||
transform: translateY(-12px);
|
||||
opacity: 0;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
[dir="rtl"] .shortcut-action__message {
|
||||
margin-right: 0.3em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.shortcut-action:hover .shortcut-action__message,
|
||||
.shortcut-action:focus .shortcut-action__message {
|
||||
-ms-transform: translateY(-2px);
|
||||
-webkit-transform: translateY(-2px);
|
||||
transform: translateY(-2px);
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -0,0 +1,93 @@
|
||||
|
||||
/* Test Table */
|
||||
#simpletest-form-table th.select-all {
|
||||
width: 1em;
|
||||
}
|
||||
th.simpletest-test-label {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.simpletest-image {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
cursor: pointer;
|
||||
}
|
||||
.simpletest-group-label label {
|
||||
display: inline;
|
||||
font-weight: bold;
|
||||
}
|
||||
.simpletest-test-label label {
|
||||
margin-left: 1em; /* LTR */
|
||||
}
|
||||
.simpletest-test-description .description {
|
||||
margin: 0;
|
||||
}
|
||||
#simpletest-form-table tr td {
|
||||
color: #494949;
|
||||
background-color: white;
|
||||
}
|
||||
#simpletest-form-table tr.simpletest-group td {
|
||||
color: #494949;
|
||||
background-color: #edf5fa;
|
||||
}
|
||||
|
||||
table#simpletest-form-table tr.simpletest-group label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
div.message > div.item-list {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.simpletest-pass {
|
||||
color: #33a333;
|
||||
}
|
||||
.simpletest-fail {
|
||||
color: #981010;
|
||||
}
|
||||
|
||||
tr.simpletest-pass,
|
||||
tr.simpletest-pass.odd {
|
||||
background-color: #b6ffb6;
|
||||
}
|
||||
tr.simpletest-pass.even {
|
||||
background-color: #9bff9b;
|
||||
}
|
||||
tr.simpletest-fail,
|
||||
tr.simpletest-fail.odd {
|
||||
background-color: #ffc9c9;
|
||||
}
|
||||
tr.simpletest-fail.even {
|
||||
background-color: #ffacac;
|
||||
}
|
||||
tr.simpletest-exception,
|
||||
tr.simpletest-exception.odd {
|
||||
background-color: #f4ea71;
|
||||
}
|
||||
tr.simpletest-exception.even {
|
||||
background-color: #f5e742;
|
||||
}
|
||||
tr.simpletest-debug,
|
||||
tr.simpletest-debug.odd {
|
||||
background-color: #eee;
|
||||
}
|
||||
tr.simpletest-debug.even {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
a.simpletest-collapse {
|
||||
position: absolute;
|
||||
top: -99em;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
a.simpletest-collapse:focus,
|
||||
a.simpletest-collapse:hover {
|
||||
position: relative;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
overflow: visible;
|
||||
width: auto;
|
||||
height: auto;
|
||||
font-size: 80%;
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
/**
|
||||
* @file
|
||||
* Throbber.
|
||||
*/
|
||||
|
||||
.ajax-progress {
|
||||
display: inline-block;
|
||||
padding: 1px 5px 2px 5px;
|
||||
}
|
||||
[dir="rtl"] .ajax-progress {
|
||||
float: right;
|
||||
}
|
||||
.ajax-progress-throbber .throbber {
|
||||
display: inline;
|
||||
padding: 1px 5px 2px;
|
||||
background: transparent url(../../../images/core/throbber-active.gif) no-repeat 0 center;
|
||||
}
|
||||
.ajax-progress-throbber .message {
|
||||
display: inline;
|
||||
padding: 1px 5px 2px;
|
||||
}
|
||||
tr .ajax-progress-throbber .throbber {
|
||||
margin: 0 2px;
|
||||
}
|
||||
.ajax-progress-bar {
|
||||
width: 16em;
|
||||
}
|
||||
|
||||
/* Full screen throbber */
|
||||
.ajax-progress-fullscreen {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
top: 48.5%;
|
||||
/* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
|
||||
left: 49%; /* LTR */
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 4px;
|
||||
opacity: 0.9;
|
||||
border-radius: 7px;
|
||||
background-color: #232323;
|
||||
background-image: url(../../../images/core/loading-small.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
[dir="rtl"] .ajax-progress-fullscreen {
|
||||
right: 49%;
|
||||
left: auto;
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
/**
|
||||
* @file
|
||||
* Alignment classes for text and block level elements.
|
||||
*/
|
||||
|
||||
.text-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-align-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/**
|
||||
* Alignment classes for block level elements (images, videos, blockquotes, etc.)
|
||||
*/
|
||||
.align-left {
|
||||
float: left;
|
||||
}
|
||||
.align-right {
|
||||
float: right;
|
||||
}
|
||||
.align-center {
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for animated throbber.
|
||||
*
|
||||
* @see autocomplete.js
|
||||
*/
|
||||
|
||||
.js input.form-autocomplete {
|
||||
background-image: url(../../../images/core/throbber-inactive.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 100% center; /* LTR */
|
||||
}
|
||||
.js[dir="rtl"] input.form-autocomplete {
|
||||
background-position: 0% center;
|
||||
}
|
||||
.js input.form-autocomplete.ui-autocomplete-loading {
|
||||
background-image: url(../../../images/core/throbber-active.gif);
|
||||
background-position: 100% center; /* LTR */
|
||||
}
|
||||
.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
|
||||
background-position: 0% center;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* @file
|
||||
* Float clearing.
|
||||
*
|
||||
* Based on the micro clearfix hack by Nicolas Gallagher, with the :before
|
||||
* pseudo selector removed to allow normal top margin collapse.
|
||||
*
|
||||
* @see http://nicolasgallagher.com/micro-clearfix-hack
|
||||
*/
|
||||
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
/**
|
||||
* @file
|
||||
* Inline items.
|
||||
*/
|
||||
|
||||
.container-inline div,
|
||||
.container-inline label {
|
||||
display: inline;
|
||||
}
|
||||
/* Details contents always need to be rendered as block. */
|
||||
.container-inline .details-wrapper {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
/**
|
||||
* @file
|
||||
* Collapsible details.
|
||||
*
|
||||
* @see collapse.js
|
||||
*/
|
||||
|
||||
.js details:not([open]) .details-wrapper {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* @file
|
||||
* Fieldgroup border reset.
|
||||
*/
|
||||
|
||||
.fieldgroup {
|
||||
padding: 0;
|
||||
border-width: 0;
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
/**
|
||||
* @file
|
||||
* Utility classes to hide elements in different ways.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Hide elements from all users.
|
||||
*
|
||||
* Used for elements which should not be immediately displayed to any user. An
|
||||
* example would be collapsible details that will be expanded with a click
|
||||
* from a user. The effect of this class can be toggled with the jQuery show()
|
||||
* and hide() functions.
|
||||
*/
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide elements visually, but keep them available for screen readers.
|
||||
*
|
||||
* Used for information required for screen reader users to understand and use
|
||||
* the site where visual display is undesirable. Information provided in this
|
||||
* manner should be kept concise, to avoid unnecessary burden on the user.
|
||||
* "!important" is used to prevent unintentional overrides.
|
||||
*/
|
||||
.visually-hidden {
|
||||
position: absolute !important;
|
||||
overflow: hidden;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* The .focusable class extends the .visually-hidden class to allow
|
||||
* the element to be focusable when navigated to via the keyboard.
|
||||
*/
|
||||
.visually-hidden.focusable:active,
|
||||
.visually-hidden.focusable:focus {
|
||||
position: static !important;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide visually and from screen readers, but maintain layout.
|
||||
*/
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for item list.
|
||||
*/
|
||||
|
||||
.item-list__comma-list,
|
||||
.item-list__comma-list li {
|
||||
display: inline;
|
||||
}
|
||||
.item-list__comma-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.item-list__comma-list li:after {
|
||||
content: ", ";
|
||||
}
|
||||
.item-list__comma-list li:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/**
|
||||
* @file
|
||||
* Utility classes to assist with Javascript functionality.
|
||||
*/
|
||||
|
||||
/**
|
||||
* For anything you want to hide on page load when JS is enabled, so
|
||||
* that you can use the JS to control visibility and avoid flicker.
|
||||
*/
|
||||
.js .js-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* For anything you want to show on page load only when JS is enabled.
|
||||
*/
|
||||
.js-show {
|
||||
display: none;
|
||||
}
|
||||
.js .js-show {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* @file
|
||||
* Utility class to prevent text wrapping.
|
||||
*/
|
||||
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
/*
|
||||
* @file
|
||||
* Contain positioned elements.
|
||||
*/
|
||||
|
||||
.position-container {
|
||||
position: relative;
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
/**
|
||||
* @file
|
||||
* Progress behavior.
|
||||
*
|
||||
* @see progress.js
|
||||
*/
|
||||
|
||||
.progress {
|
||||
position: relative;
|
||||
}
|
||||
.progress__track {
|
||||
min-width: 100px;
|
||||
max-width: 100%;
|
||||
height: 16px;
|
||||
margin-top: 5px;
|
||||
border: 1px solid;
|
||||
background-color: #fff;
|
||||
}
|
||||
.progress__bar {
|
||||
width: 3%;
|
||||
min-width: 3%;
|
||||
max-width: 100%;
|
||||
height: 1.5em;
|
||||
background-color: #000;
|
||||
}
|
||||
.progress__description,
|
||||
.progress__percentage {
|
||||
overflow: hidden;
|
||||
margin-top: 0.2em;
|
||||
color: #555;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
.progress__description {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .progress__description {
|
||||
float: right;
|
||||
}
|
||||
.progress__percentage {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .progress__percentage {
|
||||
float: left;
|
||||
}
|
||||
.progress--small .progress__track {
|
||||
height: 7px;
|
||||
}
|
||||
.progress--small .progress__bar {
|
||||
height: 7px;
|
||||
background-size: 20px 20px;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/*
|
||||
* @file
|
||||
* Utility class to remove browser styles, especially for button.
|
||||
*/
|
||||
|
||||
.reset-appearance {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
line-height: inherit;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/**
|
||||
* @file
|
||||
* Resizable textareas.
|
||||
*/
|
||||
|
||||
.resize-none {
|
||||
resize: none;
|
||||
}
|
||||
.resize-vertical {
|
||||
min-height: 2em;
|
||||
resize: vertical;
|
||||
}
|
||||
.resize-horizontal {
|
||||
max-width: 100%;
|
||||
resize: horizontal;
|
||||
}
|
||||
.resize-both {
|
||||
max-width: 100%;
|
||||
min-height: 2em;
|
||||
resize: both;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
/**
|
||||
* @file
|
||||
* Table header behavior.
|
||||
*
|
||||
* @see tableheader.js
|
||||
*/
|
||||
|
||||
table.sticky-header {
|
||||
z-index: 500;
|
||||
top: 0;
|
||||
margin-top: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for the system status counter component.
|
||||
*/
|
||||
|
||||
.system-status-counter__status-icon {
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.system-status-counter__status-icon:before {
|
||||
display: block;
|
||||
content: "";
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 2px;
|
||||
background-size: 20px;
|
||||
}
|
||||
|
||||
.system-status-counter__status-icon--error:before {
|
||||
background-image: url(../../../images/core/icons/e32700/error.svg);
|
||||
}
|
||||
.system-status-counter__status-icon--warning:before {
|
||||
background-image: url(../../../images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
.system-status-counter__status-icon--checked:before {
|
||||
background-image: url(../../../images/core/icons/73b355/check.svg);
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for the system status report counters.
|
||||
*/
|
||||
|
||||
.system-status-report-counters__item {
|
||||
width: 100%;
|
||||
margin-bottom: 0.5em;
|
||||
padding: 0.5em 0;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
background-color: rgba(0, 0, 0, 0.063);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 60em) {
|
||||
.system-status-report-counters {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.system-status-report-counters__item--half-width {
|
||||
width: 49%;
|
||||
}
|
||||
.system-status-report-counters__item--third-width {
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
/**
|
||||
* @file
|
||||
* Default styles for the System Status general info.
|
||||
*/
|
||||
|
||||
.system-status-general-info__item {
|
||||
margin-top: 1em;
|
||||
padding: 0 1em 1em;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.system-status-general-info__item-title {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
@@ -0,0 +1,88 @@
|
||||
/**
|
||||
* @file
|
||||
* Table drag behavior.
|
||||
*
|
||||
* @see tabledrag.js
|
||||
*/
|
||||
|
||||
body.drag {
|
||||
cursor: move;
|
||||
}
|
||||
tr.region-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
tr.region-message {
|
||||
color: #999;
|
||||
}
|
||||
tr.region-populated {
|
||||
display: none;
|
||||
}
|
||||
tr.add-new .tabledrag-changed {
|
||||
display: none;
|
||||
}
|
||||
.draggable a.tabledrag-handle {
|
||||
float: left; /* LTR */
|
||||
overflow: hidden;
|
||||
height: 1.7em;
|
||||
margin-left: -1em; /* LTR */
|
||||
cursor: move;
|
||||
text-decoration: none;
|
||||
}
|
||||
[dir="rtl"] .draggable a.tabledrag-handle {
|
||||
float: right;
|
||||
margin-right: -1em;
|
||||
margin-left: 0;
|
||||
}
|
||||
a.tabledrag-handle:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
a.tabledrag-handle .handle {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin: -0.4em 0.5em 0;
|
||||
padding: 0.42em 0.5em;
|
||||
background: url(../../../images/core/icons/787878/move.svg) no-repeat 6px 7px;
|
||||
}
|
||||
a.tabledrag-handle:hover .handle,
|
||||
a.tabledrag-handle:focus .handle {
|
||||
background-image: url(../../../images/core/icons/000000/move.svg);
|
||||
}
|
||||
.touchevents .draggable td {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.touchevents .draggable .menu-item__link {
|
||||
display: inline-block;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.touchevents a.tabledrag-handle {
|
||||
width: 40px;
|
||||
height: 44px;
|
||||
}
|
||||
.touchevents a.tabledrag-handle .handle {
|
||||
height: 21px;
|
||||
background-position: 40% 19px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .touch a.tabledrag-handle .handle {
|
||||
background-position: right 40% top 19px;
|
||||
}
|
||||
.touchevents .draggable.drag a.tabledrag-handle .handle {
|
||||
background-position: 50% -32px;
|
||||
}
|
||||
.tabledrag-toggle-weight-wrapper {
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .tabledrag-toggle-weight-wrapper {
|
||||
text-align: left;
|
||||
}
|
||||
.indentation {
|
||||
float: left; /* LTR */
|
||||
width: 20px;
|
||||
height: 1.7em;
|
||||
margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
|
||||
padding: 0.42em 0 0.42em 0.6em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .indentation {
|
||||
float: right;
|
||||
margin: -0.4em -0.4em -0.4em 0.2em;
|
||||
padding: 0.42em 0.6em 0.42em 0;
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
/**
|
||||
* @file
|
||||
* Table sort indicator.
|
||||
*
|
||||
* @see tablesort-indicator.html.twig
|
||||
*/
|
||||
|
||||
.tablesort {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-size: 100%;
|
||||
}
|
||||
.tablesort--asc {
|
||||
background-image: url(../../../images/core/icons/787878/twistie-down.svg);
|
||||
}
|
||||
.tablesort--desc {
|
||||
background-image: url(../../../images/core/icons/787878/twistie-up.svg);
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* @file
|
||||
* Visual styles for a nested tree child.
|
||||
*/
|
||||
|
||||
div.tree-child {
|
||||
background: url(../../../images/core/tree.png) no-repeat 11px center; /* LTR */
|
||||
}
|
||||
div.tree-child-last {
|
||||
background: url(../../../images/core/tree-bottom.png) no-repeat 11px center; /* LTR */
|
||||
}
|
||||
[dir="rtl"] div.tree-child,
|
||||
[dir="rtl"] div.tree-child-last {
|
||||
background-position: -65px center;
|
||||
}
|
||||
div.tree-child-horizontal {
|
||||
background: url(../../../images/core/tree.png) no-repeat -11px center;
|
||||
}
|
||||
@@ -0,0 +1,401 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for administration pages.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Reusable layout styles.
|
||||
*/
|
||||
.layout-container {
|
||||
margin: 0 1.5em;
|
||||
}
|
||||
.layout-container:after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media screen and (min-width: 38em) {
|
||||
.layout-container {
|
||||
margin: 0 2.5em;
|
||||
}
|
||||
.layout-column {
|
||||
float: left; /* LTR */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
[dir="rtl"] .layout-column {
|
||||
float: right;
|
||||
}
|
||||
.layout-column + .layout-column {
|
||||
padding-left: 10px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .layout-column + .layout-column {
|
||||
padding-right: 10px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.layout-column--half {
|
||||
width: 50%;
|
||||
}
|
||||
.layout-column--quarter {
|
||||
width: 25%;
|
||||
}
|
||||
.layout-column--three-quarter {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Panel.
|
||||
* Used to visually group items together.
|
||||
*/
|
||||
.panel {
|
||||
padding: 5px 5px 15px;
|
||||
}
|
||||
.panel__description {
|
||||
margin: 0 0 3px;
|
||||
padding: 2px 0 3px 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* System compact link: to toggle the display of description text.
|
||||
*/
|
||||
.compact-link {
|
||||
margin: 0 0 0.5em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Quick inline admin links.
|
||||
*/
|
||||
small .admin-link:before {
|
||||
content: " [";
|
||||
}
|
||||
small .admin-link:after {
|
||||
content: "]";
|
||||
}
|
||||
|
||||
/**
|
||||
* Modules page.
|
||||
*/
|
||||
.system-modules thead > tr {
|
||||
border: 0;
|
||||
}
|
||||
.system-modules div.incompatible {
|
||||
font-weight: bold;
|
||||
}
|
||||
.system-modules td.checkbox {
|
||||
width: 4%;
|
||||
min-width: 25px;
|
||||
}
|
||||
.system-modules td.module {
|
||||
width: 25%;
|
||||
}
|
||||
.system-modules td {
|
||||
vertical-align: top;
|
||||
}
|
||||
.system-modules label,
|
||||
.system-modules-uninstall label {
|
||||
color: #1d1d1d;
|
||||
font-size: 1.15em;
|
||||
}
|
||||
.system-modules details {
|
||||
overflow: hidden; /* truncates descriptions if too long */
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #5c5c5b;
|
||||
line-height: 20px;
|
||||
}
|
||||
.system-modules details[open] {
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
.system-modules details[open] summary .text {
|
||||
text-transform: none;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
.system-modules td details a {
|
||||
color: #5c5c5b;
|
||||
border: 0;
|
||||
}
|
||||
.system-modules td details {
|
||||
height: 20px;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
.system-modules td details summary {
|
||||
padding: 0;
|
||||
cursor: default;
|
||||
text-transform: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
.system-modules td {
|
||||
padding-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .system-modules td {
|
||||
padding-right: 0;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 40em) {
|
||||
.system-modules td.name {
|
||||
width: 20%;
|
||||
}
|
||||
.system-modules td.description {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
.system-modules .requirements {
|
||||
max-width: 490px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.system-modules .links {
|
||||
overflow: hidden; /* prevents collapse */
|
||||
}
|
||||
.system-modules .checkbox {
|
||||
margin: 0 5px;
|
||||
}
|
||||
.system-modules .checkbox .form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.admin-requirements,
|
||||
.admin-required {
|
||||
color: #666;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.admin-enabled {
|
||||
color: #080;
|
||||
}
|
||||
.admin-missing {
|
||||
color: #f00;
|
||||
}
|
||||
.module-link {
|
||||
display: block;
|
||||
float: left; /* LTR */
|
||||
margin-top: 2px;
|
||||
padding: 2px 20px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
[dir="rtl"] .module-link {
|
||||
float: right;
|
||||
}
|
||||
.module-link-help {
|
||||
background: url(../../images/core/icons/787878/questionmark-disc.svg) 0 50% no-repeat; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .module-link-help {
|
||||
background-position: top 50% right 0;
|
||||
}
|
||||
.module-link-permissions {
|
||||
background: url(../../images/core/icons/787878/key.svg) 0 50% no-repeat; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .module-link-permissions {
|
||||
background-position: top 50% right 0;
|
||||
}
|
||||
.module-link-configure {
|
||||
background: url(../../images/core/icons/787878/cog.svg) 0 50% no-repeat; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .module-link-configure {
|
||||
background-position: top 50% right 0;
|
||||
}
|
||||
|
||||
/* Status report. */
|
||||
.system-status-report__status-title {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 10px 6px 10px 40px; /* LTR */
|
||||
vertical-align: top;
|
||||
background-color: transparent;
|
||||
font-weight: normal;
|
||||
}
|
||||
[dir="rtl"] .system-status-report__status-title {
|
||||
padding: 10px 40px 10px 6px;
|
||||
}
|
||||
.system-status-report__status-icon:before {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 12px; /* LTR */
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: "";
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
[dir="rtl"] .system-status-report__status-icon:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
.system-status-report__status-icon--error:before {
|
||||
background-image: url(../../images/core/icons/e32700/error.svg);
|
||||
}
|
||||
.system-status-report__status-icon--warning:before {
|
||||
background-image: url(../../images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
.system-status-report__entry__value {
|
||||
padding: 1em 0.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Appearance page.
|
||||
*/
|
||||
.theme-info__header {
|
||||
margin-bottom: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
.theme-default .theme-info__header {
|
||||
font-weight: bold;
|
||||
}
|
||||
.theme-info__description {
|
||||
margin-top: 0;
|
||||
}
|
||||
.system-themes-list {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.system-themes-list-uninstalled {
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #cdcdcd;
|
||||
}
|
||||
.system-themes-list__header {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.theme-selector {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.theme-selector .screenshot,
|
||||
.theme-selector .no-screenshot {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
border: 1px solid #e0e0d8;
|
||||
}
|
||||
.theme-default .screenshot {
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
.system-themes-list-uninstalled .screenshot,
|
||||
.system-themes-list-uninstalled .no-screenshot {
|
||||
max-width: 194px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Theme display without vertical toolbar.
|
||||
*/
|
||||
@media screen and (min-width: 45em) {
|
||||
body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
|
||||
body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
|
||||
float: left; /* LTR */
|
||||
width: 294px;
|
||||
margin: 0 20px 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
|
||||
[dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
|
||||
float: right;
|
||||
margin: 0 0 0 20px;
|
||||
}
|
||||
body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header {
|
||||
margin-top: 0;
|
||||
}
|
||||
body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
|
||||
float: left; /* LTR */
|
||||
box-sizing: border-box;
|
||||
width: 31.25%;
|
||||
padding: 20px 20px 20px 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
|
||||
float: right;
|
||||
padding: 20px 0 20px 20px;
|
||||
}
|
||||
body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-info {
|
||||
min-height: 170px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Theme display with vertical toolbar.
|
||||
*/
|
||||
@media screen and (min-width: 60em) {
|
||||
.toolbar-vertical .system-themes-list-installed .screenshot,
|
||||
.toolbar-vertical .system-themes-list-installed .no-screenshot {
|
||||
float: left; /* LTR */
|
||||
width: 294px;
|
||||
margin: 0 20px 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot,
|
||||
[dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot {
|
||||
float: right;
|
||||
margin: 0 0 0 20px;
|
||||
}
|
||||
.toolbar-vertical .system-themes-list-installed .theme-info__header {
|
||||
margin-top: 0;
|
||||
}
|
||||
.toolbar-vertical .system-themes-list-uninstalled .theme-selector {
|
||||
float: left; /* LTR */
|
||||
box-sizing: border-box;
|
||||
width: 31.25%;
|
||||
padding: 20px 20px 20px 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
|
||||
float: right;
|
||||
padding: 20px 0 20px 20px;
|
||||
}
|
||||
.toolbar-vertical .system-themes-list-uninstalled .theme-info {
|
||||
min-height: 170px;
|
||||
}
|
||||
}
|
||||
.system-themes-list-installed .theme-info {
|
||||
max-width: 940px;
|
||||
}
|
||||
|
||||
.theme-selector .incompatible {
|
||||
margin-top: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.theme-selector .operations {
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
.theme-selector .operations li {
|
||||
float: left; /* LTR */
|
||||
margin: 0;
|
||||
padding: 0 0.7em;
|
||||
list-style-type: none;
|
||||
border-right: 1px solid #cdcdcd; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .theme-selector .operations li {
|
||||
float: right;
|
||||
border-right: none;
|
||||
border-left: 1px solid #cdcdcd;
|
||||
}
|
||||
.theme-selector .operations li:last-child {
|
||||
padding: 0 0 0 0.7em; /* LTR */
|
||||
border-right: none; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .theme-selector .operations li:last-child {
|
||||
padding: 0 0.7em 0 0;
|
||||
border-left: none;
|
||||
}
|
||||
.theme-selector .operations li:first-child {
|
||||
padding: 0 0.7em 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .theme-selector .operations li:first-child {
|
||||
padding: 0 0 0 0.7em;
|
||||
}
|
||||
.system-themes-admin-form {
|
||||
clear: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .system-themes-admin-form {
|
||||
clear: right;
|
||||
}
|
||||
.cron-description__run-cron {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.system-cron-settings__link {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
/**
|
||||
* Traditional split diff theming
|
||||
*/
|
||||
table.diff {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
border-spacing: 4px;
|
||||
}
|
||||
table.diff .diff-context {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
table.diff .diff-deletedline {
|
||||
width: 50%;
|
||||
background-color: #ffa;
|
||||
}
|
||||
table.diff .diff-addedline {
|
||||
width: 50%;
|
||||
background-color: #afa;
|
||||
}
|
||||
table.diff .diffchange {
|
||||
color: #f00;
|
||||
font-weight: bold;
|
||||
}
|
||||
table.diff .diff-marker {
|
||||
width: 1.4em;
|
||||
}
|
||||
table.diff th {
|
||||
padding-right: inherit; /* LTR */
|
||||
}
|
||||
[dir="rtl"] table.diff th {
|
||||
padding-right: 0;
|
||||
padding-left: inherit;
|
||||
}
|
||||
table.diff td div {
|
||||
overflow: auto;
|
||||
padding: 0.1ex 0.5em;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
table.diff td {
|
||||
padding: 0.1ex 0.4em;
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
/**
|
||||
* Update styles
|
||||
*/
|
||||
.update-results {
|
||||
margin-top: 3em;
|
||||
padding: 0.25em;
|
||||
border: 1px solid #ccc;
|
||||
background: #eee;
|
||||
font-size: smaller;
|
||||
}
|
||||
.update-results h2 {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
.update-results h4 {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
.update-results .none {
|
||||
color: #888;
|
||||
font-style: italic;
|
||||
}
|
||||
.update-results .failure strong {
|
||||
color: #b63300;
|
||||
}
|
||||
|
||||
/**
|
||||
* Authorize.php styles
|
||||
*/
|
||||
#edit-submit-connection {
|
||||
clear: both;
|
||||
}
|
||||
#edit-submit-process,
|
||||
.filetransfer {
|
||||
display: none;
|
||||
clear: both;
|
||||
}
|
||||
.js #edit-submit-connection {
|
||||
display: none;
|
||||
}
|
||||
.js #edit-submit-process {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#edit-connection-settings-change-connection-type {
|
||||
margin: 2.6em 0.5em 0 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] #edit-connection-settings-change-connection-type {
|
||||
margin-right: 1em;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Theme maintenance styles
|
||||
*/
|
||||
.authorize-results__failure {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
|
||||
.taxonomy-term-preview {
|
||||
background-color: #eee;
|
||||
}
|
||||
.taxonomy-term-divider-top {
|
||||
border-bottom: none;
|
||||
}
|
||||
.taxonomy-term-divider-bottom {
|
||||
border-top: 1px dotted #ccc;
|
||||
}
|
||||
@@ -0,0 +1,298 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for toolbar module icons.
|
||||
*/
|
||||
|
||||
.toolbar .toolbar-icon {
|
||||
position: relative;
|
||||
padding-left: 2.75em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-icon {
|
||||
padding-right: 2.75em;
|
||||
padding-left: 1.3333em;
|
||||
}
|
||||
.toolbar .toolbar-icon:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0.6667em; /* LTR */
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: scroll;
|
||||
background-position: center center;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-icon:before {
|
||||
right: 0.6667em;
|
||||
left: auto;
|
||||
}
|
||||
.toolbar button.toolbar-icon {
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
font-size: 1em;
|
||||
}
|
||||
.toolbar .toolbar-menu ul .toolbar-icon {
|
||||
padding-left: 1.3333em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-menu ul .toolbar-icon {
|
||||
padding-right: 1.3333em;
|
||||
padding-left: 0;
|
||||
}
|
||||
.toolbar .toolbar-menu ul a.toolbar-icon:before {
|
||||
display: none;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .toolbar-menu ul a {
|
||||
padding-left: 2.75em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu ul a {
|
||||
padding-right: 2.75em;
|
||||
padding-left: 0;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .toolbar-menu ul ul a {
|
||||
padding-left: 3.75em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu ul ul a {
|
||||
padding-right: 3.75em;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.toolbar .toolbar-tray-vertical .toolbar-menu a {
|
||||
padding-right: 4em; /* LTR */
|
||||
padding-left: 2.75em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu a {
|
||||
padding-right: 2.75em;
|
||||
padding-left: 4em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Top level icons.
|
||||
*/
|
||||
.toolbar-bar .toolbar-icon-menu:before {
|
||||
background-image: url(../../images/core/icons/bebebe/hamburger.svg);
|
||||
}
|
||||
.toolbar-bar .toolbar-icon-menu:active:before,
|
||||
.toolbar-bar .toolbar-icon-menu.is-active:before {
|
||||
background-image: url(../../images/core/icons/ffffff/hamburger.svg);
|
||||
}
|
||||
.toolbar-bar .toolbar-icon-help:before {
|
||||
background-image: url(../../images/core/icons/bebebe/questionmark-disc.svg);
|
||||
}
|
||||
.toolbar-bar .toolbar-icon-help:active:before,
|
||||
.toolbar-bar .toolbar-icon-help.is-active:before {
|
||||
background-image: url(../../images/core/icons/ffffff/questionmark-disc.svg);
|
||||
}
|
||||
|
||||
/**
|
||||
* Main menu icons.
|
||||
*/
|
||||
.toolbar-icon-system-admin-content:before {
|
||||
background-image: url(../../images/core/icons/787878/file.svg);
|
||||
}
|
||||
.toolbar-icon-system-admin-content:active:before,
|
||||
.toolbar-icon-system-admin-content.is-active:before {
|
||||
background-image: url(../../images/core/icons/000000/file.svg);
|
||||
}
|
||||
.toolbar-icon-system-admin-structure:before {
|
||||
background-image: url(../../images/core/icons/787878/orgchart.svg);
|
||||
}
|
||||
.toolbar-icon-system-admin-structure:active:before,
|
||||
.toolbar-icon-system-admin-structure.is-active:before {
|
||||
background-image: url(../../images/core/icons/000000/orgchart.svg);
|
||||
}
|
||||
.toolbar-icon-system-themes-page:before {
|
||||
background-image: url(../../images/core/icons/787878/paintbrush.svg);
|
||||
}
|
||||
.toolbar-icon-system-themes-page:active:before,
|
||||
.toolbar-icon-system-themes-page.is-active:before {
|
||||
background-image: url(../../images/core/icons/000000/paintbrush.svg);
|
||||
}
|
||||
.toolbar-icon-entity-user-collection:before {
|
||||
background-image: url(../../images/core/icons/787878/people.svg);
|
||||
}
|
||||
.toolbar-icon-entity-user-collection:active:before,
|
||||
.toolbar-icon-entity-user-collection.is-active:before {
|
||||
background-image: url(../../images/core/icons/000000/people.svg);
|
||||
}
|
||||
.toolbar-icon-system-modules-list:before {
|
||||
background-image: url(../../images/core/icons/787878/puzzlepiece.svg);
|
||||
}
|
||||
.toolbar-icon-system-modules-list:active:before,
|
||||
.toolbar-icon-system-modules-list.is-active:before {
|
||||
background-image: url(../../images/core/icons/000000/puzzlepiece.svg);
|
||||
}
|
||||
.toolbar-icon-system-admin-config:before {
|
||||
background-image: url(../../images/core/icons/787878/wrench.svg);
|
||||
}
|
||||
.toolbar-icon-system-admin-config:active:before,
|
||||
.toolbar-icon-system-admin-config.is-active:before {
|
||||
background-image: url(../../images/core/icons/000000/wrench.svg);
|
||||
}
|
||||
.toolbar-icon-system-admin-reports:before {
|
||||
background-image: url(../../images/core/icons/787878/barchart.svg);
|
||||
}
|
||||
.toolbar-icon-system-admin-reports:active:before,
|
||||
.toolbar-icon-system-admin-reports.is-active:before {
|
||||
background-image: url(../../images/core/icons/000000/barchart.svg);
|
||||
}
|
||||
.toolbar-icon-help-main:before {
|
||||
background-image: url(../../images/core/icons/787878/questionmark-disc.svg);
|
||||
}
|
||||
.toolbar-icon-help-main:active:before,
|
||||
.toolbar-icon-help-main.is-active:before {
|
||||
background-image: url(../../images/core/icons/000000/questionmark-disc.svg);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 16.5em) {
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
width: 4em;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
|
||||
left: 0; /* LTR */
|
||||
width: 100%;
|
||||
background-size: 42% auto;
|
||||
}
|
||||
.no-svg .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
|
||||
background-size: auto auto;
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 36em) {
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
width: auto;
|
||||
padding-right: 1.3333em; /* LTR */
|
||||
padding-left: 2.75em; /* LTR */
|
||||
text-indent: 0;
|
||||
background-position: left center; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
padding-right: 2.75em;
|
||||
padding-left: 1.3333em;
|
||||
background-position: right center;
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
|
||||
left: 0.6667em; /* LTR */
|
||||
width: 20px;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
.no-svg .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
|
||||
background-size: auto auto;
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
|
||||
right: 0.6667em;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Accessibility/focus
|
||||
*/
|
||||
.toolbar-tab a:focus {
|
||||
text-decoration: underline;
|
||||
outline: none;
|
||||
}
|
||||
.toolbar-lining button:focus {
|
||||
outline: none;
|
||||
}
|
||||
.toolbar-tray-horizontal a:focus,
|
||||
.toolbar-box a:focus {
|
||||
outline: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.toolbar-box a:hover:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.toolbar .toolbar-icon.toolbar-handle:focus {
|
||||
outline: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle.
|
||||
*/
|
||||
.toolbar .toolbar-icon.toolbar-handle {
|
||||
width: 4em;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
.toolbar .toolbar-icon.toolbar-handle:before {
|
||||
left: 1.6667em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-icon.toolbar-handle:before {
|
||||
right: 1.6667em;
|
||||
left: auto;
|
||||
}
|
||||
.toolbar .toolbar-icon.toolbar-handle:before {
|
||||
background-image: url(../../images/core/icons/5181c6/chevron-disc-down.svg);
|
||||
}
|
||||
.toolbar .toolbar-icon.toolbar-handle.open:before {
|
||||
background-image: url(../../images/core/icons/787878/chevron-disc-up.svg);
|
||||
}
|
||||
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
|
||||
background-image: url(../../images/core/icons/5181c6/twistie-down.svg);
|
||||
background-size: 75%;
|
||||
}
|
||||
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before {
|
||||
background-image: url(../../images/core/icons/787878/twistie-up.svg);
|
||||
background-size: 75%;
|
||||
}
|
||||
.toolbar .toolbar-icon-escape-admin:before {
|
||||
background-image: url(../../images/core/icons/bebebe/chevron-disc-left.svg);
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-icon-escape-admin:before {
|
||||
background-image: url(../../images/core/icons/bebebe/chevron-disc-right.svg);
|
||||
}
|
||||
/**
|
||||
* Orientation toggle.
|
||||
*/
|
||||
.toolbar .toolbar-toggle-orientation button {
|
||||
width: 39px;
|
||||
height: 39px;
|
||||
padding: 0;
|
||||
text-indent: -999em;
|
||||
}
|
||||
.toolbar .toolbar-toggle-orientation button:before {
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-toggle-orientation .toolbar-icon {
|
||||
padding: 0;
|
||||
}
|
||||
/**
|
||||
* In order to support a hover effect on the SVG images, while also supporting
|
||||
* RTL text direction and no SVG support, this little icon requires some very
|
||||
* specific targeting, setting and unsetting.
|
||||
*/
|
||||
.toolbar .toolbar-toggle-orientation [value="vertical"]:before {
|
||||
background-image: url(../../images/core/icons/bebebe/push-left.svg); /* LTR */
|
||||
}
|
||||
.toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,
|
||||
.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
|
||||
background-image: url(../../images/core/icons/787878/push-left.svg); /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:before {
|
||||
background-image: url(../../images/core/icons/bebebe/push-right.svg);
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,
|
||||
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
|
||||
background-image: url(../../images/core/icons/787878/push-right.svg);
|
||||
}
|
||||
.toolbar .toolbar-toggle-orientation [value="horizontal"]:before {
|
||||
background-image: url(../../images/core/icons/bebebe/push-up.svg);
|
||||
}
|
||||
.toolbar .toolbar-toggle-orientation [value="horizontal"]:hover:before,
|
||||
.toolbar .toolbar-toggle-orientation [value="horizontal"]:focus:before {
|
||||
background-image: url(../../images/core/icons/787878/push-up.svg);
|
||||
}
|
||||
@@ -0,0 +1,118 @@
|
||||
/**
|
||||
* @file toolbar.menu.css
|
||||
*/
|
||||
.toolbar .toolbar-menu,
|
||||
[dir="rtl"] .toolbar .toolbar-menu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.toolbar .toolbar-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: auto;
|
||||
line-height: 1em; /* this prevents the value "normal" from being returned as the line-height */
|
||||
}
|
||||
|
||||
/**
|
||||
* Hidden vertical toolbar sub-menus by default.
|
||||
*/
|
||||
.toolbar .toolbar-tray-vertical .toolbar-menu ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hidden horizontal toolbar handle icon.
|
||||
*/
|
||||
.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle {
|
||||
display: none;
|
||||
}
|
||||
/**
|
||||
* Hidden toolbar sub-menus by default.
|
||||
*/
|
||||
.toolbar-tray-open .toolbar-menu .menu-item--expanded ul {
|
||||
display: none;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical li.open > ul {
|
||||
display: block; /* Show the sub-menus */
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .toolbar-handle + a {
|
||||
margin-right: 3em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-handle + a {
|
||||
margin-right: 0;
|
||||
margin-left: 3em;
|
||||
}
|
||||
.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
|
||||
.toolbar .toolbar-tray a.is-active {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ----- Toolbar menu tray for viewports less than 320px ------ */
|
||||
@media screen and (max-width: 319px) {
|
||||
.toolbar .toolbar-tray-vertical.is-active {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Items.
|
||||
*/
|
||||
.toolbar .level-2 > ul {
|
||||
border-top-color: #e5e5e5;
|
||||
border-bottom-color: #ccc;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.toolbar .level-3 > ul {
|
||||
border-top-color: #ddd;
|
||||
border-bottom-color: #c5c5c5;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.toolbar .level-4 > ul {
|
||||
border-top-color: #d5d5d5;
|
||||
border-bottom-color: #bbb;
|
||||
background-color: #eee;
|
||||
}
|
||||
.toolbar .level-5 > ul {
|
||||
border-top-color: #ccc;
|
||||
border-bottom-color: #b5b5b5;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.toolbar .level-6 > ul {
|
||||
border-top-color: #c5c5c5;
|
||||
border-bottom-color: #aaa;
|
||||
background-color: #eee;
|
||||
}
|
||||
.toolbar .level-7 > ul {
|
||||
border-top-color: #ccc;
|
||||
border-bottom-color: #b5b5b5;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.toolbar .level-8 > ul {
|
||||
border-top-color: #ddd;
|
||||
border-bottom-color: #ccc;
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle.
|
||||
*/
|
||||
.toolbar .toolbar-handle:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.toolbar .toolbar-icon.toolbar-handle {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
right: 0; /* LTR */
|
||||
bottom: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-icon.toolbar-handle {
|
||||
right: auto;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,298 @@
|
||||
/**
|
||||
* @file toolbar.module.css
|
||||
*
|
||||
*
|
||||
* Aggressive resets so we can achieve a consistent look in hostile CSS
|
||||
* environments.
|
||||
*/
|
||||
#toolbar-administration,
|
||||
#toolbar-administration * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#toolbar-administration {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
font-size: small;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#toolbar-administration {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.toolbar-loading #toolbar-administration {
|
||||
overflow: hidden;
|
||||
}
|
||||
/**
|
||||
* Very specific overrides for Drupal system CSS.
|
||||
*/
|
||||
.toolbar li,
|
||||
.toolbar .item-list,
|
||||
.toolbar .item-list li,
|
||||
.toolbar .menu-item,
|
||||
.toolbar .menu-item--expanded {
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
}
|
||||
.toolbar .menu-item {
|
||||
padding-top: 0;
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-tab,
|
||||
.toolbar .menu-item {
|
||||
display: block;
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-tab.hidden {
|
||||
display: none;
|
||||
}
|
||||
.toolbar a {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/**
|
||||
* Administration menu.
|
||||
*/
|
||||
.toolbar .toolbar-bar,
|
||||
.toolbar .toolbar-tray {
|
||||
position: relative;
|
||||
z-index: 1250;
|
||||
}
|
||||
.toolbar-horizontal .toolbar-tray {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
/* Position the admin toolbar absolutely when the configured standard breakpoint
|
||||
* is active. The toolbar container, that contains the bar and the trays, is
|
||||
* position absolutely so that it scrolls with the page. Otherwise, on smaller
|
||||
* screens, the components of the admin toolbar are positioned statically. */
|
||||
.toolbar-oriented .toolbar-bar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
.toolbar-oriented .toolbar-tray {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
/* .toolbar-loading is required by Toolbar JavaScript to pre-render markup
|
||||
* style to avoid extra reflow & flicker. */
|
||||
@media (min-width: 61em) {
|
||||
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
|
||||
position: relative;
|
||||
z-index: -999;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
width: 1px;
|
||||
}
|
||||
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining {
|
||||
width: 999em;
|
||||
}
|
||||
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .home-toolbar-tab + .toolbar-tab .toolbar-tray {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Layer the bar just above the trays and above contextual link triggers. */
|
||||
.toolbar-oriented .toolbar-bar {
|
||||
z-index: 502;
|
||||
}
|
||||
/* Position the admin toolbar fixed when the configured standard breakpoint is
|
||||
* active. */
|
||||
body.toolbar-fixed .toolbar-oriented .toolbar-bar {
|
||||
position: fixed;
|
||||
}
|
||||
/* When the configured narrow breakpoint is active, the toolbar is sized to wrap
|
||||
* around the trays in order to provide a context for scrolling tray content
|
||||
* that is taller than the viewport. */
|
||||
body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
|
||||
bottom: 0;
|
||||
width: 240px;
|
||||
width: 15rem;
|
||||
}
|
||||
|
||||
/* Present the admin toolbar tabs horizontally as a default on user agents that
|
||||
* do not understand media queries or on user agents where JavaScript is
|
||||
* disabled. */
|
||||
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
|
||||
.toolbar .toolbar-bar .toolbar-tab,
|
||||
.toolbar .toolbar-tray-horizontal li {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
|
||||
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal li {
|
||||
float: right;
|
||||
}
|
||||
/* Present the admin toolbar tabs vertically by default on user agents that
|
||||
* that understand media queries. This will be the small screen default. */
|
||||
@media only screen {
|
||||
.toolbar .toolbar-bar .toolbar-tab,
|
||||
.toolbar .toolbar-tray-horizontal li {
|
||||
float: none; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal li {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
/* This min-width media query is meant to provide basic horizontal layout to
|
||||
* the main menu tabs when JavaScript is disabled on user agents that understand
|
||||
* media queries. */
|
||||
@media (min-width: 16.5em) {
|
||||
.toolbar .toolbar-bar .toolbar-tab,
|
||||
.toolbar .toolbar-tray-horizontal li {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,
|
||||
[dir="rtl"] .toolbar .toolbar-tray-horizontal li {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
/* Present the admin toolbar tabs horizontally when the configured narrow
|
||||
* breakpoint is active. */
|
||||
.toolbar-oriented .toolbar-bar .toolbar-tab,
|
||||
.toolbar-oriented .toolbar-tray-horizontal li {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-bar .toolbar-tab,
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-horizontal li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar tray.
|
||||
*/
|
||||
.toolbar .toolbar-tray {
|
||||
z-index: 501;
|
||||
display: none;
|
||||
}
|
||||
.toolbar-oriented .toolbar-tray-vertical {
|
||||
position: absolute;
|
||||
left: -100%; /* LTR */
|
||||
width: 240px;
|
||||
width: 15rem;
|
||||
}
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical {
|
||||
right: -100%;
|
||||
left: auto;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical > .toolbar-lining {
|
||||
min-height: 100%;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical > .toolbar-lining:before {
|
||||
width: 100%;
|
||||
}
|
||||
.toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before {
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0; /* LTR */
|
||||
display: block;
|
||||
width: 240px;
|
||||
width: 14rem;
|
||||
content: "";
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical > .toolbar-lining:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
/* Layer the links just above the toolbar-tray. */
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
|
||||
position: relative;
|
||||
z-index: 502;
|
||||
}
|
||||
/* Hide secondary menus when the tray is horizontal. */
|
||||
.toolbar-oriented .toolbar-tray-horizontal .menu-item ul {
|
||||
display: none;
|
||||
}
|
||||
/* When the configured standard breakpoint is active and the tray is in a
|
||||
* vertical position, the tray does not scroll with the page. The contents of
|
||||
* the tray scroll within the confines of the viewport.
|
||||
*/
|
||||
.toolbar .toolbar-tray-vertical.is-active,
|
||||
body.toolbar-fixed .toolbar .toolbar-tray-vertical {
|
||||
position: fixed;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
}
|
||||
.toolbar .toolbar-tray.is-active {
|
||||
display: block;
|
||||
}
|
||||
/* Bring the tray into the viewport. By default it is just off-screen. */
|
||||
.toolbar-oriented .toolbar-tray-vertical.is-active {
|
||||
left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical.is-active {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
/* When the configured standard breakpoint is active, the tray appears to push
|
||||
* the page content away from the edge of the viewport. */
|
||||
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;
|
||||
}
|
||||
}
|
||||
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-right: 240px;
|
||||
margin-right: 15rem;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media print {
|
||||
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* ToolBar tray orientation toggle.
|
||||
*/
|
||||
/* Hide the orientation toggle when the configured narrow breakpoint is not
|
||||
* active. */
|
||||
.toolbar .toolbar-tray .toolbar-toggle-orientation {
|
||||
display: none;
|
||||
}
|
||||
/* Show the orientation toggle when the configured narrow breakpoint is
|
||||
* active. */
|
||||
.toolbar-oriented .toolbar-tray .toolbar-toggle-orientation {
|
||||
display: block;
|
||||
}
|
||||
.toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
right: 0; /* LTR */
|
||||
bottom: 0;
|
||||
}
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-horizontal .toolbar-toggle-orientation {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.toolbar-oriented .toolbar-tray-vertical .toolbar-toggle-orientation {
|
||||
float: right; /* LTR */
|
||||
width: 100%;
|
||||
}
|
||||
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical .toolbar-toggle-orientation {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar home button toggle.
|
||||
*/
|
||||
.toolbar .toolbar-bar .home-toolbar-tab {
|
||||
display: none;
|
||||
}
|
||||
.path-admin .toolbar-bar .home-toolbar-tab {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,168 @@
|
||||
/**
|
||||
* @file toolbar.theme.css
|
||||
*/
|
||||
.toolbar {
|
||||
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-touch-callout: none;
|
||||
-o-touch-callout: none;
|
||||
-webkit-touch-callout: none;
|
||||
touch-callout: none;
|
||||
}
|
||||
.toolbar .toolbar-item {
|
||||
padding: 1em 1.3333em;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
.toolbar .toolbar-item:hover,
|
||||
.toolbar .toolbar-item:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar bar.
|
||||
*/
|
||||
.toolbar .toolbar-bar {
|
||||
color: #ddd;
|
||||
background-color: #0f0f0f;
|
||||
box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar {
|
||||
box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-item {
|
||||
color: #fff;
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
|
||||
font-weight: bold;
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover,
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
|
||||
}
|
||||
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
|
||||
background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar tray.
|
||||
*/
|
||||
.toolbar .toolbar-tray {
|
||||
background-color: #fff;
|
||||
}
|
||||
.toolbar-horizontal .toolbar-tray > .toolbar-lining {
|
||||
padding-right: 5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray > .toolbar-lining {
|
||||
padding-right: 0;
|
||||
padding-left: 5em;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical {
|
||||
border-right: 1px solid #aaa; /* LTR */
|
||||
background-color: #f5f5f5;
|
||||
box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical {
|
||||
border-right: 0 none;
|
||||
border-left: 1px solid #aaa;
|
||||
box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
.toolbar-horizontal .toolbar-tray {
|
||||
border-bottom: 1px solid #aaa;
|
||||
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray {
|
||||
box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
|
||||
}
|
||||
.toolbar .toolbar-tray-horizontal .toolbar-tray {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.toolbar-tray a {
|
||||
padding: 1em 1.3333em;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: #565656;
|
||||
}
|
||||
.toolbar-tray a:hover,
|
||||
.toolbar-tray a:active,
|
||||
.toolbar-tray a:focus,
|
||||
.toolbar-tray a.is-active {
|
||||
text-decoration: underline;
|
||||
color: #000;
|
||||
}
|
||||
.toolbar .toolbar-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
|
||||
border-left: 1px solid #ddd; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
|
||||
border-right: 1px solid #ddd;
|
||||
border-left: 0 none;
|
||||
}
|
||||
.toolbar-horizontal .toolbar-tray .menu-item:last-child {
|
||||
border-right: 1px solid #ddd; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child {
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .menu-item + .menu-item {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .menu-item:last-child {
|
||||
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-top: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .menu-item:last-child > ul {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu {
|
||||
margin-left: 0.25em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu {
|
||||
margin-right: 0.25em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.toolbar .toolbar-menu .toolbar-menu a {
|
||||
color: #434343;
|
||||
}
|
||||
|
||||
/**
|
||||
* Orientation toggle.
|
||||
*/
|
||||
.toolbar .toolbar-toggle-orientation {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
|
||||
border-left: 1px solid #c9c9c9; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
|
||||
border-right: 1px solid #c9c9c9;
|
||||
border-left: 0 none;
|
||||
}
|
||||
.toolbar .toolbar-toggle-orientation > .toolbar-lining {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-toggle-orientation > .toolbar-lining {
|
||||
float: left;
|
||||
}
|
||||
.toolbar .toolbar-toggle-orientation button {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1,143 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for tour module.
|
||||
*/
|
||||
|
||||
/* Tab appearance. */
|
||||
.toolbar .toolbar-bar .tour-toolbar-tab.toolbar-tab {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .tour-toolbar-tab.toolbar-tab {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Override placement of the tour progress indicator. */
|
||||
.tour-progress {
|
||||
position: absolute;
|
||||
right: 20px; /* LTR */
|
||||
bottom: 20px;
|
||||
}
|
||||
[dir="rtl"] .tour-progress {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
/* Default styles for the container */
|
||||
.joyride-tip-guide {
|
||||
position: absolute;
|
||||
z-index: 101;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
width: 300px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.joyride-tip-guide {
|
||||
left: 2.5%;
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
.joyride-content-wrapper {
|
||||
position: relative;
|
||||
padding: 20px 50px 20px 20px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .joyride-content-wrapper {
|
||||
padding: 20px 20px 20px 50px;
|
||||
}
|
||||
|
||||
/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
|
||||
.joyride-tip-guide .joyride-nub {
|
||||
position: absolute;
|
||||
left: 22px;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.joyride-tip-guide .joyride-nub.top {
|
||||
top: -28px;
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.joyride-tip-guide .joyride-nub.bottom {
|
||||
bottom: -28px;
|
||||
}
|
||||
|
||||
.joyride-tip-guide .joyride-nub.right {
|
||||
top: 22px;
|
||||
right: -28px;
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.joyride-tip-guide .joyride-nub.left {
|
||||
top: 22px;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
left: -28px;
|
||||
}
|
||||
|
||||
.joyride-tip-guide .joyride-nub.top-right {
|
||||
top: -28px;
|
||||
right: 28px;
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.joyride-tip-guide .tour-tip-label {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.joyride-tip-guide p {
|
||||
margin: 0 0 1.4em;
|
||||
}
|
||||
|
||||
.joyride-timer-indicator-wrap {
|
||||
position: absolute;
|
||||
right: 17px;
|
||||
bottom: 16px;
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
}
|
||||
.joyride-timer-indicator {
|
||||
display: block;
|
||||
width: 0;
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
.joyride-close-tip {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px; /* LTR */
|
||||
line-height: 1em;
|
||||
}
|
||||
[dir="rtl"] .joyride-close-tip {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.joyride-modal-bg {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.joyride-expose-wrapper {
|
||||
position: absolute;
|
||||
z-index: 102;
|
||||
}
|
||||
|
||||
.joyride-expose-cover {
|
||||
position: absolute;
|
||||
z-index: 10000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles used by the Update Manager module.
|
||||
*/
|
||||
|
||||
.project-update__title {
|
||||
font-size: 110%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.project-update__status {
|
||||
float: right; /* LTR */
|
||||
font-size: 110%;
|
||||
}
|
||||
[dir="rtl"] .project-update__status {
|
||||
float: left;
|
||||
}
|
||||
.project-update__status--not-supported {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .project-update__status--not-supported {
|
||||
float: right;
|
||||
}
|
||||
.project-update__status--security-error {
|
||||
color: #970f00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.project-update__status-icon {
|
||||
padding-left: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .project-update__status-icon {
|
||||
padding-right: 0.5em;
|
||||
padding-left: 0;
|
||||
}
|
||||
.project-update__details {
|
||||
padding: 1em 1em 0.25em 1em;
|
||||
}
|
||||
|
||||
.project-update__version {
|
||||
padding: 1em 0;
|
||||
}
|
||||
.project-update__version-date {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.project-update__version-details {
|
||||
padding-right: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .project-update__version-details {
|
||||
padding-left: 0.5em;
|
||||
direction: ltr; /* Version numbers should always be LTR. */
|
||||
}
|
||||
.project-update__version-links {
|
||||
padding-right: 1em; /* LTR */
|
||||
list-style-type: none;
|
||||
text-align: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .project-update__version-links {
|
||||
padding-left: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
.project-update__version--recommended-strong .project-update__version-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
/**
|
||||
* @file
|
||||
* Admin styling for the User module.
|
||||
*/
|
||||
|
||||
/* Permissions page */
|
||||
.permissions .module {
|
||||
font-weight: bold;
|
||||
}
|
||||
.permissions .permission {
|
||||
padding-left: 1.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .permissions .permission {
|
||||
padding-right: 1.5em;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* Account settings */
|
||||
.user-admin-settings .details-description {
|
||||
padding-bottom: 0.5em;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for the user module icons.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Toolbar tab icon.
|
||||
*/
|
||||
.toolbar-bar .toolbar-icon-user:before {
|
||||
background-image: url(../../images/core/icons/bebebe/person.svg);
|
||||
}
|
||||
.toolbar-bar .toolbar-icon-user:active:before,
|
||||
.toolbar-bar .toolbar-icon-user.is-active:before {
|
||||
background-image: url(../../images/core/icons/ffffff/person.svg);
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/**
|
||||
* @file
|
||||
* Module styling for user module.
|
||||
*/
|
||||
.password-strength__title,
|
||||
.password-strength__text {
|
||||
display: inline;
|
||||
}
|
||||
.password-strength__meter {
|
||||
height: 0.75em;
|
||||
margin-top: 0.5em;
|
||||
background-color: lightgray;
|
||||
}
|
||||
.password-strength__indicator {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background-color: gray;
|
||||
}
|
||||
.password-confirm-match {
|
||||
visibility: hidden;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
/* table style column align */
|
||||
.views-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
.views-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
.views-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
/* Grid style column align. */
|
||||
.views-view-grid .views-col {
|
||||
float: left;
|
||||
}
|
||||
.views-view-grid .views-row {
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
/* Provide some space between display links. */
|
||||
.views-display-link + .views-display-link {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
@@ -0,0 +1,208 @@
|
||||
/**
|
||||
* @file
|
||||
* The .admin.css file is intended to only contain positioning and size
|
||||
* declarations. For example: display, position, float, clear, and overflow.
|
||||
*/
|
||||
|
||||
.views-admin ul,
|
||||
.views-admin menu,
|
||||
.views-admin dir {
|
||||
padding: 0;
|
||||
}
|
||||
.views-admin pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.views-left-25 {
|
||||
float: left; /* LTR */
|
||||
width: 25%;
|
||||
}
|
||||
[dir="rtl"] .views-left-25 {
|
||||
float: right;
|
||||
}
|
||||
.views-left-30 {
|
||||
float: left; /* LTR */
|
||||
width: 30%;
|
||||
}
|
||||
[dir="rtl"] .views-left-30 {
|
||||
float: right;
|
||||
}
|
||||
.views-left-40 {
|
||||
float: left; /* LTR */
|
||||
width: 40%;
|
||||
}
|
||||
[dir="rtl"] .views-left-40 {
|
||||
float: right;
|
||||
}
|
||||
.views-left-50 {
|
||||
float: left; /* LTR */
|
||||
width: 50%;
|
||||
}
|
||||
[dir="rtl"] .views-left-50 {
|
||||
float: right;
|
||||
}
|
||||
.views-left-75 {
|
||||
float: left; /* LTR */
|
||||
width: 75%;
|
||||
}
|
||||
[dir="rtl"] .views-left-75 {
|
||||
float: right;
|
||||
}
|
||||
.views-right-50 {
|
||||
float: right; /* LTR */
|
||||
width: 50%;
|
||||
}
|
||||
[dir="rtl"] .views-right-50 {
|
||||
float: left;
|
||||
}
|
||||
.views-right-60 {
|
||||
float: right; /* LTR */
|
||||
width: 60%;
|
||||
}
|
||||
[dir="rtl"] .views-right-60 {
|
||||
float: left;
|
||||
}
|
||||
.views-right-70 {
|
||||
float: right; /* LTR */
|
||||
width: 70%;
|
||||
}
|
||||
[dir="rtl"] .views-right-70 {
|
||||
float: left;
|
||||
}
|
||||
.views-group-box .form-item {
|
||||
margin-right: 3px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
/*
|
||||
* The attachment details section, its tabs for each section and the buttons
|
||||
* to add a new section
|
||||
*/
|
||||
.views-displays {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* The tabs that switch between sections */
|
||||
.views-displays .tabs {
|
||||
overflow: visible;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
.views-displays .tabs > li {
|
||||
float: left; /* LTR */
|
||||
padding: 0;
|
||||
border-right: 0 none; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-displays .tabs > li {
|
||||
float: right;
|
||||
border-right: 1px solid #bfbfbf;
|
||||
border-left: 0 none;
|
||||
}
|
||||
.views-displays .tabs .open > a {
|
||||
position: relative;
|
||||
z-index: 51;
|
||||
}
|
||||
.views-displays .tabs .views-display-deleted-link {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.views-display-deleted > details > summary,
|
||||
.views-display-deleted .details-wrapper > .views-ui-display-tab-bucket > *,
|
||||
.views-display-deleted .views-display-columns {
|
||||
opacity: 0.25;
|
||||
}
|
||||
.views-display-disabled > details > summary,
|
||||
.views-display-disabled .details-wrapper > .views-ui-display-tab-bucket > *,
|
||||
.views-display-disabled .views-display-columns {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {
|
||||
opacity: 1;
|
||||
}
|
||||
.views-displays .tabs .add {
|
||||
position: relative;
|
||||
}
|
||||
.views-displays .tabs .action-list {
|
||||
position: absolute;
|
||||
z-index: 50;
|
||||
top: 23px;
|
||||
left: 0; /* LTR */
|
||||
margin: 0;
|
||||
}
|
||||
[dir="rtl"] .views-displays .tabs .action-list {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.views-displays .tabs .action-list li {
|
||||
display: block;
|
||||
}
|
||||
.views-display-columns .details-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
.views-display-column {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.views-display-columns > * {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 45em) { /* 720px */
|
||||
.views-display-columns > * {
|
||||
float: left; /* LTR */
|
||||
width: 32%;
|
||||
margin-bottom: 0;
|
||||
margin-left: 2%; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-columns > * {
|
||||
float: right;
|
||||
margin-right: 2%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.views-display-columns > *:first-child {
|
||||
margin-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-columns > *:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.views-ui-dialog .scroll {
|
||||
overflow: auto;
|
||||
padding: 1em;
|
||||
}
|
||||
.views-filterable-options-controls {
|
||||
display: none;
|
||||
}
|
||||
.views-ui-dialog .views-filterable-options-controls {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* Don't let the messages overwhelm the modal */
|
||||
.views-ui-dialog .views-messages {
|
||||
overflow: auto;
|
||||
max-height: 200px;
|
||||
}
|
||||
.views-display-setting .label,
|
||||
.views-display-setting .views-ajax-link {
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-setting .label,
|
||||
[dir="rtl"] .views-display-setting .views-ajax-link {
|
||||
float: right;
|
||||
}
|
||||
.form-item-options-value-all {
|
||||
display: none;
|
||||
}
|
||||
.js-only {
|
||||
display: none;
|
||||
}
|
||||
html.js .js-only {
|
||||
display: inherit;
|
||||
}
|
||||
html.js span.js-only {
|
||||
display: inline;
|
||||
}
|
||||
.js .views-edit-view .dropbutton-wrapper {
|
||||
width: auto;
|
||||
}
|
||||
@@ -0,0 +1,850 @@
|
||||
/**
|
||||
* @file
|
||||
* The .admin.theme.css file is intended to contain presentation declarations
|
||||
* including images, borders, colors, and fonts.
|
||||
*/
|
||||
|
||||
.views-admin .links {
|
||||
margin: 0;
|
||||
list-style: none outside none;
|
||||
}
|
||||
.views-admin a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.box-padding {
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.box-margin {
|
||||
margin: 12px 12px 0 12px;
|
||||
}
|
||||
.views-admin .icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.views-admin .icon,
|
||||
.views-admin .icon-text {
|
||||
background-image: url(../../images/views_ui/sprites.png);
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: scroll;
|
||||
background-position: left top; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin .icon,
|
||||
[dir="rtl"] .views-admin .icon-text {
|
||||
background-position: right top;
|
||||
}
|
||||
.views-admin a.icon {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(-90deg, #fff 0, #e8e8e8 100%) no-repeat, repeat-y;
|
||||
box-shadow: 0 0 0 rgba(0, 0, 0, 0.3333) inset;
|
||||
}
|
||||
.views-admin a.icon:hover {
|
||||
border-color: #d0d0d0;
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3333) inset;
|
||||
}
|
||||
.views-admin a.icon:active {
|
||||
border-color: #c0c0c0;
|
||||
}
|
||||
.views-admin span.icon {
|
||||
position: relative;
|
||||
float: left; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin span.icon {
|
||||
float: right;
|
||||
}
|
||||
.views-admin .icon.compact {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-indent: -9999px;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
/* Targets any element with an icon -> text combo */
|
||||
.views-admin .icon-text {
|
||||
padding-left: 19px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin .icon-text {
|
||||
padding-right: 19px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.views-admin .icon.linked {
|
||||
background-position: center -153px;
|
||||
}
|
||||
.views-admin .icon.unlinked {
|
||||
background-position: center -195px;
|
||||
}
|
||||
.views-admin .icon.add {
|
||||
background-position: center 3px;
|
||||
}
|
||||
.views-admin a.icon.add {
|
||||
background-position: center 3px, left top; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin a.icon.add {
|
||||
background-position: center 3px, right top;
|
||||
}
|
||||
.views-admin .icon.delete {
|
||||
background-position: center -52px;
|
||||
}
|
||||
.views-admin a.icon.delete {
|
||||
background-position: center -52px, left top; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin a.icon.delete {
|
||||
background-position: center -52px, right top;
|
||||
}
|
||||
.views-admin .icon.rearrange {
|
||||
background-position: center -111px;
|
||||
}
|
||||
.views-admin a.icon.rearrange {
|
||||
background-position: center -111px, left top; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin a.icon.rearrange {
|
||||
background-position: center -111px, right top;
|
||||
}
|
||||
.views-displays .tabs a:hover > .icon.add {
|
||||
background-position: center -25px;
|
||||
}
|
||||
.views-displays .tabs .open a:hover > .icon.add {
|
||||
background-position: center 3px;
|
||||
}
|
||||
details.box-padding {
|
||||
border: none;
|
||||
}
|
||||
.views-admin details details {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-item {
|
||||
margin-top: 9px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.form-type-checkbox {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.form-checkbox,
|
||||
.form-radio {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.container-inline {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.container-inline > * + *,
|
||||
.container-inline .details-wrapper > * + * {
|
||||
padding-left: 4px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .container-inline > * + *,
|
||||
[dir="rtl"] .container-inline .details-wrapper > * + * {
|
||||
padding-right: 4px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.views-admin details details.container-inline {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
padding-top: 0;
|
||||
}
|
||||
.views-admin details details.container-inline > .details-wrapper {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
/* Indent form elements so they're directly underneath the label of the checkbox that reveals them */
|
||||
.views-admin .form-type-checkbox + .form-wrapper {
|
||||
margin-left: 16px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-admin .form-type-checkbox + .form-wrapper {
|
||||
margin-right: 16px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Hide 'remove' checkboxes. */
|
||||
.views-remove-checkbox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* sizes the labels of checkboxes and radio button to the height of the text */
|
||||
.views-admin .form-type-checkbox label,
|
||||
.views-admin .form-type-radio label {
|
||||
line-height: 2;
|
||||
}
|
||||
.views-admin-dependent .form-item {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.views-ui-view-name h3 {
|
||||
margin: 0.25em 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.view-changed {
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
.views-admin .unit-title {
|
||||
margin-top: 18px;
|
||||
margin-bottom: 0;
|
||||
font-size: 15px;
|
||||
line-height: 1.6154;
|
||||
}
|
||||
.views-ui-view-displays ul {
|
||||
margin-left: 0; /* LTR */
|
||||
padding-left: 0; /* LTR */
|
||||
list-style: none;
|
||||
}
|
||||
[dir="rtl"] .views-ui-view-displays ul {
|
||||
margin-right: 0;
|
||||
margin-left: inherit;
|
||||
padding-right: 0;
|
||||
padding-left: inherit;
|
||||
}
|
||||
|
||||
/* These header classes are ambiguous and should be scoped to th elements */
|
||||
.views-ui-name {
|
||||
width: 20%;
|
||||
}
|
||||
.views-ui-description {
|
||||
width: 30%;
|
||||
}
|
||||
.views-ui-machine-name {
|
||||
width: 15%;
|
||||
}
|
||||
.views-ui-displays {
|
||||
width: 25%;
|
||||
}
|
||||
.views-ui-operations {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
/**
|
||||
* I wish this didn't have to be so specific
|
||||
*/
|
||||
.form-item-description-enable + .form-item-description {
|
||||
margin-top: 0;
|
||||
}
|
||||
.form-item-description-enable label {
|
||||
font-weight: bold;
|
||||
}
|
||||
.form-item-page-create,
|
||||
.form-item-block-create {
|
||||
margin-top: 13px;
|
||||
}
|
||||
.form-item-page-create label,
|
||||
.form-item-block-create label,
|
||||
.form-item-rest-export-create label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* This makes the form elements after the "Display Format" label flow underneath the label */
|
||||
.form-item-page-style-style-plugin > label,
|
||||
.form-item-block-style-style-plugin > label {
|
||||
display: block;
|
||||
}
|
||||
.views-attachment .options-set label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Styling for the form that allows views filters to be rearranged. */
|
||||
.group-populated {
|
||||
display: none;
|
||||
}
|
||||
td.group-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.views-ui-dialog td.group-title {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.views-ui-dialog td.group-title span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
height: 1px;
|
||||
}
|
||||
.group-message .form-submit,
|
||||
.views-remove-group-link,
|
||||
.views-add-group {
|
||||
float: right; /* LTR */
|
||||
clear: both;
|
||||
}
|
||||
[dir="rtl"] .group-message .form-submit,
|
||||
[dir="rtl"] .views-remove-group-link,
|
||||
[dir="rtl"] .views-add-group {
|
||||
float: left;
|
||||
}
|
||||
.views-operator-label {
|
||||
padding-left: 0.5em; /* LTR */
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
[dir="rtl"] .views-operator-label {
|
||||
padding-right: 0.5em;
|
||||
padding-left: 0;
|
||||
}
|
||||
.grouped-description,
|
||||
.exposed-description {
|
||||
float: left; /* LTR */
|
||||
padding-top: 3px;
|
||||
padding-right: 10px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .grouped-description,
|
||||
[dir="rtl"] .exposed-description {
|
||||
float: right;
|
||||
padding-right: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.views-displays {
|
||||
padding-bottom: 36px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.views-display-top {
|
||||
position: relative;
|
||||
padding: 8px 8px 3px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: #e1e2dc;
|
||||
}
|
||||
.views-display-top .tabs {
|
||||
margin-right: 18em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-top .tabs {
|
||||
margin-right: 0;
|
||||
margin-left: 18em;
|
||||
}
|
||||
.views-display-top .tabs > li {
|
||||
margin-right: 6px; /* LTR */
|
||||
padding-left: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-top .tabs > li {
|
||||
margin-right: 0.3em;
|
||||
margin-left: 6px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.views-display-top .tabs > li:last-child {
|
||||
margin-right: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-top .tabs > li:last-child {
|
||||
margin-right: 0.3em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.form-edit .form-actions {
|
||||
margin-top: 0;
|
||||
padding: 8px 12px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-left: 1px solid #ccc;
|
||||
background-color: #e1e2dc;
|
||||
}
|
||||
.views-displays .tabs.secondary {
|
||||
margin-right: 200px; /* LTR */
|
||||
border: 0;
|
||||
}
|
||||
[dir="rtl"] .views-displays .tabs.secondary {
|
||||
margin-right: 0;
|
||||
margin-left: 200px;
|
||||
}
|
||||
.views-displays .tabs.secondary li,
|
||||
.views-displays .tabs.secondary li.is-active {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.views-displays .tabs li.add ul.action-list li {
|
||||
margin: 0;
|
||||
}
|
||||
.views-displays .tabs.secondary li {
|
||||
margin: 0 5px 5px 6px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-displays .tabs.secondary li {
|
||||
margin-right: 6px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.views-displays .tabs.secondary .tabs__tab + .tabs__tab {
|
||||
border-top: 0;
|
||||
}
|
||||
.views-displays .tabs li.tabs__tab:hover {
|
||||
padding-left: 0; /* LTR */
|
||||
border: 0;
|
||||
}
|
||||
[dir="rtl"] .views-displays .tabs li.tabs__tab:hover {
|
||||
padding-right: 0;
|
||||
}
|
||||
.views-displays .tabs.secondary a {
|
||||
display: inline-block;
|
||||
padding: 3px 7px;
|
||||
border: 1px solid #cbcbcb;
|
||||
border-radius: 7px;
|
||||
font-size: small;
|
||||
line-height: 1.3333;
|
||||
}
|
||||
|
||||
/* Display a red border if the display doesn't validate. */
|
||||
.views-displays .tabs li.is-active a.is-active.error,
|
||||
.views-displays .tabs .error {
|
||||
padding: 1px 6px;
|
||||
border: 2px solid #ed541d;
|
||||
}
|
||||
.views-displays .tabs a:focus {
|
||||
text-decoration: underline;
|
||||
outline: none;
|
||||
}
|
||||
.views-displays .tabs.secondary li a {
|
||||
background-color: #fff;
|
||||
}
|
||||
.views-displays .tabs li a:hover,
|
||||
.views-displays .tabs li.is-active a,
|
||||
.views-displays .tabs li.is-active a.is-active {
|
||||
color: #fff;
|
||||
background-color: #555;
|
||||
}
|
||||
.views-displays .tabs .open > a {
|
||||
position: relative;
|
||||
border-bottom: 1px solid transparent;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.views-displays .tabs .open > a:hover {
|
||||
color: #0074bd;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.views-displays .tabs .action-list li {
|
||||
padding: 2px 9px;
|
||||
border-width: 0 1px;
|
||||
border-style: solid;
|
||||
border-color: #cbcbcb;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.views-displays .tabs .action-list li:first-child {
|
||||
border-width: 1px 1px 0;
|
||||
}
|
||||
.views-displays .action-list li:last-child {
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
.views-displays .tabs .action-list li:last-child {
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
.views-displays .tabs .action-list input.form-submit {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: medium none;
|
||||
background: none repeat scroll 0 0 transparent;
|
||||
}
|
||||
.views-displays .tabs .action-list input.form-submit:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
.views-displays .tabs .action-list li:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
.edit-display-settings {
|
||||
margin: 12px 12px 0 12px;
|
||||
}
|
||||
.edit-display-settings-top.views-ui-display-tab-bucket {
|
||||
position: relative;
|
||||
margin: 0 0 15px 0;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
border: 1px solid #f3f3f3;
|
||||
line-height: 20px;
|
||||
}
|
||||
.views-display-column {
|
||||
border: 1px solid #f3f3f3;
|
||||
}
|
||||
.views-display-column + .views-display-column {
|
||||
margin-top: 0;
|
||||
}
|
||||
.view-preview-form .form-item-view-args,
|
||||
.view-preview-form .form-actions {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.view-preview-form .arguments-preview {
|
||||
font-size: 1em;
|
||||
}
|
||||
.view-preview-form .arguments-preview,
|
||||
.view-preview-form .form-item-view-args {
|
||||
margin-left: 10px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .view-preview-form .arguments-preview,
|
||||
[dir="rtl"] .view-preview-form .form-item-view-args {
|
||||
margin-right: 10px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.view-preview-form .form-item-view-args label {
|
||||
float: left; /* LTR */
|
||||
height: 6ex;
|
||||
margin-right: 0.75em; /* LTR */
|
||||
font-weight: normal;
|
||||
}
|
||||
[dir="rtl"] .view-preview-form .form-item-view-args label {
|
||||
float: right;
|
||||
margin-right: 0.2em;
|
||||
margin-left: 0.75em;
|
||||
}
|
||||
.form-item-live-preview,
|
||||
.form-item-view-args,
|
||||
.preview-submit-wrapper {
|
||||
display: inline-block;
|
||||
}
|
||||
.form-item-live-preview,
|
||||
.view-preview-form .form-actions {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 45em) { /* 720px */
|
||||
.view-preview-form .form-type-textfield .description {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
/* These are the individual "buckets," or boxes, inside the display settings area */
|
||||
.views-ui-display-tab-bucket {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-top: 4px;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
line-height: 20px;
|
||||
}
|
||||
.views-ui-display-tab-bucket:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
.views-ui-display-tab-bucket + .views-ui-display-tab-bucket {
|
||||
border-top: medium none;
|
||||
}
|
||||
.views-ui-display-tab-bucket__title,
|
||||
.views-ui-display-tab-bucket > .views-display-setting {
|
||||
padding: 2px 6px 4px;
|
||||
}
|
||||
.views-ui-display-tab-bucket__title {
|
||||
margin: 0;
|
||||
font-size: small;
|
||||
}
|
||||
.views-ui-display-tab-bucket.access {
|
||||
padding-top: 0;
|
||||
}
|
||||
.views-ui-display-tab-bucket.page-settings {
|
||||
border-bottom: medium none;
|
||||
}
|
||||
.views-display-setting .views-ajax-link {
|
||||
margin-right: 0.2083em;
|
||||
margin-left: 0.2083em;
|
||||
}
|
||||
|
||||
.views-ui-display-tab-setting > span {
|
||||
margin-left: 0.5em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-ui-display-tab-setting > span {
|
||||
margin-right: 0.5em;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/** Applies an overridden(italics) font style to overridden buckets.
|
||||
* The better way to implement this would be to add the overridden class
|
||||
* to the bucket header when the bucket is overridden and style it as a
|
||||
* generic icon classed element. For the moment, we'll style the bucket
|
||||
* header specifically with the overridden font style.
|
||||
*/
|
||||
.views-ui-display-tab-setting.overridden,
|
||||
.views-ui-display-tab-bucket.overridden .views-ui-display-tab-bucket__title {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* This is each row within one of the "boxes." */
|
||||
.views-ui-display-tab-bucket .views-display-setting {
|
||||
padding-bottom: 2px;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
}
|
||||
.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) {
|
||||
background-color: #f3f5ee;
|
||||
}
|
||||
.views-ui-display-tab-actions.views-ui-display-tab-bucket .views-display-setting {
|
||||
background-color: transparent;
|
||||
}
|
||||
.views-ui-display-tab-bucket .views-group-text {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.views-display-setting .label {
|
||||
margin-right: 3px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-setting .label {
|
||||
margin-right: 0;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.views-edit-view {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* The contents of the popup dialog on the views edit form. */
|
||||
.views-filterable-options .form-type-checkbox {
|
||||
padding: 5px 8px;
|
||||
border-top: none;
|
||||
}
|
||||
.views-filterable-options {
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.filterable-option .form-item {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.views-filterable-options .filterable-option .title {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
}
|
||||
.views-filterable-options .form-type-checkbox .description {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.views-filterable-options-controls .form-item {
|
||||
width: 30%;
|
||||
margin: 0 0 0 2%; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-filterable-options-controls .form-item {
|
||||
margin: 0 2% 0 0;
|
||||
}
|
||||
.views-filterable-options-controls input,
|
||||
.views-filterable-options-controls select {
|
||||
width: 100%;
|
||||
}
|
||||
.views-ui-dialog .ui-dialog-content {
|
||||
padding: 0;
|
||||
}
|
||||
.views-ui-dialog .views-filterable-options {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.views-ui-dialog .views-add-form-selected.container-inline {
|
||||
padding: 0;
|
||||
}
|
||||
.views-ui-dialog .views-add-form-selected.container-inline > div {
|
||||
display: block;
|
||||
}
|
||||
.views-ui-dialog .form-item-selected {
|
||||
margin: 0;
|
||||
padding: 6px 16px;
|
||||
}
|
||||
.views-ui-dialog .views-override:not(:empty) {
|
||||
padding: 8px 13px;
|
||||
background-color: #f3f4ee;
|
||||
}
|
||||
.views-ui-dialog.views-ui-dialog-scroll .ui-dialog-titlebar {
|
||||
border: none;
|
||||
}
|
||||
.views-ui-dialog .views-offset-top {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.views-ui-dialog .views-offset-bottom {
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.views-ui-dialog .views-override > * {
|
||||
margin: 0;
|
||||
}
|
||||
.views-ui-dialog .views-progress-indicator {
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
right: 10px; /* LTR */
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
}
|
||||
[dir="rtl"] .views-ui-dialog .views-progress-indicator {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
.views-ui-dialog .views-progress-indicator:before {
|
||||
content: "\003C\00A0";
|
||||
}
|
||||
.views-ui-dialog .views-progress-indicator:after {
|
||||
content: "\00A0\003E";
|
||||
}
|
||||
.views-ui-dialog details .item-list {
|
||||
padding-left: 2em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-ui-dialog details .item-list {
|
||||
padding-right: 2em;
|
||||
padding-left: 0;
|
||||
}
|
||||
.views-ui-rearrange-filter-form table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.views-ui-rearrange-filter-form tr td[rowspan] {
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #cdcdcd;
|
||||
}
|
||||
.views-ui-rearrange-filter-form tr[id^="views-row"] {
|
||||
border-right: 1px solid #cdcdcd; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-ui-rearrange-filter-form tr[id^="views-row"] {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #cdcdcd;
|
||||
}
|
||||
.views-ui-rearrange-filter-form .even td {
|
||||
background-color: #f3f4ed;
|
||||
}
|
||||
.views-ui-rearrange-filter-form .views-group-title {
|
||||
border-top: 1px solid #cdcdcd;
|
||||
}
|
||||
.views-ui-rearrange-filter-form .group-empty {
|
||||
border-bottom: 1px solid #cdcdcd;
|
||||
}
|
||||
.form-item-options-expose-required,
|
||||
.form-item-options-expose-label,
|
||||
.form-item-options-expose-description {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
margin-left: 18px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .form-item-options-expose-required,
|
||||
[dir="rtl"] .form-item-options-expose-label,
|
||||
[dir="rtl"] .form-item-options-expose-description {
|
||||
margin-right: 18px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.views-preview-wrapper {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.view-preview-form {
|
||||
position: relative;
|
||||
}
|
||||
.view-preview-form__title {
|
||||
margin-top: 0;
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
background-color: #e1e2dc;
|
||||
}
|
||||
.view-preview-form .form-item-live-preview {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 12px;
|
||||
margin-top: 2px;
|
||||
margin-left: 2px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .view-preview-form .form-item-live-preview {
|
||||
right: auto;
|
||||
left: 12px;
|
||||
margin-right: 2px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.views-live-preview {
|
||||
padding: 12px;
|
||||
}
|
||||
.views-live-preview .views-query-info {
|
||||
overflow: auto;
|
||||
}
|
||||
.views-live-preview .section-title {
|
||||
display: inline-block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
color: #818181;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: 1.6154;
|
||||
}
|
||||
.views-live-preview .view > * {
|
||||
margin-top: 18px;
|
||||
}
|
||||
.views-live-preview .preview-section {
|
||||
margin: 0 -5px;
|
||||
padding: 3px 5px;
|
||||
border: 1px dashed #dedede;
|
||||
}
|
||||
.views-live-preview li.views-row + li.views-row {
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
/* The div.views-row is intentional and excludes li.views-row, for example */
|
||||
.views-live-preview div.views-row + div.views-row {
|
||||
margin-top: 36px;
|
||||
}
|
||||
.views-query-info table {
|
||||
margin: 10px 0;
|
||||
border-spacing: 0;
|
||||
border-collapse: separate;
|
||||
border-color: #ddd;
|
||||
}
|
||||
.views-query-info table tr {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.views-query-info table th,
|
||||
.views-query-info table td {
|
||||
padding: 4px 10px;
|
||||
color: #666;
|
||||
}
|
||||
.messages {
|
||||
margin-bottom: 18px;
|
||||
line-height: 1.4555;
|
||||
}
|
||||
.dropbutton-multiple {
|
||||
position: absolute;
|
||||
}
|
||||
.dropbutton-widget {
|
||||
position: relative;
|
||||
}
|
||||
.js .views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action > * {
|
||||
font-size: 10px;
|
||||
}
|
||||
.js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
top: -1px;
|
||||
right: -5px; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
|
||||
right: auto;
|
||||
left: -5px;
|
||||
}
|
||||
.js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
|
||||
border-radius: 1.1em 0 0 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
|
||||
border-radius: 0 1.1em 0 0;
|
||||
}
|
||||
.js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
|
||||
border-radius: 0 0 0 1.1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
|
||||
border-radius: 0 0 1.1em 0;
|
||||
}
|
||||
.views-display-top .dropbutton-wrapper {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 12px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-display-top .dropbutton-wrapper {
|
||||
right: auto;
|
||||
left: 12px;
|
||||
}
|
||||
.views-display-top .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.views-ui-display-tab-bucket .dropbutton-wrapper {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 5px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-ui-display-tab-bucket .dropbutton-wrapper {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
.views-ui-display-tab-bucket .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
|
||||
width: auto;
|
||||
}
|
||||
.views-ui-display-tab-actions .dropbutton-wrapper li a,
|
||||
.views-ui-display-tab-actions .dropbutton-wrapper input {
|
||||
margin-bottom: 0;
|
||||
padding-left: 12px; /* LTR */
|
||||
border: medium;
|
||||
background: none;
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
}
|
||||
[dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper li a,
|
||||
[dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper input {
|
||||
padding-right: 12px;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.views-ui-display-tab-actions .dropbutton-wrapper input:hover {
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
.views-list-section {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.form-textarea-wrapper,
|
||||
.form-item-options-content {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
/**
|
||||
* @file
|
||||
* The .contextual.css file is intended to contain styles that override declarations
|
||||
* in the Contextual module.
|
||||
*/
|
||||
|
||||
.views-live-preview .contextual-region-active {
|
||||
outline: medium none;
|
||||
}
|
||||
.views-live-preview .contextual {
|
||||
top: auto;
|
||||
right: auto; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .views-live-preview .contextual {
|
||||
left: auto;
|
||||
}
|
||||
.js .views-live-preview .contextual {
|
||||
display: inline;
|
||||
}
|
||||
.views-live-preview .contextual-links-trigger {
|
||||
display: block;
|
||||
}
|
||||
.contextual .contextual-links {
|
||||
right: auto; /* LTR */
|
||||
min-width: 10em;
|
||||
padding: 6px 6px 9px 6px;
|
||||
border-radius: 0 4px 4px 4px; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .contextual .contextual-links {
|
||||
left: auto;
|
||||
border-radius: 4px 0 4px 4px;
|
||||
}
|
||||
.contextual-links li a,
|
||||
.contextual-links li span {
|
||||
padding-top: 0.25em;
|
||||
padding-right: 0.1667em; /* LTR */
|
||||
padding-bottom: 0.25em;
|
||||
}
|
||||
[dir="rtl"] .contextual-links li a,
|
||||
[dir="rtl"] .contextual-links li span {
|
||||
padding-right: 0;
|
||||
padding-left: 0.1667em;
|
||||
}
|
||||
.contextual-links li span {
|
||||
font-weight: bold;
|
||||
}
|
||||
.contextual-links li a {
|
||||
margin: 0.25em 0;
|
||||
padding-left: 1em; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .contextual-links li a {
|
||||
padding-right: 1em;
|
||||
padding-left: 0.1667em;
|
||||
}
|
||||
.contextual-links li a:hover {
|
||||
background-color: #badbec;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 116 B |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user