diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000000000000000000000000000000000000..13566b81b018ad684f3a35fee301741b2734c8f4 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000000000000000000000000000000000000..f942ad1b5bbff9ce4cd4991e07ab7e354e7cf720 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8"?> +<project version="4"> + <component name="ProjectModuleManager"> + <modules> + <module fileurl="file://$PROJECT_DIR$/.idea/seven.iml" filepath="$PROJECT_DIR$/.idea/seven.iml" /> + </modules> + </component> +</project> \ No newline at end of file diff --git a/.idea/php.xml b/.idea/php.xml new file mode 100644 index 0000000000000000000000000000000000000000..ff1c9c2cdcb54040336eb37b4a3c7a93ad50b117 --- /dev/null +++ b/.idea/php.xml @@ -0,0 +1,22 @@ +<?xml version="1.0" encoding="UTF-8"?> +<project version="4"> + <component name="MessDetectorOptionsConfiguration"> + <option name="transferred" value="true" /> + </component> + <component name="PHPCSFixerOptionsConfiguration"> + <option name="transferred" value="true" /> + </component> + <component name="PHPCodeSnifferOptionsConfiguration"> + <option name="highlightLevel" value="WARNING" /> + <option name="transferred" value="true" /> + </component> + <component name="PhpProjectSharedConfiguration" php_language_level="8.3"> + <option name="suggestChangeDefaultLanguageLevel" value="false" /> + </component> + <component name="PhpStanOptionsConfiguration"> + <option name="transferred" value="true" /> + </component> + <component name="PsalmOptionsConfiguration"> + <option name="transferred" value="true" /> + </component> +</project> \ No newline at end of file diff --git a/.idea/seven.iml b/.idea/seven.iml new file mode 100644 index 0000000000000000000000000000000000000000..c956989b29ad0767edc6cf3a202545927c3d1e76 --- /dev/null +++ b/.idea/seven.iml @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8"?> +<module type="WEB_MODULE" version="4"> + <component name="NewModuleRootManager"> + <content url="file://$MODULE_DIR$" /> + <orderEntry type="inheritedJdk" /> + <orderEntry type="sourceFolder" forTests="false" /> + </component> +</module> \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000000000000000000000000000000000000..35eb1ddfbbc029bcab630581847471d7f238ec53 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ +<?xml version="1.0" encoding="UTF-8"?> +<project version="4"> + <component name="VcsDirectoryMappings"> + <mapping directory="" vcs="Git" /> + </component> +</project> \ No newline at end of file diff --git a/css/base/elements.css b/css/base/elements.css index 2599a0f5866054510b1c4c814cb57d272072a67d..f0e324f1f769dbb1a34838684db8c6a6516ea576 100644 --- a/css/base/elements.css +++ b/css/base/elements.css @@ -4,7 +4,12 @@ body { color: #333; background: #fff; - font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif; + font: + normal 81.3%/1.538em "Lucida Grande", + "Lucida Sans Unicode", + "DejaVu Sans", + "Lucida Sans", + sans-serif; } a, .link { diff --git a/css/classy/components/action-links.css b/css/classy/components/action-links.css index 274d798e18e7ea39766ef871dd511b22c3a3803c..7e648df41e8fcfbe06b01f43d19505b3a5d85f98 100644 --- a/css/classy/components/action-links.css +++ b/css/classy/components/action-links.css @@ -29,13 +29,13 @@ text-decoration: none; line-height: 160%; } -.button-action:before { +.button-action::before { margin-left: -0.1em; /* LTR */ padding-right: 0.2em; /* LTR */ content: "+"; font-weight: 900; } -[dir="rtl"] .button-action:before { +[dir="rtl"] .button-action::before { margin-right: -0.1em; margin-left: 0; padding-right: 0; diff --git a/css/classy/components/breadcrumb.css b/css/classy/components/breadcrumb.css index 1e6a7fac71a177eefc9da2312f8739e84ef16b89..1a20eaffa3db11c41c1946bb9f59ac72451859d1 100644 --- a/css/classy/components/breadcrumb.css +++ b/css/classy/components/breadcrumb.css @@ -21,9 +21,9 @@ list-style-type: none; } /* IE8 does not support :not() and :last-child. */ -.breadcrumb li:before { +.breadcrumb li::before { content: " \BB "; } -.breadcrumb li:first-child:before { +.breadcrumb li:first-child::before { content: none; } diff --git a/css/classy/components/collapse-processed.css b/css/classy/components/collapse-processed.css index ef10aa341e156bdbc1d0a7d3602fa9002483bf29..546ea9b56dfcad47db204ec380eaea0da869c247 100644 --- a/css/classy/components/collapse-processed.css +++ b/css/classy/components/collapse-processed.css @@ -7,24 +7,24 @@ padding-right: 0.5em; padding-left: 0.5em; } -.collapse-processed > summary:before { +.collapse-processed > summary::before { float: left; /* LTR */ width: 1em; height: 1em; content: ""; background: url(../../../images/menu-expanded.png) 0 100% no-repeat; /* LTR */ } -[dir="rtl"] .collapse-processed > summary:before { +[dir="rtl"] .collapse-processed > summary::before { float: right; background-position: 100% 100%; } -.collapse-processed:not([open]) > summary:before { +.collapse-processed:not([open]) > summary::before { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-position: 25% 35%; /* LTR */ } -[dir="rtl"] .collapse-processed:not([open]) > summary:before { +[dir="rtl"] .collapse-processed:not([open]) > summary::before { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); diff --git a/css/classy/components/container-inline.css b/css/classy/components/container-inline.css index 64b78f683bf159533eb9d5661a209767782e7cc3..1a91f17f7147682a1947bb0c1c01cfa934e8f8ca 100644 --- a/css/classy/components/container-inline.css +++ b/css/classy/components/container-inline.css @@ -3,12 +3,12 @@ * Inline items. */ -.container-inline label:after, -.container-inline .label:after { +.container-inline label::after, +.container-inline .label::after { content: ":"; } -.form-type-radios .container-inline label:after, -.form-type-checkboxes .container-inline label:after { +.form-type-radios .container-inline label::after, +.form-type-checkboxes .container-inline label::after { content: ""; } .form-type-radios .container-inline .form-type-radio, diff --git a/css/classy/components/form.css b/css/classy/components/form.css index 0822f34683d85eb287ab951eb967c6669150d85d..571c7030de7fc134ec544389a78db277a87b77c4 100644 --- a/css/classy/components/form.css +++ b/css/classy/components/form.css @@ -70,7 +70,7 @@ label.option { .marker { color: #e00; } -.form-required:after { +.form-required::after { display: inline-block; width: 6px; height: 6px; @@ -93,7 +93,7 @@ abbr.ajax-changed { } /* Inline error messages. */ -.form-item--error-message:before { +.form-item--error-message::before { display: inline-block; width: 14px; height: 14px; diff --git a/css/classy/components/messages.css b/css/classy/components/messages.css index 1435327eec4dad666698fc854de4511abe3aa940..cd688ebaa40bf881fa06d791de7dfb9898782958 100644 --- a/css/classy/components/messages.css +++ b/css/classy/components/messages.css @@ -7,9 +7,9 @@ padding: 15px 20px 15px 35px; /* LTR */ word-wrap: break-word; border: 1px solid; - border-width: 1px 1px 1px 0; /* LTR */ + border-width: 1px 1px 1px 0; /* LTR */ border-radius: 2px; - background: no-repeat 10px 17px; /* LTR */ + background: no-repeat 10px 17px; /* LTR */ overflow-wrap: break-word; } [dir="rtl"] .messages { @@ -33,7 +33,7 @@ /* See .color-success in Seven's colors.css */ .messages--status { color: #325e1c; - border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */ + border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */ background-color: #f3faef; background-image: url(../../../images/icons/73b355/check.svg); box-shadow: -8px 0 0 #77b259; /* LTR */ @@ -46,7 +46,7 @@ /* See .color-warning in Seven's colors.css */ .messages--warning { color: #734c00; - border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */ + border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */ background-color: #fdf8ed; background-image: url(../../../images/icons/e29700/warning.svg); box-shadow: -8px 0 0 #e09600; /* LTR */ @@ -58,7 +58,7 @@ /* See .color-error in Seven's colors.css */ .messages--error { color: #a51b00; - border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */ + border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */ background-color: #fcf4f2; background-image: url(../../../images/icons/e32700/error.svg); box-shadow: -8px 0 0 #e62600; /* LTR */ diff --git a/css/classy/components/progress.css b/css/classy/components/progress.css index 47da889350040c07f3137184192d19a66d0c6334..c32bf6ba875d5cede0805c2ee148ad601222c80d 100644 --- a/css/classy/components/progress.css +++ b/css/classy/components/progress.css @@ -27,10 +27,23 @@ 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: - 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%); + -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; } [dir="rtl"] .progress__bar { @@ -53,17 +66,15 @@ /** * 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; } + 0% { + background-position: + 0 0, + 0 0; + } + 100% { + background-position: + 0 0, + -80px 0; + } } diff --git a/css/components/admin-list.css b/css/components/admin-list.css index 090f3fd377cf3fc5f594fc87b8c90a050aa37496..cda43911f405c834ced07bcb212a5623ebf4b8fa 100644 --- a/css/components/admin-list.css +++ b/css/components/admin-list.css @@ -20,12 +20,14 @@ ul.admin-list { display: block; min-height: 0; padding: 14px 15px 14px 25px; /* LTR */ - background: url(../../images/icons/bebebe/chevron-disc-right.svg) no-repeat 1px 16px; /* LTR */ + background: url(../../images/icons/bebebe/chevron-disc-right.svg) no-repeat + 1px 16px; /* LTR */ } [dir="rtl"] .admin-list li a { padding-right: 25px; padding-left: 15px; - background: url(../../images/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px; + background: url(../../images/icons/bebebe/chevron-disc-left.svg) no-repeat + right 16px; } .admin-list.compact li a { padding: 2px 0; diff --git a/css/components/buttons.css b/css/components/buttons.css index c747f65274f1451929bd08b754b6eef31205feae..1a2f72a5c2ed4caadb6811c2d8c764c7a09afa01 100644 --- a/css/components/buttons.css +++ b/css/components/buttons.css @@ -22,10 +22,10 @@ * */ .button { - position: relative; /* 1 */ + position: relative; /* 1 */ display: inline-block; box-sizing: border-box; - padding: 4px 1.5em; /* 4 */ + padding: 4px 1.5em; /* 4 */ cursor: pointer; -webkit-transition: all 0.1s; transition: all 0.1s; @@ -39,12 +39,12 @@ background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df); text-shadow: 0 1px hsla(0, 0%, 100%, 0.6); font-size: 14px; - font-size: 0.875rem; /* 5 */ + font-size: 0.875rem; /* 5 */ font-weight: 600; - line-height: normal; /* 2 */ - -webkit-appearance: none; /* 3 */ - -moz-appearance: none; /* 3 */ - -webkit-font-smoothing: antialiased; /* 6 */ + line-height: normal; /* 2 */ + -webkit-appearance: none; /* 3 */ + -moz-appearance: none; /* 3 */ + -webkit-font-smoothing: antialiased; /* 6 */ } .button:hover, .button:focus { @@ -109,7 +109,7 @@ /** * Overrides styling from system.theme. */ -.button-action:before { +.button-action::before { margin-left: -0.2em; /* LTR */ padding-right: 0.2em; /* LTR */ font-size: 14px; @@ -117,7 +117,7 @@ line-height: 16px; -webkit-font-smoothing: auto; } -[dir="rtl"] .button-action:before { +[dir="rtl"] .button-action::before { margin-right: -0.2em; margin-left: 0; padding-right: 0; @@ -128,7 +128,7 @@ * 1. Use px units to ensure button text is centered vertically. */ .no-touchevents .button--small { - padding: 2px 1em; /* 1 */ + padding: 2px 1em; /* 1 */ font-size: 13px; font-size: 0.813rem; } diff --git a/css/components/container-inline.css b/css/components/container-inline.css index 301b3fb17ec01741b889ae235df17b74abfc8069..8afdffad37b1f674fac7af412656458c103acbf1 100644 --- a/css/components/container-inline.css +++ b/css/components/container-inline.css @@ -3,8 +3,8 @@ * Inline items. */ -.container-inline .form-radios label:after, -.container-inline .form-checkboxes label:after { +.container-inline .form-radios label::after, +.container-inline .form-checkboxes label::after { content: ""; } .container-inline .form-radios .form-type-radio, diff --git a/css/components/dialog.css b/css/components/dialog.css index 354f3222aa682937b2408d467074e109cb5cb555..08e985dde5b80efdd72d44af49c1e37fefe3246a 100644 --- a/css/components/dialog.css +++ b/css/components/dialog.css @@ -10,7 +10,8 @@ background: transparent; } -@media all and (max-width: 48em) { /* 768px */ +@media all and (max-width: 48em) { + /* 768px */ .ui-dialog { min-width: 92%; max-width: 92%; diff --git a/css/components/dropbutton.component.css b/css/components/dropbutton.component.css index 83c333d64d87c0559726579a8ceba7bfeb7b530b..0a6364b1f311f303ace2803cb6b5234c2fb521ab 100644 --- a/css/components/dropbutton.component.css +++ b/css/components/dropbutton.component.css @@ -66,7 +66,8 @@ margin-top: 0; } -@media screen and (min-width: 37.5625em) { /* 601px */ +@media screen and (min-width: 37.5625em) { + /* 601px */ .dropbutton li { display: inline-block; } @@ -120,7 +121,10 @@ 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 { +[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, @@ -228,20 +232,32 @@ border-left: 1px solid #a6a6a6; /* LTR */ outline: none; } -[dir="rtl"].js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button { +[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 { +[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 { +[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, @@ -296,35 +312,75 @@ 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 { +.js + .form-actions + .dropbutton-wrapper + .dropbutton-widget + .dropbutton-action + .button:hover, +.js + .form-actions + .dropbutton-wrapper + .dropbutton-widget + .dropbutton-action + .button:focus { color: #fff; 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); } -.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:active { +.js + .form-actions + .dropbutton-wrapper + .dropbutton-widget + .dropbutton-action + .button:active { border-color: #144b78; background-image: -webkit-linear-gradient(top, #08639b, #0071b8); background-image: linear-gradient(to bottom, #08639b, #0071b8); box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.2); } -.js .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button, +.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 { +.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 { +.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 { +.js + .form-actions + .dropbutton-wrapper + .dropbutton-widget + .dropbutton-toggle + button:active { border-color: #144b78; background-image: -webkit-linear-gradient(top, #08639b, #0071b8); background-image: linear-gradient(to bottom, #08639b, #0071b8); diff --git a/css/components/entity-meta.css b/css/components/entity-meta.css index 11be99177bcdd4a7250ec6e2040c8be198ed8a7f..33431490b9494f6c2fb84b4057df1d3ddd749e9b 100644 --- a/css/components/entity-meta.css +++ b/css/components/entity-meta.css @@ -44,8 +44,16 @@ padding-top: 1px; border-top-width: 0; 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); + 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 + ); } .entity-meta .seven-details[open] + .seven-details[open] { padding-top: 0; diff --git a/css/components/field-ui.css b/css/components/field-ui.css index d099c51992b9f61336ffd2e04953d59886be5bb0..38a0c5bb1cd6d604e8bf4af551dcde26cc084756 100644 --- a/css/components/field-ui.css +++ b/css/components/field-ui.css @@ -18,11 +18,16 @@ #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 { +#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 { +[dir="rtl"] + #field-display-overview + .form-item-fields-field-image-settings-edit-form-settings-image-style + .description { margin-right: 1em; margin-left: 0; } diff --git a/css/components/form.css b/css/components/form.css index a50d6e5e131d080317e8d1ad2d333f8c85bf701e..1457ceafa41bfaed8956ca91c68b499ef5d2c6cd 100644 --- a/css/components/form.css +++ b/css/components/form.css @@ -11,7 +11,7 @@ form { * elements in normalize.css 7.0.0. */ button:not(.button), -input:not([type="file"],.form-text, .form-textarea) { +input:not([type="file"], .form-text, .form-textarea) { line-height: 1.25em; } textarea, @@ -135,9 +135,11 @@ label[for] { border-color: #e62600; outline: 0; background-color: #fcf4f2; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px 1px #e62600; + box-shadow: + inset 0 1px 3px rgba(0, 0, 0, 0.05), + 0 0 8px 1px #e62600; } -.form-required:after { +.form-required::after { width: 7px; height: 7px; background-size: 7px 7px; @@ -206,8 +208,12 @@ textarea.form-textarea { box-sizing: border-box; max-width: 100%; padding: 0.3em 0.4em 0.3em 0.5em; /* LTR */ - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: + border linear 0.2s, + box-shadow linear 0.2s; + transition: + border linear 0.2s, + box-shadow linear 0.2s; color: #595959; border: 1px solid #b8b8b8; border-top-color: #999; @@ -233,7 +239,9 @@ textarea.form-textarea { border-color: #40b6ff; outline: 0; background-color: #fff; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff; + box-shadow: + inset 0 1px 3px rgba(0, 0, 0, 0.05), + 0 0 8px #40b6ff; } .confirm-parent, @@ -277,9 +285,10 @@ select { } [dir="rtl"] select { padding: 1px 0.714em 1px 1.571em; - background-position: 1% 63%, 0 0; + background-position: + 1% 63%, + 0 0; } - select:focus, select:hover { color: #1a1a1a; background-image: diff --git a/css/components/jquery.ui/theme.css b/css/components/jquery.ui/theme.css index 6c4dc4152b2306322535c382ddd90ce93cc69e4c..653dab977a97f24d61b862b36f4a9b192ae5c042 100644 --- a/css/components/jquery.ui/theme.css +++ b/css/components/jquery.ui/theme.css @@ -43,12 +43,10 @@ .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); } /** @@ -91,179 +89,525 @@ 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; } +.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 @@ -331,7 +675,6 @@ */ .ui-widget-overlay { opacity: 0.7; - filter: alpha(opacity=70); background: #000; } diff --git a/css/components/quickedit.css b/css/components/quickedit.css index f9409086eac02690601f359aab9b5f64e6230a7e..5705c8e61735eff7a3107e2ec0526898a433c849 100644 --- a/css/components/quickedit.css +++ b/css/components/quickedit.css @@ -58,6 +58,6 @@ * 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 { +.quickedit .icon-close::before { top: 8px; } diff --git a/css/components/system-status-counter.css b/css/components/system-status-counter.css index 1166d379f15d1f2ae2c10f7319ef6c17bc20c4d8..5aeb014c4ee1f58b8124432d43a1aa007d776ba7 100644 --- a/css/components/system-status-counter.css +++ b/css/components/system-status-counter.css @@ -28,7 +28,7 @@ border-left: 1px solid #e6e4df; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; } -.system-status-counter__status-icon:before { +.system-status-counter__status-icon::before { display: block; width: 100%; height: 100%; @@ -38,13 +38,13 @@ background-size: 25px; } -.system-status-counter__status-icon--error:before { +.system-status-counter__status-icon--error::before { background-image: url(../../images/icons/e32700/error.svg); } -.system-status-counter__status-icon--warning:before { +.system-status-counter__status-icon--warning::before { background-image: url(../../images/icons/e29700/warning.svg); } -.system-status-counter__status-icon--checked:before { +.system-status-counter__status-icon--checked::before { background-image: url(../../images/icons/73b355/check.svg); } .system-status-counter__status-title { @@ -80,7 +80,7 @@ padding: 10px 3%; font-size: 16px; } - .system-status-counter__status-icon:before { + .system-status-counter__status-icon::before { background-size: 35px; } } diff --git a/css/components/system-status-report-general-info.css b/css/components/system-status-report-general-info.css index e666d6c4ac93a61fa01e97fcad120ead67f22492..d974f0096ad5d5320aa0f84be9fd22106afe7682 100644 --- a/css/components/system-status-report-general-info.css +++ b/css/components/system-status-report-general-info.css @@ -33,7 +33,7 @@ height: 45px; vertical-align: top; } -.system-status-general-info__item-icon:before { +.system-status-general-info__item-icon::before { display: block; width: 100%; height: 100%; @@ -42,20 +42,20 @@ background-position: 50% center; background-size: 35px; } -.system-status-general-info__item-icon--drupal:before { +.system-status-general-info__item-icon--drupal::before { background-image: url(../../images/logo/drupal-logo.svg); } -.system-status-general-info__item-icon--clock:before { +.system-status-general-info__item-icon--clock::before { background-image: url(../../images/icons/cccccc/clock.svg); } -.system-status-general-info__item-icon--server:before { +.system-status-general-info__item-icon--server::before { background-image: url(../../images/icons/cccccc/server.svg); } -.system-status-general-info__item-icon--php:before { +.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 { +.system-status-general-info__item-icon--database::before { background-image: url(../../images/icons/cccccc/database.svg); background-size: 30px; } @@ -131,10 +131,10 @@ width: 55px; height: 55px; } - .system-status-general-info__item-icon:before { + .system-status-general-info__item-icon::before { background-size: 35px; } - .system-status-general-info__item-icon--php:before { + .system-status-general-info__item-icon--php::before { background-size: 55px; } diff --git a/css/components/system-status-report.css b/css/components/system-status-report.css index 1e9d159ec42c69959f87e1b3ae862d7f74b9b128..3fb4e4aea26a59b2a694b3aec38a31b9aa9fa1ad 100644 --- a/css/components/system-status-report.css +++ b/css/components/system-status-report.css @@ -46,13 +46,13 @@ [dir="rtl"].details .system-status-report__status-title { padding: 1em 3em 1em 1em; } -.collapse-processed > .system-status-report__status-title:before { +.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 { +[dir="rtl"] .collapse-processed > .system-status-report__status-title::before { float: left; } [dir="rtl"] .system-status-report__status-title::-webkit-details-marker { @@ -69,8 +69,8 @@ color: inherit; } -.system-status-report__status-title .details-title:before, -.details .system-status-report__status-icon:before { +.system-status-report__status-title .details-title::before, +.details .system-status-report__status-icon::before { position: absolute; top: 1em; left: 10px; /* LTR */ @@ -84,18 +84,18 @@ background-position: top center; background-size: contain; } -[dir="rtl"] .system-status-report__status-title .details-title:before, -[dir="rtl"].details .system-status-report__status-title:before { +[dir="rtl"] .system-status-report__status-title .details-title::before, +[dir="rtl"].details .system-status-report__status-title::before { right: 10px; left: auto; margin-right: 0; } -.system-status-report__status-icon--error .details-title:before, -.details .system-status-report__status-icon--error:before { +.system-status-report__status-icon--error .details-title::before, +.details .system-status-report__status-icon--error::before { background-image: url(../../images/icons/e32700/error.svg); } -.system-status-report__status-icon--warning .details-title:before, -.details .system-status-report__status-icon--warning:before { +.system-status-report__status-icon--warning .details-title::before, +.details .system-status-report__status-icon--warning::before { background-image: url(../../images/icons/e29700/warning.svg); } @@ -135,7 +135,7 @@ html.js .system-status-report__status-title::-webkit-details-marker { display: none; } - .collapse-processed > .system-status-report__status-title:before { + .collapse-processed > .system-status-report__status-title::before { position: relative; top: 3px; } diff --git a/css/components/tables.css b/css/components/tables.css index 727e0658e60174eae24225b2159e64f721ed5567..1c07b7ae93b175b618e440342b191bdca2c8a76c 100644 --- a/css/components/tables.css +++ b/css/components/tables.css @@ -70,7 +70,7 @@ th > a { } /* 1. Must match negative bottom padding of the parent <th> */ -th > a:after { +th > a::after { position: absolute; top: 0; right: 0; @@ -94,7 +94,7 @@ th.is-active img { right: auto; left: 0; } -th.is-active > a:after { +th.is-active > a::after { border-bottom-color: #004875; } th > a:hover, @@ -104,10 +104,10 @@ th.is-active > a:focus { text-decoration: none; color: #008ee6; } -th > a:hover:after, -th > a:focus:after, -th.is-active > a:hover:after, -th.is-active > a:focus:after { +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 { @@ -136,7 +136,8 @@ th.select-all { /** * Responsive tables. */ -@media screen and (max-width: 37.5em) { /* 600px */ +@media screen and (max-width: 37.5em) { + /* 600px */ th.priority-low, td.priority-low, th.priority-medium, @@ -145,7 +146,8 @@ th.select-all { } } -@media screen and (max-width: 60em) { /* 920px */ +@media screen and (max-width: 60em) { + /* 920px */ th.priority-low, td.priority-low { display: none; diff --git a/css/components/tabs.css b/css/components/tabs.css index 1a7b13380b0042f45dd5d5d058fbc5553665b949..df92a44bfcf50aff1971d915479ba27c298cec87 100644 --- a/css/components/tabs.css +++ b/css/components/tabs.css @@ -5,8 +5,8 @@ .is-horizontal .tabs { position: relative; } -.is-collapse-enabled .tabs:before, -.is-horizontal .tabs:before { +.is-collapse-enabled .tabs::before, +.is-horizontal .tabs::before { position: absolute; z-index: 10; right: 0; @@ -19,8 +19,8 @@ } /* Span the full width of the viewport */ -.content-header .is-horizontal .tabs:before, -.content-header .is-collapse-enabled .tabs:before { +.content-header .is-horizontal .tabs::before, +.content-header .is-collapse-enabled .tabs::before { right: -2.5em; left: -2.5em; } @@ -37,7 +37,7 @@ display: block; overflow: hidden; box-sizing: border-box; - width: 100%; /* 1 */ + width: 100%; /* 1 */ margin: -1px 0 0; padding: 9px 2em 7px 1em; /* LTR */ white-space: nowrap; @@ -109,12 +109,15 @@ li.tabs__tab a { } /* Only add the arrow if there's space */ -@media screen and (min-width: 18.75em) { /* 300px */ +@media screen and (min-width: 18.75em) { + /* 300px */ .tabs.primary a { - background: url(../../images/icons/0074bd/chevron-right.svg) 99% center no-repeat; + background: url(../../images/icons/0074bd/chevron-right.svg) 99% center + no-repeat; } [dir="rtl"] .tabs.primary a { - background: url(../../images/icons/0074bd/chevron-left.svg) 1% center no-repeat; + background: url(../../images/icons/0074bd/chevron-left.svg) 1% center + no-repeat; } .tabs.primary .tabs__tab.is-active a { background-image: none; @@ -249,8 +252,12 @@ li.tabs__tab a { display: block; margin-left: -1px; /* LTR */ padding: 5px 15px 5px 16px; /* LTR */ - -webkit-transition: border-color 0.2s, background-color 0.2s; - transition: border-color 0.2s, background-color 0.2s; + -webkit-transition: + border-color 0.2s, + background-color 0.2s; + transition: + border-color 0.2s, + background-color 0.2s; color: #0074bd; } [dir="rtl"] .tabs.secondary .tabs__tab { diff --git a/css/components/tour.theme.css b/css/components/tour.theme.css index e77d9ff58b2d9e704127d8d84946f191e5aedb3d..e1156db851588b4259a94e34e1dfd7890ead95f8 100644 --- a/css/components/tour.theme.css +++ b/css/components/tour.theme.css @@ -13,7 +13,9 @@ .shepherd-element:focus { outline: none; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff; + box-shadow: + inset 0 1px 3px rgba(0, 0, 0, 0.05), + 0 0 8px #40b6ff; } /* Mobile */ @@ -23,7 +25,7 @@ } } -.shepherd-arrow:before { +.shepherd-arrow::before { background: none; } @@ -32,28 +34,28 @@ border: solid 14px rgba(0, 0, 0, 0.8); } -.shepherd-element[data-popper-placement^=top] > .shepherd-arrow { +.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow { bottom: -28px; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } -.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow { +.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow { top: -28px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } -.shepherd-element[data-popper-placement^=left] > .shepherd-arrow { +.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow { right: -28px; border-top-color: transparent; border-right-color: transparent; /* LTR */ border-bottom-color: transparent; } -.shepherd-element[data-popper-placement^=right] > .shepherd-arrow { +.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow { left: -28px; border-top-color: transparent; border-bottom-color: transparent; diff --git a/css/components/vertical-tabs.css b/css/components/vertical-tabs.css index 07c2ca0d10f3a65a5db12dc870ed241646115bf0..308d6767da9b7ddda825e6b0d37ebb13311ce3bf 100644 --- a/css/components/vertical-tabs.css +++ b/css/components/vertical-tabs.css @@ -85,7 +85,7 @@ color: #004f80; border-bottom: none; } -[dir=rtl] .vertical-tabs__menu-item.is-selected a { +[dir="rtl"] .vertical-tabs__menu-item.is-selected a { padding-right: 11px; padding-left: 15px; } @@ -109,7 +109,7 @@ border-left: none; border-radius: 4px 0 0 4px; } -.vertical-tabs__panes:after { +.vertical-tabs__panes::after { display: table; clear: both; content: ""; diff --git a/css/layout/node-add.css b/css/layout/node-add.css index 977cb2305f83e03a49c546960a85828d54558d89..9c65783f073115b4405cf937a8b9e2b28f25fc99 100644 --- a/css/layout/node-add.css +++ b/css/layout/node-add.css @@ -13,8 +13,7 @@ * @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), +@media screen and (min-width: 780px), (orientation: landscape) and (min-device-height: 780px) { .node-form-layout .messages { margin-top: 1em; diff --git a/css/theme/ckeditor-admin.css b/css/theme/ckeditor-admin.css index 7214a24bcdefc0dc725031f13fd5e62b8cce5b8e..45a54f311456e8eb52b1239ba4afa0c7166d974b 100644 --- a/css/theme/ckeditor-admin.css +++ b/css/theme/ckeditor-admin.css @@ -7,9 +7,13 @@ * This rule is needed to provide Seven's blue focus outline. */ .ckeditor-toolbar-disabled .ckeditor-buttons li a:focus { - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff; + box-shadow: + inset 0 1px 3px rgba(0, 0, 0, 0.05), + 0 0 8px #40b6ff; } .ckeditor-toolbar-active .ckeditor-buttons li a:focus { - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff; + box-shadow: + inset 0 1px 3px rgba(0, 0, 0, 0.05), + 0 0 8px #40b6ff; } diff --git a/css/theme/ckeditor-dialog.css b/css/theme/ckeditor-dialog.css index 87ac1214d76614c24da2b54cc3bb46224b01da02..7858cc6865d44bb413b64aa2556be2a958e2d244 100644 --- a/css/theme/ckeditor-dialog.css +++ b/css/theme/ckeditor-dialog.css @@ -6,7 +6,7 @@ .cke_dialog_background_cover { display: none; } -.cke_dialog:before { +.cke_dialog::before { position: fixed; top: 0; left: 0; @@ -27,7 +27,12 @@ background: none; } .cke_reset_all .cke_dialog_body * { - font: 13px/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif; + font: + 13px/1.538em "Lucida Grande", + "Lucida Sans Unicode", + "DejaVu Sans", + "Lucida Sans", + sans-serif; } /* Dialog's header. */ @@ -101,8 +106,12 @@ max-width: 100%; margin: 0 0 3px; padding: 0.3em 0.4em 0.3em 0.5em; - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: + border linear 0.2s, + box-shadow linear 0.2s; + transition: + border linear 0.2s, + box-shadow linear 0.2s; color: #595959; border: 1px solid #b8b8b8; border-top-color: #999; @@ -114,7 +123,8 @@ } .cke_reset_all select.cke_dialog_ui_input_select { padding-right: 1.5em; - background: #fcfcfa url(../../images/icons/333333/caret-down.svg) no-repeat 99% 63%; + background: #fcfcfa url(../../images/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, @@ -122,7 +132,9 @@ border-color: #40b6ff; outline: 0; background-color: #fff; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #40b6ff; + box-shadow: + inset 0 1px 3px rgba(0, 0, 0, 0.05), + 0 0 8px #40b6ff; } /* Dialog's footer. */ diff --git a/css/theme/filter.admin.css b/css/theme/filter.admin.css index db42f12f4da79c9edbce14df2a7e487c6a9404ba..ff2a1e24964e1a404ecab7478a09c1912ed11ff6 100644 --- a/css/theme/filter.admin.css +++ b/css/theme/filter.admin.css @@ -43,7 +43,7 @@ [dir="rtl"] .filter-help a { margin: 0 0 0 20px; } -.filter-help a:after { +.filter-help a::after { position: absolute; top: 0; right: -20px; /* LTR */ @@ -53,7 +53,7 @@ content: ""; background: transparent url(../../images/help.png); } -[dir="rtl"] .filter-help a:after { +[dir="rtl"] .filter-help a::after { right: auto; left: -20px; } diff --git a/css/theme/install-page.css b/css/theme/install-page.css index b616b418d96fae4421dcbabfe81bf268b4461aec..8f13d456b7d14bc2f0772fc636cdfc9198123c54 100644 --- a/css/theme/install-page.css +++ b/css/theme/install-page.css @@ -11,14 +11,17 @@ 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), + 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 */ + background-position: + left top, + 50% 50%; /* LTR */ } [dir="rtl"] .install-page { - background-position: right top, 50% 50%; + background-position: + right top, + 50% 50%; } /** diff --git a/css/theme/maintenance-page.css b/css/theme/maintenance-page.css index 047b88ff1c18056ac57c01d025759a159c03f8e7..c0b08c6c6cbf9ac997ee84361d6a99d383ac5a92 100644 --- a/css/theme/maintenance-page.css +++ b/css/theme/maintenance-page.css @@ -6,13 +6,20 @@ .maintenance-page { min-height: 100%; background-color: #e0e0d8; - background-image: -webkit-radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%)); + 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 */ + background-position: + left top, + 50% 50%; /* LTR */ } [dir="rtl"] .maintenance-page { - background-position: right top, 50% 50%; + background-position: + right top, + 50% 50%; } .page-title { @@ -25,7 +32,8 @@ /** * Task list & step indicator */ -@media all and (max-width: 48em) { /* 768px */ +@media all and (max-width: 48em) { + /* 768px */ header[role="banner"] { position: relative; } @@ -45,7 +53,8 @@ } } -@media all and (min-width: 48em) { /* 768px */ +@media all and (min-width: 48em) { + /* 768px */ .step-indicator { display: none; } @@ -71,7 +80,7 @@ background: #ebeae4; font-weight: normal; } - .task-list .is-active:after { + .task-list .is-active::after { position: absolute; top: 50%; left: 100%; /* LTR */ @@ -85,7 +94,7 @@ border-color: rgba(235, 234, 228, 0); border-left-color: #ebeae4; /* LTR */ } - [dir="rtl"] .task-list .is-active:after { + [dir="rtl"] .task-list .is-active::after { right: 100%; left: auto; border-right-color: #ebeae4; @@ -105,13 +114,15 @@ margin-left: 1.25em; background: #fff; } -.layout-container:after { /* no reason for a clearfix in the markup */ +.layout-container::after { + /* no reason for a clearfix in the markup */ display: table; clear: both; content: ""; } -@media all and (max-width: 48em) { /* 768px */ +@media all and (max-width: 48em) { + /* 768px */ .layout-container { margin: 1.25em; padding: 10px 20px; @@ -126,7 +137,8 @@ } } -@media all and (min-width: 48em) { /* 768px */ +@media all and (min-width: 48em) { + /* 768px */ html { display: table; } diff --git a/css/theme/media-library.css b/css/theme/media-library.css index fef1a7a2530881ee0b8b853db99feca23111c365..b29e1bd1e6a3cbffd37d5f0812169a12fb20dc8a 100644 --- a/css/theme/media-library.css +++ b/css/theme/media-library.css @@ -112,7 +112,8 @@ } /* Style the media add upload form. */ -.media-library-add-form--upload.media-library-add-form--without-input .form-item-upload { +.media-library-add-form--upload.media-library-add-form--without-input + .form-item-upload { margin-bottom: 0; } @@ -131,7 +132,8 @@ } } -.media-library-add-form--oembed.media-library-add-form--without-input .form-item-url { +.media-library-add-form--oembed.media-library-add-form--without-input + .form-item-url { margin-bottom: 0; } @@ -157,7 +159,10 @@ padding: 0 10px 1em 10px; } -.media-library-add-form__selected-media .media-library-item .field--name-thumbnail img { +.media-library-add-form__selected-media + .media-library-item + .field--name-thumbnail + img { height: 100px; } @@ -304,14 +309,17 @@ background: #fff; } -.media-library-item--grid:before { +.media-library-item--grid::before { position: absolute; top: 7px; left: 7px; width: calc(100% - 16px); height: calc(100% - 16px); content: ""; - transition: border-color 0.2s, color 0.2s, background 0.2s; + transition: + border-color 0.2s, + color 0.2s, + background 0.2s; pointer-events: none; border: 1px solid #dbdbdb; } @@ -406,9 +414,9 @@ object-position: center center; } -.media-library-item--grid.is-hover:before, -.media-library-item--grid.checked:before, -.media-library-item--grid.is-focus:before { +.media-library-item--grid.is-hover::before, +.media-library-item--grid.checked::before, +.media-library-item--grid.is-focus::before { top: 5px; left: 5px; border-width: 3px; @@ -416,7 +424,7 @@ border-radius: 3px; } -.media-library-item--grid.checked:before { +.media-library-item--grid.checked::before { border-color: #0076c0; } @@ -462,7 +470,9 @@ cursor: move; } -.field--widget-media-library-widget .js-media-library-item:only-child .media-library-item__preview { +.field--widget-media-library-widget + .js-media-library-item:only-child + .media-library-item__preview { cursor: inherit; } @@ -655,7 +665,8 @@ * The first item doesn't have a top padding, change the location of the remove * button as well. */ -.media-library-add-form__media:first-child .media-library-add-form__remove-button[type="submit"] { +.media-library-add-form__media:first-child + .media-library-add-form__remove-button[type="submit"] { top: 5px; } @@ -693,7 +704,9 @@ color: transparent; border: 0; border-radius: 0; - background: transparent url(../../images/icons/787878/ex.svg) right 2px no-repeat; /* LTR */ + background: transparent url(../../images/icons/787878/ex.svg) right 2px + no-repeat; /* LTR */ + font-weight: normal; line-height: 16px; } @@ -710,7 +723,8 @@ .media-library-add-form__remove-button.button:focus { color: #787878; border: 0; - background: transparent url(../../images/icons/787878/ex.svg) right 2px no-repeat; /* LTR */ + background: transparent url(../../images/icons/787878/ex.svg) right 2px + no-repeat; /* LTR */ } [dir="rtl"] .media-library-add-form__remove-button:focus, [dir="rtl"] .media-library-add-form__remove-button.button:disabled, @@ -723,7 +737,9 @@ .media-library-add-form__remove-button.button:hover { color: #e00; border: 0; - background: transparent url(../../images/icons/ee0000/ex.svg) right 2px no-repeat; /* LTR */ + background: transparent url(../../images/icons/ee0000/ex.svg) right 2px + no-repeat; /* LTR */ + box-shadow: none; } [dir="rtl"] .media-library-add-form__remove-button:hover,