n.kolosnaj/DrupalTutorial
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
nkolosnjaj
2024-07-15 12:33:27 +02:00
commit ce50ae282b
22084 changed files with 2623791 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
core/themes/stable9/css/announcements_feed/announcements_feed.dialog.css Executable file
View File

@@ -0,0 +1,31 @@
#drupal-off-canvas-wrapper .announcements {
padding-block-start: var(--off-canvas-padding);
}
#drupal-off-canvas-wrapper .announcements ul {
margin: 0;
padding-inline-start: 0;
list-style: none;
}
#drupal-off-canvas-wrapper .announcement {
font-size: 0.875rem;
}
#drupal-off-canvas-wrapper .announcement--featured {
position: relative;
margin-inline: calc(-1 * var(--off-canvas-padding));
padding: 0 var(--off-canvas-padding) var(--off-canvas-padding);
}
#drupal-off-canvas-wrapper .announcement.announcement--featured + .announcement.announcement--standard {
border-block-start: 1px solid var(--off-canvas-border-color);
}
#drupal-off-canvas-wrapper .announcement--standard {
padding-block-start: var(--off-canvas-padding);
}
#drupal-off-canvas-wrapper .announcement__title {
font-size: 1rem;
}

13
core/themes/stable9/css/announcements_feed/announcements_feed.page.css Executable file
View File

@@ -0,0 +1,13 @@
.announcements ul {
margin-inline-start: 0;
list-style: none;
}
.announcement:not(.announcement:last-child) {
margin-block-end: 1rem;
}
.announcement.announcement--featured + .announcement.announcement--standard {
padding-block-start: 1rem;
border-top: 1px solid #aaa;
}

25
core/themes/stable9/css/announcements_feed/announcements_feed.toolbar.css Executable file
View File

@@ -0,0 +1,25 @@
.toolbar .toolbar-icon.announce-canvas-link::before {
background-image: url("data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.73047 16.7648C6.00143 17.4831 6.6872 18 7.50009 18C8.31299 18 8.99876 17.4865 9.26972 16.7682C8.71107 16.8118 8.12231 16.8387 7.50009 16.8387C6.87788 16.8353 6.28912 16.8085 5.73047 16.7648Z' fill='white'/%3e%3cpath d='M14.331 13.4118H14.0801L12.4074 11.3979L11.5143 6.69897H11.5042C11.2333 5.05433 9.97881 3.74869 8.36976 3.39627C8.3731 3.38955 8.37979 3.38284 8.37979 3.37613L8.624 2.63772C8.74108 2.28529 8.53702 2 8.16905 2H6.83095C6.46298 2 6.25892 2.28529 6.37266 2.63772L6.61686 3.37613C6.62021 3.38284 6.62355 3.38955 6.6269 3.39627C5.01784 3.74869 3.76673 5.05433 3.49242 6.69897H3.48238L2.59255 11.3979L0.919938 13.4118H0.669046C0.30107 13.4118 0 13.7139 0 14.0831C0 14.4523 0.280999 14.8618 0.625558 14.996C0.625558 14.996 3.48573 16.0969 7.5 16.0969C11.5143 16.0969 14.3744 14.996 14.3744 14.996C14.719 14.8618 15 14.4523 15 14.0831C15 13.7139 14.6989 13.4118 14.331 13.4118ZM4.58296 6.95742L3.70317 11.8611L1.75624 14.0831H1.23439L3.21811 11.6933L4.15477 6.82652C4.28189 6.0579 4.68332 5.3799 5.24532 4.8798L5.49955 5.19866C5.03122 5.60478 4.68666 6.32305 4.58296 6.95742Z' fill='white'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
.toolbar .toolbar-icon.announce-canvas-link::before {
background: linktext;
-webkit-mask-image: url("data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.73047 16.7648C6.00143 17.4831 6.6872 18 7.50009 18C8.31299 18 8.99876 17.4865 9.26972 16.7682C8.71107 16.8118 8.12231 16.8387 7.50009 16.8387C6.87788 16.8353 6.28912 16.8085 5.73047 16.7648Z' fill='white'/%3e%3cpath d='M14.331 13.4118H14.0801L12.4074 11.3979L11.5143 6.69897H11.5042C11.2333 5.05433 9.97881 3.74869 8.36976 3.39627C8.3731 3.38955 8.37979 3.38284 8.37979 3.37613L8.624 2.63772C8.74108 2.28529 8.53702 2 8.16905 2H6.83095C6.46298 2 6.25892 2.28529 6.37266 2.63772L6.61686 3.37613C6.62021 3.38284 6.62355 3.38955 6.6269 3.39627C5.01784 3.74869 3.76673 5.05433 3.49242 6.69897H3.48238L2.59255 11.3979L0.919938 13.4118H0.669046C0.30107 13.4118 0 13.7139 0 14.0831C0 14.4523 0.280999 14.8618 0.625558 14.996C0.625558 14.996 3.48573 16.0969 7.5 16.0969C11.5143 16.0969 14.3744 14.996 14.3744 14.996C14.719 14.8618 15 14.4523 15 14.0831C15 13.7139 14.6989 13.4118 14.331 13.4118ZM4.58296 6.95742L3.70317 11.8611L1.75624 14.0831H1.23439L3.21811 11.6933L4.15477 6.82652C4.28189 6.0579 4.68332 5.3799 5.24532 4.8798L5.49955 5.19866C5.03122 5.60478 4.68666 6.32305 4.58296 6.95742Z' fill='white'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.73047 16.7648C6.00143 17.4831 6.6872 18 7.50009 18C8.31299 18 8.99876 17.4865 9.26972 16.7682C8.71107 16.8118 8.12231 16.8387 7.50009 16.8387C6.87788 16.8353 6.28912 16.8085 5.73047 16.7648Z' fill='white'/%3e%3cpath d='M14.331 13.4118H14.0801L12.4074 11.3979L11.5143 6.69897H11.5042C11.2333 5.05433 9.97881 3.74869 8.36976 3.39627C8.3731 3.38955 8.37979 3.38284 8.37979 3.37613L8.624 2.63772C8.74108 2.28529 8.53702 2 8.16905 2H6.83095C6.46298 2 6.25892 2.28529 6.37266 2.63772L6.61686 3.37613C6.62021 3.38284 6.62355 3.38955 6.6269 3.39627C5.01784 3.74869 3.76673 5.05433 3.49242 6.69897H3.48238L2.59255 11.3979L0.919938 13.4118H0.669046C0.30107 13.4118 0 13.7139 0 14.0831C0 14.4523 0.280999 14.8618 0.625558 14.996C0.625558 14.996 3.48573 16.0969 7.5 16.0969C11.5143 16.0969 14.3744 14.996 14.3744 14.996C14.719 14.8618 15 14.4523 15 14.0831C15 13.7139 14.6989 13.4118 14.331 13.4118ZM4.58296 6.95742L3.70317 11.8611L1.75624 14.0831H1.23439L3.21811 11.6933L4.15477 6.82652C4.28189 6.0579 4.68332 5.3799 5.24532 4.8798L5.49955 5.19866C5.03122 5.60478 4.68666 6.32305 4.58296 6.95742Z' fill='white'/%3e%3c/svg%3e");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
}
/* Pushes the tab to the opposite side of the page. */
.toolbar .toolbar-bar .announce-toolbar-tab.toolbar-tab {
float: right; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-bar .announce-toolbar-tab.toolbar-tab {
float: left;
}

47
core/themes/stable9/css/block/block.admin.css Executable file
View File

@@ -0,0 +1,47 @@
/* 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;
color: #000;
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: ":";
}
.block-disabled:not(:hover) {
opacity: 0.675;
background: #fcfcfa;
}

24
core/themes/stable9/css/config_translation/config_translation.admin.css Executable file
View File

@@ -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;
}
}

34
core/themes/stable9/css/content_moderation/content_moderation.module.css Executable file
View File

@@ -0,0 +1,34 @@
/**
* @file
* Component styles for the content_moderation module.
*/
.entity-moderation-form {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
list-style: none;
}
.entity-moderation-form__item {
display: table;
margin-right: 2em;
}
.entity-moderation-form__item:last-child {
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;
}

10
core/themes/stable9/css/content_moderation/content_moderation.theme.css Executable file
View File

@@ -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;
}

33
core/themes/stable9/css/content_translation/content_translation.admin.css Executable file
View File

@@ -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%;
}

39
core/themes/stable9/css/contextual/contextual.icons.theme.css Executable file
View File

@@ -0,0 +1,39 @@
/**
* @file
* Styling for contextual module icons.
*/
/**
* Toolbar tab icon.
*/
.toolbar-bar .toolbar-icon-edit::before {
background-image: url(../../../../misc/icons/bebebe/pencil.svg);
}
.toolbar-bar .toolbar-icon-edit:active::before,
.toolbar-bar .toolbar-icon-edit.is-active::before {
background-image: url(../../../../misc/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(../../../../misc/icons/bebebe/pencil.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 16px 16px;
}
.contextual .trigger:hover {
background-image: url(../../../../misc/icons/787878/pencil.svg);
}
.contextual .trigger:focus {
outline: none;
background-image: url(../../../../misc/icons/5181c6/pencil.svg);
}

18
core/themes/stable9/css/contextual/contextual.module.css Executable file
View File

@@ -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;
}

112
core/themes/stable9/css/contextual/contextual.theme.css Executable file
View File

@@ -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;
}

23
core/themes/stable9/css/contextual/contextual.toolbar.css Executable file
View File

@@ -0,0 +1,23 @@
/**
* @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: 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;
}

349
core/themes/stable9/css/core/assets/vendor/normalize-css/normalize.css vendored Executable file
View File

@@ -0,0 +1,349 @@
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}

49
core/themes/stable9/css/core/components/ajax-progress.module.css Executable file
View File

@@ -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(../../../../../misc/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(../../../../../misc/loading-small.gif);
background-repeat: no-repeat;
background-position: center center;
}
[dir="rtl"] .ajax-progress-fullscreen {
right: 49%;
left: auto;
}

22
core/themes/stable9/css/core/components/autocomplete-loading.module.css Executable file
View File

@@ -0,0 +1,22 @@
/**
* @file
* Visual styles for animated throbber.
*
* @see autocomplete.js
*/
.js input.form-autocomplete {
background-image: url(../../../../../misc/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(../../../../../misc/throbber-active.gif);
background-position: 100% center; /* LTR */
}
.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
background-position: 0% center;
}

51
core/themes/stable9/css/core/components/progress.module.css Executable file
View File

@@ -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: 16px;
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;
}

5
core/themes/stable9/css/core/components/sticky-header.module.css Executable file
View File

@@ -0,0 +1,5 @@
table.sticky-header thead {
position: sticky;
z-index: 500;
top: var(--drupal-displace-offset-top, 0);
}

88
core/themes/stable9/css/core/components/tabledrag.module.css Executable file
View File

@@ -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(../../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
}
a.tabledrag-handle:hover .handle,
a.tabledrag-handle:focus .handle {
background-image: url(../../../../../misc/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;
}

18
core/themes/stable9/css/core/components/tree-child.module.css Executable file
View File

@@ -0,0 +1,18 @@
/**
* @file
* Visual styles for a nested tree child.
*/
div.tree-child {
background: url(../../../../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
background: url(../../../../../misc/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(../../../../../misc/tree.png) no-repeat -11px center;
}

163
core/themes/stable9/css/core/dropbutton/dropbutton.css Executable file
View File

@@ -0,0 +1,163 @@
/**
* @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;
}

24
core/themes/stable9/css/core/print.css Executable file
View File

@@ -0,0 +1,24 @@
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;
}

69
core/themes/stable9/css/core/vertical-tabs.css Executable file
View File

@@ -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;
}

37
core/themes/stable9/css/dblog/dblog.module.css Executable file
View File

@@ -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(../../../../misc/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(../../../../misc/icons/e32700/error.svg);
}

68
core/themes/stable9/css/field_ui/field_ui.admin.css Executable file
View File

@@ -0,0 +1,68 @@
/**
* @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;
}
.field-settings-summary-cell li,
.storage-settings-summary-cell li {
margin: 0;
list-style-type: none;
}
.field-settings-summary-cell li {
font-size: 0.9em;
}
.field-settings-summary-cell li:first-child {
font-size: 1em;
}
.allowed-values-table .form-item:where(:not(.hidden)) {
display: inline-table;
}
/* '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;
}

13
core/themes/stable9/css/field_ui/field_ui_display_mode_table.css Executable file
View File

@@ -0,0 +1,13 @@
.display-mode-table th:first-child {
width: 30%;
}
.display-mode-table th:nth-child(2) {
width: 50%;
}
.display-mode-table th:last-child {
width: 20%;
}
.display-mode-table td {
max-width: 50px;
word-wrap: break-word;
}

30
core/themes/stable9/css/filter/filter.caption.css Executable file
View File

@@ -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;
}

73
core/themes/stable9/css/image/image.admin.css Executable file
View File

@@ -0,0 +1,73 @@
/**
* 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;
}

11
core/themes/stable9/css/language/language.admin.css Executable file
View File

@@ -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%;
}

212
core/themes/stable9/css/layout_builder/layout-builder.css Executable file
View File

@@ -0,0 +1,212 @@
.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,
#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;
}

138
core/themes/stable9/css/locale/locale.admin.css Executable file
View File

@@ -0,0 +1,138 @@
.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-inline-start: -12px;
padding-inline-start: 12px;
background: transparent url(../../../misc/menu-collapsed.png) left 0.6em no-repeat; /* LTR */
}
[dir="rtl"] .locale-translation-update__wrapper {
background: transparent url(../../../misc/menu-collapsed-rtl.png) right 0.6em no-repeat; /* LTR */
}
.expanded .locale-translation-update__wrapper {
background: transparent url(../../../misc/menu-expanded.png) left 0.6em no-repeat;
}
[dir="rtl"] .expanded .locale-translation-update__wrapper {
background-position: right 0.6em;
}
#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;
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%;
}
}

10
core/themes/stable9/css/media/filter.caption.css Executable file
View File

@@ -0,0 +1,10 @@
/**
* @file
* Caption filter: default styling for displaying Media Embed captions.
*/
.caption .media .field,
.caption .media .field * {
float: none;
margin: unset;
}

5
core/themes/stable9/css/media/oembed.formatter.css Executable file
View File

@@ -0,0 +1,5 @@
.media-oembed-content {
max-width: 100%;
border: none;
background-color: transparent;
}

8
core/themes/stable9/css/media/oembed.frame.css Executable file
View File

@@ -0,0 +1,8 @@
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
}

6
core/themes/stable9/css/menu_ui/menu_ui.admin.css Executable file
View File

@@ -0,0 +1,6 @@
.menu-enabled {
width: 70px;
}
.menu-label {
font-weight: bold;
}

23
core/themes/stable9/css/migrate_drupal_ui/components/upgrade-analysis-report-tables.css Executable file
View File

@@ -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(../../../../../misc/icons/e29700/warning.svg);
}
.upgrade-analysis-report__status-icon--checked::before {
background-image: url(../../../../../misc/icons/73b355/check.svg);
}
.upgrade-analysis-report__status-icon--error::before {
background-image: url(../../../../../misc/icons/e32700/error.svg);
}

11
core/themes/stable9/css/node/node.admin.css Executable file
View File

@@ -0,0 +1,11 @@
/**
* @file
* Styles for administration pages.
*/
/**
* Revisions overview screen.
*/
.revision-current {
background: #ffc;
}

71
core/themes/stable9/css/node/node.module.css Executable file
View File

@@ -0,0 +1,71 @@
/**
* @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;
}
}

22
core/themes/stable9/css/node/node.preview.css Executable file
View File

@@ -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;
}
}

23
core/themes/stable9/css/settings_tray/settings_tray.module.css Executable file
View File

@@ -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;
}

19
core/themes/stable9/css/settings_tray/settings_tray.motion.css Executable file
View File

@@ -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;
}

70
core/themes/stable9/css/settings_tray/settings_tray.theme.css Executable file
View File

@@ -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 gray. */
.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);
}

66
core/themes/stable9/css/settings_tray/settings_tray.toolbar.css Executable file
View File

@@ -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);
}

40
core/themes/stable9/css/shortcut/shortcut.icons.theme.css Executable file
View File

@@ -0,0 +1,40 @@
/**
* @file
* Styling for the shortcut module icons.
*/
/**
* Toolbar tab icon.
*/
.toolbar-bar .toolbar-icon-shortcut::before {
background-image: url(../../../../misc/icons/bebebe/star.svg);
}
.toolbar-bar .toolbar-icon-shortcut:active::before,
.toolbar-bar .toolbar-icon-shortcut.is-active::before {
background-image: url(../../../../misc/icons/ffffff/star.svg);
}
/**
* Add/remove links.
*/
.shortcut-action__icon {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: -2px;
background: transparent url(../../../../modules/shortcut/images/favstar.svg) no-repeat left top;
}
[dir="rtl"] .shortcut-action__icon {
background-image: url(../../../../modules/shortcut/images/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;
}

59
core/themes/stable9/css/shortcut/shortcut.theme.css Executable file
View File

@@ -0,0 +1,59 @@
/**
* @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;
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
opacity: 0;
color: #fff;
border-radius: 5px;
background: #000;
background: rgba(0, 0, 0, 0.5);
-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 {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
opacity: 1;
}

32
core/themes/stable9/css/system/components/align.module.css Executable file
View File

@@ -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;
}

15
core/themes/stable9/css/system/components/clearfix.module.css Executable file
View File

@@ -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: "";
}

13
core/themes/stable9/css/system/components/container-inline.module.css Executable file
View File

@@ -0,0 +1,13 @@
/**
* @file
* Inline items.
*/
.container-inline div,
.container-inline label {
display: inline-block;
}
/* Details contents always need to be rendered as block. */
.container-inline .details-wrapper {
display: block;
}

10
core/themes/stable9/css/system/components/details.module.css Executable file
View File

@@ -0,0 +1,10 @@
/**
* @file
* Collapsible details.
*
* @see collapse.js
*/
.js details:not([open]) .details-wrapper {
display: none;
}

9
core/themes/stable9/css/system/components/fieldgroup.module.css Executable file
View File

@@ -0,0 +1,9 @@
/**
* @file
* Fieldgroup border reset.
*/
.fieldgroup {
padding: 0;
border-width: 0;
}

53
core/themes/stable9/css/system/components/hidden.module.css Executable file
View File

@@ -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;
}

19
core/themes/stable9/css/system/components/item-list.module.css Executable file
View File

@@ -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: "";
}

22
core/themes/stable9/css/system/components/js.module.css Executable file
View File

@@ -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;
}

8
core/themes/stable9/css/system/components/nowrap.module.css Executable file
View File

@@ -0,0 +1,8 @@
/**
* @file
* Utility class to prevent text wrapping.
*/
.nowrap {
white-space: nowrap;
}

8
core/themes/stable9/css/system/components/position-container.module.css Executable file
View File

@@ -0,0 +1,8 @@
/*
* @file
* Contain positioned elements.
*/
.position-container {
position: relative;
}

14
core/themes/stable9/css/system/components/reset-appearance.module.css Executable file
View File

@@ -0,0 +1,14 @@
/*
* @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;
appearance: none;
}

21
core/themes/stable9/css/system/components/resize.module.css Executable file
View File

@@ -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;
}

30
core/themes/stable9/css/system/components/system-status-counter.css Executable file
View File

@@ -0,0 +1,30 @@
/**
* @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;
width: 100%;
height: 100%;
content: "";
background-repeat: no-repeat;
background-position: center 2px;
background-size: 16px;
}
.system-status-counter__status-icon--error::before {
background-image: url(../../../../../misc/icons/e32700/error.svg);
}
.system-status-counter__status-icon--warning::before {
background-image: url(../../../../../misc/icons/e29700/warning.svg);
}
.system-status-counter__status-icon--checked::before {
background-image: url(../../../../../misc/icons/73b355/check.svg);
}

27
core/themes/stable9/css/system/components/system-status-report-counters.css Executable file
View File

@@ -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%;
}
}

14
core/themes/stable9/css/system/components/system-status-report-general-info.css Executable file
View File

@@ -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;
}

19
core/themes/stable9/css/system/components/tablesort.module.css Executable file
View File

@@ -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(../../../../../misc/icons/787878/twistie-down.svg);
}
.tablesort--desc {
background-image: url(../../../../../misc/icons/787878/twistie-up.svg);
}

408
core/themes/stable9/css/system/system.admin.css Executable file
View File

@@ -0,0 +1,408 @@
/**
* @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;
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(../../../../misc/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(../../../../misc/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(../../../../misc/icons/787878/cog.svg) 0 50% no-repeat; /* LTR */
}
[dir="rtl"] .module-link-configure {
background-position: top 50% right 0;
}
.module-link--non-stable {
padding-left: 18px;
background: url(../../../../misc/icons/e29700/warning.svg) 0 50% no-repeat; /* LTR */
}
[dir="rtl"] .module-link--non-stable {
padding-right: 18px;
padding-left: 0;
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(../../../../misc/icons/e32700/error.svg);
}
.system-status-report__status-icon--warning::before {
background-image: url(../../../../misc/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;
}

41
core/themes/stable9/css/system/system.diff.css Executable file
View File

@@ -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;
}

56
core/themes/stable9/css/system/system.maintenance.css Executable file
View File

@@ -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;
}

9
core/themes/stable9/css/taxonomy/taxonomy.theme.css Executable file
View File

@@ -0,0 +1,9 @@
.taxonomy-term-preview {
background-color: #eee;
}
.taxonomy-term-divider-top {
border-bottom: none;
}
.taxonomy-term-divider-bottom {
border-top: 1px dotted #ccc;
}

298
core/themes/stable9/css/toolbar/toolbar.icons.theme.css Executable file
View File

@@ -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(../../../../misc/icons/bebebe/hamburger.svg);
}
.toolbar-bar .toolbar-icon-menu:active::before,
.toolbar-bar .toolbar-icon-menu.is-active::before {
background-image: url(../../../../misc/icons/ffffff/hamburger.svg);
}
.toolbar-bar .toolbar-icon-help::before {
background-image: url(../../../../misc/icons/bebebe/questionmark-disc.svg);
}
.toolbar-bar .toolbar-icon-help:active::before,
.toolbar-bar .toolbar-icon-help.is-active::before {
background-image: url(../../../../misc/icons/ffffff/questionmark-disc.svg);
}
/**
* Main menu icons.
*/
.toolbar-icon-system-admin-content::before {
background-image: url(../../../../misc/icons/787878/file.svg);
}
.toolbar-icon-system-admin-content:active::before,
.toolbar-icon-system-admin-content.is-active::before {
background-image: url(../../../../misc/icons/000000/file.svg);
}
.toolbar-icon-system-admin-structure::before {
background-image: url(../../../../misc/icons/787878/orgchart.svg);
}
.toolbar-icon-system-admin-structure:active::before,
.toolbar-icon-system-admin-structure.is-active::before {
background-image: url(../../../../misc/icons/000000/orgchart.svg);
}
.toolbar-icon-system-themes-page::before {
background-image: url(../../../../misc/icons/787878/paintbrush.svg);
}
.toolbar-icon-system-themes-page:active::before,
.toolbar-icon-system-themes-page.is-active::before {
background-image: url(../../../../misc/icons/000000/paintbrush.svg);
}
.toolbar-icon-entity-user-collection::before {
background-image: url(../../../../misc/icons/787878/people.svg);
}
.toolbar-icon-entity-user-collection:active::before,
.toolbar-icon-entity-user-collection.is-active::before {
background-image: url(../../../../misc/icons/000000/people.svg);
}
.toolbar-icon-system-modules-list::before {
background-image: url(../../../../misc/icons/787878/puzzlepiece.svg);
}
.toolbar-icon-system-modules-list:active::before,
.toolbar-icon-system-modules-list.is-active::before {
background-image: url(../../../../misc/icons/000000/puzzlepiece.svg);
}
.toolbar-icon-system-admin-config::before {
background-image: url(../../../../misc/icons/787878/wrench.svg);
}
.toolbar-icon-system-admin-config:active::before,
.toolbar-icon-system-admin-config.is-active::before {
background-image: url(../../../../misc/icons/000000/wrench.svg);
}
.toolbar-icon-system-admin-reports::before {
background-image: url(../../../../misc/icons/787878/barchart.svg);
}
.toolbar-icon-system-admin-reports:active::before,
.toolbar-icon-system-admin-reports.is-active::before {
background-image: url(../../../../misc/icons/000000/barchart.svg);
}
.toolbar-icon-help-main::before {
background-image: url(../../../../misc/icons/787878/questionmark-disc.svg);
}
.toolbar-icon-help-main:active::before,
.toolbar-icon-help-main.is-active::before {
background-image: url(../../../../misc/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(../../../../misc/icons/5181c6/chevron-disc-down.svg);
}
.toolbar .toolbar-icon.toolbar-handle.open::before {
background-image: url(../../../../misc/icons/787878/chevron-disc-up.svg);
}
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle::before {
background-image: url(../../../../misc/icons/5181c6/twistie-down.svg);
background-size: 75%;
}
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open::before {
background-image: url(../../../../misc/icons/787878/twistie-up.svg);
background-size: 75%;
}
.toolbar .toolbar-icon-escape-admin::before {
background-image: url(../../../../misc/icons/bebebe/chevron-disc-left.svg);
}
[dir="rtl"] .toolbar .toolbar-icon-escape-admin::before {
background-image: url(../../../../misc/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(../../../../misc/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(../../../../misc/icons/787878/push-left.svg); /* LTR */
}
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]::before {
background-image: url(../../../../misc/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(../../../../misc/icons/787878/push-right.svg);
}
.toolbar .toolbar-toggle-orientation [value="horizontal"]::before {
background-image: url(../../../../misc/icons/bebebe/push-up.svg);
}
.toolbar .toolbar-toggle-orientation [value="horizontal"]:hover::before,
.toolbar .toolbar-toggle-orientation [value="horizontal"]:focus::before {
background-image: url(../../../../misc/icons/787878/push-up.svg);
}

119
core/themes/stable9/css/toolbar/toolbar.menu.css Executable file
View File

@@ -0,0 +1,119 @@
/**
* @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;
background-color: #f5f5f5;
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;
}

283
core/themes/stable9/css/toolbar/toolbar.module.css Executable file
View File

@@ -0,0 +1,283 @@
/**
* @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 {
display: none;
}
.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,
html.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,
html.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%;
}
/* 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,
html.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,
html.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,
html.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 0;
}
}
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed,
[dir="rtl"].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,
[dir="rtl"].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;
}

167
core/themes/stable9/css/toolbar/toolbar.theme.css Executable file
View File

@@ -0,0 +1,167 @@
/**
* @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: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
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,
.toolbar-tray a:visited {
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;
}

173
core/themes/stable9/css/tour/tour.module.css Executable file
View File

@@ -0,0 +1,173 @@
/**
* @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;
}
/* In Joyride, display: block is added as an inline style. */
.shepherd-element.joyride-tip-guide {
display: block;
}
.shepherd-element.joyride-tip-guide[hidden] {
display: none;
}
.shepherd-modal-overlay-container {
position: fixed;
z-index: 100;
top: 0;
left: 0;
overflow: hidden;
width: 100vw;
height: 0;
pointer-events: none;
opacity: 0;
fill-rule: evenodd;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
height: 100vh;
opacity: 0.5;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
pointer-events: all;
}

63
core/themes/stable9/css/update/update.admin.theme.css Executable file
View File

@@ -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: right; /* LTR */
}
[dir="rtl"] .project-update__status--not-supported {
float: left;
}
.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;
}

22
core/themes/stable9/css/user/user.admin.css Executable file
View File

@@ -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;
}

15
core/themes/stable9/css/user/user.icons.admin.css Executable file
View File

@@ -0,0 +1,15 @@
/**
* @file
* Styling for the user module icons.
*/
/**
* Toolbar tab icon.
*/
.toolbar-bar .toolbar-icon-user::before {
background-image: url(../../../../misc/icons/bebebe/person.svg);
}
.toolbar-bar .toolbar-icon-user:active::before,
.toolbar-bar .toolbar-icon-user.is-active::before {
background-image: url(../../../../misc/icons/ffffff/person.svg);
}

21
core/themes/stable9/css/user/user.module.css Executable file
View File

@@ -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;
}

23
core/themes/stable9/css/views/views.module.css Executable file
View File

@@ -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;
}

209
core/themes/stable9/css/views_ui/views_ui.admin.css Executable file
View File

@@ -0,0 +1,209 @@
/**
* @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;
}

855
core/themes/stable9/css/views_ui/views_ui.admin.theme.css Executable file
View File

@@ -0,0 +1,855 @@
/**
* @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(../../../../modules/views_ui/images/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;
}
.views-edit-view.disabled .views-displays {
background-color: #fff4f4;
}
.views-edit-view.disabled .views-display-column {
background: white;
}
/* 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 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-field-identifier,
.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-field-identifier,
[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%;
}

57
core/themes/stable9/css/views_ui/views_ui.contextual.css Executable file
View File

@@ -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;
}