From b795daa68bffc127823c478c8fc935dde0606f0e Mon Sep 17 00:00:00 2001 From: Carlos Ospina Date: Fri, 15 May 2015 16:21:53 -0700 Subject: [PATCH] Preparation to move theme to Classy --- .../modules/system/css/components/action-links.css | 43 -- .../system/css/components/action-links.theme.css | 43 ++ core/modules/system/css/components/admin-panel.css | 13 - .../system/css/components/animated-throbber.css | 22 - .../css/components/animated-throbber.module.css | 22 + .../system/css/components/appearance-page.css | 45 --- core/modules/system/css/components/breadcrumbs.css | 29 -- .../system/css/components/breadcrumbs.theme.css | 29 ++ core/modules/system/css/components/button.css | 15 - .../modules/system/css/components/button.theme.css | 15 + .../system/css/components/compact-links.css | 9 - .../system/css/components/container-inline.css | 33 -- .../css/components/container-inline.theme.css | 33 ++ .../system/css/components/exposed-filters.css | 45 --- .../css/components/exposed-filters.theme.css | 45 +++ core/modules/system/css/components/field.css | 22 - core/modules/system/css/components/field.theme.css | 22 + core/modules/system/css/components/fieldgroup.css | 9 - .../system/css/components/fieldgroup.module.css | 9 + core/modules/system/css/components/form.css | 24 -- core/modules/system/css/components/form.theme.css | 24 ++ .../system/css/components/inline-admin-links.css | 10 - core/modules/system/css/components/inline-form.css | 29 -- .../system/css/components/inline-form.theme.css | 29 ++ core/modules/system/css/components/item-list.css | 19 - .../system/css/components/item-list.theme.css | 19 + core/modules/system/css/components/links.css | 18 - core/modules/system/css/components/links.theme.css | 18 + core/modules/system/css/components/menu.css | 34 -- core/modules/system/css/components/menu.theme.css | 34 ++ core/modules/system/css/components/messages.css | 72 ---- .../system/css/components/messages.theme.css | 72 ++++ .../modules/system/css/components/modules-page.css | 115 ------ core/modules/system/css/components/more-help.css | 19 - .../system/css/components/more-help.theme.css | 19 + core/modules/system/css/components/more-link.css | 13 - .../system/css/components/more-link.theme.css | 13 + .../system/css/components/node-unpublished.css | 8 - .../css/components/node-unpublished.theme.css | 8 + core/modules/system/css/components/pager.css | 18 - core/modules/system/css/components/pager.theme.css | 18 + core/modules/system/css/components/progress.css | 115 ------ .../system/css/components/progress.theme.css | 115 ++++++ .../system/css/components/status-report.css | 35 -- .../modules/system/css/components/table-select.css | 14 - .../system/css/components/table-select.theme.css | 14 + core/modules/system/css/components/tabledrag.css | 117 ------ .../system/css/components/tabledrag.theme.css | 117 ++++++ core/modules/system/css/components/tableheader.css | 13 - .../system/css/components/tableheader.theme.css | 13 + core/modules/system/css/components/tablesort.css | 11 - .../system/css/components/tablesort.theme.css | 11 + core/modules/system/css/components/tabs.css | 33 -- core/modules/system/css/components/tabs.theme.css | 33 ++ core/modules/system/css/components/textarea.css | 27 -- .../system/css/components/textarea.theme.css | 27 ++ core/modules/system/css/components/throbber.css | 46 --- .../system/css/components/throbber.theme.css | 46 +++ .../system/css/components/vertical-toolbar.css | 112 ------ core/modules/system/css/layout.css | 42 -- core/modules/system/css/system.admin.css | 448 +++++++++++++++++++++ core/modules/system/system.libraries.yml | 62 ++- 62 files changed, 1323 insertions(+), 1264 deletions(-) delete mode 100644 core/modules/system/css/components/action-links.css create mode 100644 core/modules/system/css/components/action-links.theme.css delete mode 100644 core/modules/system/css/components/admin-panel.css delete mode 100644 core/modules/system/css/components/animated-throbber.css create mode 100644 core/modules/system/css/components/animated-throbber.module.css delete mode 100644 core/modules/system/css/components/appearance-page.css delete mode 100644 core/modules/system/css/components/breadcrumbs.css create mode 100644 core/modules/system/css/components/breadcrumbs.theme.css delete mode 100644 core/modules/system/css/components/button.css create mode 100644 core/modules/system/css/components/button.theme.css delete mode 100644 core/modules/system/css/components/compact-links.css delete mode 100644 core/modules/system/css/components/container-inline.css create mode 100644 core/modules/system/css/components/container-inline.theme.css delete mode 100644 core/modules/system/css/components/exposed-filters.css create mode 100644 core/modules/system/css/components/exposed-filters.theme.css delete mode 100644 core/modules/system/css/components/field.css create mode 100644 core/modules/system/css/components/field.theme.css delete mode 100644 core/modules/system/css/components/fieldgroup.css create mode 100644 core/modules/system/css/components/fieldgroup.module.css delete mode 100644 core/modules/system/css/components/form.css create mode 100644 core/modules/system/css/components/form.theme.css delete mode 100644 core/modules/system/css/components/inline-admin-links.css delete mode 100644 core/modules/system/css/components/inline-form.css create mode 100644 core/modules/system/css/components/inline-form.theme.css delete mode 100644 core/modules/system/css/components/item-list.css create mode 100644 core/modules/system/css/components/item-list.theme.css delete mode 100644 core/modules/system/css/components/links.css create mode 100644 core/modules/system/css/components/links.theme.css delete mode 100644 core/modules/system/css/components/menu.css create mode 100644 core/modules/system/css/components/menu.theme.css delete mode 100644 core/modules/system/css/components/messages.css create mode 100644 core/modules/system/css/components/messages.theme.css delete mode 100644 core/modules/system/css/components/modules-page.css delete mode 100644 core/modules/system/css/components/more-help.css create mode 100644 core/modules/system/css/components/more-help.theme.css delete mode 100644 core/modules/system/css/components/more-link.css create mode 100644 core/modules/system/css/components/more-link.theme.css delete mode 100644 core/modules/system/css/components/node-unpublished.css create mode 100644 core/modules/system/css/components/node-unpublished.theme.css delete mode 100644 core/modules/system/css/components/pager.css create mode 100644 core/modules/system/css/components/pager.theme.css delete mode 100644 core/modules/system/css/components/progress.css create mode 100644 core/modules/system/css/components/progress.theme.css delete mode 100644 core/modules/system/css/components/status-report.css delete mode 100644 core/modules/system/css/components/table-select.css create mode 100644 core/modules/system/css/components/table-select.theme.css delete mode 100644 core/modules/system/css/components/tabledrag.css create mode 100644 core/modules/system/css/components/tabledrag.theme.css delete mode 100644 core/modules/system/css/components/tableheader.css create mode 100644 core/modules/system/css/components/tableheader.theme.css delete mode 100644 core/modules/system/css/components/tablesort.css create mode 100644 core/modules/system/css/components/tablesort.theme.css delete mode 100644 core/modules/system/css/components/tabs.css create mode 100644 core/modules/system/css/components/tabs.theme.css delete mode 100644 core/modules/system/css/components/textarea.css create mode 100644 core/modules/system/css/components/textarea.theme.css delete mode 100644 core/modules/system/css/components/throbber.css create mode 100644 core/modules/system/css/components/throbber.theme.css delete mode 100644 core/modules/system/css/components/vertical-toolbar.css delete mode 100644 core/modules/system/css/layout.css create mode 100644 core/modules/system/css/system.admin.css diff --git a/core/modules/system/css/components/action-links.css b/core/modules/system/css/components/action-links.css deleted file mode 100644 index 82bdb25..0000000 --- a/core/modules/system/css/components/action-links.css +++ /dev/null @@ -1,43 +0,0 @@ -/** - * @file - * Styles for link buttons and action links. - */ - -.action-links { - list-style: none; - padding: 0; - margin: 1em 0; -} -[dir="rtl"] .action-links { - /* This is required to win over specifity of [dir="rtl"] ul */ - margin-right: 0; -} -.action-links li { - display: inline-block; - margin: 0 0.3em; -} -.action-links li:first-child { - margin-left: 0; /* LTR */ -} -[dir="rtl"] .action-links li:first-child { - margin-left: 0.3em; - margin-right: 0; -} -.button-action { - display: inline-block; - line-height: 160%; - padding: 0.2em 0.5em 0.3em; - text-decoration: none; -} -.button-action:before { - content: '+'; - font-weight: 900; - margin-left: -0.1em; /* LTR */ - padding-right: 0.2em; /* LTR */ -} -[dir="rtl"] .button-action:before { - margin-left: 0; - margin-right: -0.1em; - padding-left: 0.2em; - padding-right: 0; -} diff --git a/core/modules/system/css/components/action-links.theme.css b/core/modules/system/css/components/action-links.theme.css new file mode 100644 index 0000000..82bdb25 --- /dev/null +++ b/core/modules/system/css/components/action-links.theme.css @@ -0,0 +1,43 @@ +/** + * @file + * Styles for link buttons and action links. + */ + +.action-links { + list-style: none; + padding: 0; + margin: 1em 0; +} +[dir="rtl"] .action-links { + /* This is required to win over specifity of [dir="rtl"] ul */ + margin-right: 0; +} +.action-links li { + display: inline-block; + margin: 0 0.3em; +} +.action-links li:first-child { + margin-left: 0; /* LTR */ +} +[dir="rtl"] .action-links li:first-child { + margin-left: 0.3em; + margin-right: 0; +} +.button-action { + display: inline-block; + line-height: 160%; + padding: 0.2em 0.5em 0.3em; + text-decoration: none; +} +.button-action:before { + content: '+'; + font-weight: 900; + margin-left: -0.1em; /* LTR */ + padding-right: 0.2em; /* LTR */ +} +[dir="rtl"] .button-action:before { + margin-left: 0; + margin-right: -0.1em; + padding-left: 0.2em; + padding-right: 0; +} diff --git a/core/modules/system/css/components/admin-panel.css b/core/modules/system/css/components/admin-panel.css deleted file mode 100644 index cdadc58..0000000 --- a/core/modules/system/css/components/admin-panel.css +++ /dev/null @@ -1,13 +0,0 @@ -/** - * @file - * Visual styles for admin panel. - */ - -.admin-panel { - margin: 0; - padding: 5px 5px 15px 5px; -} -.admin-panel .description { - margin: 0 0 3px; - padding: 2px 0 3px 0; -} diff --git a/core/modules/system/css/components/animated-throbber.css b/core/modules/system/css/components/animated-throbber.css deleted file mode 100644 index 06a6983..0000000 --- a/core/modules/system/css/components/animated-throbber.css +++ /dev/null @@ -1,22 +0,0 @@ -/** - * @file - * Visual styles for animated throbber. - * - * @see autocomple.js - */ - -.js input.form-autocomplete { - background-image: url(../../../misc/throbber-inactive.png); - background-position: 100% center; /* LTR */ - background-repeat: no-repeat; -} -.js[dir="rtl"] input.form-autocomplete { - background-position: 0% center; -} -.js input.form-autocomplete.ui-autocomplete-loading { - background-image: url(../../../misc/throbber-active.gif); - background-position: 100% center; /* LTR */ -} -.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading { - background-position: 0% center; -} diff --git a/core/modules/system/css/components/animated-throbber.module.css b/core/modules/system/css/components/animated-throbber.module.css new file mode 100644 index 0000000..06a6983 --- /dev/null +++ b/core/modules/system/css/components/animated-throbber.module.css @@ -0,0 +1,22 @@ +/** + * @file + * Visual styles for animated throbber. + * + * @see autocomple.js + */ + +.js input.form-autocomplete { + background-image: url(../../../misc/throbber-inactive.png); + background-position: 100% center; /* LTR */ + background-repeat: no-repeat; +} +.js[dir="rtl"] input.form-autocomplete { + background-position: 0% center; +} +.js input.form-autocomplete.ui-autocomplete-loading { + background-image: url(../../../misc/throbber-active.gif); + background-position: 100% center; /* LTR */ +} +.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading { + background-position: 0% center; +} diff --git a/core/modules/system/css/components/appearance-page.css b/core/modules/system/css/components/appearance-page.css deleted file mode 100644 index 081335f..0000000 --- a/core/modules/system/css/components/appearance-page.css +++ /dev/null @@ -1,45 +0,0 @@ -/** - * @file - * Styles for appearance page. - */ - -.theme-info__header { - margin-bottom: 0; - font-weight: normal; -} -.theme-default .theme-info__header { - font-weight: bold; -} -.theme-info__description { - margin-top: 0; -} -.system-themes-list { - margin-bottom: 20px; -} -.system-themes-list-uninstalled { - border-top: 1px solid #cdcdcd; - padding-top: 20px; -} -.system-themes-list__header { - margin: 0; -} -.theme-selector { - padding-top: 20px; -} -.theme-selector .screenshot, -.theme-selector .no-screenshot { - border: 1px solid #e0e0d8; - padding: 2px; - vertical-align: bottom; - max-width: 100%; - height: auto; - text-align: center; -} -.theme-default .screenshot { - border: 1px solid #aaa; -} -.system-themes-list-uninstalled .screenshot, -.system-themes-list-uninstalled .no-screenshot { - max-width: 194px; - height: auto; -} diff --git a/core/modules/system/css/components/breadcrumbs.css b/core/modules/system/css/components/breadcrumbs.css deleted file mode 100644 index 9f5d409..0000000 --- a/core/modules/system/css/components/breadcrumbs.css +++ /dev/null @@ -1,29 +0,0 @@ -/** - * @file - * Styles for breadcrumbs. - */ - -.breadcrumb { - padding-bottom: 0.5em; -} -.breadcrumb ol { - margin: 0; - padding: 0; -} -[dir="rtl"] .breadcrumb ol { - /* This is required to win over specifity of [dir="rtl"] ol */ - margin-right: 0; -} -.breadcrumb li { - display: inline; - list-style-type: none; - margin: 0; - padding: 0; -} -/* IE8 does not support :not() and :last-child. */ -.breadcrumb li:before { - content: ' \BB '; -} -.breadcrumb li:first-child:before { - content: none; -} diff --git a/core/modules/system/css/components/breadcrumbs.theme.css b/core/modules/system/css/components/breadcrumbs.theme.css new file mode 100644 index 0000000..9f5d409 --- /dev/null +++ b/core/modules/system/css/components/breadcrumbs.theme.css @@ -0,0 +1,29 @@ +/** + * @file + * Styles for breadcrumbs. + */ + +.breadcrumb { + padding-bottom: 0.5em; +} +.breadcrumb ol { + margin: 0; + padding: 0; +} +[dir="rtl"] .breadcrumb ol { + /* This is required to win over specifity of [dir="rtl"] ol */ + margin-right: 0; +} +.breadcrumb li { + display: inline; + list-style-type: none; + margin: 0; + padding: 0; +} +/* IE8 does not support :not() and :last-child. */ +.breadcrumb li:before { + content: ' \BB '; +} +.breadcrumb li:first-child:before { + content: none; +} diff --git a/core/modules/system/css/components/button.css b/core/modules/system/css/components/button.css deleted file mode 100644 index a7600b4..0000000 --- a/core/modules/system/css/components/button.css +++ /dev/null @@ -1,15 +0,0 @@ -/** - * @file - * Visual styles for buttons. - */ -button.link { - background: transparent; - border: 0; - cursor: pointer; - margin: 0; - padding: 0; - font-size: 1em; -} -label button.link { - font-weight: bold; -} diff --git a/core/modules/system/css/components/button.theme.css b/core/modules/system/css/components/button.theme.css new file mode 100644 index 0000000..a7600b4 --- /dev/null +++ b/core/modules/system/css/components/button.theme.css @@ -0,0 +1,15 @@ +/** + * @file + * Visual styles for buttons. + */ +button.link { + background: transparent; + border: 0; + cursor: pointer; + margin: 0; + padding: 0; + font-size: 1em; +} +label button.link { + font-weight: bold; +} diff --git a/core/modules/system/css/components/compact-links.css b/core/modules/system/css/components/compact-links.css deleted file mode 100644 index dd7689a..0000000 --- a/core/modules/system/css/components/compact-links.css +++ /dev/null @@ -1,9 +0,0 @@ -/** - * @file - * Visual styles for system compact link. - * To toggle the display of description text. - */ - -.compact-link { - margin: 0 0 0.5em 0; -} diff --git a/core/modules/system/css/components/container-inline.css b/core/modules/system/css/components/container-inline.css deleted file mode 100644 index 937d5a1..0000000 --- a/core/modules/system/css/components/container-inline.css +++ /dev/null @@ -1,33 +0,0 @@ -/** - * @file - * Styles for inlien items. Rows 7-14 from system.module.css. - * Rows 16-33 from system.theme.css - */ - -.container-inline div, -.container-inline label { - display: inline; -} -/* Details contents always need to be rendered as block. */ -.container-inline .details-wrapper { - display: block; -} - -/** - * Inline items. - */ -.container-inline label:after, -.container-inline .label:after { - content: ':'; -} -.form-type-radios .container-inline label:after { - content: ''; -} -.form-type-radios .container-inline .form-type-radio { - margin: 0 1em; -} -.container-inline .form-actions, -.container-inline.form-actions { - margin-top: 0; - margin-bottom: 0; -} diff --git a/core/modules/system/css/components/container-inline.theme.css b/core/modules/system/css/components/container-inline.theme.css new file mode 100644 index 0000000..937d5a1 --- /dev/null +++ b/core/modules/system/css/components/container-inline.theme.css @@ -0,0 +1,33 @@ +/** + * @file + * Styles for inlien items. Rows 7-14 from system.module.css. + * Rows 16-33 from system.theme.css + */ + +.container-inline div, +.container-inline label { + display: inline; +} +/* Details contents always need to be rendered as block. */ +.container-inline .details-wrapper { + display: block; +} + +/** + * Inline items. + */ +.container-inline label:after, +.container-inline .label:after { + content: ':'; +} +.form-type-radios .container-inline label:after { + content: ''; +} +.form-type-radios .container-inline .form-type-radio { + margin: 0 1em; +} +.container-inline .form-actions, +.container-inline.form-actions { + margin-top: 0; + margin-bottom: 0; +} diff --git a/core/modules/system/css/components/exposed-filters.css b/core/modules/system/css/components/exposed-filters.css deleted file mode 100644 index 3ba81a6..0000000 --- a/core/modules/system/css/components/exposed-filters.css +++ /dev/null @@ -1,45 +0,0 @@ -/** - * @file - * Visual styles for exposed filters. - */ -.exposed-filters .filters { - float: left; /* LTR */ - margin-right: 1em; /* LTR */ -} -[dir="rtl"] .exposed-filters .filters { - float: right; - margin-left: 1em; - margin-right: 0; -} -.exposed-filters .form-item { - margin: 0 0 0.1em 0; - padding: 0; -} -.exposed-filters .form-item label { - float: left; /* LTR */ - font-weight: normal; - width: 10em; -} -[dir="rtl"] .exposed-filters .form-item label { - float: right; -} -.exposed-filters .form-select { - width: 14em; -} -/* Current filters */ -.exposed-filters .current-filters { - margin-bottom: 1em; -} -.exposed-filters .current-filters .placeholder { - font-style: normal; - font-weight: bold; -} -.exposed-filters .additional-filters { - float: left; /* LTR */ - margin-right: 1em; /* LTR */ -} -[dir="rtl"] .exposed-filters .additional-filters { - float: right; - margin-left: 1em; - margin-right: 0; -} diff --git a/core/modules/system/css/components/exposed-filters.theme.css b/core/modules/system/css/components/exposed-filters.theme.css new file mode 100644 index 0000000..3ba81a6 --- /dev/null +++ b/core/modules/system/css/components/exposed-filters.theme.css @@ -0,0 +1,45 @@ +/** + * @file + * Visual styles for exposed filters. + */ +.exposed-filters .filters { + float: left; /* LTR */ + margin-right: 1em; /* LTR */ +} +[dir="rtl"] .exposed-filters .filters { + float: right; + margin-left: 1em; + margin-right: 0; +} +.exposed-filters .form-item { + margin: 0 0 0.1em 0; + padding: 0; +} +.exposed-filters .form-item label { + float: left; /* LTR */ + font-weight: normal; + width: 10em; +} +[dir="rtl"] .exposed-filters .form-item label { + float: right; +} +.exposed-filters .form-select { + width: 14em; +} +/* Current filters */ +.exposed-filters .current-filters { + margin-bottom: 1em; +} +.exposed-filters .current-filters .placeholder { + font-style: normal; + font-weight: bold; +} +.exposed-filters .additional-filters { + float: left; /* LTR */ + margin-right: 1em; /* LTR */ +} +[dir="rtl"] .exposed-filters .additional-filters { + float: right; + margin-left: 1em; + margin-right: 0; +} diff --git a/core/modules/system/css/components/field.css b/core/modules/system/css/components/field.css deleted file mode 100644 index 89a16aa..0000000 --- a/core/modules/system/css/components/field.css +++ /dev/null @@ -1,22 +0,0 @@ -/** - * @file - * Visual styles for fields. - */ - -.field .field-label { - font-weight: bold; -} -.field-label-inline .field-label, -.field-label-inline .field-items { - float:left; /*LTR*/ - margin-right: 0.5em; /*LTR*/ -} -[dir="rtl"] .field-label-inline .field-label, -[dir="rtl"] .field-label-inline .field-items { - float: right; - margin-left: 0.5em; - margin-right: 0; -} -.field-label-inline .field-label::after { - content: ':'; -} diff --git a/core/modules/system/css/components/field.theme.css b/core/modules/system/css/components/field.theme.css new file mode 100644 index 0000000..89a16aa --- /dev/null +++ b/core/modules/system/css/components/field.theme.css @@ -0,0 +1,22 @@ +/** + * @file + * Visual styles for fields. + */ + +.field .field-label { + font-weight: bold; +} +.field-label-inline .field-label, +.field-label-inline .field-items { + float:left; /*LTR*/ + margin-right: 0.5em; /*LTR*/ +} +[dir="rtl"] .field-label-inline .field-label, +[dir="rtl"] .field-label-inline .field-items { + float: right; + margin-left: 0.5em; + margin-right: 0; +} +.field-label-inline .field-label::after { + content: ':'; +} diff --git a/core/modules/system/css/components/fieldgroup.css b/core/modules/system/css/components/fieldgroup.css deleted file mode 100644 index e779909..0000000 --- a/core/modules/system/css/components/fieldgroup.css +++ /dev/null @@ -1,9 +0,0 @@ -/** - * @file - * Fieldgroup border reset. - */ - -.fieldgroup { - border-width: 0; - padding: 0; -} diff --git a/core/modules/system/css/components/fieldgroup.module.css b/core/modules/system/css/components/fieldgroup.module.css new file mode 100644 index 0000000..e779909 --- /dev/null +++ b/core/modules/system/css/components/fieldgroup.module.css @@ -0,0 +1,9 @@ +/** + * @file + * Fieldgroup border reset. + */ + +.fieldgroup { + border-width: 0; + padding: 0; +} diff --git a/core/modules/system/css/components/form.css b/core/modules/system/css/components/form.css deleted file mode 100644 index df9a45d..0000000 --- a/core/modules/system/css/components/form.css +++ /dev/null @@ -1,24 +0,0 @@ -/** - * @file - * Visual styles for form. - */ - -form .field-multiple-table { - margin: 0; -} -form .field-multiple-table .field-multiple-drag { - width: 30px; - padding-right: 0; /*LTR*/ -} -[dir="rtl"] form .field-multiple-table .field-multiple-drag { - padding-left: 0; -} -form .field-multiple-table .field-multiple-drag .tabledrag-handle { - padding-right: .5em; /*LTR*/ -} -[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle { - padding-left: .5em; -} -form .field-add-more-submit { - margin: .5em 0 0; -} diff --git a/core/modules/system/css/components/form.theme.css b/core/modules/system/css/components/form.theme.css new file mode 100644 index 0000000..df9a45d --- /dev/null +++ b/core/modules/system/css/components/form.theme.css @@ -0,0 +1,24 @@ +/** + * @file + * Visual styles for form. + */ + +form .field-multiple-table { + margin: 0; +} +form .field-multiple-table .field-multiple-drag { + width: 30px; + padding-right: 0; /*LTR*/ +} +[dir="rtl"] form .field-multiple-table .field-multiple-drag { + padding-left: 0; +} +form .field-multiple-table .field-multiple-drag .tabledrag-handle { + padding-right: .5em; /*LTR*/ +} +[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle { + padding-left: .5em; +} +form .field-add-more-submit { + margin: .5em 0 0; +} diff --git a/core/modules/system/css/components/inline-admin-links.css b/core/modules/system/css/components/inline-admin-links.css deleted file mode 100644 index 7753de4..0000000 --- a/core/modules/system/css/components/inline-admin-links.css +++ /dev/null @@ -1,10 +0,0 @@ -/** - * @file - * Visual styles for inline admin links. - */ -small .admin-link:before { - content: ' ['; -} -small .admin-link:after { - content: ']'; -} diff --git a/core/modules/system/css/components/inline-form.css b/core/modules/system/css/components/inline-form.css deleted file mode 100644 index 01a1100..0000000 --- a/core/modules/system/css/components/inline-form.css +++ /dev/null @@ -1,29 +0,0 @@ -/** - * @file - * Visual styles for inline forms. - */ - -.form--inline .form-item { - float: left; /* LTR */ - margin-right: 0.5em; /* LTR */ -} -[dir="rtl"] .form--inline .form-item { - float: right; - margin-right: 0; - margin-left: 0.5em; -} -.form--inline .form-item-separator { - margin-top: 2.3em; - margin-right: 1em; /* LTR */ - margin-left: 0.5em; /* LTR */ -} -[dir="rtl"] .form--inline .form-item-separator { - margin-right: 0.5em; - margin-left: 1em; -} -.form--inline .form-actions { - clear: left; /* LTR */ -} -[dir="rtl"] .form--inline .form-actions { - clear: right; -} diff --git a/core/modules/system/css/components/inline-form.theme.css b/core/modules/system/css/components/inline-form.theme.css new file mode 100644 index 0000000..01a1100 --- /dev/null +++ b/core/modules/system/css/components/inline-form.theme.css @@ -0,0 +1,29 @@ +/** + * @file + * Visual styles for inline forms. + */ + +.form--inline .form-item { + float: left; /* LTR */ + margin-right: 0.5em; /* LTR */ +} +[dir="rtl"] .form--inline .form-item { + float: right; + margin-right: 0; + margin-left: 0.5em; +} +.form--inline .form-item-separator { + margin-top: 2.3em; + margin-right: 1em; /* LTR */ + margin-left: 0.5em; /* LTR */ +} +[dir="rtl"] .form--inline .form-item-separator { + margin-right: 0.5em; + margin-left: 1em; +} +.form--inline .form-actions { + clear: left; /* LTR */ +} +[dir="rtl"] .form--inline .form-actions { + clear: right; +} diff --git a/core/modules/system/css/components/item-list.css b/core/modules/system/css/components/item-list.css deleted file mode 100644 index 49f8172..0000000 --- a/core/modules/system/css/components/item-list.css +++ /dev/null @@ -1,19 +0,0 @@ -/** - * @file - * Visual styles for item list. - */ - -.item-list .title { - font-weight: bold; -} -.item-list ul { - margin: 0 0 0.75em 0; - padding: 0; -} -.item-list ul li { - margin: 0 0 0.25em 1.5em; /* LTR */ - padding: 0; -} -[dir="rtl"] .item-list ul li { - margin: 0 1.5em 0.25em 0; -} diff --git a/core/modules/system/css/components/item-list.theme.css b/core/modules/system/css/components/item-list.theme.css new file mode 100644 index 0000000..49f8172 --- /dev/null +++ b/core/modules/system/css/components/item-list.theme.css @@ -0,0 +1,19 @@ +/** + * @file + * Visual styles for item list. + */ + +.item-list .title { + font-weight: bold; +} +.item-list ul { + margin: 0 0 0.75em 0; + padding: 0; +} +.item-list ul li { + margin: 0 0 0.25em 1.5em; /* LTR */ + padding: 0; +} +[dir="rtl"] .item-list ul li { + margin: 0 1.5em 0.25em 0; +} diff --git a/core/modules/system/css/components/links.css b/core/modules/system/css/components/links.css deleted file mode 100644 index cfafd96..0000000 --- a/core/modules/system/css/components/links.css +++ /dev/null @@ -1,18 +0,0 @@ -/** - * @file - * Visual styles for links. - */ - -ul.inline, -ul.links.inline { - display: inline; - padding-left: 0; -} -ul.inline li { - display: inline; - list-style-type: none; - padding: 0 0.5em; -} -ul.links a.is-active { - color: #000; -} diff --git a/core/modules/system/css/components/links.theme.css b/core/modules/system/css/components/links.theme.css new file mode 100644 index 0000000..cfafd96 --- /dev/null +++ b/core/modules/system/css/components/links.theme.css @@ -0,0 +1,18 @@ +/** + * @file + * Visual styles for links. + */ + +ul.inline, +ul.links.inline { + display: inline; + padding-left: 0; +} +ul.inline li { + display: inline; + list-style-type: none; + padding: 0 0.5em; +} +ul.links a.is-active { + color: #000; +} diff --git a/core/modules/system/css/components/menu.css b/core/modules/system/css/components/menu.css deleted file mode 100644 index 3eee545..0000000 --- a/core/modules/system/css/components/menu.css +++ /dev/null @@ -1,34 +0,0 @@ -/** - * @file - * Visual styles for menu. - */ - -ul.menu { - list-style: none outside; - margin-left: 1em; /* LTR */ - padding: 0; - text-align: left; /* LTR */ -} -[dir="rtl"] ul.menu { - margin-left: 0; - margin-right: 1em; - text-align: right; -} -.menu .expanded { - list-style-image: url(../../../misc/menu-expanded.png); - list-style-type: circle; -} -.menu .collapsed { - list-style-image: url(../../../misc/menu-collapsed.png); /* LTR */ - list-style-type: disc; -} -[dir="rtl"] .menu .collapsed { - list-style-image: url(../../../misc/menu-collapsed-rtl.png); -} -ul.menu li { - padding-top: 0.2em; - margin: 0; -} -ul.menu a.active { - color: #000; -} diff --git a/core/modules/system/css/components/menu.theme.css b/core/modules/system/css/components/menu.theme.css new file mode 100644 index 0000000..3eee545 --- /dev/null +++ b/core/modules/system/css/components/menu.theme.css @@ -0,0 +1,34 @@ +/** + * @file + * Visual styles for menu. + */ + +ul.menu { + list-style: none outside; + margin-left: 1em; /* LTR */ + padding: 0; + text-align: left; /* LTR */ +} +[dir="rtl"] ul.menu { + margin-left: 0; + margin-right: 1em; + text-align: right; +} +.menu .expanded { + list-style-image: url(../../../misc/menu-expanded.png); + list-style-type: circle; +} +.menu .collapsed { + list-style-image: url(../../../misc/menu-collapsed.png); /* LTR */ + list-style-type: disc; +} +[dir="rtl"] .menu .collapsed { + list-style-image: url(../../../misc/menu-collapsed-rtl.png); +} +ul.menu li { + padding-top: 0.2em; + margin: 0; +} +ul.menu a.active { + color: #000; +} diff --git a/core/modules/system/css/components/messages.css b/core/modules/system/css/components/messages.css deleted file mode 100644 index b820c28..0000000 --- a/core/modules/system/css/components/messages.css +++ /dev/null @@ -1,72 +0,0 @@ -/** - * @file - * Styles for system messages. - */ - -.messages { - background: no-repeat 10px 17px; /* LTR */ - border: 1px solid; - border-width: 1px 1px 1px 0; /* LTR */ - border-radius: 2px; - padding: 15px 20px 15px 35px; /* LTR */ - word-wrap: break-word; - overflow-wrap: break-word; -} -[dir="rtl"] .messages { - border-width: 1px 0 1px 1px; - background-position: right 10px top 17px; - padding-left: 20px; - padding-right: 35px; - text-align: right; -} -.messages + .messages { - margin-top: 1.538em; -} -.messages__list { - list-style: none; - padding: 0; - margin: 0; -} -.messages__item + .messages__item { - margin-top: 0.769em; -} -/* See .color-success in Seven's colors.css */ -.messages--status { - color: #325e1c; - background-color: #f3faef; - border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */ - background-image: url(../../../misc/icons/73b355/check.svg); - box-shadow: -8px 0 0 #77b259; /* LTR */ -} -[dir="rtl"] .messages--status { - border-color: #c9e1bd transparent #c9e1bd #c9e1bd; - box-shadow: 8px 0 0 #77b259; - margin-left: 0; -} -/* See .color-warning in Seven's colors.css */ -.messages--warning { - background-color: #fdf8ed; - background-image: url(../../../misc/icons/e29700/warning.svg); - border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */ - color: #734c00; - box-shadow: -8px 0 0 #e09600; /* LTR */ -} -[dir="rtl"] .messages--warning { - border-color: #f4daa6 transparent #f4daa6 #f4daa6; - box-shadow: 8px 0 0 #e09600; -} -/* See .color-error in Seven's colors.css */ -.messages--error { - background-color: #fcf4f2; - color: #a51b00; - background-image: url(../../../misc/icons/ea2800/error.svg); - border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */ - box-shadow: -8px 0 0 #e62600; /* LTR */ -} -[dir="rtl"] .messages--error { - border-color: #f9c9bf transparent #f9c9bf #f9c9bf; - box-shadow: 8px 0 0 #e62600; -} -.messages--error p.error { - color: #a51b00; -} diff --git a/core/modules/system/css/components/messages.theme.css b/core/modules/system/css/components/messages.theme.css new file mode 100644 index 0000000..b820c28 --- /dev/null +++ b/core/modules/system/css/components/messages.theme.css @@ -0,0 +1,72 @@ +/** + * @file + * Styles for system messages. + */ + +.messages { + background: no-repeat 10px 17px; /* LTR */ + border: 1px solid; + border-width: 1px 1px 1px 0; /* LTR */ + border-radius: 2px; + padding: 15px 20px 15px 35px; /* LTR */ + word-wrap: break-word; + overflow-wrap: break-word; +} +[dir="rtl"] .messages { + border-width: 1px 0 1px 1px; + background-position: right 10px top 17px; + padding-left: 20px; + padding-right: 35px; + text-align: right; +} +.messages + .messages { + margin-top: 1.538em; +} +.messages__list { + list-style: none; + padding: 0; + margin: 0; +} +.messages__item + .messages__item { + margin-top: 0.769em; +} +/* See .color-success in Seven's colors.css */ +.messages--status { + color: #325e1c; + background-color: #f3faef; + border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */ + background-image: url(../../../misc/icons/73b355/check.svg); + box-shadow: -8px 0 0 #77b259; /* LTR */ +} +[dir="rtl"] .messages--status { + border-color: #c9e1bd transparent #c9e1bd #c9e1bd; + box-shadow: 8px 0 0 #77b259; + margin-left: 0; +} +/* See .color-warning in Seven's colors.css */ +.messages--warning { + background-color: #fdf8ed; + background-image: url(../../../misc/icons/e29700/warning.svg); + border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */ + color: #734c00; + box-shadow: -8px 0 0 #e09600; /* LTR */ +} +[dir="rtl"] .messages--warning { + border-color: #f4daa6 transparent #f4daa6 #f4daa6; + box-shadow: 8px 0 0 #e09600; +} +/* See .color-error in Seven's colors.css */ +.messages--error { + background-color: #fcf4f2; + color: #a51b00; + background-image: url(../../../misc/icons/ea2800/error.svg); + border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */ + box-shadow: -8px 0 0 #e62600; /* LTR */ +} +[dir="rtl"] .messages--error { + border-color: #f9c9bf transparent #f9c9bf #f9c9bf; + box-shadow: 8px 0 0 #e62600; +} +.messages--error p.error { + color: #a51b00; +} diff --git a/core/modules/system/css/components/modules-page.css b/core/modules/system/css/components/modules-page.css deleted file mode 100644 index cc7d1ba..0000000 --- a/core/modules/system/css/components/modules-page.css +++ /dev/null @@ -1,115 +0,0 @@ -/** - * @file - * Visual styles for modules page. - */ - -.system-modules thead > tr { - border: 0; -} -.system-modules div.incompatible { - font-weight: bold; -} -.system-modules td.checkbox { - min-width: 25px; - width: 4%; -} -.system-modules td.module { - width: 25%; -} -.system-modules td { - vertical-align: top; -} -.system-modules label, -.system-modules-uninstall label { - color: #1d1d1d; - font-size: 1.15em; -} -.system-modules details { - color: #5c5c5b; - line-height: 20px; - overflow: hidden; /* truncates descriptions if too long */ - text-overflow: ellipsis; - white-space: nowrap; -} -.system-modules details[open] { - height: auto; - overflow: visible; - white-space: normal; -} -.system-modules details[open] summary .text { - -webkit-hyphens: auto; - -moz-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - text-transform: none; -} -.system-modules td details a { - color: #5C5C5B; - border: 0px; -} -.system-modules td details { - border: 0; - margin: 0; - height: 20px; -} -.system-modules td details summary { - padding: 0; - text-transform: none; - font-weight: normal; - cursor: default; -} -.system-modules td { - padding-left: 0; -} - -@media screen and (max-width: 40em) { - .system-modules td.name { - width: 20%; - } - .system-modules td.description { - width: 40%; - } -} -.system-modules .requirements { - padding: 5px 0; - max-width: 490px; -} -.system-modules .links { - overflow: hidden; /* prevents collapse */ -} -.system-modules .checkbox { - margin: 0 5px; -} -.system-modules .checkbox .form-item { - margin-bottom: 0; -} -.admin-requirements, -.admin-required { - font-size: 0.9em; - color: #666; -} -.admin-enabled { - color: #080; -} -.admin-missing { - color: #f00; -} -.module-link { - display: block; - padding: 2px 20px; - white-space: nowrap; - margin-top: 2px; - float: left; /* LTR */ -} -[dir="rtl"] .module-link { - float: right; -} -.module-link-help { - background: url(../../../misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat; -} -.module-link-permissions { - background: url(../../../misc/icons/787878/key.svg) 0 50% no-repeat; -} -.module-link-configure { - background: url(../../../misc/icons/787878/cog.svg) 0 50% no-repeat; -} diff --git a/core/modules/system/css/components/more-help.css b/core/modules/system/css/components/more-help.css deleted file mode 100644 index 5496804..0000000 --- a/core/modules/system/css/components/more-help.css +++ /dev/null @@ -1,19 +0,0 @@ -/** - * @file - * More help link style. - */ - -.more-help-link { - text-align: right; /* LTR */ -} -[dir="rtl"] .more-help-link { - text-align: left; -} -.more-help-link a { - background: url(../../../misc/help.png) 0 50% no-repeat; /* LTR */ - padding: 1px 0 1px 20px; /* LTR */ -} -[dir="rtl"] .more-help-link a { - background-position: 100% 50%; - padding: 1px 20px 1px 0; -} diff --git a/core/modules/system/css/components/more-help.theme.css b/core/modules/system/css/components/more-help.theme.css new file mode 100644 index 0000000..5496804 --- /dev/null +++ b/core/modules/system/css/components/more-help.theme.css @@ -0,0 +1,19 @@ +/** + * @file + * More help link style. + */ + +.more-help-link { + text-align: right; /* LTR */ +} +[dir="rtl"] .more-help-link { + text-align: left; +} +.more-help-link a { + background: url(../../../misc/help.png) 0 50% no-repeat; /* LTR */ + padding: 1px 0 1px 20px; /* LTR */ +} +[dir="rtl"] .more-help-link a { + background-position: 100% 50%; + padding: 1px 20px 1px 0; +} diff --git a/core/modules/system/css/components/more-link.css b/core/modules/system/css/components/more-link.css deleted file mode 100644 index 03ab6e1..0000000 --- a/core/modules/system/css/components/more-link.css +++ /dev/null @@ -1,13 +0,0 @@ -/** - * @file - * Markup generated by #type 'more_link'. - */ - -.more-link { - display: block; - text-align: right; /* LTR */ -} -[dir="rtl"] .more-link { - text-align: left; -} - diff --git a/core/modules/system/css/components/more-link.theme.css b/core/modules/system/css/components/more-link.theme.css new file mode 100644 index 0000000..03ab6e1 --- /dev/null +++ b/core/modules/system/css/components/more-link.theme.css @@ -0,0 +1,13 @@ +/** + * @file + * Markup generated by #type 'more_link'. + */ + +.more-link { + display: block; + text-align: right; /* LTR */ +} +[dir="rtl"] .more-link { + text-align: left; +} + diff --git a/core/modules/system/css/components/node-unpublished.css b/core/modules/system/css/components/node-unpublished.css deleted file mode 100644 index 2142cdb..0000000 --- a/core/modules/system/css/components/node-unpublished.css +++ /dev/null @@ -1,8 +0,0 @@ -/** - * @file - * Visual styles for node-unpublished - */ - -.node--unpublished { - background-color: #fff4f4; -} diff --git a/core/modules/system/css/components/node-unpublished.theme.css b/core/modules/system/css/components/node-unpublished.theme.css new file mode 100644 index 0000000..2142cdb --- /dev/null +++ b/core/modules/system/css/components/node-unpublished.theme.css @@ -0,0 +1,8 @@ +/** + * @file + * Visual styles for node-unpublished + */ + +.node--unpublished { + background-color: #fff4f4; +} diff --git a/core/modules/system/css/components/pager.css b/core/modules/system/css/components/pager.css deleted file mode 100644 index 5441db4..0000000 --- a/core/modules/system/css/components/pager.css +++ /dev/null @@ -1,18 +0,0 @@ -/** - * @file - * Visual styles for pager. - */ - -.pager__items { - clear: both; - text-align: center; -} -.pager__item { - background-image: none; - display: inline; - list-style-type: none; - padding: 0.5em; -} -.pager__item.is-active { - font-weight: bold; -} diff --git a/core/modules/system/css/components/pager.theme.css b/core/modules/system/css/components/pager.theme.css new file mode 100644 index 0000000..5441db4 --- /dev/null +++ b/core/modules/system/css/components/pager.theme.css @@ -0,0 +1,18 @@ +/** + * @file + * Visual styles for pager. + */ + +.pager__items { + clear: both; + text-align: center; +} +.pager__item { + background-image: none; + display: inline; + list-style-type: none; + padding: 0.5em; +} +.pager__item.is-active { + font-weight: bold; +} diff --git a/core/modules/system/css/components/progress.css b/core/modules/system/css/components/progress.css deleted file mode 100644 index 881d965..0000000 --- a/core/modules/system/css/components/progress.css +++ /dev/null @@ -1,115 +0,0 @@ -/** - * @file - * Visual styles for progress bar. - * - * from system.theme.css - * @see progress.js - */ - -.progress__track { - border-color: #b3b3b3; - border-radius: 10em; - background-color: #f2f1eb; - background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0); - background-image: linear-gradient(#e7e7df, #f0f0f0); - box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16); -} -.progress__bar { - border: 1px #07629a solid; - background: #057ec9; - background-image: - -webkit-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ), - -webkit-linear-gradient( left top, - #0094f0 0%, - #0094f0 25%, - #007ecc 25%, - #007ecc 50%, - #0094f0 50%, - #0094f0 75%, - #0094f0 100% ); - background-image: - -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%); - background-image: - linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ), - linear-gradient( to right bottom, - #0094f0 0%, - #0094f0 25%, - #007ecc 25%, - #007ecc 50%, - #0094f0 50%, - #0094f0 75%, - #0094f0 100% ); - background-size: 40px 40px; - margin-top: -1px; - margin-left: -1px; - padding: 0 1px; - height: 16px; - border-radius: 10em; - -webkit-animation: animate-stripes 3s linear infinite; - -moz-animation: animate-stripes 3s linear infinite; - -webkit-transition: width 0.5s ease-out; - transition: width 0.5s ease-out; -} - -/** - * Progress bar animations. - */ -@-webkit-keyframes animate-stripes { - 0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;} -} -@-ms-keyframes animate-stripes { - 0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;} -} -@keyframes animate-stripes { - 0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;} -} - -/** - * Progress behavior. - * - * from system.module.css - * @see progress.js - */ -.progress { - position: relative; -} -.progress__track { - background-color: #fff; - border: 1px solid; - margin-top: 5px; - max-width: 100%; - min-width: 100px; - height: 16px; -} -.progress__bar { - background-color: #000; - height: 1.5em; - min-width: 3%; - max-width: 100%; -} -.progress__description, -.progress__percentage { - color: #555; - overflow: hidden; - font-size: .875em; - margin-top: 0.2em; -} -.progress__description { - float: left; /* LTR */ -} -[dir="rtl"] .progress__description { - float: right; -} -.progress__percentage { - float: right; /* LTR */ -} -[dir="rtl"] .progress__percentage { - float: left; -} -.progress--small .progress__track { - height: 7px; -} -.progress--small .progress__bar { - height: 7px; - background-size: 20px 20px; -} diff --git a/core/modules/system/css/components/progress.theme.css b/core/modules/system/css/components/progress.theme.css new file mode 100644 index 0000000..881d965 --- /dev/null +++ b/core/modules/system/css/components/progress.theme.css @@ -0,0 +1,115 @@ +/** + * @file + * Visual styles for progress bar. + * + * from system.theme.css + * @see progress.js + */ + +.progress__track { + border-color: #b3b3b3; + border-radius: 10em; + background-color: #f2f1eb; + background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0); + background-image: linear-gradient(#e7e7df, #f0f0f0); + box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16); +} +.progress__bar { + border: 1px #07629a solid; + background: #057ec9; + background-image: + -webkit-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ), + -webkit-linear-gradient( left top, + #0094f0 0%, + #0094f0 25%, + #007ecc 25%, + #007ecc 50%, + #0094f0 50%, + #0094f0 75%, + #0094f0 100% ); + background-image: + -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%); + background-image: + linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ), + linear-gradient( to right bottom, + #0094f0 0%, + #0094f0 25%, + #007ecc 25%, + #007ecc 50%, + #0094f0 50%, + #0094f0 75%, + #0094f0 100% ); + background-size: 40px 40px; + margin-top: -1px; + margin-left: -1px; + padding: 0 1px; + height: 16px; + border-radius: 10em; + -webkit-animation: animate-stripes 3s linear infinite; + -moz-animation: animate-stripes 3s linear infinite; + -webkit-transition: width 0.5s ease-out; + transition: width 0.5s ease-out; +} + +/** + * Progress bar animations. + */ +@-webkit-keyframes animate-stripes { + 0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;} +} +@-ms-keyframes animate-stripes { + 0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;} +} +@keyframes animate-stripes { + 0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;} +} + +/** + * Progress behavior. + * + * from system.module.css + * @see progress.js + */ +.progress { + position: relative; +} +.progress__track { + background-color: #fff; + border: 1px solid; + margin-top: 5px; + max-width: 100%; + min-width: 100px; + height: 16px; +} +.progress__bar { + background-color: #000; + height: 1.5em; + min-width: 3%; + max-width: 100%; +} +.progress__description, +.progress__percentage { + color: #555; + overflow: hidden; + font-size: .875em; + margin-top: 0.2em; +} +.progress__description { + float: left; /* LTR */ +} +[dir="rtl"] .progress__description { + float: right; +} +.progress__percentage { + float: right; /* LTR */ +} +[dir="rtl"] .progress__percentage { + float: left; +} +.progress--small .progress__track { + height: 7px; +} +.progress--small .progress__bar { + height: 7px; + background-size: 20px 20px; +} diff --git a/core/modules/system/css/components/status-report.css b/core/modules/system/css/components/status-report.css deleted file mode 100644 index dca0735..0000000 --- a/core/modules/system/css/components/status-report.css +++ /dev/null @@ -1,35 +0,0 @@ -/** - * @file - * Visual styles for status report page. - */ - -.system-status-report td { - padding: 6px; - vertical-align: top; -} -.system-status-report td:nth-child(-n+2) { - background-color: rgba(0, 0, 0, 0.04); -} -.system-status-report .status-icon { - width: 16px; - padding-right: 0; /* LTR */ -} -[dir="rtl"] .system-status-report .status-icon { - padding-left: 0; - padding-right: 6px; -} -.system-status-report .status-icon div { - background-repeat: no-repeat; - height: 16px; - width: 16px; - margin-top: 2px; -} -.system-status-report .status-icon--error div { - background-image: url(../../../misc/icons/ea2800/error.svg); -} -.system-status-report .status-icon--warning div { - background-image: url(../../../misc/icons/e29700/warning.svg); -} -.system-status-report .status-title { - width: 25%; -} diff --git a/core/modules/system/css/components/table-select.css b/core/modules/system/css/components/table-select.css deleted file mode 100644 index 882707a..0000000 --- a/core/modules/system/css/components/table-select.css +++ /dev/null @@ -1,14 +0,0 @@ -/** - * @file - * TableSelect behavior. - * - * @see tableselect.js - */ - -tr.selected td { - background: #ffc; -} -td.checkbox, -th.checkbox { - text-align: center; -} diff --git a/core/modules/system/css/components/table-select.theme.css b/core/modules/system/css/components/table-select.theme.css new file mode 100644 index 0000000..882707a --- /dev/null +++ b/core/modules/system/css/components/table-select.theme.css @@ -0,0 +1,14 @@ +/** + * @file + * TableSelect behavior. + * + * @see tableselect.js + */ + +tr.selected td { + background: #ffc; +} +td.checkbox, +th.checkbox { + text-align: center; +} diff --git a/core/modules/system/css/components/tabledrag.css b/core/modules/system/css/components/tabledrag.css deleted file mode 100644 index 1e41fbe..0000000 --- a/core/modules/system/css/components/tabledrag.css +++ /dev/null @@ -1,117 +0,0 @@ -/** - * @file - * Visual styles for table drag - */ - -/** - * TableDrag behavior. - * - * @see tabledrag.js - */ - -body.drag { - cursor: move; -} -tr.region-title { - font-weight: bold; -} -tr.region-message { - color: #999; -} -tr.region-populated { - display: none; -} -tr.add-new .tabledrag-changed { - display: none; -} -.draggable a.tabledrag-handle { - cursor: move; - float: left; /* LTR */ - height: 1.7em; - margin-left: -1em; /* LTR */ - overflow: hidden; - text-decoration: none; -} -[dir="rtl"] .draggable a.tabledrag-handle { - float: right; - margin-right: -1em; - margin-left: 0; -} -a.tabledrag-handle:hover { - text-decoration: none; -} -a.tabledrag-handle .handle { - background: url(../../../misc/icons/787878/move.svg) no-repeat 6px 7px; - height: 14px; - margin: -0.4em 0.5em 0; - padding: 0.42em 0.5em; - width: 14px; -} -a.tabledrag-handle:hover .handle, -a.tabledrag-handle:focus .handle { - background-image: url(../../../misc/icons/000000/move.svg); -} -.touch .draggable td { - padding: 0 10px; -} -.touch .draggable .menu-item__link { - display: inline-block; - padding: 10px 0; -} -.touch a.tabledrag-handle { - height: 44px; - width: 40px; -} -.touch a.tabledrag-handle .handle { - background-position: 40% 19px; - height: 21px; -} -.touch .draggable.drag a.tabledrag-handle .handle { - background-position: 50% -32px; -} -div.indentation { - float: left; /* LTR */ - height: 1.7em; - margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ - padding: 0.42em 0 0.42em 0.6em; /* LTR */ - width: 20px; -} -[dir="rtl"] div.indentation { - float: right; - margin: -0.4em -0.4em -0.4em 0.2em; - padding: 0.42em 0.6em 0.42em 0; -} -div.tree-child { - background: url(../../../misc/tree.png) no-repeat 11px center; /* LTR */ -} -div.tree-child-last { - background: url(../../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ -} -[dir="rtl"] div.tree-child, -[dir="rtl"] div.tree-child-last { - background-position: -65px center; -} -div.tree-child-horizontal { - background: url(../../../misc/tree.png) no-repeat -11px center; -} -.tabledrag-toggle-weight-wrapper { - text-align: right; /* LTR */ -} -[dir="rtl"] .tabledrag-toggle-weight-wrapper { - text-align: left; -} - -/** - * TableDrag behavior. - * - * @see tabledrag.js - */ -tr.drag { - background-color: #fffff0; -} -tr.drag-previous { - background-color: #ffd; -} -body div.tabledrag-changed-warning { - margin-bottom: 0.5em; -} diff --git a/core/modules/system/css/components/tabledrag.theme.css b/core/modules/system/css/components/tabledrag.theme.css new file mode 100644 index 0000000..1e41fbe --- /dev/null +++ b/core/modules/system/css/components/tabledrag.theme.css @@ -0,0 +1,117 @@ +/** + * @file + * Visual styles for table drag + */ + +/** + * TableDrag behavior. + * + * @see tabledrag.js + */ + +body.drag { + cursor: move; +} +tr.region-title { + font-weight: bold; +} +tr.region-message { + color: #999; +} +tr.region-populated { + display: none; +} +tr.add-new .tabledrag-changed { + display: none; +} +.draggable a.tabledrag-handle { + cursor: move; + float: left; /* LTR */ + height: 1.7em; + margin-left: -1em; /* LTR */ + overflow: hidden; + text-decoration: none; +} +[dir="rtl"] .draggable a.tabledrag-handle { + float: right; + margin-right: -1em; + margin-left: 0; +} +a.tabledrag-handle:hover { + text-decoration: none; +} +a.tabledrag-handle .handle { + background: url(../../../misc/icons/787878/move.svg) no-repeat 6px 7px; + height: 14px; + margin: -0.4em 0.5em 0; + padding: 0.42em 0.5em; + width: 14px; +} +a.tabledrag-handle:hover .handle, +a.tabledrag-handle:focus .handle { + background-image: url(../../../misc/icons/000000/move.svg); +} +.touch .draggable td { + padding: 0 10px; +} +.touch .draggable .menu-item__link { + display: inline-block; + padding: 10px 0; +} +.touch a.tabledrag-handle { + height: 44px; + width: 40px; +} +.touch a.tabledrag-handle .handle { + background-position: 40% 19px; + height: 21px; +} +.touch .draggable.drag a.tabledrag-handle .handle { + background-position: 50% -32px; +} +div.indentation { + float: left; /* LTR */ + height: 1.7em; + margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ + padding: 0.42em 0 0.42em 0.6em; /* LTR */ + width: 20px; +} +[dir="rtl"] div.indentation { + float: right; + margin: -0.4em -0.4em -0.4em 0.2em; + padding: 0.42em 0.6em 0.42em 0; +} +div.tree-child { + background: url(../../../misc/tree.png) no-repeat 11px center; /* LTR */ +} +div.tree-child-last { + background: url(../../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ +} +[dir="rtl"] div.tree-child, +[dir="rtl"] div.tree-child-last { + background-position: -65px center; +} +div.tree-child-horizontal { + background: url(../../../misc/tree.png) no-repeat -11px center; +} +.tabledrag-toggle-weight-wrapper { + text-align: right; /* LTR */ +} +[dir="rtl"] .tabledrag-toggle-weight-wrapper { + text-align: left; +} + +/** + * TableDrag behavior. + * + * @see tabledrag.js + */ +tr.drag { + background-color: #fffff0; +} +tr.drag-previous { + background-color: #ffd; +} +body div.tabledrag-changed-warning { + margin-bottom: 0.5em; +} diff --git a/core/modules/system/css/components/tableheader.css b/core/modules/system/css/components/tableheader.css deleted file mode 100644 index a759565..0000000 --- a/core/modules/system/css/components/tableheader.css +++ /dev/null @@ -1,13 +0,0 @@ -/** - * @file - * TableHeader behavior. - * - * @see tableheader.js - */ - -table.sticky-header { - background-color: #fff; - margin-top: 0; - z-index: 500; - top: 0; -} diff --git a/core/modules/system/css/components/tableheader.theme.css b/core/modules/system/css/components/tableheader.theme.css new file mode 100644 index 0000000..a759565 --- /dev/null +++ b/core/modules/system/css/components/tableheader.theme.css @@ -0,0 +1,13 @@ +/** + * @file + * TableHeader behavior. + * + * @see tableheader.js + */ + +table.sticky-header { + background-color: #fff; + margin-top: 0; + z-index: 500; + top: 0; +} diff --git a/core/modules/system/css/components/tablesort.css b/core/modules/system/css/components/tablesort.css deleted file mode 100644 index edbf5ce..0000000 --- a/core/modules/system/css/components/tablesort.css +++ /dev/null @@ -1,11 +0,0 @@ -/** - * @file - * Markup generated by tablesort-indicator.html.twig. - */ - -th.active img { - display: inline; -} -td.active { - background-color: #ddd; -} diff --git a/core/modules/system/css/components/tablesort.theme.css b/core/modules/system/css/components/tablesort.theme.css new file mode 100644 index 0000000..edbf5ce --- /dev/null +++ b/core/modules/system/css/components/tablesort.theme.css @@ -0,0 +1,11 @@ +/** + * @file + * Markup generated by tablesort-indicator.html.twig. + */ + +th.active img { + display: inline; +} +td.active { + background-color: #ddd; +} diff --git a/core/modules/system/css/components/tabs.css b/core/modules/system/css/components/tabs.css deleted file mode 100644 index 23ebb76..0000000 --- a/core/modules/system/css/components/tabs.css +++ /dev/null @@ -1,33 +0,0 @@ -/** - * @file - * Visual styles for tabs. - */ - -div.tabs { - margin: 1em 0; -} -ul.tabs { - list-style: none; - margin: 0 0 0.5em; - padding: 0; -} -.tabs > li { - display: inline-block; - margin-right: 0.3em; /* LTR */ -} -[dir="rtl"] .tabs > li { - margin-left: 0.3em; - margin-right: 0; -} -.tabs a { - display: block; - padding: 0.2em 1em; - text-decoration: none; -} -.tabs a.active { - background-color: #eee; -} -.tabs a:focus, -.tabs a:hover { - background-color: #f5f5f5; -} diff --git a/core/modules/system/css/components/tabs.theme.css b/core/modules/system/css/components/tabs.theme.css new file mode 100644 index 0000000..23ebb76 --- /dev/null +++ b/core/modules/system/css/components/tabs.theme.css @@ -0,0 +1,33 @@ +/** + * @file + * Visual styles for tabs. + */ + +div.tabs { + margin: 1em 0; +} +ul.tabs { + list-style: none; + margin: 0 0 0.5em; + padding: 0; +} +.tabs > li { + display: inline-block; + margin-right: 0.3em; /* LTR */ +} +[dir="rtl"] .tabs > li { + margin-left: 0.3em; + margin-right: 0; +} +.tabs a { + display: block; + padding: 0.2em 1em; + text-decoration: none; +} +.tabs a.active { + background-color: #eee; +} +.tabs a:focus, +.tabs a:hover { + background-color: #f5f5f5; +} diff --git a/core/modules/system/css/components/textarea.css b/core/modules/system/css/components/textarea.css deleted file mode 100644 index b6b6d9f..0000000 --- a/core/modules/system/css/components/textarea.css +++ /dev/null @@ -1,27 +0,0 @@ -/** - * @file - * Visual styles for resizeable textarea. - */ - -.form-textarea-wrapper textarea { - display: block; - margin: 0; - width: 100%; - box-sizing: border-box; -} -.resize-none { - resize: none; -} -.resize-vertical { - resize: vertical; - min-height: 2em; -} -.resize-horizontal { - resize: horizontal; - max-width: 100%; -} -.resize-both { - resize: both; - max-width: 100%; - min-height: 2em; -} diff --git a/core/modules/system/css/components/textarea.theme.css b/core/modules/system/css/components/textarea.theme.css new file mode 100644 index 0000000..b6b6d9f --- /dev/null +++ b/core/modules/system/css/components/textarea.theme.css @@ -0,0 +1,27 @@ +/** + * @file + * Visual styles for resizeable textarea. + */ + +.form-textarea-wrapper textarea { + display: block; + margin: 0; + width: 100%; + box-sizing: border-box; +} +.resize-none { + resize: none; +} +.resize-vertical { + resize: vertical; + min-height: 2em; +} +.resize-horizontal { + resize: horizontal; + max-width: 100%; +} +.resize-both { + resize: both; + max-width: 100%; + min-height: 2em; +} diff --git a/core/modules/system/css/components/throbber.css b/core/modules/system/css/components/throbber.css deleted file mode 100644 index 063e8ce..0000000 --- a/core/modules/system/css/components/throbber.css +++ /dev/null @@ -1,46 +0,0 @@ -/** - * @file - * Visual styles for throbbers. - */ - -.ajax-progress { - display: inline-block; - padding: 1px 5px 2px 5px; -} -[dir="rtl"] .ajax-progress { - float: right; -} -.ajax-progress-throbber .throbber { - background: transparent url(../../../misc/throbber-active.gif) no-repeat 0px center; - display: inline; - padding: 1px 5px 2px; -} -.ajax-progress-throbber .message { - display: inline; - padding: 1px 5px 2px; -} -tr .ajax-progress-throbber .throbber { - margin: 0 2px; -} -.ajax-progress-bar { - width: 16em; -} - -/* Full screen throbber */ -.ajax-progress-fullscreen { - /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ - left: 49%; - 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; -} - diff --git a/core/modules/system/css/components/throbber.theme.css b/core/modules/system/css/components/throbber.theme.css new file mode 100644 index 0000000..063e8ce --- /dev/null +++ b/core/modules/system/css/components/throbber.theme.css @@ -0,0 +1,46 @@ +/** + * @file + * Visual styles for throbbers. + */ + +.ajax-progress { + display: inline-block; + padding: 1px 5px 2px 5px; +} +[dir="rtl"] .ajax-progress { + float: right; +} +.ajax-progress-throbber .throbber { + background: transparent url(../../../misc/throbber-active.gif) no-repeat 0px center; + display: inline; + padding: 1px 5px 2px; +} +.ajax-progress-throbber .message { + display: inline; + padding: 1px 5px 2px; +} +tr .ajax-progress-throbber .throbber { + margin: 0 2px; +} +.ajax-progress-bar { + width: 16em; +} + +/* Full screen throbber */ +.ajax-progress-fullscreen { + /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ + left: 49%; + 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; +} + diff --git a/core/modules/system/css/components/vertical-toolbar.css b/core/modules/system/css/components/vertical-toolbar.css deleted file mode 100644 index 5fc9004..0000000 --- a/core/modules/system/css/components/vertical-toolbar.css +++ /dev/null @@ -1,112 +0,0 @@ -/** - * @file - * Visual styles for vertical toolbar. - */ - -/** - * Theme display without vertical toolbar. - */ -@media screen and (min-width: 45em) { - body:not(.toolbar-vertical) .system-themes-list-installed .screenshot, - body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot { - float: left; /* LTR */ - margin: 0 20px 0 0; /* LTR */ - width: 294px; - } - [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot, - [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot { - float: right; - margin: 0 0 0 20px; - } - body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header { - margin-top: 0; - } - body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector { - box-sizing: border-box; - width: 31.25%; - float: left; /* LTR */ - padding: 20px 20px 20px 0; /* LTR */ - } - [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector { - float: right; - padding: 20px 0 20px 20px; - } - body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-info { - min-height: 170px; - } -} - -/** - * Theme display with vertical toolbar. - */ -@media screen and (min-width: 60em) { - .toolbar-vertical .system-themes-list-installed .screenshot, - .toolbar-vertical .system-themes-list-installed .no-screenshot { - float: left; /* LTR */ - margin: 0 20px 0 0; /* LTR */ - width: 294px; - } - [dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot, - [dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot { - float: right; - margin: 0 0 0 20px; - } - .toolbar-vertical .system-themes-list-installed .theme-info__header { - margin-top: 0; - } - .toolbar-vertical .system-themes-list-uninstalled .theme-selector { - box-sizing: border-box; - width: 31.25%; - float: left; /* LTR */ - padding: 20px 20px 20px 0; /* LTR */ - } - [dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector { - float: right; - padding: 20px 0 20px 20px; - } - .toolbar-vertical .system-themes-list-uninstalled .theme-info { - min-height: 170px; - } -} -.system-themes-list-installed .theme-info { - max-width: 940px; -} - -.theme-selector .incompatible { - margin-top: 10px; - font-weight: bold; -} -.theme-selector .operations { - margin: 10px 0 0 0; - padding: 0; -} -.theme-selector .operations li { - float: left; /* LTR */ - margin: 0; - padding: 0 0.7em; - list-style-type: none; - border-right: 1px solid #cdcdcd; /* LTR */ -} -[dir="rtl"] .theme-selector .operations li { - float: right; - border-left: 1px solid #cdcdcd; - border-right: none; -} -.theme-selector .operations li:last-child { - padding: 0 0 0 0.7em; /* LTR */ - border-right: none; /* LTR */ -} -[dir="rtl"] .theme-selector .operations li:last-child { - padding: 0 0.7em 0 0; - border-left: none; -} -.theme-selector .operations li:first-child { - padding: 0 0.7em 0 0; /* LTR */ -} -[dir="rtl"] .theme-selector .operations li:first-child { - padding: 0 0 0 0.7em; -} -.system-themes-admin-form { - clear: left; -} - diff --git a/core/modules/system/css/layout.css b/core/modules/system/css/layout.css deleted file mode 100644 index 801042b..0000000 --- a/core/modules/system/css/layout.css +++ /dev/null @@ -1,42 +0,0 @@ -/** - * @file - * Reusable layout styles. - */ - -.layout-container { - margin: 0 1.5em; -} -.layout-container:after { - content: ""; - display: table; - clear: both; -} - -@media screen and (min-width: 38em) { - .layout-container { - margin: 0 2.5em; - } - .layout-column { - float: left; /* LTR */ - box-sizing: border-box; - } - [dir="rtl"] .layout-column { - float: right; - } - .layout-column + .layout-column { - padding-left: 10px; /* LTR */ - } - [dir="rtl"] .layout-column + .layout-column { - padding-right: 10px; - padding-left: 0; - } - .layout-column.half { - width: 50%; - } - .layout-column.quarter { - width: 25%; - } - .layout-column.three-quarter { - width: 75%; - } -} diff --git a/core/modules/system/css/system.admin.css b/core/modules/system/css/system.admin.css new file mode 100644 index 0000000..ad4efc7 --- /dev/null +++ b/core/modules/system/css/system.admin.css @@ -0,0 +1,448 @@ +/** + * @file + * Styles for administration pages. + */ + +/** + * Reusable layout styles. + */ +.layout-container { + margin: 0 1.5em; +} + +.layout-container:after { + content: ""; + display: table; + clear: both; +} + +@media screen and (min-width: 38em) { + .layout-container { + margin: 0 2.5em; + } + + .layout-column { + float: left; /* LTR */ + box-sizing: border-box; + } + + [dir="rtl"] .layout-column { + float: right; + } + + .layout-column + .layout-column { + padding-left: 10px; /* LTR */ + } + + [dir="rtl"] .layout-column + .layout-column { + padding-right: 10px; + padding-left: 0; + } + + .layout-column.half { + width: 50%; + } + + .layout-column.quarter { + width: 25%; + } + + .layout-column.three-quarter { + width: 75%; + } +} + +/** + * Panel. + * Used to visually group items together. + */ +.panel { + padding: 5px 5px 15px; +} + +.panel__description { + margin: 0 0 3px; + padding: 2px 0 3px 0; +} + +.admin-panel { + margin: 0; + padding: 5px 5px 15px 5px; +} + +.admin-panel .description { + margin: 0 0 3px; + padding: 2px 0 3px 0; +} + +/** + * System compact link: to toggle the display of description text. + */ +.compact-link { + margin: 0 0 0.5em 0; +} + +/** + * Quick inline admin links. + */ +small .admin-link:before { + content: ' ['; +} + +small .admin-link:after { + content: ']'; +} + +/** + * Modules page. + */ +.system-modules thead > tr { + border: 0; +} + +.system-modules div.incompatible { + font-weight: bold; +} + +.system-modules td.checkbox { + min-width: 25px; + width: 4%; +} + +.system-modules td.module { + width: 25%; +} + +.system-modules td { + vertical-align: top; +} + +.system-modules label, +.system-modules-uninstall label { + color: #1d1d1d; + font-size: 1.15em; +} + +.system-modules details { + color: #5c5c5b; + line-height: 20px; + overflow: hidden; /* truncates descriptions if too long */ + text-overflow: ellipsis; + white-space: nowrap; +} + +.system-modules details[open] { + height: auto; + overflow: visible; + white-space: normal; +} + +.system-modules details[open] summary .text { + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + text-transform: none; +} + +.system-modules td details a { + color: #5C5C5B; + border: 0px; +} + +.system-modules td details { + border: 0; + margin: 0; + height: 20px; +} + +.system-modules td details summary { + padding: 0; + text-transform: none; + font-weight: normal; + cursor: default; +} + +.system-modules td { + padding-left: 0; +} + +@media screen and (max-width: 40em) { + .system-modules td.name { + width: 20%; + } + + .system-modules td.description { + width: 40%; + } +} + +.system-modules .requirements { + padding: 5px 0; + max-width: 490px; +} + +.system-modules .links { + overflow: hidden; /* prevents collapse */ +} + +.system-modules .checkbox { + margin: 0 5px; +} + +.system-modules .checkbox .form-item { + margin-bottom: 0; +} + +.admin-requirements, +.admin-required { + font-size: 0.9em; + color: #666; +} + +.admin-enabled { + color: #080; +} + +.admin-missing { + color: #f00; +} + +.module-link { + display: block; + padding: 2px 20px; + white-space: nowrap; + margin-top: 2px; + float: left; /* LTR */ +} + +[dir="rtl"] .module-link { + float: right; +} + +.module-link-help { + background: url(../../../misc/icons/787878/questionmark-disc.svg) 0 50% no-repeat; +} + +.module-link-permissions { + background: url(../../../misc/icons/787878/key.svg) 0 50% no-repeat; +} + +.module-link-configure { + background: url(../../../misc/icons/787878/cog.svg) 0 50% no-repeat; +} + +/* Status report. */ +.system-status-report td { + vertical-align: top; +} + +.system-status-report__status-icon { + width: 16px; + padding-right: 0; /* LTR */ +} + +[dir="rtl"] .system-status-report__status-icon { + padding-left: 0; + padding-right: 6px; +} + +.system-status-report__status-icon:before { + content: ""; + background-repeat: no-repeat; + height: 16px; + width: 16px; + margin-top: 2px; + display: block; +} + +.system-status-report__status-icon--error:before { + background-image: url(../../../misc/icons/ea2800/error.svg); +} + +.system-status-report__status-icon--warning:before { + background-image: url(../../../misc/icons/e29700/warning.svg); +} + +.system-status-report__status-title { + width: 25%; +} + +/** + * Appearance page. + */ +.theme-info__header { + margin-bottom: 0; + font-weight: normal; +} + +.theme-default .theme-info__header { + font-weight: bold; +} + +.theme-info__description { + margin-top: 0; +} + +.system-themes-list { + margin-bottom: 20px; +} + +.system-themes-list-uninstalled { + border-top: 1px solid #cdcdcd; + padding-top: 20px; +} + +.system-themes-list__header { + margin: 0; +} + +.theme-selector { + padding-top: 20px; +} + +.theme-selector .screenshot, +.theme-selector .no-screenshot { + border: 1px solid #e0e0d8; + padding: 2px; + vertical-align: bottom; + max-width: 100%; + height: auto; + text-align: center; +} + +.theme-default .screenshot { + border: 1px solid #aaa; +} + +.system-themes-list-uninstalled .screenshot, +.system-themes-list-uninstalled .no-screenshot { + max-width: 194px; + height: auto; +} + +/** + * Theme display without vertical toolbar. + */ +@media screen and (min-width: 45em) { + body:not(.toolbar-vertical) .system-themes-list-installed .screenshot, + body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot { + float: left; /* LTR */ + margin: 0 20px 0 0; /* LTR */ + width: 294px; + } + + [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot, + [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot { + float: right; + margin: 0 0 0 20px; + } + + body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header { + margin-top: 0; + } + + body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector { + box-sizing: border-box; + width: 31.25%; + float: left; /* LTR */ + padding: 20px 20px 20px 0; /* LTR */ + } + + [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector { + float: right; + padding: 20px 0 20px 20px; + } + + body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-info { + min-height: 170px; + } +} + +/** + * Theme display with vertical toolbar. + */ +@media screen and (min-width: 60em) { + .toolbar-vertical .system-themes-list-installed .screenshot, + .toolbar-vertical .system-themes-list-installed .no-screenshot { + float: left; /* LTR */ + margin: 0 20px 0 0; /* LTR */ + width: 294px; + } + + [dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot, + [dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot { + float: right; + margin: 0 0 0 20px; + } + + .toolbar-vertical .system-themes-list-installed .theme-info__header { + margin-top: 0; + } + + .toolbar-vertical .system-themes-list-uninstalled .theme-selector { + box-sizing: border-box; + width: 31.25%; + float: left; /* LTR */ + padding: 20px 20px 20px 0; /* LTR */ + } + + [dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector { + float: right; + padding: 20px 0 20px 20px; + } + + .toolbar-vertical .system-themes-list-uninstalled .theme-info { + min-height: 170px; + } +} + +.system-themes-list-installed .theme-info { + max-width: 940px; +} + +.theme-selector .incompatible { + margin-top: 10px; + font-weight: bold; +} + +.theme-selector .operations { + margin: 10px 0 0 0; + padding: 0; +} + +.theme-selector .operations li { + float: left; /* LTR */ + margin: 0; + padding: 0 0.7em; + list-style-type: none; + border-right: 1px solid #cdcdcd; /* LTR */ +} + +[dir="rtl"] .theme-selector .operations li { + float: right; + border-left: 1px solid #cdcdcd; + border-right: none; +} + +.theme-selector .operations li:last-child { + padding: 0 0 0 0.7em; /* LTR */ + border-right: none; /* LTR */ +} + +[dir="rtl"] .theme-selector .operations li:last-child { + padding: 0 0.7em 0 0; + border-left: none; +} + +.theme-selector .operations li:first-child { + padding: 0 0.7em 0 0; /* LTR */ +} + +[dir="rtl"] .theme-selector .operations li:first-child { + padding: 0 0 0 0.7em; +} + +.system-themes-admin-form { + clear: left; +} diff --git a/core/modules/system/system.libraries.yml b/core/modules/system/system.libraries.yml index 685c6a6..4658265 100644 --- a/core/modules/system/system.libraries.yml +++ b/core/modules/system/system.libraries.yml @@ -4,35 +4,34 @@ base: # Adjust the weights to load these early. component: css/system.module.css: { every_page: true, weight: -10, } + css/components/animated-throbber.module.css: {} + css/components/fieldgroup.module.css: {} theme: css/system.theme.css: { every_page: true, weight: -10 } - css/components/action-links.css: {} - css/components/admin-panel.css: {} - css/components/animated-throbber.css: {} - css/components/breadcrumbs.css: {} - css/components/button.css: {} - css/components/container-inline.css: {} - css/components/exposed-filters.css: {} - css/components/field.css: {} - css/components/fieldgroup.css: {} - css/components/form.css: {} - css/components/inline-form.css: {} - css/components/item-list.css: {} - css/components/links.css: {} - css/components/menu.css: {} - css/components/messages.css: {} - css/components/more-help.css: {} - css/components/more-link.css: {} - css/components/node-unpublished.css: {} - css/components/pager.css: {} - css/components/progress.css: {} - css/components/table-select.css: {} - css/components/tabledrag.css: {} - css/components/tableheader.css: {} - css/components/tablesort.css: {} - css/components/tabs.css: {} - css/components/textarea.css: {} - css/components/throbber.css: {} + css/components/action-links.theme.css: {} + css/components/breadcrumbs.theme.css: {} + css/components/button.theme.css: {} + css/components/container-inline.theme.css: {} + css/components/exposed-filters.theme.css: {} + css/components/field.theme.css: {} + css/components/form.theme.css: {} + css/components/inline-form.theme.css: {} + css/components/item-list.theme.css: {} + css/components/links.theme.css: {} + css/components/menu.theme.css: {} + css/components/messages.theme.css: {} + css/components/more-help.theme.css: {} + css/components/more-link.theme.css: {} + css/components/node-unpublished.theme.css: {} + css/components/pager.theme.css: {} + css/components/progress.theme.css: {} + css/components/table-select.theme.css: {} + css/components/tabledrag.theme.css: {} + css/components/tableheader.theme.css: {} + css/components/tablesort.theme.css: {} + css/components/tabs.theme.css: {} + css/components/textarea.theme.css: {} + css/components/throbber.theme.css: {} dependencies: - core/normalize @@ -40,14 +39,7 @@ admin: version: VERSION css: theme: - css/layout.css: {} - css/components/admin-panel.css: {} - css/components/compact-links.css: {} - css/components/inline-admin-links.css: {} - css/components/modules-page.css: {} - css/components/status-report.css: {} - css/components/appearance-page.css: {} - css/components/vertical-toolbar.css: {} + css/system.admin.css: { weight: -10 } dependencies: - system/base -- 2.3.2 (Apple Git-55)