opdavies/drupalcampbristol
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move all files to 2017/

Browse source
This commit is contained in:
Oliver Davies 2025-09-29 22:25:17 +01:00
parent ac7370f67f
commit 2875863330
15717 changed files with 0 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
2017/web/core/themes/seven/README.txt Normal file
View file

@ -0,0 +1,20 @@
ABOUT SEVEN
-----------
Seven is the default administration theme for core in Drupal 8. This theme is
used on all admin pages and by default on node edit forms.
To read more about the Seven theme's origins (in Drupal 7) please see:
https://www.drupal.org/docs/7/core/themes/seven
See https://www.drupal.org/docs/8/core/themes/seven-theme for more information
on using the Seven theme.
Seven is an internal theme and shouldn't be extended by other themes. Please
see https://www.drupal.org/node/2582945 for more info.
ABOUT DRUPAL THEMING
--------------------
See https://www.drupal.org/docs/8/theming for more information on Drupal 8
theming.

5
2017/web/core/themes/seven/config/schema/seven.schema.yml Normal file
View file

@ -0,0 +1,5 @@
# Schema for the configuration files of the Seven theme.
seven.settings:
type: theme_settings
label: 'Seven settings'

170
2017/web/core/themes/seven/css/base/elements.css Normal file
View file

@ -0,0 +1,170 @@
/**
* Generic elements.
*/
body {
color: #333;
background: #fff;
font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
}
a,
.link {
color: #0074bd;
text-decoration: none;
}
a:hover,
.link:hover,
a:focus,
.link:focus {
text-decoration: underline;
outline: 0;
}
hr {
margin: 0;
padding: 0;
border: none;
height: 1px;
background: #ccc;
}
summary,
.fieldgroup:not(.form-composite) > legend {
font-weight: bold;
text-transform: uppercase;
}
.simpletest-results-form summary {
text-transform: none;
}
/**
* Reusable heading classes are included to help modules change the styling of
* headings on a page without affecting accessibility.
*/
h1,
.heading-a {
font-weight: bold;
margin: 0;
font-size: 1.625em;
line-height: 1.875em;
}
h2,
.heading-b {
font-weight: bold;
margin: 10px 0;
font-size: 1.385em;
}
h3,
.heading-c {
font-weight: bold;
margin: 10px 0;
font-size: 1.231em;
}
h4,
.heading-d {
font-weight: bold;
margin: 10px 0;
font-size: 1.154em;
}
h5,
.heading-e {
font-weight: bold;
margin: 10px 0;
font-size: 1.077em;
}
h6,
.heading-f {
font-weight: bold;
margin: 10px 0;
font-size: 1.077em;
}
p {
margin: 1em 0;
}
dl {
margin: 0 0 20px;
}
dl dd,
dl dl {
margin-left: 20px; /* LTR */
margin-bottom: 10px;
}
[dir="rtl"] dl dd,
[dir="rtl"] dl dl {
margin-right: 20px;
}
blockquote {
margin: 1em 40px;
}
address {
font-style: italic;
}
u,
ins {
text-decoration: underline;
}
s,
strike,
del {
text-decoration: line-through;
}
big {
font-size: larger;
}
small {
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
line-height: normal;
}
sup {
vertical-align: super;
font-size: smaller;
line-height: normal;
}
abbr,
acronym {
border-bottom: dotted 1px;
}
ul {
list-style-type: disc;
list-style-image: none;
margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
[dir="rtl"] ul {
margin-left: 0;
margin-right: 1.5em;
}
/* This is required to win over specificity of [dir="rtl"] ul */
[dir="rtl"] .messages__list {
margin-right: 0;
}
ol {
list-style-type: decimal;
margin: 0.25em 0 0.25em 2em; /* LTR */
padding: 0;
}
[dir="rtl"] ol {
margin-left: 0;
margin-right: 2em;
}
code {
margin: 0.5em 0;
}
pre {
margin: 0.5em 0;
white-space: pre-wrap;
}
details {
line-height: 1.295em;
}
details summary {
padding: 0.95em 1.45em;
}
details summary:focus {
outline: none;
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
}

87
2017/web/core/themes/seven/css/base/print.css Normal file
View file

@ -0,0 +1,87 @@
@media print {
* {
background-color: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
body {
padding-top: 0;
}
a,
a:visited {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
a,
.link {
color: #000;
text-decoration: underline;
}
.button,
.button--primary {
background: none !important;
}
.messages {
border-width: 1px;
border-color: #999;
}
.is-collapse-enabled .tabs {
max-height: 999em;
}
.is-horizontal .tabs__tab {
margin: 0 4px !important;
border-radius: 4px 4px 0 0 !important;
}
.dropbutton-multiple .dropbutton .secondary-action {
display: block;
}
.js .dropbutton-widget,
.js td .dropbutton-widget /* Splitbuttons */ {
position: relative;
}
.js .dropbutton .dropbutton-toggle {
display: none;
}
.js .dropbutton-multiple .dropbutton-widget {
background: none;
border-radius: 4px;
}
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
textarea.form-textarea,
select.form-select {
border-width: 1px;
}
}

36
2017/web/core/themes/seven/css/base/typography.css Normal file
View file

@ -0,0 +1,36 @@
/**
* Reusable utility classes that apply vertical spacing consistency and in line
* with the base line height of Seven.
*/
.leader {
margin-top: 20px;
margin-top: 1.538rem;
}
.leader-double {
margin-top: 40px;
margin-top: 3.076rem;
}
.leader-triple {
margin-top: 60px;
margin-top: 4.614rem;
}
.leader-quadruple {
margin-top: 80px;
margin-top: 6.152rem;
}
.trailer {
margin-bottom: 20px;
margin-bottom: 1.538rem;
}
.trailer-double {
margin-bottom: 40px;
margin-bottom: 3.076rem;
}
.trailer-triple {
margin-bottom: 60px;
margin-bottom: 4.614rem;
}
.trailer-quadruple {
margin-bottom: 80px;
margin-bottom: 6.152rem;
}

46
2017/web/core/themes/seven/css/components/admin-list.css Normal file
View file

@ -0,0 +1,46 @@
/**
* Admin lists.
*/
ul.admin-list {
margin: 0;
padding: 0;
}
.admin-list li {
position: relative;
border-top: 1px solid #bfbfbf;
margin: 0;
list-style-type: none;
list-style-image: none;
padding: 0;
}
.admin-list.compact li {
border: none;
}
.admin-list li a {
background: url(../../../../misc/icons/bebebe/chevron-disc-right.svg) no-repeat 1px 16px; /* LTR */
display: block;
padding: 14px 15px 14px 25px; /* LTR */
min-height: 0;
}
[dir="rtl"] .admin-list li a {
background: url(../../../../misc/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px;
padding-right: 25px;
padding-left: 15px;
}
.admin-list.compact li a {
background-image: none;
padding: 2px 0;
}
.admin-list li a:hover,
.admin-list li a:focus,
.admin-list li a:active {
text-decoration: none;
}
.admin-list li a .label {
font-size: 1.0769em;
}
.admin-list li a:hover .label,
.admin-list li a:focus .label,
.admin-list li a:active .label {
text-decoration: underline;
}

9
2017/web/core/themes/seven/css/components/breadcrumb.css Normal file
View file

@ -0,0 +1,9 @@
/**
* @file
* Breadcrumbs.
*/
.breadcrumb {
line-height: 1em;
padding: 20px 0 10px;
}

213
2017/web/core/themes/seven/css/components/buttons.css Normal file
View file

@ -0,0 +1,213 @@
/**
* @file
* Structural styles for Seven’s UI buttons
*
* Apply these classes to any element (<link>, <button>, <input>, etc.) that
* should appear as a button.
*/
/**
* Buttons.
*
* 1. Enable z-index on buttons.
* 2. Normalize 'line-height'; can’t be changed from 'normal' in Firefox 4+.
* 3. Allows full range of styling in Webkit and Gecko.
* 4. Use px units to ensure button text is centered vertically.
* 5. Use rems to avoid the font size cascade of ems, with a px fallback for
* older browsers.
* 6. Prevent fat text in WebKit.
*
* @todo Consider moving box-sizing into base.css under a universal selector.
* See https://www.drupal.org/node/2124251
*
*/
.button {
box-sizing: border-box;
display: inline-block;
position: relative; /* 1 */
text-align: center;
line-height: normal; /* 2 */
cursor: pointer;
-webkit-appearance: none; /* 3 */
-moz-appearance: none; /* 3 */
padding: 4px 1.5em; /* 4 */
border: 1px solid #a6a6a6;
border-radius: 20em;
background-color: #f2f1eb;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
color: #333;
text-decoration: none;
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
font-weight: 600;
font-size: 14px;
font-size: 0.875rem; /* 5 */
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-font-smoothing: antialiased; /* 6 */
}
.button:hover,
.button:focus {
background-color: #f9f8f6;
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
color: #1a1a1a;
text-decoration: none;
outline: none;
}
.button:hover {
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
}
/* Prevent focus ring being covered by next siblings. */
.button:focus {
z-index: 10;
border: 1px solid #3ab2ff;
box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
}
.button:active {
border: 1px solid #a6a6a6;
background-color: #dfdfd9;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
-webkit-transition: none;
transition: none;
}
.button--primary {
border-color: #1e5c90;
background-color: #0071b8;
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
color: #fff;
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
font-weight: 700;
-webkit-font-smoothing: antialiased;
}
.button--primary:hover,
.button--primary:focus {
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
border-color: #1e5c90;
color: #fff;
}
.button--primary:focus {
border: 1px solid #1280df;
}
.button--primary:hover {
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
}
.button--primary:active {
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
background-image: linear-gradient(to bottom, #08639b, #0071b8);
border-color: #144b78;
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
}
/**
* Overrides styling from system.theme.
*/
.button-action:before {
margin-left: -0.2em; /* LTR */
padding-right: 0.2em; /* LTR */
font-size: 14px;
font-size: 0.875rem;
line-height: 16px;
-webkit-font-smoothing: auto;
}
[dir="rtl"] .button-action:before {
margin-right: -0.2em;
margin-left: 0;
padding-right: 0;
padding-left: 0.2em;
}
/**
* 1. Use px units to ensure button text is centered vertically.
*/
.no-touchevents .button--small {
font-size: 13px;
font-size: 0.813rem;
padding: 2px 1em; /* 1 */
}
.button:disabled,
.button:disabled:active,
.button.is-disabled,
.button.is-disabled:active {
border-color: #d4d4d4;
background: #ededed;
box-shadow: none;
color: #5c5c5c;
font-weight: normal;
cursor: default;
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
}
/* Link actions. */
/**
* Style a clickable/tappable element as a link. Duplicates the base style for
* the <a> tag, plus a reset for padding, borders and background.
*/
.link {
display: inline;
cursor: pointer;
padding: 0;
border: 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #0074bd;
text-decoration: none;
}
.link:hover,
.link:focus {
color: #008ee6;
text-decoration: underline;
}
/**
* We've temporarily added the danger button here, bit of a harsh reset but we
* need it.
* @todo replace with link--danger.
* See https://www.drupal.org/node/2123731
*/
.button--danger {
display: inline;
cursor: pointer;
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #c72100;
font-weight: 400;
text-decoration: underline;
}
.button--danger:hover,
.button--danger:focus,
.button--danger:active {
color: #ff2a00;
text-decoration: underline;
text-shadow: none;
padding: 0;
border: 0;
box-shadow: none;
background: none;
}
.button--danger:disabled,
.button--danger.is-disabled {
color: #737373;
cursor: default;
text-decoration: none;
-webkit-font-smoothing: antialiased;
padding: 0;
border: 0;
box-shadow: none;
background: none;
}

15
2017/web/core/themes/seven/css/components/container-inline.css Normal file
View file

@ -0,0 +1,15 @@
/**
* @file
* Inline items.
*/
.container-inline .form-radios label:after {
content: '';
}
.container-inline .form-radios .form-type-radio {
margin-right: 1em;
}
[dir="rtl"] .container-inline .form-radios .form-type-radio {
margin-right: 0;
margin-left: 1em;
}

9
2017/web/core/themes/seven/css/components/container-inline.module.css Normal file
View file

@ -0,0 +1,9 @@
/**
* @file
* Inline items.
*/
.container-inline div,
.container-inline label {
display: inline-block;
}

8
2017/web/core/themes/seven/css/components/content-header.css Normal file
View file

@ -0,0 +1,8 @@
/**
* Content header.
*/
.content-header {
overflow: hidden;
background-color: #e0e0d8;
padding: 24px 0 0;
}

27
2017/web/core/themes/seven/css/components/details.css Normal file
View file

@ -0,0 +1,27 @@
/**
* @file
* Collapsible details.
*
* @see collapse.js
*/
.seven-details {
margin-top: 1em;
margin-bottom: 1em;
background-color: #fcfcfa;
border: 1px solid #bfbfbf;
border-radius: 3px;
}
.seven-details__summary {
cursor: pointer;
text-shadow: 0 1px 0 white;
color: #0074bd;
}
.seven-details__summary:hover,
.seven-details__summary:focus,
.seven-details[open] > .seven-details__summary {
color: #004f80;
}
.seven-details__wrapper {
padding: 0 1.5em 1em 1.5em;
}

127
2017/web/core/themes/seven/css/components/dialog.css Normal file
View file

@ -0,0 +1,127 @@
/**
* Presentational styles for Drupal dialogs.
*/
.ui-dialog {
background: transparent;
border: 0;
position: absolute;
z-index: 1260;
padding: 0;
}
@media all and (max-width: 48em) { /* 768px */
.ui-dialog {
min-width: 92%;
max-width: 92%;
}
}
.ui-dialog .ui-dialog-titlebar {
background: #6b6b6b;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 15px 49px 15px 15px; /* LTR */
}
[dir="rtl"] .ui-dialog .ui-dialog-titlebar {
padding-left: 49px;
padding-right: 15px;
}
.ui-dialog .ui-dialog-title {
font-size: 1.231em;
font-weight: 600;
margin: 0;
color: #fff;
-webkit-font-smoothing: antialiased;
}
.ui-dialog .ui-dialog-titlebar-close {
border: 3px solid #6b6b6b;
border-radius: 5px;
background: none;
right: 12px; /* LTR */
top: 10px;
margin: 0;
padding: 0;
height: 30px;
width: 30px;
position: absolute;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
border-color: #fff;
}
[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
right: auto;
left: 20px;
}
.ui-dialog .ui-icon.ui-icon-closethick {
background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
margin-top: -8px;
}
.ui-dialog .ui-widget-content.ui-dialog-content {
background: #fff;
overflow: auto;
padding: 1em;
}
.views-ui-dialog .ui-widget-content.ui-dialog-content {
padding: 0;
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
background: #f5f5f2;
/* border-top: 1px solid #bfbfbf; */
margin: 0;
padding: 15px 20px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
margin: 0;
padding: 0;
float: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
padding: 0;
}
.ui-dialog .ui-dialog-content {
position: static;
}
/* Form action buttons are moved in dialogs. Remove empty space. */
.ui-dialog .ui-dialog-content .form-actions {
padding: 0;
margin: 0;
}
.ui-dialog .ajax-progress-throbber {
/* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
left: 49%; /* LTR */
position: fixed;
top: 48.5%;
z-index: 1000;
background-color: #232323;
background-image: url(../../../../misc/loading-small.gif);
background-position: center center;
background-repeat: no-repeat;
border-radius: 7px;
height: 24px;
opacity: 0.9;
padding: 4px;
width: 24px;
}
[dir="rtl"] .ui-dialog .ajax-progress-throbber {
left: auto;
right: 49%;
}
.ui-dialog .ajax-progress-throbber .throbber,
.ui-dialog .ajax-progress-throbber .message {
display: none;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
position: relative;
}
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
top: 10px;
}
.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
background: none;
}

337
2017/web/core/themes/seven/css/components/dropbutton.component.css Normal file
View file

@ -0,0 +1,337 @@
/**
* @file
* Styling dropbuttons.
*/
/**
* Reset styling for all elements.
*/
.js .dropbutton .dropbutton-action > input,
.js .dropbutton .dropbutton-action > a,
.js .dropbutton .dropbutton-action > button {
color: #333;
text-decoration: none;
padding: 0;
margin: 0;
font-weight: 600;
line-height: normal;
-webkit-font-smoothing: antialiased;
text-align: left; /* LTR */
}
[dir="rtl"].js .dropbutton .dropbutton-action > input,
[dir="rtl"].js .dropbutton .dropbutton-action > a,
[dir="rtl"].js .dropbutton .dropbutton-action > button {
text-align: right;
margin-left: 0; /* This is required to win over specificity of [dir="rtl"] .dropbutton-multiple .dropbutton .dropbutton-action > * */
}
.js .dropbutton-action.last {
border-radius: 0 0 0 1em; /* LTR */
}
[dir="rtl"] .js .dropbutton-action.last {
border-radius: 0 0 1em 0;
}
/**
* Overwrite Sevens button styling.
*/
.js .dropbutton-widget .button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.js .dropbutton-multiple .dropbutton {
border-right: 0; /* LTR */
}
[dir="rtl"].js .dropbutton-multiple .dropbutton {
border-left: 0;
}
/**
* Show dropbutton elements as buttons when javascript is disabled
*/
.dropbutton {
margin: 0;
padding: 0;
list-style-type: none;
}
.dropbutton li + li {
margin-top: 10px;
}
.js .dropbutton li {
margin-bottom: 0;
margin-right: 0;
}
.js .dropbutton li + li {
margin-top: 0;
}
@media screen and (min-width: 37.5625em) { /* 601px */
.dropbutton li {
display: inline-block;
}
.dropbutton li + li {
margin-left: 1em;
margin-top: 0;
}
.js .dropbutton li + li {
margin-left: 0;
}
}
/**
* Copied styling for .button.
*/
.js .dropbutton-multiple .dropbutton-widget {
border: 1px solid #a6a6a6;
border-radius: 20em;
background-color: #f2f1eb;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
}
.dropbutton-multiple.open .dropbutton-widget {
border-radius: 1em;
}
.js .dropbutton-widget .dropbutton-action a,
.js .dropbutton-widget .dropbutton-action input,
.js .dropbutton-widget .dropbutton-action button {
border-radius: 20em 0 0 20em; /* LTR */
padding: 4px 1.5em;
display: block;
width: 100%;
}
[dir="rtl"].js .dropbutton-widget .dropbutton-action a,
[dir="rtl"].js .dropbutton-widget .dropbutton-action input,
[dir="rtl"].js .dropbutton-widget .dropbutton-action button {
border-radius: 0 20em 20em 0;
}
.js .dropbutton-widget .dropbutton-action a:focus,
.js .dropbutton-widget .dropbutton-action input:focus,
.js .dropbutton-widget .dropbutton-action button:focus {
text-decoration: underline;
}
.js .dropbutton-multiple.open .dropbutton-action a,
.js .dropbutton-multiple.open .dropbutton-action .button {
border-radius: 0;
}
.js .dropbutton-multiple.open .dropbutton-action:first-child a,
.js .dropbutton-multiple.open .dropbutton-action:first-child .button {
border-radius: 0.9em 0 0 0; /* LTR */
}
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child a,
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:first-child .button {
border-radius: 0 0.9em 0 0;
}
.js .dropbutton-multiple.open .dropbutton-action:last-child a,
.js .dropbutton-multiple.open .dropbutton-action:last-child .button {
border-radius: 0 0 0 0.9em; /* LTR */
}
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:last-child a,
[dir="rtl"].js .dropbutton-multiple.open .dropbutton-action:last-child .button {
border-radius: 0 0 0.9em 0;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:focus,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:focus,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:focus {
background-color: #f9f8f6;
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
color: #1a1a1a;
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
z-index: 3;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:active,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:active,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:active {
text-decoration: none;
background-color: #dfdfd9;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
}
.dropbutton .secondary-action {
border-top: 1px solid #bfbfba;
}
/**
* Rare instances when a dropbutton is actually just a button.
* Copied from Seven's buttons.css.
*/
.dropbutton-single .dropbutton-widget {
border: 0;
position: static;
display: inline-block;
}
.dropbutton-single .dropbutton-action a {
padding: 4px 1.5em;
border: 1px solid #a6a6a6;
border-radius: 20em !important;
background-color: #f2f1eb;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
color: #333;
text-decoration: none;
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
font-weight: 600;
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-font-smoothing: antialiased;
width: auto !important;
}
.dropbutton-single .dropbutton-action a:hover,
.dropbutton-single .dropbutton-action a:focus {
background-color: #f9f8f6;
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
color: #1a1a1a;
text-decoration: none;
outline: none;
}
.dropbutton-single .dropbutton-action a:hover,
.dropbutton-single .dropbutton-action a:focus {
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
}
.dropbutton-single .dropbutton-action a:active {
background-color: #dfdfd9;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
-webkit-transition: none;
transition: none;
}
.dropbutton .dropbutton-action .ajax-progress {
position: absolute;
z-index: 2;
top: 0.2em;
right: 0.2em;
padding: 0 0 0 0.1em;
}
.dropbutton-multiple .dropbutton-action .ajax-progress {
right: 2.2em;
top: 0.15em;
margin-right: 0;
}
.dropbutton-multiple .secondary-action .ajax-progress {
top: auto;
bottom: 0.3em;
}
/**
* The dropdown trigger.
*/
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
border-left: 1px solid #a6a6a6; /* LTR */
outline: none;
}
[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
border-right: 1px solid #a6a6a6;
border-left: 0;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
border-radius: 0 20em 20em 0; /* LTR */
}
[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
border-radius: 20em 0 0 20em;
}
.dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
border-radius: 0 1em 1em 0; /* LTR */
}
[dir="rtl"] .dropbutton-multiple.open .dropbutton-widget .dropbutton-toggle button {
border-radius: 1em 0 0 1em;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
background-color: #f9f8f6;
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
color: #1a1a1a;
text-decoration: none;
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
z-index: 3;
}
.js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
background-color: #dfdfd9;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
}
.dropbutton-arrow {
border-top-color: #333;
right: 35%; /* LTR */
top: 54%;
}
[dir="rtl"] .dropbutton-arrow {
left: 35%;
right: auto;
}
.dropbutton-multiple.open .dropbutton-arrow {
border-bottom: 0.3333em solid #333;
border-top-color: transparent;
top: 0.6667em;
}
/**
* Form edit action theming.
* Copied styling from .button--primary.
*/
.js .form-actions .dropbutton .dropbutton-action > * {
color: #fff;
font-weight: 700;
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
}
.js .form-actions .dropbutton-widget {
border-color: #1e5c90;
background-color: #0071b8;
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
position: relative;
}
.form-actions .dropbutton-multiple.open .dropbutton-widget {
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
}
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:hover,
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:focus {
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
color: #fff;
}
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:active {
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
background-image: linear-gradient(to bottom, #08639b, #0071b8);
border-color: #144b78;
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
}
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button,
.form-actions .dropbutton .secondary-action {
border-color: #1e5c90;
}
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
}
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
}
.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:active {
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
background-image: linear-gradient(to bottom, #08639b, #0071b8);
border-color: #144b78;
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
}
.form-actions .dropbutton-arrow {
border-top-color: #fff;
}
.form-actions .dropbutton-multiple.open .dropbutton-arrow {
border-bottom: 0.3333em solid white;
}

72
2017/web/core/themes/seven/css/components/entity-meta.css Normal file
View file

@ -0,0 +1,72 @@
/**
* Entity meta settings.
*/
.entity-meta {
background-color: #edede8;
border-left: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
border-radius: 3px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}
.entity-meta__header,
.entity-meta .seven-details {
background-color: #fcfcfa;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
}
.entity-meta__header {
padding: 1em 1.5em;
border-radius: 3px 3px 0 0;
}
.entity-meta__title {
font-size: 1.231em;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
margin: 0.25em 0;
}
.entity-meta__header .form-item {
margin: 0.25em 0;
}
.entity-meta__last-saved {
font-style: italic; /* As-designed, but really: why is this italic? */
}
.entity-meta .seven-details {
border-left: 0;
border-right: 0;
border-top: 1px solid #fff;
margin: 0;
border-radius: 0;
}
.entity-meta .seven-details:last-child {
border-radius: 0 0 3px 3px;
}
.entity-meta .seven-details[open] {
background-color: transparent;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
border-top-width: 0;
padding-top: 1px;
}
.entity-meta .seven-details[open] + .seven-details[open] {
background-image: none;
border-top-width: 1px;
padding-top: 0;
}
.entity-meta .seven-details > .seven-details__wrapper {
padding-top: 0;
}
.entity-meta .seven-details > summary {
padding: 0.85em 1.25em;
text-shadow: 0 1px 0 white;
}
/**
* Hide JS summary from the details polyfill to make it consistent with native
* details elements.
*
* @todo Consider removing this after https://www.drupal.org/node/2493957 has
* been solved.
*/
.entity-meta .seven-details .summary {
display: none;
}

28
2017/web/core/themes/seven/css/components/field-ui.css Normal file
View file

@ -0,0 +1,28 @@
/* Field UI */
#field-display-overview input.field-plugin-settings-edit {
margin: 0;
padding: 1px 8px;
}
#field-display-overview tr.field-plugin-settings-changed {
background: #ffb;
}
#field-display-overview tr.drag {
background: #fe7;
}
#field-display-overview tr.field-plugin-settings-editing {
background: #d5e9f2;
}
#field-display-overview .field-plugin-settings-edit-form .form-item {
margin: 10px 0;
}
#field-display-overview .field-plugin-settings-edit-form .form-submit {
margin-bottom: 0;
}
#field-display-overview .form-item-fields-field-image-settings-edit-form-settings-image-style .description {
display: inline-block;
margin-left: 1em; /* LTR */
}
[dir="rtl"] #field-display-overview .form-item-fields-field-image-settings-edit-form-settings-image-style .description {
margin-left: 0;
margin-right: 1em;
}

353
2017/web/core/themes/seven/css/components/form.css Normal file
View file

@ -0,0 +1,353 @@
/**
* Form elements.
*/
form {
margin: 0;
padding: 0;
}
fieldset:not(.fieldgroup) {
background-color: #fcfcfa;
border-radius: 2px;
margin: 1em 0;
padding: 30px 18px 18px;
min-width: 0;
position: relative;
}
/**
* We've temporarily added this Firefox specific rule here to fix fieldset
* widths.
* @todo remove once this Mozilla bug is fixed.
* See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
*/
@media (min--moz-device-pixel-ratio: 0) {
fieldset:not(.fieldgroup) {
display: table-cell;
}
}
fieldset:not(.fieldgroup) > legend {
font-size: 1em;
font-weight: bold;
letter-spacing: 0.08em;
position: absolute;
text-transform: uppercase;
top: 10px;
}
.fieldgroup {
min-width: 0;
}
/**
* We've temporarily added this Firefox specific rule here to fix fieldset
* widths.
* @todo remove once this Mozilla bug is fixed.
* See https://bugzilla.mozilla.org/show_bug.cgi?id=504622
*/
@media (min--moz-device-pixel-ratio: 0) {
.fieldgroup {
display: table-cell;
}
}
.form-item {
margin: 0.75em 0;
}
/**
* When a table row has a single form item, prevent it from adding unnecessary
* extra spacing. If it has multiple form items, allow spacing between them,
* overriding Classy.
*/
tr.odd .form-item,
tr.even .form-item {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
td > .form-item:only-child {
margin-top: 0;
margin-bottom: 0;
}
.form-type-checkbox {
padding: 0;
}
label {
display: table;
margin: 0 0 0.1em;
padding: 0;
font-weight: bold;
}
label.error {
color: #a51b00;
}
label[for] {
cursor: pointer;
}
.form-item label.option {
text-transform: none;
}
.form-item label.option input {
vertical-align: middle;
}
.form-disabled label {
color: #686868;
}
.form-disabled input.form-text,
.form-disabled input.form-tel,
.form-disabled input.form-email,
.form-disabled input.form-url,
.form-disabled input.form-search,
.form-disabled input.form-number,
.form-disabled input.form-color,
.form-disabled input.form-file,
.form-disabled textarea.form-textarea,
.form-disabled select.form-select {
border-color: #d4d4d4;
background-color: hsla(0, 0%, 0%, 0.08);
box-shadow: none;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
border-width: 1px;
border-color: #e62600;
background-color: hsla(15, 75%, 97%, 1);
box-shadow: inset 0 5px 5px -5px #b8b8b8;
color: #a51b00;
}
.form-item textarea.error + .cke {
border-width: 1px;
border-color: #e62600;
}
.form-item input.error:focus,
.form-item textarea.error:focus,
.form-item select.error:focus {
border-color: #e62600;
outline: 0;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px 1px #e62600;
background-color: #fcf4f2;
}
.form-required:after {
background-size: 7px 7px;
width: 7px;
height: 7px;
}
.form-item--error-message {
margin-top: 0.15em;
color: #e32700;
}
.fieldset-wrapper > .form-item--error-message {
margin-top: 0;
}
.text-format-wrapper .form-item--error-message {
border: solid #ccc;
border-width: 0 1px;
margin: 0;
padding: 0.25em 0.666em 0;
}
/* Filter */
ul.tips,
div.description,
.form-item .description {
margin: 0.2em 0 0 0;
color: #595959;
font-size: 0.95em;
}
.form-item .description.error {
margin-top: 0;
color: #a51b00;
}
ul.tips li {
margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
[dir="rtl"] ul.tips li {
margin: 0.25em 1.5em 0.25em 0;
}
.form-type-radio .description,
.form-type-checkbox .description {
margin-left: 1.5em; /* LTR */
}
[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
margin-left: 0;
margin-right: 1.5em;
}
.form-text,
.form-textarea {
border-radius: 2px;
font-size: 1em;
line-height: normal;
}
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
input.form-date,
input.form-time,
textarea.form-textarea {
box-sizing: border-box;
padding: 0.3em 0.4em 0.3em 0.5em; /* LTR */
max-width: 100%;
border: 1px solid #b8b8b8;
border-top-color: #999;
border-radius: 2px;
background: #fcfcfa;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
font-size: 1em;
color: #595959;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
[dir="rtl"] textarea.form-textarea {
padding: 0.3em 0.5em 0.3em 0.4em;
}
.form-text:focus,
.form-tel:focus,
.form-email:focus,
.form-url:focus,
.form-search:focus,
.form-number:focus,
.form-color:focus,
.form-file:focus,
.form-textarea:focus,
.form-date:focus,
.form-time:focus {
border-color: #40b6ff;
outline: 0;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
background-color: #fff;
}
.confirm-parent,
.password-parent {
overflow: visible;
width: auto;
}
.form-item-options-group-info-identifier,
.form-item-pass .description {
clear: both;
}
/**
* Limits extra long instances of select elements to the max width allowed
* to avoid breaking layouts.
*/
select {
max-width: 100%;
}
/**
* Select elements - Webkit only
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
cursor: pointer;
-webkit-appearance: none;
padding: 1px 1.571em 1px 0.5em; /* LTR */
border: 1px solid #a6a6a6;
border-radius: 0.143em;
background:
url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,
-webkit-linear-gradient(top, #f6f6f3, #e7e7df); /* LTR */
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
font-size: 0.875rem;
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-font-smoothing: antialiased;
}
[dir="rtl"] select {
padding: 1px 0.714em 1px 1.571em;
background-position: 1% 63%, 0 0;
}
select:focus,
select:hover {
background-image:
url(../../../../misc/icons/333333/caret-down.svg),
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
color: #1a1a1a;
}
select:hover {
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
}
}
/**
* Improve spacing of cancel link.
*/
#edit-cancel {
margin-left: 10px; /* LTR */
}
[dir="rtl"] #edit-cancel {
margin-left: 0;
margin-right: 10px;
}
/**
* Improve form element usability on narrow devices.
*/
@media screen and (max-width: 600px) {
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
textarea.form-textarea {
width: 100%;
font-size: 1.2em;
line-height: 1.2em;
}
input.form-number {
width: auto;
}
.form-actions input,
.form-wrapper input[type="submit"] {
float: none;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
padding-bottom: 6px;
width: 100%;
}
.form-actions input:first-child,
.form-wrapper input[type="submit"]:first-child {
margin-top: 0;
}
details summary {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.password-strength {
width: 100%;
}
div.form-item div.password-suggestions {
float: none;
}
#dblog-filter-form .form-actions {
float: none;
padding: 0;
}
#edit-cancel {
display: block;
margin: 10px 0 0 0;
}
select {
width: 100%;
}
}
/* Exceptions */
#diff-inline-form select,
div.filter-options select {
padding: 0;
}

8
2017/web/core/themes/seven/css/components/help.css Normal file
View file

@ -0,0 +1,8 @@
/**
* @file
* Seven styles for the help component.
*/
.help p {
margin: 0 0 10px;
}

445
2017/web/core/themes/seven/css/components/jquery.ui/theme.css Normal file
View file

@ -0,0 +1,445 @@
/**
* @file
* Seven styles for jQuery UI.
* Overrides /core/assets/vendor/jquery.ui/themes/base/theme.css.
*/
/**
* Component containers
*/
.ui-widget {
background: none;
}
.ui-widget-content {
border: none;
}
/**
* Interaction states
*/
.ui-state-default,
.ui-state-hover,
.ui-state-focus,
.ui-state-active {
outline: 0;
}
.ui-state-highlight {
font-weight: bold;
}
/**
* Interaction cues
*/
.ui-state-active,
.ui-widget-content .ui-state-active {
color: #840;
}
.ui-state-error,
.ui-widget-content .ui-state-error {
color: #fff;
background: #e63;
border-color: #d52;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
opacity: 0.35;
filter: alpha(Opacity=35);
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
opacity: 0.7;
filter: alpha(Opacity=70);
}
/**
* Icons
*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
width: 16px;
height: 16px;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(../../../images/ui-icons-222222-256x240.png);
}
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
background-image: url(../../../images/ui-icons-222222-256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(../../../images/ui-icons-888888-256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-highlight .ui-icon {
background-image: url(../../../images/ui-icons-454545-256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(../../../images/ui-icons-800000-256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(../../../images/ui-icons-ffffff-256x240.png);
}
.ui-widget p .ui-icon {
margin: 2px 3px 0 0; /* LTR */
}
[dir="rtl"] .ui-widget p .ui-icon {
margin: 2px 0 0 3px;
}
/* positioning */
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-icon-carat-1-n { background-position: 0 0; }
/**
* Accordion
*/
.ui-accordion {
border: none;
}
.ui-accordion .ui-accordion-header {
border: solid 1px #ccc;
text-transform: uppercase;
}
.ui-accordion h3.ui-accordion-header,
#block-system-main h3.ui-accordion-header {
font-size: 1.1em;
margin: 10px 0;
}
#block-system-main .ui-accordion h3.ui-state-active,
.ui-accordion h3.ui-state-active {
margin-bottom: 0;
}
.ui-accordion .ui-accordion-header a {
display: block;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border: solid 1px #ccc;
border-top: 0;
}
/**
* Tabs
*/
.ui-tabs {
padding: 0;
}
.ui-tabs .ui-tabs-nav {
padding: 5px 10px 4px;
margin: 0;
line-height: 20px;
border-bottom: solid 1px #ccc;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.ui-tabs .ui-tabs-nav li {
padding: 0 1em 0 10px; /* LTR */
margin: 0;
list-style: none;
}
[dir="rtl"] .ui-tabs .ui-tabs-nav li {
padding: 0 10px 0 1em;
}
.ui-tabs .ui-tabs-nav li a {
float: none;
padding: 0 10px;
border-radius: 10px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
color: #fff;
background: #666;
font-weight: normal;
}
/**
* Overlays
*/
.ui-widget-overlay {
background: #000;
opacity: 0.7;
filter: alpha(Opacity=70);
}
/**
* Slider
*/
.ui-slider {
border: solid 1px #ccc;
}
.ui-slider .ui-slider-range {
background: #e4e4e4;
}
.ui-slider .ui-slider-handle {
border: 1px solid #e4e4e4;
border-bottom: 1px solid #b4b4b4;
border-left-color: #d2d2d2;
border-right-color: #d2d2d2;
background-color: #e4e4e4;
border-radius: 4px;
}
.ui-slider a.ui-state-active,
.ui-slider .ui-slider-handle:active {
background: #666;
color: #fff;
border: solid 1px #555;
}
/**
* Progress Bar
*/
.ui-progressbar {
background: #e4e4e4;
height: 1.4em;
}
.ui-progressbar .ui-progressbar-value {
background: #0072b9 url(../../../../../misc/progress.gif);
height: 1.5em;
}
/**
* Date Picker
*/
.ui-datepicker {
border: 1px solid #a6a6a6;
background: #fff;
/* Override datepicker.css */
padding: 0;
}
/* Override tables.css */
.ui-datepicker-calendar thead tr {
border-bottom: 1px solid #a6a6a6;
border-top: 1px solid #a6a6a6;
}
.ui-datepicker-calendar tr:hover {
background: transparent;
}
/* Override datepicker.css */
.ui-datepicker td {
padding: 0;
}
.ui-datepicker td span,
.ui-datepicker td a {
color: inherit;
/* Override datepicker.css */
text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
cursor: pointer;
/* Override datepicker.css - keep icons still on hover */
right: 2px;
top: 2px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
cursor: pointer;
/* Override datepicker.css - keep icons still on hover */
left: 2px;
top: 2px;
}
.ui-datepicker td a.ui-state-hover {
background-color: #f7fcff;
}
.ui-datepicker .ui-state-active {
background: #ebeae4;
border: none;
}
.ui-datepicker .ui-state-highlight {
font-weight: bold;
/* Override datepicker.css */
color: inherit;
}
/**
* Autocomplete
*/
.ui-autocomplete {
background: #fff;
border: 1px solid #ccc;
}
/* Suggestion list */
.ui-autocomplete .ui-menu-item.ui-state-focus,
.autocomplete .ui-menu-item.ui-state-hover {
background: #0072b9;
margin: 0;
}
.ui-autocomplete .ui-state-focus a,
.autocomplete .ui-state-hover a {
color: #fff;
}

3
2017/web/core/themes/seven/css/components/media.css Normal file
View file

@ -0,0 +1,3 @@
.media-form .field--name-status {
margin-top: 1.5em;
}

41
2017/web/core/themes/seven/css/components/menus-and-lists.css Normal file
View file

@ -0,0 +1,41 @@
/**
* Menus and lists.
*/
.item-list ul {
list-style-type: disc;
list-style-image: none;
margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
[dir="rtl"] .item-list ul {
margin: 0.25em 1.5em 0.25em 0;
}
.item-list ul li,
.menu-item {
list-style-type: disc;
list-style-image: none;
}
.menu-item {
margin: 0;
}
.item-list ul li.collapsed,
.menu-item--collapsed {
list-style-image: url(../../../../misc/menu-collapsed.png);
list-style-type: disc;
}
.item-list ul li.expanded,
.menu-item--expanded {
list-style-image: url(../../../../misc/menu-expanded.png);
list-style-type: circle;
}
ul.links li,
ul.inline li {
padding-right: 1em; /* LTR */
}
[dir="rtl"] ul.links li,
[dir="rtl"] ul.inline li {
padding-left: 1em;
padding-right: 0;
}
ul.inline li {
display: inline;
}

27
2017/web/core/themes/seven/css/components/messages.css Normal file
View file

@ -0,0 +1,27 @@
/**
* Messages.
*/
.messages {
margin: 9px 0 10px 8px; /* LTR */
}
[dir="rtl"] .messages {
margin: 9px 8px 10px 0;
}
.messages pre {
margin: 0;
}
.messages h1,
.messages .heading-a,
.messages h2,
.messages .heading-b,
.messages h3,
.messages .heading-c,
.messages h4,
.messages .heading-d,
.messages h5,
.messages .heading-e,
.messages h6,
.messages .heading-f {
margin-top: 0;
}

49
2017/web/core/themes/seven/css/components/modules-page.css Normal file
View file

@ -0,0 +1,49 @@
/* Modules page */
.system-modules fieldset {
border: 0;
border-top: 1px solid #ccc;
}
.system-modules .seven-details {
background: none;
border: 0;
margin: 0;
padding: 0;
}
.system-modules .seven-details__summary {
border-bottom: 1px solid #ccc;
padding: 0.95em 0.5em;
}
.system-modules [open] .seven-details__summary {
border-bottom: none;
}
.system-modules .seven-details__wrapper {
padding: 0 0 0.5em 0;
}
.system-modules .fieldset-wrapper {
padding: 0;
}
.system-modules table,
.locale-translation-status-form table {
border: 0;
}
.system-modules tr.even,
.system-modules tr.odd,
.locale-translation-status-form tr.even,
.locale-translation-status-form tr.odd {
background: #f3f4ee;
border: 0;
border-bottom: 10px solid #fff;
}
.system-modules tr td:last-child,
.locale-translation-status-form tr td:last-child {
border: 0;
}
.system-modules table th,
.locale-translation-status-form table th {
border: 0;
border-bottom: 10px solid #fff;
}
.system-modules .sticky-header th,
.locale-translation-status-form .sticky-header th {
border: 0;
}

3
2017/web/core/themes/seven/css/components/node.css Normal file
View file

@ -0,0 +1,3 @@
.node__submitted {
margin: 1em 0;
}

8
2017/web/core/themes/seven/css/components/page-title.css Normal file
View file

@ -0,0 +1,8 @@
/**
* @file
* Page title.
*/
.page-title {
display: inline-block;
-webkit-font-smoothing: antialiased;
}

45
2017/web/core/themes/seven/css/components/pager.css Normal file
View file

@ -0,0 +1,45 @@
/**
* @file
* Styles for Seven's Pagination.
*/
.pager__items {
margin: 0.25em 0 0.25em 1.5em; /* LTR */
padding: 0;
}
[dir="rtl"] .pager__items {
margin: 0.25em 1.5em 0.25em 0;
}
.pager__item {
display: inline-block;
color: #757575;
font-size: 1.08em;
margin: 0;
padding: 0 0.4em;
}
.pager__item a {
border-bottom: 2px solid transparent;
line-height: 1.55em;
padding: 0 5px 2px;
font-weight: 600;
text-decoration: none;
transition: border-bottom-color 0.2s;
-webkit-font-smoothing: antialiased;
}
.pager__item.is-active a {
border-bottom-width: 3px;
border-bottom-color: #2a678c;
color: #2a678c;
font-weight: 700;
}
.pager__item a:hover,
.pager__item a:focus {
border-bottom-color: #3395d2;
color: #3395d2;
}
.pager__item--next a,
.pager__item--last a,
.pager__item--first a,
.pager__item--previous a {
border-bottom-width: 0;
color: #2a678c;
}

17
2017/web/core/themes/seven/css/components/panel.css Normal file
View file

@ -0,0 +1,17 @@
/**
* @file
* Panel styling. Panels are used to visually group items together.
*/
.panel {
margin: 0 0 20px;
padding: 9px;
background: #f8f8f8;
border: 1px solid #ccc;
}
.panel__title {
font-size: 1em;
text-transform: uppercase;
margin: 0;
padding-bottom: 9px;
}

63
2017/web/core/themes/seven/css/components/quickedit.css Normal file
View file

@ -0,0 +1,63 @@
/**
* @file
* Override Quick Edit's entity toolbar style on the Drupal front-end.
*
* I.e. loaded by Quick Edit on the front-end, despite this being a back-end theme.
*/
/**
* The Seven style guide prescribes softer corners.
*/
.quickedit-toolbar-container > .quickedit-toolbar-content,
.quickedit-toolbar-container > .quickedit-toolbar-lining {
border-radius: 4px;
}
.quickedit-button {
border-radius: 3px;
}
/**
* Entity toolbar's "save" button must be styled like a Seven primary button.
*/
.quickedit-button.action-save,
.quickedit-button.action-saving {
border-color: #1e5c90;
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
color: #fff;
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
font-weight: 700;
-webkit-font-smoothing: antialiased;
margin-top: 2px;
}
.quickedit-button.action-save:hover,
.quickedit-button.action-save:focus,
.quickedit-button.action-saving:hover,
.quickedit-button.action-saving:focus {
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
border-color: #1e5c90;
color: #fff;
}
.quickedit-button.action-save:hover,
.quickedit-button.action-save:focus,
.quickedit-button.action-saving:hover,
.quickedit-button.action-saving:focus {
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
}
.quickedit-button.action-save:active,
.quickedit-button.action-saving:active {
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
background-image: linear-gradient(to bottom, #08639b, #0071b8);
border-color: #144b78;
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
}
/**
* The entity toolbar's "save" button's top margin shifts both buttons 2px down,
* so we must compensate for that to achieve vertically centered positioning.
*/
.quickedit .icon-close:before {
top: 8px;
}

14
2017/web/core/themes/seven/css/components/search-admin-settings.css Normal file
View file

@ -0,0 +1,14 @@
/**
* @file
* Styles for administration pages.
*/
/**
* Add search page select/submit.
*/
.search-admin-settings .container-inline {
margin-bottom: 1em;
}
.search-admin-settings label[for="edit-search-type"] {
display: block;
}

25
2017/web/core/themes/seven/css/components/skip-link.css Normal file
View file

@ -0,0 +1,25 @@
/**
* @file
* Skip link
*
* Allows keyboard users to quickly skip to the main content of the page.
*/
.skip-link {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 50;
background: #444;
color: #fff;
font-size: 0.94em;
padding: 1px 10px 2px;
border-radius: 0 0 10px 10px;
}
.skip-link:focus {
text-decoration: none;
}
.skip-link.visually-hidden.focusable:focus {
position: absolute !important;
}

87
2017/web/core/themes/seven/css/components/system-status-counter.css Normal file
View file

@ -0,0 +1,87 @@
/**
* @file
* Styles for the system status counter component.
*/
.system-status-counter {
box-sizing: border-box;
overflow-y: hidden;
border: 1px solid #e6e4df;
border-radius: 3px;
display: inline-block;
width: 100%;
white-space: nowrap;
background: #fcfcfa;
}
.system-status-counter__status-icon {
display: inline-block;
height: 60px;
width: 60px;
vertical-align: middle;
border-right: 1px solid #e6e4df; /* LTR */
border-left: 0; /* LTR */
background-color: #faf9f5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
[dir="rtl"] .system-status-counter__status-icon {
border-right: 0;
border-left: 1px solid #e6e4df;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.system-status-counter__status-icon:before {
content: "";
background-size: 25px;
background-position: 50% center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
display: block;
}
.system-status-counter__status-icon--error:before {
background-image: url(../../../stable/images/core/icons/e32700/error.svg);
}
.system-status-counter__status-icon--warning:before {
background-image: url(../../../stable/images/core/icons/e29700/warning.svg);
}
.system-status-counter__status-icon--checked:before {
background-image: url(../../../stable/images/core/icons/73b355/check.svg);
}
.system-status-counter__status-title {
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
padding: 0 6px;
font-size: 1rem;
line-height: 1em;
font-weight: bold;
}
.system-status-counter__title-count {
display: block;
margin-bottom: 2px;
}
.system-status-counter__details {
font-size: 12px;
font-weight: normal;
text-transform: none;
display: block;
line-height: 1.5;
}
@media screen and (min-width: 61em) {
.system-status-counter__status-icon,
.system-status-counter {
height: 65px;
}
.system-status-counter__status-icon {
width: 65px;
}
.system-status-counter__status-title {
font-size: 16px;
padding: 10px 3%;
}
.system-status-counter__status-icon:before {
background-size: 35px;
}
}

26
2017/web/core/themes/seven/css/components/system-status-report-counters.css Normal file
View file

@ -0,0 +1,26 @@
/**
* @file
* Styles for the system status report counters.
*/
.system-status-report-counters__item {
margin: 10px 0;
width: 100%;
}
@media screen and (min-width: 60em) {
.system-status-report-counters__item {
margin-bottom: 20px;
}
.system-status-report-counters {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}
.system-status-report-counters__item--half-width {
width: 49%;
}
.system-status-report-counters__item--third-width {
width: 32%;
}
}

161
2017/web/core/themes/seven/css/components/system-status-report-general-info.css Normal file
View file

@ -0,0 +1,161 @@
/**
* @file
* Seven styles for the System Status general info.
*/
.system-status-general-info {
border: 1px solid #ccc;
border-radius: 3px;
}
.system-status-general-info__header {
background-color: #f5f5f2;
padding: 10px;
margin: 0;
overflow: hidden;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 14px;
text-transform: uppercase;
}
.system-status-general-info__item {
background: #fcfcfa;
border-top: 1px solid #ccc;
padding: 10px 10px 20px;
box-sizing: border-box;
overflow-x: auto;
}
.system-status-general-info__item-icon {
display: inline-block;
height: 45px;
width: 45px;
vertical-align: top;
}
.system-status-general-info__item-icon:before {
content: "";
background-size: 35px;
background-position: 50% center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
display: block;
}
.system-status-general-info__item-icon--d8:before {
background-image: url(../../images/icons/cccccc/d8-logo.svg);
}
.system-status-general-info__item-icon--clock:before {
background-image: url(../../images/icons/cccccc/clock.svg);
}
.system-status-general-info__item-icon--server:before {
background-image: url(../../images/icons/cccccc/server.svg);
}
.system-status-general-info__item-icon--php:before {
background-image: url(../../images/icons/cccccc/php-logo.svg);
background-size: 45px;
}
.system-status-general-info__item-icon--database:before {
background-image: url(../../images/icons/cccccc/database.svg);
background-size: 30px;
}
.system-status-general-info__item-details {
box-sizing: border-box;
display: inline-block;
width: calc(100% - 60px);
padding-left: 10px; /* LTR */
position: relative;
}
[dir="rtl"] .system-status-general-info__item-details {
padding-right: 10px;
padding-left: 0;
}
.system-status-general-info__item-title {
margin-bottom: 0;
}
.system-status-general-info__sub-item-title {
margin: 0;
}
.system-status-general-info__sub-item__title {
font-weight: bold;
}
.system-status-general-info__sub-item__value {
display: block;
}
.system-status-general-info__run-cron {
margin: 1em 0 0;
}
@media screen and (min-width: 48em) {
.system-status-general-info__items {
display: flex;
flex-wrap: wrap;
overflow-x: hidden;
}
.system-status-general-info__item {
flex: 1;
flex-basis: 33%;
width: 33%;
}
.system-status-general-info__item:nth-child(2) {
flex: 2;
flex-basis: 66%;
}
.system-status-general-info__item:nth-child(2),
.system-status-general-info__item:nth-child(4),
.system-status-general-info__item:nth-child(5) {
border-left: 1px solid #ccc; /* LTR */
}
[dir="rtl"] .system-status-general-info__item:nth-child(1),
[dir="rtl"] .system-status-general-info__item:nth-child(3) {
border-left: 1px solid #ccc;
}
[dir="rtl"] .system-status-general-info__item:nth-child(2),
[dir="rtl"] .system-status-general-info__item:nth-child(5) {
border-left: 0;
}
.system-status-general-info__run-cron {
margin: 15px 0 5px;
}
}
@media screen and (min-width: 60em) {
.system-status-general-info__item-icon {
width: 55px;
height: 55px;
}
.system-status-general-info__item-icon:before {
background-size: 35px;
}
.system-status-general-info__item-icon--php:before {
background-size: 55px;
}
.system-status-general-info__run-cron {
position: absolute;
top: 1em;
right: 1em; /* LTR */
margin-top: 0;
}
[dir="rtl"] .system-status-general-info__run-cron {
left: 1em;
right: auto;
}
}
@media screen and (max-width: 48em) {
.system-status-general-info__header {
display: none;
}
.system-status-general-info {
border-top: 0;
margin-top: 25px;
}
}

153
2017/web/core/themes/seven/css/components/system-status-report.css Normal file
View file

@ -0,0 +1,153 @@
/**
* @file
* Seven styles for the System Status Report.
*/
.system-status-report__requirements-group {
padding-top: 20px;
}
.system-status-report__entry {
border: 0;
border-top: 1px solid #ccc;
margin: 0;
width: 100%;
overflow: auto;
background-color: transparent;
border-radius: 0;
}
.system-status-report__entry:last-of-type {
border-bottom: 1px solid #bebfb9;
}
.system-status-report__entry--error {
background-color: transparent;
}
.system-status-report__entry--warning {
background-color: transparent;
}
/* Account for native and poly-filled details element */
.system-status-report__status-title {
position: relative;
padding: 1em 1em 1em 3em; /* LTR */
box-sizing: border-box;
width: 100%;
font-weight: bold;
}
.system-status-report__status-title .details-title {
color: inherit;
text-transform: none;
}
.system-status-report__status-title .details-title {
padding-left: 3em; /* LTR */
}
[dir="rtl"] .system-status-report__status-title .details-title {
padding-right: 3em;
padding-left: 0;
}
[dir="rtl"].details .system-status-report__status-title {
padding: 1em 3em 1em 1em;
}
.collapse-processed > .system-status-report__status-title:before {
float: right; /* LTR */
}
.system-status-report__status-title::-webkit-details-marker {
float: right; /* LTR */
}
[dir="rtl"] .collapse-processed > .system-status-report__status-title:before {
float: left;
}
[dir="rtl"] .system-status-report__status-title::-webkit-details-marker {
float: left;
}
/* Make poly-filled details and summary elements behave correctly. */
.system-status-report summary:first-child ~ * {
display: none;
}
.system-status-report details[open] > *,
.system-status-report details > summary:first-child {
display: block;
color: inherit;
}
.system-status-report__status-title .details-title:before,
.details .system-status-report__status-icon:before {
content: "";
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
height: 16px;
width: 16px;
position: absolute;
left: 10px; /* LTR */
top: 1em;
display: inline-block;
vertical-align: top;
margin-right: 10px; /* LTR */
}
[dir="rtl"] .system-status-report__status-title .details-title:before,
[dir="rtl"].details .system-status-report__status-title:before {
left: auto;
right: 10px;
margin-right: 0;
}
.system-status-report__status-icon--error .details-title:before,
.details .system-status-report__status-icon--error:before {
background-image: url(../../../stable/images/core/icons/e32700/error.svg);
}
.system-status-report__status-icon--warning .details-title:before,
.details .system-status-report__status-icon--warning:before {
background-image: url(../../../stable/images/core/icons/e29700/warning.svg);
}
.system-status-report__entry__value {
box-sizing: border-box;
padding: 0 1em 1em 3em; /* LTR */
}
[dir="rtl"] .system-status-report__entry__value {
padding-right: 3em;
padding-left: 1em;
}
@media screen and (max-width: 48em) {
.system-status-report {
word-wrap: break-word;
}
}
@media screen and (min-width: 48em) {
.system-status-report__entry::after {
display: table;
content: '';
clear: both;
}
.system-status-report__status-title {
width: 18rem;
float: left; /* LTR */
cursor: default;
}
.system-status-report__status-title:hover,
.system-status-report__status-title:focus {
text-decoration: none;
}
[dir="rtl"] .system-status-report__status-title {
float: right;
}
html.js .system-status-report__status-title::-webkit-details-marker {
display: none;
}
.collapse-processed > .system-status-report__status-title:before {
position: relative;
top: 3px;
}
.system-status-report__entry__value {
width: calc(100% - 23em);
float: right;
display: block;
padding-left: 0; /* LTR */
padding-top: 1em;
}
[dir="rtl"] .system-status-report__entry__value {
padding-left: 0;
padding-right: 3em;
}
}

152
2017/web/core/themes/seven/css/components/tables.css Normal file
View file

@ -0,0 +1,152 @@
/**
* @file
* Seven styles for Tables.
*/
table {
width: 100%;
margin: 0 0 10px;
}
caption {
text-align: left; /* LTR */
}
[dir="rtl"] caption {
text-align: right;
}
th {
text-align: left; /* LTR */
padding: 10px 12px;
}
[dir="rtl"] th {
text-align: right;
}
thead th {
background: #f5f5f2;
border: solid #bfbfba;
border-width: 1px 0;
color: #333;
text-transform: uppercase;
}
tr {
border-bottom: 1px solid #e6e4df;
padding: 0.1em 0.6em;
}
thead > tr {
border-bottom: 1px solid #000;
}
tbody tr:hover,
tbody tr:focus {
background: #f7fcff;
}
/* See colors.css */
tbody tr.color-warning:hover,
tbody tr.color-warning:focus {
background: #fdf8ed;
}
tbody tr.color-error:hover,
tbody tr.color-error:focus {
background: #fcf4f2;
}
table.no-highlight tr.selected td {
background: transparent;
}
td,
th {
vertical-align: middle;
}
td {
padding: 10px 12px;
text-align: left; /* LTR */
}
[dir="rtl"] td {
text-align: right;
}
th > a {
position: relative;
display: block;
}
/* 1. Must match negative bottom padding of the parent <th> */
th > a:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: -10px; /* 1. */
left: 0;
right: 0;
border-bottom: 2px solid transparent;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
th.is-active > a {
color: #004875;
}
th.is-active img {
position: absolute;
right: 0; /* LTR */
top: 50%;
}
[dir="rtl"] th.is-active img {
right: auto;
left: 0;
}
th.is-active > a:after {
border-bottom-color: #004875;
}
th > a:hover,
th > a:focus,
th.is-active > a:hover,
th.is-active > a:focus {
color: #008ee6;
text-decoration: none;
}
th > a:hover:after,
th > a:focus:after,
th.is-active > a:hover:after,
th.is-active > a:focus:after {
border-bottom-color: #008ee6;
}
td .item-list ul {
margin: 0;
}
/* This is required to win over specificity of [dir="rtl"] .item-list ul */
[dir="rtl"] td .item-list ul {
margin: 0;
}
td.is-active {
background: none;
}
/* Force browsers to calculate the width of a 'select all' <th> element. */
th.select-all {
width: 1px;
}
/**
* Captions.
*/
.caption {
margin-bottom: 1.2em;
}
/**
* Responsive tables.
*/
@media screen and (max-width: 37.5em) { /* 600px */
th.priority-low,
td.priority-low,
th.priority-medium,
td.priority-medium {
display: none;
}
}
@media screen and (max-width: 60em) { /* 920px */
th.priority-low,
td.priority-low {
display: none;
}
}

26
2017/web/core/themes/seven/css/components/tablesort-indicator.css Normal file
View file

@ -0,0 +1,26 @@
/**
* @file
* Tablesort indicator styles.
*/
.tablesort {
float: right; /* LTR */
margin-top: 5px;
width: 10px;
height: 10px;
}
[dir="rtl"] .tablesort {
float: left;
}
.tablesort--asc {
background-image: url(../../../../misc/icons/004875/twistie-down.svg);
}
a:hover .tablesort--asc {
background-image: url(../../../../misc/icons/008ee6/twistie-down.svg);
}
.tablesort--desc {
background-image: url(../../../../misc/icons/004875/twistie-up.svg);
}
a:hover .tablesort--desc {
background-image: url(../../../../misc/icons/008ee6/twistie-up.svg);
}

355
2017/web/core/themes/seven/css/components/tabs.css Normal file
View file

@ -0,0 +1,355 @@
/**
* Tabs.
*/
.is-collapse-enabled .tabs,
.is-horizontal .tabs {
position: relative;
}
.is-collapse-enabled .tabs:before,
.is-horizontal .tabs:before {
content: '';
display: block;
background-color: #a6a6a6;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
right: 0;
}
/* Span the full width of the viewport */
.content-header .is-horizontal .tabs:before,
.content-header .is-collapse-enabled .tabs:before {
left: -2.5em;
right: -2.5em;
}
/**
* Tab
*
* 1. Required by some elements such as <button>
* 2. Fixed height needed to ensure alignment with absolutely-positioned
* active tab.
*/
.tabs__tab {
position: relative;
display: block;
overflow: hidden;
box-sizing: border-box;
margin: -1px 0 0;
padding: 9px 2em 7px 1em; /* LTR */
width: 100%; /* 1 */
border: 1px solid #bfbfbf;
background-color: rgba(242, 242, 240, 0.7);
color: #0074bd;
text-overflow: ellipsis;
white-space: nowrap;
}
[dir="rtl"] .tabs__tab {
padding-left: 2em;
padding-right: 1em;
}
.tabs__tab:hover,
.tabs__tab:focus {
color: #008ee6;
background-color: #fafaf7;
}
li.tabs__tab {
display: block;
padding: 0;
}
/* This is required to win over specificity of [dir="rtl"] .tabs__tab */
[dir="rtl"] li.tabs__tab {
padding-left: 0;
padding-right: 0;
}
li.tabs__tab a {
padding: 9px 2em 7px 1em; /* LTR */
}
[dir="rtl"] li.tabs__tab a {
padding-left: 2em;
padding-right: 1em;
}
.tabs a:hover,
.tabs a:focus {
text-decoration: none;
}
/* Primary tabs */
.tabs.primary {
clear: both;
margin: 16px 0 0;
margin: 1rem 0 0;
}
.tabs.primary .tabs__tab.is-active {
z-index: 15;
border-color: #a6a6a6;
border-radius: 4px 0 0 0; /* LTR */
background-color: #fff;
color: #004f80;
}
[dir="rtl"] .tabs.primary .tabs__tab.is-active {
border-top-left-radius: 0;
border-top-right-radius: 4px;
}
.tabs.primary a {
background: none;
}
.tabs.primary a:focus {
color: #008ee6;
background-color: #fafaf7;
text-decoration: underline;
}
.tabs.primary .is-active a:focus {
background: none;
text-decoration: underline;
}
/* Only add the arrow if there's space */
@media screen and (min-width: 18.75em) { /* 300px */
.tabs.primary a {
background: url(../../../../misc/icons/0074bd/chevron-right.svg) 99% center no-repeat;
}
[dir="rtl"] .tabs.primary a {
background: url(../../../../misc/icons/0074bd/chevron-left.svg) 1% center no-repeat;
}
.tabs.primary .tabs__tab.is-active a {
background-image: none;
}
}
.tabs__trigger {
display: none;
}
/* JS dependent styling */
.is-collapse-enabled .tabs__trigger {
box-sizing: content-box;
display: block;
position: absolute;
z-index: 10;
right: 0; /* LTR */
top: 2px;
left: auto; /* LTR */
width: 25%;
padding-right: 4px;
padding-left: 4px;
border-left: 0; /* LTR */
border-radius: 0 4px 0 0; /* LTR */
font-family: Arial, sans-serif;
font-size: 1.25em;
letter-spacing: 0.1em;
text-align: center;
outline: 0;
}
[dir="rtl"] .is-collapse-enabled .tabs__trigger {
border-right: 0;
border-left: 1px solid #bfbfbf;
border-radius: 4px 0 0 0;
right: auto;
left: 0;
}
.is-collapse-enabled .tabs {
padding-top: 38px;
max-height: 0;
}
.tabs.is-open {
max-height: 999em;
padding-bottom: 16px;
padding-bottom: 1rem;
}
.is-collapse-enabled .tabs__tab.is-active {
position: absolute;
top: 2px;
left: 0; /* LTR */
width: 75%;
border-bottom: 0;
}
[dir="rtl"] .is-collapse-enabled .tabs__tab.is-active {
left: auto;
right: 0;
}
.is-collapse-enabled .tabs.primary a.is-active:before {
content: none;
}
.is-open .tabs__tab.is-active {
border-color: #a6a6a6;
background-color: #fff;
color: #004f80;
border-bottom: 1px solid #a6a6a6;
}
/* Styles for the horizontal state always take priority */
.is-horizontal .tabs {
max-height: none !important;
padding-top: 0 !important;
overflow: visible;
}
.is-horizontal .tabs__tab {
float: left; /* LTR */
height: auto;
width: auto;
margin: 0 0 -1px;
text-align: center;
border-bottom-color: #a6a6a6;
}
[dir="rtl"] .is-horizontal .tabs__tab {
float: right;
/* This is required to win over specificity of [dir="rtl"] .tabs > li */
margin-left: 0;
}
.is-horizontal .tabs__tab + .tabs__tab {
margin-left: -1px; /* LTR */
}
[dir="rtl"] .is-horizontal .tabs__tab + .tabs__tab {
margin-left: 0;
margin-right: -1px;
}
.is-horizontal .tabs.primary .tabs__tab:first-child {
border-radius: 4px 0 0 0; /* LTR */
}
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:first-child {
border-radius: 0 4px 0 0;
}
.is-horizontal .tabs.primary .tabs__tab:last-child {
border-radius: 0 4px 0 0; /* LTR */
}
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:last-child {
border-radius: 4px 0 0 0;
}
/* Override the states above */
.is-horizontal .tabs__tab.is-active,
.is-horizontal .tabs.primary .tabs__tab.is-active,
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab.is-active {
border-radius: 4px 4px 0 0;
position: relative;
width: auto;
top: 0;
border-bottom: 0;
margin: 0 -4px;
}
.is-horizontal .tabs.primary a {
background-image: none;
padding: 7px 2em 7px 2em;
}
.is-horizontal .tabs__trigger {
display: none;
}
/* Secondary tabs */
.tabs.secondary {
display: block;
margin-top: 16px;
margin-top: 1rem;
}
.tabs.secondary .tabs__tab {
display: block;
padding: 5px 15px 5px 16px; /* LTR */
margin-left: -1px; /* LTR */
color: #0074bd;
-webkit-transition: border-color 0.2s, background-color 0.2s;
transition: border-color 0.2s, background-color 0.2s;
}
[dir="rtl"] .tabs.secondary .tabs__tab {
padding-left: 15px;
padding-right: 16px;
margin-left: 0;
margin-right: -1px;
}
/* This is required to win over specificity of [dir="rtl"] .tabs.secondary .tabs__tab */
[dir="rtl"] .views-displays .tabs.secondary li,
[dir="rtl"] .views-displays .tabs.secondary li.is-active {
padding-left: 0;
padding-right: 0;
}
.tabs.secondary .tabs__tab + .tabs__tab {
border-top: 1px solid #d9d8d4;
}
.tabs.secondary .tabs__tab.is-active {
color: #004f80;
border-left: 2px solid #004f80; /* LTR */
padding-left: 15px; /* LTR */
}
[dir="rtl"] .tabs.secondary .tabs__tab.is-active {
border-left: 1px solid #bfbfbf;
border-right: 2px solid #004f80;
padding-right: 15px;
}
/* This is required to win over specificity of [dir="rtl"] .tabs.secondary .tabs__tab.is-active */
[dir="rtl"] .views-displays .tabs.secondary li.is-active {
border: 0 none;
padding-right: 0;
}
.tabs.secondary .tabs__tab:hover,
.tabs.secondary .tabs__tab:focus {
color: #008ee6;
border-left: 2px solid #008ee6; /* LTR */
padding-left: 15px; /* LTR */
}
[dir="rtl"] .tabs.secondary .tabs__tab:hover,
[dir="rtl"] .tabs.secondary .tabs__tab:focus {
border-left: 1px solid #bfbfbf;
border-right: 2px solid #008ee6;
padding-right: 15px;
}
/* This is required to win over specificity of [dir="rtl"] .tabs.secondary .tabs__tab:hover */
[dir="rtl"] .views-displays .tabs li.tabs__tab:hover {
border: 0 none;
padding-right: 0;
}
.tabs.secondary a {
background-color: transparent;
padding: 7px 13px 5px;
text-decoration: none;
}
/* This is required to win over specificity of [dir="rtl"] li.tabs__tab a */
[dir="rtl"] .tabs.secondary a {
padding-left: 13px;
padding-right: 13px;
}
/* This is required to win over specificity of [dir="rtl"] .tabs.secondary a */
[dir="rtl"] .views-displays .tabs.secondary a {
padding-left: 7px;
padding-right: 7px;
}
.tabs.secondary .is-active a {
color: #004f80;
}
.tabs.secondary a:focus {
text-decoration: underline;
}
/* Styles for the horizontal state */
.is-horizontal .tabs.secondary .tabs__tab {
background: none;
float: left; /* LTR */
position: relative;
top: 0;
z-index: 15;
margin-left: 1em;
margin-right: 1em;
border-bottom: 2px solid transparent;
border-left: 1px solid transparent; /* LTR */
border-right-color: transparent; /* LTR */
border-top: 0;
padding: 0;
}
/**
* 1. This is required to win over specificity of
* [dir="rtl"] .tabs.secondary .tabs__tab:hover,
* [dir="rtl"] .tabs.secondary .tabs__tab:focus
*/
[dir="rtl"] .is-horizontal .tabs.secondary .tabs__tab {
float: right;
border-right: 1px solid transparent;
border-left-color: transparent;
padding-right: 0; /* 1 */
}
.is-horizontal .tabs.secondary .tabs__tab.is-active {
border-bottom-color: #004f80;
}
.is-horizontal .tabs.secondary .tabs__tab:hover,
.is-horizontal .tabs.secondary .tabs__tab:focus {
border-bottom-color: #008ee6;
}

103
2017/web/core/themes/seven/css/components/tour.theme.css Normal file
View file

@ -0,0 +1,103 @@
/**
* @file
* Styles for Tour theme.
*/
/* Default styles for the container */
.joyride-tip-guide {
background: #000;
background: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 5px;
}
/* Mobile */
@media only screen and (max-width: 767px) {
.joyride-tip-guide {
border-radius: 0;
}
}
/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
.joyride-tip-guide .joyride-nub {
border: solid 14px rgba(0, 0, 0, 0.8);
}
.joyride-tip-guide .joyride-nub.top {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
.joyride-tip-guide .joyride-nub.bottom {
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
.joyride-tip-guide .joyride-nub.right {
border-top-color: transparent;
border-right-color: transparent; /* LTR */
border-bottom-color: transparent;
}
[dir="rtl"] .joyride-tip-guide .joyride-nub.right {
border-left-color: transparent;
border-right-color: rgba(0, 0, 0, 0.8);
}
.joyride-tip-guide .joyride-nub.left {
border-top-color: transparent;
border-left-color: transparent; /* LTR */
border-bottom-color: transparent;
}
[dir="rtl"] .joyride-tip-guide .joyride-nub.left {
border-left-color: rgba(0, 0, 0, 0.8);
border-right-color: transparent;
}
.joyride-tip-guide .joyride-nub.top-right {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
/* Typography */
.joyride-tip-guide h2 {
color: #fff;
}
.joyride-tip-guide p {
line-height: 1.385em;
}
.joyride-tip-guide a {
color: #fff;
}
/* Button Style */
.joyride-tip-guide .joyride-next-tip {
margin: 0;
}
.joyride-timer-indicator-wrap {
border: solid 1px rgba(255, 255, 255, 0.1);
}
.joyride-timer-indicator {
background: rgba(255, 255, 255, 0.25);
}
.joyride-close-tip {
color: rgba(255, 255, 255, 0.4);
text-decoration: none;
font-size: 1.4em;
font-weight: bold;
}
.joyride-close-tip:hover,
.joyride-close-tip:focus {
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
}
.joyride-modal-bg {
background: rgba(0, 0, 0, 0.5);
}
.joyride-expose-wrapper {
background-color: #fff;
}
.joyride-expose-cover {
background: transparent;
}

120
2017/web/core/themes/seven/css/components/vertical-tabs.css Normal file
View file

@ -0,0 +1,120 @@
/**
* @file
* Override of misc/vertical-tabs.css.
*/
.vertical-tabs {
position: relative;
overflow: hidden;
margin: 10px 0;
border: 1px solid #bdbdbd;
border-radius: 4px;
background: #e6e5e1;
}
.vertical-tabs__menu {
float: left; /* LTR */
width: 240px;
margin: 0 -100% -1px 0; /* LTR */
padding: 0;
border-bottom: 1px solid #ccc;
line-height: 1;
}
[dir="rtl"] .vertical-tabs__menu {
float: right;
margin: 0 0 -1px -100%;
}
.vertical-tabs__menu-item {
position: relative;
}
.vertical-tabs__menu-item.is-selected {
z-index: 1;
overflow-x: hidden;
width: 100%;
border-right: 1px solid #fcfcfa; /* LTR */
box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
border-bottom: 1px solid #b3b2ad;
}
.vertical-tabs__menu-item.last {
border-bottom: none;
}
[dir="rtl"] .vertical-tabs__menu-item.is-selected {
border-left: 1px solid #fcfcfa;
border-right: none;
}
.vertical-tabs__menu-item:focus,
.vertical-tabs__menu-item:active {
z-index: 2;
}
.vertical-tabs__menu-item a {
display: block;
padding: 10px 15px 15px;
border-bottom: 1px solid #b3b2ad;
background-color: #f2f2f0;
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
text-decoration: none;
}
.vertical-tabs__menu-item:last-child a {
border-bottom: 0;
}
.vertical-tabs__menu-item.is-selected a,
.vertical-tabs__menu-item a:hover,
.vertical-tabs__menu-item a:focus {
background: #fcfcfa;
text-shadow: none;
}
.vertical-tabs__menu-item a:focus {
outline: none;
}
.vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title {
text-decoration: underline;
}
.vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item.is-selected a:focus .vertical-tabs__menu-item-title {
text-decoration: none;
}
.vertical-tabs__menu-item.is-selected a {
color: #004f80;
padding-left: 11px; /* LTR */
border-bottom: none;
text-decoration: none;
}
[dir=rtl] .vertical-tabs__menu-item.is-selected a {
padding-left: 15px;
padding-right: 11px;
}
.vertical-tabs__menu-item.is-selected a:hover,
.vertical-tabs__menu-item.is-selected a:focus {
color: #007ecc;
}
[data-vertical-tabs-panes] {
background-color: #fcfcfa;
}
.vertical-tabs__panes {
margin: 0 0 0 240px; /* LTR */
padding: 10px 15px 10px 15px;
border-left: 1px solid #a6a5a1; /* LTR */
}
[dir="rtl"] .vertical-tabs__panes {
margin: 0 240px 0 0;
border-left: none;
border-right: 1px solid #a6a5a1;
}
.vertical-tabs__panes:after {
content: "";
display: table;
clear: both;
}
.vertical-tabs__pane {
margin: 0;
padding: 0;
border: 0;
color: #595959;
}
.vertical-tabs__menu-item-summary {
display: block;
padding-top: 0.4em;
color: #666;
}
.vertical-tabs__pane > summary {
display: none;
}

331
2017/web/core/themes/seven/css/components/views-ui.css Normal file
View file

@ -0,0 +1,331 @@
/**
* Views styling
*/
/* @group Forms */
/**
* Seven positions the summary absolutely, but does not have a way to ignore
* details without a summary so we make one up.
*
* @todo Neither a fieldset without legend nor a details without summary is
* valid HTML markup in any way. Refactor Views UI to not produce such invalid
* markup.
*/
details.fieldset-no-legend {
padding-top: 0;
}
/**
* Being extra safe here and scoping this to the add view wizard form (where
* a layout problem occurs for the Display format details if we don't fix its
* padding), but it's probably safe to just let it apply everywhere.
*/
#views-ui-add-form details details .seven-details__wrapper {
padding-left: 0;
padding-right: 0;
}
.views-display-tab details.box-padding .seven-details__wrapper {
padding: 0;
}
.views-admin input.form-submit,
.views-ui-dialog input.form-submit,
.views-admin a.button,
.views-ui-dialog a.button {
margin-bottom: 0;
margin-right: 0; /* LTR */
margin-top: 0;
}
[dir="rtl"] .views-admin input.form-submit,
[dir="rtl"] .views-ui-dialog input.form-submit,
[dir="rtl"] .views-admin a.button,
[dir="rtl"] .views-ui-dialog a.button {
margin-left: 0;
margin-right: 1em;
}
[dir="rtl"] .views-admin input.form-submit:first-child,
[dir="rtl"] .views-ui-dialog input.form-submit:first-child,
[dir="rtl"] .views-admin a.button:first-child,
[dir="rtl"] .views-ui-dialog a.button:first-child {
margin-right: 0;
}
.form-radios > .form-item {
margin-top: 3px;
}
/* @group Dependent options
*/
/* This is necessary to supersede the Seven .form-item
* reset declaration that sets the margin to zero.
*/
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
margin-left: 1.5em; /* LTR */
}
[dir="rtl"] .form-item-options-expose-required,
[dir="rtl"] .form-item-options-expose-label,
[dir="rtl"] .form-item-options-expose-description {
margin-left: 0;
margin-right: 1.5em;
}
.views-admin-dependent .form-item .form-item,
.views-admin-dependent .form-type-checkboxes,
.views-admin-dependent .form-type-radios,
.views-admin-dependent .form-item .form-item,
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
margin-bottom: 6px;
margin-top: 6px;
}
.views-admin-dependent .form-type-radio,
.views-admin-dependent .form-radios .form-item {
margin-bottom: 2px;
margin-top: 2px;
}
/* @end */
/* @group Lists */
.views-admin ul.secondary,
.views-admin .item-list ul {
margin: 0;
padding: 0;
}
.views-displays ul.secondary li a,
.views-displays ul.secondary li.is-active a,
.views-displays ul.secondary li.is-active a.is-active {
padding: 2px 7px 3px;
}
.views-displays ul.secondary li a {
color: #0074bd;
}
.views-displays ul.secondary li.is-active a,
.views-displays ul.secondary li.is-active a.is-active {
border: 1px solid transparent;
}
.views-admin .links li {
padding-right: 0; /* LTR */
}
[dir="rtl"] .views-admin .links li {
padding-left: 0;
}
.views-admin .button .links li {
padding-right: 12px; /* LTR */
}
[dir="rtl"] .views-admin .button .links li {
padding-left: 12px;
}
.views-display-top ul.secondary {
background-color: transparent;
float: left; /* LTR */
}
[dir="rtl"] .views-display-top ul.secondary {
float: right;
}
.views-display-top .secondary .action-list li {
float: none;
margin: 0;
}
/* @end */
/* @group Tables */
.views-ui-rearrange-filter-form table td,
.views-ui-rearrange-filter-form table th {
vertical-align: top;
}
/* @end */
/* @group Attachment details */
#edit-display-settings-title {
color: #008bcb;
}
/* @end */
/* @group Attachment details tabs
*
* The tabs that switch between sections
*/
.views-displays .secondary {
text-align: left; /* LTR */
}
[dir="rtl"] .views-displays .secondary {
text-align: right;
}
.views-admin .icon.add {
background-position: center 3px;
}
.views-displays .secondary a:hover > .icon.add {
background-position: center -25px;
}
.views-displays .secondary .open > a {
border-radius: 7px 7px 0 0;
}
.views-displays .secondary .open > a:hover,
.views-displays .secondary .open > a:focus {
background-color: #f1f1f1;
color: #008bcb;
}
.views-displays .secondary .action-list li:first-child {
border-radius: 0 7px 0 0; /* LTR */
}
[dir="rtl"] .views-displays .secondary .action-list li:first-child {
border-radius: 7px 0 0 0;
}
.views-displays .secondary .action-list li:last-child {
border-radius: 0 0 7px 7px;
}
.views-displays .secondary .action-list input.form-submit {
color: #008bcb;
}
/* @end */
/* @group Attachment buckets
*
* These are the individual "buckets," or boxes, inside the display settings area
*/
.views-ui-display-tab-bucket h3 {
text-transform: uppercase;
}
.views-ui-display-tab-bucket .links {
padding: 2px 6px 4px;
}
.views-ui-display-tab-bucket .links li + li {
margin-left: 3px; /* LTR */
}
[dir="rtl"] .views-ui-display-tab-bucket .links li + li {
margin-left: 0;
margin-right: 3px;
}
/* @end */
/* @group Rearrange filter criteria */
.views-ui-rearrange-filter-form .action-links {
float: left;
margin: 0 0 1em;
padding: 0;
}
.views-ui-rearrange-filter-form .tabledrag-toggle-weight-wrapper {
float: right;
margin-bottom: 1em;
}
.views-ui-rearrange-filter-form table {
border: medium none;
}
.views-ui-rearrange-filter-form [id^="views-row"] {
border: medium none;
}
.views-ui-rearrange-filter-form tr td:last-child {
border-right: medium none; /* LTR */
}
[dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child {
border-left: medium none;
border-right: initial;
}
.views-ui-rearrange-filter-form .filter-group-operator-row {
border-left: 1px solid transparent !important;
border-right: 1px solid transparent !important;
}
.views-ui-rearrange-filter-form tr.drag td {
background-color: #fe7 !important;
}
.views-ui-rearrange-filter-form tr.drag-previous td {
background-color: #ffb !important;
}
/* @end */
/* @group Live preview elements */
.views-query-info pre {
margin-bottom: 0;
margin-top: 0;
}
/* @group Query info table */
.views-query-info table {
border-radius: 7px;
-webkit-border-horizontal-spacing: 1px;
-webkit-border-vertical-spacing: 1px;
}
.views-query-info table tr td:last-child {
/* Fixes a Seven style that bleeds down into this table unnecessarily */
border-right: 0 none; /* LTR */
}
[dir="rtl"] .views-query-info table tr td:last-child {
border-left: 0 none;
border-right: initial;
}
/* @end */
/* @end */
/* @group Add view */
.form-item-page-create,
.form-item-block-create {
margin-top: 13px;
}
/* @end */
/* @group Modal dialog box
*
* The contents of the popup dialog on the views edit form.
*/
.filterable-option .form-item.form-type-checkbox {
/* This selector is aggressive because Seven's reset for .form-items is aggressive. */
padding-bottom: 4px;
padding-left: 4px; /* LTR */
padding-top: 4px;
}
[dir="rtl"] .filterable-option .form-item.form-type-checkbox {
padding-left: 8px;
padding-right: 4px;
}
/* @end */

14
2017/web/core/themes/seven/css/layout/layout.css Normal file
View file

@ -0,0 +1,14 @@
/**
* Add spacing to bottom of pages
*/
.page-content {
margin-bottom: 80px;
}
/**
* Add color to layout icons.
*/
.layout-icon__region {
fill: #f5f5f2;
stroke: #666;
}

26
2017/web/core/themes/seven/css/layout/node-add.css Normal file
View file

@ -0,0 +1,26 @@
.layout-region-node-footer__content {
border-top: 1px solid #bebfb9;
padding-top: 0.5em;
margin-top: 1.5em;
}
/**
* Widescreen
*
* Both of the following media queries must *exactly* match what is in
* node.module.css. This is rather crazy.
*
* @todo Figure out how to reduce media query duplication across files
* and modules. Layout styles only allowed in themes?
*/
@media
screen and (min-width: 780px),
(orientation: landscape) and (min-device-height: 780px) {
.node-form-layout .messages {
margin-top: 1em;
margin-bottom: 1em;
}
.layout-region-node-footer__content {
margin-top: 0.5em;
}
}

254
2017/web/core/themes/seven/css/theme/ckeditor-dialog.css Normal file
View file

@ -0,0 +1,254 @@
/**
* @file
* CKEditor-native dialogs theming.
*/
.cke_dialog_background_cover {
display: none;
}
.cke_dialog:before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
}
[dir="rtl"] .cke_reset_all * {
text-align: right;
direction: rtl;
}
.cke_reset_all .cke_dialog_body {
position: relative;
border: 0;
border-radius: 0;
background: none;
}
.cke_reset_all .cke_dialog_body * {
font: 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
}
/* Dialog's header. */
.cke_reset_all .cke_dialog_title {
padding: 15px 49px 15px 15px;
border: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 1.3344em;
line-height: 1.315em;
font-weight: 600;
background: #6b6b6b;
color: #fff;
box-shadow: none;
text-shadow: none;
-webkit-font-smoothing: antialiased;
}
[dir="rtl"] .cke_reset_all .cke_dialog_title {
padding: 15px 15px 15px 49px;
}
/* More specificity to prevent overriding in high density screens. */
.cke_reset_all .cke_dialog .cke_dialog_close_button {
top: 16px;
right: 20px;
width: 16px;
height: 16px;
background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
opacity: 1;
}
[dir="rtl"] .cke_reset_all .cke_dialog .cke_dialog_close_button {
left: 20px;
right: auto;
}
.cke_reset_all .cke_dialog .cke_label {
display: none;
}
/* Dialog's body. */
.cke_reset_all .cke_dialog_contents {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.cke_reset_all .cke_dialog_contents_body {
padding: 1em;
}
.cke_reset_all tr:hover,
.cke_reset_all tr:focus {
background: none;
}
[dir="rtl"] .cke_reset_all .cke_dialog_ui_hbox_first,
[dir="rtl"] .cke_reset_all .cke_dialog_ui_hbox_child {
padding-left: 10px;
padding-right: 0;
}
.cke_reset_all .cke_dialog_body label {
display: table;
margin: 0 0 0.1em;
padding: 0;
font-weight: bold;
}
.cke_reset_all .cke_dialog_body .cke_dialog_ui_input_text,
.cke_reset_all .cke_dialog_body .cke_dialog_ui_input_textarea,
.cke_reset_all .cke_dialog_body div.cke_dialog_ui_input_select {
border: 0;
}
.cke_reset_all .cke_dialog_body textarea,
.cke_reset_all .cke_dialog_body input[type="text"],
.cke_reset_all select.cke_dialog_ui_input_select {
box-sizing: border-box;
max-width: 100%;
margin: 0 0 3px;
padding: 0.3em 0.4em 0.3em 0.5em;
border: 1px solid #b8b8b8;
border-top-color: #999;
border-radius: 2px;
font-size: 1em;
line-height: normal;
background: #fcfcfa;
color: #595959;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.cke_reset_all select.cke_dialog_ui_input_select {
padding-right: 1.5em;
background: #fcfcfa url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%;
}
.cke_reset_all .cke_dialog_body textarea:focus,
.cke_reset_all .cke_dialog_body input[type="text"]:focus,
.cke_reset_all select.cke_dialog_ui_input_select:focus {
border-color: #40b6ff;
outline: 0;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff;
background-color: #fff;
}
/* Dialog's footer. */
.cke_reset_all .cke_dialog .cke_dialog_footer {
margin: 0;
padding: 15px 20px;
border: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
outline: none;
text-align: left;
background: #f5f5f2;
}
[dir="rtl"] .cke_reset_all .cke_dialog .cke_dialog_footer {
text-align: right;
}
.cke_reset_all .cke_dialog .cke_resizer {
display: none;
}
.cke_reset_all .cke_dialog_footer_buttons {
margin: 0;
}
.cke_dialog_footer_buttons td {
float: right;
}
[dir="rtl"] .cke_dialog_footer_buttons td {
float: left;
}
.cke_reset_all a.cke_dialog_ui_button {
position: relative;
box-sizing: border-box;
display: inline-block;
margin-right: 1em;
padding: 4px 1.5em;
border: 1px solid #a6a6a6;
border-radius: 20em;
text-align: center;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
line-height: normal;
background-color: #f2f1eb;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
color: #333;
text-decoration: none;
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-font-smoothing: antialiased;
}
[dir="rtl"] .cke_reset_all a.cke_dialog_ui_button {
margin-left: 1em;
margin-right: 0;
}
/* More specificity to prevent overriding in high contrast mode. */
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:hover,
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus {
padding: 4px 1.5em;
border: 1px solid #a6a6a6;
background-color: #f9f8f6;
background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
color: #1a1a1a;
text-decoration: none;
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus {
z-index: 10;
border: 1px solid #3ab2ff;
box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:active {
padding: 4px 1.5em;
border: 1px solid #a6a6a6;
background-color: #dfdfd9;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
-webkit-transition: none;
transition: none;
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button span {
padding: 0;
font-size: 0.875rem;
line-height: normal;
text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:hover span,
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus span,
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:active span {
padding: 0;
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok {
border-color: #1e5c90;
font-weight: 700;
background-color: #0071b8;
background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
background-image: linear-gradient(to bottom, #007bc6, #0071b8);
color: #fff;
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
-webkit-font-smoothing: antialiased;
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:hover,
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:focus {
background-color: #2369a6;
background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
border-color: #1e5c90;
color: #fff;
box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:focus {
border: 1px solid #1280df;
box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok:active {
background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
background-image: linear-gradient(to bottom, #08639b, #0071b8);
border-color: #144b78;
box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2);
}
.cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button_ok span {
text-shadow: 0 1px hsla(0, 0%, 0%, 0.5);
}

16
2017/web/core/themes/seven/css/theme/colors.css Normal file
View file

@ -0,0 +1,16 @@
/**
* Reusable colors.
*/
.color-success {
color: #325e1c;
background-color: #f3faef;
}
.color-warning {
color: #734c00;
background-color: #fdf8ed;
}
.color-error {
color: #a51b00;
background-color: #fcf4f2;
}

62
2017/web/core/themes/seven/css/theme/install-page.css Normal file
View file

@ -0,0 +1,62 @@
/**
* @file
* Installation styling.
*
* Unfortunately we have to make our styling quite strong, to override the
* .maintenance-page styling.
*/
.install-page {
background-color: #1275b2;
background-image:
url(../../images/noise-low.png),
-webkit-radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
background-image:
url(../../images/noise-low.png),
radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%));
background-repeat: repeat;
background-position: left top, 50% 50%; /* LTR */
min-height: 100%;
}
[dir="rtl"] .install-page {
background-position: right top, 50% 50%;
}
/**
* Password widget
*/
.install-page .password-parent,
.install-page .confirm-parent {
width: auto;
}
.install-page .form-item .password-suggestions {
float: none;
width: auto;
}
.install-page table td {
word-break: break-all;
}
.install-page .site-version {
vertical-align: super;
font-size: 0.5em;
color: #595959;
}
@media all and (max-width: 1010px) and (min-width: 48em) {
.install-page .password-strength,
.install-page .confirm-parent {
width: 100%;
}
.install-configure-form .form-type-password {
width: 100%;
}
.password-confirm,
.password-field {
float: none;
}
.password-confirm-match {
float: none;
width: auto;
max-width: 100%;
}
}

204
2017/web/core/themes/seven/css/theme/maintenance-page.css Normal file
View file

@ -0,0 +1,204 @@
/**
* @file
* Maintenance theming.
*/
.maintenance-page {
background-color: #e0e0d8;
background-image: -webkit-radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%));
background-image: radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%));
background-repeat: repeat;
background-position: left top, 50% 50%; /* LTR */
min-height: 100%;
}
[dir="rtl"] .maintenance-page {
background-position: right top, 50% 50%;
}
.page-title {
font-size: 2em;
line-height: 1.2em;
color: #0074bd;
word-wrap: break-word;
}
/**
* Task list & step indicator
*/
@media all and (max-width: 48em) { /* 768px */
header[role="banner"] {
position: relative;
}
.step-indicator {
display: block;
font-size: 1.385em;
position: absolute;
top: 0.2em;
right: 0.5em; /* LTR */
}
[dir="rtl"] .step-indicator {
left: 0.5em;
right: auto;
}
.task-list {
display: none;
}
}
@media all and (min-width: 48em) { /* 768px */
.step-indicator {
display: none;
}
.task-list {
margin-left: 0; /* LTR */
list-style-type: none;
padding-left: 0; /* LTR */
padding-bottom: 1em;
}
[dir="rtl"] .task-list {
margin-right: 0;
padding-right: 0;
}
.task-list li {
padding: 0.5em 1em 0.5em 3.85em; /* LTR */
color: #1a1a1a;
}
[dir="rtl"] .task-list li {
padding: 0.5em 3.85em 0.5em 1em;
}
.task-list .is-active {
background: #ebeae4;
position: relative;
font-weight: normal;
}
.task-list .is-active:after {
left: 100%; /* LTR */
border: solid transparent;
border-color: rgba(235, 234, 228, 0);
border-left-color: #ebeae4; /* LTR */
border-width: 1.269em;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
top: 50%;
margin-top: -1.269em;
}
[dir="rtl"] .task-list .is-active:after {
left: auto;
right: 100%;
border-left-color: transparent;
border-right-color: #ebeae4;
}
.task-list .done {
color: #adadad;
}
}
/**
* Layout
*/
.layout-container {
background: #fff;
width: auto;
margin-left: 1.25em;
margin-right: 1.25em;
}
.layout-container:after { /* no reason for a clearfix in the markup */
content: "";
display: table;
clear: both;
}
@media all and (max-width: 48em) { /* 768px */
.layout-container {
margin: 1.25em;
padding: 10px 20px;
}
.page-title {
margin-right: 2em; /* LTR */
margin-bottom: 0.725em;
}
[dir="rtl"] .page-title {
margin-right: 0;
margin-left: 2em;
}
}
@media all and (min-width: 48em) { /* 768px */
html {
display: table;
}
.install-page,
.maintenance-page {
display: table-cell;
padding: 1em 0;
vertical-align: middle;
}
html,
.install-page,
.maintenance-page {
margin: 0;
width: 100%;
height: 100%;
}
.layout-container {
margin: 0 auto;
width: 75%;
max-width: 770px;
border-radius: 5px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
padding: 20px 0 40px 0;
}
/* Positioning sidebar & content */
main {
box-sizing: border-box;
clear: none;
float: left; /* LTR */
padding-left: 3.85em;
padding-right: 3.85em;
width: 65%;
}
[dir="rtl"] main {
float: right;
}
ul {
padding: 15px;
margin: 0.25em 0;
}
[dir="rtl"] ul {
margin-right: 0; /* Overrides default [dir="rtl"] ul margin */
}
.layout-sidebar-first {
float: left; /* LTR */
width: 35%;
}
[dir="rtl"] .layout-sidebar-first {
float: right;
}
/* Margins for sitename */
.page-title {
margin: 0.75em 1.9em;
}
}
/**
* Status report customization for install and update page.
*/
.system-status-report__status-title {
float: none;
width: 100%;
}
.system-status-report__entry__value {
float: none;
width: 100%;
padding-left: 3em; /* LTR */
padding-top: 0;
}
[dir="rtl"] .system-status-report__entry__value {
padding-left: 1em;
padding-right: 3em;
}

3
2017/web/core/themes/seven/images/icons/cccccc/clock.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="42.659" height="46.603" viewBox="0 0 42.659 46.603">
<path fill="#CCC" d="M24.15 3.73V0h-8v3.915C6.15 6.13 0 14.717 0 24.978 0 36.92 9.975 46.603 21.918 46.603s20.74-9.682 20.74-21.625c0-10.576-8.507-19.372-18.507-21.25zm7 24.072H17.83V11h5v12.802h8.32v4z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 315 B

6
2017/web/core/themes/seven/images/icons/cccccc/d8-logo.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="47.411" height="53.531" viewBox="0 0 47.411 53.531">
<circle fill="#CCC" cx="22.308" cy="41.593" r="8.449"/>
<path fill="#CCC" d="M32.813 31.532c2.503 2.614 4.044 6.156 4.044 10.06 0 4.945-2.47 9.31-6.24 11.94 6.97-2.15 12.733-7.388 15.314-13.73 3.57-8.776.247-15.38-5.33-21.37.17.776.264 1.58.264 2.406 0 5.078-3.405 9.36-8.05 10.694z"/>
<circle fill="#CCC" cx="29.735" cy="20.838" r="6.463"/>
<path fill="#CCC" d="M11.178 50.96c-2.134-2.53-3.42-5.798-3.42-9.368 0-7.448 5.598-13.584 12.814-14.442-1.238-1.794-1.965-3.968-1.965-6.312 0-6.145 4.982-11.128 11.13-11.128.507 0 1.006.037 1.495.103C27.59 6.67 23.957 3.483 21.09 0 22.553 15.257 7.192 9.713 1.514 23.773c-3.81 9.433-.376 21.095 9.663 27.188z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 769 B

6
2017/web/core/themes/seven/images/icons/cccccc/database.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="38.847" height="44.262" viewBox="0 0 38.847 44.262">
<path fill="#CCC" d="M19.745 0c5.74.123 12.272.953 16.9 4.668 1.865 1.498 2.786 3.91 1.597 6.126-1.255 2.34-4.13 3.733-6.518 4.6-5.63 2.04-12.113 2.38-18.014 1.573-2.92-.4-5.91-1.103-8.58-2.374C2.94 13.553.39 11.788.037 9.19c-.532-3.925 4.23-6.23 7.264-7.3C11.287.482 15.54.037 19.745 0c4.302.092-3.334.03 0 0z"/>
<path fill="#CCC" d="M6.76 17.5c3.702 1.427 7.65 1.972 11.6 2.09 4.058.12 8.107-.424 12.023-1.523 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z"/>
<path fill="#CCC" d="M6.76 26.436c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.964c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.135-.626-2.21-.626-3.486v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z"/>
<path fill="#CCC" d="M6.76 35.374c3.702 1.428 7.65 1.973 11.6 2.09 4.058.12 8.107-.423 12.023-1.522 4.227-1.186 7.227-3.624 8.463-6.145v5.965c-.076.524-.197 1.028-.384 1.5-.718 1.81-2.594 2.974-4.235 3.848-4.293 2.286-9.5 3.04-14.31 3.083-4.803.043-9.902-.542-14.3-2.575-1.906-.88-3.9-2.02-4.988-3.887-.66-1.134-.626-2.21-.626-3.485v-4.38c1.232 2.64 3.94 4.422 6.757 5.51z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

7
2017/web/core/themes/seven/images/icons/cccccc/php-logo.svg Normal file
View file

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="66" height="33.447" viewBox="0 0 66 33.447">
<g fill="#CCC">
<path d="M49.5 12.255h-2.7l-1.473 7h2.4c1.59 0 2.773-.342 3.55-.94.78-.6 1.304-1.62 1.577-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.498-.51-2.996-.51z"/>
<path d="M33 0C14.775 0 0 7.488 0 16.724s14.775 16.724 33 16.724 33-7.488 33-16.724S51.225 0 33 0zm-9.328 19.982c-.787.737-1.662 1.376-2.625 1.69-.963.313-2.19.583-3.68.583H13.99l-.935 5H9.11l3.52-18h7.584c2.28 0 3.946.34 4.992 1.537 1.046 1.197 1.36 2.74.944 4.885-.172.884-.462 1.628-.87 2.36-.413.732-.947 1.338-1.608 1.945zm11.51 2.273l1.558-8.124c.177-.91.112-1.29-.196-1.62-.308-.33-.962-.255-1.963-.255h-3.126l-2.016 10h-3.913l3.52-18h3.912l-.935 5h3.486c2.193 0 3.706.124 4.54.888.832.765 1.08 1.99.748 3.703l-1.637 8.41h-3.977zm21.747-6.708c-.173.884-.463 1.692-.872 2.424-.41.734-.944 1.404-1.605 2.01-.787.738-1.662 1.377-2.625 1.69-.963.314-2.19.584-3.68.584h-3.377l-.934 5h-3.944l3.518-18h7.584c2.282 0 3.946.34 4.992 1.537 1.046 1.2 1.36 2.61.943 4.757z"/>
<path d="M18.72 12.255h-2.703l-1.473 7h2.4c1.59 0 2.773-.342 3.552-.94.778-.6 1.303-1.62 1.576-3.023.26-1.345.142-1.975-.357-2.528-.5-.553-1.497-.51-2.996-.51z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
2017/web/core/themes/seven/images/icons/cccccc/server.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="34" viewBox="0 0 44 34">
<path fill="#CCC" d="M29.98 7.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 7c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 0v10h44V0H0zM29.98 31.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 31c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 24v10h44V24H0zM29.98 19.018H7.17c-1.208 0-2.197-.748-2.197-2s.99-2 2.2-2h22.81c1.208 0 2.198.748 2.198 2s-.99 2-2.2 2zM37.61 19c-1.104 0-2-.895-2-2s.896-2 2-2 2 .895 2 2-.894 2-2 2zM0 12v10h44V12H0z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 666 B

BIN
2017/web/core/themes/seven/images/noise-low.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

BIN
2017/web/core/themes/seven/images/ui-icons-222222-256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
2017/web/core/themes/seven/images/ui-icons-454545-256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
2017/web/core/themes/seven/images/ui-icons-800000-256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
2017/web/core/themes/seven/images/ui-icons-888888-256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
2017/web/core/themes/seven/images/ui-icons-ffffff-256x240.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

29
2017/web/core/themes/seven/js/mobile.install.es6.js Normal file
View file

@ -0,0 +1,29 @@
(function() {
function findActiveStep(steps) {
for (let i = 0; i < steps.length; i++) {
if (steps[i].className === 'is-active') {
return i + 1;
}
}
// The final "Finished" step is never "active".
if (steps[steps.length - 1].className === 'done') {
return steps.length;
}
return 0;
}
function installStepsSetup() {
const steps = document.querySelectorAll('.task-list li');
if (steps.length) {
const header = document.querySelector('header[role="banner"]');
const stepIndicator = document.createElement('div');
stepIndicator.className = 'step-indicator';
stepIndicator.innerHTML = `${findActiveStep(steps)}/${steps.length}`;
header.appendChild(stepIndicator);
}
}
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', installStepsSetup);
}
})();

36
2017/web/core/themes/seven/js/mobile.install.js Normal file
View file

@ -0,0 +1,36 @@
/**
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function () {
function findActiveStep(steps) {
for (var i = 0; i < steps.length; i++) {
if (steps[i].className === 'is-active') {
return i + 1;
}
}
if (steps[steps.length - 1].className === 'done') {
return steps.length;
}
return 0;
}
function installStepsSetup() {
var steps = document.querySelectorAll('.task-list li');
if (steps.length) {
var header = document.querySelector('header[role="banner"]');
var stepIndicator = document.createElement('div');
stepIndicator.className = 'step-indicator';
stepIndicator.innerHTML = findActiveStep(steps) + '/' + steps.length;
header.appendChild(stepIndicator);
}
}
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', installStepsSetup);
}
})();

54
2017/web/core/themes/seven/js/nav-tabs.es6.js Normal file
View file

@ -0,0 +1,54 @@
/**
* @file
* Responsive navigation tabs.
*
* This also supports collapsible navigable is the 'is-collapsible' class is
* added to the main element, and a target element is included.
*/
(function($, Drupal) {
function init(i, tab) {
const $tab = $(tab);
const $target = $tab.find('[data-drupal-nav-tabs-target]');
const isCollapsible = $tab.hasClass('is-collapsible');
function openMenu(e) {
$target.toggleClass('is-open');
}
function handleResize(e) {
$tab.addClass('is-horizontal');
const $tabs = $tab.find('.tabs');
const isHorizontal =
$tabs.outerHeight() <= $tabs.find('.tabs__tab').outerHeight();
$tab.toggleClass('is-horizontal', isHorizontal);
if (isCollapsible) {
$tab.toggleClass('is-collapse-enabled', !isHorizontal);
}
if (isHorizontal) {
$target.removeClass('is-open');
}
}
$tab.addClass('position-container is-horizontal-enabled');
$tab.on('click.tabs', '[data-drupal-nav-tabs-trigger]', openMenu);
$(window)
.on('resize.tabs', Drupal.debounce(handleResize, 150))
.trigger('resize.tabs');
}
/**
* Initialise the tabs JS.
*/
Drupal.behaviors.navTabs = {
attach(context, settings) {
const $tabs = $(context).find('[data-drupal-nav-tabs]');
if ($tabs.length) {
const notSmartPhone = window.matchMedia('(min-width: 300px)');
if (notSmartPhone.matches) {
$tabs.once('nav-tabs').each(init);
}
}
},
};
})(jQuery, Drupal);

48
2017/web/core/themes/seven/js/nav-tabs.js Normal file
View file

@ -0,0 +1,48 @@
/**
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function ($, Drupal) {
function init(i, tab) {
var $tab = $(tab);
var $target = $tab.find('[data-drupal-nav-tabs-target]');
var isCollapsible = $tab.hasClass('is-collapsible');
function openMenu(e) {
$target.toggleClass('is-open');
}
function handleResize(e) {
$tab.addClass('is-horizontal');
var $tabs = $tab.find('.tabs');
var isHorizontal = $tabs.outerHeight() <= $tabs.find('.tabs__tab').outerHeight();
$tab.toggleClass('is-horizontal', isHorizontal);
if (isCollapsible) {
$tab.toggleClass('is-collapse-enabled', !isHorizontal);
}
if (isHorizontal) {
$target.removeClass('is-open');
}
}
$tab.addClass('position-container is-horizontal-enabled');
$tab.on('click.tabs', '[data-drupal-nav-tabs-trigger]', openMenu);
$(window).on('resize.tabs', Drupal.debounce(handleResize, 150)).trigger('resize.tabs');
}
Drupal.behaviors.navTabs = {
attach: function attach(context, settings) {
var $tabs = $(context).find('[data-drupal-nav-tabs]');
if ($tabs.length) {
var notSmartPhone = window.matchMedia('(min-width: 300px)');
if (notSmartPhone.matches) {
$tabs.once('nav-tabs').each(init);
}
}
}
};
})(jQuery, Drupal);

52
2017/web/core/themes/seven/js/responsive-details.es6.js Normal file
View file

@ -0,0 +1,52 @@
/**
* @file
* Provides responsive behaviors to HTML details elements.
*/
(function($, Drupal) {
/**
* Initializes the responsive behaviors for details elements.
*
* @type {Drupal~behavior}
*
* @prop {Drupal~behaviorAttach} attach
* Attaches the responsive behavior to status report specific details elements.
*/
Drupal.behaviors.responsiveDetails = {
attach(context) {
const $details = $(context)
.find('details')
.once('responsive-details');
if (!$details.length) {
return;
}
const $summaries = $details.find('> summary');
function detailsToggle(matches) {
if (matches) {
$details.attr('open', true);
$summaries.attr('aria-expanded', true);
$summaries.on('click.details-open', false);
} else {
// If user explicitly opened one, leave it alone.
const $notPressed = $details
.find('> summary[aria-pressed!=true]')
.attr('aria-expanded', false);
$notPressed.parent('details').attr('open', false);
// After resize, allow user to close previously opened details.
$summaries.off('.details-open');
}
}
function handleDetailsMQ(event) {
detailsToggle(event.matches);
}
const mql = window.matchMedia('(min-width:48em)');
mql.addListener(handleDetailsMQ);
detailsToggle(mql.matches);
},
};
})(jQuery, Drupal);

41
2017/web/core/themes/seven/js/responsive-details.js Normal file
View file

@ -0,0 +1,41 @@
/**
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function ($, Drupal) {
Drupal.behaviors.responsiveDetails = {
attach: function attach(context) {
var $details = $(context).find('details').once('responsive-details');
if (!$details.length) {
return;
}
var $summaries = $details.find('> summary');
function detailsToggle(matches) {
if (matches) {
$details.attr('open', true);
$summaries.attr('aria-expanded', true);
$summaries.on('click.details-open', false);
} else {
var $notPressed = $details.find('> summary[aria-pressed!=true]').attr('aria-expanded', false);
$notPressed.parent('details').attr('open', false);
$summaries.off('.details-open');
}
}
function handleDetailsMQ(event) {
detailsToggle(event.matches);
}
var mql = window.matchMedia('(min-width:48em)');
mql.addListener(handleDetailsMQ);
detailsToggle(mql.matches);
}
};
})(jQuery, Drupal);

1
2017/web/core/themes/seven/logo.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="66" viewBox="471.5 467 57 66" enable-background="new 471.5 467 57 66"><path opacity=".2" fill="#303030" d="M528.5 504.965c0 16.634-13.123 27.615-28.24 27.615-10.29 0-19.894-5.523-24.978-14.167l.605-.027c1.313 1.192 3.39 2.58 7.404 2.515 4.77-.064 5.645-.875 9.855-2.756 22.716-10.17 26.925-19.457 27.736-21.59s2.013-5.587.756-9.415c-.242-.737-.42-1.333-.54-1.808-3.018-3.372-6.017-5.225-6.92-5.784-.14-.093-.29-.177-.43-.26l.44.26c2.01 1.247 14.314 8.782 14.314 25.417z"/><path fill="#fff" d="M509.09 518.507c1.006 0 2.077.065 2.83.568.756.503 1.193 1.63 1.445 2.263.25.634 0 1.006-.503 1.258-.438.25-.503.12-.94-.69-.44-.81-.82-1.63-3.01-1.63s-2.887.755-3.948 1.63c-1.062.876-1.443 1.193-1.825.69s-.253-1.006.437-1.63 1.825-1.63 2.888-2.077c1.06-.45 1.62-.383 2.625-.383zm-10.413 7.152c1.257 1.005 3.14 1.825 7.153 1.825 4.015 0 6.836-1.137 8.094-2.077.568-.438.82-.065.875.187.056.25.186.624-.252 1.07-.316.317-3.194 2.33-6.594 2.636-3.4.31-7.964.504-10.73-2.01-.438-.44-.316-1.07 0-1.323.317-.25.568-.438.94-.438.374.008.317.008.513.13z"/><path opacity=".2" fill="#aaa" d="M520.89 496.545c-.81 2.133-5.02 11.42-27.735 21.59-4.21 1.88-5.085 2.69-9.854 2.756-4.013.066-6.09-1.32-7.403-2.514l-.605.028h-.01c-2.393-4.042-3.78-8.783-3.78-13.952 0-7.852 2.97-13.654 6.287-17.687.11-.13.213-.26.325-.382 2.683-3.148 5.55-5.17 7.218-6.203.038-.028.075-.047.112-.065.42-.25.754-.447.987-.568 2.757-1.51 4.77-2.263 7.963-4.77.12-.092.242-.186.354-.288l.008-.01c.875-.754 1.64-1.76 2.18-3.4v-.008c.325-.97.567-2.16.716-3.65l.02.018c2.253 2.69 4.954 5.886 6.89 7.144.69.447 1.38.848 2.068 1.202l.3.15c2.243 1.126 4.507 1.945 6.807 3.333l.428.26c.903.56 3.902 2.412 6.92 5.784.12.475.298 1.07.54 1.807 1.274 3.837.073 7.292-.737 9.425z"/><path opacity=".5" fill="#333" d="M514.176 479.538c-3.26-2.077-6.464-2.887-9.603-4.955-1.938-1.267-4.64-4.47-6.893-7.162-.438 4.332-1.686 6.148-3.26 7.35-3.195 2.515-5.207 3.26-7.963 4.77-2.338 1.256-14.958 8.726-14.958 24.913 0 5.17 1.387 9.91 3.77 13.96 5.077 8.635 14.68 14.158 24.97 14.158 15.126 0 28.24-10.98 28.24-27.614 0-9.127-3.707-15.526-7.386-19.633-3.016-3.382-6.015-5.217-6.918-5.785zm7.627 7.34c4.117 5.15 6.213 11.23 6.213 18.077 0 3.968-.755 7.712-2.245 11.148-1.414 3.25-3.444 6.13-6.053 8.56-5.15 4.806-12.062 7.45-19.475 7.45-3.67 0-7.265-.698-10.692-2.086-3.372-1.36-6.398-3.297-9.016-5.774-5.532-5.225-8.57-12.257-8.57-19.8 0-6.716 2.18-12.695 6.483-17.753 3.288-3.865 6.836-6.007 8.196-6.743.67-.363 1.285-.69 1.89-.997 1.892-.97 3.68-1.89 6.14-3.818 1.312-.997 2.71-2.58 3.305-6.585 2.077 2.468 4.48 5.234 6.314 6.426 1.63 1.08 3.307 1.835 4.918 2.562 1.527.69 3.11 1.406 4.676 2.403l.056.037c4.62 2.84 7.06 5.896 7.86 6.892z"/><path opacity=".5" fill="#fff" d="M497.98 468.678c.874 2.58.753 3.893.753 4.452 0 .56-.307 2.077-1.313 2.832-.438.317-.568.568-.568.624 0 .25.568.438.568 1.006 0 .69-.317 2.077-3.642 5.393-3.325 3.316-8.103 6.278-11.8 8.103-3.698 1.826-5.468 1.686-5.97.81s.185-2.83 2.514-5.392l9.667-6.278 9.164-6.398.503-2.44"/><path fill="#fff" d="M497.98 468.613c-.57 4.145-1.826 5.393-3.512 6.715-2.83 2.133-5.588 3.446-6.212 3.763-1.63.82-7.535 4.08-10.608 8.784-.94 1.444 0 2.012.186 2.133.187.12 2.33.372 6.9-2.385 4.574-2.757 6.595-4.387 9.175-7.078 1.377-1.444 1.573-2.263 1.573-2.636 0-.438-.316-.624-.82-.754-.25-.065-.316-.187 0-.373.317-.186 1.622-.82 1.938-1.07.318-.25 1.827-1.257 1.882-2.887.065-1.63-.056-2.766-.503-4.21zm-14.112 45.628c.065-4.898 4.648-9.472 10.422-9.536 7.348-.065 12.424 7.283 16.13 7.208 3.14-.064 9.166-6.212 12.118-6.212 3.14 0 4.014 3.26 4.014 5.206 0 1.938-.623 5.458-2.133 7.656-1.51 2.198-2.44 3.008-4.2 2.888-2.264-.187-6.78-7.21-9.67-7.35-3.64-.12-11.547 7.6-17.75 7.6-3.763 0-4.9-.567-6.147-1.378-1.92-1.312-2.85-3.315-2.785-6.08z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
2017/web/core/themes/seven/screenshot.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 35 KiB

12
2017/web/core/themes/seven/seven.breakpoints.yml Normal file
View file

@ -0,0 +1,12 @@
seven.mobile:
label: mobile
mediaQuery: '(min-width: 0em)'
weight: 0
multipliers:
- 1x
seven.wide:
label: wide
mediaQuery: 'screen and (min-width: 40em)'
weight: 1
multipliers:
- 1x

72
2017/web/core/themes/seven/seven.info.yml Normal file
View file

@ -0,0 +1,72 @@
# This theme is marked as @internal. It is intended to evolve and change over
# minor releases.
# Change record https://www.drupal.org/node/2582945.
# As the UI of Drupal improves between minor versions, the mark up and assets
# in the Seven theme will change. The Seven theme is not backwards
# compatible. If you wish to modify the output or assets of Seven you can:
# 1. Copy the whole of Seven and rename it as your own administration theme. You
# will need to manually manage your own updates if you want to stay up to
# date with Seven's bug fixes and feature support.
#
# 2. Sub-theme Seven. This is only recommended if you want to make minor
# tweaks and understand that Seven could break your modifications as it
# changes.
name: Seven
type: theme
base theme: classy
description: 'The default administration theme for Drupal 8 was designed with clean lines, simple blocks, and sans-serif font to emphasize the tools and tasks at hand.'
alt text: 'Default administration theme for Drupal 8 with simple blocks and clean lines.'
package: Core
version: VERSION
core: 8.x
libraries:
- seven/global-styling
libraries-override:
system/base:
css:
component:
/core/themes/stable/css/system/components/system-status-counter.css: css/components/system-status-counter.css
/core/themes/stable/css/system/components/system-status-report-counters.css: css/components/system-status-report-counters.css
/core/themes/stable/css/system/components/system-status-report-general-info.css: css/components/system-status-report-general-info.css
core/drupal.vertical-tabs:
css:
component:
misc/vertical-tabs.css: false
core/jquery.ui:
css:
theme:
assets/vendor/jquery.ui/themes/base/theme.css: false
core/jquery.ui.dialog:
css:
component:
assets/vendor/jquery.ui/themes/base/dialog.css: false
classy/dialog:
seven/seven.drupal.dialog
classy/base:
css:
component:
css/components/details.css: false
libraries-extend:
core/ckeditor:
- seven/ckeditor-dialog
core/drupal.vertical-tabs:
- seven/vertical-tabs
core/jquery.ui:
- seven/seven.jquery.ui
tour/tour-styling:
- seven/tour-styling
quickedit_stylesheets:
- css/components/quickedit.css
regions:
header: 'Header'
pre_content: 'Pre-content'
breadcrumb: Breadcrumb
highlighted: Highlighted
help: Help
content: Content
page_top: 'Page top'
page_bottom: 'Page bottom'
sidebar_first: 'First sidebar'
regions_hidden:
- sidebar_first

133
2017/web/core/themes/seven/seven.libraries.yml Normal file
View file

@ -0,0 +1,133 @@
global-styling:
version: VERSION
css:
base:
css/base/elements.css: {}
css/base/typography.css: {}
css/base/print.css: {}
component:
css/components/admin-list.css: {}
css/components/content-header.css: {}
css/components/container-inline.css: {}
css/components/container-inline.module.css: {}
css/components/breadcrumb.css: {}
css/components/buttons.css: {}
css/components/details.css: {}
css/components/messages.css: {}
css/components/dropbutton.component.css: {}
css/components/entity-meta.css: {}
css/components/field-ui.css: {}
css/components/form.css: {}
css/components/help.css: {}
css/components/menus-and-lists.css: {}
css/components/modules-page.css: {}
css/components/node.css: {}
css/components/page-title.css: {}
css/components/pager.css: {}
css/components/panel.css: {}
css/components/skip-link.css: {}
css/components/tables.css: {}
css/components/search-admin-settings.css: {}
css/components/tablesort-indicator.css: {}
css/components/system-status-report-general-info.css: {}
css/components/system-status-report.css: {}
css/components/system-status-report-counters.css: {}
css/components/system-status-counter.css: {}
css/components/tabs.css: {}
css/components/views-ui.css: {}
theme:
css/theme/colors.css: {}
layout:
css/layout/layout.css: {}
dependencies:
- system/admin
node-form:
version: VERSION
css:
layout:
css/layout/node-add.css: {}
dependencies:
- node/form
maintenance-page:
version: VERSION
js:
js/mobile.install.js: {}
css:
theme:
css/theme/maintenance-page.css: {}
dependencies:
- system/maintenance
- seven/global-styling
install-page:
version: VERSION
js:
js/mobile.install.js: {}
css:
theme:
css/theme/install-page.css: {}
dependencies:
- seven/maintenance-page
drupal.nav-tabs:
version: VERSION
js:
js/nav-tabs.js: {}
dependencies:
- core/matchmedia
- core/jquery
- core/drupal
- core/jquery.once
- core/drupal.debounce
- core/collapse
drupal.responsive-detail:
version: VERSION
js:
js/responsive-details.js: {}
dependencies:
- core/matchmedia
- core/matchmedia.addListener
- core/jquery
- core/jquery.once
- core/collapse
vertical-tabs:
version: VERSION
css:
component:
css/components/vertical-tabs.css: {}
seven.jquery.ui:
version: VERSION
css:
component:
css/components/jquery.ui/theme.css: { weight: -1 }
seven.drupal.dialog:
version: VERSION
css:
theme:
css/components/dialog.css: {}
ckeditor-dialog:
version: VERSION
css:
theme:
css/theme/ckeditor-dialog.css: {}
tour-styling:
version: VERSION
css:
theme:
css/components/tour.theme.css: {}
media-form:
version: VERSION
css:
layout:
css/components/media.css: {}
dependencies:
- media/form

180
2017/web/core/themes/seven/seven.theme Normal file
View file

@ -0,0 +1,180 @@
<?php
/**
* @file
* Functions to support theming in the Seven theme.
*/
use Drupal\Core\Form\FormStateInterface;
use Drupal\media\MediaForm;
/**
* Implements hook_preprocess_HOOK() for HTML document templates.
*/
function seven_preprocess_html(&$variables) {
// If on a node add or edit page, add a node-layout class.
$path_args = explode('/', \Drupal::request()->getPathInfo());
if ($suggestions = theme_get_suggestions($path_args, 'page', '-')) {
foreach ($suggestions as $suggestion) {
if ($suggestion === 'page-node-edit' || strpos($suggestion, 'page-node-add') !== FALSE) {
$variables['attributes']['class'][] = 'node-form-layout';
}
}
}
}
/**
* Implements hook_preprocess_HOOK() for menu-local-tasks templates.
*
* Use preprocess hook to set #attached to child elements
* because they will be processed by Twig and drupal_render will
* be invoked.
*/
function seven_preprocess_menu_local_tasks(&$variables) {
if (!empty($variables['primary'])) {
$variables['primary']['#attached'] = [
'library' => [
'seven/drupal.nav-tabs',
],
];
}
elseif (!empty($variables['secondary'])) {
$variables['secondary']['#attached'] = [
'library' => [
'seven/drupal.nav-tabs',
],
];
}
}
/**
* Implements hook_preprocess_HOOK() for menu-local-task templates.
*/
function seven_preprocess_menu_local_task(&$variables) {
$variables['attributes']['class'][] = 'tabs__tab';
}
/**
* Implements hook_preprocess_HOOK() for list of available node type templates.
*/
function seven_preprocess_node_add_list(&$variables) {
if (!empty($variables['content'])) {
/** @var \Drupal\node\NodeTypeInterface $type */
foreach ($variables['content'] as $type) {
$variables['types'][$type->id()]['label'] = $type->label();
$variables['types'][$type->id()]['url'] = \Drupal::url('node.add', ['node_type' => $type->id()]);
}
}
}
/**
* Implements hook_preprocess_HOOK() for block content add list templates.
*
* Displays the list of available custom block types for creation, adding
* separate variables for the label and url.
*/
function seven_preprocess_block_content_add_list(&$variables) {
if (!empty($variables['content'])) {
foreach ($variables['content'] as $type) {
$variables['types'][$type->id()]['label'] = $type->label();
$options = ['query' => \Drupal::request()->query->all()];
$variables['types'][$type->id()]['url'] = \Drupal::url('block_content.add_form', ['block_content_type' => $type->id()], $options);
}
}
}
/**
* Implements hook_preprocess_block() for block content.
*
* Disables contextual links for all blocks.
*/
function seven_preprocess_block(&$variables) {
if (isset($variables['title_suffix']['contextual_links'])) {
unset($variables['title_suffix']['contextual_links']);
unset($variables['elements']['#contextual_links']);
$variables['attributes']['class'] = array_diff($variables['attributes']['class'], ['contextual-region']);
}
}
/**
* Implements hook_preprocess_HOOK() for block admin page templates.
*/
function seven_preprocess_admin_block_content(&$variables) {
if (!empty($variables['content'])) {
foreach ($variables['content'] as $key => $item) {
$variables['content'][$key]['url'] = $item['url']->toString();
}
}
}
/**
* Implements hook_preprocess_HOOK() for menu-local-action templates.
*/
function seven_preprocess_menu_local_action(array &$variables) {
$variables['link']['#options']['attributes']['class'][] = 'button--primary';
$variables['link']['#options']['attributes']['class'][] = 'button--small';
// We require Modernizr's touch test for button styling.
$variables['#attached']['library'][] = 'core/modernizr';
}
/**
* Implements hook_element_info_alter().
*/
function seven_element_info_alter(&$type) {
// We require Modernizr for button styling.
if (isset($type['button'])) {
$type['button']['#attached']['library'][] = 'core/modernizr';
}
}
/**
* Implements hook_preprocess_install_page().
*/
function seven_preprocess_install_page(&$variables) {
// Seven has custom styling for the install page.
$variables['#attached']['library'][] = 'seven/install-page';
}
/**
* Implements hook_preprocess_maintenance_page().
*/
function seven_preprocess_maintenance_page(&$variables) {
// Seven has custom styling for the maintenance page.
$variables['#attached']['library'][] = 'seven/maintenance-page';
}
/**
* Implements hook_form_BASE_FORM_ID_alter() for \Drupal\node\NodeForm.
*
* Changes vertical tabs to container.
*/
function seven_form_node_form_alter(&$form, FormStateInterface $form_state) {
$form['#theme'] = ['node_edit_form'];
$form['#attached']['library'][] = 'seven/node-form';
$form['advanced']['#type'] = 'container';
$form['meta']['#type'] = 'container';
$form['meta']['#access'] = TRUE;
$form['meta']['changed']['#wrapper_attributes']['class'][] = 'container-inline';
$form['meta']['author']['#wrapper_attributes']['class'][] = 'container-inline';
$form['revision_information']['#type'] = 'container';
$form['revision_information']['#group'] = 'meta';
}
/**
* Implements hook_form_BASE_FORM_ID_alter() for \Drupal\media\MediaForm.
*/
function seven_form_media_form_alter(&$form, FormStateInterface $form_state) {
// Only attach CSS from core if this form comes from Media core, and not from
// the contrib Media Entity 1.x branch.
if (\Drupal::moduleHandler()->moduleExists('media') && $form_state->getFormObject() instanceof MediaForm) {
// @todo Revisit after https://www.drupal.org/node/2892304 is in. It
// introduces a footer region to these forms which will allow for us to
// display a top border over the published checkbox by defining a
// media-edit-form.html.twig template the same way node does.
$form['#attached']['library'][] = 'seven/media-form';
}
}

32
2017/web/core/themes/seven/templates/admin-block-content.html.twig Normal file
View file

@ -0,0 +1,32 @@
{#
/**
* @file
* Seven's theme implementation for the content of an administrative block.
*
* Uses unordered list markup in both compact and extended modes.
*
* Available variables:
* - content: List of administrative menu items. Each menu item contains:
* - url: Path to the admin section.
* - title: Short name of the section.
* - description: Description of the administrative menu item.
* - attributes: HTML attributes to be added to the element.
* - compact: Boolean indicating whether compact mode is turned on or not.
*
* @see template_preprocess_admin_block_content()
* @see seven_preprocess_admin_block_content()
*/
#}
{%
set classes = [
'admin-list',
compact ? 'compact',
]
%}
{% if content %}
<ul{{ attributes.addClass(classes) }}>
{% for item in content %}
<li><a href="{{ item.url }}"><span class="label">{{ item.title }}</span><div class="description">{{ item.description }}</div></a></li>
{% endfor %}
</ul>
{% endif %}

14
2017/web/core/themes/seven/templates/block--local-actions-block.html.twig Normal file
View file

@ -0,0 +1,14 @@
{% extends "@block/block.html.twig" %}
{#
/**
* @file
* Theme override for local actions (primary admin actions.)
*/
#}
{% block content %}
{% if content %}
<ul class="action-links">
{{ content }}
</ul>
{% endif %}
{% endblock %}

26
2017/web/core/themes/seven/templates/block-content-add-list.html.twig Normal file
View file

@ -0,0 +1,26 @@
{#
/**
* @file
* Seven's theme implementation to display a list of custom block types.
*
* Displays the list of available custom block types for creation.
*
* Available variables:
* - types: A collection of all the available custom block types.
* Each type contains:
* - url: A link to add a block of this type.
* - description: A description of this custom block type.
* - label: The title of the custom block type.
* - path: A path for the link to add a block of this type.
*
* @see template_preprocess_block_content_add_list()
* @see seven_preprocess_block_content_add_list()
*/
#}
<ul class="admin-list">
{% for type in types %}
<li class="clearfix">
<a href="{{ type.url }}"><span class="label">{{ type.label }}</span><div class="description">{{ type.description }}</div></a>
</li>
{% endfor %}
</ul>

51
2017/web/core/themes/seven/templates/details.html.twig Normal file
View file

@ -0,0 +1,51 @@
{#
/**
* @file
* Theme override for a details element.
*
* Available variables
* - attributes: A list of HTML attributes for the details element.
* - errors: (optional) Any errors for this details element, may not be set.
* - title: (optional) The title of the element, may not be set.
* - description: (optional) The description of the element, may not be set.
* - children: (optional) The children of the element, may not be set.
* - value: (optional) The value of the element, may not be set.
*
* @see template_preprocess_details()
*/
#}
{#
Prefix 'details' class to avoid collision with Modernizr.
@todo Remove prefix after https://www.drupal.org/node/2981732 has been solved.
#}
<details{{ attributes.addClass('seven-details') }}>
{%- if title -%}
{%
set summary_classes = [
'seven-details__summary',
required ? 'js-form-required',
required ? 'form-required',
]
%}
<summary{{ summary_attributes.addClass(summary_classes) }}>
{{- title -}}
</summary>
{%- endif -%}
<div class="seven-details__wrapper details-wrapper">
{% if errors %}
<div class="form-item form-item--error-message">
<strong>{{ errors }}</strong>
</div>
{% endif %}
{%- if description -%}
<div class="seven-details__description">{{ description }}</div>
{%- endif -%}
{%- if children -%}
{{ children }}
{%- endif -%}
{%- if value -%}
{{ value }}
{%- endif -%}
</div>
</details>

27
2017/web/core/themes/seven/templates/entity-add-list.html.twig Normal file
View file

@ -0,0 +1,27 @@
{#
/**
* @file
* Theme override to to present a list of available bundles.
*
* Available variables:
* - bundles: A list of bundles, each with the following properties:
* - label: Bundle label.
* - description: Bundle description.
* - add_link: Link to create an entity of this bundle.
* - add_bundle_message: The message shown when there are no bundles. Only
* available if the entity type uses bundle entities.
*
* @see template_preprocess_entity_add_list()
*/
#}
{% if bundles is not empty %}
<ul class="admin-list">
{% for bundle in bundles %}
<li class="clearfix"><a href="{{ bundle.add_link.url }}"><span class="label">{{ bundle.label }}</span><div class="description">{{ bundle.description }}</div></a></li>
{% endfor %}
</ul>
{% elseif add_bundle_message is not empty %}
<p>
{{ add_bundle_message }}
</p>
{% endif %}

12
2017/web/core/themes/seven/templates/image-widget.html.twig Normal file
View file

@ -0,0 +1,12 @@
{#
/**
* @file
* Theme override for an image field widget.
*
* Included from Classy theme.
*
* @see template_preprocess_image_widget()
*/
#}
{% include '@classy/content-edit/image-widget.html.twig' %}
{{ attach_library('classy/image-widget') }}

51
2017/web/core/themes/seven/templates/install-page.html.twig Normal file
View file

@ -0,0 +1,51 @@
{#
/**
* @file
* Seven theme implementation to display a Drupal installation page.
*
* All available variables are mirrored in page.html.twig.
* Some may be blank but they are provided for consistency.
*
* @see template_preprocess_install_page()
*/
#}
<div class="layout-container">
<header role="banner">
{% if site_name %}
<h1 class="page-title">
{{ site_name }}
{% if site_version %}
<span class="site-version">{{ site_version }}</span>
{% endif %}
</h1>
{% endif %}
</header>
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>{# /.layout-sidebar-first #}
{% endif %}
<main role="main">
{% if title %}
<h2 class="heading-a">{{ title }}</h2>
{% endif %}
{{ page.highlighted }}
{{ page.content }}
</main>
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>{# /.layout-sidebar-second #}
{% endif %}
{% if page.page_bottom %}
<footer role="contentinfo">
{{ page.page_bottom }}
</footer>
{% endif %}
</div>{# /.layout-container #}

40
2017/web/core/themes/seven/templates/maintenance-page.html.twig Normal file
View file

@ -0,0 +1,40 @@
{#
/**
* @file
* Seven's theme implementation to display a single Drupal page while offline.
*
* All available variables are mirrored in page.html.twig.
* Some may be blank but they are provided for consistency.
*
* @see template_preprocess_maintenance_page()
*/
#}
<div class="layout-container">
<header role="banner">
{% if site_name %}
<h1 class="page-title">{{ site_name }}</h1>
{% endif %}
</header>
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>{# /.layout-sidebar-first #}
{% endif %}
<main role="main">
{% if title %}
<h1>{{ title }}</h1>
{% endif %}
{{ page.highlighted }}
{{ page.content }}
</main>
{% if page.page_bottom %}
<footer role="contentinfo">
{{ page.page_bottom }}
</footer>
{% endif %}
</div>{# /.layout-container #}

28
2017/web/core/themes/seven/templates/menu-local-tasks.html.twig Normal file
View file

@ -0,0 +1,28 @@
{#
/**
* @file
* Seven theme implementation to display primary and secondary local tasks.
*
* Available variables:
* - primary: HTML list items representing primary tasks.
* - secondary: HTML list items representing primary tasks.
*
* Each item in these variables (primary and secondary) can be individually
* themed in menu-local-task.html.twig.
*
* @ingroup themeable
*/
#}
{% if primary %}
<h2 id="primary-tabs-title" class="visually-hidden">{{ 'Primary tabs'|t }}</h2>
<nav role="navigation" class="is-horizontal is-collapsible" aria-labelledby="primary-tabs-title" data-drupal-nav-tabs>
<button class="reset-appearance tabs__tab tabs__trigger" aria-label="{{ 'Primary tabs display toggle'|t }}" data-drupal-nav-tabs-trigger>&bull;&bull;&bull;</button>
<ul class="tabs primary clearfix" data-drupal-nav-tabs-target>{{ primary }}</ul>
</nav>
{% endif %}
{% if secondary %}
<h2 id="secondary-tabs-title" class="visually-hidden">{{ 'Secondary tabs'|t }}</h2>
<nav role="navigation" class="is-horizontal" aria-labelledby="secondary-tabs-title" data-drupal-nav-tabs>
<ul class="tabs secondary clearfix">{{ secondary }}</ul>
</nav>
{% endif %}

29
2017/web/core/themes/seven/templates/node-add-list.html.twig Normal file
View file

@ -0,0 +1,29 @@
{#
/**
* @file
* Seven's theme implementation to list node types available for adding content.
*
* Available variables:
* - types: List of content types. Each content type contains:
* - url: Path to the add content of this type page.
* - label: The title of this type of content.
* - description: Description of this type of content.
*
* @see template_preprocess_node_add_list()
* @see seven_preprocess_node_add_list()
*/
#}
{% if content %}
<ul class="admin-list">
{% for type in types %}
<li class="clearfix"><a href="{{ type.url }}"><span class="label">{{ type.label }}</span><div class="description">{{ type.description }}</div></a></li>
{% endfor %}
</ul>
{% else %}
<p>
{% set create_content = path('node.type_add') %}
{% trans %}
You have not created any content types yet. Go to the <a href="{{ create_content }}">content type creation page</a> to add a new content type.
{% endtrans %}
</p>
{% endif %}

31
2017/web/core/themes/seven/templates/node-edit-form.html.twig Normal file
View file

@ -0,0 +1,31 @@
{#
/**
* @file
* Theme override for a node edit form.
*
* Two column template for the node add/edit form.
*
* This template will be used when a node edit form specifies 'node_edit_form'
* as its #theme callback. Otherwise, by default, node add/edit forms will be
* themed by form.html.twig.
*
* Available variables:
* - form: The node add/edit form.
*
* @see seven_form_node_form_alter()
*/
#}
<div class="layout-node-form clearfix">
<div class="layout-region layout-region-node-main">
{{ form|without('advanced', 'footer', 'actions') }}
</div>
<div class="layout-region layout-region-node-secondary">
{{ form.advanced }}
</div>
<div class="layout-region layout-region-node-footer">
<div class="layout-region-node-footer__content">
{{ form.footer }}
{{ form.actions }}
</div>
</div>
</div>

62
2017/web/core/themes/seven/templates/page.html.twig Normal file
View file

@ -0,0 +1,62 @@
{#
/**
* @file
* Seven's theme implementation to display a single Drupal page.
*
* The doctype, html, head, and body tags are not in this template. Instead
* they can be found in the html.html.twig template normally located in the
* core/modules/system directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.pre_content: Items for the pre-content region.
* - page.breadcrumb: Items for the breadcrumb region.
* - page.highlighted: Items for the highlighted region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
<header class="content-header clearfix">
<div class="layout-container">
{{ page.header }}
</div>
</header>
<div class="layout-container">
{{ page.pre_content }}
{{ page.breadcrumb }}
<main class="page-content clearfix" role="main">
<div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
{{ page.highlighted }}
{% if page.help %}
<div class="help">
{{ page.help }}
</div>
{% endif %}
{{ page.content }}
</main>
</div>

26
2017/web/core/themes/seven/templates/status-report-counter.html.twig Normal file
View file

@ -0,0 +1,26 @@
{#
/**
* @file
* Theme override for status report counter.
*
* Available variables:
* - amount: The number shown on counter.
* - text: The text shown on counter.
* - severity: The severity of the counter.
*
* @ingroup themable
*/
#}
{%
set classes = [
'system-status-counter',
'system-status-counter--' ~ severity,
]
%}
<span{{ attributes.addClass(classes) }}>
<span class="system-status-counter__status-icon system-status-counter__status-icon--{{ severity }}"></span>
<span class="system-status-counter__status-title">
<span class="system-status-counter__title-count">{{ amount }} {{ text }}</span>
<span class="system-status-counter__details"><a href="#{{ severity }}" ><span class="visually-hidden">{{ text }} </span>Details</a></span>
</span>
</span>

99
2017/web/core/themes/seven/templates/status-report-general-info.html.twig Normal file
View file

@ -0,0 +1,99 @@
{#
/**
* @file
* Theme override for status report general info.
*
* Available variables:
* - drupal: The status of Drupal installation:
* - value: The current status of Drupal installation.
* - description: The description for current status of Drupal installation.
* - cron: The status of cron:
* - value: The current status of cron.
* - description: The description for current status of cron.
* - cron.run_cron: An array to render a button for running cron.
* - database_system: The status of database system:
* - value: The current status of database sytem.
* - description: The description for current status of cron.
* - database_system_version: The info about current database version:
* - value: The current version of database.
* - description: The description for current version of database.
* - php: The current version of PHP:
* - value: The status of currently installed PHP version.
* - description: The description for current installed PHP version.
* - php_memory_limit: The info about current PHP memory limit:
* - value: The status of currently set PHP memory limit.
* - description: The description for currently set PHP memory limit.
* - webserver: The info about currently installed web server:
* - value: The status of currently installed web server.
* - description: The description for the status of currently installed web
* server.
*/
#}
<div class="system-status-general-info">
<h2 class="system-status-general-info__header">{{ 'General System Information'|t }}</h2>
<div class="system-status-general-info__items">
<div class="system-status-general-info__item">
<span class="system-status-general-info__item-icon system-status-general-info__item-icon--d8"></span>
<div class="system-status-general-info__item-details">
<h3 class="system-status-general-info__item-title">{{ 'Drupal Version'|t }}</h3>
{{ drupal.value }}
{% if drupal.description %}
<div class="description">{{ drupal.description }}</div>
{% endif %}
</div>
</div>
<div class="system-status-general-info__item">
<span class="system-status-general-info__item-icon system-status-general-info__item-icon--clock"></span>
<div class="system-status-general-info__item-details">
<h3 class="system-status-general-info__item-title">{{ 'Last Cron Run'|t }}</h3>
{{ cron.value }}
{% if cron.run_cron %}
<div class="system-status-general-info__run-cron">{{ cron.run_cron }}</div>
{% endif %}
{% if cron.description %}
<div class="system-status-general-info__description">{{ cron.description }}</div>
{% endif %}
</div>
</div>
<div class="system-status-general-info__item">
<span class="system-status-general-info__item-icon system-status-general-info__item-icon--server"></span>
<div class="system-status-general-info__item-details">
<h3 class="system-status-general-info__item-title">{{ 'Web Server'|t }}</h3>
{{ webserver.value }}
{% if webserver.description %}
<div class="description">{{ webserver.description }}</div>
{% endif %}
</div>
</div>
<div class="system-status-general-info__item">
<span class="system-status-general-info__item-icon system-status-general-info__item-icon--php"></span>
<div class="system-status-general-info__item-details">
<h3 class="system-status-general-info__item-title">{{ 'PHP'|t }}</h3>
<h4 class="system-status-general-info__sub-item-title">{{ 'Version'|t }}</h4>{{ php.value }}
{% if php.description %}
<div class="description">{{ php.description }}</div>
{% endif %}
<h4 class="system-status-general-info__sub-item-title">{{ 'Memory limit'|t }}</h4>{{ php_memory_limit.value }}
{% if php_memory_limit.description %}
<div class="description">{{ php_memory_limit.description }}</div>
{% endif %}
</div>
</div>
<div class="system-status-general-info__item">
<span class="system-status-general-info__item-icon system-status-general-info__item-icon--database"></span>
<div class="system-status-general-info__item-details">
<h3 class="system-status-general-info__item-title">{{ 'Database'|t }}</h3>
<h4 class="system-status-general-info__sub-item-title">{{ 'Version'|t }}</h4>{{ database_system_version.value }}
{% if database_system_version.description %}
<div class="description">{{ database_system_version.description }}</div>
{% endif %}
<h4 class="system-status-general-info__sub-item-title">{{ 'System'|t }}</h4>{{ database_system.value }}
{% if database_system.description %}
<div class="description">{{ database_system.description }}</div>
{% endif %}
</div>
</div>
</div>
</div>

50
2017/web/core/themes/seven/templates/status-report-grouped.html.twig Normal file
View file

@ -0,0 +1,50 @@
{#
/**
* @file
* Theme override to display status report.
*
* - grouped_requirements: Contains grouped requirements.
* Each group contains:
* - title: The title of the group.
* - type: The severity of the group.
* - items: The requirement instances.
* Each requirement item contains:
* - title: The title of the requirement.
* - value: (optional) The requirement's status.
* - description: (optional) The requirement's description.
* - severity_title: The title of the severity.
* - severity_status: Indicates the severity status.
*/
#}
{{ attach_library('core/drupal.collapse') }}
{{ attach_library('seven/drupal.responsive-detail') }}
<div class="system-status-report">
{% for group in grouped_requirements %}
<div class="system-status-report__requirements-group">
<h3 id="{{ group.type }}">{{ group.title }}</h3>
{% for requirement in group.items %}
<details class="system-status-report__entry system-status-report__entry--{{ group.type }} color-{{ group.type }}" open>
{%
set summary_classes = [
'system-status-report__status-title',
group.type in ['warning', 'error'] ? 'system-status-report__status-icon system-status-report__status-icon--' ~ group.type
]
%}
<summary{{ create_attribute({'class': summary_classes}) }} role="button">
{% if requirement.severity_title %}
<span class="visually-hidden">{{ requirement.severity_title }}</span>
{% endif %}
{{ requirement.title }}
</summary>
<div class="system-status-report__entry__value">
{{ requirement.value }}
{% if requirement.description %}
<div class="description">{{ requirement.description }}</div>
{% endif %}
</div>
</details>
{% endfor %}
</div>
{% endfor %}
</div>

28
2017/web/core/themes/seven/templates/status-report-page.html.twig Normal file
View file

@ -0,0 +1,28 @@
{#
/**
* @file
* Theme override for the status report page.
*
* Available variables:
* - counters: The list of counter elements.
* - general_info: A render array to create general info element.
* - requirements: A render array to create requirements table.
*
* @see template_preprocess_status_report()
*/
#}
{% if counters|length == 3 %}
{% set element_width_class = ' system-status-report-counters__item--third-width' %}
{% elseif counters|length == 2 %}
{% set element_width_class = ' system-status-report-counters__item--half-width' %}
{% endif %}
<div class="system-status-report-counters">
{% for counter in counters %}
<div class="system-status-report-counters__item{{ element_width_class }}">
{{ counter }}
</div>
{% endfor %}
</div>
{{ general_info }}
{{ requirements }}