uawdijnntqw1x1x1
IP : 216.73.216.136
Hostname : dhandapanilive
Kernel : Linux dhandapanilive 5.15.0-139-generic #149~20.04.1-Ubuntu SMP Wed Apr 16 08:29:56 UTC 2025 x86_64
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
OS : Linux
PATH:
/
var
/
www
/
html
/
dhandapani
/
e5964
/
..
/
dev
/
..
/
683d4
/
..
/
eccbd
/
view_preprocessed.tar
/
/
pub/static/adminhtml/Magento/backend/en_US/Magento_AdobeIms/css/source/_module.less000077700000004174151323550650024353 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @color-sign-in-button-hover-active: #007bdb; & when (@media-common = true) { .adobe-login-container { .adobe-sign-in-button { background: transparent; border: none; box-shadow: none; float: right; margin-right: 3%; margin-top: -50px; position: relative; z-index: 99; &:hover:active { background: transparent; color: @color-sign-in-button-hover-active; } } .adobe-user-information { float: right; margin-right: 30px; margin-top: -54px; width: auto; .adobe-profile-image-small { background-repeat: repeat-x; border-radius: 50%; margin-bottom: -14px; width: 40px; } .adobe-user-name { border: 0; box-shadow: none; padding-left: 10px; } .adobe-user-popup { min-width: 10px; padding-left: 20px; width: 320px; z-index: 282; .adobe-profile-image-large { float: left; padding-right: 10px; padding-top: 5px; width: 30%; } ul { list-style: none; li { padding-bottom: 5px; } } .adobe-sign-out-button { background: transparent; border: none; float: left; margin-top: 20px; padding-bottom: 20px; padding-left: 0; &:hover { background: transparent; } } } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_AdobeIms/css/source/.htaccess000077700000000177151323550650023634 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdobeIms/css/.htaccess000077700000000177151323550650022334 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdobeIms/.htaccess000077700000000177151323550650021544 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CurrencySymbol/css/source/_module.less000077700000000624151323550650025644 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .admin__fieldset-import-service { margin: 0 0 @indent__base; .admin__field { margin: 0 0 @indent__base; } > .action-default { #mix-grid .return_length(@field-label-grid__column, @field-grid__columns, @mathSymbol: '+'); margin-left: @_length; } } pub/static/adminhtml/Magento/backend/en_US/Magento_CurrencySymbol/css/source/.htaccess000077700000000177151323550650025131 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CurrencySymbol/css/.htaccess000077700000000177151323550650023631 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CurrencySymbol/.htaccess000077700000000177151323550650023041 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdminAnalytics/css/source/_module.less000077700000001752151323550650025567 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Magento_AdminAnalytics Modal on dashboard // --------------------------------------------- .admin-usage-notification { -webkit-transition: visibility 0s .5s, opacity .5s ease; transition: visibility 0s .5s, opacity .5s ease; &._show { -webkit-transition: opacity .5s ease; opacity: 1; transition: opacity .5s ease; visibility: visible; } .modal-inner-wrap { .modal-content, .modal-header { padding-left: 4rem; padding-right: 4rem; .action-close { display: none; } } -webkit-transform: translateX(0); -webkit-transition: -webkit-transform 0s; transition: transform 0s; transform: translateX(0); margin-top: 13rem; max-width: 75rem; } .admin__fieldset { padding: 0; } } pub/static/adminhtml/Magento/backend/en_US/Magento_AdminAnalytics/css/source/.htaccess000077700000000177151323550650025051 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdminAnalytics/css/.htaccess000077700000000177151323550650023551 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdminAnalytics/.htaccess000077700000000177151323550650022761 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_MediaGalleryUi/css/source/_module.less000077700000031474151323550650025530 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ // // Variables // _____________________________________________ @color-folders-background: #a6a6a6; @color-folders-background-selected: #cdecf6; @color-folders-border: #7185f5; @color-masonry-overlay: #d9631c; @color-masonry-grey: #9e9e9e; @color-masonry-white: #e1e1e1; @color-masonry-steelblue: #4682b4; @color-media-gallery-buttons-background: #e3e3e3; @color-media-gallery-buttons-border: #adadad; @color-media-gallery-buttons-text: #514943; @color-media-gallery-checkbox-background: #eee; @color-media-gallery-scrollbar-background: #fff; & when (@media-common = true) { .media-gallery-delete-image-action, .delete-folder-confirmation-popup { .modal-content { word-wrap: anywhere; } } .media-gallery-asset-ui-select-filter, .edit-image-details { .admin__action-multiselect-crumb { max-width: 70%; overflow: hidden; text-overflow: ellipsis } .admin__action-multiselect-label > span { display: block; margin-top: -2px; max-height: 18px; max-width: 70%; overflow: hidden; padding-left: 23px; position: absolute; text-overflow: ellipsis; } } .media-gallery-asset-ui-select-filter, .edit-image-details { .admin__action-multiselect-item-path { float: right; max-height: 70px; max-width: 70px; } .admin__action-multiselect-label { display: inline-block; width: 100%; } } .page-actions-buttons > button.no-display { display: none; } .page-actions-buttons > button.media-gallery-actions-buttons, .page-actions .page-actions-buttons > button.media-gallery-actions-buttons:focus, .page-actions-buttons > button.media-gallery-actions-buttons:hover { background-color: @color-media-gallery-buttons-background; border-color: @color-media-gallery-buttons-border; color: @color-media-gallery-buttons-text; } .mediagallery-massaction-checkbox { background-color: @color-media-gallery-checkbox-background; border-radius: 4px; height: 40px; input[type='checkbox'] { margin-left: 10px; margin-top: 11px; } margin-left: 15px; margin-top: 10px; position: absolute; width: 40px; z-index: 10; } .mediagallery-massaction-items-count { display: inline-block; margin-left: -15px; padding-right: 20px; } .media-gallery-container { .action-disabled { opacity: .5; } .masonry-image-grid .no-data-message-container, .masonry-image-grid .error-message-container { left: 50%; margin-right: -50%; position: sticky; top: 50%; } .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .page-main-actions { .page-actions { .media-gallery-add-selected { order: unset; } } & > .page-actions { & > button.no-display { display: none; } } } .jstree-default .jstree-hovered { background: @color-folders-background; border-color: @color-folders-border; border-radius: 6px; padding-top: 6px; } .jstree-default .jstree-leaf a .jstree-icon { background-position: -52px -16px; } .jstree-default a .jstree-icon { background-position: -52px -16px; } .jstree-default .jstree-no-dots .jstree-open > a > ins { background-position: -52px -38px; height: 20px; width: 29px; } .jstree a > ins { float: left; height: 22px; margin-top: -3px; width: 20px; } .jstree-default .jstree-no-dots .jstree-leaf > ins { background-image: none; } .jstree-default ins { background-image: url("@{baseDir}Magento_MediaGalleryUi/images/d.png"); } .jstree a { height: 30px; margin: 1px; padding-left: 6px; padding-right: 10px; padding-top: 6px; width: max-content; } .jstree-default .jstree-clicked { background: @color-folders-background-selected; border: .14em solid @color-folders-border; border-radius: 6px; padding-top: 6px; } .masonry-image-overlay { background-color: @color-masonry-overlay; float: right; font-size: 11px; margin-left: 120px; margin-top: 170px; padding: .3rem; pointer-events: none; position: relative; } .media-gallery-image-details { float: left; list-style: none; margin-bottom: 0; position: absolute; width: 89%; .name { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 15px; font-weight: bold; line-height: 20px; max-height: 50px; overflow: hidden; padding-bottom: 2px; text-overflow: ellipsis; white-space: pre-line; word-wrap: anywhere; word-wrap: break-word; @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { white-space: nowrap; } } .type { display: inline-block; font-size: 12px; padding-bottom: 5px; } .dimensions { display: inline-block; } .source { display: inline-block; } } .media-gallery-image-actions { float: right; position: absolute; right: 0; width: 10%; .action-select-wrap { cursor: pointer; } .three-dots { &:before { content: url("@{baseDir}Magento_MediaGalleryUi/images/3-dots.png"); cursor: pointer; } } } .media-gallery-image { height: 200px; margin: 0 auto; position: relative; text-align: center; width: 200px; } .masonry-image-description { background-color: @color-white; min-height: 90px; padding-top: 10px; position: relative; } .masonry-image-column { background-color: @color-masonry-white; width: 200px; } .media-directory-container { &::-webkit-scrollbar { background-color: @color-media-gallery-scrollbar-background; } &::-webkit-scrollbar-thumb { background-color: @color-masonry-grey; } float: left; max-width: 50%; overflow-x: scroll; overflow-y: hidden; padding-right: 40px; scrollbar-color: @color-masonry-grey @color-media-gallery-scrollbar-background; } .media-gallery-image-block { cursor: pointer; height: 200px; margin: 0 auto; position: relative; &.selected { border: 5px solid @color-masonry-steelblue; } } .media-gallery-image { img { bottom: 0; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; padding: 5px; position: absolute; right: 0; top: 0; width: auto; } .action-menu { bottom: 0; float: right; left: auto; top: auto; z-index: 100; } } .media-gallery-source-icon { margin-bottom: -6px; width: 29px; } .masonry-image-grid { align-items: first baseline; display: grid; grid-template-columns: repeat(auto-fill, 210px); justify-content: end; margin: 10px 0; position: relative; } .admin__data-grid-filters .admin__form-field { .action-select-wrap { .action-menu { width: 110%; } .admin__action-multiselect-search-label { right: 1.5rem; } } .action-close { padding: 0; &:before { font-size: 6px; } } } } .media-gallery-image-details-modal, .media-gallery-edit-image-details-modal { .admin__action-multiselect-crumb { .action-close { padding: 0; &:before { font-size: .5em; } } } .edit-image-details { padding: 50px; } .path-display { margin-top: 8px; } .page-action-buttons { float: right; } .image-type { .media-gallery-source-icon { margin-bottom: -6px; width: 29px; } .type { color: @color-very-dark-gray; } } .image-details { .lib-vendor-prefix-display(); .image-details-image { img { max-height: 650px; } } .image-details-sidebar { .lib-vendor-prefix-flex-grow(1); margin-top: 0; padding-left: 40px; .image-details-section { margin-bottom: 40px; max-width: 400px; min-width: 290px; word-wrap: anywhere; .lib-clearfix(); } h3.image-title { font-weight: bold; line-height: 1.5; } .attributes { .attribute { &:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; } & > * { float: left; margin-left: -1px; width: 50%; } .value { display: inline; float: right; margin-left: 1px; } .title { color: @color-very-dark-gray; } } } .tags { .tags-list { margin-bottom: 10px; .show-more-item { display: none; } &.show-all-tags { margin-bottom: 0; .show-more-item { display: inline; } & + .show-more-link-container { display: none; } } } } } } } .masonry-image-sortby { display: inline-block; } .masonry-results-number { display: inline-block; margin-right: 1.4rem; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .media-gallery-image-details-modal { .image-details { display: block; .image-details-sidebar { margin-top: 20px; padding-left: 0; } .image-details-image img { max-height: 450px; } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_MediaGalleryUi/css/source/.htaccess000077700000000177151323550650025006 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_MediaGalleryUi/css/.htaccess000077700000000177151323550650023506 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_MediaGalleryUi/.htaccess000077700000000177151323550650022716 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Core/css/source/_module.less000077700000002655151323550650024071 0ustar00/** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Core * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ @import '_icons.less'; .admin__menu .item-menu.parent.level-0 > a:before { content: @icon-mageplaza__content; font-family: @icons-mageplaza__font-name; font-size: 2rem; padding-top: .2rem; } .mageplaza-extensions .title:before { content: @icon-mageplaza__content; font-family: @icons-mageplaza__font-name; font-size: 1.3rem; padding-top: .2rem; } .row_mageplaza_module_version { .value { vertical-align: bottom !important; .special { font-weight: 600; } } } #mageplaza-module-messages { max-width: 75%; margin: 0 auto -35px; } [data-ui-id="menu-mageplaza-core-menu"] strong:before { display: none; /*no icon under Mageplaza tab*/ } ul[role="menu"] [data-ui-id^="menu-mageplaza"] strong:before { content: @icon-mageplaza__content; font-family: @icons-mageplaza__font-name;; font-size: 1.5rem; margin-right: .8rem; }pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Core/css/source/_icons.less000077700000001344151323550650023711 0ustar00/** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Core * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ @import "variables/_icons.less"; .lib-font-face( @family-name: @icons-mageplaza__font-name, @font-path: @icons-mageplaza__font-name-path, @font-weight: normal, @font-style: normal ); pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Core/css/source/variables/_icons.less000077700000001447151323550650025665 0ustar00/** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Core * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ @icons-mageplaza__font-name: 'Mageplaza Icons'; @icons-mageplaza__file-name: 'mageplaza-icons'; @icons-mageplaza__font-name-path: '@{baseDir}Mageplaza_Core/fonts/@{icons-mageplaza__file-name}/@{icons-mageplaza__file-name}'; @icon-mageplaza__content: '\e900'; pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Core/css/source/variables/.htaccess000077700000000177151323550650025320 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Core/css/source/.htaccess000077700000000177151323550650023350 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Core/css/.htaccess000077700000000177151323550650022050 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Core/.htaccess000077700000000177151323550650021260 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Tax/css/source/_module.less000077700000001151151323550650023414 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .block-footer .action-add { -webkit-appearance: none; &:extend(.action-default, button all); } .import-export-tax-rates { padding-top: @indent__base; } .block.mselect-list.paginated { .admin__action-multiselect-search-wrap { border: 1px solid @color-gray80; border-bottom: none; border-radius: 3px; margin: 0; padding: @action-multiselect-menu-item__padding; } .admin__action-multiselect-search-count { font-size: 1.3rem; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Tax/css/source/_module-old.less000077700000000635151323550650024176 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .mselect-items-wrapper { button { .lib-button-reset(); } } .block.mselect-list { .mselect-input { width: 100%; } .mselect-input-container { .mselect-save { top: 4px; } .mselect-cancel { top: 4px; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Tax/css/source/.htaccess000077700000000177151323550650022705 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Tax/css/.htaccess000077700000000177151323550650021405 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Tax/.htaccess000077700000000177151323550650020615 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Expedux_Chitfund/css/source/_module.less000077700000000077151323550650024462 0ustar00.data-grid th, .data-grid td{ font-size: 10px !important; }pub/static/adminhtml/Magento/backend/en_US/Expedux_Chitfund/css/source/.htaccess000077700000000177151323550650023745 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Expedux_Chitfund/css/.htaccess000077700000000177151323550650022445 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Expedux_Chitfund/.htaccess000077700000000177151323550650021655 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Msrp/css/source/_module-old.less000077700000000405151323550650024356 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .mage-dropdown-dialog.ui-dialog { .ui-dialog-content { overflow: visible; } .ui-dialog-buttonpane { padding: 0; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Msrp/css/source/.htaccess000077700000000177151323550650023072 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Msrp/css/.htaccess000077700000000177151323550650021572 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Msrp/.htaccess000077700000000177151323550650021002 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Catalog/css/source/_module.less000077700000004207151323550650024237 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Catalog product grid // --------------------------------------------- .catalog-product-index { .admin__data-grid-wrap { .data-row { cursor: pointer; } } } .catalog-category-edit { .admin__grid-control { .admin__grid-control-value { display: none; } } } .product-composite-configure-inner { .admin__control-text { &.qty { &:extend(.abs-control-qty all); } } } // // Create attribute panel // --------------------------------------------- // Panel description .admin__field-complex-attributes { .admin__field-complex-content { font-size: 2.4rem; padding: .5rem 0; } [class^='action-'] { &:extend(.abs-action-l all); } } // Grid search result summary .attributes-summary { &:extend(.abs-list-reset-styles all); .attributes-selected, .attributes-found { display: block; } } // // Category page sidebar // --------------------------------------------- .sidebar-actions { margin-bottom: @indent__base; [class*='action-'] { margin-bottom: @indent__xs; } } .catalog-category-edit, .catalog-category-add { // TODO: refactor trees .x-tree.tree-wrapper { overflow-x: auto; } } // // Advanced Inventory panel // --------------------------------------------- .admin__field-use-config { .admin__field + { margin-top: -@indent__base; } } // // Advanced Price panel // --------------------------------------------- .admin__control-fields { .control-grouped { .lib-vendor-prefix-display(inline-flex); .lib-vendor-prefix-flex-direction(row); .admin__field + .admin__field { margin-left: @indent__s; margin-top: 0; } } } // // Catalog Product Edit Action Attribute // --------------------------------------------- .admin__field-control { .attribute-change-checkbox { input[type='checkbox'].checkbox { margin-top: 0; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Catalog/css/source/_module-old.less000077700000013076151323550650025017 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .catalog-category-edit.page-layout-admin-2columns-left { .page-columns:before { display: none; } } .category-content { .ui-tabs-panel .fieldset { padding-top: 40px; .legend { display: none; } } } // // Product Massaction page //-------------------------------------- // Attributes .attributes-edit-form { .field { .addon { display: block; position: relative; } &:not(.field-weight) { .addon { input[type="text"] { border-width: 1px; } .addafter { display: block; border: 0; height: auto; width: auto; } input:focus ~ .addafter { box-shadow: none; } } } &.field-weight { .addon { .addafter { border-width: 0; } } } } .with-addon .textarea { margin: 0; } .attribute-change-checkbox { background: @color-white; display: block; margin-top: 5px; .label { float: none; padding: 0; width: auto; } } .field-price { label { &.mage-error { position: static; } } } .field-price, .field-special_price, .field-gift_wrapping_price, .field-msrp, .field-cost, .field-gift_wrapping_price { &:not(.field-weight) { .addon { .lib-vendor-prefix-display(inline-flex); .lib-vendor-prefix-flex-direction(row); color: #303030; display: inline-flex; flex-flow: row nowrap; margin: 0 0 35px; position: relative; width: 100%; z-index: 1; &._update-attributes-disabled { background: #f4f4f4; border-color: #d6d6d6; .addafter { strong { opacity: .5; } } } input[type="text"] { border: solid #adadad; border-width: 1px 1px 1px 0; &[disabled] { + .addafter { border-color: #d0d0d0; } &.mage-error { + .addafter { border-color: #eb8d8d !important; } } } } .addafter { border: solid #adadad; border-width: 1px 0 1px 1px; } } } ._update-attributes-disabled { .admin__control-text { background: none; } } .admin__control-text { .lib-css(appearance, none, 1); .lib-vendor-prefix-flex-basis(auto); .lib-vendor-prefix-flex-grow(1); .lib-vendor-prefix-flex-shrink(1); background: none; border: 0; } .control { .admin__control-text { &[disabled] { background: none; } } } .addafter { .lib-vendor-prefix-flex-basis(auto); .lib-vendor-prefix-flex-grow(0); .lib-vendor-prefix-flex-shrink(0); .lib-vendor-prefix-order(0); position: relative; z-index: 0; strong { padding-top: 4px; position: relative; vertical-align: top; z-index: 1; + strong { padding-left: 0; } } } .attribute-change-checkbox { left: 0; position: absolute; top: 35px; } } .field.type-price, .field-price, .field-special_price, .field-msrp, .field-weight { input:focus + label { box-shadow: none; } } .field-special_from_date, .field-special_to_date, .field-news_from_date, .field-news_to_date, .field-custom_design_from, .field-custom_design_to { > .control .input-text { border-width: 1px; width: 130px; } } .field-weight { .fields-group-2 { .control { padding-right: 27px; .addafter + .addafter { border-width: 1px 1px 1px 0; border-style: solid; height: 31px; right: 0; position: absolute; top: 0; } .addafter strong { line-height: 31px; } > input:focus + .addafter + .addafter { border-color: #007bdb; } } } } .fieldset > .addafter { display: none; } } // Inventory .advanced-inventory-edit { .field.choice { display: block; margin: 3px 0 0; .label { padding-top: 1px; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Catalog/css/source/.htaccess000077700000000177151323550650023523 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Catalog/css/.htaccess000077700000000177151323550650022223 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Catalog/.htaccess000077700000000177151323550650021433 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_LoginAsCustomerAdminUi/css/source/_module.less000077700000002235151323550650027211 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ // // Variables // --------------------------------------------- @lac-confirm-popup-title-background-color: #ccc; @lac-confirm-popup-content-color: #514943; // // Common // --------------------------------------------- & when (@media-common = true) { .modal-popup.confirm.lac-confirm { .modal-inner-wrap { max-width: 55rem; } .modal-title { border-bottom: 1px solid @lac-confirm-popup-title-background-color; padding-bottom: 15px; width: 100%; } .store-view-ptions { padding-top: 15px; } .modal-content { .message-warning { padding-left: 4.5rem; &:before { color: @lac-confirm-popup-content-color; left: 5px; } } } } .page-actions { .page-actions-buttons { .login-button { -ms-flex-order: -1; -webkit-order: -1; order: -1; } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_LoginAsCustomerAdminUi/css/source/.htaccess000077700000000177151323550650026476 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_LoginAsCustomerAdminUi/css/.htaccess000077700000000177151323550650025176 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_LoginAsCustomerAdminUi/.htaccess000077700000000177151323550650024406 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_VisualMerchandiser/css/source/_module.less000077700000015646151323550650026466 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .merchandiser-app { &:extend(.abs-clearfix all); ul.tabs { float: right; } .merchandiser-tab { padding: 0; } .tabs { &:extend(.abs-clearfix all); list-style: none; overflow: hidden; li { background-color: @color-gray94; float: left; > a { border: 1px solid @color-gray80; color: @color-very-dark-gray1; display: block; padding: 7px 10px; text-decoration: none; } } li:last-child > a { border-left: 0; } li.ui-tabs-active { background-color: @color-gray85; } } .catalog-category-merchandiser-list { overflow: hidden; > li { background-color: @color-white; border: 1px solid @color-gray85; float: left; height: 340px; list-style: none; margin: 0 25px 20px 0; padding: 10px; width: 190px; } .image-holder { text-align: center; img { max-height: 130px; } } .controlbar-top { overflow: hidden; a { color: @color-gray85; cursor: move; display: block; float: left; text-decoration: none; } a:last-child { cursor: pointer; float: right; } } .info-block { height: 100px; > span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } } .controlbar-bottom { .position { border-top: 1px solid @color-gray85; margin-top: 6px; padding-top: 4px; input { float: left; height: 25px; margin-right: 5px; width: 50px; } a { color: @color-gray85; display: block; float: left; margin-right: 5px; margin-top: -2px; text-decoration: none; } } } .selected { background-color: @color-pink-light; } } .draggable-handle { &:extend(.abs-draggable-handle all); } table.data-grid { th.col-draggable-position { margin: 0 auto; width: 10px; } td.col-position { > * { float: left; margin-right: 5px; } .position input { text-align: center; width: 40px; } a { color: @color-gray85; text-decoration: none; } } .selected td { background-color: @color-pink-light; } tr.on-mouse td { background-color: @color-blue-clear-sky; } } .mode-tile, .mode-grid, .icon-gripper, .icon-close-mage, .icon-backward, .icon-forward, .block-search .label { &:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-size: 17px; speak: none; } } .mode-grid, .mode-tile, .icon-backward, .icon-forward, .icon-close-mage, .icon-gripper { > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .mode-tile { &:before { content: '\e63d'; } } .mode-grid { &:before { content: '\e63e'; } } .icon-gripper { &:before { content: '\e617'; } } .icon-close-mage { &:before { content: '\e62f'; } } .icon-backward { &:before { content: '\e619'; } } .icon-forward { &:before { content: '\e618'; } } .hidden { display: none; } .automatic-sorting { margin-bottom: 5px; margin-top: 5px; } } .catalog-category-add-product-tabs-content { .admin__data-grid-header { .admin__data-grid-pager-wrap { float: right; } } .data-grid-search-control-wrap { .massassign-textarea, .massassign-buttons, .massassign-messages { display: block; margin: 5px; } } } // // Merchandiser manage rules // --------------------------------------------- .manage-rules-panel { box-sizing: border-box; margin: @indent__base 0 0; .message { margin: 0 0 @indent__base; } .admin__data-grid-wrap { padding-bottom: 0; } .smart-category-table { .action-delete { .action-icon(); &:before { &:extend(.abs-icon all); content: @icon-delete__content; } > span { display: none; } } } .hidden { + .action-secondary { margin-top: @indent__base; } } } // // Merchandiser toolbar // --------------------------------------------- .regular-category-settings { &:extend(.abs-clearfix all); margin: 0 0 @indent__base; .actions { float: right; } } .merchandiser-toolbar { float: left; width: 80%; .admin__field { display: inline-block; margin-right: @indent__s; } } .merchandiser-toolbar, .manage-rules-sorting { .admin__field { > .admin__field-label { margin-right: @indent__xs; text-align: left; span { white-space: nowrap; } } } } // // Match products by rule switcher // --------------------------------------------- // ToDo UI: refactor when refactoring yes/no switcher .smart-category-switcher { &:extend(.abs-clearfix all); margin: 0 0 @indent__base; .admin__actions-switch { margin-left: @indent__xs; } } // // Merchandiser tabs // --------------------------------------------- // ToDo UI: refactor merchant tabs .merchandiser-tabs { &:extend(.abs-clearfix all); border-top: 1px solid @color-gray80; padding: @indent__base 0 0; .merchandiser-tab { border-top: 0 !important; clear: both; } } pub/static/adminhtml/Magento/backend/en_US/Magento_VisualMerchandiser/css/source/.htaccess000077700000000177151323550650025741 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_VisualMerchandiser/css/.htaccess000077700000000177151323550650024441 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_VisualMerchandiser/.htaccess000077700000000177151323550650023651 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Integration/css/source/_module.less000077700000003135151323550650025147 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .adminhtml-integration-index { .data-grid { .action { &:extend(.abs-action-reset all); &[disabled] { color: @color-gray-light2; cursor: not-allowed; opacity: 0.6; } &:hover { &:before { color: @color-gray-middle3; } } &:before { &:extend(.abs-icon all); } &.edit { &:before { content: @icon-edit__content; } } &.info { &:before { content: @icon-info__content; } } &.delete { &:before { content: @icon-delete__content; } } } } .security-notice { color: @color-red11; font-size: @font-size__tiny; margin-left: 1.5rem; vertical-align: middle; &:before { &:extend(.abs-icon all); content: @icon-warning__content; margin-right: @indent__xs; } } input[readonly] { cursor: copy; } .ui-dialog { .ui-dialog-buttonpane { float: none; .ui-dialog-buttonset { text-align: right; } } } .no-close { .ui-dialog-titlebar-close { display: none; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Integration/css/source/.htaccess000077700000000177151323550650024434 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Integration/css/.htaccess000077700000000177151323550650023134 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Integration/.htaccess000077700000000177151323550650022344 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CustomerBalance/css/source/_module.less000077700000000524151323550650025732 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .field-refund-store-credit { .admin__control-text { margin-left: @indent__s; width: 8rem; } } .order-creditmemo-tables { &:extend(.abs-order-tables all); &:extend(.abs-order-tbody-border all); } pub/static/adminhtml/Magento/backend/en_US/Magento_CustomerBalance/css/source/.htaccess000077700000000177151323550650025220 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CustomerBalance/css/.htaccess000077700000000177151323550650023720 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CustomerBalance/.htaccess000077700000000177151323550650023130 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftRegistry/css/source/_module.less000077700000001546151323550650025312 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Gift Registry styles // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .gift-registry-info { float: left; #mix-grid .width(6,12); } .gift-registry-address { float: right; #mix-grid .width(6,12); } } .form-sharing-info { .admin__legend { &:extend(.abs-clearfix all); border-bottom: 1px solid @color-gray80; margin-bottom: 1.7rem; padding: 1.4rem 0 .5rem; span { &:extend(h2); float: left; margin: 0; } } .sharing-info-textarea { display: block; height: 50px; margin-bottom: @indent__m; } } pub/static/adminhtml/Magento/backend/en_US/Magento_GiftRegistry/css/source/_module-old.less000077700000000302151323550650026053 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Stores -> Gift Registry // --------------------------------------------- pub/static/adminhtml/Magento/backend/en_US/Magento_GiftRegistry/css/source/.htaccess000077700000000177151323550650024573 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftRegistry/css/.htaccess000077700000000177151323550650023273 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftRegistry/.htaccess000077700000000177151323550650022503 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/js-translation.json000077700000000564151323550650020454 0ustar00{"The address is not valid":"We found potential improvements for this address:","Warning: Updating the address will replace all street address fields.":"<strong>Warning:<\/strong> Updating the address will replace <em>all<\/em> street address fields.","We did not find a valid address":"The address could not be validated. Please ensure it is correct before continuing."}pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/_module.less000077700000000267151323550650023244 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @import 'module/_data-grid.less'; @import 'module/_masonry-grid.less'; pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/_module-old.less000077700000021240151323550650024012 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // --------------------------------------------- @admin__color1: #adadad; @admin__color2: #d3d3d3; @admin__color3: #e0e0e0; @admin__color4: #666; @spacing__base: 10px; @spacing-xs: @spacing__base; @spacing-s: @spacing__base; @spacing-m: 15px; @spacing-l: @spacing__base; @spacing-xl: @spacing__base; @size__base: 1rem; @size-xs: @size__base; @size-s: @size__base; @size-m: @size__base * 1.2; @size-l: @size__base; @size-xl: @size__base; @field-date-icon--color: #514943; // [class*="tab-nav-item"]:not(ul):active, [class*="tab-nav-item"]:not(ul):focus { box-shadow: none; outline: none; } .customer-index-edit { .main-col { padding-left: 40px; } } .tab-nav { &.block { margin-bottom: 40px; &:first-child { margin-top: 16px; } .block-title { padding: 7px 20px; } } &-items { padding: 0; border: 1px solid @admin__color2; @_shadow: 0 0 4px rgba(50, 50, 50, .35); .lib-css(box-shadow, @_shadow); margin: 0 0 40px; background: #f7f7f7; } &-item { padding: 0; list-style-type: none; border-bottom: 1px solid @admin__color3; position: relative; margin: 0 @spacing-m; z-index: 1; &:last-child { border-bottom: 0; } &.ui-state-active { z-index: 2; background: @color-white; padding: 1px (@spacing-m - 1px); border: 2px solid #eb5202; margin: -1px; .tab-nav-item-link { padding: (@spacing-m - 2px) @spacing-m (@spacing-m - 2px); color: #eb5202; } } &.ui-tabs-loading { position: relative; z-index: 1; &:before { content: ""; display: block; position: absolute; z-index: 2; background: url('../images/loader-2.gif') no-repeat 50% 50%; background-size: 120px; width: 20px; height: 20px; top: 13px; left: -10px; } &.ui-state-active:before { top: 12px; left: 4px; } } &-link { display: block; padding: @spacing-m; color: @admin__color4; line-height: 1; &:focus, &:active, &:hover { outline: 0; color: #eb5202; text-decoration: none; } &.changed { font-style: italic; } } } } .ui-state-active .tab-nav-item-link { color: @admin__color4; font-weight: 600; } .listing-tiles { overflow: hidden; margin-top: -10px; margin-left: -10px; .listing-tile { background-color: #f2ebde; display: block; width: 238px; height: 200px; float: left; border: 1px solid #676056; margin-top: 10px; margin-left: 10px; border-radius: 4px; text-align: center; &.disabled { border-color: red; } &.enabled { border-color: green; } } } .listing { .disabled { color: red; } .enabled { color: green; } } .pager { text-align: left; padding-bottom: 10px; .lib-clearfix(); [data-part=left] { display: block; width: 45%; float: left; text-align: left; } [data-part=right] { display: block; width: 45%; text-align: right; float: right; -moz-user-select: none; // use in 36 Firefox -webkit-user-select: none; // use in 41 Chrome -ms-user-select: none; // use in 11 IE user-select: none; } .action-next { cursor: pointer; } .action-previous { cursor: pointer; } } .grid-actions { [data-part=search] { display: inline-block; margin: 0 30px; input[type=text] { vertical-align: bottom; width: 460px; } } } .grid { .col-title { min-width: 90px; text-align: center; } .actions-split { .lib-clearfix(); display: inline-block; position: relative; z-index: 100; &.active { .dropdown-menu { display: block; opacity: 1; visibility: visible; } } .action-toggle, .action-default { float: left; margin: 0; } .action-default { margin-right: 3rem; } .action-toggle { border-left-color: rgba(0, 0, 0, .2); bottom: 0; padding-left: 0; padding-right: 3rem; position: absolute; right: 0; top: 0; &.active { &:after { transform: rotate(180deg); } } &:after { border-color: #645d53 transparent transparent transparent; border-style: solid; border-width: .5rem .5rem 0 .5rem; content: ''; height: 0; margin-top: -.25rem; position: absolute; right: 1rem; top: 50%; width: 0; } &:hover { &:after { border-color: darken(#645d53, 10%) transparent transparent transparent; } } > span { .lib-visually-hidden(); } } } .grid-actions { padding: 10px 0; } .hor-scroll { padding-top: 10px; } .select-box { display: inline-block; vertical-align: top; margin: -12px -10px -7px; padding: 12px 10px 7px; width: 100%; } } // // Form Component // .field .control input[type='text'][disabled], .field .control input[type='text'][disabled] ~ .addafter, .field .control select[disabled], .field .control select[disabled] ~ .addafter { background-color: #e9e9e9; border-color: #adadad; color: #303030; opacity: .5; cursor: not-allowed; } // ToDo: remove after "Product Attributes Mass update" implementation .attributes-edit-form { .field { .control { input[type='text'][disabled] ~ .addafter, select[disabled] ~ .addafter, .attribute-change-checkbox { background: none; color: #676056; cursor: inherit; opacity: 1; strong { background: none; } } } } .weight-switcher { .lib-vendor-prefix-flex-grow(1); margin-top: 18px; .admin__control-switcher { .label { display: block; float: none; text-align: left; width: auto; } .admin__field-option { position: relative; } .admin__control-radio { position: absolute; } } .mage-error { + .addafter { + .admin__addon-suffix, + .admin__addon-suffix:hover { &:before { border-color: #e22626 !important; } } } &[disabled] { border-color: #eb8d8d !important; } } } .field-weight { .addon { + .mage-error { margin-top: 14px; } } } } .field .control input[type='text'][disabled], .field .control select[disabled] { ~ .addafter strong { background-color: #e9e9e9; } } .field-price.addon { direction: rtl; } .field-price.addon > * { direction: ltr; } .field-price.addon .addafter { border-width: 1px 0 1px 1px; border-radius: 2px 0 0 2px; } .field-price.addon input:first-child { border-radius: 0 2px 2px 0; } .field-price input[type="text"] { border-width: 1px 1px 1px 0; } .field-price input ~ label.addafter strong { margin-left: 2px; margin-right: -2px; } .field-price.addon > input { width: 99px; float: left; } .field-price .control { position: relative; } .field-price label.mage-error { position: absolute; left: 0; top: 30px; } static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/module/data-grid/_data-grid-static.less000077700000002577151323550650030150 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // UI -> Data Grid -> Static grid // _____________________________________________ .admin__data-grid-wrap-static { .data-grid { box-sizing: border-box; thead { color: @text__color; } tr { &:nth-child(even) { td { background-color: @data-grid-td__even__background-color; &._dragging { background-color: fade(@data-grid-td__even__background-color, @data-grid-td__dragging__opacity); } } } } ul { margin-left: @data-grid-cell__padding-horizontal; padding-left: @data-grid-cell__padding-horizontal; } } .admin__data-grid-loading-mask { background: rgba(255, 255, 255, .5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: @data-grid-overlay__z-index; .grid-loader { background: url('@{baseDir}images/loader-2.gif') 50% 50% no-repeat; bottom: 0; height: 149px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 218px; } } } static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/module/data-grid/_data-grid-header.less000077700000004653151323550650030106 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // UI -> Data Grid -> Header // _____________________________________________ // // Components // --------------------------------------------- @import 'data-grid-header/_data-grid-filters.less'; @import 'data-grid-header/_data-grid-pager.less'; // Actions group @import 'data-grid-header/_data-grid-action-bookmarks.less'; @import 'data-grid-header/_data-grid-action-columns.less'; @import 'data-grid-header/_data-grid-action-export.less'; @import 'data-grid-header/_data-grid-sticky-header.less'; .admin__data-grid-header { font-size: @font-size__base; // ToDo UI: should be deleted, added to prevent fz override with .grid } .admin__data-grid-header-row { &:extend(.abs-clearfix all); + .admin__data-grid-header-row { margin-top: @data-grid-header-row__indent - @data-grid-header-add-indent__bottom; } &:last-child { margin-bottom: 0; } .action-select-wrap { display: block; } .action-select { width: 100%; } } // // Data grid Header Actions group // --------------------------------------------- .admin__data-grid-actions-wrap { float: right; margin-left: 1.1rem; margin-top: -@data-grid-header-add-indent__top; text-align: right; .admin__action-dropdown-wrap { position: relative; text-align: left; vertical-align: middle; &._active, &._active + .admin__action-dropdown-wrap, // ToDo UI: remove after bookmarks ready &._hide + .admin__action-dropdown-wrap, &:first-child { &:after { display: none; } } &._active { .admin__action-dropdown, .admin__action-dropdown-menu { border-color: @action__border-color; } } &:after { border-left: 1px solid @color-gray80; content: ''; height: @action__height; left: 0; position: absolute; top: @data-grid-header-add-indent__top; z-index: 3; } } .admin__action-dropdown { padding-bottom: @action-dropdown__padding-bottom + @data-grid-header-add-indent__bottom; padding-top: @action-dropdown__padding-top + @data-grid-header-add-indent__top; &:after { margin-top: -.4rem; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/module/data-grid/.htaccess000077700000000177151323550650025647 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>backend/en_US/Magento_Ui/css/source/module/data-grid/data-grid-header/_data-grid-action-export.less000077700000001613151323550650034525 0ustar00pub/static/adminhtml/Magento// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // UI -> Data Grid -> Header -> Export // _____________________________________________ .admin__data-grid-action-export { &._active { opacity: @component-modal__opacity; z-index: @data-grid-action__z-index; } .admin__action-dropdown { &:before { &:extend(.abs-icon all); content: @icon-export__content; font-size: 1.7rem; // Static left: .3rem; margin-right: @action__outer-indent; vertical-align: top; } } } .admin__data-grid-action-export-menu { padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; .admin__action-dropdown-footer-main-actions { padding-bottom: 2rem; padding-top: 2.5rem; white-space: nowrap; } } en_US/Magento_Ui/css/source/module/data-grid/data-grid-header/_data-grid-action-bookmarks.less000077700000012703151323550650035176 0ustar00pub/static/adminhtml/Magento/backend// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // UI -> Data Grid -> Header -> Action Default View // _____________________________________________ // // Variables // --------------------------------------------- @action-dropdown-menu__font-size: 1.3rem; @action-dropdown-menu-item__background-color: @page-wrapper__background-color; @action-dropdown-menu-item__padding-vertical: 1rem; @action-dropdown-menu-item__padding-left: 2rem; @action-dropdown-menu-item__hover__background-color: @color-gray89; @action-dropdown-menu-item-actions__size: 1.7rem; @action-dropdown-menu-item-actions__width: 5rem; @action-dropdown-menu-item-action-icon__padding-horizontal: 1.4rem; @action-dropdown-menu-item-action-icon__padding-vertical: .6rem; // .admin__data-grid-action-bookmarks { .admin__action-dropdown-menu__align(right); opacity: @component-modal__opacity; &._active { z-index: @data-grid-action__z-index; } .admin__action-dropdown { .admin__action-dropdown-text { display: inline-block; max-width: 15rem; min-width: 4.9rem; vertical-align: top; .lib-text-overflow(); } &:before { &:extend(.abs-icon all); content: @icon-views__content; } } .admin__action-dropdown-menu { font-size: @action-dropdown-menu__font-size; left: 0; padding: 1rem 0 @action-dropdown-menu-item__padding-vertical; right: auto; > li { padding: 0 @action-dropdown-menu-item-actions__width 0 0; position: relative; white-space: nowrap; &:not(.action-dropdown-menu-action) { transition: @smooth__background-color; &:hover { background-color: @action-dropdown-menu-item__hover__background-color; } } } .action-dropdown-menu-item { max-width: 23rem; min-width: 18rem; white-space: normal; word-break: break-all; } .action-dropdown-menu-item-edit { display: none; padding-bottom: @action-dropdown-menu-item__padding-vertical; padding-left: @action-dropdown-menu-item__padding-left / 2; padding-top: @action-dropdown-menu-item__padding-vertical; .action-dropdown-menu-item-actions { padding-bottom: @action-dropdown-menu-item__padding-vertical; padding-top: @action-dropdown-menu-item__padding-vertical; } } // Menu actions .action-dropdown-menu-action { padding-left: @action-dropdown-menu-item__padding-left / 2; padding-top: @action-dropdown-menu-item__padding-vertical; + .action-dropdown-menu-item-last { padding-top: .5rem; } > a { .link-pattern(); display: inline-block; padding-left: 1.1rem; } } // Save action .action-dropdown-menu-item-last { padding-bottom: 0; } // Edit state ._edit { .action-dropdown-menu-item { display: none; } .action-dropdown-menu-item-edit { display: block; } } // Active item ._active { .action-dropdown-menu-link { font-weight: @font-weight__semibold; } } // Edit item .admin__control-text { font-size: @action-dropdown-menu__font-size; min-width: 15rem; width: ~'calc(100% - 4rem)'; } .action-dropdown-menu-item-actions { border-left: 1px solid @action-dropdown-menu-item__background-color; bottom: 0; position: absolute; right: 0; top: 0; width: @action-dropdown-menu-item-actions__width; } .action-dropdown-menu-link { .action-dropdown-menu-link-pattern(); padding: @action-dropdown-menu-item__padding-vertical 1rem @action-dropdown-menu-item__padding-vertical @action-dropdown-menu-item__padding-left + .1rem; } } // Icon actions .action-submit, .action-delete, .action-edit { .action-reset(); vertical-align: top; &:before { &:extend(.abs-icon all); font-size: @action-dropdown-menu-item-actions__size; } > span { .hidden(); } } .action-delete, .action-edit { padding: @action-dropdown-menu-item-action-icon__padding-vertical @action-dropdown-menu-item-action-icon__padding-horizontal; &:active { .scale(); } } .action-submit { padding: @action-dropdown-menu-item-action-icon__padding-vertical 1rem @action-dropdown-menu-item-action-icon__padding-vertical .8rem; &:active { position: relative; right: -1px; } &:before { content: @icon-arrow-right__content; } } .action-delete { &:before { content: @icon-delete__content; } } .action-edit { padding-top: @action-dropdown-menu-item-action-icon__padding-vertical + .2rem; &:before { content: @icon-edit__content; } } } Magento/backend/en_US/Magento_Ui/css/source/module/data-grid/data-grid-header/_data-grid-pager.less000077700000002401151323550650033023 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // UI -> Data Grid -> Header -> Pager // _____________________________________________ // // Variables // --------------------------------------------- @data-grid-pager-action__width: 4.4rem; // .admin__data-grid-pager-wrap { float: right; text-align: right; } .admin__data-grid-pager { display: inline-block; margin-left: @content__indent; .admin__control-text::-webkit-outer-spin-button, .admin__control-text::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .admin__control-text { -moz-appearance: textfield; text-align: center; width: @data-grid-pager-action__width; } } .action-previous, .action-next { width: @data-grid-pager-action__width; &:before { &:extend(.abs-icon all); font-weight: @font-weight__bold; } > span { .hidden(); } } .action-previous { margin-right: 2.5rem; text-indent: -.25em; &:before { content: @icon-caret-left__content; } } .action-next { margin-left: 1.5rem; text-indent: .1em; &:before { content: @icon-caret-right__content; } } adminhtml/Magento/backend/en_US/Magento_Ui/css/source/module/data-grid/data-grid-header/.htaccess000077700000000177151323550650030652 0ustar00pub/static<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>backend/en_US/Magento_Ui/css/source/module/data-grid/data-grid-header/_data-grid-filters.less000077700000024216151323550650033405 0ustar00pub/static/adminhtml/Magento// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // UI -> Data Grid -> Header -> Filters // _____________________________________________ // // Variables // --------------------------------------------- @data-grid-search-action__size: 2rem; @data-grid-search-menu-item__background-color: @color-blue-clear-sky; @data-grid-filters__font-size: 1.3rem; @data-grid-filters__background-color: @page-wrapper__background-color; @data-grid-filters-fieldset__inner-side: 4rem; @data-grid-filters-fieldset__columns: 4; @data-grid-filters-label__width: 25%; @data-grid-filters-action__padding-right: 2.1rem; @data-grid-filters-action__padding-left: 1.7rem; @data-grid-filters-action__active__border-color: @color-gray80; @data-grid-filters-action__active__color: @color-phoenix; @data-grid-filters-current__margin-borrom: .9rem; @data-grid-filters-current-action-remove__background-color: @color-gray68; @data-grid-filters-current-action-remove__hover__background-color: darken(@data-grid-filters-current-action-remove__background-color, 10%); @data-grid-filters-current-action-remove__size: 1.6rem; @data-grid-search-menu__z-index: @data-grid-overlay__z-index - 1; @data-grid-search-control-action-menu-item__quantity: 5; // // Filter action & search // --------------------------------------------- .data-grid-filters-actions-wrap { float: right; } // Data Grid Search .data-grid-search-control-wrap { float: left; max-width: 45.5rem; position: relative; width: 35%; :-ms-input-placeholder { font-style: italic; } ::-webkit-input-placeholder { font-style: italic; } ::-moz-placeholder { font-style: italic; } // Submit/search icon .action-submit { .action-reset(); padding: .6rem 2rem .2rem; position: absolute; right: 0; top: 1px; &:active { .scale(); } &:hover { &:before { color: darken(@text__color, 10%); } } &:focus { ._keyfocus & { box-shadow: @focus__box-shadow; } } &:before { &:extend(.abs-icon all); content: @icon-search__content; font-size: @data-grid-search-action__size; transition: @smooth__color; } > span { .hidden(); } } .action-menu { max-height: 3.85rem * @data-grid-search-control-action-menu-item__quantity; // @todo: change static item height overflow-y: auto; z-index: @data-grid-search-menu__z-index; } .action-menu-item { &._selected { background-color: @data-grid-search-menu-item__background-color; } } .data-grid-search-label { display: none; } } .data-grid-search-control { padding-right: @data-grid-search-action__size + 2rem * 2; width: 100%; } // Action .data-grid-filters-action-wrap { float: left; padding-left: @indent__base; .action-default { font-size: @data-grid-filters__font-size; margin-bottom: 1rem; padding-left: @data-grid-filters-action__padding-left; padding-right: @data-grid-filters-action__padding-right; padding-top: @action__padding-top + .1rem; &._active { background-color: @data-grid-filters__background-color; border-bottom-color: @data-grid-filters__background-color; border-right-color: @data-grid-filters-action__active__border-color; font-weight: @font-weight__semibold; margin: -.1rem 0 0; padding-bottom: 1.6rem; padding-top: @action__padding-top + .2rem; position: relative; z-index: @data-grid-header__z-index - 19; &:after { background-color: @data-grid-filters-action__active__color; bottom: 100%; content: ''; height: 3px; left: -1px; position: absolute; right: -1px; } } &:before { &:extend(.abs-icon all); color: @action-dropdown__color; content: @icon-filter__content; font-size: 1.8rem; margin-right: .4rem; position: relative; top: -1px; vertical-align: top; } } .filters-active { display: none; } } .admin__action-grid-select { .admin__control-select { margin: -.5rem .5rem 0 0; padding-bottom: .6rem; padding-top: .6rem; } } // // Filters content // --------------------------------------------- .admin__data-grid-filters-wrap { .appearing__off(); clear: both; font-size: @data-grid-filters__font-size; transition: opacity .3s ease; &._show { .appearing__on(); border-bottom: 1px solid @data-grid-filters-action__active__border-color; border-top: 1px solid @data-grid-filters-action__active__border-color; margin-bottom: .7rem; padding: 3.6rem 0 3rem; position: relative; top: -1px; z-index: @data-grid-header__z-index - 20; .admin__data-grid-filters-footer, .admin__data-grid-filters { display: block; } } // Field labels .admin__form-field-legend, .admin__form-field-label { display: block; font-weight: bold; margin: 0 0 .3rem; text-align: left; } // First level field .admin__form-field { display: inline-block; margin-bottom: 2em; margin-left: 0; padding-left: @data-grid-filters-fieldset__inner-side / 2; padding-right: @data-grid-filters-fieldset__inner-side / 2; vertical-align: top; width: ~'calc(100% / @{data-grid-filters-fieldset__columns} - 4px)'; // Inner fields .admin__form-field { display: block; float: none; margin-bottom: 1.5rem; padding-left: 0; padding-right: 0; width: auto; &:last-child { margin-bottom: 0; } // Inner field labels .admin__form-field-label { border: @field-control__border-width solid transparent; float: left; font-weight: normal; line-height: @field-control__line-height; margin-bottom: 0; padding-bottom: @field-control__padding-bottom; padding-right: 1em; padding-top: @field-control__padding-top; width: @data-grid-filters-label__width; } .admin__form-field-control { margin-left: @data-grid-filters-label__width; } } } .admin__form-field-label, .admin__control-text, .admin__control-select, .admin__action-multiselect { font-size: @data-grid-filters__font-size; } .admin__control-select { height: @action__height; padding-top: @action__padding-top - .1rem; } .admin__action-multiselect { &:before { height: @action__height; width: @action__height; } } // Date control .admin__control-text._has-datepicker, .admin__control-select { width: 100%; } } // Filters content wrap .admin__data-grid-filters { &:extend(.abs-clearfix all); display: none; margin-left: -(@data-grid-filters-fieldset__inner-side / 2); margin-right: -(@data-grid-filters-fieldset__inner-side / 2); } .admin__filters-legend { .hidden(); } // Filters footer .admin__data-grid-filters-footer { &:extend(.abs-clearfix all); display: none; font-size: @font-size__base; .admin__footer-main-actions { margin-left: 25%; text-align: right; } .admin__footer-secondary-actions { float: left; width: 50%; } } // // Chips // --------------------------------------------- // Current chips .admin__data-grid-filters-current { border-bottom: .1rem solid @data-grid-filters-action__active__border-color; border-top: .1rem solid @data-grid-filters-action__active__border-color; display: none; font-size: @data-grid-filters__font-size; margin-bottom: @data-grid-filters-current__margin-borrom; padding-bottom: .8rem; padding-top: 1.1rem; width: 100%; &._show { display: table; position: relative; top: -1px; z-index: 3; + .admin__data-grid-filters-wrap { &._show { margin-top: -(@data-grid-filters-current__margin-borrom + .1rem); } } } } .admin__current-filters-list-wrap, .admin__current-filters-title-wrap, .admin__current-filters-actions-wrap { display: table-cell; vertical-align: top; } .admin__current-filters-title { margin-right: 1em; white-space: nowrap; } .admin__current-filters-list-wrap { width: 100%; word-break: break-all; } .admin__current-filters-list { margin-bottom: 0; > li { display: inline-block; font-weight: @font-weight__semibold; margin: 0 1rem .5rem; padding-right: @data-grid-filters-current-action-remove__size + 1rem; position: relative; } .action-remove { .action-reset(); line-height: 1; position: absolute; right: 0; top: 1px; &:hover { &:before { color: @data-grid-filters-current-action-remove__hover__background-color; } } &:active { .scale(); } &:before { &:extend(.abs-icon all); color: @data-grid-filters-current-action-remove__background-color; content: @icon-remove-small__content; font-size: @data-grid-filters-current-action-remove__size; transition: @smooth__color; } > span { .hidden(); } } } .admin__current-filters-actions-wrap { .action-clear { border: none; padding-bottom: 0; padding-top: 0; white-space: nowrap; } } backend/en_US/Magento_Ui/css/source/module/data-grid/data-grid-header/_data-grid-sticky-header.less000077700000017373151323550650034477 0ustar00pub/static/adminhtml/Magento// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @data-grid-sticky-header__background-color: @color-white-fog; @data-grid-sticky-header__border-color: @color-gray89; @data-grid-sticky-header__box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25); @data-grid-sticky-header-actions__background-color: @color-white; @data-grid-sticky-header-actions__border-color: @action__border-color; @data-grid-sticky-header-actions__box-shadow: @component__box-shadow__base; @data-grid-sticky-header-actions__margin: -@indent__xs 0 0 1.1rem; @data-grid-sticky-header-actions__padding: .6rem; @data-grid-sticky-header-actions__z-index: 210; @data-grid-sticky-header-action-select__width: percentage((2 / @grid-columns)); // .sticky-header { background-color: @data-grid-sticky-header__background-color; border-bottom: 1px solid @data-grid-sticky-header__border-color; box-shadow: @data-grid-sticky-header__box-shadow; left: @page-wrapper__indent-left; margin-top: -1px; padding: @indent__xs @indent__l 0; position: fixed; right: 0; top: 77px; z-index: @data-grid-sticky-header__z-index; .admin__data-grid-wrap { margin-bottom: 0; overflow-x: visible; padding-bottom: 0; } .admin__data-grid-header-row { position: relative; text-align: right; &:last-child { margin: 0; } } .data-grid-search-control-wrap, .data-grid-filters-actions-wrap, .admin__data-grid-filters-wrap, .admin__data-grid-pager-wrap, .admin__data-grid-actions-wrap { display: inline-block; float: none; vertical-align: top; } // Action select .action-select-wrap { float: left; margin-right: 1.5rem; width: @data-grid-sticky-header-action-select__width; } // Total found .admin__control-support-text { float: left; } // Data Grid Search .data-grid-search-control-wrap { margin: @data-grid-sticky-header-actions__margin; width: auto; .data-grid-search-label { box-sizing: border-box; cursor: pointer; display: block; min-width: 3.8rem; padding: 1.2rem @data-grid-sticky-header-actions__padding 1.7rem; position: relative; text-align: center; &:before { &:extend(.abs-icon all); color: @action-dropdown__color; content: @icon-search__content; font-size: @data-grid-search-action__size; transition: @smooth__color; } &:hover { &:before { color: @action-dropdown__hover__color; } } span { display: none; } } } // Filters .data-grid-filters-actions-wrap { margin: @data-grid-sticky-header-actions__margin; padding-left: 0; position: relative; .action-default { background-color: transparent; border: 1px solid transparent; box-sizing: border-box; min-width: 3.8rem; padding: 1.2rem @data-grid-sticky-header-actions__padding 1.7rem; text-align: center; transition: all @appearing__transition-duration @apperaing__transition-timing-function; span { display: none; } &:before { margin: 0; } &._active { background-color: @data-grid-sticky-header-actions__background-color; border-bottom-color: @data-grid-sticky-header-actions__background-color; border-left-color: @data-grid-sticky-header-actions__border-color; border-right-color: @data-grid-sticky-header-actions__border-color; border-top-color: @data-grid-sticky-header-actions__border-color; box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); z-index: @data-grid-sticky-header-actions__z-index; &:after { background-color: @data-grid-sticky-header-actions__background-color; content: ''; height: 6px; left: -2px; position: absolute; right: -6px; top: 100%; } } } } .data-grid-filters-action-wrap { padding: 0; } .admin__data-grid-filters-wrap { background-color: @data-grid-sticky-header-actions__background-color; border: 1px solid @data-grid-sticky-header-actions__border-color; box-shadow: @data-grid-sticky-header__box-shadow; left: 0; padding-left: 3.5rem; padding-right: 3.5rem; position: absolute; top: 100%; width: 100%; z-index: @data-grid-sticky-header-actions__z-index - 1; } .admin__data-grid-filters-current { + .admin__data-grid-filters-wrap { &._show { margin-top: -6px; } } } .filters-active { background-color: @color-phoenix-down; border-radius: 10px; color: @color-white; display: block; font-size: @font-size__base; font-weight: @font-weight__bold; padding: .1rem .7rem; position: absolute; right: -7px; top: 0; z-index: @data-grid-sticky-header-actions__z-index + 1; &:empty { padding-bottom: 0; padding-top: 0; } } // Default view & columns .admin__data-grid-actions-wrap { margin: @data-grid-sticky-header-actions__margin; padding-right: .3rem; .admin__action-dropdown { background-color: transparent; box-sizing: border-box; min-width: 3.8rem; padding-left: @data-grid-sticky-header-actions__padding; padding-right: @data-grid-sticky-header-actions__padding; text-align: center; .admin__action-dropdown-text { display: inline-block; max-width: 0; min-width: 0; overflow: hidden; } &:before { margin: 0; } } .admin__action-dropdown-wrap { margin-right: 1.1rem; } .admin__action-dropdown-wrap, .admin__action-dropdown { &:after { display: none; } } ._active { .admin__action-dropdown { background-color: @color-white; } } } .admin__data-grid-action-bookmarks { .admin__action-dropdown { &:before { position: relative; top: -3px; } } } .admin__data-grid-filters-current { border-bottom: 0; border-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .data-grid-search-control-wrap .data-grid-search-control, .data-grid-search-control-wrap .action-submit, .admin__data-grid-pager .admin__control-text, .admin__data-grid-pager-wrap .admin__control-support-text { display: none; } .action-next { margin: 0; } // Table header .data-grid { margin-bottom: -1px; } } .data-grid-cap-left, .data-grid-cap-right { background-color: @data-grid-sticky-header__background-color; bottom: -2px; position: absolute; top: 6rem; width: @page-content__padding-horizontal; z-index: @action-multicheck__z-index + 1; } .data-grid-cap-left { left: 0; } backend/en_US/Magento_Ui/css/source/module/data-grid/data-grid-header/_data-grid-action-columns.less000077700000006377151323550650034700 0ustar00pub/static/adminhtml/Magento// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // UI -> Data Grid -> Header -> Action Columns // _____________________________________________ // // Variables // --------------------------------------------- @data-grid-action-columns-menu__padding-horizontal: 3.5rem; @data-grid-action-columns-menu-item__column: 3; @data-grid-action-columns-menu-item__margin-bottom: 1.5rem; @data-grid-action-columns-menu-item__width: 15.8rem; @data-grid-action-columns-menu-item__height: round((@font-size__base * @line-height__base), 1); @data-grid-action-columns-menu-items-to-scroll: 18; @data-grid-action-columns-menu-scroll__width: 1.8rem; // .admin__data-grid-action-columns { &._active { opacity: @component-modal__opacity; z-index: @data-grid-action__z-index; } .admin__action-dropdown { &:before { &:extend(.abs-icon all); content: @icon-systems__content; font-size: 1.8rem; // Static margin-right: @action__outer-indent; vertical-align: top; } } } .admin__data-grid-action-columns-menu { color: @color-very-dark-gray-black; font-size: 1.3rem; overflow: hidden; padding: 2.2rem @data-grid-action-columns-menu__padding-horizontal 1rem; z-index: 1; // State with scroll when .admin__field-option > @data-grid-action-columns-menu-items-to-scroll &._overflow { .admin__action-dropdown-menu-header { border-bottom: 1px solid @border-color__base; } .admin__action-dropdown-menu-content { width: @data-grid-action-columns-menu-item__width * @data-grid-action-columns-menu-item__column + @data-grid-action-columns-menu-scroll__width; } .admin__action-dropdown-menu-footer { border-top: 1px solid @border-color__base; padding-top: 2.5rem; } } .admin__action-dropdown-menu-content { &:extend(.abs-clearfix all); max-height: (@data-grid-action-columns-menu-items-to-scroll / @data-grid-action-columns-menu-item__column) * (@data-grid-action-columns-menu-item__height + @data-grid-action-columns-menu-item__margin-bottom) + (@data-grid-action-columns-menu-item__height / 2 + @data-grid-action-columns-menu-item__margin-bottom); overflow-y: auto; padding-top: 1.5rem; position: relative; width: @data-grid-action-columns-menu-item__width * @data-grid-action-columns-menu-item__column; } .admin__field-option { float: left; height: @data-grid-action-columns-menu-item__height; margin-bottom: @data-grid-action-columns-menu-item__margin-bottom; padding: 0 1rem 0 0; width: @data-grid-action-columns-menu-item__width; } .admin__field-label { .lib-text-overflow-ellipsis(); display: block; } .admin__action-dropdown-menu-header { padding-bottom: 1.5rem; } .admin__action-dropdown-menu-footer { padding: 1rem 0 2rem; } .admin__action-dropdown-footer-main-actions { margin-left: 25%; text-align: right; } .admin__action-dropdown-footer-secondary-actions { float: left; margin-left: -@button__padding-horizontal; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/module/_masonry-grid.less000077700000007266151323550650025665 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @admin__masonry_grid_image__space: 20px; @admin__masonry_grid_background_color: #fff; @admin__masonry_overlay_background_color: #507dc8; @admin__masonry_grid_active_image_border_color: #558dd6; & when (@media-common = true) { .masonry-image { &-grid { margin: @admin__masonry_grid_image__space/2 -(@admin__masonry_grid_image__space/2); overflow: hidden; position: relative; .no-data-message-container, .error-message-container { font-size: @data-grid__no-records__font-size; padding: @data-grid__no-records__padding; text-align: center; } } &-column { background-color: @admin__masonry_grid_background_color; float: left; margin: @admin__masonry_grid_image__space/2; overflow: hidden; .masonry-image-block { &.active { img { border: 2px @admin__masonry_grid_active_image_border_color solid; padding: 1px; } } } img { cursor: pointer; height: 100%; width: 100%; } } &-overlay { background-color: @admin__masonry_overlay_background_color; color: @admin__masonry_grid_background_color; opacity: 1; padding: .5rem; position: absolute; text-align: center; width: 80px; z-index: 10; } &-preview { background-color: @admin__masonry_grid_background_color; display: table; left: 0; position: absolute; right: 0; width: 100%; .container { margin: auto; max-width: 880px; padding-top: 10px; .action-buttons { text-align: right; .action { &-close { padding: 30px; position: static; } &-previous, &-next { background: transparent; border: none; margin: 0; white-space: nowrap; } &-close, &-previous, &-next { font-size: 2rem; } } } .preview-row-content { display: flex; &:after { clear: both; content: ''; display: table; } img.preview { display: block; flex-basis: 300px; float: left; margin-bottom: 20px; max-height: 500px; max-width: 60%; width: auto; } } } } &-sortby { select { background-image: url(../images/arrows-bg.svg); border: none; padding-right: 3.2rem; &:active { background-image+: url('../images/arrows-bg.svg'); } } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/module/.htaccess000077700000000177151323550650024013 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/module/_data-grid.less000077700000070724151323550650025105 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // UI -> Data Grid // _____________________________________________ // // Variables // _____________________________________________ // Data Grid Change Indicator @data-grid-row-changed__icon: @icon-edit__content; @data-grid-row-changed-tooltip__background: @color-white-fog2; @data-grid-tooltip__background-color: @color-lazy-sun; @data-grid-tooltip__border-color: @color-dark-grayish-orange; @data-grid-tooltip__box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3); @data-grid-tooltip-content__width: 24rem; @data-grid-tooltip__z-index: @z-index-1; // // Components // --------------------------------------------- @import 'data-grid/_data-grid-static.less'; @import 'data-grid/_data-grid-header.less'; // .admin__data-grid-outer-wrap { min-height: @data-grid-spinner__size + @indent__base * 2; position: relative; // Used to keep spinner inside } .admin__data-grid-wrap { margin-bottom: 2rem; max-width: 100%; overflow-x: auto; padding-bottom: 1rem; padding-top: @data-grid-header-row__indent; } .admin__data-grid-loading-mask { background: rgba(255, 255, 255, .5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: @data-grid-overlay__z-index; .spinner { font-size: @data-grid-spinner__size; left: 50%; margin-left: -(@data-grid-spinner__size / 2); margin-top: -(@data-grid-spinner__size / 2); position: absolute; top: 50%; } } .data-grid-cell-content { display: inline-block; overflow: hidden; width: 100%; } body._in-resize { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: col-resize; user-select: none; .data-grid-th, .data-grid-th._sortable, .data-grid-th._draggable { cursor: col-resize !important; } * { cursor: col-resize !important; } } ._layout-fixed { table-layout: fixed; } .data-grid { border: none; font-size: @data-grid__font-size; margin-bottom: 0; width: 100%; &:not(._dragging-copy) { ._odd-row { td { &._dragging { background-color: @data-grid-td__even__dragging__background-color; } } } ._dragging { background-color: @data-grid-td__odd__dragging__background-color; color: fade(@table__color, @data-grid-td__dragging__opacity); a { color: fade(@link__color, @data-grid-td__dragging__opacity); &:hover { color: fade(@link__hover__color, @data-grid-td__dragging__opacity); } } } } &._dragged { outline: 1px solid @data-grid-dragging-copy__outline-color; } thead { background-color: transparent; } tfoot { th { padding: @data-grid-cell__padding-vertical @data-grid-cell__padding-horizontal; } } tr { &._odd-row { td { background-color: @data-grid-td__even__background-color; &._update-status-active { background: @data-grid-td__odd__update__active__background-color; } &._update-status-upcoming { background: @data-grid-td__odd__update__upcoming__background-color; } } } &:hover { td { &._update-status-active, &._update-status-upcoming { background-color: @data-grid-tr__hover__background-color; } } } &.data-grid-tr-no-data { td { font-size: @data-grid__no-records__font-size; padding: @data-grid__no-records__padding; text-align: center; } &:hover { td { background-color: @data-grid-td__odd__background-color; cursor: default; } } } } tr { &:active { td { background-color: @data-grid-tr__active__background-color; } } &:hover { td { background-color: @data-grid-tr__hover__background-color; } } &._dragged { td { background: @data-grid-td__dragging__background-color; } } &._dragover-top { td { box-shadow: inset 0 @data-grid-horizontal-dragover-mark__width 0 0 @data-grid-horizontal-dragover-mark__color; } } &._dragover-bottom { td { box-shadow: inset 0 -@data-grid-horizontal-dragover-mark__width 0 0 @data-grid-horizontal-dragover-mark__color; } } &:not(.data-grid-editable-row) { &:last-child { td { border-bottom: @data-grid-cell__border-width @data-grid-td__border-outer-style @data-grid-td__border-color; } } } &._clickable, ._clickable { cursor: pointer; } &._disabled { pointer-events: none; } } th, td { font-size: @data-grid__font-size; // Rewrite old styles. Should be deleted afterwards line-height: @line-height__base; transition: @smooth__background-color; vertical-align: middle; &._resizing { border-left: 1px solid @color-blue-pure; border-right: 1px solid @color-blue-pure; } &._hidden { display: none; } &._fit { width: 1%; } } td { background-color: @data-grid-td__odd__background-color; border-left: @data-grid-cell__border-width @data-grid-td__border-inner-style @data-grid-td__border-color; border-right: @data-grid-cell__border-width @data-grid-td__border-inner-style @data-grid-td__border-color; color: @table__color; padding: @data-grid-cell__padding-vertical @data-grid-cell__padding-horizontal; &:first-child { border-left-style: @data-grid-td__border-outer-style; } &:last-child { border-right-style: @data-grid-td__border-outer-style; } // Action select data grid styles (can be action-select-secondary in future) .action-select-wrap { position: static; } .action-select { .link-pattern(); background-color: transparent; border: none; font-size: @data-grid__font-size; padding: 0 3rem 0 0; position: relative; &:hover { &:after { border-color: @link__hover__color transparent transparent transparent; } } &:after { border-color: @link__color transparent transparent transparent; margin: .6rem 0 0 .7rem; right: auto; top: auto; } &:before { display: none; } } .action-menu { left: auto; min-width: 10rem; right: 0; text-align: left; top: auto; z-index: 1; } &._update-status-active { background: @data-grid-td__update__active__background-color; } &._update-status-upcoming { background: @data-grid-td__update__upcoming__background-color; } } th { background-color: @data-grid-th__background-color; border: @data-grid-cell__border-width @data-grid-th__border-style @data-grid-th__border-color; border-left-color: transparent; color: @data-grid-th__color; font-weight: @font-weight__semibold; padding: 0; text-align: left; &:first-child { border-left-color: @data-grid-th__border-color; } &._dragover-left { box-shadow: inset 3px 0 0 0 @color-white; z-index: 2; } &._dragover-right { box-shadow: inset -3px 0 0 0 @color-white; } } .shadow-div { cursor: col-resize; height: 100%; margin-right: -5px; position: absolute; right: 0; top: 0; width: 10px; } .data-grid-th { background-clip: padding-box; // Fix for border overlay in Firefox color: @data-grid-th__color; padding: @data-grid-th__padding-vertical @data-grid-th__padding-horizontal; position: relative; vertical-align: middle; &._resize-visible { .shadow-div { cursor: auto; display: none; } } &._draggable { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } &._sortable { cursor: pointer; transition: @smooth__background-color; z-index: 1; &:focus, &:hover { background-color: @data-grid-th__hover__background-color; } &:active { padding-bottom: @data-grid-th__padding-vertical - .1rem; padding-top: @data-grid-th__padding-vertical + .1rem; } } // Required column &.required { > span { &:after { color: @data-grid-th-marker__required__color; content: '*'; margin-left: .3rem; } } } } .data-grid-checkbox-cell { overflow: hidden; padding: 0; vertical-align: middle; width: @control-checkbox-radio__size + @data-grid-checkbox-cell-inner__padding-horizontal * 2; &:hover { cursor: default; } } .data-grid-thumbnail-cell { text-align: center; width: 7rem; img { border: 1px solid @data-grid-td__border-color; width: 5rem; } } .data-grid-multicheck-cell { padding: @data-grid-th__padding-horizontal @data-grid-th__padding-vertical @data-grid-th__padding-horizontal - .1rem; text-align: center; vertical-align: middle; } .data-grid-onoff-cell { text-align: center; width: 12rem; } .data-grid-actions-cell { padding-left: @data-grid-cell__padding-horizontal * 2; padding-right: @data-grid-cell__padding-horizontal * 2; text-align: center; width: 1%; } // Draggable columns &._hidden { display: none; } &._dragging-copy { box-shadow: @component__box-shadow__base; left: 0; opacity: .95; position: fixed; top: 0; z-index: @data-grid-dargging-copy__z-index; .data-grid-th { border: @data-grid-dragging-copy__border; border-bottom: none; } .data-grid-th, .data-grid-th._sortable { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } tr { &:last-child { td { border-bottom: @data-grid-dragging-copy__border; } } } td { border-left: @data-grid-dragging-copy__border; border-right: @data-grid-dragging-copy__border; } &._in-edit { .data-grid-editable-row { &.data-grid-bulk-edit-panel { &:hover { td { background-color: fade(@data-grid-bulk-edit-panel__background-color, @data-grid-td__dragging__opacity); } } td { background-color: fade(@data-grid-bulk-edit-panel__background-color, @data-grid-td__dragging__opacity); &:before { background-color: fade(@data-grid-bulk-edit-panel__background-color, @data-grid-td__dragging__opacity); } } } &:hover { td { background-color: fade(@data-grid-td__odd__background-color, @data-grid-td__dragging__opacity); } } td { background-color: fade(@data-grid-td__odd__background-color, @data-grid-td__dragging__opacity); &:before, &:after { left: 0; right: 0; } &:before { background-color: fade(@data-grid-td__odd__background-color, @data-grid-td__dragging__opacity); } &:only-child { border-left: @data-grid-dragging-copy__border; border-right: @data-grid-dragging-copy__border; left: 0; // Cancel border overlay fix in Firefox } } .admin__control-text, .admin__control-select { opacity: @disabled__opacity; } } } } .data-grid-controls-row td { padding-top: @data-grid-cell__padding-vertical + @field-control__padding-top; &.data-grid-checkbox-cell { padding-top: @field-control__padding-top; } button, [class*='admin__control-'] { margin-top: -@field-control__padding-top - @field-control__border-width - .1rem; } } // Editable row &._in-edit { tr { &:hover { td { background-color: @data-grid-td__odd__edit__background-color; } } } ._odd-row { &.data-grid-editable-row { &:hover { td { background-color: @data-grid-td__odd__background-color; } } td { background-color: @data-grid-td__odd__background-color; } } &:hover { td { background-color: @data-grid-td__even__edit__background-color; } } td { background-color: @data-grid-td__even__edit__background-color; } } .data-grid-editable-row-actions { &:hover { td { background-color: @data-grid-td__odd__background-color; } } td { background-color: @data-grid-td__odd__background-color; } } td { background-color: @data-grid-td__odd__edit__background-color; pointer-events: none; } .data-grid-checkbox-cell { pointer-events: auto; } .data-grid-editable-row { border: @data-grid-cell__border-width @data-grid-td__border-outer-style @data-grid-editable-cell__border-color; border-bottom-color: @color-gray76; &:hover { td { background-color: @data-grid-td__odd__background-color; } } td { background-color: @data-grid-td__odd__background-color; border-bottom-color: @data-grid-td__odd__background-color; border-left-style: hidden; border-right-style: hidden; border-top-color: @data-grid-td__odd__background-color; pointer-events: auto; vertical-align: middle; &:first-child { border-left-color: @data-grid-editable-cell__border-color; border-left-style: solid; &:after { left: 0; } &:before { left: 0; } } &:last-child { border-right-color: @data-grid-editable-cell__border-color; border-right-style: solid; left: -(@data-grid-cell__border-width); // Fix bug with border in FF &:after { right: 0; } &:before { right: 0; } } } .admin__control-text, .admin__control-select { width: 100%; } } .data-grid-bulk-edit-panel { td { vertical-align: bottom; } } } .data-grid-editable-row { td { border-left-color: @data-grid-td__odd__background-color; border-left-style: solid; position: relative; z-index: 1; &:after { bottom: 0; box-shadow: 0 5px @component__shadow-size__base rgba(0, 0, 0, .25); content: ''; height: @data-grid-cell__padding-vertical - .1rem; left: 0; margin-top: -(@data-grid-cell__padding-vertical); position: absolute; right: 0; } &:before { background-color: @data-grid-td__odd__background-color; bottom: 0; content: ''; height: @data-grid-cell__padding-vertical; left: -@component__shadow-size__base * 2; position: absolute; right: -@component__shadow-size__base * 2; z-index: 1; } } &.data-grid-editable-row-actions { &:hover { td { background-color: @data-grid-td__odd__background-color; } } td { background-color: @data-grid-td__odd__background-color; &:first-child { border-left-color: @data-grid-td__odd__background-color; border-right-color: @data-grid-td__odd__background-color; } &:last-child { left: 0; // Fix bug with border in FF } } } &.data-grid-bulk-edit-panel { td { background-color: @data-grid-bulk-edit-panel__background-color; &:before { background-color: @data-grid-bulk-edit-panel__background-color; } } &:hover { td { background-color: @data-grid-bulk-edit-panel__background-color; } } } } .data-grid-editable-row-actions { left: 50%; margin-left: -(@data-grid-editable-row-actions__width / 2); margin-top: -2px; position: absolute; text-align: center; td { width: @data-grid-editable-row-actions__width; } [class*='action-'] { min-width: 9rem; } } // Draggable row .data-grid-draggable-row-cell { width: 1%; .draggable-handle { &:extend(.abs-draggable-handle all); padding: 0; } } .action-delete { &:extend(.abs-action-button-as-link all); } } // Ascend & Descend sort marker .data-grid-th { &._sortable { &._ascend, &._descend { padding-right: @data-grid-th__padding-horizontal * 2 + @data-grid-th-marker__width; &:before { margin-top: -1em; position: absolute; right: @data-grid-th__padding-horizontal; top: 50%; } } &._ascend { &:before { content: '\2193'; } } &._descend { &:before { content: '\2191'; } } } } // Checkbox actions column .data-grid-checkbox-cell-inner { display: block; padding: @data-grid-checkbox-cell-inner__padding-top @data-grid-checkbox-cell-inner__padding-horizontal .9rem; text-align: right; &:hover { cursor: pointer; } } // State actions column .data-grid-state-cell-inner { display: block; padding: @data-grid-checkbox-cell-inner__padding-top @data-grid-checkbox-cell-inner__padding-horizontal .9rem; text-align: center; > span { display: inline-block; font-style: @font-style__emphasis; padding: .6rem 0; } } // Nested rows .data-grid-row-parent { &._active { > td { .data-grid-checkbox-cell-inner { &:before { content: @icon-caret-up__content; } } } } > td { .data-grid-checkbox-cell-inner { padding-left: (@data-grid-checkbox-cell-inner__padding-horizontal * .75) * 2 + @data-grid-row-parent-marker__size; position: relative; &:before { &:extend(.abs-icon all); content: @icon-caret-down__content; font-size: @data-grid-row-parent-marker__size; font-weight: @font-weight__bold; left: @data-grid-checkbox-cell-inner__padding-horizontal * .75; position: absolute; top: @data-grid-checkbox-cell-inner__padding-top + (@data-grid-row-parent-marker__size / 2); } } } } .data-grid-th { &._col-xs { width: 1%; } } // Data Grid Info Panel .data-grid-info-panel { box-shadow: 0 0 5px rgba(0, 0, 0, .5); margin: @data-grid-header-row__indent .1rem -(@data-grid-header-row__indent); .messages { overflow: hidden; .message { margin: @data-grid-th__padding-vertical; &:last-child { margin-bottom: @data-grid-th__padding-vertical; } } } } .data-grid-info-panel-actions { padding: @data-grid-th__padding-vertical; text-align: right; } // Data Grid Inline Edit Validation .data-grid-editable-row { @_field-error-triangle__width: 20px; @_field-error-triangle__height: 10px; @_field-error-input-triangle__width: 12px; .admin__field-control { position: relative; &._error { &:after { border-color: transparent @field-error-message__border-color transparent transparent; border-style: solid; border-width: 0 @_field-error-input-triangle__width @_field-error-input-triangle__width 0; content: ''; position: absolute; right: 0; top: 0; } .admin__control-text { border-color: @field-error-message__border-color; } } &._focus { &:after { display: none; } } } .admin__field-error { bottom: 100%; box-shadow: @component__box-shadow__base; left: 0; margin: 0 auto 1.5rem; max-width: 32rem; position: absolute; right: 0; &:after, &:before { border-style: solid; content: ''; left: 50%; position: absolute; top: 100%; } &:after { border-color: @field-error-message__background-color transparent transparent transparent; border-width: @_field-error-triangle__height (@_field-error-triangle__width / 2) 0 (@_field-error-triangle__width / 2); margin-left: -(@_field-error-triangle__width / 2); z-index: 1; } &:before { border-color: @field-error-message__border-color transparent transparent transparent; border-width: (@_field-error-triangle__width / 2 + 1) (@_field-error-triangle__width / 2 + 2) 0 (@_field-error-triangle__width / 2 + 2); margin-left: -((@_field-error-triangle__width / 2 + 2)); } } } // Data Grid Bulk Editing panel .data-grid-bulk-edit-panel { .admin__field-label-vertical { display: block; font-size: 1.2rem; margin-bottom: .5rem; text-align: left; } } .data-grid-row-changed { cursor: default; display: block; opacity: .5; position: relative; width: 100%; z-index: 1; &:after { &:extend(.abs-icon all); content: @data-grid-row-changed__icon; display: inline-block; } .data-grid-row-changed-tooltip { background: @data-grid-row-changed-tooltip__background; border: 1px solid @data-grid-row-changed-tooltip__background; border-radius: 1px; bottom: 100%; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .3); display: none; font-weight: @font-weight__regular; line-height: @line-height__base; margin-bottom: 1.5rem; padding: 1rem; position: absolute; right: -1rem; text-transform: none; width: 27rem; word-break: normal; z-index: 2; } &._changed { opacity: 1; z-index: 3; &:hover { .data-grid-row-changed-tooltip { display: block; } &:before { background: @data-grid-row-changed-tooltip__background; border: 1px solid @data-grid-row-changed-tooltip__background; bottom: 100%; box-shadow: 4px 4px 3px -1px rgba(0, 0, 0, .15); content: ''; display: block; height: 1.6rem; left: 50%; margin: 0 0 .7rem -.8rem; position: absolute; transform: rotate(45deg); width: 1.6rem; z-index: 3; } } } } // Column with tooltip .data-grid-column-tooltip { z-index: @data-grid-tooltip__z-index; .data-tooltip { background-color: @data-grid-tooltip__background-color; border-color: @data-grid-tooltip__border-color; box-shadow: @data-grid-tooltip__box-shadow; min-width: @data-grid-tooltip-content__width; padding: 1.5rem; .action-close { padding: 1.5rem; right: 0; top: 0; } } .data-tooltip-tail { &:before { background-color: @data-grid-tooltip__background-color; border-color: @data-grid-tooltip__border-color; box-shadow: @data-grid-tooltip__box-shadow; } &:after { background-color: @data-grid-tooltip__background-color; } } .data-tooltip-content { .items { max-height: 24rem; overflow-y: auto; .item { margin-bottom: .5rem; } } } .admin__tooltip-title { font-weight: @font-weight__bold; margin-bottom: 1rem; } } .admin__control-short-label { margin-bottom: @indent__s; } // Fix for Not whole column area is clickable in data-grid. // Purpose to expand clickable area for new data-grids. .admin__data-grid-outer-wrap { .data-grid-checkbox-cell { overflow: hidden; } .data-grid-checkbox-cell-inner { position: relative; &:before { bottom: 0; content: ''; height: 500%; left: 0; position: absolute; right: 0; top: 0; } } } // And to shrink clickable area for old data-grid. .admin__data-grid-wrap-static { .data-grid-checkbox-cell { &:hover { cursor: pointer; } } .data-grid-checkbox-cell-inner { margin: 0 @data-grid-checkbox-cell-inner__padding-horizontal 0; padding: 0; text-align: center; } // Content Hierarchy specific .adminhtml-cms-hierarchy-index & { .data-grid-actions-cell:first-child { padding: 0; } } // System Export specific .adminhtml-export-index & { .data-grid-checkbox-cell-inner { margin: 0; padding: @data-grid-checkbox-cell-inner__padding-top @data-grid-checkbox-cell-inner__padding-horizontal 1.9rem; } } } // End Fix for Not whole column area is clickable in data-grid. pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/css/source/.htaccess000077700000000177151323550650022526 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/css/.htaccess000077700000000177151323550650021226 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Ui/.htaccess000077700000000177151323550650020436 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftCard/css/source/_module.less000077700000000443151323550650024346 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .admin__field-amount { .admin__control-table { width: auto; } tbody { .admin__control-text { min-width: @field-size__s; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_GiftCard/css/source/.htaccess000077700000000177151323550650023634 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftCard/css/.htaccess000077700000000177151323550650022334 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftCard/.htaccess000077700000000177151323550650021544 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Staging/css/source/_module.less000077700000000437151323550650024262 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @import 'module/_scheduled-changes.less'; @import 'module/_staging-preview.less'; @import 'module/_staging-data-tooltip.less'; @import 'module/_scheduled-changes-modal.less'; adminhtml/Magento/backend/en_US/Magento_Staging/css/source/module/_scheduled-changes-modal.less000077700000001316151323550650030640 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Scheduled changes modal // _____________________________________________ // // Slide modal panel with store switcher // --------------------------------------------- .scheduled-changes-modal-slide { .page-actions { .lib-vendor-prefix-display(flex); width: 100%; .store-switcher { .lib-vendor-prefix-order(-1); -ms-flex: 1; -webkit-flex: 1; flex: 1; .admin__action-dropdown { font-size: @action-dropdown__font-size; letter-spacing: -.025em; } } } } static/adminhtml/Magento/backend/en_US/Magento_Staging/css/source/module/_staging-data-tooltip.less000077700000004661151323550650030241 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @staging-events__border-color: @color-gray80; @staging-events-duration__color: @color-gray60; @staging-events-objects__background-color: @color-gray-darken0; @staging-events-objects__timeline__background-color: #86de00; @staging-events-objects__timeline__active__background-color: #77dcff; @staging-events-objects-icon: @icon-clip__content; // // Extends // _____________________________________________ .abs-staging-events-item { border-bottom: 1px solid @staging-events__border-color; padding: 0 0 @indent__base; } .abs-staging-events-count-icon { border-radius: 10px; display: inline-block; line-height: 2.4rem; padding: 0 @indent__s; &:before { &:extend(.abs-icon all); content: @staging-events-objects-icon; display: inline-block; font-size: 1.4rem; margin-right: @indent__xs; } } // // Staging events tooltip // _____________________________________________ .staging-events-actions { &:extend(.abs-staging-events-item all); margin: @indent__s 0 0; text-align: right; .action-secondary { margin-left: @indent__s; } } .staging-events-summary { &:extend(.abs-clearfix all); &:extend(.abs-staging-events-item all); margin: 0 0 1.5rem; dt { clear: left; float: left; font-weight: @font-weight__bold; margin: 1.5rem 0 0; } dd { float: left; margin: 1.5rem 0 0 @indent__s; span { color: @staging-events-duration__color; } } } .staging-events-campaign { &:extend(.abs-staging-events-item all); .items { margin-left: @indent__base; } } .staging-events-campaign-objects { margin: 0 0 @indent__s; } .staging-events-campaign-objects-count { &:extend(.abs-staging-events-count-icon all); background-color: @staging-events-objects__background-color; margin-left: @indent__s; .timeline-item & { background: @staging-events-objects__timeline__background-color; } .timeline-item._active & { background: @staging-events-objects__timeline__active__background-color; } } .staging-events-delete { margin-top: @indent__s; text-align: right; .action-delete { font-weight: @font-weight__regular; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Staging/css/source/module/_scheduled-changes.less000077700000016377151323550650027642 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Scheduled changes // _____________________________________________ // // Variables // _____________________________________________ @scheduled-changes-block__border-color: @color-gray-light2; @scheduled-changes-block-title__background-color: @color-white-fog; @scheduled-changes-block-resizer__background-color: @color-gray89; @scheduled-changes-block-resizer__color: @color-gray40; @scheduled-changes-table-accent__color: @color-gray40; @scheduled-changes-scale__color: @color-brownie; @scheduled-changes-scale-from__background-color: @color-white; @scheduled-changes-mark__border-width: 3px; @scheduled-changes-mark__height: 17px; @scheduled-changes-mark__width: @scheduled-changes-mark__height; @scheduled-changes-mark-overlay__height: 20px; @scheduled-changes-mark-overlay__width: @scheduled-changes-mark__width + @scheduled-changes-mark__border-width + 4; // // Components // --------------------------------------------- // Timeline .block-schedule { border: 1px solid @scheduled-changes-block__border-color; margin-bottom: @indent__xl; position: relative; z-index: 1; .block-title { &:extend(.abs-clearfix all); background: @scheduled-changes-block-title__background-color; padding: @indent__base @indent__m; .title { font-size: 2rem; font-weight: 200; } .subtitle { font-style: italic; &:before { content: ' ('; } &:after { content: ')'; } } } .block-title-actions { float: right; line-height: 3.2rem; text-align: right; white-space: nowrap; .action-secondary { float: right; margin-left: @indent__m; } } .admin__data-grid-outer-wrap { min-height: 0; } .admin__data-grid-outer-wrap { position: relative; } } .block-content-actions { padding: 0 0 1.2rem 1.8rem; position: relative; text-align: center; &:before { background: linear-gradient(to top, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); content: ''; height: @scheduled-changes-mark-overlay__height; left: -@scheduled-changes-mark-overlay__width / 2; position: absolute; top: -@scheduled-changes-mark-overlay__height; width: @scheduled-changes-mark-overlay__width; } } // Block with Schedule table .block-schedule-table { &:extend(.abs-block-resizable all); .block-content { &:extend(.abs-block-resizable-content all); border-top: 1px solid @scheduled-changes-block__border-color; .schedule-table-wrapper { margin: @indent__m; } } .ui-resizable-s { &:extend(.abs-block-resizable-handle-bottom all); cursor: ns-resize; } } .schedule-table { border-collapse: collapse; width: 100%; td { line-height: 2rem; padding: 0 @indent__s @indent__s; vertical-align: top; &:first-child { border-left: 3px solid @scheduled-changes-scale__color; } } em { color: @scheduled-changes-table-accent__color; } .schedule-date { font-weight: @font-weight__bold; padding-left: @indent__base; white-space: nowrap; width: 10rem; &:before { background: @scheduled-changes-scale-from__background-color; border: @scheduled-changes-mark__border-width solid @scheduled-changes-scale__color; border-radius: 50%; box-sizing: content-box; content: ''; display: inline-block; height: @scheduled-changes-mark__height; margin-left: -33px; margin-top: -1px; position: absolute; width: @scheduled-changes-mark__width; } time { white-space: nowrap; } &.schedule-date-empty { &:before { display: none; } } } .schedule-end { .schedule-date { &:before { background: @scheduled-changes-scale__color; border: 0; margin-left: -30px; margin-top: 2px; } } } .schedule-time { white-space: nowrap; width: 7rem; } .schedule-label { color: @scheduled-changes-table-accent__color; font-size: 1.2rem; width: 1%; } tr { &:last-child { td { padding-bottom: @indent__l; } } } .schedule-actions { padding-right: 0; white-space: nowrap; width: 10%; a { + a { &:before { color: @scheduled-changes-table-accent__color; content: '|'; display: inline-block; margin: 0 .3rem 0 .4rem; } } } .action-menu-item { cursor: pointer; } } } .schedule-name { font-weight: @font-weight__bold; } .limited-text { display: inline-block; line-height: 1.4em; max-height: 4.4em; // Exactly 3 lines overflow: hidden; position: relative; vertical-align: top; &:after { background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%); content: '...'; height: 1.2em; position: absolute; right: 0; text-align: right; top: 1.2em; width: 5rem; } + .limited-text { line-height: 1.6rem; margin: .8rem 0 0; } } @supports (-webkit-line-clamp: 3) { .limited-text { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; height: auto; max-height: 4.4em; // Is needed to get it work &:after { display: none; } } } .limited-text-changes { font-size: 1.2rem; } .block-nodata { padding: @indent__m; } // Create/Edit update form .fieldset-schedule { &:last-child { border-bottom: 1px solid @collapsible__border-color; } .admin__fieldset { padding: 0; > :last-child { margin-bottom: @indent__l; } > .fieldset-wrapper { &:last-child { border-bottom: 1px solid @collapsible__border-color; margin-bottom: 0; } } } .fieldset-wrapper-title { border-bottom: 0; line-height: 1.2; margin: @indent__base 0 @indent__s; padding: 0; strong { font-size: 2rem; font-weight: @font-weight__regular; } } ._has-datepicker { &.admin__control-text { width: 19rem; } } } // Grid Schedule summary information .schedule-summary { display: table; list-style: none; width: 100%; .schedule-summary-name, .schedule-summary-date { display: table-cell; padding-right: .5rem; } .schedule-summary-name { width: 50%; } .schedule-summary-date { width: 25%; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Staging/css/source/module/.htaccess000077700000000177151323550650025032 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Staging/css/source/module/_staging-preview.less000077700000050750151323550650027400 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Staging preview // _____________________________________________ // // Variables // _____________________________________________ @staging-preview-header__background-color: @color-very-dark-grayish-orange; @staging-preview-header__color: @color-lighter-grayish-almost; @staging-preview-header__font-size: 1.3rem; @staging-preview-header-item__active__background-color: @color-brownie-almost; @staging-preview-header-item-actions__border-color: @color-darker-gray; @staging-preview-form-element__background-color: @color-very-dark-brownie; @staging-preview-form-element__border-color: @color-lighter-grayish-almost; @staging-preview-form-element__color: @color-white; @staging-preview-form-element-icon__color: @staging-preview-form-element__border-color; @staging-preview-form-element__hover__border-color: darken(@color-lighter-grayish-almost, 10%); @staging-preview-form-element__focus__border-color: @color-blue-pure; @staging-preview-form-select-control__background-color: @color-very-dark-grayish-orange; @staging-preview-general__background-color: @color-brownie-almost; @staging-preview-table-text__color: @color-white; @staging-preview-table-head__background-color: @color-very-dark-grayish-orange; @staging-preview-table-head__hover__background-color: darken(@staging-preview-table-head__background-color, 10%); @staging-preview-table-head__focus__background-color: darken(@staging-preview-table-head__background-color, 15%); @staging-preview-table-dark__border-color: @color-gray40; @staging-preview-table-darker__border-color: @color-dark-gray0; @staging-preview-table-lighten__border-color: @color-gray60; @staging-preview-table__background-color: @staging-preview-general__background-color; @staging-preview-table__hover__background-color: lighten(@staging-preview-table__background-color, 10%); @staging-preview-table__dragging__background-color: darken(@staging-preview-table__background-color, 5%); @staging-preview-loading-mask__background-color: rgba(0, 0, 0, .3); @staging-preview-selectmenu__background-color: @staging-preview-general__background-color; @staging-preview-selectmenu__hover__background-color: lighten(@staging-preview-selectmenu__background-color, 10%); // // Staging preview header // --------------------------------------------- .staging-preview-header { background-color: @staging-preview-header__background-color; color: @color-lighter-grayish-almost; position: relative; .logo { float: left; margin: 1.5rem @indent__m; } } .staging-preview-options { &:extend(.abs-clearfix all); } .staging-preview-item-title { cursor: pointer; float: left; font-size: @staging-preview-header__font-size; min-height: 8.5rem; padding: 1.5rem @indent__xl @indent__m; position: relative; &:hover { background-color: darken(@staging-preview-header-item__active__background-color, 5%); } &._active { background-color: @staging-preview-header-item__active__background-color; cursor: default; &:hover { background-color: @staging-preview-header-item__active__background-color; } } .title { margin: 0 0 @indent__s; text-transform: uppercase; } .subtitle { font-size: 1.1rem; font-style: italic; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .staging-preview-item-calendar { &:before { background: @color-brownie-vanilla; content: ''; height: 55px; left: -1px; position: absolute; top: @indent__s; width: 1px; } &:focus, &._active { &:before { display: none; } } .title { .lib-icon-font( @icon-calendar__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 2rem, @_icon-font-line-height: 2rem, @_icon-font-text-hide: false, @_icon-font-position: before, @_icon-font-margin: -.2rem @indent__s 0 0, @_icon-font-display: inline-block ); } } .staging-preview-item-screen { .title { .lib-icon-font( @icon-screen__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 1.6rem, @_icon-font-line-height: 2rem, @_icon-font-text-hide: false, @_icon-font-position: before, @_icon-font-margin: -.2rem @indent__s 0 0, @_icon-font-display: inline-block ); } } .staging-preview-item-customer { .title { .lib-icon-font( @icon-customers__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 2.2rem, @_icon-font-line-height: 2rem, @_icon-font-text-hide: false, @_icon-font-position: before, @_icon-font-margin: -.2rem @indent__s 0 0, @_icon-font-display: inline-block ); } } // // Staging preview item content // --------------------------------------------- .staging-preview-item-content-wrapper { background-color: @staging-preview-header-item__active__background-color; display: none; left: 0; position: absolute; right: 0; top: 100%; > .actions-toolbar { border-bottom: 1px solid @staging-preview-header-item-actions__border-color; padding: 1.5rem @indent__base @indent__base; text-align: right; .action-primary { &:extend(.abs-action-l all); } .action-close { color: @staging-preview-header__color; font-size: 2rem; margin-left: 1.5rem; vertical-align: middle; &:hover { color: darken(@staging-preview-header__color, 10%); } &:focus { background: transparent; } } } } .staging-preview-item-content { padding: @indent__xl; .admin__fieldset { > .admin__legend { font-size: 2rem; font-weight: @font-weight__light; } } .admin__field { > .admin__field-label { color: @staging-preview-header__color; } } .admin__control-text { background-color: @staging-preview-form-element__background-color; border-color: @staging-preview-form-element__border-color; color: @staging-preview-form-element__color; &:hover { border-color: @staging-preview-form-element__hover__border-color; } &:focus { border-color: @staging-preview-form-element__focus__border-color; } } // Select styles .admin__control-select { background-image+: url('../images/arrows-bg-light.svg'); background-position+: ~'calc(100% - 12px)' -34px; background-size+: auto; background-image+: linear-gradient(@staging-preview-form-select-control__background-color, @staging-preview-form-select-control__background-color); background-position+: 100%; background-size+: @field-control__height 100%; background-image+: linear-gradient(@staging-preview-form-element__border-color, @staging-preview-form-element__border-color); background-position+: ~'calc(100% - @{field-control__height})' 0; background-size+: 1px 100%; background-color: @staging-preview-form-element__background-color; background-repeat: no-repeat; border-color: @staging-preview-form-element__border-color; color: @staging-preview-form-element__color; &:hover { border-color: @staging-preview-form-element__hover__border-color; } &:focus { background-image+: url('../images/arrows-bg-light.svg'); background-position+: ~'calc(100% - 12px)' 13px; background-image+: linear-gradient(@staging-preview-form-select-control__background-color, @staging-preview-form-select-control__background-color); background-position+: 100%; background-image+: linear-gradient(@staging-preview-form-element__focus__border-color, @staging-preview-form-element__focus__border-color); background-position+: ~'calc(100% - @{field-control__height})' 0; border-color: @staging-preview-form-element__focus__border-color; } } .ui-datepicker-trigger { &:after { color: @staging-preview-form-element-icon__color; } } } .staging-preview-item-segment { .admin__field { &:last-child { margin-bottom: 0; } > .admin__field-label { width: 12rem; } } .admin__control-select { min-width: 275px; } } // // Staging preview storefront iframe // --------------------------------------------- .staging-preview-content { bottom: 0; height: 400px; left: 0; overflow: auto; right: 0; top: 0; iframe { border: none; display: block; height: 100%; width: 100%; } } .staging-preview-content-dynamic { border: 1px solid @staging-preview-table-lighten__border-color; height: 100%; margin: 0 auto; transition: width 1s, height 1s; width: 100%; } // // Generic data grid Draging Copy // --------------------------------------------- .staging-update-preview { > .data-grid { &._dragging-copy { .data-grid-th { background-color: @staging-preview-table-head__background-color; color: @staging-preview-table-text__color; } td { background-color: @staging-preview-header-item__active__background-color; border-bottom: 1px solid @staging-preview-table-darker__border-color; color: @staging-preview-table-text__color; } } } } // // Generic restyled elements // --------------------------------------------- .staging-preview-item-content-wrapper { .row-gutter { margin-left: 0; margin-right: 0; > [class*='col-'] { padding-left: 0; padding-right: 0; } } .view-specific-date { .admin__control-text { width: auto; } } // Generic data grid .admin__data-grid-outer-wrap { border-top: 1px solid @staging-preview-table-dark__border-color; max-height: 400px; // ToDO remove after JS adjustment implemented overflow-y: auto; padding: 15px @indent__s 0 0; } .data-grid { &:not(._dragging-copy) { ._odd-row { td { &._dragging { background-color: @staging-preview-table__dragging__background-color; color: fade(@staging-preview-table-text__color, @data-grid-td__dragging__opacity); } } } td { &._dragging { background-color: @staging-preview-table__dragging__background-color; color: fade(@staging-preview-table-text__color, @data-grid-td__dragging__opacity); } } } .data-grid-th { background-color: @staging-preview-table-head__background-color; color: @staging-preview-table-text__color; &._sortable { &:focus { background-color: @staging-preview-table-head__focus__background-color; } &:hover { background-color: @staging-preview-table-head__hover__background-color; } } } tr { &._odd-row { td { background-color: @staging-preview-header-item__active__background-color; } } &:active, &:hover { td { background-color: @staging-preview-table__hover__background-color; } } &:not(.data-grid-editable-row) { &:last-child { td { border-bottom-color: @staging-preview-table-darker__border-color; } } } } td { background-color: @staging-preview-header-item__active__background-color; border-bottom: 1px solid @staging-preview-table-darker__border-color; border-left-color: @staging-preview-table-lighten__border-color; border-right-color: @staging-preview-table-lighten__border-color; color: @staging-preview-table-text__color; &:first-child { border-left: none; } &:last-child { border-right: none; } } } .admin__data-grid-loading-mask { background-color: @staging-preview-loading-mask__background-color; } // Generic select menu .selectmenu { background-color: @staging-preview-selectmenu__background-color; &._active { border-color: @staging-preview-form-element__border-color; .selectmenu-toggle { &:before { border-color: @staging-preview-form-element__border-color; } } } .selectmenu-value { input[type='text'] { background-color: @staging-preview-selectmenu__background-color; color: @staging-preview-form-element__color; } } .selectmenu-toggle { &:before { background: @staging-preview-form-select-control__background-color; } &:after { border-color: @staging-preview-form-element__border-color transparent transparent transparent; } } .selectmenu-items { background-color: inherit; border-color: @staging-preview-form-element__border-color; li { &:hover { background-color: @staging-preview-selectmenu__hover__background-color; } &:last-child { .selectmenu-item-action { color: @staging-preview-form-element__color; text-decoration: none; } } } } .action-delete, .action-edit, .action-save { color: @staging-preview-form-element__color; } .action-delete, .action-edit { border-color: @staging-preview-form-element__border-color; } .selectmenu-item-action { color: @staging-preview-form-element__color; &:hover { background-color: @staging-preview-selectmenu__hover__background-color; } } } // Generic action dropdown .admin__data-grid-actions-wrap { .admin__action-dropdown-wrap { &:after { border-color: @staging-preview-form-element__border-color; } } } .admin__action-dropdown { background-color: @staging-preview-selectmenu__background-color; color: @staging-preview-form-element__color; &:after { border-color: @staging-preview-form-element__border-color transparent transparent; } } .admin__action-dropdown-menu { background-color: @staging-preview-selectmenu__background-color; color: @staging-preview-form-element__color; } .admin__action-dropdown-wrap { &._active { .admin__action-dropdown-text { &:after { background-color: @staging-preview-selectmenu__background-color; } } } } .admin__data-grid-action-columns-menu { .admin__field-label { color: @staging-preview-form-element__color; } } .admin__data-grid-action-bookmarks { .admin__action-dropdown-menu { > li:not(.action-dropdown-menu-action) { &:hover { background-color: lighten(@staging-preview-general__background-color, 10%); } } .action-dropdown-menu-action { > a { color: @staging-preview-form-element__color; &:hover { color: @staging-preview-form-element__color; } } } .action-dropdown-menu-link { color: @staging-preview-form-element__color; } } .action-submit, .action-delete, .action-edit { color: @staging-preview-form-element__color; } } // Generic Checkboxes .admin__control-radio, .admin__control-checkbox { &:checked { + label { &:before { color: @staging-preview-form-element__color; } } } + label { &:before { background-color: @staging-preview-general__background-color; } } } // Generic .action-tertiary { color: @staging-preview-form-element__color; } .action-select-wrap { .action-select { color: @staging-preview-form-element__color; &:hover { color: @staging-preview-form-element__color; &:after { border-color: @staging-preview-form-element__color transparent transparent transparent; } } &:after { border-color: @staging-preview-form-element__color transparent transparent transparent; } &._active { &:hover { &:after { border-color: @staging-preview-form-element__color transparent transparent transparent; } } } } .action-menu { background-color: @staging-preview-selectmenu__background-color; border-color: lighten(@staging-preview-general__background-color, 10%); color: @staging-preview-form-element__color; > li { &:hover { background-color: lighten(@staging-preview-general__background-color, 10%); } > a { color: @staging-preview-form-element__color; &:hover { color: @staging-preview-form-element__color; } } } } } } // // Screen Sizes Tab // --------------------------------------------- .staging-preview-item-screen-sizes { .admin__control-checkbox, .admin__control-radio { + .admin__field-label { color: @staging-preview-table-text__color; } } ul { display: table; margin: @indent__m 0; overflow: hidden; width: 100%; } li { display: table-cell; max-width: 30rem; padding: 0 @indent__base; position: relative; vertical-align: top; &:first-child { padding-left: 0; } &:last-child { border-right: none; .admin__field-option { padding-left: @indent__base; white-space: nowrap; &:after { color: @staging-preview-header__color; content: 'px'; margin-left: @indent__s; } } .admin__field-label { display: inline-block; width: 5rem; } .admin__control-text { width: 6rem; } .platform { &:after { content: none; } } } .platform { display: inline-block; margin-bottom: @indent__s; &:after { background: repeating-linear-gradient(0deg, @staging-preview-table-lighten__border-color, @staging-preview-table-lighten__border-color 1px, transparent 1px, transparent 5px); content: ''; display: block; height: 100%; position: absolute; right: 0; top: @indent__l; width: 1px; .ie11 & { height: 1000px; } } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Staging/css/source/.htaccess000077700000000177151323550650023545 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Staging/css/.htaccess000077700000000177151323550650022245 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Staging/.htaccess000077700000000177151323550650021455 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ProductVideo/css/source/_module.less000077700000020001151323550650025262 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Video Management Variables // _____________________________________________ @video-gallery-icon__color: @color-black; @video-gallery-icon__size: 4rem; @video-gallery-icon__z-index: @image-gallery-image__z-index + 1; // // Extends // _____________________________________________ .abs-video-gallery-icon { .lib-icon-font( @icon-video__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: @video-gallery-icon__size, @_icon-font-color: @video-gallery-icon__color, @_icon-font-color-hover: @video-gallery-icon__color, @_icon-font-text-hide: true, @_icon-font-display: block ); &:before { left: 0; margin-top: -@video-gallery-icon__size / 2; opacity: .5; position: absolute; right: 0; top: 50%; z-index: @video-gallery-icon__z-index; } } // // Video Management // _____________________________________________ .image.video-placeholder { display: inline-block; position: relative; text-decoration: none; &:before { background: url(../Magento_ProductVideo/images/gallery-sprite.png) no-repeat left bottom; content: ''; height: 49px; left: 50%; margin-left: -24px; opacity: .7; position: absolute; top: 18px; width: 49px; z-index: 1; } .image-placeholder-text { font-weight: 400; } } .preview-image-hidden-input { display: none; } .video-item { .product-image-wrapper { &:extend(.abs-video-gallery-icon all); &:hover { &:before { opacity: .3; } } } } // Style slideout panel - Add video .mage-new-video-dialog { form.admin__scope-old { float: left; width: 65%; } .video-player-sidebar { float: left; width: 34.99999%; } .video-player-container { &:extend(.abs-video-gallery-icon all); border: 1px solid @color-gray89; height: 20vw; margin-bottom: 30px; position: relative; width: 100%; } .video-information { display: none; margin-bottom: 7px; &:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } label { display: block; float: left; font-family: @font-family__base; font-size: @font-size__s + .2; font-weight: @font-weight__semibold; text-align: right; width: 25%; } span { display: block; float: left; font-family: @font-family__base; font-size: @font-size__s + .2; font-weight: @font-weight__light; padding-left: 20px; width: 74.9999%; } } .product-video { height: 100%; position: relative; width: 100%; z-index: 20; } // TODO UI: this code must be deleted when video slideout panel will be implemented with ui-components .admin__scope-old { // re-arrange checkboxes fields in slideout video panel (base, small image etc) .admin__field { &.field-role, &.field-video_image, &.field-video_small_image, &.field-video_thumbnail, &.field-video_swatch_image, &.field-new_video_disabled { .admin__field-control { #mix-grid .column(3, @field-grid__columns); float: left; margin-left: 80px; position: relative; input { float: right; } } .admin__field-label { cursor: pointer; left: 0; margin-left: 26%; padding-left: 45px; position: absolute; width: 250px; &:before { content: none; } span { float: left; } } } &.field-new_video_disabled { margin-top: 32px; } &.field.field-new_video_screenshot { margin-bottom: 5px; } &.field.field-new_video_screenshot_preview { margin-bottom: 50px; } &.field-role-label { height: 0; .admin__field-control { #mix-grid .column(3, @field-grid__columns); float: left; margin-left: 80px; position: relative; .control-value { color: @color-black; float: right; font-family: @font-family__base; font-size: @font-size__s + .2; font-weight: @font-weight__semibold; position: relative; right: 50px; top: 21px; } } } label > input[type='checkbox'] { margin: -3px 3px 0 0; vertical-align: middle; } input[type='checkbox'] { .lib-css(appearance, none, 1); background: @color-white; border: 1px solid @color-gray68; border-radius: 2px; cursor: pointer; display: inline-block; height: 16px; margin: 0 5px 0 0; position: relative; transition: all .1s ease-in; vertical-align: middle; width: 16px; &:focus { border-color: @color-blue-pure; box-shadow: none; outline: 0; } &[disabled] { background-color: @color-lighter-gray; border-color: @color-gray68; opacity: .5; } &:checked { &:after { color: @color-brownie; content: '\e62d'; display: inline-block; font-family: 'Admin Icons'; font-size: 11px; font-weight: 400; left: 0; line-height: 13px; position: absolute; text-align: center; top: 0; width: 14px; } } } .control { > input[type='checkbox'] { padding: 0; width: 16px; } } } } } .image.video-placeholder > button[data-role='add-video-button'], .image.video-placeholder > button { background: transparent; border: 0; height: 100%; position: relative; width: 100%; z-index: 10; } .add-video-button-container { float: right; } .image-upload-error { background: @color-pink-light; color: @color-gray19; font-size: 12px; font-weight: 400; padding: 7px 7px 7px 35px; position: relative; .image-upload-error-cross { height: 20px; left: 8px; position: absolute; top: 9px; width: 20px; &:before, &:after { background-color: @color-red9; content: ' '; height: 20px; left: 8px; position: absolute; width: 4px; } &:before { transform: rotate(45deg); } &:after { transform: rotate(-45deg); } } } pub/static/adminhtml/Magento/backend/en_US/Magento_ProductVideo/css/source/.htaccess000077700000000177151323550650024560 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ProductVideo/css/.htaccess000077700000000177151323550650023260 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ProductVideo/.htaccess000077700000000177151323550650022470 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Customer/css/source/_module.less000077700000004226151323550650024467 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .customer_form_areas_address_address_customer_address_update_modal_update_customer_address_form_loader { .admin__field { .admin__field { .admin__field-label { background: none; } } } } .customer-address-form { *, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } address { font-style: normal; } .customer-default-address-wrapper { align-items: flex-start; display: flex; float: left; position: relative; width: 50%; .action-additional { margin: 2px 0 0 2px; } } .edit-default-billing-address-button, .edit-default-shipping-address-button { position: absolute; } .edit-default-billing-address-button { left: 210px; } .edit-default-shipping-address-button { left: 230px; } .customer_form_areas_address_address_customer_address_listing { clear: both; } .add-new-address-button { clear: both; float: right; margin-bottom: 30px; position: relative; } .address-information { float: left; margin-bottom: 20px; address { float: left; .address_caption { font-size: 18px; font-weight: bold; margin-bottom: 16px; } } } } .customer-newsletter-fieldset.admin__fieldset { &.multi-website { > .admin__field > .admin__field-control { width: ~'calc(100% * 0.75 - 30px)'; table { th.subscriber-status { text-align: center; } td { &.subscriber-status { text-align: center; } select.admin__control-select { width: 100%; } } } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Customer/css/source/.htaccess000077700000000177151323550650023752 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Customer/css/.htaccess000077700000000177151323550650022452 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Customer/.htaccess000077700000000177151323550650021662 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CatalogPermissions/css/source/_module.less000077700000000640151323550650026470 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .permissions-custom-options { margin: 0 0 @indent__base; .admin__control-table { margin: 0 0 @indent__xs; } .col-grants { .admin__field-label { display: block; text-align: left; } } } .warning-enable-permissions { color: #f00; } pub/static/adminhtml/Magento/backend/en_US/Magento_CatalogPermissions/css/source/.htaccess000077700000000177151323550650025757 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CatalogPermissions/css/.htaccess000077700000000177151323550650024457 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_CatalogPermissions/.htaccess000077700000000177151323550650023667 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Banner/css/source/_module.less000077700000001441151323550650024067 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ input[type='checkbox'].banner-content-checkbox { position: absolute; top: .8rem; + .addafter { line-height: 3.2rem; padding-left: 2.6rem; } } .tree-store-scope { .field { .banner-content-checkbox { + .addafter { padding: 0 0 0 2.6rem; } } } } .adminhtml-widget_instance-edit, .adminhtml-cms_page-edit, .adminhtml-banner-edit { .admin__fieldset { .admin__field-control { .data-grid-actions-cell, .data-grid-checkbox-cell-inner { input[type='checkbox'] { margin-top: 0; } } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Banner/css/source/.htaccess000077700000000177151323550650023356 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Banner/css/.htaccess000077700000000177151323550650022056 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Banner/.htaccess000077700000000177151323550650021266 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Translation/css/source/_module.less000077700000002457151323550650025170 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Inline translations // _____________________________________________ // // Variables // --------------------------------------------- @translate-inline-title__z-index: @menu__z-index + 1; // // Form // --------------------------------------------- .translate-table-container { table { width: 100%; } td { background: none; padding: @indent__xs; text-align: left; &.value { .input-text { width: 100%; } } } th { &.label { border: none; font-weight: @font-weight__bold; padding: @indent__xs; text-align: left; width: 150px; } } } // // Special tags // --------------------------------------------- .translate-inline-title { display: block; left: 0; position: absolute; top: 0; z-index: @translate-inline-title__z-index; } // Script tag that placed between menu and page wrapper .translate-inline-script { .menu-wrapper ~ & { display: block; left: @menu__width; position: absolute; top: 0; z-index: @translate-inline-title__z-index; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Translation/css/source/.htaccess000077700000000177151323550650024447 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Translation/css/.htaccess000077700000000177151323550650023147 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Translation/.htaccess000077700000000177151323550650022357 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Review/css/source/_module.less000077700000003541151323550650024126 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @rating-star__font-size: 18px; @rating-star__height: 13px; @rating-star__width: 18px; // // Customer Reviews // --------------------------------------------- .field-detailed-rating { .admin__field-rating { margin: 15px 0 0; &:first-child { margin-top: 0; } .admin__field-label { display: inline-block; line-height: @line-height__base; text-align: left; vertical-align: top; width: 75px; } .admin__field-control { direction: rtl; display: inline-block; margin: -1px 0 0; unicode-bidi: bidi-override; vertical-align: top; width: 125px; label { color: @color-gray80; cursor: pointer; float: right; font-size: @rating-star__font-size; overflow: hidden; transition: color 150ms linear; white-space: nowrap; width: @rating-star__width; &:before { display: none; } } } } input[type='radio'] { display: none; } } .field-summary-rating { .rating-box { background: url('@{baseDir}images/rating-bg.png') repeat-x 0 0; font-size: 0; height: @rating-star__height; line-height: 0; margin: 4px 0 0; overflow: hidden; width: @rating-star__width*5; .rating { background: url('@{baseDir}images/rating-bg.png') repeat-x 0 -@rating-star__height; height: @rating-star__height; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Review/css/source/.htaccess000077700000000177151323550650023412 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Review/css/.htaccess000077700000000177151323550650022112 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Review/.htaccess000077700000000177151323550650021322 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/PayPal_Braintree/css/source/_module.less000077700000004450151323550650024374 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @braintree-error__color: @color-apricot; @braintree-focus__color: @color-blue-pure; @braintree-success__color: @color-green-apple; .hosted-date-wrap { &:extend(.abs-clearfix all); } .hosted-control { height: 3.4rem; position: relative; &.braintree-hosted-fields-focused { border-color: @braintree-focus__color; } &.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) { border-color: @braintree-error__color; & ~ .hosted-error { height: auto; opacity: 1; } } &.braintree-hosted-fields-valid { border-color: @braintree-success__color; } &.hosted-date { @distance: 50px; float: left; margin-bottom: .2rem; width: 5rem; &:first-of-type { margin-right: @distance; &:after { content: '/'; display: inline; padding-bottom: inherit; padding-top: inherit; position: absolute; right: -@distance * (2 / 3.5); top: 0; } } } &.hosted-cid { width: 6rem; } .icon-type { background-image: url('@{baseDir}images/cards.png'); background-position: -1000px 0; background-repeat: no-repeat; height: 26px; position: absolute; right: 5px; top: 3px; width: 40px; &.icon-type-discover { background-position: 0 0; } &.icon-type-visa { background-position: 0 -29px; } &.icon-type-master-card { background-position: 0 -58px; } &.icon-type-maestro { background-position: 0 -87px; } &.icon-type-american-express { background-position: 0 -114px; } &.icon-type-unionpay { background-position: 0 -140px; } &.icon-type-diners-club { background-position: 0 -168px; } } } .hosted-error { clear: both; color: @braintree-error__color; height: 0; opacity: 0; } pub/static/adminhtml/Magento/backend/en_US/PayPal_Braintree/css/source/.htaccess000077700000000177151323550650023660 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/PayPal_Braintree/css/.htaccess000077700000000177151323550650022360 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/PayPal_Braintree/.htaccess000077700000000177151323550650021570 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ReleaseNotification/css/source/_module.less000077700000004557151323550650026624 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Magento_ReleaseNotification Modal on dashboard // --------------------------------------------- .release-notification-modal { -webkit-transition: visibility 0s .5s, opacity .5s ease; transition: visibility 0s .5s, opacity .5s ease; &._show { -webkit-transition: opacity .5s ease; opacity: 1; transition: opacity .5s ease; visibility: visible; } .modal-inner-wrap { .modal-content, .modal-header { padding-left: 4rem; padding-right: 4rem; .action-close { display: none; } } -webkit-transform: translateX(0); -webkit-transition: -webkit-transform 0s; height: 50rem; transition: transform 0s; transform: translateX(0); margin-top: 13rem; max-width: 75rem; } .admin__fieldset { padding: 0; } } .release-notification-title-with-image { background-repeat: no-repeat; background-size: 55px 49.08px; padding: 1.5rem 0 2rem 7rem; } .release-notification-text { line-height: @line-height__l; ul { margin: 2rem 0 2rem 0; li { font-size: @font-size__xs; margin: 1.5rem 0 1.5rem 2rem; span { font-size: @font-size__base; vertical-align: middle; position: relative; left: 1rem; } } } } .release-notification-button-next, .release-notification-button-back { bottom: 4rem; display: block; float: right; position: absolute; } .release-notification-button-next { .lib-button-as-link(); font-weight: 400; right: 4rem; } .release-notification-button-back { .lib-button-as-link(); font-weight: 400; left: 4rem; } .highlight-item { h3 { margin: 0; span { font-size: @font-size__s; font-style: @font-style__emphasis; font-weight: @font-weight__light; } } background-size: 65px 58px; background-repeat: no-repeat; padding: 0 0 2rem 8.5rem; margin-left: 1rem; } .highlight-item-no-image { padding: 0 0 2rem 0; h3 { margin: 0; } } .hide-release-notification { display: none; } pub/static/adminhtml/Magento/backend/en_US/Magento_ReleaseNotification/css/source/.htaccess000077700000000177151323550650026100 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ReleaseNotification/css/.htaccess000077700000000177151323550650024600 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ReleaseNotification/.htaccess000077700000000177151323550650024010 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Vertex_AddressValidation/css/source/_module.less000077700000001335151323550650026147 0ustar00/* * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ #vertex_address_validation_info-head { background: url("Vertex_Tax::images/vertex-logo.svg") left/auto @collapsible-title-icon__size no-repeat; overflow: hidden; padding: 0 0 0 10.5rem; pointer-events: none; } .vertex__admin-order__address-cleansing { .vertex__address-suggestion { margin: 5px 0; padding-left: 10px; font-weight: 500; border-left: 2px solid gray; } .message::before { top: 30px; } .actions { margin-bottom: 10px; } button { text-transform: capitalize; } } pub/static/adminhtml/Magento/backend/en_US/Vertex_AddressValidation/css/source/.htaccess000077700000000177151323550650025434 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Vertex_AddressValidation/css/.htaccess000077700000000177151323550650024134 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Vertex_AddressValidation/.htaccess000077700000000177151323550650023344 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Cms/css/source/_module.less000077700000000656151323550650023413 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .modal-slide { .media-gallery-modal { .page-main-actions { margin-bottom: 3rem; .page-action-buttons { text-align: right; } } .new_folder { margin-right: 10px; } } } .tree-actions { a { cursor: pointer; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Cms/css/source/.htaccess000077700000000177151323550650022673 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Cms/css/.htaccess000077700000000177151323550650021373 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Cms/.htaccess000077700000000177151323550650020603 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Vertex_Tax/css/source/_module.less000077700000006112151323550650023301 0ustar00/* * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ /** * Class used to color the "Vertex has been disabled automatically" message in * the admin panel */ .vertex__automatically-disabled-message { margin-top: 5px; .lib-css(color, @color-red10); } .admin__control-flexfield-table { .admin__action-multiselect-menu-inner-item._root._parent .action-menu-item { margin-right: 4rem; position: relative; &._expended .admin__action-multiselect-dropdown:before { content: '\e615'; } .admin__action-multiselect-dropdown { left: auto; right: -2.8rem; } } .action-select.admin__action-multiselect { &:before { border-bottom: 0; height: auto; } &:after { transform: rotate(0deg); top: 50%; } &._active:after { transform: rotate(180deg); } } .admin__control-table { .field-edit { color: @color-very-dark-gray-black; text-decoration: none; cursor: pointer; } .icon-edit:before { &:extend(.abs-icon all); content: @data-grid-row-changed__icon; font-size: 1.6rem; padding-left: 5px; } } } .vertex__comment-field-type { .section-config { padding: 0 2.8rem 1.9rem 2.8rem; } } .section-config.vertex__flexfield-type-group { .comment { padding: 0 0 1rem 3rem; } > .admin__collapsible-block { > a { padding: 1.9rem 2.8rem 0.5rem 2.8rem; } } } #tax_vertex-head { background: url("Vertex_Tax::images/vertex-logo.svg") left/auto @collapsible-title-icon__size no-repeat; height: 0; overflow: hidden; padding: (@collapsible-title__padding-top + (@line-height__base + 1rem) + @collapsible-title__padding-bottom) 0 0; } #row_tax_vertex_info .comment { padding-left: (@collapsible-title-icon__size + 1rem); color: @collapsible-title__color; h2 { font-weight: @font-weight__semibold; color: @collapsible-title__color; margin: 1.5rem 0 0.5rem; } } /** * This is for our "Vertex Flexible Field" input on the Product Edit Page in the * "Customizable Options" section. At the time of this writing (2.3.1) these * fields are not setup in any way to display scope appropriately. I experienced * difficulty getting the ::before (existing) selector to line up in any nice * way, so I instead opted to use the ::after selector and write up all the CSS * myself - here. * * This could theoretically fail in the future, as the ::after selector on these * labels is also used for the required asterisk - as such, I've documented that * here. */ .admin__field-vertex-scope .admin__field-label label span::after { content: attr(data-config-scope); color: @field-scope__color; margin-left: 1em; font-size: 1.1rem; font-weight: @font-weight__regular; text-transform: lowercase; } pub/static/adminhtml/Magento/backend/en_US/Vertex_Tax/css/source/.htaccess000077700000000177151323550650022570 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Vertex_Tax/css/.htaccess000077700000000177151323550650021270 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Vertex_Tax/.htaccess000077700000000177151323550650020500 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ReCaptchaAdminUi/css/source/_module.less000077700000000457151323550650025771 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .recaptcha_backend_type_for_recaptcha_backend_info_heading_notice, .recaptcha_frontend_type_for_recaptcha_frontend_info_heading_notice { strong { color: @grid-severity-critical-color; } } pub/static/adminhtml/Magento/backend/en_US/Magento_ReCaptchaAdminUi/css/source/.htaccess000077700000000177151323550650025252 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ReCaptchaAdminUi/css/.htaccess000077700000000177151323550650023752 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ReCaptchaAdminUi/.htaccess000077700000000177151323550650023162 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_InventorySalesAdminUi/css/source/_module.less000077700000000604151323550650027116 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Styling for tooltip styling // --------------------------------------------- .admin__field-saleable-qty { .admin__field-tooltip-content { font-size: 14px; font-weight: normal; right: -5rem; width: 29rem; } margin-top: 0; } pub/static/adminhtml/Magento/backend/en_US/Magento_InventorySalesAdminUi/css/source/.htaccess000077700000000177151323550650026405 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_InventorySalesAdminUi/css/.htaccess000077700000000177151323550650025105 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_InventorySalesAdminUi/.htaccess000077700000000177151323550650024315 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/_module.less000077700000001037151323550650024212 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Crosspage components // _____________________________________________ @import 'module/_menu.less'; @import 'module/_header.less'; @import 'module/_footer.less'; @import 'module/_main.less'; // // Pages // _____________________________________________ @import 'module/pages/_dashboard.less'; @import 'module/pages/_login.less'; @import 'module/pages/_cache-management.less'; @import 'module/pages/_access-denied.less'; pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/_module-old.less000077700000013463151323550650024774 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .link-copyright { display: none; } .mage-suggest { text-align: left; box-sizing: border-box; position: relative; display: inline-block; vertical-align: top; width: 100%; background-color: @color-white; border: 1px solid #ada89e; border-radius: 2px; &:after { position: absolute; top: 3px; right: 3px; bottom: 0; width: 22px; text-align: center; font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: '\e01f'; // search icon font-size: 18px; color: #b2b2b2; } input[type="search"], input.search { width: 100%; border: none; background: none; padding-right: 30px; } &.category-select { input[type="search"], input.search { height: 26px; } } } .search-global-field .mage-suggest { position: static; display: block; width: auto; background-color: transparent; border: none; border-radius: 0; &:after { display: none; } } .mage-suggest-dropdown { position: absolute; left: 0; right: 0; top: 100%; margin: 1px -1px 0 -1px; border: 1px solid #cac2b5; background: @color-white; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); z-index: 990; ul { margin: 0; padding: 0; list-style: none; } li { border-bottom: 1px solid #e5e5e5; padding: 0; a { display: block; &.ui-state-focus { background: #f5f5f5; } } } li a, .jstree li a:hover, .jstree .jstree-hovered, .jstree .jstree-clicked { padding: 6px 12px 5px; text-decoration: none; color: #333; height: inherit !important; } .jstree { li a:hover, .jstree-hovered, .jstree-clicked { border: none; } li { border-bottom: 0; a { display: inline-block; } } .mage-suggest-selected > a { color: @color-black; background: #F1FFEB; } } } .field-category_ids .mage-suggest-dropdown, .field-new_category_parent .mage-suggest-dropdown { max-height: 200px; overflow: auto; } .mage-suggest-dropdown .jstree .mage-suggest-selected > a:hover, .mage-suggest-dropdown .jstree .mage-suggest-selected > .jstree-hovered, .mage-suggest-dropdown .jstree .mage-suggest-selected > .jstree-clicked, .mage-suggest-dropdown .jstree .mage-suggest-selected.mage-suggest-not-active > .jstree-hovered, .mage-suggest-dropdown .jstree .mage-suggest-selected.mage-suggest-not-active > .jstree-clicked { background: #E5FFD9; } .mage-suggest-dropdown .jstree .mage-suggest-not-active > a { color: #D4D4D4; } .mage-suggest-dropdown .jstree .mage-suggest-not-active > a:hover, .mage-suggest-dropdown .jstree .mage-suggest-not-active > .jstree-hovered, .mage-suggest-dropdown .jstree .mage-suggest-not-active > .jstree-clicked { background: #F5F5F5; } .mage-suggest-dropdown .category-path { font-size: 11px; margin-left: 10px; color: #9ba8b5; } .suggest-expandable { .action-dropdown .action-toggle { display: inline-block; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: none; border: none; box-shadow: none; color: #676056; font-size: 12px; padding: 5px 4px; filter: none; span { display: inline; } &:before { display: block; float: right; margin-left: 4px; font-size: 13px; color: #b2b0ad; } &:hover:before { color: #7e7e7e; } } .dropdown-menu { margin: 1px 0 0; left: 0; right: auto; width: 245px; z-index: 4; } .mage-suggest { border: none; border-radius: 3px 3px 0 0; &:after { top: 10px; right: 8px; } } .mage-suggest-inner { .title { margin: 0; padding: 0 10px 4px; text-transform: uppercase; color: #a6a098; font-size: 12px; border-bottom: 1px solid #e5e5e5; } > input[type="search"], > input.search { position: relative; margin: 6px 5px 5px; padding-right: 20px; border: 1px solid #ada89e; width: 236px; z-index: 1; } > input.ui-autocomplete-loading, > input.mage-suggest-state-loading { background: @color-white url("@{baseDir}mui/images/ajax-loader-small.gif") no-repeat 190px 50%; } } .mage-suggest-dropdown { margin-top: 0; border-top: 0; border-radius: 0 0 3px 3px; max-height: 300px; overflow: auto; width: 100%; float: left; ul { margin: 0; padding: 0; list-style: none; } } } .suggest-expandable .action-show-all { &:hover, &:active, &:focus, &[disabled] { border-top: 1px solid #e5e5e5; display: block; width: 100%; padding: 8px 10px 10px; text-align: left; font: 12px/1.333 Arial, Verdana, sans-serif; color: #676056; } } .product-actions .suggest-expandable { max-width: 500px; float: left; margin-top: 1px; } .page-actions.fixed #product-template-suggest-container { display: none; } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/_main.less000077700000001300151323550650025127 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page elements // _____________________________________________ // // Components // --------------------------------------------- @import 'main/_actions-bar.less'; @import 'main/_page-nav.less'; @import 'main/_collapsible-blocks.less'; @import 'main/_store-scope.less'; .page-separator { border-bottom: 0; border-top: 1px solid @color-gray89; display: block; margin-bottom: 2rem; margin-top: 2rem; } .page-sub-title { font-size: 2.4rem; margin-bottom: 1.2rem; } .page-sub-sub-title { font-size: 1.7rem; font-weight: @font-weight__semibold; } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/_footer.less000077700000004760151323550650025516 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page footer // _____________________________________________ @footer__background-color: @body__background-color; @footer__border-color: @color-light-gray; @footer__border-width: .1rem; @footer__color: @color-very-dark-gray1; @footer-version__color: @color-gray40; @footer-copyright__color: @color-gray40; @footer-link__color: @color-light-phoenix; @footer-link__text-decoration: underline; @footer-link__hover__color: @color-light-phoenix; @footer-link__hover__text-decoration: underline; .page-footer { background-color: @footer__background-color; border-top: @footer__border-width solid @footer__border-color; color: @footer__color; margin-top: auto; padding: 2.6rem 3rem 6rem; a { .lib-link( @_link-color: @footer-link__color, @_link-text-decoration: @footer-link__text-decoration, @_link-color-visited: false, @_link-text-decoration-visited: false, @_link-color-hover: @footer-link__color, @_link-text-decoration-hover: false, @_link-color-active: false, @_link-text-decoration-active: false ); } .admin__control-select { max-width: 52rem; width: 100%; } } .magento-version { margin-bottom: .5rem; strong { color: @footer-version__color; } } // Copyright .copyright { margin-bottom: -.2rem; position: relative; text-align: left; .link-copyright { display: inline-block; margin-right: .5rem; text-decoration: none; vertical-align: top; &:hover { &:before { color: lighten(@color-light-phoenix, 10%); } } &:before { &:extend(.abs-icon all); .transition(color); color: @primary__color; content: @icon-logo__content; display: block; font-size: 2.5rem; position: relative; top: -.2rem; } &:active { &:before { .scale(); } } } } .footer-legal { padding-top: 1rem; } .footer-legal-system { text-align: right; } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .footer-legal { padding-top: 3rem; text-align: left; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/_header.less000077700000001157151323550650025445 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page header // _____________________________________________ // // Components // --------------------------------------------- @import 'header/_actions-group.less'; @import 'header/_headings-group.less'; // Variables // --------------------------------------------- @page-header__indent-horizontal: @content__indent; @page-header__indent-vertical: @content__indent / 2; // .page-header { margin-bottom: 1.2rem; padding: @page-header__indent-vertical @page-header__indent-horizontal; } static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/header/_actions-group.less000077700000001126151323550650030154 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page header -> Actions group // _____________________________________________ // // Components // --------------------------------------------- @import 'actions-group/_user.less'; @import 'actions-group/_search.less'; @import 'actions-group/_notifications.less'; // // Variables // --------------------------------------------- @page-header-action__height: @action__height + .1rem; // .page-header-actions { &:extend(.abs-clearfix all); padding-top: 1.1rem; } static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/header/_headings-group.less000077700000002051151323550650030274 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page header -> Headings group // _____________________________________________ // // Imports // --------------------------------------------- // @import 'headings-group/_breadcrumbs.less'; // Component exist only in design // // Variables // --------------------------------------------- @page-title__color: @text__color; @page-title__font-size: 2.8rem; // Breadcrumbs component not included in common styles, but title used it @page-title-breadcrumbs__min-height: round(@page-title-breadcrumb__font-size * @line-height__base, 1); @page-title-breadcrumb__font-size: @font-size__s; // .page-header-hgroup { padding-right: @content__indent / 2; } // // Page title // --------------------------------------------- .page-title-wrapper { margin-top: @page-title-breadcrumbs__min-height; } .page-title { color: @page-title__color; font-size: @page-title__font-size; margin-bottom: 0; word-break: break-all; } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/header/.htaccess000077700000000177151323550650026215 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/header/actions-group/_user.less000077700000007072151323550650031140 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page header -> Actions group -> User menu // _____________________________________________ // // Variables // --------------------------------------------- @user-account__padding-bottom: .4rem; @user-account__padding-left: 4rem; @user-account__padding-top: .7rem; @user-account__padding-right: 2.8rem; @user-account-menu__min-width: 20rem; @user-account-menu__z-index: @notifications-action-menu__z-index - 10; // Should be lower than notifications @user-account-menu__hover__background-color: @action__hover__background-color; @user-account-menu__active__background-color: darken(@color-blue-clear-sky, 5%); @user-account-action__color: @text__color; @user-account-action__hover__color: @text__color; // .admin-user { float: right; line-height: @line-height__base; // ToDo UI: Delete with admin scope margin-left: .3rem; z-index: @user-account-menu__z-index; &._active, &.active { // User account action .admin__action-dropdown { border-color: @action-dropdown__active__border-color; box-shadow: @component__box-shadow__base; } } // User account action .admin__action-dropdown { .action-toggle-triangle( @_dropdown__padding-right: @user-account__padding-right; @_triangle__color: @user-account-action__color; @_triangle__hover__color: @action-dropdown__hover__color; @_triangle__right: 1.3rem; ); height: @page-header-action__height; padding-bottom: @user-account__padding-bottom; padding-left: @user-account__padding-left; padding-top: @user-account__padding-top; &:before { @_icon-user__size: 2rem; &:extend(.abs-icon all); color: @user-account-action__color; content: @icon-account__content; font-size: @_icon-user__size; left: 1.1rem; margin-top: -(@_icon-user__size / 2) - .1rem; position: absolute; top: 50%; } &:hover { &:before { color: @user-account-action__hover__color; } } } // User account menu .admin__action-dropdown-menu { @_user-menu__indent-side: 1rem; min-width: @user-account-menu__min-width; padding-left: @_user-menu__indent-side; padding-right: @_user-menu__indent-side; > li { > a { padding-left: .5em; padding-right: (@user-account__padding-right - @_user-menu__indent-side); transition: @smooth__background-color; white-space: nowrap; &:hover { background-color: @user-account-menu__hover__background-color; color: @action-dropdown__color; } &:active { background-color: @user-account-menu__active__background-color; bottom: -1px; position: relative; } } } .admin-user-name { .lib-text-overflow-ellipsis(); display: inline-block; max-width: @user-account-menu__min-width; overflow: hidden; vertical-align: top; } } } .admin-user-account-text { .lib-text-overflow-ellipsis(); display: inline-block; max-width: @user-account-menu__min-width - @user-account__padding-left - @user-account__padding-right - 2rem; } adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/header/actions-group/_search.less000077700000011543151323550650031425 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page header -> Actions group -> Global search // _____________________________________________ // // Variables // --------------------------------------------- @search-global__z-index: @user-account-menu__z-index - 10; // Should be lower than user account @search-global-field__width: @search-global-input__width; @search-global-input__font-size: @font-size__base; @search-global-input__height: @page-header-action__height; @search-global-input__padding-bottom: (@search-global-input__height - @search-global-icon__height) / 2 - .1rem; @search-global-input__padding-top: (@search-global-input__height - @search-global-icon__height) / 2 + .1rem; @search-global-input__padding-side: @font-size__base; @search-global-input__width: @search-global-icon__width + @search-global-input__padding-side * 2; @search-global-input__active__padding-right: @search-global-icon__height + 2rem; @search-global-input__active__width: 25rem; @search-global-label-icon__color: @text__color; @search-global-icon__height: 2rem; @search-global-icon__width: 2.2rem; @search-global-action__width: @search-global-input__active__padding-right; // .search-global { float: right; margin-right: -.3rem; // px perfect position: relative; z-index: @search-global__z-index; } .search-global-field { min-width: @search-global-field__width; &._active { .search-global-input { background-color: @action-dropdown__background-color; border-color: @action-dropdown__active__border-color; box-shadow: @component__box-shadow__base; padding-right: @search-global-input__active__padding-right; width: @search-global-input__active__width; } .search-global-action { &:extend(.abs-action-reset all); display: block; height: @search-global-input__height; position: absolute; right: 0; text-indent: -100%; top: 0; width: @search-global-icon__width + @search-global-input__padding-side * 2; z-index: 3; } } // Autocomplete .autocomplete-results { height: @search-global-input__height; position: absolute; right: 0; top: 0; width: @search-global-input__active__width; } .search-global-menu { border: 1px solid @action-dropdown__active__border-color; border-top-color: transparent; box-shadow: @component__box-shadow__base; left: 0; margin-top: -2px; max-height: 80vh; overflow: auto; padding: 0; position: absolute; right: 0; top: 100%; word-break: break-word; word-wrap: break-word; z-index: 2; &:after { background-color: @action-dropdown__background-color; content: ''; height: @component__shadow-size__base; left: 0; position: absolute; right: 0; top: -@component__shadow-size__base; } > li { background-color: @action-dropdown__background-color; border-top: 1px solid @action-dropdown__border-color; display: block; font-size: @font-size__s; padding: @search-global-input__padding-top @search-global-input__padding-side @search-global-input__padding-bottom; &._active { background-color: @color-blue-clear-sky; } } .title { display: block; font-size: @search-global-input__font-size; } .type { color: darken(@text__color, 10%); display: block; } } } .search-global-label { cursor: pointer; height: @search-global-input__height; padding: @search-global-input__padding-top @search-global-input__padding-side @search-global-input__padding-bottom; position: absolute; right: 0; top: 0; z-index: 2; &:active { .scale(); } &:hover { &:before { color: @action-dropdown__hover__color; } } &:before { &:extend(.abs-icon all); color: @search-global-label-icon__color; content: @icon-search__content; font-size: @search-global-icon__height; } } .search-global-input { background-color: transparent; border: 1px solid transparent; font-size: @search-global-input__font-size; height: @search-global-input__height + .2; padding: @search-global-input__padding-top @search-global-input__padding-side @search-global-input__padding-bottom; position: absolute; right: 0; top: 0; transition: all .1s linear, width .3s linear; width: @search-global-input__width; z-index: 1; } .search-global-action { display: none; } adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/header/actions-group/.htaccess000077700000000177151323550650030730 0ustar00pub/static<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>Magento/backend/en_US/Magento_Backend/css/source/module/header/actions-group/_notifications.less000077700000012243151323550650033027 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page header -> Action group -> Notifications // _____________________________________________ // // Variables // --------------------------------------------- @notifications__font-size: round(@font-size__s - .1rem, 1); @notifications__color: @color-gray20; @notifications-action__color: @text__color; @notifications-action__padding-bottom: (@page-header-action__height - @notifications-action-icon__size) / 2 - .05rem; @notifications-action__padding-side: 2rem; @notifications-action__padding-top: (@page-header-action__height - @notifications-action-icon__size) / 2 + .05rem; @notifications-action__hover__color: darken(@action-dropdown__color, 20%); @notifications-action-icon__size: 1.9rem; @notifications-action-menu__z-index: @header__z-index; @notifications-close__color: @color-gray80; @notifications-counter__background-color: @color-tomato-brick; @notifications-entry__padding-top: .6rem; @notifications-entry__hover__background-color: @action__hover__background-color; @notifications-list__width: 32rem; @notifications-title__color: @color-light-phoenix; @notifications-time__color: @color-very-dark-gray1; // .notifications-wrapper { float: right; line-height: 1; position: relative; &.active { z-index: @notifications-action-menu__z-index; // Should be over global search when active .notifications-action { border-color: @action-dropdown__active__border-color; box-shadow: @component__box-shadow__base; &:after { background-color: @action-dropdown__background-color; border: none; content: ''; display: block; height: @component__shadow-size__base + 1; left: -(@component__shadow-size__base + 1); margin-top: 0; position: absolute; right: 0; top: 100%; width: auto; } } } // Notifications dropdown .admin__action-dropdown-menu { padding: 1rem 0 0; width: @notifications-list__width; } } .notifications-action { color: @notifications-action__color; height: @page-header-action__height; padding: @notifications-action__padding-top @notifications-action__padding-side @notifications-action__padding-bottom; &:after { display: none; } &:before { &:extend(.abs-icon all); content: @icon-notification-02__content; font-size: @notifications-action-icon__size; margin-right: 0; } &:active { &:before { position: relative; top: 1px; } } .notifications-counter { background-color: @notifications-counter__background-color; border-radius: 1em; color: @color-white; display: inline-block; font-size: @notifications__font-size; font-weight: @font-weight__bold; height: 20px; left: 50%; line-height: 20px; margin-left: .3em; margin-top: -1.1em; min-width: 20px; position: absolute; text-align: center; top: 50%; } } .notifications-entry { line-height: @line-height__base; padding: @notifications-entry__padding-top @notifications-action__padding-side .8rem; position: relative; transition: @smooth__background-color; &:hover { background-color: @notifications-entry__hover__background-color; } &.notifications-entry-last { margin: 0 @notifications-action__padding-side; padding: .3rem 0 1.3rem; text-align: center; &:hover { background-color: transparent; } } + .notifications-entry-last { border-top: 1px solid @color-light-gray; padding-bottom: .6rem; } // Case with cutted message description ._cutted { cursor: pointer; .notifications-entry-description-start { &:after { content: '...'; } } } } .notifications-entry-title { color: @notifications-title__color; display: block; font-size: @notifications__font-size; font-weight: @font-weight__bold; margin-bottom: .7rem; margin-right: 1em; } .notifications-entry-description { color: @notifications__color; font-size: @notifications__font-size; margin-bottom: .8rem; } .notifications-entry-description-end { display: none; &._show { display: inline; } } .notifications-entry-time { color: @notifications-time__color; font-size: @notifications__font-size; } .notifications-close { &:extend(.abs-action-reset all); line-height: 1; padding: @notifications-action__padding-side / 2; position: absolute; right: 0; top: .6rem; &:before { &:extend(.abs-icon all); color: @notifications-close__color; content: @icon-remove-small__content; .transition(color); } &:hover { &:before { color: darken(@notifications-close__color, 10%); } } &:active { transform: scale(.95); } } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/_menu.less000077700000033045151323550650025162 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Menu // _____________________________________________ // // Variables // --------------------------------------------- @menu-wrapper__z-index: @menu__z-index - 1; @menu__background-color: @color-very-dark-grayish-orange; @menu-logo__padding-bottom: 1.7rem; @menu-logo__outer-size: @menu-logo__padding-top + @menu-logo-img__height + @menu-logo__padding-bottom; @menu-logo__padding-top: 1.7rem; @menu-logo-img__height: 4.1rem; @menu-logo-img__width: 3.5rem; @menu-item__color: @color-gray65-lighten; @menu-item__font-size: 1rem; @menu-item__hover__background-color: @color-brownie-almost; @menu-item__active__background-color: darken(@menu-item__hover__background-color, 3%); @menu-item__active__color: @color-ivory; @menu-item-icon__height: 2.2rem; @menu-line-before__background-color: @color-brownie-vanilla; @menu-line-before__height: 1px; @menu-overlay__z-index: @menu__z-index - 3; @submenu__background-color: @menu-item__active__background-color; @submenu__padding-horizontal: 1.5rem; @submenu__padding-vertical: 2rem; @submenu__z-index: @menu__z-index - 2; @submenu__height: 720px; @submenu-column__width: 23.8rem; @submenu-column__width__l: 19.8rem; @submenu-title__color: @color-white; @submenu-link__color: @color-very-light-gray; @submenu-link__padding-vertical: 1.25rem; @submenu-link__active__background-color: darken(@submenu-link__focus__background-color, 5%); @submenu-link__focus__background-color: @color-black4-almost; @submenu-section-label__color: @color-gray65-almost; @submenu-heading-group__indent-bottom: 3.8rem; @submenu-action-close__indent-right: 2.8rem; // // Utilities // --------------------------------------------- .admin__menu-link() { color: @menu-item__color; display: block; font-size: @menu-item__font-size; letter-spacing: .025em; min-height: 6.2rem; padding: 1.2rem .5rem .5rem; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color .1s linear; word-wrap: break-word; z-index: @menu__z-index; &:focus { box-shadow: none; } &:before { &:extend(.abs-icon all); content: @icon-menu-item__content; display: block; font-size: 2.2rem; height: @menu-item-icon__height; margin-bottom: .3rem; } } // // Menu wrapper // --------------------------------------------- .menu-wrapper { display: inline-block; position: relative; width: @menu__width; z-index: @menu__z-index; &:before { background-color: @menu__background-color; bottom: 0; content: ''; left: 0; position: fixed; top: 0; width: @menu__width; z-index: @menu-wrapper__z-index; } &._fixed { left: 0; position: fixed; top: 0; ~ .page-wrapper { margin-left: @menu__width; } } .logo { display: block; height: @menu-logo-img__height + @menu-logo__padding-top + @menu-logo__padding-bottom; padding: @menu-logo__padding-top 0 @menu-logo__padding-bottom; position: relative; text-align: center; z-index: @menu__z-index; ._keyfocus & { &:focus { background-color: @menu-item__active__background-color; box-shadow: none; + .admin__menu { .level-0 { &:first-child { > a { background-color: @menu__background-color; &:after { display: none; } } } } } } } &:hover { .logo-img { -webkit-filter: brightness(1.1); filter: brightness(1.1); } } &:active { .logo-img { transform: scale(.95); } } .logo-img { height: @menu-logo-img__height; transition: -webkit-filter .2s linear, filter .2s linear, transform .1s linear; width: @menu-logo-img__width; } } } // // First menu level // --------------------------------------------- .abs-menu-separator { @_menu-separator__width: 68%; background-color: @menu-line-before__background-color; content: ''; display: block; height: @menu-line-before__height; left: 0; margin-left: (100% - @_menu-separator__width) / 2; position: absolute; top: 0; width: @_menu-separator__width; } .admin__menu { li { display: block; } // External link marker [target='_blank'] { &:after { &:extend(.abs-icon all); content: @icon-external-link__content; font-size: .5rem; margin-left: @indent__xs; vertical-align: super; } } .level-0 { &:first-child { > a { position: relative; // Separator between logo and menu &:after { &:extend(.abs-menu-separator); } } &._active { > a { &:after { display: none; } } } } // Hover & active state for menu level 0 item &._active, &:hover { > a { color: @menu-item__active__color; } } &._active { > a { background-color: @menu-item__hover__background-color; } } &:hover { > a { background-color: @menu-item__active__background-color; } } > a { .admin__menu-link(); } } // // Second menu level // --------------------------------------------- .level-0 { > .submenu { background-color: @submenu__background-color; box-shadow: 0 0 3px @color-black; left: 100%; // align all submenus with one Y axis line padding: @submenu__padding-vertical 0 0; position: absolute; top: 0; transform: translateX(-100%); transition-duration: .3s; transition-property: transform, visibility; transition-timing-function: ease-in-out; visibility: hidden; z-index: @submenu__z-index - 1; .ie11 & { height: 100%; } > ul[role='menu'] { max-width: ~'calc(100vw - @{menu__width})'; min-height: @submenu__height; overflow-x: auto; overflow-y: hidden; } } &._show { > .submenu { transform: translateX(0); visibility: visible; z-index: @submenu__z-index; } } } .level-1 { margin-left: @submenu__padding-horizontal; margin-right: @submenu__padding-horizontal; } [class*='level-'] { &:not(.level-0) { a { display: block; padding: @submenu-link__padding-vertical @submenu__padding-horizontal; &:hover { background-color: @submenu-link__focus__background-color; } &:active { background-color: @submenu-link__active__background-color; padding-bottom: @submenu-link__padding-vertical - .1rem; padding-top: @submenu-link__padding-vertical + .1rem; } } } } .submenu { li { min-width: @submenu-column__width; } a { color: @submenu-link__color; transition: background-color .1s linear; &:hover, &:focus { box-shadow: none; text-decoration: none; } ._keyfocus & { &:focus { background-color: @submenu-link__focus__background-color; } &:active { background-color: @submenu-link__active__background-color; } } } .parent { margin-bottom: 4.5rem; // Section title .submenu-group-title { color: @submenu-section-label__color; display: block; font-size: 1.6rem; font-weight: @font-weight__semibold; margin-bottom: .7rem; padding: 1.25rem @submenu__padding-horizontal; pointer-events: none; } } .column { display: table-cell; } } .submenu-title { color: @submenu-title__color; display: block; font-size: 2.2rem; font-weight: @font-weight__semibold; margin-bottom: .4rem + @submenu-heading-group__indent-bottom; margin-left: @submenu__padding-horizontal * 2; margin-right: @submenu__padding-horizontal * 2 + @submenu-action-close__indent-right; } .submenu-sub-title { color: @submenu-title__color; display: block; font-size: @font-size__s; margin: -(@submenu-heading-group__indent-bottom) @submenu__padding-horizontal * 2 + @submenu-action-close__indent-right 3.8rem @submenu__padding-horizontal * 2; } .action-close { padding: 2.4rem @submenu-action-close__indent-right; position: absolute; right: 0; top: 0; &:before { color: @submenu-section-label__color; font-size: 1.7rem; } &:hover { &:before { color: @color-white; } } } // // Menu icons // --------------------------------------------- .item-dashboard { > a { &:before { @_menu-item-dashboard__size: 1.8rem; content: @icon-dashboard__content; font-size: @_menu-item-dashboard__size; padding-top: @menu-item-icon__height - @_menu-item-dashboard__size; } } } .item-sales { > a { &:before { content: @icon-sales__content; } } } .item-catalog { > a { &:before { content: @icon-product__content; } } } .item-customer { > a { &:before { @_menu-item-dashboard__size: 2.6rem; content: @icon-customers__content; font-size: @_menu-item-dashboard__size; position: relative; top: @menu-item-icon__height - @_menu-item-dashboard__size; } } } .item-marketing { > a { &:before { @_menu-item-dashboard__size: 2rem; content: @icon-promotions__content; font-size: @_menu-item-dashboard__size; padding-top: @menu-item-icon__height - @_menu-item-dashboard__size; } } } .item-content { > a { &:before { @_menu-item-dashboard__size: 2.4rem; content: @icon-cms__content; font-size: @_menu-item-dashboard__size; position: relative; top: @menu-item-icon__height - @_menu-item-dashboard__size; } } } .item-report { > a { &:before { content: @icon-reports__content; } } } .item-stores { > a { &:before { @_menu-item-dashboard__size: 1.9rem; content: @icon-stores__content; font-size: @_menu-item-dashboard__size; padding-top: @menu-item-icon__height - @_menu-item-dashboard__size; } } } .item-system { > a { &:before { content: @icon-systems__content; } } &._current { + .item-partners { > a { &:after { display: none; } } } } } .item-partners { &._active { > a { &:after { display: none; } } } > a { padding-bottom: 1rem; &:before { content: @icon-lego__content; } &:after { &:extend(.abs-menu-separator); } } } // This part hides Submenu Group Titles only for menus with single groups. .submenu .column:only-of-type .submenu-group-title, .level-0 > .submenu > ul > .level-1:only-of-type > .submenu-group-title { display: none; } } .admin__menu-overlay { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: @menu-overlay__z-index; } // // Tablets // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) { .admin__menu { .submenu { li { min-width: @submenu-column__width__l; } } } } static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/pages/_access-denied.less000077700000001051151323550650027715 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Access Error Page // --------------------------------------------- .access-denied-hr { height: 0.2rem; border: 0; box-shadow: 0 10px 10px -10px #b4b3b3 inset; } .access-denied-page { margin: 3.5rem 0 10rem 0; h2 { margin-bottom: 3rem; } ul { li { font-size: @font-size__s; margin: 2rem 0 2rem 3rem; span { font-size: @font-size__base; margin-left: 1rem; } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/pages/_login.less000077700000005264151323550650026427 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @login-box__background-color: @color-white; @login-box__border: 1px solid @color-gray89; @login-box__max-width: 45rem; @login-box__min-height: 30rem; @login-box__shadow: 0 5px 30px 0 rgba(0, 0, 0, 1); @login-page__background-color: @color-very-dark-grayish-orange; // // Admin user auth pages layout // --------------------------------------------- // Header .login-header { margin: 0 0 3rem; } // Login box .page-layout-admin-login { .lib-vendor-box-align(center); .lib-vendor-prefix-display(flex); background-color: @login-page__background-color; height: 101%; max-height: 100%; min-width: 50rem; .page-wrapper { .lib-vendor-prefix-flex-grow(0); .lib-vendor-prefix-flex-shrink(0); background-color: @login-box__background-color; border: @login-box__border; box-shadow: @login-box__shadow; display: block; float: none; margin: auto; max-width: @login-box__max-width; min-height: @login-box__min-height; min-width: 0; padding: 40px 80px 50px; position: relative; width: 100%; z-index: 1; } :-ms-input-placeholder { color: transparent; } ::-webkit-input-placeholder { color: transparent; } ::-moz-placeholder { color: transparent; } .admin__legend { color: @color-phoenix; font-size: 2.6rem; font-weight: @font-weight__light; line-height: @line-height__s; margin: -1rem 0 2.5rem; } .admin__field-info { margin-bottom: 3rem; } .admin__field { &:extend(.abs-field-rows all); } .messages { margin-top: .5rem; + form .admin__legend { display: none; } } .actions { padding: 0 0 3rem; } .action-primary { &:extend(.abs-action-l all); } } // Footer .login-footer { color: @color-heathered-grey; font-size: @font-size__xs; font-weight: @font-weight__regular; left: 0; margin: 5rem 0 2rem; position: absolute; text-align: center; top: 100%; width: 100%; .link-copyright { &:before { display: none; } } } // // Login page features // --------------------------------------------- .adminhtml-auth-login { .form-actions { display: table; margin-top: -2rem; .links { display: table-header-group; } .actions { padding: 3rem 0 0; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/pages/_dashboard.less000077700000014462151323550650027246 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Dashboard // _____________________________________________ // // Variables // _____________________________________________ @dashboard__font-size__base: 1.3rem; @dashboard__font-size-l: 2.4rem; @dashboard-tabs__padding: 2rem; @dashboard-tabs__background-color: @color-white; // Secondary column @dashboard-secondary-table__width-px: 235px; @dashboard-secondary-table-col-name__width-px: 135px; @dashboard-secondary-table-col-value__width-px: 50px; @dashboard-secondary-table-col-name__width-pct: @dashboard-secondary-table-col-name__width-px * 100% / @dashboard-secondary-table__width-px; // 57.44680851% @dashboard-secondary-table-col-value__width-pct: @dashboard-secondary-table-col-value__width-px * 100% / @dashboard-secondary-table__width-px; // 21.27659574% // // Tables // --------------------------------------------- .dashboard-data { background: @dashboard-tabs__background-color; font-size: @dashboard__font-size__base; width: 100%; tr { &._clickable { cursor: pointer; } } th, td { padding: 1rem 0 1rem 1rem; &:first-child { padding-left: 0; } } &.admin__table-primary { th { border-top: 0; } } // Primary column .dashboard-main & { @dashboard-table__width-px: 560px; @dashboard-table-col-product__width-px: 392px; @dashboard-table-col-name__width-px: 308px; @dashboard-table-col-value__width-px: 84px; @dashboard-table-col-product__width-pct: @dashboard-table-col-product__width-px * 100% / @dashboard-table__width-px; // 70% @dashboard-table-col-name__width-pct: @dashboard-table-col-name__width-px * 100% / @dashboard-table__width-px; // 55% @dashboard-table-col-value__width-pct: @dashboard-table-col-value__width-px * 100% / @dashboard-table__width-px; // 15% th, td { text-align: right; white-space: nowrap; width: @dashboard-table-col-value__width-pct; } .col-name { text-align: left; white-space: normal; width: @dashboard-table-col-name__width-pct; } .col-product { width: @dashboard-table-col-product__width-pct; } .col-orders { text-align: left; } } .dashboard-secondary & { .col-popularity, .col-total { text-align: right; width: @dashboard-secondary-table-col-value__width-pct; } .col-customer, .col-search-query { width: @dashboard-secondary-table-col-name__width-pct; } } } .dashboard-container { .empty-text { background: @dashboard-tabs__background-color; font-size: @dashboard__font-size__base; } .ui-tabs-panel { border-top: 1px solid @color-gray68; } } // // Primary column // _____________________________________________ // // Diagram // --------------------------------------------- // Diagram disabled .dashboard-diagram-disabled { padding: .5rem 2rem 2rem; } // Range switcher .dashboard-diagram-switcher { border-top: 1px solid @color-gray68; margin-top: -1px; padding: 2rem 2rem 0; .label { &:extend(.abs-visually-hidden all); } + .dashboard-diagram-tab-content { > .ui-tabs-panel { border-top: 0 none; } } } // // Totals: Revenue, Tax, Shipping, Quantity // --------------------------------------------- .dashboard-totals { margin: 1rem 2rem 6rem; } .dashboard-totals-list { &:extend(.abs-clearfix all); &:extend(.abs-list-reset-styles all); display: table; width: 100%; } .dashboard-totals-item { display: table-cell; padding: 0 1rem 0 0; width: 25%; &:first-child { .price { color: @color-phoenix; } } } .dashboard-totals-label { display: block; font-size: @dashboard__font-size__base; font-weight: @font-weight__bold; } .dashboard-totals-value { font-size: @dashboard__font-size-l; font-weight: @font-weight__semibold; } // // Tabs // --------------------------------------------- .dashboard-store-stats { .ui-tabs { &:extend(.abs-clearfix all); margin-bottom: 0; position: relative; &:before { .lib-background-gradient( @_background-gradient: true, @_background-gradient-direction: horizontal, @_background-gradient-color-start: rgba(255,255,255,0), @_background-gradient-color-end: @color-white, @_background-gradient-color-position: false ); content: ''; height: 4.8rem; position: absolute; right: 0; top: 0; width: 2rem; } } .ui-tabs-panel { // ToDo UI: change the picture to html after loaders refactoring background: url(../images/ajax-loader-small.gif) no-repeat 50% 50%; min-height: 4.5rem; } .tabs-horiz { border-right: 1px solid @color-white; // IE9 fix float: left; // IE9 fix overflow-x: auto; white-space: nowrap; width: 100%; // IE9 fix .ui-state-default { display: inline-block; float: none; margin-right: .1rem; } } } // // Secondary column // _____________________________________________ .dashboard-container { .dashboard-secondary { padding-right: 3.5rem; } } .dashboard-item { margin-bottom: 3rem; } .dashboard-item-title { font-size: 1.8rem; font-weight: @font-weight__bold; } .dashboard-item-primary { &:first-child { .dashboard-sales-value { color: @color-phoenix; } } } .dashboard-sales-value { font-size: @dashboard__font-size-l; font-weight: @font-weight__semibold; } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { // // Totals: Revenue, Tax, Shipping, Quantity // ----------------------------------------- .dashboard-totals-item { float: left; margin-bottom: 1rem; width: 50%; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/pages/.htaccess000077700000000177151323550650026064 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/pages/_cache-management.less000077700000005070151323550650030410 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Cache Management // _____________________________________________ @grid-severity-critical-background: #f9d4d4; @grid-severity-critical-color: #e22626; @grid-severity-critical-border-color: #e22626; @grid-severity-major-background: #f9d4d4; @grid-severity-major-color: #e22626; @grid-severity-major-border-color: #e22626; @grid-severity-notice-background: #d0e5a9; @grid-severity-notice-color: #185b00; @grid-severity-notice-border-color: #5b8116; @grid-severity-minor-background: #feeee1; @grid-severity-minor-color: #ed4f2e; @grid-severity-minor-border-color: #ed4f2e; @additional-cache-management-border: 1px solid #cac3b4; @additional-cache-management-heading-color: #303030; @additional-cache-management-heading-size: 1.7rem; @additional-cache-management-text-color: #303030; @additional-cache-management-text-size: 14px; @additional-cache-management-font-weight: 600; .grid-severity-critical, .grid-severity-major, .grid-severity-notice, .grid-severity-minor { background: @grid-severity-minor-background none repeat scroll 0 0; border: 1px solid @grid-severity-minor-border-color; color: @grid-severity-minor-color; display: block; font-weight: bold; line-height: 17px; padding: 0 3px; text-align: center; text-transform: uppercase; } .grid-severity-critical, .grid-severity-major { background: @grid-severity-critical-background none repeat scroll 0 0; border-color: @grid-severity-critical-border-color; color: @grid-severity-critical-color; } .grid-severity-notice { background: @grid-severity-notice-background none repeat scroll 0 0; border-color: @grid-severity-notice-border-color; color: @grid-severity-notice-color; } .additional-cache-management { margin-bottom: 0; h2 { border-bottom: @additional-cache-management-border; box-sizing: border-box; float: left; margin: 0 0 18px; padding: 0; position: static; width: 100%; span { color: @additional-cache-management-heading-color; display: inline-block; font-size: @additional-cache-management-heading-size; font-weight: @additional-cache-management-font-weight; padding: 7px 0 10px; } } span { color: @additional-cache-management-text-color; font-size: @additional-cache-management-text-size; font-weight: @additional-cache-management-font-weight; margin: 5px 0 6px; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/.htaccess000077700000000177151323550650024765 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/main/_store-scope.less000077700000001651151323550650027403 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .tree-store-scope { &.admin__fieldset { padding: 0; > .admin__field { margin-left: -@temp_gutter; } } [class*='field-w'], [class*='field-sg'] { &.admin__field { margin: 0 0 0 -@temp_gutter; } .admin__field-label { text-align: left; } } [class*='field-website_label'] { .admin__field-label { text-align: right; } .admin__field-tooltip { margin: -.2rem 0 0 -@indent__m; } } } .store-scope { .admin__legend { .admin__field-tooltip { margin-left: 0; margin-top: .5rem; } } } .no-margin-top-tooltip { .admin__legend { .admin__field-tooltip { margin-top: 0; } } } adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/main/_collapsible-blocks.less000077700000033066151323550650030632 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // ToDo UI: Consider all accordions, should be separated // // Variables // _____________________________________________ @collapsible__border-color: @control-collapsible__border-color; @collapsible-title-icon__size: 1.8rem; @collapsible-title-support-text__font-size: 1.4rem; @collapsible-sub-block__indent: 4rem; @collapsible-content__indent: 2.6rem; // // Mixins // _____________________________________________ .__collapsible-block-wrapper-pattern() { border-bottom: 1px solid @collapsible__border-color; .admin__fieldset > &:last-child { border-bottom-width: 0; } } .__collapsible-sub-block-wrapper-pattern() { margin-left: @collapsible-sub-block__indent; } .__collapsible-content-pattern() { border: 0; padding: 0 0 @collapsible-content__indent; } .__collapsible-title-pattern() { clear: both; color: @collapsible-title__color; cursor: pointer; display: block; font-size: @collapsible-title__font-size; font-weight: @font-weight__semibold; letter-spacing: .025em; padding: @collapsible-title__padding-top (@collapsible-title-icon__size + 1rem) @collapsible-title__padding-bottom 0; position: relative; text-decoration: none; transition: color .15s linear; &:hover, &:visited, &:focus { color: @collapsible-title__hover__color; text-decoration: none; } &:active { &:before { .scale(); } } &._disabled, &.disabled { color: @collapsible-title__disabled__color; cursor: default; } &:before { &:extend(.abs-icon all); content: @icon-expand-open__content; font-size: @collapsible-title-icon__size; position: absolute; right: 1.3rem; top: 2.3rem; } &._loading { &:before { content: ''; } } } .__collapsible-sub-title-pattern() { padding-left: (@collapsible-title-icon__size + 1rem); padding-right: 0; &:before { left: 0; right: auto; } } .__collapsible-text-pattern() { line-height: @line-height__l; margin-bottom: .5em; margin-top: 1rem; } // .admin__collapsible-block-wrapper { .admin__collapsible-title[aria-expanded='true'] { &:before { content: @icon-expand-close__content; } } .__collapsible-block-wrapper-pattern(); .admin__collapsible-title { .__collapsible-title-pattern(); } &.opened, &._show { > .fieldset-wrapper-title { .admin__collapsible-title { &:before { content: @icon-expand-close__content; } } } &.fieldset-wrapper { .fieldset-wrapper-title { .actions { display: block; } } } td.admin__collapsible-block-wrapper { .admin__collapsible-title { &:before { content: @icon-expand-open__content; } } &._show { .admin__collapsible-title { &:before { content: @icon-expand-close__content; } } } } } &.fieldset-wrapper { border-bottom: 1px solid @collapsible__border-color; padding: 0; .fieldset-wrapper-title { border: 0; margin: 0; padding: 0; } .fieldset-wrapper-content { padding-bottom: @collapsible-title__padding-bottom; } } &.collapsible-block-wrapper-last { border-bottom: 0; } .admin__dynamic-rows.admin__control-collapsible { td { &.admin__collapsible-block-wrapper { border-bottom: none; } } } } .admin__collapsible-content { max-height: 0; transform: scaleY(0); transform-origin: 0 0; transition: transform 100ms ease-in-out, max-height 100ms ease-in-out, visibility 100ms ease-in-out; visibility: hidden; &._show { max-height: 100%; transform: none; visibility: visible; } .admin__collapsible-title { font-size: 1.6rem; padding-left: (@collapsible-title-icon__size + 1rem); &:before { left: 0; right: auto; top: 2rem; } &._loading { .admin__page-nav-item-message-loader { left: 0; right: auto; } } } .admin__collapsible-block-wrapper { margin-left: @collapsible-sub-block__indent; } } .fieldset-wrapper { .admin__collapsible-block-wrapper { .fieldset-wrapper-title { .lib-css(user-select, none, 1); .actions { position: absolute; right: 1.3rem; top: 1.4rem; } .draggable-handle { top: 2.4rem; } } } .modal-slide & { .admin__collapsible-title { .__collapsible-title-pattern(); &:before { left: auto; } } } } // // Legacy code // --------------------------------------------- .admin__collapsible-block { .comment { .__collapsible-text-pattern(); } // Second level .admin__collapsible-block { border: 0; .entry-edit-head { > a { .__collapsible-sub-title-pattern(); } } } ~ .admin__collapsible-block { .__collapsible-content-pattern(); } } .section-config > .admin__collapsible-block > a, .accordion > dt a, .accordion .admin__collapsible-block > a { .__collapsible-title-pattern(); > i { // ToDo UI: change to .collapsible-sub-title display: block; font-size: @collapsible-title-support-text__font-size; font-style: italic; font-weight: @font-weight__regular; padding-top: .4rem; } } .section-config.active > .admin__collapsible-block > a:before, .accordion > dt.open a:before, .accordion .admin__collapsible-block.open a:before { content: @icon-expand-close__content; } .section-config.active > .admin__collapsible-block + input + fieldset, .accordion > dt + dd.open, .accordion .admin__collapsible-block.open + input + fieldset { display: block; margin: 0; } // Sortable collapsible blocks .sortable-wrapper { margin-bottom: 1.5rem; } // // Accordion // --------------------------------------------- .accordion { margin: 0 0 .8rem; padding: 0; dt { border-bottom: 1px solid @collapsible__border-color; &.open { border-bottom: none; } } dd { border-bottom: 1px solid @collapsible__border-color; display: none; &.open { &:empty { background: @color-white url(../../../../../../web/mui/images/ajax-loader-big.gif) no-repeat center; height: 100px; } } } dt, dd { &:last-of-type { border-bottom: none; } } .form-inline { .config { td { padding: 2.2rem 1.5rem 0 0; } .scope-label { padding: 31px 1.5rem 0 0; } .use-default { padding: 29px 1.5rem 0 0; } .value { padding-right: 2rem; } } > .section-config { &:last-child { border-bottom: 0; } } } .config { .comment a, .link-more { color: @color-blue-pure; font-size: @font-size__base; font-weight: 400; &:focus, &:hover { text-decoration: underline; } } legend { display: none; } table { width: 100%; } td { padding: 2.2rem 1.5rem 0 0; vertical-align: top; } td[colspan] { padding: 0; } .admin__control-table { margin: 0 0 @indent__xs; td { padding: @control-table-cell__padding-vertical 2.5rem @control-table-cell__padding-vertical 0; &:first-child { padding-left: 1.5rem; } } .cc-type-select { min-width: 20rem; } } input[type='text'], input[type='password'], select, textarea { width: 100%; } input { &.input-file { margin-top: 4px; } } select { &.select-date { width: 27%; } } .label { &:extend(.abs-word-wrap all); color: @color-gray19; float: none; font-size: 14px; font-weight: 600; padding-right: 30px; text-align: right; width: 33%; label { padding-top: 7px; } span { &[data-config-scope] { display: inline-block; position: relative; &:before { &:extend(.abs-config-scope-label all); } } } } .scope-label { color: @color-gray60; font-size: @font-size__s; letter-spacing: .05em; padding: 31px 1.5rem 0 0; } .note { color: @color-gray19; font-size: 12px; margin: 5px 0; a { color: @color-blue-pure; font-size: 12px; font-weight: 400; &:focus, &:hover { text-decoration: underline; } } } ._with-tooltip { select, // Fix for Chrome (Tooltip dropped to the bottom after select or text input) input[type='text'], input[type='password'] { float: left; } .note { // Fix for Chrome (Tooltip dropped to the bottom after select or text input) clear: both; margin: 0; padding: @indent__xs 0; } } .system-tooltip-box { position: absolute; } .value { padding-right: 40px; vertical-align: middle; width: 44%; &.with-tooltip { font-size: 0; .tooltip { bottom: 0; float: right; left: 0; margin: 6px -28px 0 0; position: relative; right: 0; top: 0; } .time-separator { font-size: 14px; padding-left: 5px; } .tooltip-content { background: @color-very-dark-gray-black2; background: rgba(49, 48, 43, .8); border-radius: 5px; bottom: 100%; font-size: 13px; line-height: 1.4; margin: 0 -17px 10px 0; max-width: 239px; padding: 18px; right: 0; width: 239px; &:before { border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid @color-very-dark-gray-black2; bottom: -5px; content: ''; height: 0; left: auto; opacity: .8; position: absolute; right: 20px; top: auto; width: 0; } } .help { margin: 0; position: relative; width: auto; } } .checkboxes { list-style: none; margin: -3px 0 0; padding: 0; li { margin: 7px 0; } input, label { vertical-align: middle; } label { margin-left: 5px; } } .label { padding: 6px 5px 0 1.5rem; vertical-align: top; width: auto; &:first-child { padding-left: 0; } } } } .paypal-selection-simplified { padding-left: 30px; } .paypal-selection { border-bottom: 2px solid @color-gray75; margin: 10px; width: 98%; th { padding: 6px 10px 7px; } input[type='checkbox'] { margin: -4px 7px 0 0; } } .paypal-payment-notice { margin: 10px; } .custom-options { border: 1px solid @color-gray60; margin: 0 0 20px; padding: 0 10px; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/main/_actions-bar.less000077700000007304151323550650027343 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Main elements -> Actions bar // _____________________________________________ // ToDo UI: Consist old styles, should be changed with new design // // Components // --------------------------------------------- @import 'actions-bar/_store-switcher.less'; .page-main-actions:not(._hidden), .page-actions._fixed { &:extend(.abs-clearfix all); background: @page-main-actions__background-color; border-bottom: 1px solid @page-main-actions__border-color; border-top: 1px solid @page-main-actions__border-color; padding: @page-main-actions__padding; } .page-main-actions { margin: 0 0 @indent__l; &._hidden { .store-switcher { display: none; } .page-actions-placeholder { min-height: 50px; } } } // // Page actions group // --------------------------------------------- .page-actions { @_page-action__indent: 1.3rem; &.floating-header { &:extend(.page-actions-buttons all); } .page-main-actions & { &._fixed { left: @page-wrapper__indent-left; position: fixed; right: 0; top: 0; z-index: @page-actions__fixed__z-index + 101; .page-actions-inner { &:before { .lib-text-overflow-ellipsis(); color: @page-title__color; content: attr(data-title); float: left; font-size: @page-title__font-size; margin-top: .3rem; max-width: 50%; } } } } button, .page-actions-buttons > button, .page-actions-buttons > .action { &:extend(.abs-action-l all); } > button, .page-actions-buttons > button, .page-actions-buttons > .action { &:extend(.abs-action-quaternary all); float: right; margin-left: @_page-action__indent; &.back, &.action-back { // ToDo UI: Should be changed to ._back float: left; .lib-vendor-prefix-order(-1); &:before { &:extend(.abs-icon all); content: @icon-back-arrow__content; margin-right: .5em; position: relative; top: 1px; } } &.action-primary, &.primary { // ToDo UI: Should be changed to .action-primary &:extend(.abs-action-primary all); &:extend(.abs-action-l all); .lib-vendor-prefix-order(2); } &.action-secondary { &:extend(.abs-action-secondary all); &:extend(.abs-action-l all); } &.save { // ToDo UI: Should be changed to ._save &:not(.primary) { .lib-vendor-prefix-order(1); } } &.delete { // ToDo UI: Should be changed to ._delete .lib-vendor-prefix-order(-1); } } .page-actions-buttons { > .action-element { float: right; margin-left: @_page-action__indent; } } .actions-split { &:extend(.abs-actions-split-xl all); float: right; margin-left: @_page-action__indent; .lib-vendor-prefix-order(2); .dropdown-menu { .item { display: block; } } } } .page-actions-buttons { float: right; justify-content: flex-end; .lib-vendor-prefix-display(flex); .customer-index-edit & { background-color: transparent; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/main/_page-nav.less000077700000023736151323550650026646 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @admin__page-nav__background-color: @color-white-fog2; @admin__page-nav__border-color: @border__color; @admin__page-nav-title__color: @color-very-dark-gray-black; @admin__page-nav-title__border-color: @border__color; @admin__page-nav-title__collapsible__background-color: @page-wrapper__background-color; @admin__page-nav-title__collapsible__active__background-color: @color-white-fog2; @admin__page-nav-title__font-size: @font-size__base; @admin__page-nav-item__border-color: @border__color; @admin__page-nav-item__margin-vertical: 1.3rem; @admin__page-nav-item__margin-horizontal: @action__outer-indent; @admin__page-nav-item__active__color: @color-phoenix; @admin__page-nav-item__hover__background-color: darken(@admin__page-nav__background-color, 5%); @admin__page-nav-link__color: @color-very-dark-gray-black; @admin__page-nav-link__padding: @indent__base 4rem @indent__base @indent__s; @admin__page-nav-link__hover__color: @color-very-dark-gray-black; @admin__page-nav-link__changed__color: @color-very-dark-gray; @admin__page-nav-icon-up__content: @icon-caret-up__content; @admin__page-nav-icon-down__content: @icon-caret-down__content; @admin__page-nav-icon-changed__content: @icon-edit__content; @admin__page-nav-icon-error__content: @icon-warning__content; @admin__page-nav-icon-error__color: @color-phoenix; @admin__page-nav-item-message-loader__font-size: 2rem; @admin__page-nav-tooltip-message__width: 27rem; @admin__page-nav-tooltip__background: @admin__page-nav__background-color; @admin__page-nav-tooltip__border-color: @color-gray75; @admin__page-nav-tooltip__box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .3); @admin__page-nav-tooltip__z-index1: @field-tooltip__z-index; @admin__page-nav-transition: border-color .1s ease-out, background-color .1s ease-out; // // Page Nav (can be simple and collapsed) // _____________________________________________ .admin__page-nav { background: @admin__page-nav__background-color; border: 1px solid @admin__page-nav__border-color; &._collapsed { &:first-child { border-bottom: none; } &._show { border-bottom: 1px solid @admin__page-nav__border-color; ._collapsible { background: @admin__page-nav-title__collapsible__active__background-color; &:after { content: @admin__page-nav-icon-up__content; } + .admin__page-nav-items { display: block; } } } &._hide { .admin__page-nav-title-messages { display: inline-block; ._active { display: inline-block; } } } } + ._collapsed { border-bottom: none; border-top: none; } } .admin__page-nav-title { border-bottom: 1px solid @admin__page-nav-title__border-color; color: @admin__page-nav-title__color; display: block; font-size: @admin__page-nav-title__font-size; line-height: @line-height__s; margin: 0 0 -1px; padding: 1.8rem 1.5rem; position: relative; text-transform: uppercase; &._collapsible { background: @admin__page-nav-title__collapsible__background-color; cursor: pointer; margin: 0; padding-right: 3.5rem; transition: @admin__page-nav-transition; + .admin__page-nav-items { display: none; margin-top: -1px; } &:after { &:extend(.abs-icon all); content: @admin__page-nav-icon-down__content; font-size: 1.3rem; font-weight: @font-weight__bold; position: absolute; right: 1.8rem; top: 2rem; } &:hover { background: @admin__page-nav-title__collapsible__active__background-color; } &:last-child { margin: 0 0 -1px; } } strong { font-weight: @font-weight__bold; } .admin__page-nav-title-messages { display: none; } } .admin__page-nav-items { list-style-type: none; margin: 0; padding: @indent__s 0 @admin__page-nav-item__margin-vertical 0; } .admin__page-nav-item { border-left: 3px solid transparent; margin-left: @admin__page-nav-item__margin-horizontal; padding: 0; position: relative; transition: @admin__page-nav-transition; &:hover { border-color: @admin__page-nav-item__hover__background-color; .admin__page-nav-link { background: @admin__page-nav-item__hover__background-color; color: @admin__page-nav-link__hover__color; text-decoration: none; } } &._active, &.ui-state-active { border-color: @admin__page-nav-item__active__color; .admin__page-nav-link { background: @admin__page-nav-title__collapsible__background-color; border-color: @admin__page-nav-item__border-color; border-right: 1px solid @admin__page-nav-title__collapsible__background-color; color: @admin__page-nav-link__hover__color; margin-right: -1px; } } &._active, &.ui-state-active { .admin__page-nav-link { font-weight: @font-weight__semibold; } } &._loading, &.ui-tabs-loading { &:before { display: none; } .admin__page-nav-item-message-loader { display: inline-block; } } } .admin__page-nav-link { border: 1px solid transparent; border-width: 1px 0; color: @admin__page-nav-link__color; display: block; font-weight: @font-weight__heavier; line-height: @line-height__s; margin: 0 0 -1px; padding: 2rem 0 2rem 1rem; transition: @admin__page-nav-transition; word-wrap: break-word; } // Messages in tooltip .admin__page-nav-item-messages { display: inline-block; .admin__page-nav-item-message-tooltip { background: @admin__page-nav-tooltip__background; border: 1px solid @admin__page-nav-tooltip__background; border-radius: 1px; bottom: 3.7rem; box-shadow: @admin__page-nav-tooltip__box-shadow; display: none; font-size: @font-size__base; font-weight: @font-weight__regular; left: -@indent__s; line-height: @line-height__base; padding: 1.5rem; position: absolute; text-transform: none; width: @admin__page-nav-tooltip-message__width; word-break: normal; z-index: 2; &:after, &:before { .lib-arrow( @_position: down, @_size: 15px, @_color: @admin__page-nav-tooltip__background ); content: ''; display: block; left: 2rem; position: absolute; top: 100%; z-index: 3; } &:after { border-top-color: @admin__page-nav-tooltip__background; margin-top: -1px; z-index: 4; } &:before { border-top-color: @admin__page-nav-tooltip__border-color; margin-top: 1px; } } } .admin__page-nav-item-message-loader { display: none; margin-top: -(@admin__page-nav-item-message-loader__font-size/2); position: absolute; right: 0; top: 50%; .spinner { font-size: @admin__page-nav-item-message-loader__font-size; margin-right: 1.5rem; } ._loading > .admin__page-nav-item-messages & { display: inline-block; } } .admin__page-nav-item-message { position: relative; &:hover { z-index: @admin__page-nav-tooltip__z-index; .admin__page-nav-item-message-tooltip { display: block; } } &._error, &._changed { display: none; } .admin__page-nav-item-message-icon { &:extend(.abs-icon all); display: inline-block; font-size: @admin__page-nav-title__font-size; padding-left: .8em; vertical-align: baseline; &:after { color: @admin__page-nav-link__changed__color; content: @admin__page-nav-icon-changed__content; } } } &._changed { ._changed:not(._error) > .admin__page-nav-item-messages & { display: inline-block; } } &._error { .admin__page-nav-item-message-icon { &:after { color: @admin__page-nav-icon-error__color; content: @admin__page-nav-icon-error__content; } } ._error > .admin__page-nav-item-messages & { display: inline-block; .spinner { font-size: @admin__page-nav-item-message-loader__font-size; margin-right: 1.5rem; } } .admin__page-nav-item-message-tooltip { background: @admin__page-nav-tooltip__background; border: 1px solid @admin__page-nav-tooltip__background; border-radius: 1px; bottom: 3.7rem; box-shadow: @admin__page-nav-tooltip__box-shadow; display: none; font-weight: @font-weight__regular; left: -@indent__s; line-height: @line-height__base; padding: 2rem; position: absolute; text-transform: none; width: 27rem; word-break: normal; z-index: 2; &:after, &:before { .lib-arrow( @_position: down, @_size: 15px, @_color: @admin__page-nav-tooltip__background ); content: ''; display: block; left: 2rem; position: absolute; top: 100%; z-index: 3; } &:after { border-top-color: @admin__page-nav-tooltip__background; margin-top: -1px; z-index: 4; } &:before { border-top-color: @admin__page-nav-tooltip__border-color; } } } Magento/backend/en_US/Magento_Backend/css/source/module/main/actions-bar/_store-switcher.less000077700000015336151323550650032252 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Main elements -> Actions bar -> Store Switcher // _____________________________________________ // ToDo UI: Consist old styles, should be changed with new design .store-switcher { color: @text__color; float: left; font-size: round(@font-size__base - .1rem, 1); margin-top: .59rem; .admin__action-dropdown { background-color: @page-main-actions__background-color; margin-left: .5em; } .dropdown { .lib-dropdown( @_options-selector: ~'.dropdown-menu', @_dropdown-list-border: 1px solid @color-gray65-lighten, @_dropdown-list-pointer: false, @_icon-font-line-height: 2, @_icon-font-color: @text__color, @_icon-font-color-hover: @text__color, @_icon-font-color-active: @text__color, @_dropdown-list-item-hover: transparent, @_dropdown-list-item-padding: 0, @_dropdown-list-min-width: 19.5rem, @_dropdown-list-shadow: @component__box-shadow__base ); } .dropdown-menu { left: 0; margin-top: .5em; max-height: 250px; overflow-y: auto; padding-top: .25em; &::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } &::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 4px; } li { border: 0; cursor: default; &:hover { cursor: default; } a, span { color: @text__color; display: block; padding: .5rem 1.3rem; } a { text-decoration: none; &:hover { background: @color-lighter-gray; } } span { color: @color-gray68; cursor: default; } &.current { span { background: @color-gray-darken0; color: @text__color; } } } .store-switcher-store { a, span { padding-left: 2.6rem; } } .store-switcher-store-view { a, span { padding-left: 3.9rem; } } .dropdown-toolbar { border-top: 1px solid @color-gray92; margin-top: 1rem; a { &:before { &:extend(.abs-icon all); content: @icon-systems__content; margin-right: .25em; position: relative; top: 1px; } } } } } .store-switcher-label { font-weight: @font-weight__bold; } .store-switcher-alt { display: inline-block; position: relative; &.active { .dropdown-menu { display: block; } } .dropdown-menu { margin-top: 2px; white-space: nowrap; ul { list-style: none; margin: 0; padding: 0; } } strong { color: @color-gray65-almost; display: block; font-size: 14px; font-weight: 500; line-height: 1.333; padding: 5px 10px; } .store-selected { color: @color-brownie-light; cursor: pointer; font-size: 12px; font-weight: 400; line-height: 1.333; &:after { -webkit-font-smoothing: antialiased; color: @color-dark-grayish-orange; content: '\e02c'; // Arrow down icon font-style: normal; font-weight: normal; margin: 0 0 0 3px; speak: none; vertical-align: text-top; } } .store-switcher-website, .store-switcher-store { padding: 0; &:hover { background: none; } } .store-switcher-store-view { padding: 0; } .store-switcher-all, .manage-stores { padding: 0; > a { color: @color-brownie-light; display: block; font-size: 12px; padding: 8px 15px; text-decoration: none; } } } .store-switcher-website { margin: 5px 0 0; > strong { padding-left: 13px; } } .store-switcher-store { margin: 1px 0 0; > strong { padding-left: 20px; } > ul { margin-top: 1px; } } .store-switcher-store-view { &:first-child { border-top: 1px solid @color-gray90; } > a { color: @color-gray20; display: block; font-size: 13px; padding: 5px 15px 5px 24px; text-decoration: none; } } .store-view { &:not(.store-switcher) { float: left; margin-top: 1.10rem; } .store-switcher-label { display: inline-block; } } // // Tooltip // --------------------------------------------- .tooltip { display: inline-block; margin-left: .5em; .help { span, a { cursor: pointer; display: inline-block; height: 22px; position: relative; vertical-align: middle; width: 22px; z-index: 2; &:before { &:extend(.abs-icon all); color: @text__color; content: @icon-help__content; font-size: 1.7rem; } span { &:extend(.abs-visually-hidden all); } } a { &:hover { text-decoration: none; } } } .tooltip-content { background: rgba(49, 48, 43, .8); background: @color-black; border-radius: 3px; color: @color-white; display: none; margin-left: -19px; margin-top: 10px; max-width: 200px; padding: 4px 8px; position: absolute; text-shadow: none; z-index: 20; &:before { border-bottom: 5px solid @color-black; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ''; height: 0; left: 20px; opacity: .8; position: absolute; top: -5px; width: 0; } &.loading { position: absolute; &:before { border-bottom-color: rgba(0, 0, 0, .3); } } } &:hover > .tooltip-content { display: block; } } static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/main/actions-bar/.htaccess000077700000000177151323550650030034 0ustar00pub<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/module/main/.htaccess000077700000000177151323550650025711 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/source/.htaccess000077700000000177151323550650023500 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/css/.htaccess000077700000000177151323550650022200 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Backend/.htaccess000077700000000177151323550650021410 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Smtp/css/source/_module.less000077700000003034151323550650024114 0ustar00/** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Smtp * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .mpsmtp-modal-email { .modal-content { height: 100%; > div { height: 100%; } } } #mageplaza_smtp_provider { width: calc(~"100% - 125px") } .actions-provider-button { width: 121px; box-sizing: border-box; } #smtp-abandoned-cart .tooltip { position: relative; display: inline-block; } #smtp-abandoned-cart .tooltip .tooltip-text { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; } #smtp-abandoned-cart .tooltip .tooltip-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } #smtp-abandoned-cart .tooltip:hover .tooltip-text { visibility: visible; opacity: 1; }pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Smtp/css/source/.htaccess000077700000000177151323550650023403 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Smtp/css/.htaccess000077700000000177151323550650022103 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Mageplaza_Smtp/.htaccess000077700000000177151323550650021313 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Marketplace/css/source/_module.less000077700000002571151323550650025117 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Partners page // _____________________________________________ .page-partners { border-top: 1px solid @page-main-actions__border-color; padding-top: 2.5rem; .partners-block { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(row); .lib-vendor-prefix-flex-wrap(wrap); } .partner { margin-bottom: @indent__xl; padding: 0 @indent__m; width: 100% / 3; } } .partners-description, .partner-description { line-height: @line-height__xl; } .partners-description { margin-bottom: 2em; } .partner-title { font-size: 1.7rem; font-weight: @font-weight__semibold; margin-bottom: .8rem; } .partner-image { margin-bottom: 2.2rem; margin-top: .8rem; max-height: 12rem; max-width: 12rem; } .partner-description { margin-bottom: 1rem; } .partners-footer { .magento-marketplace-logo { float: right; margin-bottom: 1px; } p { line-height: @line-height__xl; } } .partners-search { padding-left: 7.7rem; position: relative; &:before { &:extend(.abs-icon all); content: @icon-cart__content; font-size: 4.5rem; left: .9rem; position: absolute; top: .6rem; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Marketplace/css/source/.htaccess000077700000000177151323550650024401 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Marketplace/css/.htaccess000077700000000177151323550650023101 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Marketplace/.htaccess000077700000000177151323550650022311 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Yotpo_Yotpo/css/source/_module.less000077700000021777151323550650023532 0ustar00@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,700.less'); .yotpo-reviews-totals { font-family: 'Open Sans', sans-serif; background: #ffffff; .yotpo-reviews-totals-list { display: block; max-width: 60rem; columns: 3; margin-bottom: 20px; .yotpo-reviews-totals-item { display: inline-block; padding: 1.2rem 1rem 1.2rem 0; max-width: 20rem; .yotpo-reviews-totals-label { display: block; font-size: 1.5rem; font-weight: normal; } .yotpo-reviews-totals-value { font-size: 2.4rem; font-weight: normal; } .yotpo-reviews-totals-icon { display: inline-block; width: 3.6rem; height: 3.2rem; vertical-align: sub; background-repeat: no-repeat; background-position: center center; background-size: contain; } &.yotpo-totals-emails-sent .yotpo-reviews-totals-icon { background-image: url("@{baseDir}Yotpo_Yotpo/images/icons/email-icon.svg"); } &.yotpo-totals-total-reviews .yotpo-reviews-totals-icon { background-image: url("@{baseDir}Yotpo_Yotpo/images/icons/collect-icon.svg"); } &.yotpo-totals-published-reviews .yotpo-reviews-totals-icon { background-image: url("@{baseDir}Yotpo_Yotpo/images/icons/upload-icon.svg"); } &.yotpo-totals-star-rating .yotpo-reviews-totals-icon { background-image: url("@{baseDir}Yotpo_Yotpo/images/icons/star-icon.svg"); } &.yotpo-totals-photos-generated .yotpo-reviews-totals-icon { background-image: url("@{baseDir}Yotpo_Yotpo/images/icons/photo-icon.svg"); } &.yotpo-totals-engagement-rate .yotpo-reviews-totals-icon { background-image: url("@{baseDir}Yotpo_Yotpo/images/icons/rate-icon.svg"); } } } .yotpo-reviews-totals-nodata { background: #ffffff; padding: 20px; } } .launch-yotpo-button { font-family: 'Open Sans', sans-serif; min-width: 161px; height: 38px; border-radius: 3px; font-size: 1.3rem; background-color: #2b7dbd; color: #ffffff; box-sizing: border-box; border: none; &:active, &:focus, &:hover { background-color: #0073ae; border-color: #007dbd; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } } .yotpo-reviews-totals-no-appkey { font-family: 'Open Sans', sans-serif; background: #ffffff; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; .collect-and-leverage { max-width: 421px; font-size: 1.6rem; color: #676363; position: relative; margin: 20px auto; } .already-have-account { max-width: 250px; font-size: 1.3rem; position: relative; margin: 14px auto; a { color: #2b7dbd; } } } .yotpo_yotpo-report-reviews { #container.main-col { min-height: 500px; margin-bottom: 120px; } .yotpo-reports-period-select.admin__action-dropdown-wrap { float: right; .admin__action-dropdown-text { font-size: 1.5rem; } &._active .admin__action-dropdown, &.active .admin__action-dropdown { border: none; box-shadow: none; } .admin__action-dropdown { padding-left: 0 !important; } .admin__action-dropdown-menu { box-shadow: 0 2px 4px 0 rgba(46, 46, 46, 0.5); background-color: #ffffff; border: none; left: 0 !important; right: auto !important; z-index: 9; > li { > a { &:active, &:hover { background-color: #c7effd; } } } } } .yotpo-at-a-glance { line-height: 3rem; font-size: 1.8rem; font-weight: bold; color: #313030; } .user-generated-content { font-size: 1.4rem; font-weight: normal; color: #313030; } .launch-yotpo-button { margin-left: 16px; } a.yotpo-settings { font-size: 1.3rem; color: #2b7dbd; display: inline-block; margin-top: 16px; margin-left: 16px; font-weight: 600; } .yotpo-reviews-totals-container { box-sizing: border-box; max-width: 800px; padding: 25px 25px 55px; margin: 10px 0; background: #fff; } .yotpo-reviews-totals { max-width: 800px; .yotpo-reviews-totals-list { margin-top: 30px; margin-bottom: 30px; padding-left: 16px; .yotpo-reviews-totals-item { padding: 1.2rem 1rem 3.2rem 0; .yotpo-reviews-totals-icon { margin-right: 0.5rem; } .yotpo-reviews-totals-label { color: #545252; margin-top: 10px; } .yotpo-reviews-totals-value { display: inline-block; font-size: 3.6rem; line-height: 3.6rem; height: 3.6rem; } } } } .yotpo-reviews-totals-no-appkey { padding: 140px 0 30px 30px; display: inline-block; width: 100%; background: transparent; * { box-sizing: border-box; } .yotpo-title-content-container { float: left; text-align: left; padding: 0 40px 0 0; width: 40%; h2 { font-family: 'Work Sans', sans-serif; font-size: 4rem; font-weight: bold; line-height: 1.15; color: #051146; margin: 80px 0 10px; } p { font-size: 1.7rem; line-height: 1.6; color: #051146; } .launch-yotpo-button { font-size: 1.62rem; background-color: #1576ec; font-weight: bold; min-width: 19rem; height: 4.8rem; border-radius: 4.5px; margin: 30px 0 3px; } .already-have-account { font-size: 1.5rem; margin: 10px 0 0; max-width: none; } } .yotpo-shaddow-boxes-container { float: right; width: 60%; .yotpo-shaddow-box { width: 32%; max-width: 306px; height: 435px; overflow: hidden; float: left; box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 50px 22.5px; margin: 0 1%; &:first-of-type { margin-left: 0; } &:last-of-type { margin-right: 0; } h3 { font-size: 1.5rem; text-transform: uppercase; font-weight: 600; color: #051146; } img { width: 100%; display: block; } p { font-size: 1.3rem; color: #051146; margin: 35px 0 10px; min-height: 90px; } a { &.yotpo-cta-add-arrow:after { font-size: 1rem; } } } } @media all and (max-width: 1390px) { .yotpo-shaddow-boxes-container, .yotpo-title-content-container { float: none; clear: both; margin-bottom: 40px; width: 100%; } } } } .yotpo-cta-add-arrow { &:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3rem; color: inherit; font-style: normal; content: '\e629'; font-family: 'Admin Icons'; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; speak: none; text-align: center; vertical-align: middle; } }pub/static/adminhtml/Magento/backend/en_US/Yotpo_Yotpo/css/source/.htaccess000077700000000177151323550650023003 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Yotpo_Yotpo/css/.htaccess000077700000000177151323550650021503 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Yotpo_Yotpo/.htaccess000077700000000177151323550650020713 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Smartwave_Megamenu/css/source/_module.less000077700000000375151323550650025004 0ustar00// /** // * Copyright © 2016 Magento. All rights reserved. // * See COPYING.txt for license details. // */ .admin__field[data-index^="sw_menu"] button.action-wysiwyg, .admin__field[data-index^="sw_ocat"] button.action-wysiwyg { display: none; }pub/static/adminhtml/Magento/backend/en_US/Smartwave_Megamenu/css/source/.htaccess000077700000000177151323550650024266 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Smartwave_Megamenu/css/.htaccess000077700000000177151323550650022766 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Smartwave_Megamenu/.htaccess000077700000000177151323550650022176 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_VersionsCms/css/source/_module.less000077700000001376151323550650025144 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Hierarchy styles // _____________________________________________ .cms-hierarchy { &:extend(.abs-clearfix all); .cms-hierarchy-tree, .cms-hierarchy-node { float: left; width: 50%; } .cms-page-grid-container { clear: both; } .admin__page-section-title { .actions { float: right; } } .buttons-set { margin: 0 0 1.14rem; button { margin-right: .36rem; } } } .version-fieldset { .grid-actions { border-bottom: 1px solid @color-lazy-sun-white; margin: 0 0 15px; padding: 0 0 15px; } } pub/static/adminhtml/Magento/backend/en_US/Magento_VersionsCms/css/source/.htaccess000077700000000177151323550650024424 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_VersionsCms/css/.htaccess000077700000000177151323550650023124 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_VersionsCms/.htaccess000077700000000177151323550650022334 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Vault/css/source/_module.less000077700000000525151323550650023757 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Vault General Styles // --------------------------------------------- .order-billing-method { .payment-icon { display: inline-block; margin-right: @indent__xs; vertical-align: middle; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Vault/css/source/.htaccess000077700000000177151323550650023244 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Vault/css/.htaccess000077700000000177151323550650021744 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Vault/.htaccess000077700000000177151323550650021154 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Paypal/css/source/_module.less000077700000000524151323550650024111 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .pp-buttons-container { & > div { margin-top: -2.2rem; a { &[data-paypal-button=true] { display: inline-block; margin-top: 2.2rem; } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Paypal/css/source/.htaccess000077700000000177151323550650023377 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Paypal/css/.htaccess000077700000000177151323550650022077 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Paypal/.htaccess000077700000000177151323550650021307 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/mui/styles/_table.less000077700000034402151323550650021042 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Table Filters // -------------------------------------- .filter { input.input-text { width: 99%; margin-right: 0; &::-webkit-input-placeholder { color: @grid-filters-placeholder-color !important; text-transform: lowercase; } &::-moz-placeholder { color: @grid-filters-placeholder-color!important; text-transform: lowercase; } &:-moz-placeholder { color: @grid-filters-placeholder-color !important; text-transform: lowercase; } &:-ms-input-placeholder { color: @grid-filters-placeholder-color !important; text-transform: lowercase; } } } // // Table Grid //-------------------------------------- .grid { padding: 15px; table { width: 100%; } tbody tr { &.selected th, &.selected td, &:hover th, &:hover td, &:nth-child(odd):hover th, &:nth-child(odd):hover td { cursor: pointer; &.empty-text { cursor: default; } } } .empty-text { text-align: center; white-space: nowrap; } th.required, th .required { &:extend(.validation-symbol-light all); } // Dates and date ranges td { &.col-period, &.col-date, &.col-date_to, &.col-date_from, &.col-ended_at, &.col-created_at, &.col-updated_at, &.col-customer_since, &.col-session_start_time, &.col-last_activity, &.col-email, &.col-name, &.col-sku, &.col-firstname, &.col-lastname, &.col-title, &.col-label, &.col-product, &.col-set_name, &.col-websites, &.col-time, &.col-billing_name, &.col-shipping_name, &.col-phone, &.col-type { &:extend(.ellipsis all); } } .col-period, .col-date, .col-date_to, .col-date_from, .col-ended_at, .col-created_at, .col-updated_at, .col-customer_since, .col-session_start_time, .col-last_activity, // Email .col-email, // Total items .col-items_total, .col-firstname, .col-lastname, .col-status-default, .col-websites, .col-time, .col-billing_name, .col-shipping_name { &:extend(.col-110-max all); } .col-name, .col-product { &:extend(.col-370-max all); } .col-sku { max-width: 100px; width: 100px; } // Order ID, Invoice number .col-order-number, .col-real_order_id, .col-invoice-number, .col-increment_id, .col-transaction-id, .col-parent-transaction-id, .col-reference_id, // Status .col-status, .col-price, .col-position, .col__base_grand_total, .col-grand_total, .col-sort_order, // Reports .col-carts, .col-priority, .col-severity { &:extend(.col-70 all); } .col-phone { &:extend(.col-70-max all); } .col-action, .col-actions, .col-qty, .col-purchases { &:extend(.col-50 all); } // Grid columns .col-select, .col-id, .col-number { &:extend(.col-40 all); } .col-select, .col-massaction { text-align: center; } .editable .input-text { width: 65px; } .col-actions { .action-select { background: @form-element-background-color; border-color: @grid-controls-border; height: 28px; margin: 0; padding: 4px 4px 5px; width: 80px; } } .col-position.editable { white-space: nowrap; .input-text { margin: -7px 5px 0; width: 70%; } } } td.col-period, td.col-date, td.col-date_to, td.col-date_from, td.col-ended_at, td.col-created_at, td.col-updated_at, td.col-customer_since, td.col-session_start_time, td.col-time, td.col-type { &:extend(.nowrap all); } // // Data table //-------------------------------------- .data-table { width: 100%; thead, tfoot, th { background: @grid-td-light; .style2(); } th { text-align: left; } thead th { border: solid @data-table-th-border-color; border-width: 0 0 1px; padding: 7px; } td, tbody tr th, tbody tr td { background: @data-table-td-background-color; border-width: 0; padding: 5px 7px; vertical-align: middle; } tbody { tr { &:nth-child(odd) th, &:nth-child(odd) td { background: @data-table-td-background-color-odd; } } &.odd { tr { th, td { background: @data-table-td-background-color-odd; } } } &.even { tr { th, td { background: @data-table-td-background-color; } } } } tfoot { tr { &:last-child th, &:last-child td { border: 0; } } } &.order-tables { tbody { td { vertical-align: top; } &:hover tr { th, td { background: @data-table-td-background-color-hover; } } } tfoot td { background: @grid-tfoot-background-color; .style2(); } } input[type="text"] { width: 98%; padding-left: 1%; padding-right: 1%; } select { margin: 0; box-sizing: border-box; } th.required-entry, td.required-entry { &:extend(.validation-symbol all); } .col-actions .actions-split { margin-top: 4px; [class^='action-'] { background: none; border: 1px solid #c8c3b5; padding: 3px 5px; color: #bbb3a6; font-size: 12px; &:first-child { border-right: 0; } } .dropdown-menu { margin-top: -1px; a { display: block; color: #333; text-decoration: none; } } &.active .action-toggle { position: relative; border-bottom-right-radius: 0; box-shadow: none; background: @color-white; &:after { position: absolute; top: 100%; left: 0; right: 0; height: 2px; margin-top: -1px; background: @color-white; content: ''; z-index: 2; } .dropdown-menu { border-top-right-radius: 0; } } } // // Attribute Information // -------------------------------------- .col-default { white-space: nowrap; text-align: center; vertical-align: middle; } .col-delete { text-align: center; width: 32px; } .col-file { white-space: nowrap; input, .input-text { margin: 0 5px; width: 40%; &:first-child { margin-left: 0; } } } .col-actions-add { padding: 10px 0; } } .accordion .config .data-table { thead th, tfoot td { &:extend(.data-table thead all); } td { &:extend(.data-table td all); } tbody tr:nth-child(odd) td { &:extend(.data-table tbody tr:nth-child(odd) td all); } tfoot tr:last-child td { &:extend(tfoot tr:last-child td all); } } // // Grid - Pager and Buttons row // -------------------------------------- .grid-actions { background: @grid-frame-background-color; font-size: 13px; line-height: 28px; padding: 10px 15px; position: relative; + .grid { padding-top: 5px; } .export, .filter-actions { float: right; margin-left: 10px; vertical-align: top; } .import { display: block; } .action-reset { .lib-button-as-link(); margin: 6px 10px 0 0; vertical-align: top; } .import, .export { .label { margin: 0 14px 0 0; vertical-align: inherit; } } .import, .export, .filter-actions { .action- { vertical-align: inherit; } } .filter { .date { float: left; margin: 0 15px 0 0; position: relative; .ui-datepicker-trigger { &:before { color: @color-middle; top: 1px; } &:hover { &:before { color: @color-dark; } } } } .label { margin: 0; } ._has-datepicker { margin: 0 5px; width: 80px; } .show-by { .select { margin-left: 5px; padding: 4px 44px 5px 4px; vertical-align: top; width: auto; } } &.required { &:after { content: ''; } .label span { &:extend(.validation-symbol all); } } } .required { &:extend(.validation-symbol all); } img { vertical-align: middle; height: 22px; width: 22px; } .validation-advice { background: @validation-background-color; border: 1px solid @validation__color; border-radius: 3px; color: @validation__color; margin: 5px 0 0; padding: 3px 7px; position: absolute; white-space: nowrap; z-index: 5; &:before { .arrow(up, 5px, @validation__color); content: ''; left: 50%; margin-left: -5px; position: absolute; top: -11px; } } input[type="text"].validation-failed { border-color: @validation__color; box-shadow: 0 0 8px @validation__color-rgba; } .link-feed { white-space: nowrap; } } .form-inline .grid-actions { &:extend(.massaction-form-inline-label-reset all); } .pager { .link-feed { font-size: 12px; margin: 7px 15px 0 0; position: absolute; right: 0; top: 0; } } // // Grid - Mass Action // -------------------------------------- .massaction { background: @grid-frame-background-color; border-top: @grid-massaction-border; font-size: 13px; line-height: 28px; padding: 15px 15px 0; &:extend(.add-clearer all); > .entry-edit { float: right; .field-row { display: inline-block; vertical-align: top; } .validation-advice { display: none !important; } .form-inline { display: inline-block; } .label { &:extend(.grid-actions .export .label all); padding: 0; width: auto; } .action- { &:extend(.grid-actions .export .action- all); vertical-align: top; } } .select.validation-failed { border: @validation-border; background: @validation-background-color; } } .form-inline .massaction { &:extend(.massaction-form-inline-label-reset all); } // // Grid - status and severity // -------------------------------------- .grid-severity-critical, .grid-severity-major, .grid-severity-notice, .grid-severity-minor { background: @grid-severity-minor-background-color; border: 1px solid @grid-severity-minor-border; color: @grid-severity-minor-color; display: block; padding: 0 3px; font-weight: bold; line-height: 17px; text-transform: uppercase; text-align: center; } .grid-severity-critical, .grid-severity-major { border-color: @grid-severity-critical-border; background: @grid-severity-critical-background-color; color: @grid-severity-critical-color; } .grid-severity-notice { border-color: @grid-severity-notice-border; background: @grid-severity-notice-background-color; color: @grid-severity-notice-color; } // // Inputs and selects in tables // -------------------------------------- .grid, .data-table { tbody { td, th { input[type="text"], .input-text, select, .select { width: 99%; } } } } // // Grids for pages // -------------------------------------- .ui-tabs-panel { .grid .col-sku { max-width: 150px; width: 150px; } } .col-indexer_status, .col-indexer_mode { width: 160px; } .fieldset-wrapper { .grid-actions + .grid { padding-top: 15px; } .grid-actions { padding: 10px 0 0; } .grid { padding: 0; } .massaction { padding: 0; border-top: none; margin-bottom: 15px; } } .accordion .grid { padding: 0; } .ui-dialog-content { .grid-actions, .grid { padding-left: 0; padding-right: 0; } } // // Sales // -------------------------------------- .product-options .grouped-items-table { .col-name, .col-sku { &:extend(.ellipsis all); &:extend(.col-110-max all); } } // // Sales -> Qty - table //-------------------------------------- .qty-table { td { border: 0; padding: 0 5px 3px; } } // // Sales -> Create Order //-------------------------------------- .order-account-information { &:extend(.data-table-td-max all); } // // Content -> Banners // -------------------------------------- .col-banner_name { &:extend(.col-370-max all); &:extend(.ellipsis all); } pub/static/adminhtml/Magento/backend/en_US/mui/styles/_vars.less000077700000023712151323550650020730 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // Primary colors @primary1: #676056; @primary2: #ed4f2e; @primary3: #026294; @primary4: #fff; @primary5: #007dbd; @primary6: #e22626; @primary7: #f2ebde; @primary8: #31302b; @primary9: #ef672f; // Buttons // Default Buttons @defaultButton1: #f2ebde; @defaultButton2: #ada89e; @defaultButton3: #676056; @defaultButton4: #cac3b4; @defaultButton5: #989287; // Primary Buttons @primaryButton1: #007dbd; @primaryButton2: #0574ad; @primaryButton3: #026294; @primaryButton4: #004c74; // Links @linkColor: @primary3; @linkColor2: @primary4; // Base font @font-family-name__base: 'Open Sans'; @baseFont: 'Open Sans', sans-serif; @baseFontSize: 14px; @baseFontWeight: 400; @baseFontWeightSemibold: 600; @baseFontWeightBold: 700; @baseLineHeight: 1.33; @baseColor: @primary1; // Headings // H1 @h1color: @primary1; @h1font: 400 28px/1.2 @baseFont; // H2 @h2color: @primary1; @h2font: 400 20px/1.2 @baseFont; // H3 @h3color: @primary1; @h3font: 600 16px/1.2 @baseFont; // H4 @h4color: @primary1; @h4font: 600 14px/1.2 @baseFont; // H5 @h5color: @primary1; @h5font: 600 13px/1.2 @baseFont; // H6 @h6color: @primary1; @h6font: 600 12px/1.2 @baseFont; .actionLink() { display: inline; color: @linkColor; text-decoration: none; &:visited, &:active { color: @linkColor; } &:focus, &:hover { color: @linkColor; text-decoration: underline; } } .actionLinkI() { display: inline; color: @linkColor2; text-decoration: underline; &:visited, &:active { color: @linkColor2; } &:focus, &:hover { color: @linkColor2; text-decoration: underline; } } .style1() { // absent in design } .style2() { color: @primary1; font-size: 13px; font-weight: @baseFontWeightSemibold; } .style3() { color: @primary5; font-size: 14px; font-weight: @baseFontWeight; &:focus, &:hover { text-decoration: underline; } } .style4() { // absent in design } .style5() { // absent in design } .style6() { color: @primary1; font-size: 13px; font-weight: @baseFontWeight; &:focus, &:hover { text-decoration: underline; } } .style7() { color: @primary1; font-size: 16px; font-weight: @baseFontWeight; } .style8() { color: @primary6; font-size: 13px; font-weight: @baseFontWeight; } .style9() { color: @primary1; font-size: 14px; font-weight: @baseFontWeight; } .style10() { color: @primary1; font-size: 20px; font-weight: @baseFontWeight; } .style11() { // absent in design } .style12() { // absent in design } .style13() { // absent in design } .style14() { color: @primary1; font-size: 11px; font-weight: @baseFontWeight; } .style15() { color: @primary7; font-size: 13px; font-weight: @baseFontWeightSemibold; } .style15I() { color: @primary1; font-size: 13px; font-weight: @baseFontWeightSemibold; } .style16() { color: @primary4; font-size: 12px; font-weight: @baseFontWeightSemibold; } .style17() { // absent in design } .style18() { color: @primary1; font-size: 13px; font-weight: @baseFontWeight; } .style19() { color: @primary1; font-size: 12px; font-weight: @baseFontWeight; } .style20() { // absent in design color: @primary2; font-size: 12px; font-weight: @baseFontWeightSemibold; } .style21() { // absent in design color: @primary1; font-size: 11px; font-weight: @baseFontWeight; } .style22() { color: @primary5; font-size: 12px; font-weight: @baseFontWeight; &:focus, &:hover { text-decoration: underline; } } .style23() { color: @primary1; font-size: 28px; font-weight: @baseFontWeight; } .style24() { // absent in design color: @primary1; font-size: 12px; font-weight: @baseFontWeight; } .style25() { // absent in design color: @primary8; font-size: 14px; font-weight: @baseFontWeight; &:focus, &:hover { text-decoration: underline; } } .style26() { // absent in design color: @primary4; font-size: 30px; font-weight: @baseFontWeightBold; } .style27() { // absent in design color: @primary9; font-size: 20px; font-weight: @baseFontWeightBold; } .style28() { color: @primary1; font-size: 14px; font-weight: @baseFontWeightBold; } .style29() { color: @primary4; font-size: 13px; font-weight: @baseFontWeightBold; } .style30() { color: @primary1; font-size: 14px; font-weight: @baseFontWeightBold; } .style31() { color: @primary1; font-size: 20px; font-style: italic; font-weight: @baseFontWeight; } .style32() { color: @primary6; font-size: 14px; font-weight: @baseFontWeightBold; } .style33() { color: @primary2; font-size: 12px; font-weight: @baseFontWeightSemibold; } .style34() { // no such html yet color: @primary2; font-size: 12px; font-weight: @baseFontWeight; &:focus, &:hover { text-decoration: underline; } } /* ========================================================================== theme.less (begin) ========================================================================== */ // // Blank theme overrides // _____________________________________________ // Theme file should contain declarations (overrides) ONLY OF EXISTING variables // Otherwise this theme won't be available for parent nesting // All new variables should be placed in local theme lib or local theme files // // Typography // --------------------------------------------- // Fonts @color-dark: #31302b; // // Layout // --------------------------------------------- @responsive: false; @layout__max-width: 1300px; @layout-indent__width: 15px; // // Dropdowns // --------------------------------------------- @dropdown-split-actions__padding: ''; @dropdown-split-toggle__actions__padding: 6px 5px; @dropdown-split-toggle-icon__font-line-height: 14px; // // Buttons // --------------------------------------------- // Default = secondary button @button__padding: 6px 13px; @button__font-weight: 500; @button__font-size: 13px; @button__line-height: @button__font-size + 1; @button__color: #645d53; @button__background: #f2ebde; @button__border: 1px solid #ada89e; @button__hover__background: #cac3b4; @button__hover__color: ''; @button__hover__border: ''; @button__active__background: @button__hover__background; @button__active__color: ''; @button__active__border: 1px solid #989287; // Primary button @button-primary__background: #007dbd; @button-primary__border: 1px solid #0a6c9f; @button-primary__color: @color-white; @button-primary__hover__background: #026294; @button-primary__hover__border: 1px solid #026294; @button-primary__hover__color: ''; @button-primary__active__background: @button-primary__hover__background; @button-primary__active__border: 1px solid #004c74; /* ========================================================================== theme.less (end) ========================================================================== */ /* ========================================================================== variables.less (begin) ========================================================================== */ // // Admin theme variables // _____________________________________________ // // Typography // --------------------------------------------- // Fonts @font-family-name__base: 'Open Sans'; @font-family__base: @font-family-name__base, @font-family__sans-serif; // Colors @col-layout-background-color: #f6f3eb; @color-middle: #676056; @color-light: #e0dacf; @color-general: #f3ebde; @link__color: #026294; @page-main-action-color: #645d53; // // Layout // --------------------------------------------- @layout__min-width: 960px; // // Forms // --------------------------------------------- @form-element-background-color: @color-white; // Validation @validation__color: #e22626; @validation__color-rgba: rgba(226, 38, 38, .6); @validation-background-color: #f9d4d4; @validation-border: 1px dashed @validation__color; @validation__color-light: #f9d4d4; // For asterisk on <th> elements of grid tables // // Tables // --------------------------------------------- // Data-table @data-table-th-border-color: #c9c2b8; @data-table-td-border-color: #eae8e4; @data-table-td-background-color: @grid-td-light; @data-table-td-background-color-odd: #fbfaf6; @data-table-td-background-color-hover: #f7f3eb; // // Grid // --------------------------------------------- @grid-frame-background-color: @color-white; @grid-controls-border: #989287; @grid-headings-color: #f7f3eb; @grid-headings-color-darker: darken(@grid-headings-color, 20%); @grid-headings-background-color: #807a6e; @grid-headings-border: #cac3b4; @grid-filters-color: #f7f3eb; @grid-filters-background-color: @color-middle; @grid-filters-border: @grid-filters-background-color; @grid-filters-placeholder-color: #989287; @grid-massaction-border: 1px solid #f2ebde; @grid-td-color: @color-middle; @grid-td-light: @color-white; @grid-td-dark: #f7f3eb; @grid-td-border: @grid-headings-border; @grid-td-background-color-hover: #f2ebde; @grid-tfoot-color: @grid-td-color; @grid-tfoot-background-color: #f2ebde; @grid-severity-critical-color: #e22626; @grid-severity-critical-background-color: #f9d4d4; @grid-severity-critical-border: @grid-severity-critical-color; @grid-severity-notice-color: #185b00; @grid-severity-notice-background-color: #d0e5a9; @grid-severity-notice-border: #5b8116; @grid-severity-minor-color: #ed4f2e; @grid-severity-minor-background-color: #feeee1; @grid-severity-minor-border: @grid-severity-minor-color; // // Pager // --------------------------------------------- @pager-actions__color: @primary3; @pager-actions__color-hover: @primary5; /* ========================================================================== variables.less (end) ========================================================================== */ pub/static/adminhtml/Magento/backend/en_US/mui/styles/_base.less000077700000002650151323550650020665 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // Fonts .lib-font-face( @family-name: @icons__font-name, @font-path: @icons__font-path, @font-weight: normal, @font-style: normal ); .lib-font-face( @family-name: 'MUI-Icons', @font-path: '@{baseDir}fonts/MUI-Icons/MUI-Icons', @font-weight: 300, @font-style: normal ); .lib-font-face( @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/light/opensans-300', @font-weight: 300, @font-style: normal ); .lib-font-face( @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/regular/opensans-400', @font-weight: 400, @font-style: normal ); .lib-font-face( @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/semibold/opensans-600', @font-weight: 600, @font-style: normal ); .lib-font-face( @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/bold/opensans-700', @font-weight: 700, @font-style: normal ); // Headings h1 { color: @h1color; font: @h1font; } h2 { color: @h2color; font: @h2font; } h3 { color: @h3color; font: @h3font; } h4 { color: @h4color; font: @h4font; } h5 { color: @h5color; font: @h5font; } h6 { color: @h6color; font: @h6font; } // Links a { display: inline; } pub/static/adminhtml/Magento/backend/en_US/mui/styles/.htaccess000077700000000177151323550650020524 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/mui/styles/_abstract.less000077700000003446151323550650021562 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ //&:extend(._layout-width all); ._layout-width { padding-left: 30px; padding-right: 30px; } .visually-hidden { .visually-hidden(); } .validation-symbol { &:after { content: '*'; color: @validation__color; font-weight: normal; margin-left: 3px; } } .validation-symbol-light { &:after { content: '*'; color: @validation__color-light; font-weight: normal; margin-left: 3px; } } .ellipsis { overflow: hidden; text-overflow: ellipsis; } .nowrap { white-space: nowrap; } .delete-first-last-border { &:first-child { border-left: 0; } &:last-child { border-right: 0; } } .massaction-form-inline-label-reset { .label { padding: 0; width: auto; } } // Table columns widths .col-50 { width: 50px; } .col-70 { width: 70px; } .col-70-max { max-width: 70px; width: 70px; } .col-150-max { max-width: 150px; width: 150px; } .col-220-max { max-width: 220px; width: 220px; } .col-110-max { max-width: 110px; width: 110px; } .col-370-max { max-width: 370px; width: 370px; } .col-570-max { max-width: 570px; width: 570px; } .col-670-max { max-width: 670px; width: 670px; } .col-auto { width: auto; } .col-40 { width: 40px; } .side-paddings-0 { padding-left: 0; padding-right: 0; } .col-actions-links { display: block; margin: 0 0 3px; white-space: nowrap; } .data-table-td-max { .data-table td { &:extend(.ellipsis all); max-width: 250px; width: 250px; } } .h-scroll { overflow-x: auto; } .add-clearer { .lib-clearer(); } pub/static/adminhtml/Magento/backend/en_US/mui/clearless/_arrows.less000077700000007056151323550650021727 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .arrow(@pos, @size, @bg-color) { width: 0; height: 0; border: @size solid transparent; ._abbor_el( @pos, @bg-color ); } .arrowbox(@pos, @size, @bg-color, @offset:50%) { @after-margin: @size * -1px; position: relative; background: @bg-color; &:after, &:before { ._abpos(@pos); border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } &:after { border-color: transparent; ._abbor_el(@pos, @bg-color); border-width: @size; ._abpos_el(@pos, @size, @offset); ._abmar_el(@pos, @after-margin); } } .arrowbox(@pos, @size, @bg-color, @border-width, @border-color, @offset:50%) { @before-margin: (@size + round(@border-width * 1.41421356)) * -1px; .arrowbox(@pos, @size, @bg-color, @offset); border: @border-width solid @border-color; &:before { border-color: transparent; ._abbor_el(@pos, @border-color); border-width: @before-margin * -1; ._abpos_el(@pos, @size, @offset); ._abmar_el(@pos, @before-margin); } } ._abpos( @pos ) when ( @pos = left ) { right: 100%; } ._abpos( @pos ) when ( @pos = right ) { left: 100%; } ._abpos( @pos ) when ( @pos = up ) { bottom: 100%; } ._abpos( @pos ) when ( @pos = down ) { top: 100%; } ._abpos_el( @pos, @size, @offset ) when ( @offset = 0 ) and ( @pos = left ) { top: @size; } ._abpos_el( @pos, @size, @offset ) when ( @offset = 0 ) and ( @pos = right ) { top: @size; } ._abpos_el( @pos, @size, @offset ) when ( @offset = 0 ) and ( @pos = up ) { left: @size; } ._abpos_el( @pos, @size, @offset ) when ( @offset = 0 ) and ( @pos = down ) { left: @size; } ._abpos_el( @pos, @size, @offset ) when not ( @offset = 0 ) and not ( ispixel(@offset) ) and ( @pos = left ) { top: @offset; } ._abpos_el( @pos, @size, @offset ) when not ( @offset = 0 ) and not ( ispixel(@offset) ) and ( @pos = right ) { top: @offset; } ._abpos_el( @pos, @size, @offset ) when not ( @offset = 0 ) and not ( ispixel(@offset) ) and ( @pos = up ) { left: @offset; } ._abpos_el( @pos, @size, @offset ) when not ( @offset = 0 ) and not ( ispixel(@offset) ) and ( @pos = down ) { left: @offset; } ._abpos_el( @pos, @size, @offset ) when not ( @offset = 0 ) and ( ispixel(@offset) ) and ( @pos = left ) { top: @offset + @size; } ._abpos_el( @pos, @size, @offset ) when not ( @offset = 0 ) and ( ispixel(@offset) ) and ( @pos = right ) { top: @offset + @size; } ._abpos_el( @pos, @size, @offset ) when not ( @offset = 0 ) and ( ispixel(@offset) ) and ( @pos = up ) { left: @offset + @size; } ._abpos_el( @pos, @size, @offset ) when not ( @offset = 0 ) and ( ispixel(@offset) ) and ( @pos = down ) { left: @offset + @size; } ._abbor_el( @pos, @color ) when ( @pos = left ) { border-right-color: @color; } ._abbor_el( @pos, @color ) when ( @pos = right ) { border-left-color: @color; } ._abbor_el( @pos, @color ) when ( @pos = up ) { border-bottom-color: @color; } ._abbor_el( @pos, @color ) when ( @pos = down ) { border-top-color: @color; } ._abmar_el( @pos, @margin ) when ( @pos = left ) { margin-top: @margin; } ._abmar_el( @pos, @margin ) when ( @pos = right ) { margin-top: @margin; } ._abmar_el( @pos, @margin ) when ( @pos = up ) { margin-left: @margin; } ._abmar_el( @pos, @margin ) when ( @pos = down ) { margin-left: @margin; } pub/static/adminhtml/Magento/backend/en_US/mui/clearless/_all.less000077700000000567151323550650021162 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // ============================================== // Handily import all ClearLess mixins // ============================================== @import "_settings.less"; @import "_helpers.less"; @import "_sprites.less"; @import "_icons.less"; @import "_arrows.less"; pub/static/adminhtml/Magento/backend/en_US/mui/clearless/_icons.less000077700000021513151323550650021517 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // ============================================== // Generated content icon helpers // ---------------------------------------------- // These can only be used on block or inline-block elements. // ============================================== // Non-sprited icons -------------------------------- .prepend-icon( @icon-image, @width, @height, @nudge-left:0, @nudge-top:0, @pad:10px ) when (@using-modernizr) { .generatedcontent & { position: relative; padding-left: @width + @pad; } .generatedcontent &:before { ._generated-icon( @width, @height, @icon-image ); top: @nudge-top; left: @nudge-left; } } .prepend-icon( @icon-image, @width, @height, @nudge-left:0, @nudge-top:0, @pad:10px ) when not (@using-modernizr) { position: relative; padding-left: @width + @pad; &:before { ._generated-icon( @width, @height, @icon-image ); top: @nudge-top; left: @nudge-left; } } .append-icon( @icon-image, @width, @height, @nudge-right:0, @nudge-top:0, @pad:10px ) when (@using-modernizr) { .generatedcontent & { position: relative; padding-right: @width + @pad; } .generatedcontent &:after { ._generated-icon( @width, @height, @icon-image ); top: @nudge-top; right: @nudge-right; } } .append-icon( @icon-image, @width, @height, @nudge-right:0, @nudge-top:0, @pad:10px ) when not (@using-modernizr) { position: relative; padding-right: @width + @pad; .generatedcontent &:after { ._generated-icon( @width, @height, @icon-image ); top: @nudge-top; right: @nudge-right; } } // Sprited icons -------------------------------- .prepend-sprite-icon(@x, @y, @width, @height, @nudge-left:0, @nudge-top:0, @pad:10px, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when (@using-modernizr) { .generatedcontent & { position: relative; padding-left: @width + @pad; } .generatedcontent &:before { ._generated-sprite-icon( @x, @y, @width, @height, @sprite-image, @sprite-grid ); top: @nudge-top; left: @nudge-left; } } .prepend-sprite-icon(@x, @y, @width, @height, @nudge-left:0, @nudge-top:0, @pad:10px, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when not (@using-modernizr) { position: relative; padding-left: @width + @pad; &:before { ._generated-sprite-icon( @x, @y, @width, @height, @sprite-image, @sprite-grid ); top: @nudge-top; left: @nudge-left; } } .append-sprite-icon(@x, @y, @width, @height, @nudge-right:0, @nudge-top:0, @pad:10px, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when (@using-modernizr) { .generatedcontent & { padding-right: @width + @pad; position: relative; } .generatedcontent &:after { ._generated-sprite-icon( @x, @y, @width, @height, @sprite-image, @sprite-grid ); top: @nudge-top; right: @nudge-right; } } .append-sprite-icon(@x, @y, @width, @height, @nudge-right:0, @nudge-top:0, @pad:10px, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when not (@using-modernizr) { position: relative; padding-right: @width + @pad; &:after { ._generated-sprite-icon( @x, @y, @width, @height, @sprite-image, @sprite-grid ); top: @nudge-top; right: @nudge-right; } } .prepend-sprite-icon-pos(@x, @y, @nudge-left:0, @nudge-top:0, @sprite-grid:@sprite-grid) when (@using-modernizr) { .generatedcontent &:before { .sprite-pos(@x, @y, @sprite-grid); .nudge-l(@nudge-left); .nudge-t(@nudge-top); } } .prepend-sprite-icon-pos(@x, @y, @nudge-left:0, @nudge-top:0, @sprite-grid:@sprite-grid) when not (@using-modernizr) { &:before { .sprite-pos(@x, @y, @sprite-grid); .nudge-l(@nudge-left); .nudge-t(@nudge-top); } } .append-sprite-icon-pos(@x, @y, @nudge-right:0, @nudge-top:0, @sprite-grid:@sprite-grid) when (@using-modernizr) { .generatedcontent &:after { .sprite-pos(@x, @y, @sprite-grid); .nudge-r(@nudge-right); .nudge-t(@nudge-top); } } .append-sprite-icon-pos(@x, @y, @nudge-right:0, @nudge-top:0, @sprite-grid:@sprite-grid) when not (@using-modernizr) { &:after { .sprite-pos(@x, @y, @sprite-grid); .nudge-r(@nudge-right); .nudge-t(@nudge-top); } } // ---- Partials ----------------------- .prepend-icon-setup(@width:0, @height:0, @nudge-left:0, @nudge-top:0, @pad:10px) when (@using-modernizr) { .generatedcontent & { position: relative; ._pad-left(@width, @pad); } .generatedcontent &:before { position: absolute; display: block; content: ' '; top: 0; left: 0; ._size(@width, @height); } } .prepend-icon-setup(@width:0, @height:0, @nudge-left:0, @nudge-top:0, @pad:10px) when not (@using-modernizr) { position: relative; ._pad-left(@width, @pad); &:before { position: absolute; display: block; content: ' '; top: 0; left: 0; ._size(@width, @height); } } .append-icon-setup(@width:0, @height:0, @nudge-left:0, @nudge-top:0, @pad:10px) when (@using-modernizr) { .generatedcontent & { position: relative; ._pad-right(@width, @pad); } .generatedcontent &:after { position: absolute; display: block; content: ' '; top: 0; right: 0; ._size(@width, @height); } } .append-icon-setup(@width:0, @height:0, @nudge-left:0, @nudge-top:0, @pad:10px) when not (@using-modernizr) { position: relative; ._pad-right(@width, @pad); &:after { position: absolute; display: block; content: ' '; top: 0; right: 0; ._size(@width, @height); } } .prepend-icon-image(@icon-image, @width:0, @height:0, @nudge-left:0, @nudge-top:0, @pad:10px) when (@using-modernizr) { ._gc-pad-left(@width, @pad); .generatedcontent &:before { background: url(@icon-image) no-repeat 0 0; ._size(@width, @height); .nudge-l(@nudge-left); .nudge-t(@nudge-top); } } .prepend-icon-image(@icon-image, @width:0, @height:0, @nudge-left:0, @nudge-top:0, @pad:10px) when not (@using-modernizr) { ._pad-left(@width, @pad); &:before { background: url(@icon-image) no-repeat 0 0; ._size(@width, @height); .nudge-l(@nudge-left); .nudge-t(@nudge-top); } } .append-icon-image(@icon-image, @width:0, @height:0, @nudge-right:0, @nudge-top:0, @pad:10px) when (@using-modernizr) { ._gc-pad-right(@width, @pad); .generatedcontent &:after { background: url(@icon-image) no-repeat 0 0; ._size(@width, @height); .nudge-r(@nudge-right); .nudge-t(@nudge-top); } } .append-icon-image(@icon-image, @width:0, @height:0, @nudge-right:0, @nudge-top:0, @pad:10px) when not (@using-modernizr) { ._pad-right(@width, @pad); &:after { background: url(@icon-image) no-repeat 0 0; ._size(@width, @height); .nudge-r(@nudge-right); .nudge-t(@nudge-top); } } // ---- internal use mixins ----------------------- ._generated-icon(@width, @height, @icon-image) { position: absolute; display: block; content: ' '; background: url(@icon-image) no-repeat 0 0; .size(@width, @height); } ._generated-sprite-icon(@x, @y, @width, @height, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) { position: absolute; display: block; content: ' '; .sprite-sized(@x, @y, @width, @height, @sprite-image, @sprite-grid); } ._pad-left(@width, @pad) when (@width = 0) { } ._pad-left(@width, @pad) when not (@width = 0) { padding-left: @width + @pad; } ._pad-right(@width, @pad) when (@width = 0) { } ._pad-right(@width, @pad) when not (@width = 0) { padding-right: @width + @pad; } ._gc-pad-left(@width, @pad) when (@width = 0) { } ._gc-pad-right(@width, @pad) when (@width = 0) { } ._gc-pad-left(@width, @pad) when not (@width = 0) and (@using-modernizr) { .generatedcontent & { ._pad-left(@width, @pad); } } ._gc-pad-left(@width, @pad) when not (@width = 0) and not (@using-modernizr) { ._pad-left(@width, @pad); } ._gc-pad-right(@width, @pad) when not (@width = 0) { .generatedcontent & { ._pad-right(@width, @pad); } } ._gc-pad-right(@width, @pad) when not (@width = 0) and not (@using-modernizr) { ._pad-right(@width, @pad); } ._size(@width, @height) when (@width = 0) and (@height = 0) { } ._size(@width, @height) when (@width = 0) and not (@height = 0) { height: @height; } ._size(@width, @height) when not (@width = 0) and (@height = 0) { width: @width; } ._size(@width, @height) when not (@width = 0) and not (@height = 0) { width: @width; height: @height; } pub/static/adminhtml/Magento/backend/en_US/mui/clearless/_helpers.less000077700000010111151323550650022036 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // ============================================== // Misc helpers and shortcuts // ============================================== // Shortcuts -------------------------------- .filter(@_filter: grayscale(100%)) { -webkit-filter: @_filter; // Use in 41 Chrome filter: @_filter; } .rotate(@_rotation) { -webkit-transform: rotate(@_rotation); // Use in 8 Safari -ms-transform: rotate(@_rotation); // Use in 9 IE transform: rotate(@_rotation); } .placeholder(@_color: #ddd) { :-moz-placeholder { color: @_color; } ::-webkit-input-placeholder { color: @_color; } :-ms-input-placeholder { color: @_color; } } #gradient { .horizontal (@start-color, @end-color) when not (@disable-filters) { background-color: @end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, @start-color, @end-color); // Use in 4.3 Android background-image: -ms-linear-gradient(left, @start-color 0%, @end-color 100%); // Use in 10 IE background-image: linear-gradient(left, @start-color, @end-color); } .horizontal (@start-color, @end-color) when (@disable-filters) { background-color: @end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, @start-color, @end-color); // Use in 4.3 Android background-image: -ms-linear-gradient(left, @start-color 0%, @end-color 100%); // Use in 10 IE background-image: linear-gradient(left, @start-color, @end-color); } .vertical (@start-color, @end-color) when (@disable-filters) { background-color: @end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(@start-color, @end-color); // Use in 4.3 Android background-image: -ms-linear-gradient(top, @start-color 0%, @end-color 100%); // Use in 10 IE background-image: linear-gradient(@start-color, @end-color); } .vertical (@start-color, @end-color) when not (@disable-filters) { background-color: @end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(@start-color, @end-color); // Use in 4.3 Android background-image: -ms-linear-gradient(top, @start-color 0%, @end-color 100%); // Use in 10 IE background-image: linear-gradient(@start-color, @end-color); } } // Helpers -------------------------------- .clearfix() when not (@using-ieclasses) { &:before, &:after { content: ""; display: table; } &:after { clear: both; } } .clearfix() when (@using-ieclasses) { &:before, &:after { content: ""; display: table; } &:after { clear: both; } } .inline-block() when (@using-ieclasses) { display: inline-block; } .inline-block() when not (@using-ieclasses) { display: inline-block; } .ir() { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } .hidden() { display: none !important; visibility: hidden; } .visually-hidden() { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; &.focusable:active, &.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } } .size(@thesize) { width: @thesize; height: @thesize; } .size(@width, @height) { width: @width; height: @height; } // System -------------------------------- .nudge-l( @pos ) when ( @pos = 0 ) { } .nudge-l( @pos ) when not ( @pos = 0 ) { left: @pos; } .nudge-r( @pos ) when ( @pos = 0 ) { } .nudge-r( @pos ) when not ( @pos = 0 ) { right: @pos; } .nudge-t( @pos ) when ( @pos = 0 ) { } .nudge-t( @pos ) when not ( @pos = 0 ) { top: @pos; } .nudge-b( @pos ) when ( @pos = 0 ) { } .nudge-b( @pos ) when not ( @pos = 0 ) { bottom: @pos; } pub/static/adminhtml/Magento/backend/en_US/mui/clearless/_settings.less000077700000002012151323550650022235 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // ============================================== // ClearLess default settings // ---------------------------------------------- // Override on a per-project basis as required. // ============================================== // General -------------------------------- @using-ieclasses: true; // whether or not the markup has html5-boilerplate style IE classes in it or not @using-modernizr: false; // whether or not modernizer feature-detection classes are being used @disable-filters: true; // whether or not to disable MS-specific 'filter' properties (can make IE slow!) // Typography -------------------------------- @base-font-size: 16; // base pixel font size. Used as a default for px -> (r)em conversions // Sprites -------------------------------- @sprite-image: '/example.png'; @sprite-grid: 50px; // Grid -------------------------------- @total-columns: 12; @column-width: 60px; @gutter-width: 20px; pub/static/adminhtml/Magento/backend/en_US/mui/clearless/_sprites.less000077700000003340151323550650022073 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // ============================================== // Sprite helpers // ============================================== .sprite(@x, @y, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) { .sprite-image(@sprite-image); .sprite-pos(@x, @y, @sprite-grid); } .sprite-sized(@x, @y, @size, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) { .sprite(@x, @y, @sprite-image, @sprite-grid); .size(@size); } .sprite-sized(@x, @y, @width, @height, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when (isnumber(@height)) { .sprite(@x, @y, @sprite-image, @sprite-grid); .size(@width,@height); } .sprite-ir(@x, @y, @size, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) { .ir(); .sprite(@x, @y, @sprite-image, @sprite-grid); .size(@size); } .sprite-ir(@x, @y, @width, @height, @sprite-image:@sprite-image, @sprite-grid:@sprite-grid) when (isnumber(@height)) { .ir(); .sprite(@x, @y, @sprite-image, @sprite-grid); .size(@width,@height); } .sprite-image(@sprite-image:@sprite-image) { background-image: url(@sprite-image); background-repeat: no-repeat; } .sprite-pos(@x, @y, @sprite-grid:@sprite-grid) { background-position: -(@x*@sprite-grid*1px) -(@y*@sprite-grid*1px); } .sprite-pos-sized(@x, @y, @size, @sprite-grid:@sprite-grid) when not (isnumber(@sprite-image)) { .sprite-pos(@x, @y, @sprite-grid); .size(@size); } .sprite-pos-sized(@x, @y, @width, @height, @sprite-grid:@sprite-grid) when (isnumber(@height)) { .sprite-pos(@x, @y, @sprite-grid); .size(@width,@height); } pub/static/adminhtml/Magento/backend/en_US/mui/clearless/.htaccess000077700000000177151323550650021156 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/mui/.htaccess000077700000000177151323550650017201 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/_module.less000077700000000261151323550650023730 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @import 'module/_order.less'; @import 'module/_edit-order.less'; pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_sku.less000077700000002032151323550650025643 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Add by SKU // --------------------------------------------- .add-by-sku-wrapper { .add-by-sku { margin: 0 0 @indent__base; } .admin__field-note { margin: 1.4rem 0; } .action-reset { &:extend(.abs-action-reset all); &:extend(.abs-icon all); display: inline-block; font-size: 1.6rem; margin: -.4rem 0 0; opacity: .5; vertical-align: middle; &:after { color: @order-create-icon-reset__content; content: @order-create-icon-reset__content; } &:hover { opacity: 1; &:after { color: @order-create-icon-plus__hover__color; } } > span { &:extend(.abs-visually-hidden all); } } .col-qty { width: 8rem; .admin__control-text { &:extend(.abs-control-qty all); } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_sidebar.less000077700000012303151323550650026454 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // --------------------------------------------- @order-create-sidebar__font-size: 1.5rem; @order-create-sidebar__font-size__xs: 1.1rem; @order-create-sidebar__color: @color-very-dark-gray; @order-create-sidebar__margin: 2.4rem; @order-create-sidebar__padding: @indent__base; @order-create-sidebar__margin__s: .5rem; @order-create-sidebar__margin__m: 1rem; @order-create-sidebar__margin__reqular: 1.7rem; @order-create-sidebar__border-color: @border__color; @order-create-sidebar-scroll__height: 24rem; // // Order Sidebar // --------------------------------------------- .order-sidebar { &:extend(.admin__page-nav); color: @order-create-sidebar__color; padding: 3rem @order-create-sidebar__padding; .order-currency { float: none; font-size: @font-size__base; margin: 0 0 @order-create-sidebar__margin; .admin__field-label { display: block; margin: 0 0 @order-create-sidebar__margin__m; text-align: left; } } .customer-activity-title { border-bottom: 1px solid @order-create-sidebar__border-color; font-size: 1.9rem; font-weight: @font-weight__bold; margin: 0 0 @order-create-sidebar__margin; padding: 0 0 @order-create-sidebar__margin; } .admin__control-select { margin: 0 0 @order-create-sidebar__margin__s; width: 100%; } .order-sidebar-block { border-bottom: 1px solid @order-create-sidebar__border-color; margin: 0 0 @order-create-sidebar__margin; padding: 0 0 @order-create-sidebar__margin; } .admin__table-primary { color: @order-create-sidebar__color; width: 100%; th, td { &:first-child { padding-left: @order-create-sidebar__padding; } } .icon { &:extend(.abs-icon all); display: inline-block; font-size: @order-create-sidebar__font-size + .1rem; text-decoration: none; vertical-align: middle; &:after { color: @order-create-sidebar__color; } &.icon-remove { margin-left: -3px; &:after { content: @order-create-icon-remove__content; } } &.icon-add { &:after { content: @order-create-icon-add__content; } } &.icon-configure { &:after { content: @order-create-icon-configure__content; } &:hover { &:after { color: @order-create-icon-plus__hover__color; } } } > span { &:extend(.abs-visually-hidden all); } } .col-add { text-align: right; .icon-configure, .icon-add { margin-right: @order-create-sidebar__margin__m; } } } .action-refresh { &:extend(.abs-icon all); display: table-cell; font-size: @order-create-icon-refresh__font-size; padding-right: @order-create-sidebar__margin__m; vertical-align: middle; &:after { color: @order-create-icon-refresh__color; content: @order-create-icon-refresh__content; } &:hover { &:after { color: @order-create-icon-refresh__hover__color; } text-decoration: none; } > span { &:extend(.abs-visually-hidden all); } } .create-order-sidebar-block { .sidebar-title-block { margin: 0 0 @order-create-sidebar__margin; } .auto-scroll { margin: 0 -@order-create-sidebar__padding @order-create-sidebar__margin__s; max-height: @order-create-sidebar-scroll__height; overflow: auto; position: relative; // Force a scroll bar to appear on IOS devices &::-webkit-scrollbar { -webkit-appearance: none; height: 4px; } &::-webkit-scrollbar-thumb { -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); background-color: rgba(0,0,0,.5); border-radius: 4px; } + .action-default { margin-top: @order-create-sidebar__margin__reqular; } .no-items { padding-left: @order-create-sidebar__padding; } } .admin__field-option { padding-top: 0; } } .create-order-sidebar-label { display: table-cell; font-size: @order-create-sidebar__font-size; font-weight: @font-weight__regular; margin: 0; vertical-align: middle; + .admin__control-select { margin-top: @order-create-sidebar__margin__reqular; } } .actions { .action-secondary { width: 100%; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_gift-options.less000077700000002360151323550650027467 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Gift options // --------------------------------------------- .order-gift-options { &:extend(.abs-clearfix all); .card-price-box { display: none; &._active { display: block; } } .price-box { .price { font-weight: @font-weight__bold; } } > .giftmessage-order-create { float: left; #mix-grid .width(6, 12); } .admin__field { &._required[class] { &:not(.admin__field-option) { > .admin__field-label span { &:after { margin-left: 0; } } } } } } .giftmessage-order-create { .field-sender { margin-top: 1.4rem; } .admin__field { // ToDo UI: remove when /app/code/Magento/Backend/view/adminhtml/templates/widget/form.phtml refactored (the wrapping div removed) margin-bottom: 3rem; position: relative; + .admin__field { margin-top: 1.5rem; } } } .gift-options-tooltip { &:extend(.abs-admin__field-tooltip-content all); } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_address.less000077700000002433151323550650026473 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Order Address Information // --------------------------------------------- .order-details { .order-search-items { .col-qty { .admin__control-text { &:extend(.abs-control-qty); } } } .order-items, .order-search-items, .order-additional-area { .admin__page-section-title { .actions { float: right; margin-bottom: @order-create-sidebar__margin__reqular; margin-top: -.3rem; } .action-secondary { margin-left: @indent__base; } } } .admin__field-option { .admin__field-label { display: block; width: auto; } } } .field-vat-number { .action-default { &:extend(.action-tertiary all); font-weight: @font-weight__regular; margin-top: @indent__s; padding: 0; } } .admin__fieldset { > .admin__field-shipping-same-as-billing { margin-bottom: @indent__s; margin-top: -@indent__base; } } .order-billing-address { .order-choose-address { margin-top: 14px; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_items.less000077700000005540151323550650026171 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @order-create-table__border-color: @table-td__border-color; @order-create-sku__background: @admin__page-nav__background-color; @order-create-sku__padding: @indent__base; @order-create-sku-table__border-color: @color-white; // // Table // --------------------------------------------- .order-tables { &:extend(.abs-order-tables all); &:extend(.abs-order-tbody-border all); } .order-items { > .admin__page-section-title { margin: 0; } .actions-update { margin: @indent__base 0; text-align: right; } } .order-search-items { .data-grid { .action-configure { float: right; &.disabled { display: none; } } .col-id, .col-price, .col-select { width: 10rem; } } } .abs-order-tables { margin: 0 0 @order-create-sidebar__margin__reqular; width: 100%; th { border-top: 0; font-size: 1.3rem; } td { border-bottom: none; } tbody { tr { &.row-messages-error, &.row-gift-options { td { padding-top: 0; } } } } tfoot { td { border-bottom: 1px solid @order-create-table__border-color; border-top: none; } } .col-qty, .col-qty-invoice { .admin__control-text { &:extend(.abs-control-qty all); } } .qty-table { &:extend(.abs-qty-table all); } .col-actions { .admin__control-select { width: 13rem; } } .price { display: inline-block; margin: 0 0 @order-create-sidebar__margin__s; } .item-options { &:extend(.abs-clearfix all); margin: @order-create-sidebar__margin__m 0 0; dt { clear: left; float: left; margin: 0 @order-create-sidebar__margin__s @order-create-sidebar__margin__s 0; } dd { display: inline-block; float: left; margin: 0 0 @order-create-sidebar__margin__s; } } .custom-price-block { + .admin__control-text { &:extend(.abs-control-price); } } .custom-price-block, .discount-price-block { font-size: @order-create-sidebar__font-size__xs; margin: 0 0 @order-create-sidebar__margin__s; .admin__field-label { line-height: 1.6rem; } } .product-configure-block { margin: @indent__s 0 0; .disabled { display: none; } } .product-sku-block { margin: @indent__s 0 0; } } static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_payment-shipping.less000077700000004205151323550650030262 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Order Payment & Shipping Information // --------------------------------------------- .admin__payment-method-wrapper { margin: 0; width: ~'calc(50% - @{indent__l})'; .admin__field { margin-left: 0; &:first-child { margin-top: 1.5rem; } } .admin__payment-methods { margin: 0; } } .admin__order-shipment-methods-title { font-weight: @font-weight__bold; margin: 0 0 @indent__xs; } .admin__order-shipment-methods-options { margin: 0 0 @indent__base; } .admin__order-shipment-methods-options-list { list-style: none; margin: 0; } .order-billing-method-summary, .order-shipping-method-summary { padding-top: @field-option__padding-top; } .order-shipping-method, .order-billing-method { position: relative; } .order-billing-method-summary, .order-shipping-method-summary, .order-shipping-method-info { .action-default { &:extend(.action-tertiary all); font-weight: @font-weight__regular; padding: 0; } } .order-methods-overlay { background-color: rgba(255, 255, 255, .5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; span { background-color: @color-white; display: block; font-weight: @font-weight__bold; left: 0; padding: @indent__xs 0; position: absolute; top: 43px; } .order-shipping-address & { span { top: 0; } } } .order-shipping-method { .admin__page-section-title > span { &:extend(.validation-symbol all); } } .shipping-description-wrapper { .price { font-weight: @font-weight__bold; } } .shipping-description-title { font-weight: @font-weight__bold; } .action-create-label { margin: @indent__s 0; } .order-payment-method-title { + .order-payment-currency { margin-top: @indent__s; } .admin__table-secondary { margin-top: @indent__s; &:extend(.abs-admin__table-secondary-edit-order all); } } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_total.less000077700000001333151323550650026167 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Totals // --------------------------------------------- .order-subtotal-table { .admin__control-text { width: 5.4rem; } .admin__total-amount { text-align: right; } } .order-totals { .admin__total-amount { text-align: right; } } .totals-actions { text-align: right; } .order-totals-actions { margin-top: @indent__s; .actions { margin-top: @indent__l; text-align: right; } .action-default { &:extend(.abs-action-l all); } .primary { + .primary { margin-left: @indent__s; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_discounts.less000077700000003045151323550650027061 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Order discounts // --------------------------------------------- .order-discounts { &:extend(.abs-clearfix all); margin-top: @indent__base; .action-secondary { float: right; margin-top: 2.1rem; } .order-coupons { float: left; } .admin__field { display: inline-block; margin: 0 3.5rem 0 0; vertical-align: top; .admin__field-control { padding-right: 32px; position: relative; } .action-default { &:extend(.abs-action-reset all); position: absolute; right: 0; top: 7px; > span { &:extend(.abs-visually-hidden all); } &:before { &:extend(.abs-icon all); content: @order-create-icon-add__content; } &:hover { color: @order-create-icon-plus__hover__color; } } p { margin: @indent__s 0 0; } } .action-remove { color: @color-brownie; margin-left: @indent__xs; &:hover { color: @order-create-icon-plus__hover__color; text-decoration: none; } > span { &:extend(.abs-visually-hidden all); } &:before { &:extend(.abs-icon all); content: @order-create-icon-remove__content; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/.htaccess000077700000000177151323550650025620 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_order-account.less000077700000001551151323550650027613 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Order Account Information // _____________________________________________ .order-account-information { .admin__fieldset { &:extend(.abs-clearfix all); } .admin__field { margin-bottom: 0; } [class*='field-group'] { float: left; } .field-email { display: inline-block; margin: 0; overflow: hidden; width: 50%; } } .page-create-order { .order-details { &:not(.order-details-existing-customer) { .order-account-information { .field-email { margin-left: -30px; } .field-group_id { margin-right: 30px; } } } } } static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/order/_order-comments.less000077700000003107151323550650027724 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Edit Order comments // --------------------------------------------- .edit-order-comments { .note-list { font-size: @edit-order-comment-notes__font-size; list-style: none; margin: 0 0 @order-create-sidebar__margin; } .note-list-item { margin: 0 0 @order-create-sidebar__margin__s; } .note-list-date, .note-list-time { padding: 0 @order-create-sidebar__margin__m 0 0; } .note-list-status, .note-list-customer { border-left: 1px solid @edit-order-comment-notes__border-color; padding: 0 @order-create-sidebar__margin__m; } .note-list-customer-notapplicable, .note-list-customer-not-notified, .note-list-customer-notified { font-weight: @font-weight__bold; padding: 0 @order-create-sidebar__margin__m 0 0; } .note-list-comment { margin: 0 0 @order-create-sidebar__margin__reqular; } .comments-block-item { margin: 0 0 @order-create-sidebar__margin; } .comments-block-item-comment { margin: 0 0 @order-create-sidebar__margin__s; } .comments-block-item-date-time { font-size: @font-size__tiny; } } .edit-order-comments-block-title { margin: 0 0 @order-create-sidebar__margin; .lib-typography( @_font-size: 1.9rem, @_color: @color-brown-darker, @_font-weight: @font-weight__semibold, @_line-height: @line-height__s, @_font-family: false, @_font-style: false ); } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/_order.less000077700000017735151323550650025061 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page components // _____________________________________________ @import 'order/_address.less'; @import 'order/_discounts.less'; @import 'order/_gift-options.less'; @import 'order/_items.less'; @import 'order/_order-account.less'; @import 'order/_payment-shipping.less'; @import 'order/_sidebar.less'; @import 'order/_sku.less'; @import 'order/_total.less'; @import 'order/_order-comments.less'; // // Variables // _____________________________________________ @order-create-icon-refresh__font-size: 2rem; @order-create-icon-refresh__color: @color-gray83; @order-create-icon-refresh__hover__color: darken(@color-gray83, 10%); @order-create-icon-add__content: @icon-arrow-right__content; @order-create-icon-configure__content: @icon-systems__content; @order-create-icon-remove__content: @icon-delete__content; @order-create-icon-reset__content: @icon-remove-small__content; @order-create-icon-refresh__content: @icon-refresh__content; @order-create-icon-plus__content: @icon-plus__content; @order-create-icon-plus__hover__color: @color-very-dark-gray-black2; // // Crosspage components // _____________________________________________ // // Layout // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .order-details { float: right; #mix-grid .width(9,12); margin-left: 0; } .order-sidebar { #mix-grid .column(3,12); margin-left: 0; } .order-billing-address, .order-billing-method, .order-history, .order-information, .order-payment-method, .order-comments-history { float: left; #mix-grid .width(6,12); } .order-shipping-address, .order-shipping-method, .order-totals, .order-view-account-information .order-account-information { float: right; #mix-grid .width(6,12); } } // // Tablets // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) { .order-details { .order-search-items { .action-configure { display: block; float: none; } } } } .order-view { > .ui-tabs-panel { border: 0; margin: 0; padding: 0; } .admin__data-grid-pager-wrap{ .selectmenu { margin-bottom: 10px; } } .data-grid-search-control-wrap { margin-bottom: 10px; } } // // Page sections // --------------------------------------------- .admin__page-section { margin-bottom: 5rem; .admin__legend { &:extend(.abs-fieldset-legend all); } .admin__field { &:extend(.abs-field-rows all); } .admin__control-table-wrapper { margin-top: @indent__base; } address { font-style: normal; } } .admin__page-subsection { & + & { margin-top: @indent__m; } } .admin__page-section-title { &:extend(.abs-clearfix all); border-bottom: 1px solid @color-gray80; margin-bottom: 1.7rem; padding: 1.4rem 0 .5rem; strong, .title { &:extend(h2); float: left; margin: 0; } .actions { display: inline-block; margin-left: @indent__xs; &._primary { float: right; } } } .admin__page-section-content { &:extend(.abs-clearfix all); } .admin__page-section-item-title, .admin__page-section-content .admin__page-section-title { border-bottom: 0; margin-bottom: 1.5rem; padding: 0; .title { &:extend(.abs-fieldset-legend all); margin: 0; } .actions { display: inline-block; margin-left: @indent__xs; } } // // Select Customer // --------------------------------------------- .order-customer-selector { .admin__page-section-title { .title { margin: 0 0 2rem; } .actions { float: right; margin-top: -.5rem; } } } // // Select Store Scope // --------------------------------------------- .tree-store-scope { .admin__field { margin: 0 0 1rem; } } // // Order Errors // --------------------------------------------- .order-errors { .col-qty { .admin__control-text { &:extend(.abs-control-qty all); } } } // // Order Invoice // --------------------------------------------- .order-invoice-tables { &:extend(.abs-order-tables all); &:extend(.abs-order-tbody-border all); } .abs-qty-table { th, td { border: none; font-weight: @font-weight__regular; padding: 0 @order-create-sidebar__margin__s @order-create-sidebar__margin__s 0; } } .abs-order-tbody-border { tbody { border-bottom: 1px solid @table-td__border-color; &:last-of-type { border-bottom: none; } } } // // Product configure popup // --------------------------------------------- .product-configure-popup { .weee { .price-excluding-tax, .price-including-tax { display: block; font-size: 1.3rem; &:before { content: attr(data-label) ': '; } } } } .options-list { &.nested { .admin__field-option { .admin__field-label { > span { &:after { content: none; } } } } } } .summary-total { cursor: pointer; .summary-collapse { display: inline-block; padding: 0 0 0 (@collapsible-title-icon__size + .5rem); position: relative; &:before { &:extend(.abs-icon all); content: @icon-expand-open__content; font-size: @collapsible-title-icon__size; left: 0; position: absolute; top: 0; } &:active { &:before { .scale(); } } } } .show-details { .summary-collapse { &:before { content: @icon-expand-close__content; } } } .summary-details { .label, .admin__total-mark { padding-left: @collapsible-title-icon__size + .5rem + @admin__table-secondary__padding-horizontal; } } // // Create Order - Add Product Grid // --------------------------------------------- #sales_order_create_search_grid { .col-in_products { .data-grid-checkbox-cell-inner { position: relative; } .checkbox { width: 1.6rem; height: 1.6rem; left: 0; right: 0; margin: auto; } } } // // Create Order - Add Product with Custom Options Modal // ---------------------------------------------------- #product_composite_configure_form_fields { .admin__field { &.required { .admin__field-label { &:after { color: #e22626; content: '*'; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 1; margin-left: 10px; margin-top: .2rem; position: absolute; z-index: 1; } } .price-container, .price-notice, .price-wrapper { &:after { color: unset; content: unset; display: unset; font-size: unset; font-weight: unset; line-height: unset; margin-left: unset; margin-top: unset; position: unset; z-index: unset; } } } } } // ToDo: MAGETWO-32299 UI: review the collapsible block pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/.htaccess000077700000000177151323550650024505 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/module/_edit-order.less000077700000003406151323550650025772 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // --------------------------------------------- @edit-order-comment-notes__border-color: @color-gray65; @edit-order-comment-notes__font-size: @font-size__s; // // Table secondary for edit order // --------------------------------------------- .abs-admin__table-secondary-edit-order { th { font-weight: @font-weight__regular; text-align: left; vertical-align: top; } td { text-align: right; } tr { &:last-child { td { border: none; } } } } // // Order information // --------------------------------------------- .order-information-table { &:extend(.abs-admin__table-secondary-edit-order all); } // // Order account information // --------------------------------------------- .order-account-information-table { &:extend(.abs-admin__table-secondary-edit-order all); } // // Edit order tables // --------------------------------------------- .edit-order-table { &:extend(.abs-order-tables all); &:extend(.abs-order-tbody-border all); margin-bottom: 5rem; tfoot { &._hide { display: none; } td { padding-top: @order-create-sidebar__margin__m; } .col-total { text-align: right; } } .edit-total-price-block { padding-left: 3rem; } } .order-subtotal-table { tr { td { &:last-child { text-align: right; } } } } .order-history-block { margin: 0 0 5rem; } .order-history-comments-actions { margin-top: @order-create-sidebar__margin__reqular; } pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/source/.htaccess000077700000000177151323550650023220 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/css/.htaccess000077700000000177151323550650021720 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Sales/.htaccess000077700000000177151323550650021130 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Enterprise/css/source/_module-old.less000077700000021677151323550650025573 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // .adminhtml-invitation-index, // .adminhtml-targetrule-index, // .adminhtml-giftwrapping-index, // .adminhtml-customersegment-index, // .adminhtml-giftregistry-index, // .adminhtml-giftcardaccount-index { // &:extend(.CustomGridView all); // &:extend(.CustomGridAction all); // .page-actions { // .add { // &:extend(.PrimaryAddButton all); // } // } // } // .adminhtml-report-invitation-customer, // .adminhtml-report-invitation-order, // .adminhtml-report-invitation-index { // &:extend(.CustomGridView all); // } // // Reports - Customer Segment // --------------------------------------------- // .adminhtml-report-customer-customersegment-segment { // &:extend(.CustomGridView all); // } // // Reports - Customer Segment Report // --------------------------------------------- .filter-segments { list-style: none; padding: 0; } .adminhtml-report-customer-customersegment-detail .col-id { width: 35px; } .adminhtml-report-customer-customersegment-detail .col-period { white-space: nowrap; width: 70px; } .adminhtml-report-customer-customersegment-detail .col-zip { width: 50px; } // // Reports - Customer Segment // --------------------------------------------- .adminhtml-report-customer-customersegment-segment .col-id { width: 35px; } .adminhtml-report-customer-customersegment-segment .col-status { width: 65px; } .adminhtml-report-customer-customersegment-segment .col-qty { width: 145px; } .adminhtml-report-customer-customersegment-segment .col-segment, .adminhtml-report-customer-customersegment-segment .col-website { width: 35%; } .adminhtml-report-customer-customersegment-segment .col-select { width: 45px; } // // Gift Registry // --------------------------------------------- .giftregistry-custom-attributes { margin-bottom: 20px; } // // Gift Wrapping // --------------------------------------------- .adminhtml-giftwrapping-index th.col-id { text-align: left; } .adminhtml-giftwrapping-index .col-price { text-align: right; width: 50px; } .adminhtml-giftwrapping-index .col-actions { width: 50px; } .adminhtml-giftwrapping-index .col-select { width: 60px; } .adminhtml-giftwrapping-edit .field-image .control { line-height: 28px; } .adminhtml-giftwrapping-edit .field-image a { display: inline-block; margin: 0 5px 0 0; } .adminhtml-giftwrapping-edit .field-image img { vertical-align: middle; } .adminhtml-giftwrapping-new .field-image .input-file, .adminhtml-giftwrapping-edit .field-image .input-file { display: inline-block; margin: 0 15px 0 0; width: auto; } .adminhtml-giftwrapping-new .field-image .addafter, .adminhtml-giftwrapping-edit .field-image .addafter { border: 0; box-shadow: none; display: inline-block; height: auto; margin: 0 15px 0 0; width: auto; } .adminhtml-giftwrapping-new .field-image .delete-image, .adminhtml-giftwrapping-edit .field-image .delete-image { display: inline-block; white-space: nowrap; } .adminhtml-giftwrapping-edit .field-image .delete-image input { display: inline-block; margin: -3px 5px 0 0; width: auto; } .adminhtml-giftwrapping-edit .field-image .addon .delete-image input:focus + label { border: 0; box-shadow: none; } // .adminhtml-giftwrapping-edit .store-switcher { // float: left; // position: relative; // bottom: -14px; // } .adminhtml-giftwrapping-index .col-id { width: 35px; } .adminhtml-giftwrapping-index .col-status { white-space: normal; width: 75px; } .adminhtml-giftwrapping-index .col-websites { white-space: nowrap; width: 200px; } .adminhtml-giftwrapping-index .col-price .label { display: inline-block; min-width: 60px; white-space: nowrap; } .adminhtml-giftwrapping-index .col-price .price-excl-tax .price, .adminhtml-giftwrapping-index .col-price .price-incl-tax .price { font-weight: bold; } // // Invitations // --------------------------------------------- .invitee_information, .inviter_information { width: 48.9362%; } .invitee_information { float: left; } .inviter_information { float: right; } .invitation_information .data-table th, .invitee_information .data-table th, .inviter_information .data-table th { width: 20%; white-space: nowrap; } .invitation_information .data-table textarea, .invitation_information .data-table input { width: 100%; } .invitations-history ul { margin: 0; padding-left: 25px; } .invitations-history ul .status:before { content: '|'; display: inline-block; margin: 0 10px; } // // Reports - Order Conversion Rate // --------------------------------------------- .adminhtml-report-invitation-order .col-period { white-space: nowrap; width: 70px; } .adminhtml-report-invitation-order .col-inv-sent, .adminhtml-report-invitation-order .col-inv-acc, .adminhtml-report-invitation-order .col-acc, .adminhtml-report-invitation-order .col-rate { text-align: right; width: 23%; } // // Reports - Invitations - Customer // --------------------------------------------- .adminhtml-report-invitation-customer .col-id { width: 35px; } .adminhtml-report-invitation-customer .col-period { white-space: nowrap; width: 70px; } .adminhtml-report-invitation-customer .col-inv-sent, .adminhtml-report-invitation-customer .col-inv-acc { text-align: right; width: 120px; } // // Reports - Invitations - General // --------------------------------------------- .adminhtml-report-invitation-index .col-period { white-space: nowrap; } .adminhtml-report-invitation-index .col-inv-sent, .adminhtml-report-invitation-index .col-inv-acc, .adminhtml-report-invitation-index .col-inv-disc, .adminhtml-report-invitation-index .col-inv-acc-rate, .adminhtml-report-invitation-index .col-inv-disc-rate { text-align: right; width: 19%; } // // Invitation Data table - alternative view // --------------------------------------------- .invitation_information .data-table, .invitee_information .data-table, .inviter_information .data-table { width: 100%; } .invitation_information .data-table tbody tr th, .invitee_information .data-table tbody tr th, .inviter_information .data-table tbody tr th { font-weight: bold; } .invitation_information .data-table tbody tr td, .invitation_information .data-table tbody tr th, .invitee_information .data-table tbody tr td, .invitee_information .data-table tbody tr th, .inviter_information .data-table tbody tr td, .inviter_information .data-table tbody tr th { background-color: @color-white; border: 0; color: #666; padding: 9px 10px 10px; vertical-align: top; } .invitation_information .data-table tbody tr:nth-child(2n+1) td, .invitation_information .data-table tbody tr:nth-child(2n+1) th, .invitee_information .data-table tbody tr:nth-child(2n+1) td, .invitee_information .data-table tbody tr:nth-child(2n+1) th, .inviter_information .data-table tbody tr:nth-child(2n+1) td, .inviter_information .data-table tbody tr:nth-child(2n+1) th { background-color: #fbfaf6; } [class^=' adminhtml-giftregistry-'] { .fieldset-wrapper-content .data-table { .col-sort-order { width: 80px; } td { vertical-align: top; select { display: block; width: 100%; } .input-radio.global-scope { margin-top: 9px; } } } } .sales-order-create-index { // Configure product popup .ui-dialog { .content > .giftcard { .field.text .input-text { width: 100%; } .note .price { font-weight: 600; &:before { content: ': '; } } .fixed.amount { .label:after { content: ': '; } .control { display: inline-block; font-weight: 600; .control-value { margin: -2px 0 0; padding: 0; } } } } } } // // Stores -> Gift Registry // --------------------------------------------- .adminhtml-giftregistry-index { .col-label { &:extend(.col-370-max all); } .col-is_listed { &:extend(.col-70 all); } } // // Reports -> Invitations // --------------------------------------------- [class^=' invitations-report-invitation'] { [class^='col-inv-'] { &:extend(.col-70 all); } .grid .col-period { &:extend(.col-auto all); } } // // Reports -> Wish List Report // --------------------------------------------- .multiplewishlist-report-customer-wishlist-wishlist .grid { .col-name, .col-subject, .col-product { &:extend(.col-220-max all); } } pub/static/adminhtml/Magento/backend/en_US/Magento_Enterprise/css/source/.htaccess000077700000000177151323550650024271 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Enterprise/css/.htaccess000077700000000177151323550650022771 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Enterprise/.htaccess000077700000000177151323550650022201 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdobeStockImageAdminUi/css/source/_module.less000077700000025605151323550650027122 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ // // Variables // _____________________________________________ @color-keyword-border-color: #c6c1bb; @color-dots-background-color: #626160; @color-action-dismiss-color: #464646; & when (@media-common = true) { .adobe-stock-images-search-modal-content { .color-rectangle { border: solid 1px @color-dots-background-color; display: inline-block; height: 12px; position: inherit; top: 2px; width: 12px; } .masonry-image { &-grid { display: inline-block; margin: 0; width: 100%; } &-column { overflow: visible; position: static; } &-overlay { float: right; margin-bottom: -30px; padding-left: 5%; padding-right: 5%; position: relative; width: auto; } &-preview { position: fixed; z-index: 289; .container { padding-top: 0; .preview-buttons { /* Align image preview actions uniformly to the right edge */ .action-previous, .action-next, .action-close { padding: 30px 0 30px 30px; } } .preview-row-content { img.preview { flex-basis: auto; } } } } } .masonry-image-sortby { display: inline-block; } .masonry-results-number { display: inline-block; margin-right: 1.4rem; } .masonry-image-column { position: static; &:first-child .masonry-image-preview .preview-buttons .action-previous, &:last-child .masonry-image-preview .preview-buttons .action-next { opacity: .5; pointer-events: none; } } .adobe-login-container { .adobe-user-information { .adobe-user-popup { .adobe-user-info { padding-top: 15px; } } } } .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .masonry-image-grid { + .admin__data-grid-header { .selectmenu-items { bottom: 100%; top: auto; } } } .masonry-image-preview { position: absolute; .title { font-weight: bold; } .info { float: left; min-width: 40%; padding-left: 40px; width: -moz-min-content; .actions { letter-spacing: -1px; button { margin-right: 15px; } } .title { margin: 0 0 20px; } .author { margin: 0 0 30px; } .action-buttons { margin: 0 0 30px; text-align: left; } } .related-container { height: 180px; } .attributes { .attribute { display: inline-block; margin-right: 2em; .value { margin-top: 1em; } } } .keywords { display: inline-block; margin: 30px 0 20px 0; width: 100%; .title { margin-bottom: 30px; } .keyword { display: inline-block; line-height: 40px; margin-right: 5px; &.hide { display: none; } .value { background-color: @color-white-smoke; border: 1px solid @color-keyword-border-color; border-radius: 3px; color: @color-gray40; font-size: 15px; padding: 5px; text-transform: capitalize; } } button { margin-left: 10px; } } .adobe-stock-tabs { border-bottom: 1px solid @color-gray68; margin-top: 30px; .ui-state-default { border-bottom: none; } .ui-state-active { border-bottom: 0; font-weight: unset; letter-spacing: normal; margin-bottom: -1.1rem; } } .related-loader { height: 100px; left: 50%; margin-left: -50px; margin-top: 50px; position: absolute; width: 100px; } .adobe-stock-related-images-tab-content { display: inline-block; height: auto; max-height: 190px; vertical-align: middle; width: 100%; .ui-tabs-panel { margin-top: 30px; padding: 0; .thumbnail { display: inline-flex; height: 100px; margin-right: 10px; max-width: 150px; overflow: hidden; position: relative; vertical-align: middle; width: 100%; img { margin: 0 auto; max-width: initial; position: relative; width: auto; } } .see-more-wrapper { cursor: pointer; display: inline-block; max-height: 100px; max-width: 140px; text-align: center; vertical-align: middle; width: 100%; .see-more-content { padding: 30px; .three-dots { margin-bottom: 10px; .dots { background-color: @color-dots-background-color; border-radius: 50%; color: @color-white; content: '\22EE'; display: inline-block; height: 10px; line-height: 1; text-align: center; width: 10px; } } } } } } } .admin__form-field { .colorpicker-input { min-width: 70%; } } } // Start Save Prompt styling .adobe-stock-save-preview-prompt { .modal-inner-wrap { max-width: 650px; width: 100%; .modal-header { padding: 30px; .modal-title { margin: 0; } .action-close { right: 30px; top: 30px; } } .modal-content { .prompt-message { font-weight: normal; margin-bottom: 15px; p { word-break: break-all; } } .admin__field-wide { margin-bottom: 0; } .image-ext { color: @color-gray60; cursor: default; padding: .6rem 1rem .6rem; position: absolute; right: 0; top: 0; } .admin__field-with-image-ext { .admin__control-text { padding-right: 5rem; } } } .modal-footer { padding: 30px; .action-dismiss { color: @color-action-dismiss-color; margin-right: 35px; } } } } // End Save Prompt styling .admin__adobe-stock-image-checkbox { .admin__field-control._with-tooltip { .admin__form-field-label { display: inline-block; } .admin__field-tooltip { margin: -5px 0 0 5px; .admin__field-tooltip-action { &:before { line-height: initial; overflow: visible; } } } } } } @media (max-width: 1400px) { .adobe-stock-images-search-modal-content { .masonry-image-preview { .adobe-stock-related-images-tab-content { .ui-tabs-panel { .thumbnail { max-width: 130px; } .see-more-wrapper { width: auto; } } } } } } @media (max-width: 1024px) { .adobe-stock-images-search-modal-content { .masonry-image-preview { .container { margin: 0 60px; .preview-row-content { .info { .actions { .action-secondary { margin-bottom: 8px; } } } } } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_AdobeStockImageAdminUi/css/source/.htaccess000077700000000177151323550650026401 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdobeStockImageAdminUi/css/.htaccess000077700000000177151323550650025101 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdobeStockImageAdminUi/.htaccess000077700000000177151323550650024311 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdvancedCheckout/css/source/_module.less000077700000001472151323550650026061 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .add-by-sku-wrapper { .accordion & { margin: 0 0 @indent__base; } .add-sku-csv { .admin__field-label { &:before { display: none; } } } } .order-search-items { .col-select { text-align: center; .data-grid-checkbox-cell-inner { text-align: center; } } } .order-discounts { .action-secondary:not(:first-of-type) { margin-right: @indent__s; } } .order-errors { .admin__fieldset-wrapper { .title { &:extend(.message all); &:extend(.message-notice all); display: block; margin: 0 0 @indent__base; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_AdvancedCheckout/css/source/.htaccess000077700000000177151323550650025344 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdvancedCheckout/css/.htaccess000077700000000177151323550650024044 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdvancedCheckout/.htaccess000077700000000177151323550650023254 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdminNotification/css/source/_module.less000077700000007234151323550650026267 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @message-system__background-color: @color-lazy-sun; @message-system__border-color: @color-gray82; @message-system__border-width: .1rem; @message-system__color: @color-gray20; @message-system-short__padding-vertical: 1.5rem; @message-system-short-wrapper__height: 5rem; // Triangle marker @message-system-triangle__height: .5rem; @message-system-triangle__padding-right: 3rem; @message-system-triangle__width: .8rem; // // Message system // --------------------------------------------- .message-system-inner { &:extend(.abs-clearfix all); background: @message-system__background-color; border: solid @message-system__border-color; border-width: 0 @message-system__border-width @message-system__border-width; position: relative; .message-error { background: none; } .message { background: none; margin: 0 0 -3px; overflow: hidden; padding: @message-system-short__padding-vertical 0 @message-system-short__padding-vertical 3.3rem; &:before { left: .3rem; } } .action-menu-item { &.action-close-wrapper { width: 3.5rem; } .action-close { float: right; } float: right; padding: @message-system-short__padding-vertical 0 0; vertical-align: top; } } .message-system-list { border-bottom: 1px solid @message-system__border-color; border-top: 1px solid @message-system__border-color; list-style: none; margin: 0 0 1.5rem; li { + li { border-top: 1px dashed @message-system__border-color; } } } .message-system-short { min-height: @message-system-short-wrapper__height; .action-close-wrapper { display: none; } } .message-system-short-wrapper { overflow: hidden; padding: 0 1.5rem 0 1rem; } .message-system-collapsible { background: @message-system__background-color; border: @message-system__border-width solid @message-system__border-color; border-top: 0; display: none; left: -1px; padding: 0 @indent__l @message-system-short__padding-vertical; position: absolute; right: -1px; top: 100%; z-index: @z-index-5 - 2; ._active & { display: block; } } .message-system-action-dropdown { .lib-button-reset(); float: right; margin: @message-system-short__padding-vertical 0; position: relative; .action-toggle-triangle ( @_dropdown__padding-right: @message-system-triangle__padding-right; @_triangle__height: @message-system-triangle__height; @_triangle__width: @message-system-triangle__width; @_triangle__color: @message-system__color; @_triangle__hover__color: darken(@message-system__color, 10%); @_triangle__right: (@message-system-triangle__padding-right / 2) - (@message-system-triangle__width/ 2); ); } .message-system-summary { text-align: right; .action__message-log { border-right: 1px solid @message-system__border-color; display: inline-block; margin: 0 .2rem 0 @indent__xs; padding-right: @indent__xs; &:last-child { border-right: 0; margin: 0; padding: 0; } } } .notices-wrapper { .admin__data-grid-loading-mask { display: none; min-height: @message-system-short-wrapper__height + @message-system__border-width; z-index: @z-index-5 - 1; } .admin__data-grid-outer-wrap { min-height: 0; } } pub/static/adminhtml/Magento/backend/en_US/Magento_AdminNotification/css/source/.htaccess000077700000000177151323550650025550 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdminNotification/css/.htaccess000077700000000177151323550650024250 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_AdminNotification/.htaccess000077700000000177151323550650023460 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Rma/css/source/_module.less000077700000003242151323550650023402 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .rma-request-details, .rma-wrapper .order-shipping-address { float: left; /** * @codingStandardsIgnoreStart */ #mix-grid .width(6, 12); //@codingStandardsIgnoreEnd } .rma-confirmation, .rma-wrapper .order-return-address, .rma-wrapper .order-shipping-method { float: right; /** * @codingStandardsIgnoreStart */ #mix-grid .width(6, 12); //@codingStandardsIgnoreEnd } } .rma-items { .col-actions { .action-item-details, .action-item-split-line { &:extend(.abs-action-default all); margin: 0 0 @order-create-sidebar__margin__s; } .action-item-delete-line { &:extend(.abs-action-delete all); } .action { margin-right: @indent__xs; } } .admin__control-select { max-width: 10rem; } } .rma-items-block { .col-actions { a { &:extend(.abs-action-default all); margin: 0 0 @order-create-sidebar__margin__s; } } .col-reason { .admin__control-select + .admin__control-text { margin-top: @indent__xs; } } } .select-order-items-block, .rma-items-block { .admin__page-section-title { .actions { float: right; margin-bottom: 1.7rem; margin-top: -.3rem; } } } .col-rma-product { a { float: right; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Rma/css/source/.htaccess000077700000000177151323550650022670 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Rma/css/.htaccess000077700000000177151323550650021370 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Rma/.htaccess000077700000000177151323550650020600 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/styles.less000077700000007146151323550650017617 0ustar00 @import 'source/lib/_lib.less'; // Global lib @import (reference) 'source/_extends.less'; @import 'source/_sources.less'; // Theme @import '../Magento_AdobeIms/css/source/_module.less'; @import '../Magento_MediaGalleryUi/css/source/_module.less'; @import '../Magento_InventorySalesAdminUi/css/source/_module.less'; @import '../Magento_LoginAsCustomerAdminUi/css/source/_module.less'; @import '../Magento_MediaGalleryCatalogUi/css/source/_module.less'; @import '../Magento_AdobeStockImageAdminUi/css/source/_module.less'; @import '../Magento_ReCaptchaAdminUi/css/source/_module.less'; @import '../Expedux_Chitfund/css/source/_module.less'; @import '../Mageplaza_Core/css/source/_module.less'; @import '../Mageplaza_Smtp/css/source/_module.less'; @import '../PHPCuong_Faq/css/source/_module.less'; @import '../PayPal_Braintree/css/source/_module.less'; @import '../Smartwave_Megamenu/css/source/_module.less'; @import '../Vertex_Tax/css/source/_module.less'; @import '../Vertex_AddressValidation/css/source/_module.less'; @import '../Yotpo_Yotpo/css/source/_module.less'; @import '../Magento_AdminAnalytics/css/source/_module.less'; @import '../Magento_AdminNotification/css/source/_module.less'; @import '../Magento_AdvancedCheckout/css/source/_module.less'; @import '../Magento_Analytics/css/source/_module.less'; @import '../Magento_Backend/css/source/_module.less'; @import '../Magento_Banner/css/source/_module.less'; @import '../Magento_Catalog/css/source/_module.less'; @import '../Magento_CatalogPermissions/css/source/_module.less'; @import '../Magento_Cms/css/source/_module.less'; @import '../Magento_Config/css/source/_module.less'; @import '../Magento_ConfigurableProduct/css/source/_module.less'; @import '../Magento_CurrencySymbol/css/source/_module.less'; @import '../Magento_Customer/css/source/_module.less'; @import '../Magento_CustomerBalance/css/source/_module.less'; @import '../Magento_Downloadable/css/source/_module.less'; @import '../Magento_GiftCard/css/source/_module.less'; @import '../Magento_GiftRegistry/css/source/_module.less'; @import '../Magento_GiftWrapping/css/source/_module.less'; @import '../Magento_Integration/css/source/_module.less'; @import '../Magento_Marketplace/css/source/_module.less'; @import '../Magento_Paypal/css/source/_module.less'; @import '../Magento_ProductVideo/css/source/_module.less'; @import '../Magento_ReleaseNotification/css/source/_module.less'; @import '../Magento_Review/css/source/_module.less'; @import '../Magento_Reward/css/source/_module.less'; @import '../Magento_Rma/css/source/_module.less'; @import '../Magento_Sales/css/source/_module.less'; @import '../Magento_Shipping/css/source/_module.less'; @import '../Magento_Staging/css/source/_module.less'; @import '../Magento_Tax/css/source/_module.less'; @import '../Magento_Translation/css/source/_module.less'; @import '../Magento_Ui/css/source/_module.less'; @import '../Magento_Vault/css/source/_module.less'; @import '../Magento_VersionsCms/css/source/_module.less'; @import '../Magento_VisualMerchandiser/css/source/_module.less'; .attribute-popup { .page-wrapper { margin-left: 0; width: 100%; } .menu-wrapper, .page-header-hgroup, .page-header-actions { display: none; } } [class*='admin__'] { + label, + label:after, + label:before, &:before, &:after { box-sizing: border-box; } } td.col-date.col-date-min-width.col-created_at { min-width: 14rem; } .colorRed { color:red; } @import 'source/components/_calendar-temp.less'; @import 'source/components/_rules-temp.less'; @import 'source/_responsive.less'; @import 'source/_theme.less'; pub/static/adminhtml/Magento/backend/en_US/css/source/components/_calendar-temp.less000077700000017175151323550650024637 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // ToDo UI Align variables after complete migration to new styles @import '../lib/_lib.less'; // // Variables // _____________________________________________ @ui-datepicker-calendar__border-color: @color-gray68; @ui-datepicker-icon__color: @color-brownie; @ui-datepicker__background: @color-white; @ui-datepicker__border: 1px solid @color-blue-pure; @ui-datepicker__indent: 3px; @ui-datepicker__padding: 20px; @ui-datepicker__shadow: @component__box-shadow__base; // // Datepicker control // --------------------------------------------- ._has-datepicker { &.admin__control-text { padding-right: 3.5rem; width: 15rem; } + .ui-datepicker-trigger { .lib-button-reset(); .lib-icon-font( @_icon-font-content: @icon-calendar__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 2.1rem, @_icon-font-line-height: 32px, @_icon-font-text-hide: true, @_icon-font-position: after, @_icon-font-color: @ui-datepicker-icon__color ); display: inline-block; height: @action__height; margin-left: -@action__height; overflow: hidden; position: absolute; vertical-align: top; z-index: 1; + .admin__control-support-text, + .admin__control-label { margin-left: @action__height + .5rem; } img { display: none; } } } // // Container // --------------------------------------------- .ui-datepicker { box-sizing: border-box; display: none; opacity: @component-modal__opacity; padding: @ui-datepicker__padding + @ui-datepicker__indent @ui-datepicker__padding; width: auto; z-index: 999999 !important; &:before { background: @ui-datepicker__background; border: @ui-datepicker__border; bottom: @ui-datepicker__indent; box-shadow: @ui-datepicker__shadow; content: ''; display: block; left: 0; position: absolute; right: 0; top: @ui-datepicker__indent; z-index: 0; } } .ui-datepicker-header { padding: 0 0 10px; position: relative; z-index: 1; } // // Previous, next buttons // --------------------------------------------- .ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; line-height: 3rem; position: absolute; top: 0; span { &:extend(.abs-visually-hidden all); } &:before { color: @color-brownie; display: inline-block; font-size: 34px; } } .ui-datepicker-prev { left: 0; &:before { content: '\2039'; } } .ui-datepicker-next { right: 0; &:before { content: '\203A'; } } // // Title // --------------------------------------------- .ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin: 0 2.3em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; min-width: 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } // // Calendar table // --------------------------------------------- .ui-datepicker table { width: 100%; } .ui-datepicker table.ui-datepicker-calendar { background: @color-white; border: 0; border-collapse: collapse; position: relative; z-index: 1; thead { background: transparent; } tr { background: transparent; } tr th { background: transparent; border: 0; padding: 0; span { font-size: 12px; font-weight: 700; line-height: 28px; } } tr td { background: transparent; border: 1px solid @ui-datepicker-calendar__border-color; padding: 0; } span, a { box-sizing: border-box; color: @color-brownie; display: block; font-size: 14px; font-weight: 600; line-height: 38px; text-align: center; text-decoration: none; width: 38px; } .ui-state-disabled { span { background: @color-white-smoke; color: @color-gray60; } } .ui-state-active { background: @color-brownie; color: @color-white; } .ui-datepicker-today { a { border: 3px solid @ui-datepicker-calendar__border-color; line-height: 32px; } } } .ui-datepicker .ui-datepicker-buttonpane { overflow: hidden; padding-top: 15px; position: relative; white-space: nowrap; z-index: 1; button { background: @color-white; border: 1px solid @ui-datepicker-calendar__border-color; border-radius: 1px; box-sizing: border-box; color: @color-blue-dodger; float: left; font-size: 14px; line-height: 38px; padding: 0; text-align: center; width: 49%; } .ui-datepicker-close { float: right; } } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { margin-right: 6%; width: 47%; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 47%; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { border: 1px solid @color-gray-light4; text-align: center; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dd { margin: 0 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider-horizontal .ui-slider-handle { margin-left: -5px; } .ui-slider .ui-slider-handle { cursor: default; position: absolute; z-index: 2; } .ui-slider-horizontal { background: @ui-datepicker-calendar__border-color; border: none; border-radius: 10px; height: 10px; } .ui-slider-handle { background: @ui-datepicker-icon__color; border-radius: 10px; display: block; height: 10px; position: absolute; width: 10px; } .ui-timepicker-div { padding: 10px 0 5px 0; position: relative; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { left: auto; right: 2px; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { left: auto; right: 1px; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 1px; border-right-width: 0; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 1px; border-right-width: 0; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -22px; } .ui-timepicker-div dl .ui_tpicker_time_label { margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_file-insertion.less000077700000002102151323550650025032 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Block 'Insert File' // _________________________________________ .contents-uploader { margin: 0 0 @indent__base; .fileinput-button { cursor: pointer; display: inline-block; float: none; vertical-align: middle; span { font-weight: 600; padding-right: 1em; } input { -moz-transform: none; border: none; opacity: 1; position: static; transform: none; } } } .file-row { border: 1px solid @color-gray68; margin: @indent__xs 0; padding: 2px; } .filecnt { border: 1px solid @color-gray68; cursor: pointer; display: inline-block; margin: 0 @indent__xs 15px 0; overflow: hidden; padding: 3px; text-overflow: ellipsis; width: 100px; &.selected { border-color: @color-blue-dodger; } p { min-height: 72px; text-align: center; } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_data-tooltip.less000077700000007247151323550650024523 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @data-tooltip__background-color: @color-white; @data-tooltip__border-color: #007dbd; @data-tooltip__border-width: 1px; @data-tooltip__box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3); @data-tooltip__z-index: @overlay__z-index - 1; @data-tooltip-tail__height: 22px; @data-tooltip-tail__width: @data-tooltip-tail__height; @data-tooltip-tail__z-index: @z-index-1; // // Tooltip // _____________________________________________ .data-tooltip-trigger { cursor: pointer; } .data-tooltip-wrapper { max-width: 75%; position: absolute; top: 0; z-index: @data-tooltip__z-index; &._top { .data-tooltip-tail { display: block; left: 50%; margin-left: -@data-tooltip-tail__width / 2; top: -(@data-tooltip-tail__height / 2 - @data-tooltip__border-width); } } &._right { .data-tooltip-tail { display: block; margin-top: -@data-tooltip-tail__width / 2; right: @data-tooltip-tail__height / 2 + @data-tooltip__border-width; top: 50%; } } &._bottom { .data-tooltip-tail { bottom: @data-tooltip-tail__height / 2 + @data-tooltip__border-width; display: block; left: 50%; margin-left: -@data-tooltip-tail__width / 2; } } &._left { .data-tooltip-tail { display: block; left: -(@data-tooltip-tail__height / 2 - @data-tooltip__border-width); margin-top: -@data-tooltip-tail__width / 2; top: 50%; } } &._show { height: auto; opacity: 1; transition: opacity .2s linear; } &._hide { height: 0; opacity: 0; overflow: hidden; } } .data-tooltip { background-color: @data-tooltip__background-color; border: @data-tooltip__border-width solid @data-tooltip__border-color; box-shadow: @data-tooltip__box-shadow; padding: @indent__base; position: relative; z-index: @data-tooltip-tail__z-index; .action-close { position: absolute; right: @indent__base; top: @indent__base; &:focus { background: none; } } } .data-tooltip-title { font-size: 1.7rem; font-weight: @font-weight__semibold; margin: 0 @indent__base @indent__base 0; } .data-tooltip-content { .items { &:extend(.abs-list-reset-styles all); .item { margin: 0 0 1rem; &:last-child { margin-bottom: 0; } } } } .data-tooltip-tail { display: none; position: absolute; &:before { background-color: @data-tooltip__background-color; border: @data-tooltip__border-width solid @data-tooltip__border-color; box-shadow: @data-tooltip__box-shadow; content: ''; height: @data-tooltip-tail__height; left: 0; position: absolute; top: 0; transform: rotate(45deg); width: @data-tooltip-tail__width; z-index: @data-tooltip-tail__z-index - 1; } &:after { background-color: @data-tooltip__background-color; content: ''; height: @data-tooltip-tail__height - @data-tooltip__border-width * 2; left: @data-tooltip__border-width; position: absolute; top: @data-tooltip__border-width; transform: rotate(45deg); width: @data-tooltip-tail__width - @data-tooltip__border-width * 2; z-index: @data-tooltip-tail__z-index + 1; } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_color-picker.less000077700000031010151323550650024474 0ustar00 /*** Spectrum Colorpicker v1.8.0 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .colorpicker-spectrum { display: none; } .colorpicker-input { vertical-align: middle; width: 50% !important; } .sp-container { position:absolute; margin-top: 2px; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -20px; right: 0; left: 0; height: 14px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #ffffff; border: solid 1px #1979c3; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px solid @button__border-color; padding: 4px 5px; margin: 5px 0px 0px 0px; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid #1979c3; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: @button__hover__border-color; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; margin-top: 4px; } /* Replacer (the little preview div that shows up instead of the <input>) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; padding: 3px; display:inline-block; *zoom: 1; *display: inline; border: solid 1px @button__border-color; background: #eaeaea; color: #333; vertical-align: middle; box-sizing: border-box; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #1979c3; color: #111; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { height: 16px; line-height: 16px; float:left; font-size:10px; display: none; } .sp-preview { position:relative; width: 25px; height: 25px; border: solid 1px @button__border-color; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); margin-top: 4px; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: @button__background-color; border: 1px solid @button__border-color; color: #333; font-size: @button__font-size; line-height: @button__line-height; padding: 5px 4px; text-align: center; vertical-align: middle; } .sp-container button:hover { background-color: @button__hover__background-color; border: 1px solid @button__border-color; cursor: pointer; } .sp-container button:active { border: 1px solid #aaa; } .sp-cancel { font-size: @button__font-size; color: #1979c3 !important; margin:0; padding:2px; margin-right: 15px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgc3R5bGU9ImJhY2tncm91bmQ6I2ZmZiIgdmlld0JveD0iMCAwIDI1IDI1Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik0wLjUsMC41IEwyNS41LDI0LjUiLz4KPC9zdmc+Cg==); } .sp-palette-row-selection { padding-top: 10px; } .sp-palette-row-selection:before { content: "Favorite Colors"; } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_spinner.less000077700000004122151323550650023565 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Spinner // _____________________________________________ // Base spinner .spinner { ._spinner-loop( @spinner-spin-count, @spinner-rotate, @spinner-delay ); ._spinner-keyframes(); display: inline-block; font-size: @spinner__base-size; height: 1em; margin-right: 1.5rem; position: relative; width: 1em; > span { ._spinner_transform(); background-color: @spinner-second-color; border-radius: @spinner-border-radius; clip: rect(0 1em/3.5 .1em 0); height: .1em; margin-top: 1em / 2; position: absolute; width: 1em; } } // ToDo UI: remove old loaders style while loaders redesign .popup-loading { background: rgba(255, 255, 255, .8); border-color: @color-light-phoenix; color: @color-light-phoenix; font-size: 14px; font-weight: bold; left: 50%; margin-left: -100px; padding: 100px 0 10px; position: fixed; text-align: center; top: 40%; width: 200px; z-index: 1003; &:after { background-image: url('@{baseDir}images/loader-1.gif'); content: ''; height: 64px; left: 50%; margin: -32px 0 0 -32px; position: absolute; top: 40%; width: 64px; z-index: 2; } } // Loading mask .loading-old, .loading-mask { background: rgba(255, 255, 255, .4); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 2003; img { display: none; } p { margin-top: 118px; } .loader { background: @color-ivory url('@{baseDir}images/loader-1.gif') no-repeat 50% 30%; border-radius: 5px; bottom: 0; color: @color-gray34; font-size: 14px; font-weight: bold; height: 160px; left: 0; margin: auto; opacity: .95; position: absolute; right: 0; text-align: center; top: 0; width: 160px; } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_media-gallery.less000077700000027210151323550650024626 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Image Management Variables // _____________________________________________ @image-gallery__margin-bottom: 3rem; @image-gallery-image-hidden__z-index: @image-gallery-image__z-index + 1; @image-gallery-image__margin: 1.2rem; @image-gallery-image__z-index: 1; @image-gallery-image-title__font-size: 1.3rem; @image-gallery-image-resolution__color: @color-very-dark-gray; @image-gallery-image-resolution__font-size: @font-size__s; @image-gallery-placeholder-icon__color: @color-gray80; @image-gallery-placeholder-icon__size: 6rem; @image-gallery-placeholder__background: @color-white; @image-gallery-placeholder__border: 1px solid @color-gray80; @image-gallery-placeholder__height: 150px; @image-gallery-placeholder__width: @image-gallery-placeholder__height; @image-gallery-icons__color: @color-gray62; @image-gallery-icons__hover__color: @color-gray52; @image-gallery-action__z-index: @image-gallery-image-hidden__z-index + 1; @image-gallery-fade__z-index: @image-gallery-action__z-index + 1; // // Image Management // _____________________________________________ .gallery { &:extend(.abs-clearfix all); overflow: hidden; } .image { background: @image-gallery-placeholder__background; box-sizing: border-box; display: inline-block; margin: 1.2rem; position: relative; vertical-align: top; width: @image-gallery-placeholder__width; .product-image-wrapper { background: @image-gallery-placeholder__background; border: @image-gallery-placeholder__border; box-sizing: border-box; cursor: pointer; height: @image-gallery-placeholder__height; line-height: 1; margin-bottom: @indent__s; overflow: hidden; position: relative; width: @image-gallery-placeholder__width; &:hover { .product-image { opacity: .5; } } } .product-image { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: @image-gallery-image__z-index; } // Image Placeholder &.image-placeholder { height: @image-gallery-placeholder__height; .product-image-wrapper { .lib-icon-font( @icon-camera__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: @image-gallery-placeholder-icon__size, @_icon-font-color: @image-gallery-placeholder-icon__color, @_icon-font-text-hide: true ); &:before { left: 0; position: absolute; right: 0; top: 20px; z-index: @image-gallery-image__z-index; } } .fileinput-button { margin: 0; } .fileinput-button, .image-browse { // TODO UI: remove after check on configurable product bottom: 0; left: 0; position: absolute; right: 0; top: 0; > span { display: none; } } input[type='file'] { border: 500px solid transparent; bottom: 0; cursor: pointer; font-size: 10em; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: @image-gallery-action__z-index; } .spinner { display: none; } &.loading, .file-row { .spinner { background: @color-white; display: block; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: @image-gallery-fade__z-index; > span { left: 50%; margin: 0 0 0 -@indent__base; top: 50%; } } } .file-row { background: @color-white url("@{baseDir}mui/images/ajax-loader-big.gif") no-repeat 50% 50%; bottom: 0; height: 100%; left: 0; margin: auto; overflow: hidden; position: absolute; right: 0; text-indent: -999em; top: 0; width: 100%; z-index: 5; } } .image-placeholder-text { bottom: 0; color: @color-blue-dodger; font-size: @image-gallery-image-title__font-size; left: 0; line-height: 1.333; margin-bottom: 15%; padding: 0 @indent__s; position: absolute; right: 0; text-align: center; } &.ui-sortable-placeholder { background: @color-blue-clear-sky; border: 1px solid @color-blue-dodger; visibility: visible !important; } // Actions .action-remove { &:extend(.abs-action-reset all); bottom: 12px; cursor: pointer; height: 20px; left: 6px; position: absolute; width: 20px; z-index: @image-gallery-action__z-index; .lib-icon-font( @icon-delete__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 2rem, @_icon-font-color: @image-gallery-icons__color, @_icon-font-color-hover: @image-gallery-icons__hover__color, @_icon-font-text-hide: true, @_icon-font-display: block ); } .draggable-handle { cursor: move; height: 20px; left: 2px; margin: 0; position: absolute; top: 4px; width: 20px; z-index: @image-gallery-action__z-index; .lib-icon-font( @icon-gripper__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 1.8rem, @_icon-font-color: @image-gallery-icons__color, @_icon-font-color-hover: @image-gallery-icons__hover__color ); } .image-fade { .lib-font-size(18); background: rgba(255, 255, 255, .8); bottom: 0; color: @color-gray62; content: attr(data-image-hidden-label); font-weight: @font-weight__semibold; left: 0; line-height: @image-gallery-placeholder__height; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; visibility: hidden; z-index: @image-gallery-image-hidden__z-index; } &.hidden-for-front { .image-fade { visibility: visible; } } .item-description { margin-bottom: @indent__s; } .item-title { .lib-text-overflow(); font-size: @image-gallery-image-title__font-size; } .item-size { color: @image-gallery-image-resolution__color; font-size: @image-gallery-image-resolution__font-size; } .item-roles { .lib-list-inline(); font-size: 0; } .item-role { background: @color-gray89; color: @color-brownie; cursor: pointer; font-size: @font-size__s; line-height: 1; margin: 0 .4rem .4rem 0; padding: .6rem; } } // // Gallery image panel // --------------------------------------------- .image-panel { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(row); background: @color-white; border-bottom: 1px solid @color-gray76; box-shadow: inset 0 1px 3px @color-gray80; margin: 0 0 1.5rem; padding: @indent__base 1.5rem; .admin__fieldset { .admin__field:not(.admin__field-inline) { &:extend(.abs-field-rows all); } } .admin__field-inline { .admin__field-label { text-align: left; width: 30%; } .admin__field-value { overflow: hidden; padding-left: @indent__base; } } } .image-panel-controls, .image-panel-preview { -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; box-flex: 1; flex: 1; } .image-panel-preview { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; img { display: block; margin: auto; } } .image-panel-controls { -ms-flex: 0 0 33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33%; flex: 0 0 33%; padding-left: @indent__l; .image-name { .lib-font-size(16); color: @color-gray40; display: block; } .action-delete, .action-remove { &:extend(.abs-action-reset all); margin: 0 0 35px; .lib-icon-font( @icon-delete__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 1.8rem, @_icon-font-color: @image-gallery-icons__color, @_icon-font-color-hover: @image-gallery-icons__hover__color, @_icon-font-text-hide: true ); } .fieldset-image-panel { padding: @indent__base @indent__xs 0 0; .field { margin-bottom: @indent__s; } .label { margin-bottom: @indent__s; padding-top: 0; text-align: left; width: 100%; } } .fieldset-image-panel .field > .control, .image-panel-controls textarea { resize: vertical; width: 100%; } } .image-file-params { .lib-font-size(11); color: @color-gray40; margin: 0 0 @indent__s; } // // Custom Multiselect // _____________________________________________ .image-panel-controls, .gallery { // ToDo UI: remove after new gallery images editing design implementation .multiselect-alt { border: 1px solid @color-gray80; border-radius: 5px; color: @color-gray20; list-style: none; margin: 0; padding: 0; .item { border-top: 1px solid @color-white; cursor: pointer; position: relative; &:first-child { border-top: 0; } &.selected { background: @color-blue-clear-sky; &:hover { background: darken(@color-blue-clear-sky, 10%); } label { .lib-icon-font( @icon-check-mage__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 1.4rem, @_icon-font-color: @color-blue-dodger ); &:before { left: 8px; position: absolute; top: 6px; width: 17px; } } } } label { cursor: pointer; display: block; padding: 6px @indent__m @indent__xs; } input[type='checkbox'] { height: 0; margin: 0; opacity: 0; padding: 0; width: 0; } } } // // Restore default value // _____________________________________________ .admin__field-service-gallery { float: right; &[data-config-scope] { &:before { color: @field-scope__color; content: attr(data-config-scope); display: block; font-size: @font-size__s; line-height: 3.2rem; } } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_popups.less000077700000023224151323550650023441 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components -> Popups // _____________________________________________ // // Jquery UI popup window // _____________________________________________ .ui-dialog { .appearing__off(); background: @popup__background-color; min-width: 40%; transform: scale(.7); transition: all .3s; width: 75%; &.ui-dialog-active { .appearing__on(); transform: scale(1); } &.ui-draggable { .ui-dialog-titlebar { cursor: move; } } .ui-dialog-titlebar { color: @popup-title__color; font-size: @popup-title__font-size; line-height: @popup-title__line-height; padding: @popup__padding__vertical @popup__padding__horizontal * 2 @popup__padding__vertical @popup__padding__horizontal; } .ui-dialog-titlebar-close { cursor: pointer; .lib-icon-font( @_icon-font-content: @popup-close-icon__content, @_icon-font: @popup-close-icon__font, @_icon-font-size: @popup-close-icon__font-size, @_icon-font-color: @popup-close-icon__color, @_icon-font-color-hover: @popup-close-icon__hover__color ); position: absolute; right: @popup-close-icon__right; top: @popup-close-icon__top - .3; .ui-icon { display: none; } &.ui-state-hover { border: none; } } .ui-dialog-content { overflow: auto; padding: 0 @popup__padding__horizontal @popup__padding__vertical; .fieldset { padding-left: 0; padding-right: 0; } } .ui-dialog-buttonpane { padding: 0 @popup__padding__horizontal @popup__padding__vertical; } .content + .ui-dialog-buttonset { padding-top: @popup__padding__vertical; text-align: right; } .ui-dialog-buttonset { &:extend(.abs-clearfix all); } .action-close { &:extend(.abs-action-tertiary all); font-size: @button__large__font-size; margin: 0 0 0 @popup__padding__horizontal; padding: @button__large__padding-vertical 0; &:before { content: normal; } span { overflow: auto; position: static; } } .ui-button, .action-primary { &:extend(.abs-action-secondary all); &:extend(.abs-action-l all); float: right; margin: 0 0 0 @popup__padding__horizontal; } .fieldset { &:last-child { padding-bottom: 0; } } .main-col, .side-col { float: left; padding-bottom: 0; &:after { display: none; } } .side-col { width: 20%; } .main-col { padding-right: 0; width: 80%; } .grid, .pager { padding-bottom: 0; } .grid-actions { padding-top: 0; } .ui-resizable { position: relative; } .ui-resizable-handle { display: block; font-size: .1px; position: absolute; } .ui-resizable-disabled, .ui-resizable-autohide { .ui-resizable-handle { display: none; } } .ui-resizable-n { cursor: n-resize; height: 7px; left: 0; top: -5px; width: 100%; } .ui-resizable-s { bottom: 0; cursor: s-resize; height: 7px; left: 0; width: 100%; } .ui-resizable-e { cursor: e-resize; height: 100%; right: 0; top: 0; width: 7px; } .ui-resizable-w { cursor: w-resize; height: 100%; left: -7px; top: 0; width: 7px; } .ui-resizable-se { bottom: 1px; cursor: se-resize; height: 12px; right: 1px; width: 12px; } .ui-resizable-sw { bottom: 0; cursor: sw-resize; height: 9px; left: -5px; width: 9px; } .ui-resizable-nw { cursor: nw-resize; height: 9px; left: -5px; top: -5px; width: 9px; } .ui-resizable-ne { cursor: ne-resize; height: 9px; right: 0; top: -5px; width: 9px; } // // Block 'Insert File' // ----------------------------------------- .main-col, .magento-message { .insert-title-inner { &:extend(.abs-clearfix all); border-bottom: 1px solid @color-gray68; margin: 0 0 @indent__base; padding-bottom: @indent__xs; } .insert-actions { float: right; } .title { font-size: @font-size__l; padding-top: @indent__xs; } .main-col-inner .uploader { border: 1px solid @color-gray68; margin: 0 0 @indent__s; padding: @indent__xs; } .breadcrumbs { list-style: none; padding-left: 0; li { display: inline-block; margin: 0 @indent__xs @indent__xs 0; &:after { content: ''; margin: 0 @indent__xs 0 0; } } } .contents-uploader { margin: 0 0 @indent__base; } .fileinput-button { cursor: pointer; display: inline-block; float: none; vertical-align: middle; span { display: none; } input { -moz-transform: none; border: none; opacity: 1; position: static; transform: none; } } .file-row { border: 1px solid @color-gray68; margin: @indent__xs 0; padding: 2px; } .filecnt { border: 1px solid @color-gray68; display: inline-block; margin: 0 @indent__xs 15px 0; overflow: hidden; padding: 3px; text-overflow: ellipsis; width: 100px; &.selected { border-color: @color-blue-dodger; } p { text-align: center; } } .contents-uploader { &:extend(.abs-clearfix all); } .x-tree { margin-bottom: @indent__base; } } } .ui-dialog { .admin__fieldset { > .admin__legend { float: none; font-size: 1.8rem; margin: 0 0 @indent__base @popup-fieldset__margin-left; width: auto; } .product-options { margin-left: @popup-fieldset__margin-left; .admin__field-control { margin-bottom: @indent__base; } } } } // The message/dialog popup .ui-popup-message { .ui-dialog-titlebar { background: @color-lazy-sun; font-size: 1.4rem; font-weight: @font-weight__bold; padding: 2rem 2rem 0 7.5rem; } .ui-dialog-titlebar-close { right: 1.5rem; top: 1rem; &:before { font-size: 1.4rem; } } .ui-dialog-content { background: @color-lazy-sun; margin-bottom: 0; overflow: inherit; padding: 0 2rem 2rem; .messages, .message { &:last-child { margin-bottom: 0; } } .message { &:first-child { padding-top: 0; &:before { top: 0; } } &:last-child { padding-bottom: 0; } } } .ui-dialog-buttonpane { background: @color-lazy-sun; padding: 0 2rem 2rem; } } // // Block 'Insert Variable' // _____________________________________________ .insert-variable { list-style: none; margin: 0; padding: 0; li { margin-top: @indent__xs; padding-left: @indent__s; b { display: inline-block; margin-left: -@indent__s; } } } // // Attribute Popup // _____________________________________________ .attribute-popup { // ToDo UI: remove or refactor after New attribute popup refactored to sliding panel .page-content { padding: 0; } } .attribute-popup-actions { // ToDo UI: remove or refactor after New attribute popup refactored to sliding panel &:extend(.abs-clearfix all); background: @page-main-actions__background-color; border-bottom: 1px solid @page-main-actions__border-color; border-top: 1px solid @page-main-actions__border-color; padding: @page-main-actions__padding; &.page-actions { float: none; } &.fixed { // ToDo UI: remove or refactor after New attribute popup refactored to sliding panel background: @color-white !important; border-bottom: 0 !important; left: 0 !important; padding: @popup__padding !important; .page-actions-buttons { padding-right: 0; } } .action-default { &.reset { &:extend(.abs-action-tertiary all); font-size: @button__large__font-size; padding: @button__large__padding-vertical 0; } } .page-actions-buttons > button.action-default.primary { &:extend(.abs-action-secondary all); &:extend(.abs-action-l all); float: right; } .page-actions-inner { &:before { display: none; } } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_image-uploader.less000077700000001702151323550650025003 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components -> Image Uploader // _____________________________________________ .image-uploader { .image-upload-requirements { font-size: .9em; margin-top: 8px; } .image-placeholder { margin-left: 0; margin-right: 0; } .image-uploader-spinner { background-size: auto; height: 50%; margin: 0; position: absolute; transform: translate(50%, 50%); width: 50%; } .image-uploader-preview { width: auto; } .image-uploader-preview-link, .image-uploader-preview-link .preview-image { display: block; height: inherit; margin-left: auto; margin-right: auto; } } .image-uploader._loading { .image-placeholder-text, .product-image-wrapper:before { display: none; } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_popups-old.less000077700000007466151323550650024227 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Prototype popup window // _____________________________________________ // Prototype popup window is used to display WYSIWYG // ToDo UI: Remove after complete Prototype removing .popup-window { background: @popup__background-color; &.dialog { z-index: 900 !important; } .table_window > tbody > tr > td { background: @popup__background-color; border: 0; padding: 0; } .magento_close { &:extend(.ui-dialog .ui-dialog-titlebar-close all); } .magento_title { &:extend(.ui-dialog .ui-dialog-titlebar all); } .magento-message { padding: 0 @popup__padding__horizontal @popup__padding__vertical; position: relative; } .magento_content { height: auto !important; .buttons-set { margin: 0 0 15px; button { margin-right: 4px; } } } .magento_buttons { &:extend(.abs-clearfix all); padding: 0 @popup__padding__horizontal @popup__padding__vertical; text-align: right; .ok_button { &:extend(.ui-dialog .action-primary all); float: right; margin: 0 0 0 @popup__padding__horizontal; } .cancel_button { &:extend(.ui-dialog .action-close all); } } } .ui-widget-overlay { &:extend(.abs-modal-overlay all); } .overlay_magento { &:extend(.abs-modal-overlay all); z-index: 800 !important; } // // Old popup window // _____________________________________________ // ToDo UI: old popups should be replaced by jquery UI popup .fade { &:extend(.abs-modal-overlay all); z-index: 1000; .popup { background: @popup__background-color; border: 0; border-radius: 0; display: inline-block; left: 12.5%; position: absolute; text-align: left; top: 5rem; width: 75%; .close { &:extend(.ui-dialog .ui-dialog-titlebar-close all); } } .popup-inner { padding: 0; } .popup-title { &:extend(.ui-dialog .ui-dialog-titlebar all); background: @color-lazy-sun; font-size: 1.4rem; font-weight: @font-weight__bold; padding: 2rem 2rem 0 7.5rem; } .popup-header { .popup-title { margin: 0; } } .popup-content { &:extend(.abs-clearfix all); background: @color-lazy-sun; padding: 0 2rem 2rem; p { margin-top: 0; } .messages { &:last-child { margin-bottom: 0; } } .message { &:first-child { padding-top: 0; &:before { top: 0; } } &:last-child { padding-bottom: 0; } } } .fieldset { background: @color-lazy-sun; border: 0; margin: 1.5rem 0 1.5rem 1.5rem; padding: 0; } .maintenance-checkbox-container { padding-left: 20%; } .messages { margin: 0 !important; } .actions { &:extend(.abs-clearfix all); margin: 0; text-align: right; .primary { &:extend(.ui-dialog .action-primary all); float: right; line-height: inherit; margin: 0 0 0 @popup__padding__horizontal; &:hover { box-shadow: none; } } .cancel { line-height: inherit; &:extend(.ui-dialog .action-close all); &:hover { box-shadow: none; } } } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_url_input.less000077700000001710151323550650024130 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components -> Url Input // _____________________________________________ .url-input-container { .type-selector-input-container { align-items: stretch; display: flex; flex-flow: row wrap; justify-content: space-around; } .url-input-select { flex-grow: 0; } .url-input-element-linked-element { flex-grow: 1; margin-left: 1.5em; } .url-input-setting { clear: both; display: block; &:before { clear: both; content: ""; } } .admin__action-multiselect-text { &.warning { color: #F00; } } .action-close, .action-close:active { margin-right: 3.2rem; padding: 0.8rem 1.5rem 0.6rem; &:before { font-size: 1.5rem; } } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_messages.less000077700000006305151323550650023723 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @alert__font-size: @font-size__base; @alert__font-style: @font-style__base; @alert__font-weight: @font-weight__regular; @alert__color: @color-gray20; @alert__background-color: @color-lazy-sun; @alert__error__background-color: @color-pink; @alert__spinner__font-size: 2.5rem; // // Alert Icons // --------------------------------------------- @alert-icon__font-name: @icons-admin__font-name; @alert-icon__font-size: 1.9rem; @alert-icon__notice__content: @icon-info__content; @alert-icon__notice__color: @color-blue-pure; @alert-icon__warning__content: @icon-warning__content; @alert-icon__warning__color: @color-phoenix; @alert-icon__progress__content: @icon-refresh__content; @alert-icon__progress__color: @color-blue-dodger; @alert-icon__success__content: @icon-check-mage__content; @alert-icon__success__color: @color-green-apple; @alert-icon__error__content: @icon-error__content; @alert-icon__error__color: @color-tomato-brick; @alert-icon__error__font-size: 1.5rem; // // Messages // --------------------------------------------- .messages { .message { .lib-wrap-words(); &:last-child { margin: 0 0 2rem; } } } .message { background: @alert__background-color; border: none; border-radius: 0; color: @alert__color; font-size: @alert__font-size; margin: 0 0 1px; padding: 1.8rem 4rem 1.8rem 5.5rem; position: relative; text-shadow: none; &:before { background: none; border: 0; color: @alert-icon__notice__color; content: @alert-icon__notice__content; font-family: @alert-icon__font-name; font-size: @alert-icon__font-size; font-style: @alert__font-style; font-weight: @alert__font-weight; height: auto; left: 1.9rem; line-height: inherit; position: absolute; speak: none; text-shadow: none; top: 50%; margin-top: -1.25rem; width: auto; } } .message-notice { &:before { color: @alert-icon__notice__color; content: @alert-icon__notice__content; } } .message-warning { &:before { color: @alert-icon__warning__color; content: @alert-icon__warning__content; } } .message-progress { &:before { color: @alert-icon__progress__color; content: @alert-icon__progress__content; } } .message-error { background: @alert__error__background-color; &:before { color: @alert-icon__error__color; content: @alert-icon__error__content; font-size: @alert-icon__error__font-size; left: 2.2rem; margin-top: -1.1rem; } } .message-success { &:before { color: @alert-icon__success__color; content: @alert-icon__success__content; } } .message-spinner { &:before { display: none; } .spinner { font-size: @alert__spinner__font-size; left: 1.5rem; position: absolute; top: 1.5rem; } } .message-in-rating-edit { margin-left: 1.8rem; margin-right: 1.8rem; } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_resizable-block.less000077700000010006151323550650025155 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components -> Resizable Block // _____________________________________________ // // Variables // --------------------------------------------- @resizable-block-angle-handle__default__height: 12px; @resizable-block-angle-handle__default__width: 12px; @resizable-block-side-handle__default__size: 7px; @resizable-block-side-handle__custom__background-color: @color-gray89; @resizable-block-side-handle__custom__border-color: @color-gray-light2; @resizable-block-side-handle__custom__color: @color-gray40; @resizable-block-side-handle__custom__font-size: 1.6rem; // // Extends // _____________________________________________ .abs-block-resizable { height: 15rem; min-height: 15rem; } // Resizable Block Content .abs-block-resizable-content { height: 100%; margin-bottom: @indent__base; min-height: 15rem; overflow: auto; position: relative; z-index: 1; } // Bottom handle .abs-block-resizable-handle-bottom { background: @resizable-block-side-handle__custom__background-color; border: 1px solid @resizable-block-side-handle__custom__border-color; bottom: auto; color: @resizable-block-side-handle__custom__color; font-size: @resizable-block-side-handle__custom__font-size; font-weight: @font-weight__bold; height: auto; left: -1px; letter-spacing: .1rem; line-height: @resizable-block-side-handle__custom__font-size; padding-bottom: .3rem; right: -1px; text-align: center; top: 100%; width: auto; &:before { content: ':::::'; } } // // Default Resizable Styles // --------------------------------------------- .ui-resizable { position: relative; } .ui-resizable-handle { display: block; font-size: .1px; position: absolute; touch-action: none; } .ui-resizable-n { cursor: n-resize; height: @resizable-block-side-handle__default__size; left: 0; top: -@resizable-block-side-handle__default__size/2; width: 100%; } .ui-resizable-s { bottom: -@resizable-block-side-handle__default__size/2; cursor: s-resize; height: @resizable-block-side-handle__default__size; left: 0; width: 100%; } .ui-resizable-e { cursor: e-resize; height: 100%; right: -@resizable-block-side-handle__default__size/2; top: 0; width: @resizable-block-side-handle__default__size; } .ui-resizable-w { cursor: w-resize; height: 100%; left: -@resizable-block-side-handle__default__size/2; top: 0; width: @resizable-block-side-handle__default__size; } .ui-resizable-se { bottom: -@resizable-block-angle-handle__default__height/2; cursor: se-resize; height: @resizable-block-angle-handle__default__height; right: -@resizable-block-angle-handle__default__width/2; width: @resizable-block-angle-handle__default__width; } .ui-resizable-sw { bottom: -@resizable-block-angle-handle__default__height/2; cursor: sw-resize; height: @resizable-block-angle-handle__default__height; left: -@resizable-block-angle-handle__default__width/2; width: @resizable-block-angle-handle__default__width; } .ui-resizable-nw { cursor: nw-resize; height: @resizable-block-angle-handle__default__height; left: -@resizable-block-angle-handle__default__width/2; top: -@resizable-block-angle-handle__default__height/2; width: @resizable-block-angle-handle__default__width; } .ui-resizable-ne { cursor: ne-resize; height: @resizable-block-angle-handle__default__height; right: -@resizable-block-angle-handle__default__width/2; top: -@resizable-block-angle-handle__default__height/2; width: @resizable-block-angle-handle__default__width; } // // Container // --------------------------------------------- .block-resizable { &:extend(.abs-block-resizable all); .block-content { &:extend(.abs-block-resizable-content all); } .ui-resizable-s { &:extend(.abs-block-resizable-handle-bottom all); } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_file-uploader.less000077700000026445151323550650024653 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components -> Single File Uploader // _____________________________________________ // // Variables // --------------------------------------------- @file-uploader-preview__border-color: @color-lighter-grayish; @file-uploader-preview__background-color: @color-white; @file-uploader-preview-focus__color: @color-blue2; @file-uploader-document-icon__color: @color-gray80; @file-uploader-document-icon__size: 7rem; @file-uploader-document-icon__z-index: @data-grid-file-uploader-image__z-index + 1; @file-uploader-video-icon__color: @color-gray80; @file-uploader-video-icon__size: 4rem; @file-uploader-video-icon__z-index: @data-grid-file-uploader-image__z-index + 1; @file-uploader-placeholder-icon__color: @color-gray80; @file-uploader-placeholder-icon__z-index: @data-grid-file-uploader-image__z-index + 1; @file-uploader-delete-icon__color: @color-brownie; @file-uploader-delete-icon__hover__color: @color-brownie-vanilla; @file-uploader-delete-icon__font-size: 2rem; @file-uploader-muted-text__color: @color-gray62; @file-uploader-preview__width: 150px; @file-uploader-preview__height: @file-uploader-preview__width; @file-uploader-preview__opacity: .7; @file-uploader-spinner-dimensions: 15px; @file-uploader-dragover__background: @color-gray83; @file-uploader-dragover-focus__color: @color-blue2; // Grid uploader @data-grid-file-uploader-image__size: 5rem; @data-grid-file-uploader-image__z-index: 1; @data-grid-file-uploader-menu-button__width: 2rem; @data-grid-file-uploader-upload-icon__color: @color-darker-gray; @data-grid-file-uploader-upload-icon__hover__color: @color-very-dark-gray; @data-grid-file-uploader-upload-icon__line-height: 48px; @data-grid-file-uploader-wrapper__size: @data-grid-file-uploader-image__size + 2rem; // // Single file uploader // --------------------------------------------- .file-uploader-area { position: relative; input[type='file'] { cursor: pointer; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; &:focus { + .file-uploader-button { box-shadow: 0 0 0 1px @file-uploader-preview-focus__color; } } &:disabled { + .file-uploader-button { cursor: default; opacity: .5; pointer-events: none; } } } } .file-uploader-summary { display: inline-block; vertical-align: top; } .file-uploader-button { cursor: pointer; display: inline-block; &._is-dragover { background: @file-uploader-dragover__background; border: 1px solid @file-uploader-preview-focus__color; } } .file-uploader-spinner { background-image: url('@{baseDir}images/loader-1.gif'); background-position: 50%; background-repeat: no-repeat; background-size: @file-uploader-spinner-dimensions; display: none; height: 30px; margin-left: @indent__s; vertical-align: top; width: @file-uploader-spinner-dimensions; } .file-uploader-preview { .action-remove { &:extend(.abs-action-reset all); .lib-icon-font ( @icon-delete__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: @file-uploader-delete-icon__font-size, @_icon-font-color: @file-uploader-delete-icon__color, @_icon-font-color-hover: @file-uploader-delete-icon__hover__color, @_icon-font-text-hide: true, @_icon-font-display: block ); bottom: 4px; cursor: pointer; display: block; height: 27px; left: 6px; position: absolute; text-decoration: none; width: 25px; z-index: 2; } &:hover { .preview-image img, .preview-link:before { opacity: @file-uploader-preview__opacity; } } .preview-link { display: block; height: 100%; } .preview-image img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .preview-video { .lib-icon-font( @icon-video__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: @file-uploader-video-icon__size, @_icon-font-color: @file-uploader-video-icon__color, @_icon-font-color-hover: @file-uploader-video-icon__color ); &:before { left: 0; margin-top: -@file-uploader-video-icon__size / 2; position: absolute; right: 0; top: 50%; z-index: @file-uploader-video-icon__z-index; } } .preview-document { .lib-icon-font( @icon-document__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: @file-uploader-document-icon__size, @_icon-font-color: @file-uploader-document-icon__color, @_icon-font-color-hover: @file-uploader-document-icon__color ); &:before { left: 0; margin-top: -@file-uploader-document-icon__size / 2; position: absolute; right: 0; top: 50%; z-index: @file-uploader-document-icon__z-index; } } } .file-uploader-preview, .file-uploader-placeholder { background: @file-uploader-preview__background-color; border: 1px solid @file-uploader-preview__border-color; box-sizing: border-box; cursor: pointer; display: block; height: @file-uploader-preview__height; line-height: 1; margin: @indent__s @indent__m @indent__s 0; overflow: hidden; position: relative; width: @file-uploader-preview__width; } .file-uploader { &._loading { .file-uploader-spinner { display: inline-block; } } .admin__field-note, .admin__field-error { margin-bottom: @indent__s; } .file-uploader-filename { .lib-text-overflow(); max-width: @file-uploader-preview__width; word-break: break-all; &:first-child { margin-bottom: @indent__s; } } .file-uploader-meta { color: @file-uploader-muted-text__color; } .admin__field-fallback-reset { margin-left: @indent__s; } ._keyfocus & .action-remove { &:focus { box-shadow: 0 0 0 1px @file-uploader-preview-focus__color; } } } // Placeholder for multiple uploader .file-uploader-placeholder { &.placeholder-document { .lib-icon-font( @icon-document__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 5rem, @_icon-font-color: @file-uploader-placeholder-icon__color, @_icon-font-color-hover: @file-uploader-placeholder-icon__color ); &:before { left: 0; position: absolute; right: 0; top: 20px; z-index: @file-uploader-placeholder-icon__z-index; } } &.placeholder-image { .lib-icon-font( @icon-camera__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 5rem, @_icon-font-color: @file-uploader-placeholder-icon__color, @_icon-font-color-hover: @file-uploader-placeholder-icon__color ); &:before { left: 0; position: absolute; right: 0; top: 20px; z-index: @file-uploader-placeholder-icon__z-index; } } &.placeholder-video { .lib-icon-font( @icon-video__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 3rem, @_icon-font-color: @file-uploader-placeholder-icon__color, @_icon-font-color-hover: @file-uploader-placeholder-icon__color ); &:before { left: 0; position: absolute; right: 0; top: 30px; z-index: @file-uploader-placeholder-icon__z-index; } } } .file-uploader-placeholder-text { bottom: 0; color: @color-blue-dodger; font-size: 1.1rem; left: 0; line-height: @line-height__base; margin-bottom: 15%; padding: 0 @indent__base; position: absolute; right: 0; text-align: center; } // // Grid image uploader // --------------------------------------------- .data-grid-file-uploader { min-width: @data-grid-file-uploader-wrapper__size; &._loading { .file-uploader-spinner { display: block; } .file-uploader-button { &:before { display: none; } } } .file-uploader-image { background: transparent; bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: @data-grid-file-uploader-image__z-index; + .file-uploader-area { .file-uploader-button { &:before { display: none; } } } } .file-uploader-area { z-index: @data-grid-file-uploader-image__z-index + 1; } .file-uploader-spinner { height: 100%; margin: 0; position: absolute; top: 0; width: 100%; } .file-uploader-button { display: block; height: @data-grid-file-uploader-upload-icon__line-height; text-align: center; .lib-icon-font ( @icon-plus__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 1.3rem, @_icon-font-line-height: @data-grid-file-uploader-upload-icon__line-height, @_icon-font-color: @data-grid-file-uploader-upload-icon__color, @_icon-font-color-hover: @data-grid-file-uploader-upload-icon__hover__color, @_icon-font-text-hide: true, @_icon-font-display: block ); } .action-select-wrap { float: left; .action-select { border: 1px solid @file-uploader-preview__border-color; display: block; height: @data-grid-file-uploader-image__size; margin-left: -1px; padding: 0; width: @data-grid-file-uploader-menu-button__width; &:after { border-color: @data-grid-file-uploader-upload-icon__color transparent transparent transparent; left: 50%; margin: 0 0 0 -5px; } &:hover { &:after { border-color: @data-grid-file-uploader-upload-icon__hover__color transparent transparent transparent; } } > span { display: none; } } .action-menu { left: 4rem; right: auto; z-index: @data-grid-file-uploader-image__z-index + 1; } } } .data-grid-file-uploader-inner { border: 1px solid @file-uploader-preview__border-color; float: left; height: @data-grid-file-uploader-image__size; position: relative; width: @data-grid-file-uploader-image__size; } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_slider.less000077700000005524151323550650023400 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @data-slider-track__background-color: @color-gray-light3; @data-slider-track__font-size: 1.1rem; @data-slider-track__height: .1rem; @data-slider-track__width: 100%; @data-slider-track__z-index: @z-index-1; @data-slider-handle__background-color: @color-white-smoke; @data-slider-handle__border-color: @color-gray76; @data-slider-handle__box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .03); @data-slider-handle__height: 2.2rem; @data-slider-handle__width: @data-slider-handle__height; @data-slider-handle-accent__background-color__end: @color-white-fog; @data-slider-handle-accent__background-color__start: @color-gray-light2; @data-slider-handle-accent__height: .8rem; @data-slider-handle-accent__width: @data-slider-handle-accent__height; // // Slider // _____________________________________________ .data-slider { &:extend(.abs-clearfix all); background: none; font-size: @data-slider-track__font-size; min-height: @data-slider-handle__height; padding-top: 1.2rem; position: relative; width: @data-slider-track__width; &:before { background: @data-slider-track__background-color; content: ''; display: block; height: @data-slider-track__height; position: absolute; top: 0; width: 100%; z-index: @data-slider-track__z-index; } .ui-slider-handle { .data-slider-handle; } } .data-slider-from { float: left; } .data-slider-to { float: right; } .data-slider-handle { background: @data-slider-handle__background-color; border: 1px solid @data-slider-handle__border-color; border-radius: 50%; box-shadow: @data-slider-handle__box-shadow; cursor: pointer; display: block; height: @data-slider-handle__height; margin-left: -@data-slider-handle__width / 2 !important; position: absolute; top: -@data-slider-handle__height / 2; width: @data-slider-handle__width; z-index: @data-slider-track__z-index + 1 !important; &:before { .lib-background-gradient( @_background-gradient: true, @_background-gradient-direction: vertical, @_background-gradient-color-start: @data-slider-handle-accent__background-color__start, @_background-gradient-color-end: @data-slider-handle-accent__background-color__end, @_background-gradient-color-position: false ); border-radius: 50%; content: ''; display: block; height: @data-slider-handle-accent__height; left: 50%; margin: -@data-slider-handle-accent__height / 2 0 0 -@data-slider-handle-accent__width / 2; position: absolute; top: 50%; width: @data-slider-handle-accent__width; } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_modals_extend.less000077700000014020151323550650024733 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components -> Modals // _____________________________________________ // // Variables // --------------------------------------------- @modal-title__color: @text__color; @modal-title-span__font-size: @font-size__base; @modal-popup-title__font-size: 2.4rem; @modal-slide-title__font-size: 2.1rem; @modal-action-close__color: @color-brownie-vanilla; @modal-action-close__font-size: 2rem; @modal-action-close__active__font-size: 1.8rem; @modal-action-close__hover__color: darken(@color-brownie-vanilla, 10%); @modal-popup-footer-button__margin: 2rem; @modal-popup-footer-button__padding: 1.4rem; @modal-popup-footer-button__font-size: 1.5rem; @modal-popup-footer-button__color: @color-brownie; @modal-popup-colored__background: @color-lazy-sun; @modal-popup-colorless__background: @color-white; @modal-prompt-message__padding: 2rem; // .modals-overlay { &:extend(.abs-modal-overlay all); } .modal-popup, .modal-slide { .action-close { color: @modal-action-close__color; position: absolute; right: 0; top: 0; z-index: 1; &:active { transform: none; &:before { font-size: @modal-action-close__active__font-size; } } &:hover { &:before { color: @modal-action-close__hover__color; } } &:before { font-size: @modal-action-close__font-size; } &:focus { background-color: transparent; } } } .modal-popup { &.prompt { .prompt-message { padding-bottom: @modal-prompt-message__padding; input { width: 100%; } } } &.confirm, &.prompt { .modal-inner-wrap { .message:not(.message-error) { background: @modal-popup-colorless__background; } } } &.modal-system-messages { .modal-inner-wrap { background: @modal-popup-colored__background; } } &._image-box { .modal-inner-wrap { margin: 5rem auto; max-width: @modal-popup-image-box__max-width; position: static; } .thumbnail-preview { padding-bottom: @indent__l; text-align: center; .thumbnail-preview-image-block { border: 1px solid @modal-popup-image-box__border-color; margin: 0 auto @indent__base; max-width: @modal-popup-image-box-preview__max-width; padding: @indent__base; } .thumbnail-preview-image { max-height: @modal-popup-image-box-preview-image__max-height; } } } .modal-title { font-size: @modal-popup-title__font-size; margin-right: @modal-popup-title__font-size + @modal-popup__padding + 1rem; } .action-close { padding: @modal-popup__padding @modal-popup__padding; &:active { padding-right: @modal-popup__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 3; padding-top: @modal-popup__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 3; } } .modal-footer { padding-top: @modal-slide__padding; text-align: right; .action-primary { &:extend(.abs-action-secondary all); &:extend(.abs-action-l all); } .action-secondary { &:extend(.abs-action-tertiary all); &:extend(.abs-action-l all); } } .action-close { padding: @modal-popup__padding - 2; &:active, &:focus { background: transparent; padding-right: @modal-popup__padding - 2; padding-top: @modal-popup__padding - 2; } } } .modal-slide { .modal-content-new-attribute { -webkit-overflow-scrolling: touch; overflow: auto; padding-bottom: 0; iframe { margin-bottom: -@indent__m; } } .modal-title { font-size: @modal-slide-title__font-size; margin-right: @modal-slide-title__font-size + @modal-slide__padding + 1rem; } .action-close { padding: @modal-slide-header__padding-vertical @modal-slide__padding; &:active { padding-right: @modal-slide__padding + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 2; padding-top: @modal-slide-header__padding-vertical + (@modal-action-close__font-size - @modal-action-close__active__font-size) / 2; } } .page-main-actions { margin-bottom: @modal-slide-header__padding-vertical - @page-main-actions__padding; margin-top: @modal-slide-header__padding-vertical; } .magento-message { padding: 0 @popup__padding__horizontal @popup__padding__vertical; position: relative; } .main-col, .magento-message { .insert-title-inner { &:extend(.abs-clearfix all); border-bottom: 1px solid @color-gray68; margin: 0 0 @indent__base; padding-bottom: @indent__xs; } .insert-actions { float: right; } .title { font-size: @font-size__l; padding-top: @indent__xs; } } .main-col, .side-col { float: left; padding-bottom: 0; &:after { display: none; } } .side-col { width: 20%; } .main-col { padding-right: 0; width: 80%; } .content-footer { .form-buttons { float: right; } } } .modal-title { font-weight: @font-weight__regular; margin-bottom: 0; min-height: 1em; span { font-size: @modal-title-span__font-size; font-style: @font-style__emphasis; margin-left: @indent__s; } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_rules-temp.less000077700000004136151323550650024211 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Rule tree component // _____________________________________________ .rule-tree-wrapper { line-height: 28px; } .rule-tree { .admin__field-control & { padding-top: .3rem; } ul { border-left: 1px dotted @color-gray52; list-style: none; padding-left: 16px; } li { margin: 0 0 10px; } .x-tree ul { border-left: none !important; padding-left: 0 !important; } .x-tree li { margin-bottom: 0 !important; line-height: normal !important; } .legend { font-weight: @font-weight__semibold; } } .rule-tree .fieldset { border: 0; margin: 0; min-width: 0; // Fixed Chrome fieldset issue padding: 0; } @-moz-document url-prefix() { // Fixed Firefox fieldset issue .rule-tree .fieldset { display: table-cell; } } .rule-param .label { color: @color-black; float: none; padding: 0; text-align: left; vertical-align: baseline; width: auto; } .rule-param .label-disabled { color: @color-gray-darken0; cursor: default; text-decoration: none; } .rule-chooser, .rule-param .element, .rule-param-edit .label { display: none; } .rule-chooser .field-row { .lib-clearfix(); display: block; margin-bottom: 17px; .input-text { margin-top: 5px; } .ui-datepicker-trigger { margin-left: 5px; margin-top: -2px; } } .rule-param input, .rule-param select { margin: 0; min-width: 170px; width: auto !important; } .rule-param-edit .element { display: inline; } .rule-param-edit .element .addafter { padding-left: 5px; } [class^='rule-param-'], .rule-chooser-trigger { img { vertical-align: middle; } } .rule-chooser { border: 1px solid @color-gray80; margin: 20px; overflow: auto; padding: 15px 10px 5px; } .rule-param-wait { background: url(../mui/images/ajax-loader-small.gif) no-repeat left center; padding-left: 20px; } pub/static/adminhtml/Magento/backend/en_US/css/source/components/_modals.less000077700000014425151323550650023375 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Lib -> Components -> Modals // _____________________________________________ // // Variables // --------------------------------------------- @import '../../source/_variables.less'; @modal__background-color: @color-white; @modal__box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35); @modal-popup__indent-vertical: 5rem; @modal-popup__padding: 3rem; @modal-popup__width: 75%; @modal-popup__z-index: @modal__z-index; @modal-slide__first__indent-left: 14.8rem; @modal-slide__indent-left: 4.5rem; @modal-slide__padding: 2.6rem; @modal-slide__z-index: @modal__z-index; @modal-slide-header__padding-vertical: 2.1rem; @modal-popup-confirm__width: 50rem; @modal-popup-image-box__border-color: @color-gray80; @modal-popup-image-box__max-width: 78rem; @modal-popup-image-box-preview__max-width: @modal-popup-image-box-preview-image__max-height + (2 * @indent__base); @modal-popup-image-box-preview-image__max-height: 54rem; // // Utilities // --------------------------------------------- .lib-modal() { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; &._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .modal-inner-wrap { .lib-css(background-color, @modal__background-color); .lib-css(box-shadow, @modal__box-shadow); opacity: 1; pointer-events: auto; } } .lib-modal-slide() { .lib-css(left, @modal-slide__first__indent-left); .lib-css(z-index, @modal-slide__z-index); &._show { .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } } .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; width: auto; } } .lib-modal-popup() { .lib-css(z-index, @modal-popup__z-index); left: 0; overflow-y: auto; &.confirm { .modal-inner-wrap { .lib-css(max-width, @modal-popup-confirm__width); } } &._show { .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } } .modal-inner-wrap { .lib-css(margin, @modal-popup__indent-vertical auto); .lib-css(width, @modal-popup__width); .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(column); box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; } } // // Common // _____________________________________________ & when (@media-common = true) { body { &._has-modal { height: 100%; overflow: hidden; width: 100%; } } // Modals overlay .modals-overlay { .lib-css(z-index, @overlay__z-index); } .modal-slide, .modal-popup { .lib-modal(); } .modal-slide { .lib-modal-slide(); &._inner-scroll { .modal-inner-wrap { overflow-y: visible; .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(column); } .modal-header, .modal-footer { .lib-vendor-prefix-flex-grow(0); .lib-vendor-prefix-flex-shrink(0); } .modal-content { overflow-y: auto; } .modal-footer { margin-top: auto; } } .modal-header, .modal-content, .modal-footer { .lib-css(padding, 0 @modal-slide__padding @modal-slide__padding); } .modal-header { .lib-css(padding-bottom, @modal-slide-header__padding-vertical); .lib-css(padding-top, @modal-slide-header__padding-vertical); } } .modal-popup { .lib-modal-popup(); // If applied, switching outer popup scroll to inner &._inner-scroll { overflow-y: visible; .ie11 & { overflow-y: auto; } .modal-inner-wrap { max-height: 90%; .ie11 & { max-height: none; } } .modal-content { overflow-y: auto; } } .modal-header, .modal-content, .modal-footer { .lib-css(padding-left, @modal-popup__padding); .lib-css(padding-right, @modal-popup__padding); } .modal-header, .modal-footer { .lib-vendor-prefix-flex-grow(0); .lib-vendor-prefix-flex-shrink(0); } .modal-header { .lib-css(padding-bottom, @modal-popup__padding / 2.5); .lib-css(padding-top, @modal-popup__padding); } .modal-footer { margin-top: auto; .lib-css(padding-bottom, @modal-popup__padding); .lib-css(padding-top, @modal-popup__padding); } .modal-footer-actions { text-align: right; } } } // // Mobile // _____________________________________________ // Mobile transform to modal-slide .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .modal-popup { &.modal-slide { .lib-modal-slide(); .modal-inner-wrap { margin: 0; max-height: none; } } } } pub/static/adminhtml/Magento/backend/en_US/css/source/components/.htaccess000077700000000177151323550650022664 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/components/_timeline.less000077700000022056151323550650023723 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @timeline__background-color: @color-white-fog2; @timeline__border-color: @color-gray60; @timeline__margin-top: @indent__base; @timeline__scale: 1; @timeline__no-records__background-color: @color-white; @timeline-item__height: 3.6rem; @timeline-unit__width: 100%/7; @timeline-event__background-color: #ccf391; @timeline-event__border-color: #81c21d; @timeline-event__active__background-color: #bceeff; @timeline-event__active__border-color: #56c2e6; @timeline-event__active__permanent__color: @color-blue-pure; @timeline-event__no-records__background-color: transparent; @timeline-event__no-records__border-color: transparent; @timeline-event__no-records__color: @color-gray20; @timeline-action__color: #76c004; @timeline-action__active__color: #56c2e6; @timeline-summary__background-color: #86de00; @timeline-summary__active__background-color: #79dcff; @timeline-legend__color: @color-very-dark-gray; @timeline-past__boder-color: fade(@color-tomato-brick, 55); @timeline-date__background-color: @color-white; @timeline-date__color: @color-very-dark-gray-black; @timeline-date__padding: 1rem .3rem; @timeline-priority-scale__color: @color-gray80; @timeline-unit-gradient-end__color: #979999; @timeline-unit-gradient-start__color: #3e4040; // // Timeline // --------------------------------------------- .timeline { &:extend(.abs-clearer); margin-top: @timeline__margin-top; position: relative; z-index: 1; } .timeline-content { background: @timeline__background-color; border: 1px solid @timeline__border-color; margin-bottom: @indent__base; overflow-x: scroll; overflow-y: hidden; position: relative; &._from-now { padding-left: 50px; } &._no-records { background: @timeline__no-records__background-color; } } .timeline-past { background: linear-gradient(to left, fade(@color-white, .1), fade(@color-white, 50) 25%, @color-white); border-right: 2px solid @timeline-past__boder-color; height: 100%; left: 0; position: absolute; top: 0; width: 50px; z-index: 3; } .timeline-scale { float: right; width: 160px; } .timeline-legend { float: left; } .timeline-legend-item { color: @timeline-legend__color; display: inline-block; line-height: 2rem; vertical-align: middle; &:before { border: 1px solid @timeline__border-color; content: ''; display: inline-block; height: 2rem; margin-right: 5px; vertical-align: middle; width: 2rem; } &._update-status-active, &._active { &:before { background: @timeline-event__active__background-color; } } &._update-status-upcoming, &._upcoming { &:before { background: @timeline-event__background-color; } } } // // Timeline items // --------------------------------------------- .timeline-items { .extend__list-reset-styles(); min-height: @timeline-item__height * 7; position: relative; } .timeline-item { height: @timeline-item__height; position: relative; z-index: 2; & + .timeline-item { margin-top: -1px; } ._no-records & { margin-top: -@timeline-item__height; position: absolute; top: 50%; width: 100%; } } .timeline-event { .lib-vendor-prefix-display(flex); background: @timeline-event__background-color; border: 1px solid @timeline-event__border-color; cursor: pointer; height: @timeline-item__height; left: -1px; min-width: 5.5rem; overflow: hidden; padding: 0 @indent__s; position: absolute; right: 0; white-space: nowrap; width: auto; ._permanent._active &, ._no-records & { justify-content: center; text-align: center; } ._permanent._active & { color: @timeline-event__active__permanent__color; } .timeline-item._active & { background: @timeline-event__active__background-color; border-color: @timeline-event__active__border-color; } ._scroll-start:not(._active) & { padding-left: @indent__l; } ._scroll-end & { padding-right: @indent__l; } ._permanent & { margin-right: 23px; overflow: visible; } ._no-records & { background: @timeline-event__no-records__background-color; border-color: @timeline-event__no-records__border-color; color: @timeline-event__no-records__color; cursor: default; } } .timeline-event-title { .lib-vendor-prefix-flex-shrink(1); display: inline-block; font-weight: @font-weight__semibold; line-height: 3.4rem; max-width: 100%; min-width: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; ._no-records & { font-weight: @font-weight__regular; } } .timeline-event-info { display: inline-block; line-height: 3.4rem; vertical-align: top; } .timeline-event-details { display: none; } .timeline-action { bottom: 0; display: none; margin: auto; position: absolute; right: 10px; top: 0; > span { .hidden(); } &:extend(.abs-action-reset all); &:active { .scale(); } &:before { &:extend(.abs-icon all); .transition(color); color: @timeline-action__color; content: @icon-arrow-right__content; font-size: 1.8rem; } &:hover { cursor: pointer; text-decoration: none; } .timeline-item._active & { &:before { color: @timeline-action__active__color; } } &._tostart { left: 10px; right: auto; &:before { content: @icon-arrow-left__content; } .timeline-item._scroll-start:not(._active) & { display: block; } } &._toend { .timeline-item._scroll-end & { display: block; } .timeline-item._permanent & { display: none; } } } // // Timeline svg endings // --------------------------------------------- svg { .timeline-event & { display: none; height: 3.6rem; margin-right: -2.4rem; position: absolute; right: 0; top: -1px; width: 2.8rem; } ._permanent .timeline-event & { display: block; } } // Initial symbol styles .svg__timeline-ending { fill: inherit; stroke: inherit; } .svg__timeline-arrow { stroke: transparent; } // Context symbol use styles .timeline-ending { color: @timeline-summary__background-color; fill: @timeline-event__background-color; stroke: @timeline-event__border-color; .timeline-item._active & { color: @timeline-summary__active__background-color; fill: @timeline-event__active__background-color; stroke: @timeline-event__active__border-color; } } // // Timeline units row // --------------------------------------------- .timeline-units { .extend__list-reset-styles(); font-size: 0; white-space: nowrap; } .timeline-unit { border-right: 1px solid @timeline__border-color; display: inline-block; list-style-type: none; margin: 0; padding: 0; width: @timeline-unit__width/@timeline__scale; &:last-child { border-right: 0; } &:before { background-image: repeating-linear-gradient( 180deg, transparent, transparent 5px, @timeline-unit-gradient-start__color 5px, @timeline-unit-gradient-start__color 6px, @timeline-unit-gradient-end__color 6px, @timeline-unit-gradient-end__color 7px ); bottom: 0; content: ''; margin-left: -1px; position: absolute; top: @font-size__tiny + 2rem + .2rem; width: 1px; z-index: 0; } &:first-child { &:before { content: none; } } ._no-records & { &:before { display: none; } } } .timeline-date { background: @timeline-date__background-color; border-bottom: 1px solid @timeline__border-color; color: @timeline-date__color; display: block; font-size: @font-size__tiny; line-height: 1; max-width: 100%; overflow: hidden; padding: @timeline-date__padding; text-align: center; text-overflow: ellipsis; } // // Priority scale // --------------------------------------------- .timeline-priority { float: left; font-size: 1.1rem; font-weight: @font-weight__semibold; margin-right: 1.8rem; margin-top: @timeline__margin-top; text-align: center; } .timeline-priority-title { font-weight: @font-weight__bold; padding: @timeline-date__padding; } .timeline-priority-scale { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 210px solid @timeline-priority-scale__color; height: 0; margin: @indent__xs auto; width: 0; } pub/static/adminhtml/Magento/backend/en_US/css/source/_responsive.less000077700000003260151323550650022121 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Media variables, that can be used for splitting styles into several files // _____________________________________________ // Sets whether to output common styles (true|false) @media-common: true; // Sets target device for styles output ('all' | 'desktop' | 'mobile') @media-target: 'all'; // // Media width mixin used to group styles output based on media queries // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { } // // Style groups for 'mobile' devices // _____________________________________________ & when (@media-target = 'desktop'), (@media-target = 'all') { @media all and (max-width: (@screen__l - 1)) { .media-width('max', @screen__l); } @media all and (min-width: @screen__m) { .media-width('min', @screen__m); } @media all and (min-width: @screen__l) { .media-width('min', @screen__l); } @media all and (min-width: @screen__xl) { .media-width('min', @screen__xl); } } // // Style groups for 'desktop' devices // _____________________________________________ & when (@media-target = 'mobile'), (@media-target = 'all') { @media all and (min-width: @screen__s) { .media-width('min', @screen__s); } @media all and (max-width: (@screen__m - 1)) { .media-width('max', @screen__m); } @media all and (max-width: (@screen__s - 1)) { .media-width('max', @screen__s); } @media all and (max-width: (@screen__xs - 1)) { .media-width('max', @screen__xs); } } pub/static/adminhtml/Magento/backend/en_US/css/source/_actions.less000077700000026036151323550650021372 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Imports // _____________________________________________ @import 'actions/_actions-dropdown.less'; @import 'actions/_actions-split.less'; @import 'actions/_actions-select.less'; @import 'actions/_actions-multicheck.less'; @import 'actions/_actions-multiselect.less'; @import 'actions/_actions-switcher.less'; // // Extends // _____________________________________________ .abs-action-reset { .action-reset(); } .abs-action-pattern { &[disabled], &.disabled { cursor: default; opacity: @disabled__opacity; pointer-events: none; } border: @button__border-size @button__border-style; border-radius: 0; // ToDo UI Delete with admin scope display: inline-block; font-family: @button__font-family; font-size: @button__font-size; font-weight: @font-weight__semibold; line-height: @button__line-height; padding: @button__padding-top @button__padding-horizontal @button__padding-bottom; text-align: center; vertical-align: baseline; } .abs-action-l { font-size: @font-size__l; letter-spacing: .025em; padding-bottom: @button__padding-vertical__l; padding-top: @button__padding-vertical__l; } .abs-action-delete { &:extend(.abs-action-reset all); &:extend(.abs-icon all); display: inline-block; font-size: 1.6rem; margin-left: 1.2rem; padding-top: .7rem; text-decoration: none; vertical-align: middle; &:after { color: @color-very-dark-gray; content: @icon-delete__content; } &:hover { &:after { color: @color-very-dark-gray-black2; } } > span { &:extend(.abs-visually-hidden all); } } .abs-action-button-as-link { .lib-button-as-link(@_margin: false); .lib-css(font-weight, @font-weight__regular); border-radius: 0; &:active, &:not(:focus) { box-shadow: none; } &:focus { color: @link__hover__color; } } .abs-action-default { .action-default(); } .abs-action-primary { .action-primary(); } .abs-action-secondary { .action-secondary(); } .abs-action-tertiary { .action-tertiary(); } .abs-action-quaternary { .action-quaternary(); } .abs-action-menu { .action-menu(); } // Triangle Wrap .abs-action-wrap-triangle { position: relative; .action-default { width: 100%; &:before, &:after { border-style: solid; content: ''; height: 0; position: absolute; top: 0; width: 0; } &:active, &:hover, &:focus { box-shadow: none; } &:focus { ._keyfocus & { box-shadow: @button__hover__box-shadow; } } } } // Right Triangle .abs-action-wrap-triangle-right { display: inline-block; padding-right: @button-triangle__base__size - .1; position: relative; .action-default { &:before, &:after { border-color: transparent transparent transparent @button__background-color; border-width: @button-triangle__base__size 0 (@button-triangle__base__size - .1) @button-triangle__base__size; left: 100%; margin-left: -(@button-triangle__base__size); } &:before { border-left-color: @button-triangle__base__border-color; right: -1px; } &:hover, &:active, &:focus { &:after { border-left-color: @button__hover__background-color; } } } .action-primary { &:after { border-color: transparent transparent transparent @button-primary__background-color; } &:hover, &:active, &:focus { &:after { border-left-color: @button-primary__hover__background-color; } } } } // Left Triangle .abs-action-wrap-triangle-left { display: inline-block; padding-left: @button-triangle__base__size - .1; .action-default { text-indent: -(@button-triangle__base__size) / 2; &:before, &:after { border-color: transparent @button__background-color transparent transparent; border-width: @button-triangle__base__size @button-triangle__base__size (@button-triangle__base__size - .1) 0; margin-right: -(@button-triangle__base__size); right: 100%; } &:before { border-right-color: @button-triangle__base__border-color; left: -1px; } &:hover, &:active, &:focus { &:after { border-right-color: @button__hover__background-color; } } } .action-primary { &:after { border-color: transparent @button-primary__background-color transparent transparent; } &:hover, &:active, &:focus { &:after { border-right-color: @button-primary__hover__background-color; } } } } // // Default action // --------------------------------------------- .action-default, button { &:extend(.abs-action-pattern all); background: @button__background-color; border-color: @button__border-color; color: @button__color; &:hover, &:active, &:focus { background-color: @button__hover__background-color; color: @button__color; text-decoration: none; } } // // Primary action // --------------------------------------------- .action-primary { &:extend(.abs-action-pattern all); background-color: @button-primary__background-color; border-color: @button-primary__background-color; color: @button-primary__color; text-shadow: 1px 1px 0 rgba(0, 0, 0, .25); &:hover, &:active, &:focus { background-color: @button-primary__hover__background-color; border-color: @button-primary__hover__border-color; box-shadow: @button__hover__box-shadow; color: @button-primary__color; text-decoration: none; } &.disabled, &[disabled] { cursor: default; opacity: @disabled__opacity; pointer-events: none; } } // // Secondary action // --------------------------------------------- .action-secondary { &:extend(.abs-action-pattern all); background-color: @button-secondary__background-color; border-color: @button-secondary__border-color; color: @button-secondary__color; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); &:hover, &:active, &:focus { background-color: @button-secondary__hover__background-color; border-color: @button-secondary__hover__border-color; box-shadow: @button__hover__box-shadow; color: @button-secondary__color; text-decoration: none; } &:active { background-color: @button-secondary__active__background-color; } } // // Tertiary action & Quaternary action // --------------------------------------------- .action-tertiary, .action-quaternary { &:extend(.abs-action-pattern all); background-color: transparent; border-color: transparent; text-shadow: none; &:active, &:hover, &:focus { background-color: transparent; border-color: transparent; box-shadow: none; } } .action-tertiary { color: @link__color; &:active, &:hover, &:focus { color: @link__hover__color; text-decoration: underline; } } .action-quaternary { color: @text__color; &:active, &:hover, &:focus { color: darken(@text__color, 10%); } } // // Specific actions // --------------------------------------------- .action-close { > span { .hidden(); } &:extend(.abs-action-reset all); &:active { .scale(); } &:before { &:extend(.abs-icon all); content: @icon-close-mage__content; .transition(color); } &:hover { cursor: pointer; text-decoration: none; } } .action-basic { &:extend(.abs-action-secondary all); } .action-additional { &:extend(.abs-action-button-as-link all); } // // Action menu // --------------------------------------------- // Used in actions split, action select and all other simple (one line) action menu list .action-menu { background-color: @page-wrapper__background-color; border: 1px solid @action__active__border-color; border-radius: 1px; box-shadow: @component__box-shadow__base; color: @text__color; display: none; font-weight: @font-weight__regular; left: 0; list-style: none; margin: 2px 0 0; // Action box-shadow + 1px indent min-width: 0; // ToDo UI Should be deleted with old styles padding: 0; position: absolute; right: 0; top: 100%; &._active { display: block; } > li { border: none; // ToDo UI Should be deleted with old styles display: block; padding: 0; transition: background-color .1s linear; > a { &:hover { text-decoration: none; } } &._visible { background-color: @action-menu__hover__background-color; } &:hover { background-color: @action-menu__hover__background-color; } &:active { background-color: darken(@action-menu__hover__background-color, 10%); } &._parent { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(row); display: flex; flex-direction: row; > .action-menu-item { min-width: 100%; } &::after { border-color: transparent transparent transparent @color-black; border-style: solid; border-width: .4rem 0 .4rem .5rem; content: ''; height: 0; position: relative; right: 1.2rem; top: 1.4rem; width: 0; } } } .item, .action-menu-item { cursor: pointer; display: block; padding: .6875em 1em; } .action-submenu { &:extend(.action-menu all); bottom: auto; left: auto; margin-left: 0; margin-top: -1px; position: absolute; right: auto; top: auto; } a { &.action-menu-item { color: @text__color; &:focus { background-color: @action-menu__hover__background-color; box-shadow: none; } } } } // // ToDo UI: Button migration // _____________________________________________ button { &:extend(.abs-action-default all); &.primary { &:extend(.abs-action-primary all); } &.secondary { &:extend(.abs-action-secondary all); } &.tertiary { &:extend(.abs-action-tertiary all); } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_grids.less000077700000011573151323550650021610 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Grid mixins // _____________________________________________ // You shouldn't need to touch this! Internal use only. @column-width: 1; @total-columns: 1; @gutter-width: 1; @grid-width: (@column-width*@total-columns) + (@gutter-width*(@total-columns - 1)); .lib-column-wrapper() { width: 100%; } .lib-inline-column-wrapper() when not (@using-ieclasses) { letter-spacing: -.31em; *letter-spacing: normal; word-spacing: -.43em; } .lib-inline-column-wrapper() when (@using-ieclasses) { letter-spacing: -.31em; word-spacing: -.43em; } .lib-column() { float: left; .lib-column-gutter(); } .lib-column(@span) when (@span = false) { float: left; } .lib-column( @span, @total-columns: @total-columns, @end-column: false ) when (isnumber(@span)) and (isnumber(@total-columns)) and not (isnumber(@end-column)) { @showgutter: false; .lib-column(@showgutter); .lib-span(@span, @total-columns); } .lib-column( @span, @total-columns: @total-columns, @end-column: false ) when (isnumber(@span)) and (isnumber(@total-columns)) and (@end-column = true) { @showgutter: false; .lib-column(@showgutter); .lib-span( @span, @total-columns ); .lib-end-column(); } .lib-column( @span, @end-column ) when (isnumber(@span)) and not (isnumber(@end-column)) { @showgutter: false; .lib-column(@showgutter); .lib-span(@span); } .lib-column( @span, @end-column ) when (isnumber(@span)) and ( @end-column = true ) { @showgutter: false; .lib-column(@showgutter); .lib-span(@span); .lib-end-column(); } .lib-inline-column() { .lib-column-gutter(); display: inline-block; letter-spacing: normal; vertical-align: top; word-spacing: normal; } .lib-inline-column(@span) when (@span = false) { display: inline-block; letter-spacing: normal; vertical-align: top; word-spacing: normal; } .lib-inline-column( @span, @total-columns: @total-columns, @end-column: false ) when (isnumber(@span)) and (isnumber(@total-columns)) { @showgutter: false; .lib-inline-column(@showgutter); .lib-span( @span, @total-columns ); } .lib-inline-column( @span, @total-columns: @total-columns, @end-column: false ) when (isnumber(@span)) and (@end-column = true) { @showgutter: false; .lib-inline-column(@showgutter); .lib-span( @span, @total-columns ); .lib-inline-end-column(); } .lib-inline-column( @span, @end-column ) when not (isnumber(@end-column)) { @showgutter: false; .lib-inline-column(@showgutter); .lib-span(@span); } .lib-inline-column( @span, @end-column ) when (@end-column = true) { @showgutter: false; .lib-inline-column(@showgutter); .lib-span(@span); .lib-inline-end-column(); } .lib-end-column() { margin-right: 0; float: right; } .lib-inline-end-column() { margin-right: 0; } .lib-span(@span) { .lib-column-width( @span, @total-columns ); } .lib-span( @span, @total-columns ) when (isnumber(@total-columns)) { .lib-column-width( @span, @total-columns ); .lib-column-gutter(@total-columns); } .lib-pre-pad( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)) / @grid-width); .lib-css(padding-left, @calc-column-width); } .lib-post-pad( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)) / @grid-width); .lib-css(padding-right, @calc-column-width); } .lib-pre-push( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)) / @grid-width); .lib-css(margin-left, @calc-column-width); } .lib-post-push( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)+@gutter-width) / @grid-width); .lib-css(margin-right, @calc-column-width); } .lib-post-push-end( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)) / @grid-width); .lib-css(margin-right, @calc-column-width); } .lib-column-width( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)-@gutter-width) / @grid-width); .lib-css(width, @calc-column-width); } .lib-column-gutter( @total-columns: @total-columns, @end-column: false ) when (@end-column) { margin-right: 0; } .lib-column-gutter( @total-columns: @total-columns, @end-column: false ) when not (@end-column) { @calc-gutter-width: 100%*(@gutter-width/@grid-width); .lib-css(margin-right, @calc-gutter-width); } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_pages.less000077700000041153151323550650021574 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Pager // _____________________________________________ // // When pager items have solid or don't have background // --------------------------------------------- .lib-pager( @_pager-label-display: @pager-label__display, @_pager-item-display: @pager-item__display, @_pager-reset-spaces: @pager-reset-spaces, @_pager-font-size: @pager__font-size, @_pager-font-weight: @pager__font-weight, @_pager-line-height: @pager__line-height, @_pager-item-margin: @pager-item__margin, @_pager-item-padding: @pager-item__padding, @_pager-actions-padding: @pager-actions__padding, // Page current @_pager-current-font-weight: @pager-current__font-weight, @_pager-current-color: @pager-current__color, @_pager-current-background: @pager-current__background, @_pager-current-border: @pager-current__border, @_pager-current-gradient: @pager-current__gradient, @_pager-current-gradient-direction: @pager-current__gradient-direction, @_pager-current-gradient-color-start: @pager-current__gradient-color-start, @_pager-current-gradient-color-end: @pager-current__gradient-color-end, // Page item - text color @_pager-color: @pager__color, @_pager-color-visited: @pager__visited__color, @_pager-color-hover: @pager__hover__color, @_pager-color-active: @pager__active__color, // Page item - background @_pager-background: @pager__background, @_pager-background-visited: @pager__visited__background, @_pager-background-hover: @pager__hover__background, @_pager-background-active: @pager__active__background, // Page item - border @_pager-border: @pager__border, @_pager-border-visited: @pager__visited__border, @_pager-border-hover: @pager__hover__border, @_pager-border-active: @pager__active__border, // Page item - text decoration @_pager-text-decoration: @pager__text-decoration, @_pager-text-decoration-hover: @pager__text-decoration, // Page item gradient @_pager-gradient: @pager__gradient, @_pager-gradient-direction: @pager__gradient-direction, @_pager-gradient-color-start: @pager__gradient-color-start, @_pager-gradient-color-end: @pager__gradient-color-end, @_pager-gradient-color-start-visited: @pager__visited__gradient-color-start, @_pager-gradient-color-end-visited: @pager__visited__gradient-color-end, @_pager-gradient-color-start-hover: @pager__hover__gradient-color-start, @_pager-gradient-color-end-hover: @pager__hover__gradient-color-end, @_pager-gradient-color-start-active: @pager__active__gradient-color-start, @_pager-gradient-color-end-active: @pager__active__gradient-color-end, // Page action item (previous-next) @_pager-action-text-decoration: @pager-action__text-decoration, @_pager-action-text-decoration-hover: @pager-action__hover__text-decoration, // Page action item (previous-next) - default @_pager-action-color: @pager-action__color, @_pager-action-border: @pager-action__border, @_pager-action-background: @pager-action__background, @_pager-action-gradient-color-start: @pager__gradient-color-start, @_pager-action-gradient-color-end: @pager__gradient-color-end, @_pager-action-text-decoration: @pager-action__text-decoration, // Page action item (previous-next) - visited @_pager-action-color-visited: @pager-action__visited__color, @_pager-action-border-visited: @pager-action__visited__border, @_pager-action-background-visited: @pager-action__visited__background, @_pager-action-gradient-color-start-visited: @pager__visited__gradient-color-start, @_pager-action-gradient-color-end-visited: @pager__visited__gradient-color-end, // Page action item (previous-next) - hover @_pager-action-color-hover: @pager-action__hover__color, @_pager-action-border-hover: @pager-action__hover__border, @_pager-action-background-hover: @pager-action__hover__background, @_pager-action-gradient-color-start-hover: @pager__hover__gradient-color-start, @_pager-action-gradient-color-end-hover: @pager__hover__gradient-color-end, @_pager-action-text-decoration-hover: @pager-action__text-decoration, // Page action item (previous-next) - active @_pager-action-color-active: @pager-action__active__color, @_pager-action-border-active: @pager-action__active__border, @_pager-action-background-active: @pager-action__active__background, @_pager-action-gradient-color-start-active: @pager__active__gradient-color-start, @_pager-action-gradient-color-end-active: @pager__active__gradient-color-end, // Page action item (previous-next) - gradient @_pager-action-gradient: @pager__gradient, @_pager-action-gradient-direction: @pager__gradient-direction, // Page action icons @_pager-icon-use: @pager-icon__use, @_pager-icon-previous-content: @pager-icon__previous-content, @_pager-icon-next-content: @pager-icon__next-content, @_pager-icon-font: @pager-icon__font, @_pager-icon-font-size: @pager-icon__font-size, @_pager-icon-font-line-height: @pager-icon__font-line-height, @_pager-icon-font-margin: @pager-icon__font-margin, @_pager-icon-font-vertical-align: @pager-icon__font-vertical-align, @_pager-icon-font-position: @pager-icon__position, @_pager-icon-font-text-hide: @pager-icon__text-hide ) { ._lib-pager-label-display( // To hide or to display label @_pager-label-display: @_pager-label-display, @_pager-font-size: @_pager-font-size, @_pager-font-weight: @_pager-font-weight, @_pager-line-height: @_pager-line-height ); .items { ._lib-pager-inline-block-spaces-container( @_pager-reset-spaces, @_pager-item-display ); .lib-list-reset-styles(); .lib-css(display, @_pager-item-display); .lib-css(font-weight, @_pager-font-weight); } .item { ._lib-pager-inline-block-spaces-item( @_pager-reset-spaces, @_pager-item-display, @_pager-font-size, @_pager-line-height ); .lib-css(margin, @_pager-item-margin); .lib-css(display, @_pager-item-display); .label { .lib-visually-hidden(); } } a.page { .lib-css(background, @_pager-background); .lib-background-gradient( @_pager-gradient-color-start, @_pager-gradient-color-end, @_pager-gradient-direction, @_pager-gradient ); .lib-css(border, @_pager-border); .lib-css(color, @_pager-color); .lib-css(display, @_pager-item-display); .lib-css(padding, @_pager-item-padding); .lib-css(text-decoration, @_pager-text-decoration); &:visited { .lib-css(background, @_pager-background-visited); .lib-background-gradient( @_pager-gradient-color-start-visited, @_pager-gradient-color-end-visited, @_pager-gradient-direction, @_pager-gradient ); .lib-css(border, @_pager-border-visited); .lib-css(color, @_pager-color-visited); } &:hover { .lib-css(background, @_pager-background-hover); .lib-background-gradient( @_pager-gradient-color-start-hover, @_pager-gradient-color-end-hover, @_pager-gradient-direction, @_pager-gradient ); .lib-css(border, @_pager-border-hover); .lib-css(color, @_pager-color-hover); .lib-css(text-decoration, @_pager-text-decoration-hover); } &:active { .lib-css(background, @_pager-background-active); .lib-background-gradient( @_pager-gradient-color-start-active, @_pager-gradient-color-end-active, @_pager-gradient-direction, @_pager-gradient ); .lib-css(border, @_pager-border-active); .lib-css(color, @_pager-color-active); } } strong.page { .lib-css(background, @_pager-current-background); .lib-background-gradient( @_pager-current-gradient-color-start, @_pager-current-gradient-color-end, @_pager-current-gradient-direction, @_pager-current-gradient ); .lib-css(border, @_pager-current-border); ._lib-pager-inline-block-spaces-item( @_pager-reset-spaces, @_pager-item-display, @_pager-font-size, @_pager-line-height ); .lib-css(color, @_pager-current-color); .lib-css(display, @_pager-item-display); .lib-css(font-weight, @_pager-current-font-weight); .lib-css(padding, @_pager-item-padding); } .action { .lib-css(background, @_pager-action-background); .lib-background-gradient( @_pager-action-gradient-color-start, @_pager-action-gradient-color-end, @_pager-gradient-direction, @_pager-action-gradient ); .lib-css(border, @_pager-action-border); .lib-css(color, @_pager-action-color); .lib-css(display, @_pager-item-display); .lib-css(padding, @_pager-actions-padding); .lib-css(text-decoration, @_pager-action-text-decoration); &:visited { .lib-css(background, @_pager-action-background-visited); .lib-background-gradient( @_pager-action-gradient-color-start-visited, @_pager-action-gradient-color-end-visited, @_pager-action-gradient-direction, @_pager-action-gradient ); .lib-css(border, @_pager-action-border-visited); .lib-css(color, @_pager-action-color-visited); } &:hover { .lib-css(background, @_pager-action-background-hover); .lib-background-gradient( @_pager-action-gradient-color-start-hover, @_pager-action-gradient-color-end-hover, @_pager-action-gradient-direction, @_pager-action-gradient ); .lib-css(border, @_pager-action-border-hover); .lib-css(color, @_pager-action-color-hover); .lib-css(text-decoration, @_pager-action-text-decoration-hover); } &:active { .lib-css(background, @_pager-action-background-active); .lib-background-gradient( @_pager-action-gradient-color-start-active, @_pager-action-gradient-color-end-active, @_pager-action-gradient-direction, @_pager-action-gradient ); .lib-css(border, @_pager-action-border-active); .lib-css(color, @_pager-action-color-active); } &.next { ._lib-pager-icon ( @_icon-font-content: @_pager-icon-next-content, @_pager-icon-use: @_pager-icon-use, @_icon-font: @_pager-icon-font, @_icon-font-size: @_pager-icon-font-size, @_icon-font-line-height: @_pager-icon-font-line-height, @_icon-font-color: @_pager-action-color, @_icon-font-color-visited: @_pager-action-color-visited, @_icon-font-color-hover: @_pager-action-color-hover, @_icon-font-color-active: @_pager-action-color-active, @_icon-font-margin: @_pager-icon-font-margin, @_icon-font-vertical-align: @_pager-icon-font-vertical-align, @_icon-font-position: @_pager-icon-font-position, @_icon-font-text-hide: @_pager-icon-font-text-hide ); } &.previous { ._lib-pager-icon ( @_icon-font-content: @_pager-icon-previous-content, @_pager-icon-use: @_pager-icon-use, @_icon-font: @_pager-icon-font, @_icon-font-size: @_pager-icon-font-size, @_icon-font-line-height: @_pager-icon-font-line-height, @_icon-font-color: @_pager-action-color, @_icon-font-color-visited: @_pager-action-color-visited, @_icon-font-color-hover: @_pager-action-color-hover, @_icon-font-color-active: @_pager-action-color-active, @_icon-font-margin: @_pager-icon-font-margin, @_icon-font-vertical-align: @_pager-icon-font-vertical-align, @_icon-font-position: @_pager-icon-font-position, @_icon-font-text-hide: @_pager-icon-font-text-hide ); } } } // Delete spaces between elements when pager items have display: inline-block ._lib-pager-inline-block-spaces-container( @_pager-reset-spaces, @_pager-item-display ) when (@_pager-reset-spaces = true) and (@_pager-item-display = inline-block) { .lib-inline-block-space-container(); white-space: nowrap; } ._lib-pager-inline-block-spaces-item( @_pager-reset-spaces, @_pager-item-display, @_pager-font-size, @_pager-line-height ) when (@_pager-reset-spaces = true) and (@_pager-item-display = inline-block) { .lib-inline-block-space-item( @_font-size: @_pager-font-size, @_line-height: @_pager-line-height ); } // Display or hide "page" label ._lib-pager-label-display( @_pager-label-display, @_pager-font-size, @_pager-font-weight, @_pager-line-height ) when not (@_pager-label-display = none){ > .label { .lib-css(display, @_pager-label-display); .lib-css(font-weight, @_pager-font-weight); .lib-inline-block-space-item( @_font-size: @_pager-font-size, @_line-height: @_pager-line-height ); &:after { content: ': '; } } } ._lib-pager-label-display( @_pager-label-display, @_pager-font-size, @_pager-font-weight, @_pager-line-height ) when (@_pager-label-display = none) { > .label { .lib-visually-hidden(); } } ._lib-pager-label-display( @_pager-label-display, @_pager-font-size, @_pager-font-weight, @_pager-line-height ) when (@_pager-label-display = false) { > .label { .lib-visually-hidden(); } } ._lib-pager-icon ( @_pager-icon-use, @_icon-font-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-visited, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ) when (@_pager-icon-use = true) and (@_icon-font-position = before) { &:visited { &:before { .lib-css(color, @_icon-font-color-visited); } } &:active { &:before { .lib-css(color, @_icon-font-color-active); } } .lib-icon-font( @_icon-font-content: @_icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } ._lib-pager-icon ( @_icon-font-content, @_pager-icon-use, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-visited, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ) when (@_pager-icon-use = true) and (@_icon-font-position = after) { .lib-icon-font( @_icon-font-content: @_icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); &:visited:after { .lib-css(color, @_icon-font-color-visited); } &:active:after { .lib-css(color, @_icon-font-color-active); } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_forms.less000077700000102632151323550650021623 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Forms // _____________________________________________ .lib-form-element-input( @_type: @form-element-input-type, @_background: ~"@{@{_type}__background}", @_border: ~"@{@{_type}__border}", @_border-radius: ~"@{@{_type}__border-radius}", @_height: ~"@{@{_type}__height}", @_width: ~"@{@{_type}__width}", @_padding: ~"@{@{_type}__padding}", @_margin: ~"@{@{_type}__margin}", @_vertical-align: ~"@{@{_type}__vertical-align}", @_background-clip: ~"@{@{_type}__background-clip}", @_font-size: ~"@{@{_type}__font-size}", @_color: ~"@{@{_type}__color}", @_font-family: ~"@{@{_type}__font-family}", @_font-weight: ~"@{@{_type}__font-weight}", @_line-height: ~"@{@{_type}__line-height}", @_font-style: ~"@{@{_type}__font-style}", @_placeholder-color: ~"@{@{_type}-placeholder__color}", @_placeholder-font-style: ~"@{@{_type}-placeholder__font-style}", @_disabled-background: ~"@{@{_type}__disabled__background}", @_disabled-border: ~"@{@{_type}__disabled__border}", @_disabled-opacity: ~"@{@{_type}__disabled__opacity}", @_disabled-color: ~"@{@{_type}__disabled__color}", @_disabled-font-style: ~"@{@{_type}__disabled__font-style}", @_focus-background: ~"@{@{_type}__focus__background}", @_focus-border: ~"@{@{_type}__focus__border}", @_focus-color: ~"@{@{_type}__focus__color}", @_focus-font-style: ~"@{@{_type}__focus__font-style}" ) { .lib-css(background, @_background); .lib-css(background-clip, @_background-clip); .lib-css(border, @_border); .lib-css(border-radius, @_border-radius); .lib-css(color, @_color); .lib-css(font-family, @_font-family); .lib-css(font-size, @_font-size); .lib-css(font-style, @_font-style); .lib-css(font-weight, @_font-weight); .lib-css(height, @_height); .lib-css(line-height, @_line-height); .lib-css(margin, @_margin); .lib-css(padding, @_padding); .lib-css(vertical-align, @_vertical-align); .lib-css(width, @_width); box-sizing: border-box; ._lib-form-element-focus( @_background, @_focus-background, @_border, @_focus-border, @_color, @_focus-color, @_font-style, @_focus-font-style ); ._lib-form-element-disabled( @_background, @_disabled-background, @_border, @_disabled-border, @_color, @_disabled-color, @_font-style, @_disabled-font-style, @_disabled-opacity ); ._lib-form-element-placeholder( @_type, @_placeholder-color, @_font-style, @_placeholder-font-style ); } .lib-form-element-choice( @_type: @form-element-choice__type, @_vertical-align: ~"@{@{_type}__vertical-align}", @_margin: ~"@{@{_type}__margin}", @_disabled-opacity: ~"@{@{_type}__disabled__opacity}" ) { .lib-css(margin, @_margin); .lib-css(vertical-align, @_vertical-align); &:disabled { ._lib-form-element-add-opacity(@_disabled-opacity); } } .lib-form-element-number-reset() { &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } -moz-appearance: textfield; } .lib-form-element-search-reset() { -webkit-appearance: none; &::-webkit-search-cancel-button, &::-webkit-search-decoration, &::-webkit-search-results-button, &::-webkit-search-results-decoration { -webkit-appearance: none; } } .lib-form-element-textarea-resize(@_textarea-resize: @textarea__resize) { .lib-css(resize, @_textarea-resize); } .lib-form-element-color( @_border-color: '', @_background: '', @_color: '', @_focus-border-color: '', @_focus-background: '', @_focus-color: '', @_disabled-border-color: '', @_disabled-background: '', @_disabled-color: '', @_placeholder-color: '' ) { .lib-css(background, @_background); .lib-css(border-color, @_border-color); .lib-css(color, @_color); &:focus { ._lib-form-element-state-add-border-color(@_focus-border-color, @_border-color); ._lib-form-element-state-add-background(@_focus-background, @_background); ._lib-form-element-state-add-font-color(@_focus-color, @_color); } &:disabled { ._lib-form-element-state-add-border-color(@_disabled-border-color, @_border-color); ._lib-form-element-state-add-background(@_disabled-background, @_background); ._lib-form-element-state-add-font-color(@_disabled-color, @_color); } &::-moz-placeholder { .lib-css(color, @_placeholder-color); } &::-webkit-input-placeholder { .lib-css(color, @_placeholder-color); } &:-ms-input-placeholder { .lib-css(color, @_placeholder-color); } } .lib-form-validation( @_element-color-error: @form-element-validation__color-error, @_element-color-valid: @form-element-validation__color-valid, @_element-border-color-error: @form-element-validation__border-error, @_element-border-color-valid: @form-element-validation__border-valid, @_element-background-error: @form-element-validation__background-error, @_element-background-valid: @form-element-validation__background-valid ) { &.mage-error { .lib-form-element-color( @_border-color: @_element-border-color-error, @_background: @_element-background-error, @_color: @_element-color-error ); } &.valid { .lib-form-element-color( @_border-color: @_element-border-color-valid, @_background: @_element-background-valid, @_color: @_element-color-valid ); } } .lib-form-validation-note( @_note-color: @form-validation-note__color-error, @_note-font-size: @form-validation-note__font-size, @_note-font-family: @form-validation-note__font-family, @_note-font-style: @form-validation-note__font-style, @_note-font-weight: @form-validation-note__font-weight, @_note-line-height: @form-validation-note__line-height, @_note-margin: @form-validation-note__margin, @_note-padding: @form-validation-note__padding, @_note-icon-use: @form-validation-note-icon__use, @_note-icon-font-content: @form-validation-note-icon__font-content, @_note-icon-font: @form-validation-note-icon__font, @_note-icon-font-size: @form-validation-note-icon__font-size, @_note-icon-font-line-height: @form-validation-note-icon__font-line-height, @_note-icon-font-color: @form-validation-note-icon__font-color, @_note-icon-font-color-hover: @form-validation-note-icon__font-color-hover, @_note-icon-font-color-active: @form-validation-note-icon__font-color-active, @_note-icon-font-margin: @form-validation-note-icon__font-margin, @_note-icon-font-vertical-align: @form-validation-note-icon__font-vertical-align, @_note-icon-font-position: @form-validation-note-icon__font-position, @_note-icon-font-text-hide: @form-validation-note-icon__font-text-hide ) { .lib-typography( @_font-size: @_note-font-size, @_color: @_note-color, @_font-family: @_note-font-family, @_font-weight: @_note-font-weight, @_line-height: @_note-line-height, @_font-style: @_note-font-style ); ._lib-form-validation-icon( @_note-icon-use, @_note-icon-font-content, @_note-icon-font, @_note-icon-font-size, @_note-icon-font-line-height, @_note-icon-font-color, @_note-icon-font-color-hover, @_note-icon-font-color-active, @_note-icon-font-margin, @_note-icon-font-vertical-align, @_note-icon-font-position, @_note-icon-font-text-hide ); } .lib-form-validation-color( @_element-border-color-error: '', @_element-background-error: '', @_element-color-error: '', @_element-border-color-valid: '', @_element-background-valid: '', @_element-color-valid: '' ) { &.mage-error { .lib-form-element-color( @_border-color: @_element-border-color-error, @_background: @_element-background-error, @_color: @_element-color-error ); } &.valid { .lib-form-element-color( @_border-color: @_element-border-color-valid, @_background: @_element-background-valid, @_color: @_element-color-valid ); } } .lib-form-element-all() { input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] { .lib-form-element-input(@_type: input-text); } input[type="number"] { .lib-form-element-number-reset(); } input[type="search"] { .lib-form-element-search-reset(); } select { .lib-form-element-input(@_type: select); } select[multiple] { .lib-css(height, auto); background-image: none; } textarea { .lib-form-element-input(@_type: textarea); .lib-form-element-textarea-resize(); } input[type="checkbox"] { .lib-form-element-choice(@_type: input-checkbox); position: relative; top: 2px; } input[type="radio"] { .lib-form-element-choice(@_type: input-radio); } input, select, textarea { .lib-form-validation(); } div.mage-error[generated] { .lib-form-validation-note(); } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } } // // Internal use mixins // --------------------------------------------- ._lib-form-validation-icon( @_note-icon-use, @_note-icon-font-content, @_note-icon-font, @_note-icon-font-size, @_note-icon-font-line-height, @_note-icon-font-color, @_note-icon-font-color-hover, @_note-icon-font-color-active, @_note-icon-font-margin, @_note-icon-font-vertical-align, @_note-icon-font-position, @_note-icon-font-text-hide ) when (@_note-icon-use = true) { .lib-icon-font( @_icon-font-content: @_note-icon-font-content, @_icon-font: @_note-icon-font, @_icon-font-size: @_note-icon-font-size, @_icon-font-line-height: @_note-icon-font-line-height, @_icon-font-color: @_note-icon-font-color, @_icon-font-color-hover: @_note-icon-font-color-hover, @_icon-font-color-active: @_note-icon-font-color-active, @_icon-font-margin: @_note-icon-font-margin, @_icon-font-vertical-align: @_note-icon-font-vertical-align, @_icon-font-position: @_note-icon-font-position, @_icon-font-text-hide: @_note-icon-font-text-hide ); } ._lib-form-element-add-opacity(@_opacity) when not (@_opacity = 1) { .lib-css(opacity, @_opacity); } // Only for states :disabled, :focus, placeholder ._lib-form-element-focus( @_background-default, @_background-state, @_border-default, @_border-state, @_color-default, @_color-state, @_font-style-default, @_font-style-state ) { &:focus { ._lib-form-element-state-add-background(@_background-state, @_background-default); ._lib-form-element-state-add-border(@_border-state, @_border-default); ._lib-form-element-state-add-font-color(@_color-state, @_color-default); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } } ._lib-form-element-disabled( @_background-default, @_background-state, @_border-default, @_border-state, @_color-default, @_color-state, @_font-style-default, @_font-style-state, @_opacity ) { &:disabled { ._lib-form-element-add-opacity(@_opacity); ._lib-form-element-state-add-background(@_background-state, @_background-default); ._lib-form-element-state-add-border(@_border-state, @_border-default); ._lib-form-element-state-add-font-color(@_color-state, @_color-default); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } } ._lib-form-element-placeholder( @_type, @_color, @_font-style-default, @_font-style-state ) when not (@_type = select) { &::-moz-placeholder { .lib-css(color, @_color); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } &::-webkit-input-placeholder { .lib-css(color, @_color); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } &:-ms-input-placeholder { .lib-css(color, @_color); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } } ._lib-form-element-state-add-background(@_background-state, @_background-default) when not (@_background-state = @_background-default) { .lib-css(background, @_background-state); } ._lib-form-element-state-add-border(@_border-state, @_border-default) when not ('@{_border-state}' = '@{_border-default}') { .lib-css(border, @_border-state); } ._lib-form-element-state-add-border-color(@_border-state, @_border-default) when not (@_border-state = @_border-default) { .lib-css(border-color, @_border-state); } ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default) when not (@_font-style-state = @_font-style-default) { .lib-css(font-style, @_font-style-state); } ._lib-form-element-state-add-font-color(@_color-state, @_color-default) when not (@_color-state = @_color-default) { .lib-css(color, @_color-state); } .lib-form-fieldset( @_border: @form-fieldset__border, @_margin: @form-fieldset__margin, @_padding: @form-fieldset__padding, @_legend-color: @form-fieldset-legend__color, @_legend-font-size: @form-fieldset-legend__font-size, @_legend-font-family: @form-fieldset-legend__font-family, @_legend-font-weight: @form-fieldset-legend__font-weight, @_legend-font-style: @form-fieldset-legend__font-style, @_legend-line-height: @form-fieldset-legend__line-height, @_legend-margin: @form-fieldset-legend__margin, @_legend-padding: @form-fieldset-legend__padding, @_legend-width: @form-fieldset-legend__width ) { .lib-css(border, @_border); .lib-css(margin, @_margin); .lib-css(padding, @_padding); letter-spacing: -.31em; > * { letter-spacing: normal; } > .legend { .lib-css(margin, @_legend-margin); .lib-css(padding, @_legend-padding); .lib-css(width, @_legend-width); box-sizing: border-box; float: left; .lib-typography( @_font-size: @_legend-font-size, @_color: @_legend-color, @_font-family: @_legend-font-family, @_font-weight: @_legend-font-weight, @_line-height: @_legend-line-height, @_font-style: @_legend-font-style ); & + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } } } .lib-form-field( @_type: @form-field-type, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_additional-vertical-indent: @form-field__additional-vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align, @_border: @form-field__border, @_column: @form-field-column, @_column-padding: @form-field-column__padding, @_column-number: @form-field-column__number, @_label-color: @form-field-label__color, @_label-font-size: @form-field-label__font-size, @_label-font-family: @form-field-label__font-family, @_label-font-weight: @form-field-label__font-weight, @_label-font-style: @form-field-label__font-style, @_label-line-height: @form-field-label__line-height, @_label-asterisk-color: @form-field-label-asterisk__color, @_label-asterisk-font-size: @form-field-label-asterisk__font-size, @_label-asterisk-font-family: @form-field-label-asterisk__font-family, @_label-asterisk-font-weight: @form-field-label-asterisk__font-weight, @_label-asterisk-font-style: @form-field-label-asterisk__font-style, @_label-asterisk-line-height: @form-field-label-asterisk__line-height, @_label-asterisk-margin: @form-field-label-asterisk__margin, @_note-color: @form-field-note__color, @_note-font-size: @form-field-note__font-size, @_note-font-family: @form-field-note__font-family, @_note-font-weight: @form-field-note__font-weight, @_note-line-height: @form-field-note__line-height, @_note-font-style: @form-field-note__font-style, @_note-margin: @form-field-note__margin, @_note-padding: @form-field-note__padding, @_note-icon-font-content: @form-field-note-icon-font__content, @_note-icon-font: @form-field-note-icon-font, @_note-icon-font-size: @form-field-note-icon-font__size, @_note-icon-font-line-height: @form-field-note-icon-font__line-height, @_note-icon-font-color: @form-field-note-icon-font__color, @_note-icon-font-color-hover: @form-field-note-icon-font__color-hover, @_note-icon-font-color-active: @form-field-note-icon-font__color-active, @_note-icon-font-margin: @form-field-note-icon-font__margin, @_note-icon-font-vertical-align: @form-field-note-icon-font__vertical-align, @_note-icon-font-position: @form-field-note-icon-font__position, @_note-icon-font-text-hide: @form-field-note-icon-font__text-hide ) { .lib-css(border, @_border); .lib-form-field-type( @_type, @_type-inline-margin, @_type-inline-label-margin, @_type-inline-label-padding, @_type-inline-label-align, @_type-inline-label-width, @_type-inline-control-width, @_vertical-indent, @_type-block-margin, @_type-block-label-margin, @_type-block-label-padding, @_type-block-label-align ); &:last-child { margin-bottom: 0; } .lib-form-field-column( @_column, @_column-padding, @_column-number ); > .label { .lib-typography( @_font-size: @_label-font-size, @_color: @_label-color, @_font-family: @_label-font-family, @_font-weight: @_label-font-weight, @_line-height: @_label-line-height, @_font-style: @_label-font-style ); & + br { display: none; } } .choice { input { vertical-align: top; } } .fields.group { .lib-clearfix(); .field { box-sizing: border-box; float: left; } &.group-2 .field { width: 50% !important; } &.group-3 .field { width: 33.3% !important; } &.group-4 .field { width: 25% !important; } &.group-5 .field { width: 20% !important; } } .addon { .lib-vendor-prefix-display(inline-flex); .lib-vendor-prefix-flex-wrap(nowrap); padding: 0; width: 100%; textarea, select, input { .lib-vendor-prefix-order(2); .lib-vendor-prefix-flex-basis(100%); display: inline-block; margin: 0; width: auto; } .addbefore, .addafter { .lib-form-element-input(@_type: input-text); .lib-vendor-prefix-order(3); display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .addbefore { float: left; .lib-vendor-prefix-order(1); } } .additional { .lib-css(margin-top, @_additional-vertical-indent); } ._lib-form-field-required( @_label-asterisk-color, @_label-asterisk-font-size, @_label-asterisk-font-family, @_label-asterisk-font-weight, @_label-asterisk-font-style, @_label-asterisk-line-height, @_label-asterisk-margin ); ._lib-form-field-note( @_note-font-size, @_note-color, @_note-font-family, @_note-font-weight, @_note-line-height, @_note-font-style, @_note-margin, @_note-padding, @_note-icon-font-content, @_note-icon-font, @_note-icon-font-size, @_note-icon-font-line-height, @_note-icon-font-color, @_note-icon-font-color-hover, @_note-icon-font-color-active, @_note-icon-font-margin, @_note-icon-font-vertical-align, @_note-icon-font-position, @_note-icon-font-text-hide ); } .lib-form-field-type( @_type: @form-field-type, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align ) when (@_type = inline) { ._lib-form-field-type-inline( @_type-inline-margin, @_type-inline-label-margin, @_type-inline-label-padding, @_type-inline-label-width, @_type-inline-control-width, @_type-inline-label-align, @_vertical-indent ); } .lib-form-field-type( @_type: @form-field-type, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align ) when (@_type = block) { ._lib-form-field-type-block( @_type-block-margin, @_type-block-label-margin, @_type-block-label-padding, @_type-block-label-align ); } ._lib-form-field-type-inline( @_type-inline-margin, @_type-inline-label-margin, @_type-inline-label-padding, @_type-inline-label-width, @_type-inline-control-width, @_type-inline-label-align, @_vertical-indent ) { .lib-clearfix(); .lib-css(margin, @_type-inline-margin); box-sizing: border-box; &.choice:before, &.no-label:before { .lib-css(padding, @_type-inline-label-padding); .lib-css(width, @_type-inline-label-width); box-sizing: border-box; content: ' '; float: left; height: 1px; } .description { .lib-css(padding, @_type-inline-label-padding); .lib-css(text-align, @_type-inline-label-align); .lib-css(width, @_type-inline-label-width); box-sizing: border-box; float: left; } &:not(.choice) { > .label { .lib-css(margin, @_type-inline-label-margin); .lib-css(padding, @_type-inline-label-padding); .lib-css(text-align, @_type-inline-label-align); .lib-css(width, @_type-inline-label-width); box-sizing: border-box; float: left; } > .control { .lib-css(width, @_type-inline-control-width); float: left; } } } ._lib-form-field-type-block( @_type-block-margin, @_type-block-label-margin, @_type-block-label-padding, @_type-block-label-align ) { .lib-css(margin, @_type-block-margin); > .label { .lib-css(margin, @_type-block-label-margin); .lib-css(padding, @_type-block-label-padding); .lib-css(text-align, @_type-block-label-align); display: inline-block; } } ._lib-form-field-required( @_color: @form-field-label-asterisk__color, @_font-size: @form-field-label-asterisk__font-size, @_font-family: @form-field-label-asterisk__font-family, @_font-weight: @form-field-label-asterisk__font-weight, @_font-style: @form-field-label-asterisk__font-style, @_line-height: @form-field-label-asterisk__line-height, @_margin: @form-field-label-asterisk__margin ) { &.required > .label, &._required > .label { &:after { content: '*'; .lib-typography( @_font-size: @_font-size, @_color: @_color, @_font-family: @_font-family, @_font-weight: @_font-weight, @_line-height: @_line-height, @_font-style: @_font-style ); .lib-css(margin, @_margin); } } } ._lib-form-field-note( @_note-font-size, @_note-color, @_note-font-family, @_note-font-weight, @_note-line-height, @_note-font-style, @_note-margin, @_note-padding, @_note-icon-font-content, @_note-icon-font, @_note-icon-font-size, @_note-icon-font-line-height, @_note-icon-font-color, @_note-icon-font-color-hover, @_note-icon-font-color-active, @_note-icon-font-margin, @_note-icon-font-vertical-align, @_note-icon-font-position, @_note-icon-font-text-hide ) { .note { .lib-typography( @_font-size: @_note-font-size, @_color: @_note-color, @_font-family: @_note-font-family, @_font-weight: @_note-font-weight, @_line-height: @_note-line-height, @_font-style: @_note-font-style ); .lib-css(margin, @_note-margin); .lib-css(padding, @_note-padding); .lib-icon-font( @_icon-font-content: @_note-icon-font-content, @_icon-font: @_note-icon-font, @_icon-font-size: @_note-icon-font-size, @_icon-font-line-height: @_note-icon-font-line-height, @_icon-font-color: @_note-icon-font-color, @_icon-font-color-hover: @_note-icon-font-color-hover, @_icon-font-color-active: @_note-icon-font-color-active, @_icon-font-margin: @_note-icon-font-margin, @_icon-font-vertical-align: @_note-icon-font-vertical-align, @_icon-font-position: @_note-icon-font-position, @_icon-font-text-hide: @_note-icon-font-text-hide ); } } .lib-form-field-type-revert( @_type: @form-field-type-revert, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align ) when (@_type = block) and not (@_type = false) { &:not(.choice) { > .label { box-sizing: content-box; float: none; width: auto; ._lib-revert-type-block-label-align( @_type-block-label-align ); ._lib-revert-type-block-label-padding( @_type-block-label-padding ); } > .control { float: none; width: auto; } } ._lib-form-field-type-block( @_type-block-margin, @_type-block-label-margin, @_type-block-label-padding, @_type-block-label-align ); &.choice, &.no-label { &:before { display: none; } } } .lib-form-field-type-revert( @_type: @form-field-type-revert, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align ) when (@_type = inline) and not (@_type = false) { > .label { ._lib-revert-type-inline-label-margin( @_type-inline-label-margin ); } ._lib-form-field-type-inline( @_type-inline-margin, @_type-inline-label-margin, @_type-inline-label-padding, @_type-inline-label-width, @_type-inline-control-width, @_type-inline-label-align, @_vertical-indent ); } .lib-form-field-column( @_column: @form-field-column, @_column-padding: @form-field-column__padding, @_column-number: @form-field-column__number ) when (@_column = true) { .lib-css(padding, @_column-padding); box-sizing: border-box; display: inline-block; .lib-form-field-column-number(@_column-number); vertical-align: top; & + .fieldset { clear: both; } } .lib-form-field-column-number(@_column-number: @form-field-column__number) { .lib-css(width, 100% / @_column-number); } ._lib-revert-type-block-label-padding( @_type-block-label-padding ) when (@_type-block-label-padding = false) { padding: 0; } ._lib-revert-type-block-label-align( @_type-block-label-align ) when (@_type-block-label-align = false) { text-align: left; } ._lib-revert-type-inline-label-margin( @_type-inline-label-margin ) when (@_type-inline-label-margin = false) { margin: 0; } .lib-form-hasrequired( @_position: @form-hasrequired__position, @_color: @form-hasrequired__color, @_font-size: @form-hasrequired__font-size, @_font-family: @form-hasrequired__font-family, @_font-weight: @form-hasrequired__font-weight, @_font-style: @form-hasrequired__font-style, @_line-height: @form-hasrequired__line-height, @_border: @form-hasrequired__border, @_margin: @form-hasrequired__margin, @_padding: @form-hasrequired__padding ) { ._lib-form-hasrequired-position( @_position, @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ); } ._lib-form-hasrequired-position( @_position, @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ) when (@_position = top) { &:before { ._lib-form-hasrequired-position-any( @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ); } } ._lib-form-hasrequired-position( @_position, @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ) when (@_position = bottom) { &:after { ._lib-form-hasrequired-position-any( @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ); } } ._lib-form-hasrequired-position-any( @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ) { .lib-css(border, @_border); .lib-css(margin, @_margin); .lib-css(padding, @_padding); content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; .lib-typography( @_font-size: @_font-size, @_color: @_color, @_font-family: @_font-family, @_font-weight: @_font-weight, @_line-height: @_line-height, @_font-style: @_font-style ); } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_resets.less000077700000021300151323550650021772 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Resets // _____________________________________________ // // Magento reset // --------------------------------------------- .lib-magento-reset() { body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { max-width: 100%; height: auto; border: 0; } video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } .lib-typography-all(); table { .lib-table(); } button { .lib-button(); &::-moz-focus-inner { border: 0; padding: 0; } } .lib-form-element-all(); form { -webkit-tap-highlight-color: rgba(0,0,0,0); } address { font-style: normal; } * { &:focus { box-shadow: none; outline: 0; } } ._keyfocus *, input:not([disabled]), textarea:not([disabled]), select:not([disabled]) { &:focus { .lib-css(box-shadow, @focus__box-shadow); } } } // // Normalize // --------------------------------------------- // ToDo UI: delete with old admin styles .lib-normalize() { /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, main, footer, header, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background: #ff0; color: @color-black; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } } // // Reset // --------------------------------------------- .lib-reset() { /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, main, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, main, footer, header, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } } // // Universal Selector ‘*’ Reset // --------------------------------------------- .lib-universal() { * { margin: 0; padding: 0; } } // // Html5doctor Reset Stylesheet // --------------------------------------------- .lib-html5doctor-reset() { /* html5doctor.com Reset Stylesheet - http://html5doctor.com/html-5-reset-stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, main, footer, header, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } article, aside, details, figcaption, figure, main, footer, header, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { background: transparent; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } ins { background-color: #ff9; color: @color-black; text-decoration: none; } mark { background-color: #ff9; color: @color-black; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } } // // Global border-box // --------------------------------------------- .lib-set-default-border-box() { html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_tables.less000077700000040744151323550650021754 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Tables // _____________________________________________ .lib-table( @_table-width: @table__width, @_cell-padding-vertical: @table-cell__padding-vertical, @_cell-padding-horizontal: @table-cell__padding-horizontal, @_table-margin-bottom: @table__margin-bottom ) { .lib-css(margin-bottom, @_table-margin-bottom); .lib-css(width, @_table-width); border-collapse: collapse; border-spacing: 0; max-width: 100%; th { text-align: left; } > tbody, > tfoot { > tr { > th, > td { vertical-align: top; } } } > thead > tr { > th, > td { vertical-align: bottom; } } > thead, > tbody, > tfoot { > tr { > th, > td { .lib-css(padding, @_cell-padding-vertical @_cell-padding-horizontal); } } } } .lib-table-typography( @_table-td-font-size: @table-td__font-size, @_table-td-color: @table-td__color, @_table-td-font-family: @table-td__font-family, @_table-td-font-weight: @table-td__font-weight, @_table-td-line-height: @table-td__line-height, @_table-td-font-style: @table-td__font-style, @_table-th-font-size: @table-th__font-size, @_table-th-color: @table-th__color, @_table-th-font-family: @table-th__font-family, @_table-th-font-weight: @table-th__font-weight, @_table-th-line-height: @table-th__line-height, @_table-th-font-style: @table-th__font-style ) { > thead, > tbody, > tfoot { > tr { > td { .lib-typography( @_font-size: @_table-td-font-size, @_color: @_table-td-color, @_font-family: @_table-td-font-family, @_font-weight: @_table-td-font-weight, @_line-height: @_table-td-line-height, @_font-style: @_table-td-font-style ); } > th { .lib-typography( @_font-size: @_table-th-font-size, @_color: @_table-th-color, @_font-family: @_table-th-font-family, @_font-weight: @_table-th-font-weight, @_line-height: @_table-th-line-height, @_font-style: @_table-th-font-style ); } } } } .lib-table-background-color( @_table-background-color: @table__background-color, @_table-head-background-color: @table-head__background-color, @_table-foot-background-color: @table-foot__background-color, @_table-td-background-color: @table-td__background-color, @_table-body-th-background-color: @table-body-th__background-color ) { .lib-css(background, @_table-background-color); > thead { .lib-css(background, @_table-head-background-color); } > tfoot { .lib-css(background, @_table-foot-background-color); } > tbody > tr > td { .lib-css(background, @_table-td-background-color); } > tbody > tr >th { .lib-css(background, @_table-body-th-background-color); } } .lib-table-resize( @_td-padding-top: @table-cell__padding-vertical / 2, @_td-padding-right: @table-cell__padding-horizontal / 2, @_td-padding-bottom: @_td-padding-top, @_td-padding-left: @_td-padding-right, @_th-padding-top: @_td-padding-top, @_th-padding-right: @_td-padding-right, @_th-padding-bottom: @_td-padding-top, @_th-padding-left: @_td-padding-right ) { > thead, > tbody, > tfoot { > tr { > td { .lib-css(padding, @_td-padding-top @_td-padding-right @_td-padding-bottom @_td-padding-left); } > th { .lib-css(padding, @_th-padding-top @_th-padding-right @_th-padding-bottom @_th-padding-left); } } } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = normal){ .lib-css(border, @_table_border-width @_table_border-style @_table_border-color); > thead, > tbody, > tfoot { > tr { > th, > td { .lib-css(border, @_table_border-width @_table_border-style @_table_border-color); } } } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = horizontal){ > thead, > tbody, > tfoot { > tr { > th, > td { .lib-css(border-top, @_table_border-width @_table_border-style @_table_border-color); } } } > caption + thead, > colgroup + thead, > thead:first-child { > tr:first-child { > th, > td { border-top: 0; } } } > tbody + tbody { .lib-css(border-top, @_table_border-width @_table_border-style @_table_border-color); } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = horizontal_body){ > tbody { > tr { > th, > td { .lib-css(border-top, @_table_border-width @_table_border-style @_table_border-color); } } } > tbody + tbody { .lib-css(border-top, @_table_border-width @_table_border-style @_table_border-color); } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = vertical){ > thead, > tbody, > tfoot { > tr { > th, > td { .lib-css(border-left, @_table_border-width @_table_border-style @_table_border-color); &:first-child { border-left: none; } } } } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = light){ border: none; > thead, > tbody, > tfoot { > tr { > th, > td { border: none; } } } > thead { > tr { > th, > td { .lib-css(border-bottom, @_table_border-width @_table_border-style @_table_border-color); } } } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = clear){ border: none; > thead, > tbody, > tfoot { > tr { > th, > td { border: none; } } } } .lib-table-striped( @_stripped-background-color: @table-cell-stripped__background-color, @_stripped-color: @table-cell-stripped__color, @_stripped-direction: horizontal, @_stripped-highlight: odd ) when (@_stripped-highlight = odd) and (@_stripped-direction = horizontal){ > tbody > tr:nth-child(odd) { > td, > th { .lib-css(background, @_stripped-background-color); .lib-css(color, @_stripped-color); } } } .lib-table-striped( @_stripped-background-color: @table-cell-stripped__background-color, @_stripped-color: @table-cell-stripped__color, @_stripped-direction: horizontal, @_stripped-highlight: odd ) when (@_stripped-highlight = even) and (@_stripped-direction = horizontal) { > tbody > tr:nth-child(even) { > td, > th { .lib-css(background, @_stripped-background-color); .lib-css(color, @_stripped-color); } } } .lib-table-striped( @_stripped-background-color: @table-cell-stripped__background-color, @_stripped-color: @table-cell-stripped__color, @_stripped-direction: horizontal, @_stripped-highlight: odd ) when (@_stripped-highlight = odd) and (@_stripped-direction = vertical) { > thead, > tbody, > tfoot { > tr { > th:nth-child(odd), > td:nth-child(odd) { .lib-css(background, @_stripped-background-color); .lib-css(color, @_stripped-color); } } } } .lib-table-striped( @_stripped-background-color: @table-cell-stripped__background-color, @_stripped-color: @table-cell-stripped__color, @_stripped-direction: horizontal, @_stripped-highlight: odd ) when (@_stripped-highlight = even) and (@_stripped-direction = vertical) { > thead, > tbody, > tfoot { > tr { > th:nth-child(even), > td:nth-child(even) { .lib-css(background, @_stripped-background-color); .lib-css(color, @_stripped-color); } } } } .lib-table-hover( @_table_cell-background-color-hover: @table-cell__hover__background-color, @_table_cell-odd-background-color-hover: @_table_cell-background-color-hover ) { > tbody > tr:nth-child(even):hover { > td, > th { .lib-css(background, @_table_cell-background-color-hover); } } > tbody > tr:nth-child(odd):hover { > td, > th { .lib-css(background, @_table_cell-odd-background-color-hover); } } } .lib-table-overflow() { .lib-css(margin-bottom, @table__margin-bottom); overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .lib-table-responsive( @_table-background-color-responsive: @table-responsive__background-color, @_table-th-background-color-responsive: @table-responsive-th__background-color, @_reset-table-striped: false, @_reset-table-hover: false, @_table-responsive-cell-padding: @table-responsive-cell__padding ) when (@_reset-table-striped = false) and (@_reset-table-hover = false){ ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ); > tbody > tr > th { .lib-css(background-color, @_table-th-background-color-responsive); } } .lib-table-responsive( @_table-background-color-responsive: @table-responsive__background-color, @_table-th-background-color-responsive: @table-responsive-th__background-color, @_reset-table-striped: false, @_reset-table-hover: false, @_table-responsive-cell-padding: @table-responsive-cell__padding ) when (@_reset-table-striped = true) and (@_reset-table-hover = true){ .lib-table-striped(@_stripped-background-color: @_table-background-color-responsive); .lib-table-hover( @_table_cell-background-color-hover: @_table-background-color-responsive, @_table_cell-odd-background-color-hover: @_table-background-color-responsive ); ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ); > tbody > tr > th { .lib-css(background-color, @_table-th-background-color-responsive ~'!important'); } } .lib-table-responsive( @_table-background-color-responsive: @table-responsive__background-color, @_table-th-background-color-responsive: @table-responsive-th__background-color, @_reset-table-striped: false, @_reset-table-hover: false, @_table-responsive-cell-padding: @table-responsive-cell__padding ) when (@_reset-table-striped = true) and (@_reset-table-hover = false){ .lib-table-striped(@_stripped-background-color: @_table-background-color-responsive); ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ); .lib-css(background-color, @_table-th-background-color-responsive); } .lib-table-responsive( @_table-background-color-responsive: @table-responsive__background-color, @_table-th-background-color-responsive: @table-responsive-th__background-color, @_reset-table-striped: false, @_reset-table-hover: false, @_table-responsive-cell-padding: @table-responsive-cell__padding ) when (@_reset-table-striped = false) and (@_reset-table-hover = true){ .lib-table-hover( @_table_cell-background-color-hover: @_table-background-color-responsive, @_table_cell-odd-background-color-hover: @_table-background-color-responsive ); ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ); > tbody > tr > th { .lib-css(background-color, @_table-th-background-color-responsive ~'!important'); } } .lib-table-caption( @_table-caption-hide: @table-caption__hide, @_table-caption-font-size: @table-caption__font-size, @_table-caption-color: @table-caption__color, @_table-caption-font-family: @table-caption__font-family, @_table-caption-font-weight: @table-caption__font-weight, @_table-caption-font-style: @table-caption__font-style, @_table-caption-line-height: @table-caption__line-height, @_table-caption-alignment: @table-caption__alignment, @_table-caption-margin-top: @table-caption__margin-top, @_table-caption-margin-bottom: @table-caption__margin-bottom ) when (@_table-caption-hide = false){ > caption { .lib-typography( @_table-caption-font-size, @_table-caption-color, @_table-caption-font-family, @_table-caption-font-weight, @_table-caption-line-height, @_table-caption-font-style ); .lib-css(margin-bottom, @_table-caption-margin-bottom); .lib-css(margin-top, @_table-caption-margin-top); .lib-css(text-align, @_table-caption-alignment); } } .lib-table-caption( @_table-caption-hide: @table-caption__hide, @_table-caption-font-size: @table-caption__font-size, @_table-caption-color: @table-caption__color, @_table-caption-font-family: @table-caption__font-family, @_table-caption-font-weight: @table-caption__font-weight, @_table-caption-line-height: @table-caption__line-height, @_table-caption-font-style: @table-caption__font-style, @_table-caption-alignment: @table-caption__alignment, @_table-caption-margin-top: @table-caption__margin-top, @_table-caption-margin-bottom: @table-caption__margin-bottom ) when (@_table-caption-hide = true) { > caption { .lib-visually-hidden(); } } ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ) { .lib-css(background, @_table-background-color-responsive); border: none; display: block; > thead > tr > th { display: none; } > tbody { display: block; > tr { display: block; td, th { border-bottom: none; display: block; .lib-css(padding, @_table-responsive-cell-padding); &[data-th]:before { .lib-css(padding-right, @table-cell__padding-horizontal); content: attr(data-th)': '; display: inline-block; .lib-typography( @_font-size: @table-th__font-size, @_color: @table-th__color, @_font-family: @table-th__font-family, @_font-weight: @table-th__font-weight, @_line-height: @table-th__line-height, @_font-style: @table-th__font-style ); } } td { .lib-css(background, @_table-background-color-responsive); } } } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_icons.less000077700000024253151323550650021612 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Icons // _____________________________________________ // // Icons using font // --------------------------------------------- .lib-icon-font( @_icon-font-content, @_icon-font: @icon-font, @_icon-font-size: @icon-font__size, @_icon-font-line-height: @icon-font__line-height, @_icon-font-color: @icon-font__color, @_icon-font-color-hover: @icon-font__color-hover, @_icon-font-color-active: @icon-font__color-active, @_icon-font-margin: @icon-font__margin, @_icon-font-vertical-align: @icon-font__vertical-align, @_icon-font-position: @icon-font__position, @_icon-font-text-hide: @icon-font__text-hide, @_icon-font-display: @icon-font__display ) when (@_icon-font-position = before) { .lib-css(display, @_icon-font-display); text-decoration: none; & when not (@_icon-font-content = false) { ._lib-icon-text-hide(@_icon-font-text-hide); } &:before { ._lib-icon-font( @_icon-font-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-margin, @_icon-font-vertical-align ); } &:hover { &:before { .lib-css(color, @_icon-font-color-hover); } } &:active { &:before { .lib-css(color, @_icon-font-color-active); } } } .lib-icon-font( @_icon-font-content, @_icon-font: @icon-font, @_icon-font-size: @icon-font__size, @_icon-font-line-height: @icon-font__line-height, @_icon-font-color: @icon-font__color, @_icon-font-color-hover: @icon-font__color-hover, @_icon-font-color-active: @icon-font__color-active, @_icon-font-margin: @icon-font__margin, @_icon-font-vertical-align: @icon-font__vertical-align, @_icon-font-position: @icon-font__position, @_icon-font-text-hide: @icon-font__text-hide, @_icon-font-display: @icon-font__display ) when (@_icon-font-position = after) { .lib-css(display, @_icon-font-display); text-decoration: none; & when not (@_icon-font-content = false) { ._lib-icon-text-hide(@_icon-font-text-hide); } &:after { ._lib-icon-font( @_icon-font-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-margin, @_icon-font-vertical-align ); } &:hover { &:after { .lib-css(color, @_icon-font-color-hover); } } &:active { &:after { .lib-css(color, @_icon-font-color-active); } } } .lib-icon-font-size( @_icon-font-size: @icon-font__size, @_icon-font-line-height: @icon-font__line-height, @_icon-font-position: @icon-font__position ) when (@_icon-font-position = before) { &:before { ._lib-icon-font-size(@_icon-font-size, @_icon-font-line-height); } } .lib-icon-font-size( @_icon-font-size: @icon-font__size, @_icon-font-line-height: @icon-font__line-height, @_icon-font-position: @icon-font__position ) when (@_icon-font-position = after) { &:after { ._lib-icon-font-size(@_icon-font-size, @_icon-font-line-height); } } .lib-icon-font-symbol( @_icon-font-content, @_icon-font-position: @icon-font__position ) when (@_icon-font-position = before) { &:before { .lib-css(content, @_icon-font-content); } } .lib-icon-font-symbol( @_icon-font-content, @_icon-font-position: @icon-font__position ) when (@_icon-font-position = after) { &:after { .lib-css(content, @_icon-font-content); } } // // Icons using image or sprite // --------------------------------------------- .lib-icon-image( @_icon-image, @_icon-image-width: @icon__width, @_icon-image-height: @icon__height, @_icon-image-margin: @icon__margin, @_icon-image-vertical-align: @icon__vertical-align, @_icon-image-position-x: @icon-image__position-x, @_icon-image-position-y: @icon-image__position-y, @_icon-image-position: @icon__position, @_icon-image-text-hide: @icon__text-hide ) when (@_icon-image-position = before) { display: inline-block; & when not (@_icon-image = false) { ._lib-icon-text-hide(@_icon-image-text-hide); } &:before { ._lib-icon-image( @_icon-image, @_icon-image-width, @_icon-image-height, @_icon-image-margin, @_icon-image-vertical-align, @_icon-image-position-x, @_icon-image-position-y ); .lib-css(margin, @_icon-image-margin); } } .lib-icon-image( @_icon-image, @_icon-image-width: @icon__width, @_icon-image-height: @icon__height, @_icon-image-margin: @icon__margin, @_icon-image-vertical-align: @icon__vertical-align, @_icon-image-position-x: @icon-image__position-x, @_icon-image-position-y: @icon-image__position-y, @_icon-image-position: @icon__position, @_icon-image-text-hide: @icon__text-hide ) when (@_icon-image-position = after) { display: inline-block; & when not (@_icon-image = false) { ._lib-icon-text-hide(@_icon-image-text-hide); } &:after { ._lib-icon-image( @_icon-image, @_icon-image-width, @_icon-image-height, @_icon-image-margin, @_icon-image-vertical-align, @_icon-image-position-x, @_icon-image-position-y ); .lib-css(margin, @_icon-image-margin); } } .lib-icon-image-position( @_icon-image-position-x: @icon-image__position-x, @_icon-image-position-y: @icon-image__position-y, @_icon-image-position: @icon__position ) when (@_icon-image-position = before) { &:before { ._lib-icon-image-position( @_icon-image-position-x, @_icon-image-position-y ); } } .lib-icon-image-position( @_icon-image-position-x: @icon-image__position-x, @_icon-image-position-y: @icon-image__position-y, @_icon-image-position: @icon__position ) when (@_icon-image-position = after) { &:after { ._lib-icon-image-position( @_icon-image-position-x, @_icon-image-position-y ); } } .lib-icon-sprite-position( @_icon-sprite-position-x: @icon-sprite__position-x, @_icon-sprite-position-y: @icon-sprite__position-y, @_icon-sprite-grid: @icon-sprite__grid, @_icon-sprite-position: @icon__position ) when (@_icon-sprite-position = before) { &:before { ._lib-icon-sprite-position( @_icon-sprite-position-x, @_icon-sprite-position-y, @_icon-sprite-grid ); } } .lib-icon-sprite-position( @_icon-sprite-position-x: @icon-sprite__position-x, @_icon-sprite-position-y: @icon-sprite__position-y, @_icon-sprite-grid: @icon-sprite__grid, @_icon-sprite-position: @icon__position ) when (@_icon-sprite-position = after) { &:after { ._lib-icon-sprite-position( @_icon-sprite-position-x, @_icon-sprite-position-y, @_icon-sprite-grid ); } } .lib-icon-image-size( @_icon-image-width: @icon__width, @_icon-image-height: @icon__height, @_icon-image-position: @icon__position ) when (@_icon-image-position = before) { &:before { ._lib-icon-image-size(@_icon-image-width, @_icon-image-height); } } .lib-icon-image-size( @_icon-image-width: @icon__width, @_icon-image-height: @icon__height, @_icon-image-position: @icon__position ) when (@_icon-image-position = before) { &:after { ._lib-icon-image-size(@_icon-image-width, @_icon-image-height); } } .lib-icon-text-hide() { > span { .lib-visually-hidden(); } } // // Internal use mixins // --------------------------------------------- ._lib-icon-text-hide(@_icon-text-hide) when (@_icon-text-hide = true) { .lib-icon-text-hide(); } ._lib-icon-image-url(@_path) when not (@_path = false) { .lib-css(background-image, url(@_path)); } ._lib-icon-image( @_icon-image, @_icon-image-width, @_icon-image-height, @_icon-image-margin, @_icon-image-vertical-align, @_icon-image-position-x, @_icon-image-position-y ) { ._lib-icon-image-url(@_icon-image); .lib-css(background-position-x, @_icon-image-position-x); .lib-css(background-position-y, @_icon-image-position-y); .lib-css(line-height, @_icon-image-height); .lib-css(margin, @_icon-image-margin); .lib-css(vertical-align, @_icon-image-vertical-align); ._lib-icon-image-size( @_icon-image-width, @_icon-image-height ); background-repeat: no-repeat; content: ''; display: inline-block; } ._lib-icon-image-position( @_icon-image-position-x, @_icon-image-position-y ) { .lib-css(background-position, @_icon-image-position-x @_icon-image-position-y); } ._lib-icon-image-size( @icon__width, @icon__height ) { .lib-css(height, @icon__height); .lib-css(width, @icon__width); } ._lib-icon-sprite-position( @_icon-sprite-position-x, @_icon-sprite-position-y, @_icon-sprite-grid ) { .lib-css(background-position, -(@_icon-sprite-position-x*@_icon-sprite-grid) -(@_icon-sprite-position-y*@_icon-sprite-grid)); } ._lib-icon-font( @_icon-font-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-margin, @_icon-font-vertical-align ) { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; ._lib-icon-font-size(@_icon-font-size, @_icon-font-line-height); .lib-css(color, @_icon-font-color); .lib-css(content, @_icon-font-content); .lib-css(font-family, @_icon-font); .lib-css(margin, @_icon-font-margin); .lib-css(vertical-align, @_icon-font-vertical-align); display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._lib-icon-font-size(@_icon-font-size, @_icon-font-line-height) { .lib-css(font-size, @_icon-font-size); .lib-css(line-height, @_icon-font-line-height); } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_rating.less000077700000012632151323550650021761 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Ratings // _____________________________________________ // Rating-vote mixin .lib-rating-vote( @_icon-count: @rating-icon__count, @_icon-content: @rating-icon__content, @_icon-font: @rating-icon__font, @_icon-font-size: @rating-icon__font-size, @_icon-letter-spacing: @rating-icon__letter-spacing, @_icon-color: @rating-icon__color, @_icon-color-active: @rating-icon__active__color ) { overflow: hidden; &:before { ._lib-rating-icon-defalt( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-color ); .lib-rating-icons-content( @_icon-count, @_icon-content ); display: block; position: absolute; z-index: 1; } input[type="radio"] { .lib-visually-hidden(); &:hover, &:checked { + label { &:before { opacity: 1; } } } } label { cursor: pointer; display: block; position: absolute; span { .lib-visually-hidden(); } &:before { ._lib-rating-icon-defalt( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-color-active ); opacity: 0; } &:hover { &:before { opacity: 1; } ~ label { &:before { opacity: 0; } } } } ._lib-rating-iteration( @_icon-content, @_icon-count ); } // Rating-summary mixin .lib-rating-summary( @_icon-count: @rating-icon__count, @_icon-content: @rating-icon__content, @_icon-font: @rating-icon__font, @_icon-font-size: @rating-icon__font-size, @_icon-letter-spacing: @rating-icon__letter-spacing, @_icon-color: @rating-icon__color, @_icon-color-active: @rating-icon__active__color, @_label-hide: @rating-label__hide ) { overflow: hidden; white-space: nowrap; ._lib-rating-label-hide(@_label-hide); .rating-result { .lib-css(width, (@_icon-font-size * @_icon-count) + ceil(@_icon-letter-spacing * (@_icon-count - 1))); display: inline-block; position: relative; vertical-align: middle; &:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; ._lib-rating-summary-icon-default( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-count, @_icon-content, @_icon-color ); } > span { display: block; overflow: hidden; &:before { position: relative; z-index: 2; ._lib-rating-summary-icon-default( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-count, @_icon-content, @_icon-color-active ); } span { .lib-visually-hidden(); } } } } .lib-rating-summary-label-hide() { .label { .lib-visually-hidden(); } } // Internal use mixins ._lib-rating-label-hide(@_label-hide) when (@_label-hide = true) { .lib-rating-summary-label-hide(); } ._lib-rating-iteration( @_icon-content, @_icon-count ) { .loopingClass (@_index) when (@_index > 0) { .rating-@{_index} { z-index: @_icon-count - (@_index - 2); &:before { .lib-rating-icons-content(@_index, @_icon-content); } } // Next iteration .loopingClass(@_index - 1); } .loopingClass (0) {} .loopingClass (@_icon-count); } ._lib-rating-icon-defalt( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-color ) { .lib-css(color, @_icon-color); .lib-css(font-family, @_icon-font); .lib-css(font-size, @_icon-font-size); .lib-css(height, @_icon-font-size); .lib-css(letter-spacing, @_icon-letter-spacing); .lib-css(line-height, @_icon-font-size); font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; } ._lib-rating-summary-icon-default( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-count, @_icon-content, @_icon-color ) { -webkit-font-smoothing: antialiased; .lib-css(color, @_icon-color); .lib-css(font-family, @_icon-font); .lib-css(font-size, @_icon-font-size); .lib-css(height, @_icon-font-size); .lib-css(letter-spacing, @_icon-letter-spacing); .lib-css(line-height, @_icon-font-size); .lib-rating-icons-content(@_icon-count, @_icon-content); display: block; font-style: normal; font-weight: normal; speak: none; } .lib-rating-icons-content( @_icon-count: @rating-icon__count, @_icon-content: @rating-icon__content ) when (@_icon-count > 0) { .lib-rating-icons-content((@_icon-count - 1),@_icon-content); content+_: @_icon-content; } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_variables.less000077700000001721151323550650022442 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @baseDir: "../"; // Base directory path @import 'variables/_colors.less'; @import 'variables/_typography.less'; @import 'variables/_tables.less'; @import 'variables/_layout.less'; @import 'variables/_responsive.less'; @import 'variables/_navigation.less'; @import 'variables/_sections.less'; @import 'variables/_buttons.less'; @import 'variables/_icons.less'; @import 'variables/_messages.less'; @import 'variables/_tooltips.less'; @import 'variables/_loaders.less'; @import 'variables/_forms.less'; @import 'variables/_pages.less'; @import 'variables/_rating.less'; @import 'variables/_dropdowns.less'; @import 'variables/_actions-toolbar.less'; @import 'variables/_breadcrumbs.less'; @import 'variables/_popups.less'; @import 'variables/_structure.less'; @import 'variables/_components.less'; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_responsive.less000077700000000634151323550650024641 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Responsive variables // _____________________________________________ @use-flex: true; // Use flexbox [true|false] @responsive: true; // Theme is responsive [true|false] @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @screen__m: 768px; @screen__l: 1024px; @screen__xl: 1440px; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_pages.less000077700000007027151323550650023546 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Pager variables // _____________________________________________ @pager-label__display: none; @pager-reset-spaces: true; // Reset spaces between inline-block elements @pager__font-size: @font-size__s; @pager__font-weight: @font-weight__bold; @pager__line-height: 32px; @pager-item__display: inline-block; @pager-item__margin: 0 2px 0 0; @pager-item__padding: 0 4px; @pager-actions__padding: 0; // Pager current page @pager-current__font-weight: @font-weight__bold; @pager-current__color: @primary__color; @pager-current__border: false; @pager-current__background: false; @pager-current__gradient: false; @pager-current__gradient-direction: false; @pager-current__gradient-color-start: false; @pager-current__gradient-color-end: false; // Pager link page @pager__gradient: false; @pager__gradient-direction: false; // Pager link default @pager__color: @link__color; @pager__border: false; @pager__text-decoration: none; @pager__background: false; @pager__gradient-color-start: false; @pager__gradient-color-end: false; // Pager link visited @pager__visited__color: @link__visited__color; @pager__visited__border: false; @pager__visited__background: false; @pager__visited__gradient-color-start: false; @pager__visited__gradient-color-end: false; // Pager link hover @pager__hover__color: @link__hover__color; @pager__hover__border: false; @pager__hover__text-decoration: none; @pager__hover__background: false; @pager__hover__gradient-color-start: false; @pager__hover__gradient-color-end: false; // Pager link active @pager__active__color: @link__active__color; @pager__active__border: false; @pager__active__background: false; @pager__active__gradient-color-start: false; @pager__active__gradient-color-end: false; // Pager link.action @pager-icon__use: true; @pager-icon__previous-content: @icon-prev; @pager-icon__next-content: @icon-next; @pager-icon__text-hide: true; @pager-icon__position: before; @pager-icon__font: @icon-font; @pager-icon__font-margin: 0 0 0 -6px; @pager-icon__font-vertical-align: top; @pager-icon__font-size: 46px; @pager-icon__font-line-height: @icon-font__line-height; // Pager link.action gradient: element has a gradient background @pager-action__gradient: false; // [true|false] @pager-action__gradient-direction: false; // [true|false] // Pager link.action default @pager-action__color: @text__color__muted; @pager-action__border: @border-width__base solid @border-color__base; @pager-action__text-decoration: @pager__text-decoration; @pager-action__background: @pager__background; @pager-action__gradient-color-start: false; @pager-action__gradient-color-end: false; // Pager link.action visited @pager-action__visited__color: @pager-action__color; @pager-action__visited__border: false; @pager-action__visited__background: false; @pager-action__visited__gradient-color-start: false; @pager-action__visited__gradient-color-end: false; // Pager link.action hover @pager-action__hover__color: @pager-action__color; @pager-action__hover__border: false; @pager-action__hover__background: false; @pager-action__hover__text-decoration: @pager__hover__text-decoration; @pager-action__hover__gradient-color-start: false; @pager-action__hover__gradient-color-end: false; // Pager link.action active @pager-action__active__color: @pager-action__color; @pager-action__active__border: false; @pager-action__active__background: false; @pager-action__active__gradient-color-start: false; @pager-action__active__gradient-color-end: false; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_forms.less000077700000031356151323550650023577 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Form variables // _____________________________________________ // // Form elements inputs default variables // --------------------------------------------- @form-element-input-type: ''; // [input-text|select|textarea|input-radio|input-checkbox] @form-element-input__background: @color-white; @form-element-input__border-color: @color-gray76; @form-element-input__border: 1px solid @form-element-input__border-color; @form-element-input__border-radius: 1px; @form-element-input__height: 32px; @form-element-input__width: 100%; @form-element-input__margin: false; @form-element-input__padding: 0 9px; @form-element-input__vertical-align: baseline; @form-element-input__background-clip: padding-box; // [border-box|content-box|padding-box] @form-element-input__font-size: @font-size__base; @form-element-input__color: false; @form-element-input__font-family: @font-family__base; @form-element-input__font-weight: false; @form-element-input__font-style: false; @form-element-input__line-height: @line-height__base; // Placeholder @form-element-input-placeholder__color: @color-gray76; @form-element-input-placeholder__font-style: @form-element-input__font-style; // Disabled state @form-element-input__disabled__background: @form-element-input__background; @form-element-input__disabled__border: @form-element-input__border; @form-element-input__disabled__opacity: .5; @form-element-input__disabled__color: @form-element-input__color; @form-element-input__disabled__font-style: @form-element-input__font-style; // Focus state @form-element-input__focus__background: @form-element-input__background; @form-element-input__focus__border: @form-element-input__border; @form-element-input__focus__color: @form-element-input__color; @form-element-input__focus__font-style: @form-element-input__font-style; // Form elements choice default variables @form-element-choice__type: ''; // [radio|checkbox] @form-element-choice__vertical-align: false; @form-element-choice__margin: 2px @indent__xs 0 0; @form-element-choice__disabled__opacity: @form-element-input__disabled__opacity; // // Input-text // --------------------------------------------- @input-text__background: @form-element-input__background; @input-text__border: @form-element-input__border; @input-text__border-radius: @form-element-input__border-radius; @input-text__height: @form-element-input__height; @input-text__width: @form-element-input__width; @input-text__margin: @form-element-input__margin; @input-text__padding: @form-element-input__padding; @input-text__vertical-align: @form-element-input__vertical-align; @input-text__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box] @input-text__font-size: @form-element-input__font-size; @input-text__color: @form-element-input__color; @input-text__font-family: @form-element-input__font-family; @input-text__font-weight: @form-element-input__font-weight; @input-text__font-style: @form-element-input__font-style; @input-text__line-height: @form-element-input__line-height; // Placeholder @input-text-placeholder__color: @form-element-input-placeholder__color; @input-text-placeholder__font-style: @form-element-input-placeholder__font-style; // Disabled state @input-text__disabled__background: @form-element-input__disabled__background; @input-text__disabled__border: @form-element-input__disabled__border; @input-text__disabled__opacity: @form-element-input__disabled__opacity; @input-text__disabled__color: @form-element-input__disabled__color; @input-text__disabled__font-style: @form-element-input__disabled__font-style; // Focus state @input-text__focus__background: @form-element-input__focus__background; @input-text__focus__border: @form-element-input__focus__border; @input-text__focus__color: @form-element-input__focus__color; @input-text__focus__font-style: @form-element-input__focus__font-style; // // Select // --------------------------------------------- @select__background: @form-element-input__background; @select__border: @form-element-input__border; @select__border-radius: @form-element-input__border-radius; @select__height: @form-element-input__height; @select__width: @form-element-input__width; @select__margin: @form-element-input__margin; @select__padding: @indent__xs @indent__s 4px; @select__vertical-align: @form-element-input__vertical-align; @select__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box] @select__font-size: @form-element-input__font-size; @select__color: @form-element-input__color; @select__font-family: @form-element-input__font-family; @select__font-weight: @form-element-input__font-weight; @select__font-style: @form-element-input__font-style; @select__line-height: @form-element-input__line-height; // Placeholder @select-placeholder__color: false; @select-placeholder__font-style: false; // Disabled state @select__disabled__background: @form-element-input__disabled__background; @select__disabled__border: @form-element-input__disabled__border; @select__disabled__opacity: @form-element-input__disabled__opacity; @select__disabled__color: @form-element-input__disabled__color; @select__disabled__font-style: @form-element-input__disabled__font-style; // Focus state @select__focus__background: false; @select__focus__border: @form-element-input__focus__border; @select__focus__color: @form-element-input__focus__color; @select__focus__font-style: @form-element-input__focus__font-style; // // Textarea // --------------------------------------------- @textarea__background: @form-element-input__background; @textarea__border: @form-element-input__border; @textarea__border-radius: @form-element-input__border-radius; @textarea__height: auto; @textarea__width: @form-element-input__width; @textarea__padding: @indent__s; @textarea__margin: 0; @textarea__vertical-align: @form-element-input__vertical-align; @textarea__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box] @textarea__font-size: @form-element-input__font-size; @textarea__color: @form-element-input__color; @textarea__font-family: @form-element-input__font-family; @textarea__font-weight: @form-element-input__font-weight; @textarea__font-style: @form-element-input__font-style; @textarea__line-height: @form-element-input__line-height; @textarea__resize: vertical; // [none|both|horizontal|vertical|inherit] // Placeholder @textarea-placeholder__color: @form-element-input-placeholder__color; @textarea-placeholder__font-style: @form-element-input-placeholder__font-style; // Disabled state @textarea__disabled__background: @form-element-input__disabled__background; @textarea__disabled__border: @form-element-input__disabled__border; @textarea__disabled__opacity: @form-element-input__disabled__opacity; @textarea__disabled__color: @form-element-input__disabled__color; @textarea__disabled__font-style: @form-element-input__disabled__font-style; // Focus state @textarea__focus__background: @form-element-input__focus__background; @textarea__focus__border: @form-element-input__focus__border; @textarea__focus__color: @form-element-input__focus__color; @textarea__focus__font-style: @form-element-input__focus__font-style; // // Radio // --------------------------------------------- @input-radio__vertical-align: @form-element-choice__vertical-align; @input-radio__margin: @form-element-choice__margin; @input-radio__disabled__opacity: @form-element-choice__disabled__opacity; // // Checkbox // --------------------------------------------- @input-checkbox__vertical-align: @form-element-choice__vertical-align; @input-checkbox__margin: @form-element-choice__margin; @input-checkbox__disabled__opacity: @form-element-choice__disabled__opacity; // // Validation // --------------------------------------------- @form-validation-note__color-error: @error__color; @form-validation-note__font-size: @font-size__s; @form-validation-note__font-family: false; @form-validation-note__font-style: false; @form-validation-note__font-weight: false; @form-validation-note__line-height: false; @form-validation-note__margin: 3px 0 0; @form-validation-note__padding: false; @form-validation-note-icon__use: false; @form-validation-note-icon__font-content: @icon-pointer-up; @form-validation-note-icon__font: @icon-font; @form-validation-note-icon__font-size: @form-validation-note__font-size * 2; @form-validation-note-icon__font-line-height: @form-validation-note__font-size; @form-validation-note-icon__font-color: @form-validation-note__color-error; @form-validation-note-icon__font-color-hover: false; @form-validation-note-icon__font-color-active: false; @form-validation-note-icon__font-margin: false; @form-validation-note-icon__font-vertical-align: @icon-font__vertical-align; @form-validation-note-icon__font-position: @icon-font__position; @form-validation-note-icon__font-text-hide: @icon-font__text-hide; @form-element-validation__color-error: false; @form-element-validation__color-valid: false; @form-element-validation__border-error: lighten(@form-validation-note__color-error, 20%); @form-element-validation__border-valid: false; @form-element-validation__background-error: false; @form-element-validation__background-valid: false; // // Fieldset // --------------------------------------------- @form-fieldset__border: 0; @form-fieldset__margin: 0 0 @indent__xl; @form-fieldset__padding: 0; @form-fieldset-legend__color: false; @form-fieldset-legend__font-size: 20px; @form-fieldset-legend__font-family: false; @form-fieldset-legend__font-weight: false; @form-fieldset-legend__font-style: false; @form-fieldset-legend__line-height: 1.2; @form-fieldset-legend__margin: 0 0 @indent__m; @form-fieldset-legend__padding: 0; @form-fieldset-legend__width: false; // // Field // --------------------------------------------- @form-field-type: block; // [inline|block] @form-field-type-revert: inline; // [inline|block|false] @form-field__border: false; @form-field__vertical-indent: @indent__base; @form-field__additional-vertical-indent: @form-field__vertical-indent/2; @form-field-type-block__margin: 0 0 @form-field__vertical-indent; @form-field-type-inline__margin: 0 0 @form-field__vertical-indent; @form-field-column: false; @form-field-column__padding: 0 12px 0 0; @form-field-column__number: 2; // Form field label @form-field-label__align: false; @form-field-label__color: false; @form-field-label__font-size: false; @form-field-label__font-family: false; @form-field-label__font-weight: @font-weight__bold; @form-field-label__font-style: false; @form-field-label__line-height: false; @form-field-type-label-inline__margin: false; @form-field-type-label-inline__padding-top: 6px; @form-field-type-label-inline__padding: @form-field-type-label-inline__padding-top 15px 0 0; @form-field-type-label-inline__width: 25.8%; @form-field-type-label-inline__align: right; @form-field-type-label-block__margin: 0 0 @indent__xs; @form-field-type-label-block__padding: false; @form-field-type-label-block__align: @form-field-label__align; // Form field control @form-field-type-control-inline__width: 74.2%; // Form field label asterisk @form-field-label-asterisk__color: @color-red10; @form-field-label-asterisk__font-size: @font-size__s; @form-field-label-asterisk__font-family: false; @form-field-label-asterisk__font-weight: false; @form-field-label-asterisk__font-style: false; @form-field-label-asterisk__line-height: false; @form-field-label-asterisk__margin: 0 0 0 @indent__xs; // Form field note @form-field-note__color: false; @form-field-note__font-size: @font-size__s; @form-field-note__font-family: false; @form-field-note__font-weight: false; @form-field-note__font-style: false; @form-field-note__line-height: false; @form-field-note__margin: 3px 0 0; @form-field-note__padding: 0; // Form field note icon @form-field-note-icon-font: @icon-font; @form-field-note-icon-font__content: @icon-pointer-up; @form-field-note-icon-font__size: @form-field-note__font-size * 2; @form-field-note-icon-font__line-height: @form-field-note__font-size; @form-field-note-icon-font__color: @form-field-note__color; @form-field-note-icon-font__color-hover: false; @form-field-note-icon-font__color-active: false; @form-field-note-icon-font__margin: false; @form-field-note-icon-font__vertical-align: @icon-font__vertical-align; @form-field-note-icon-font__position: @icon-font__position; @form-field-note-icon-font__text-hide: @icon-font__text-hide; // Hasrequired @form-hasrequired__position: top; // [top|bottom] @form-hasrequired__color: @form-field-label-asterisk__color; @form-hasrequired__font-size: @font-size__s; @form-hasrequired__font-family: false; @form-hasrequired__font-weight: false; @form-hasrequired__font-style: false; @form-hasrequired__line-height: false; @form-hasrequired__border: false; @form-hasrequired__margin: @indent__s 0 0; @form-hasrequired__padding: false; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_structure.less000077700000001004151323550650024474 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Structure // _____________________________________________ // // Z axis // --------------------------------------------- @z-index-1: 100; @z-index-2: 200; @z-index-3: 300; @z-index-4: 400; @z-index-5: 500; @z-index-6: 600; @z-index-7: 700; @z-index-8: 800; @z-index-9: 900; @z-index-10: 1000; // z-index 8 @overlay__z-index: @modal__z-index - 1; // z-index 9 @modal__z-index: @z-index-9; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_tables.less000077700000003413151323550650023714 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Table variables // _____________________________________________ @table__width: 100%; @table__margin-bottom: false; @table__background-color: false; @table__border-color: @border-color__base; @table__border-width: @border-width__base; @table__border-style: solid; @table-head__background-color: @table__background-color; @table-foot__background-color: @table__background-color; @table-body-th__background-color: @table__background-color; @table-caption__hide: true; // [true|false] @table-caption__font-size: false; @table-caption__color: false; @table-caption__font-family: false; @table-caption__font-weight: false; @table-caption__font-style: false; @table-caption__line-height: false; @table-caption__alignment: false; @table-caption__margin-top: false; @table-caption__margin-bottom: false; @table-td__background-color: @table__background-color; @table-td__font-size: false; @table-td__color: false; @table-td__font-family: false; @table-td__font-weight: false; @table-td__line-height: false; @table-td__font-style: false; @table-th__font-size: false; @table-th__color: @text__color__intense; @table-th__font-family: false; @table-th__font-weight: @font-weight__bold; @table-th__line-height: false; @table-th__font-style: false; @table-cell__padding-horizontal: @indent__s; @table-cell__padding-vertical: 8px; @table-cell__hover__background-color: @panel__background-color; @table-cell-stripped__background-color: lighten(@table-cell__hover__background-color, 15%); @table-cell-stripped__color: @table-td__color; @table-responsive__background-color: @table__background-color; @table-responsive-th__background-color: false; @table-responsive-cell__padding: @indent__xs 0; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_icons.less000077700000004114151323550650023554 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Icons variables // _____________________________________________ @icon__position: before; @icon__text-hide: false; @icon__height: 26px; @icon__width: 26px; @icon__margin: ''; @icon__vertical-align: middle; @icon-image__position-x: 0; @icon-image__position-y: 0; @icon-sprite__position-x: 0; @icon-sprite__position-y: 0; @icon-sprite__grid: 26px; @icon-font: @icons__font-name; @icon-font__position: @icon__position; @icon-font__text-hide: @icon__text-hide; @icon-font__margin: @icon__margin; @icon-font__size: inherit; @icon-font__line-height: @icon-font__size; @icon-font__color: inherit; @icon-font__color-hover: false; @icon-font__color-active: false; @icon-font__vertical-align: @icon__vertical-align; @icon-font__display: inline-block; @icon-calendar__font-size: 40px; // // Variables for icons-blank-theme // --------------------------------------------- // ToDo UI: move it to blank theme variables @icon-wishlist-full: '\e600'; @icon-wishlist-empty: '\e601'; @icon-warning: '\e602'; @icon-update: '\e603'; @icon-trash: '\e604'; @icon-star: '\e605'; @icon-settings: '\e606'; @icon-pointer-down: '\e607'; @icon-next: '\e608'; @icon-menu: '\e609'; @icon-location: '\e60a'; @icon-list: '\e60b'; @icon-info: '\e60c'; @icon-grid: '\e60d'; @icon-comment-reflected: '\e60e'; @icon-collapse: '\e60f'; @icon-checkmark: '\e610'; @icon-cart: '\e611'; @icon-calendar: '\e612'; @icon-arrow-up: '\e613'; @icon-arrow-down: '\e614'; @icon-search: '\e615'; @icon-remove: '\e616'; @icon-prev: '\e617'; @icon-pointer-up: '\e618'; @icon-pointer-right: '\e619'; @icon-pointer-left: '\e61a'; @icon-flag: '\e61b'; @icon-expand: '\e61c'; @icon-envelope: '\e61d'; @icon-compare-full: '\e61e'; @icon-compare-empty: '\e61f'; @icon-comment: '\e620'; @icon-up: '\e621'; @icon-down: '\e622'; @icon-help: '\e623'; @icon-arrow-right-thin: '\e624'; @icon-arrow-left-thin: '\e625'; @icon-arrow-down-thin: '\e626'; @icon-account: '\e627'; @icon-gift-registry: '\e628'; @icon-present: '\e629'; @icon-arrow-up-thin: '\e633'; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_components.less000077700000000545151323550650024632 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Lib -> Components -> Variables // _____________________________________________ @component__box-shadow__base: 1px 1px @component__shadow-size__base rgba(0, 0, 0, .5); @component__shadow-size__base: 5px; @component-modal__opacity: .98; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_rating.less000077700000000711151323550650023724 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Rating variables // _____________________________________________ @rating-icon__count: 5; @rating-icon__content: @icon-star; @rating-icon__font: @icon-font; @rating-icon__font-size: 28px; @rating-icon__letter-spacing: -10px; @rating-icon__color: @color-gray78; @rating-icon__active__color: @active__color; @rating-label__hide: false; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_dropdowns.less000077700000010611151323550650024457 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Dropdowns variables // _____________________________________________ // // Variables simple dropdown // --------------------------------------------- @dropdown-actions__padding: false; @dropdown-list__min-width: 100%; @dropdown-list__width: false; @dropdown-list__height: false; @dropdown-list__margin-top: 4px; @dropdown-list__position-top: 100%; @dropdown-list__position-right: false; @dropdown-list__position-bottom: false; @dropdown-list__position-left: false; @dropdown-list__pointer: true; // [true|false] @dropdown-list__background: @color-white; @dropdown-list__border: 1px solid @color-gray-light2; @dropdown-list__shadow: 0 3px 3px rgba(0,0,0,.15); // [''|none|value] @dropdown-list__z-index: 100; @dropdown-list-pointer__border: @color-gray-light2; @dropdown-list-pointer__position: left; // [left|right] @dropdown-list-pointer__position-top: -12px; @dropdown-list-pointer__position-left-right: 10px; @dropdown-list-item__border: 0; @dropdown-list-item__padding: 3px @indent__xs; @dropdown-list-item__margin: 0; @dropdown-list-item__hover: @color-gray91; @dropdown-toggle-icon__content: @icon-pointer-down; @dropdown-toggle-icon__font: @button-icon__font; @dropdown-toggle-icon__font-size: @button-icon__font-size; @dropdown-toggle-icon__font-line-height: @button-icon__line-height; @dropdown-toggle-icon__font-color: @button-icon__color; @dropdown-toggle-icon__font-color-hover: @button-icon__hover__font-color; @dropdown-toggle-icon__font-color-active: @button-icon__active__font-color; @dropdown-toggle-icon__font-margin: @button-icon__margin; @dropdown-toggle-icon__position: after; @dropdown-toggle-icon__font-vertical-align: @button-icon__vertical-align; @dropdown-toggle-icon__text-hide: @button-icon__text-hide; @dropdown-toggle-icon__active__content: @icon-pointer-up; // // Variables split dropdown // --------------------------------------------- @dropdown-split-actions__padding: 0 @indent__xs; @dropdown-split-toggle__actions__padding: 4px @indent__xs; @dropdown-split-button__actions__padding: false; @dropdown-split-toggle__position: right; @dropdown-split-list__min-width: @dropdown-list__min-width; @dropdown-split-list__width: @dropdown-list__width; @dropdown-split-list__height: @dropdown-list__height; @dropdown-split-list__margin-top: @dropdown-list__margin-top; @dropdown-split-list__position-top: @dropdown-list__position-top; @dropdown-split-list__position-right: @dropdown-list__position-right; @dropdown-split-list__position-bottom: @dropdown-list__position-bottom; @dropdown-split-list__position-left: @dropdown-list__position-left; @dropdown-split-list__background: @dropdown-list__background; @dropdown-split-list__border: @dropdown-list__border; @dropdown-split-list__pointer: @dropdown-list__pointer; @dropdown-split-list__pointer-border: @dropdown-list-pointer__border; @dropdown-split-list__pointer-position: @dropdown-split-toggle__position; @dropdown-split-list__pointer-position-top: @dropdown-list-pointer__position-top; @dropdown-split-list__pointer-position-left-right: @dropdown-list-pointer__position-left-right; @dropdown-split-list__item-border: @dropdown-list-item__border; @dropdown-split-list__item-padding: @dropdown-list-item__padding; @dropdown-split-list__item-margin: @dropdown-list-item__margin; @dropdown-split-list__item-hover: @dropdown-list-item__hover; @dropdown-split-button__border-radius-fix: false; @dropdown-split-list__shadow: @dropdown-list__shadow; // [''|none|value] @dropdown-split-list__z-index: @dropdown-list__z-index; @dropdown-split-toggle-icon__content: @dropdown-toggle-icon__content; @dropdown-split-toggle-icon__font: @button-icon__font; @dropdown-split-toggle-icon__font-size: @button-icon__font-size; @dropdown-split-toggle-icon__font-line-height: @button-icon__line-height; @dropdown-split-toggle-icon__font-color: @button-icon__color; @dropdown-split-toggle-icon__font-color-hover: @button-icon__hover__font-color; @dropdown-split-toggle-icon__font-color-active: @button-icon__active__font-color; @dropdown-split-toggle-icon__font-margin: @button-icon__margin; @dropdown-split-toggle-icon__font-vertical-align: @button-icon__vertical-align; @dropdown-split-toggle-icon__position: @dropdown-toggle-icon__position; @dropdown-split-toggle-icon__text-hide: true; // [true|false] @dropdown-split-toggle-icon__active__content: @dropdown-toggle-icon__active__content; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_loaders.less000077700000001700151323550650024070 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Loader variables // _____________________________________________ @loader-overlay__background-color: rgba(255, 255, 255, .5); @loader-overlay__z-index: 9999; @loader-icon__width: 160px; @loader-icon__height: 160px; @loader-icon__background-color: transparent; @loader-icon__background-image: url('@{baseDir}images/loader-2.gif'); @loader-icon__background-position: 50% 50%; @loader-icon__border-radius: 5px; @loader-icon__padding: ''; @loader-text: false; @loader-text__color: @primary__color; @loader-text__font-size: @font-size__base; @loader-text__font-family: @font-family__base; @loader-text__font-weight: @font-weight__regular; @loader-text__font-style: @font-style__base; @loader-text__padding: 130px 0 0; @loading__background-color: @loader-overlay__background-color; @loading__background-image: @loader-icon__background-image; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_buttons.less000077700000007077151323550650024152 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Buttons variables // _____________________________________________ // // Buttons // --------------------------------------------- // Font style @button__font-family: @font-family__base; @button__font-size: @font-size__base; @button__font-weight: @font-weight__bold; @button__line-height: @font-size__base + 2; @button__margin: 0; @button__padding: 7px 15px; // is set up to false when buttons don't depend on side paddings or have fixed width @button__width: false; // is set up to false when buttons depend on side paddings or to fixed value when needed // Display settings @button__display: inline-block; @button__cursor: pointer; @button__border-radius: 3px; @button__disabled__opacity: .5; // Default = secondary button @button__color: @primary__color; @button__background: @color-gray95; @button__border: 1px solid @color-gray-darken2; @button__gradient-color-start: false; @button__gradient-color-end: false; @button__hover__color: @color-gray-darken3; @button__hover__background: @color-gray-darken1; @button__hover__border: @button__border; @button__hover__gradient-color-start: false; @button__hover__gradient-color-end: false; @button__active__color: @button__color; @button__active__background: @button__hover__background; @button__active__border: @button__border; @button__active__gradient-color-start: false; @button__active__gradient-color-end: false; // Primary button @button-primary__font-family: @button__font-family; @button-primary__font-size: @button__font-size; @button-primary__font-weight: @button__font-weight; @button-primary__line-height: false; @button-primary__width: false; @button-primary__margin: false; @button-primary__padding: @button__padding; @button-primary__gradient: false; @button-primary__gradient-direction: false; @button-primary__background: @theme__color__primary; @button-primary__border: 1px solid @theme__color__primary; @button-primary__color: @color-white; @button-primary__gradient-color-start: false; @button-primary__gradient-color-end: false; @button-primary__hover__background: @theme__color__primary-alt; @button-primary__hover__border: 1px solid @theme__color__primary-alt; @button-primary__hover__color: @button-primary__color; @button-primary__hover__gradient-color-start: false; @button-primary__hover__gradient-color-end: false; @button-primary__active__background: @button-primary__hover__background; @button-primary__active__border: @button-primary__hover__border; @button-primary__active__color: @button-primary__color; @button-primary__active__gradient-color-start: false; @button-primary__active__gradient-color-end: false; // Gradient button @button__gradient: false; // [true|false] - button has a gradient background @button__gradient-direction: false; // button gradient direction if button has a gradient background // Button with icon @button-icon__use: false; @button-icon__content: @icon-settings; @button-icon__font: @icon-font; @button-icon__font-size: 22px; @button-icon__line-height: @button-icon__font-size; @button-icon__color: inherit; @button-icon__margin: 0; @button-icon__vertical-align: top; @button-icon__position: @icon__position; @button-icon__text-hide: false; @button-icon__hover__font-color: inherit; @button-icon__active__font-color: inherit; // Large button @button__font-size__l: @font-size__l; @button__line-height__l: @font-size__l + 4; @button__padding__l: 14px 17px; // Small button @button__font-size__s: 11px; @button__line-height__s: @button__font-size__s + 1; @button__padding__s: @indent__xs 8px; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_sections.less000077700000010316151323550650024271 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Sections variables // _____________________________________________ // // Tabs // --------------------------------------------- // Tabs controls @tab-control__font-size: @font-size__base; @tab-control__font-family: false; @tab-control__font-weight: @font-weight__semibold; @tab-control__font-style: false; @tab-control__line-height: @tab-control__height; @tab-control__height__base: @line-height__computed; @tab-control__height: @indent__base; @tab-control__margin-right: @indent__xs; @tab-control__padding-top: @indent__xs; @tab-control__padding-right: @indent__base; @tab-control__padding-bottom: @tab-control__padding-top; @tab-control__padding-left: @tab-control__padding-right; @tab-control__border-color: @border-color__base; @tab-control__border-width: @border-width__base; // Current tab @tab-control__background-color: @panel__background-color; @tab-control__color: @text__color__muted; @tab-control__text-decoration: none; @tab-control__hover__background-color: lighten(@tab-control__background-color, 5%); @tab-control__hover__color: @tab-control__color; @tab-control__hover__text-decoration: @tab-control__text-decoration; @tab-control__active__background-color: lighten(@tab-control__background-color, 15%); @tab-control__active__color: @text__color; @tab-control__active__text-decoration: @tab-control__text-decoration; @tab-control__visited__color: @tab-control__color; @tab-control__visited__text-decoration: @tab-control__text-decoration; @tab-content__background-color: @tab-control__active__background-color; @tab-content__border-top-status: false; @tab-content__border: @tab-control__border-width solid @tab-control__border-color; @tab-content__margin-top: @tab-control__height + @tab-control__border-width + @tab-control__padding-top + @tab-control__padding-bottom; @tab-content__padding-top: @indent__base; @tab-content__padding-right: @indent__base; @tab-content__padding-bottom: @tab-content__padding-top; @tab-content__padding-left: @tab-content__padding-right; // // Accordions // --------------------------------------------- @accordion-control__font-family: @tab-control__font-family; @accordion-control__font-size: @font-size__l; @accordion-control__font-style: @tab-control__font-style; @accordion-control__font-weight: @tab-control__font-weight; @accordion-control__line-height: @accordion-control__height; @accordion-control__border-top: @tab-control__border-width solid @tab-control__border-color; @accordion-control__border-right: @tab-control__border-width solid @tab-control__border-color; @accordion-control__border-bottom: @tab-control__border-width solid @tab-control__border-color; @accordion-control__border-left: @tab-control__border-width solid @tab-control__border-color; @accordion-control__background-color: @tab-control__background-color; @accordion-control__color: @tab-control__color; @accordion-control__text-decoration: @tab-control__text-decoration; @accordion-control__height: @indent__xl; @accordion-control__margin-bottom: @indent__xs; @accordion-control__padding-top: @tab-control__padding-top; @accordion-control__padding-right: @indent__base; @accordion-control__padding-bottom: @tab-control__padding-bottom; @accordion-control__padding-left: @accordion-control__padding-right; @accordion-control__visited__color: @tab-control__visited__color; @accordion-control__visited__text-decoration: @tab-control__visited__text-decoration; @accordion-control__hover__background-color: @tab-control__hover__background-color; @accordion-control__hover__color: @tab-control__hover__color; @accordion-control__hover__text-decoration: @tab-control__hover__text-decoration; @accordion-control__active__background-color: @tab-control__active__background-color; @accordion-control__active__color: @tab-control__active__color; @accordion-control__active__text-decoration: @tab-control__active__text-decoration; @accordion-content__background-color: @tab-control__active__background-color; @accordion-content__border: @tab-content__border; @accordion-content__margin: 0 0 @indent__xs; @accordion-content__padding: @tab-content__padding-top @tab-content__padding-right @tab-content__padding-bottom @tab-content__padding-left; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_popups.less000077700000005632151323550650023775 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Popup variables // _____________________________________________ @popup__width: 100%; @popup__height: auto; @popup__padding: 22px; @popup__background: @color-white; @popup__border-color: @color-gray-light3; @popup__border: 1px solid @popup__border-color; @popup__shadow: 0 3px 3px rgba(0,0,0,.15); @popup__fade: opacity .3s linear; @popup__z-index: 1001; @popup__position: fixed; @popup__position-top: 0; @popup__position-right: 0; @popup__position-bottom: 0; @popup__position-left: 0; @popup__margin-top: false; @popup__margin-right: false; @popup__margin-bottom: false; @popup__margin-left: false; @popup-content__height: auto; @popup-content__margin: false; @popup-header__margin: 0 0 25px; @popup-footer__margin: false; @popup-title-headings: true; // [true|false] @popup-title-headings__level: h3; // [h1|h2|h3|h4|h5|h6] @popup-button-close__icon: true; // [true|false] @popup-button-close__reset: true; // [true|false] @popup-button-close__position: absolute; @popup-button-close__position-top: @indent__s; @popup-button-close__position-right: @indent__s; @popup-button-close__position-bottom: false; @popup-button-close__position-left: false; // Actions toolbar variables @popup-actions-toolbar: false; // [true|false] @popup-actions-toolbar__margin: @actions-toolbar__margin; @popup-actions-toolbar__padding: @actions-toolbar__padding; @popup-actions-toolbar-actions__position: @actions-toolbar-actions__position; @popup-actions-toolbar-actions__reverse: @actions-toolbar-actions__reverse; @popup-actions-toolbar-actions__margin: @actions-toolbar-actions__margin; @popup-actions-toolbar-actions-primary__margin: @actions-toolbar-actions-primary__margin; @popup-actions-toolbar-actions-secondary__margin: @actions-toolbar-actions-secondary__margin; @popup-actions-toolbar-actions-links__margin-top: @actions-toolbar-actions-links__margin-top; @popup-actions-toolbar-actions-links-primary__margin-top: @actions-toolbar-actions-links-primary__margin-top; @popup-actions-toolbar-actions-links-secondary__margin-top: @actions-toolbar-actions-links-secondary__margin-top; // Popup Icons variables @popup-icon-font: @button-icon__font; @popup-icon-font__content: @icon-remove; @popup-icon-font__size: @button-icon__font-size; @popup-icon-font__line-height: @button-icon__line-height; @popup-icon-font__color: @button-icon__color; @popup-icon-font__color-hover: @button-icon__hover__font-color; @popup-icon-font__color-active: @button-icon__active__font-color; @popup-icon-font__margin: @button-icon__margin; @popup-icon-font__vertical-align: @button-icon__vertical-align; @popup-icon-font__position: @button-icon__position; @popup-icon-font__text-hide: true; // Window overlay variables @overlay__background: @color-black; @overlay__opacity: .5; @overlay__opacity-old: 50; @overlay__fade: opacity .15s linear; @overlay__z-index: 1000; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_navigation.less000077700000011015151323550650024576 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Navigation variables // _____________________________________________ @navigation__background: @secondary__color__light; @navigation__border: ''; @navigation-level0-item__font-size: 16; @navigation-level0-item__font-weight: @font-weight__bold; @navigation-level0-item__line-height: false; @navigation-level0-item__margin: 0; @navigation-level0-item__padding: 8px @indent__xl 8px 15px; @navigation-level0-item__text-transform: uppercase; @navigation-level0-item__background: ''; @navigation-level0-item__border: 1px solid @color-gray82; @navigation-level0-item__color: @color-gray34; @navigation-level0-item__text-decoration: none; @navigation-level0-item__active__background: ''; @navigation-level0-item__active__border-color: @active__color; @navigation-level0-item__active__border-style: solid; @navigation-level0-item__active__border-width: 0 0 0 8px; @navigation-level0-item__active__color: ''; @navigation-level0-item__active__text-decoration: ''; @navigation-level0-item__hover__color: @primary__color; @submenu__background: ''; @submenu__border: ''; @submenu__padding-top: @indent__s; @submenu__padding-right: 0; @submenu__padding-bottom: @indent__s; @submenu__padding-left: 15px; @submenu__font-size: ''; @submenu__font-weight: @font-weight__regular; @submenu-item__line-height: 1.3; @submenu-item__background: ''; @submenu-item__border: ''; @submenu-item__color: @color-gray34; @submenu-item__text-decoration: ''; @submenu-item__active__background: ''; @submenu-item__active__border: 8px; @submenu-item__active__border-color: @active__color; @submenu-item__active__border-style: solid; @submenu-item__active__border-width: 0 0 0 @submenu-item__active__border; @submenu-item__active__color: ''; @submenu-item__active__text-decoration: ''; // // Desktop navigation // --------------------------------------------- @navigation-desktop__background: @navigation__background; @navigation-desktop__border: ''; @navigation-desktop__font-size: ''; @navigation-desktop__font-weight: @font-weight__bold; @navigation-desktop-level0-item__line-height: 53px; @navigation-desktop-level0-item__margin: 0 @indent__s 0 0; @navigation-desktop-level0-item__padding: 0 12px; @navigation-desktop-level0-item__background: ''; @navigation-desktop-level0-item__border: ''; @navigation-desktop-level0-item__color: @color-gray34; @navigation-desktop-level0-item__text-decoration: none; @navigation-desktop-level0-item__hover__background: ''; @navigation-desktop-level0-item__hover__border: ''; @navigation-desktop-level0-item__hover__color: @primary__color; @navigation-desktop-level0-item__hover__text-decoration: @navigation-desktop-level0-item__text-decoration; @navigation-desktop-level0-item__active__background: ''; @navigation-desktop-level0-item__active__border-color: @active__color; @navigation-desktop-level0-item__active__border-style: solid; @navigation-desktop-level0-item__active__border-width: 0 0 3px; @navigation-desktop-level0-item__active__color: @navigation-desktop-level0-item__hover__color; @navigation-desktop-level0-item__active__text-decoration: @navigation-desktop-level0-item__text-decoration; @submenu-desktop__background: @page__background-color; @submenu-desktop__border-width: @border-width__base; @submenu-desktop__border-style: solid; @submenu-desktop__border-color: @border-color__base; @submenu-desktop__box-shadow: 0 @indent__xs @indent__xs rgba(0, 0, 0, .19); @submenu-desktop__font-size: ''; @submenu-desktop__font-weight: @font-weight__bold; @submenu-desktop__min-width: 230px; @submenu-desktop__padding: 0; @submenu-desktop-arrow: true; // [true|false] @submenu-desktop-arrow__size: 10px; @submenu-desktop-arrow__left: 20px; @submenu-desktop-item__padding: 8px @indent__base; @submenu-desktop-item__background: ''; @submenu-desktop-item__border: ''; @submenu-desktop-item__color: @navigation-desktop-level0-item__color; @submenu-desktop-item__text-decoration: ''; @submenu-desktop-item__hover__background: @secondary__color; @submenu-desktop-item__hover__border: ''; @submenu-desktop-item__hover__color: @navigation-desktop-level0-item__hover__color; @submenu-desktop-item__hover__text-decoration: @navigation-desktop-level0-item__text-decoration; @submenu-desktop-item__active__background: ''; @submenu-desktop-item__active__border-color: @active__color; @submenu-desktop-item__active__border-style: solid; @submenu-desktop-item__active__border-width: 0 0 0 3px; @submenu-desktop-item__active__color: ''; @submenu-desktop-item__active__text-decoration: ''; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_messages.less000077700000011216151323550650024251 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Messages variables // _____________________________________________ @message__padding: @indent__s @indent__base; @message__margin: 0 0 @indent__s; @message__color: false; // Each message type has its own message color @message__font-size: 13px; @message__font-family: false; @message__font-style: false; @message__font-weight: false; @message__line-height: 1.2em; @message-icon__font-size: ceil(@message__font-size * 2 + 2); @message-icon__font-line-height: @message-icon__font-size; @message-icon__inner-padding-left: 40px; @message-icon__lateral-width: 30px; @message-icon__lateral-arrow-size: 5px; @message-icon__top: 18px; @message-icon__right: false; @message-icon__bottom: false; @message-icon__left: 0; @message__border-width: false; @message__border-color: false; @message__border-style: false; @message__border-radius: false; // Information message @message-info__color: @color-brownie1; @message-info__background: @color-yellow-light1; @message-info__border-color: @message__border-color; @message-info-link__color: @link__color; @message-info-link__color-hover: @link__hover__color; @message-info-link__color-active: @link__hover__color; @message-info-icon: @icon-warning; @message-info-icon__color-inner: @color-brownie-light1; @message-info-icon__color-lateral: @color-white; @message-info-icon__background: @color-brownie1; @message-info-icon__top: @message-icon__top; @message-info-icon__right: @message-icon__right; @message-info-icon__bottom: @message-icon__bottom; @message-info-icon__left: @message-icon__left; // Warning message @message-warning__color: @message-info__color; @message-warning__background: @message-info__background; @message-warning__border-color: @message-info__border-color; @message-warning-link__color: @message-info-link__color; @message-warning-link__color-hover: @message-info-link__color-hover; @message-warning-link__color-active: @message-info-link__color-active; @message-warning-icon: @message-info-icon; @message-warning-icon__color-inner: @message-info-icon__color-inner; @message-warning-icon__color-lateral: @message-info-icon__color-lateral; @message-warning-icon__background: @message-info-icon__background; @message-warning-icon__top: @message-icon__top; @message-warning-icon__right: @message-icon__right; @message-warning-icon__bottom: @message-icon__bottom; @message-warning-icon__left: @message-icon__left; // Error message @message-error__color: @error__color; @message-error__background: @color-pink1; @message-error__border-color: @message__border-color; @message-error-link__color: @link__color; @message-error-link__color-hover: @link__hover__color; @message-error-link__color-active: @link__hover__color; @message-error-icon: @icon-warning; @message-error-icon__color-inner: @color-red11; @message-error-icon__color-lateral: @color-white; @message-error-icon__background: @color-red11; @message-error-icon__top: @message-icon__top; @message-error-icon__right: @message-icon__right; @message-error-icon__bottom: @message-icon__bottom; @message-error-icon__left: @message-icon__left; // Success message @message-success__color: @color-dark-green1; @message-success__background: @color-gray-light1; @message-success__border-color: @message__border-color; @message-success-link__color: @link__color; @message-success-link__color-hover: @link__hover__color; @message-success-link__color-active: @link__hover__color; @message-success-icon: @icon-checkmark; @message-success-icon__color-inner: @color-dark-green1; @message-success-icon__color-lateral: @color-white; @message-success-icon__background: @color-dark-green1; @message-success-icon__top: @message-icon__top; @message-success-icon__right: @message-icon__right; @message-success-icon__bottom: @message-icon__bottom; @message-success-icon__left: @message-icon__left; // Notice message @message-notice__color: @message-info__color; @message-notice__background: @message-info__background; @message-notice__border-color: @message-info__border-color; @message-notice-link__color: @message-info-link__color; @message-notice-link__color-hover: @message-info-link__color-hover; @message-notice-link__color-active: @message-info-link__color-active; @message-notice-icon: @message-info-icon; @message-notice-icon__color-inner: @message-info-icon__color-inner; @message-notice-icon__color-lateral: @message-info-icon__color-lateral; @message-notice-icon__background: @message-info-icon__background; @message-notice-icon__top: @message-icon__top; @message-notice-icon__right: @message-icon__right; @message-notice-icon__bottom: @message-icon__bottom; @message-notice-icon__left: @message-icon__left; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_colors.less000077700000006010151323550650023737 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Color variables // _____________________________________________ @color-blue-dodger: #008bdb; @color-black_dark: #333333; @color-white: #fff; @color-black: #000; @color-darkie-gray: #8a837f; @color-gray19: #303030; @color-gray20: #333; @color-gray34: #575757; @color-gray37: #5e5e5e; @color-gray40: #666; @color-gray43: #6d6d6d; @color-gray46: #757575; @color-gray52: #858585; @color-gray55: #8c8c8c; @color-gray56: #8f8f8f; @color-gray60: #999; @color-gray62: #9e9e9e; @color-gray64: #a3a3a3; @color-gray68: #adadad; @color-gray76: #c2c2c2; @color-gray78: #c7c7c7; @color-gray79: #c9c9c9; @color-gray80: #ccc; @color-gray82: #d1d1d1; @color-gray83: #d4d4d4; @color-gray89: #e3e3e3; @color-gray90: #e5e5e5; @color-gray91: #e8e8e8; @color-gray92: #ebebeb; @color-gray94: #f0f0f0; @color-gray95: #f2f2f2; @color-gray_light: #cccccc; @color-lighter-grayish: #cacaca; @color-very-dark-gray: #666; @color-white-smoke: #f5f5f5; @color-white-dark-smoke: #efefef; @color-white-fog: #f8f8f8; @color-gray-light0: #f6f6f6; @color-gray-light01: #f4f4f4; @color-gray-light1: #e5efe5; @color-gray-light2: #bbb; @color-gray-light3: #aeaeae; @color-gray-light4: #cecece; @color-gray-light5: #c1c1c1; @color-gray-light6: #c5c5c5; @color-gray-middle1: #e4e4e4; @color-gray-middle2: #c6c6c6; @color-gray-middle3: #7e807e; @color-gray-middle4: #6e716e; @color-gray-middle5: #707070; @color-gray-darken0: #eee; @color-gray-darken1: #e2e2e2; @color-gray-darken2: #cdcdcd; @color-gray-darken3: #555; @color-gray-darken4: #494949; @color-red9: #ff0101; @color-red10: #e02b27; @color-red11: #b30000; @color-red12: #d10029; @color-orange-red1: #ff5501; @color-orange-red2: #ff5601; // Legacy orange @color-orange-red3: #ff5700; // Legacy orange @color-orange-red4: #fc5e10; // Legacy orange @color-dark-green1: #006400; @color-blue1: #1979c3; @color-blue2: #006bb4; @color-blue3: #00699D; @color-sky-blue1: #68a8e0; @color-pink1: #fae5e5; @color-dark-pink1: #800080; // Legacy pink @color-brownie: #514943; @color-brownie-vanilla: #736963; @color-brownie1: #6f4400; @color-brownie-light1: #c07600; @color-yellow-light1: #fdf0d5; @color-yellow-light2: #ffee9c; @color-yellow-light3: #d6ca8e; @color-yellow1: #ff0; // // Color nesting // --------------------------------------------- @theme__color__primary: @color-blue1; @theme__color__primary-alt: @color-blue2; @theme__color__secondary: @color-orange-red1; @primary__color: @color-gray20; @primary__color__dark: darken(@primary__color, 35%); // #000 @primary__color__darker: darken(@primary__color, 13.5%); // #111 @primary__color__lighter: lighten(@primary__color, 29%); // #7d7d7d @primary__color__light: lighten(@primary__color, 45%); // #a6a6a6 @secondary__color: @color-gray91; @secondary__color__light: lighten(@secondary__color, 5%); @page__background-color: @color-white; @panel__background-color: darken(@page__background-color, 6%); @active__color: @theme__color__secondary; @error__color: @color-red10; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_actions-toolbar.less000077700000001322151323550650025537 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Actions-toolbar variables // _____________________________________________ @actions-toolbar__margin: false; @actions-toolbar__padding: false; @actions-toolbar-actions__position: justify; // [left|right|center|justify] @actions-toolbar-actions__reverse: false; // [true|false] @actions-toolbar-actions__margin: false; @actions-toolbar-actions-primary__margin: 0 @indent__xs 0 0; @actions-toolbar-actions-secondary__margin: false; @actions-toolbar-actions-links__margin-top: false; @actions-toolbar-actions-links-primary__margin-top: false; @actions-toolbar-actions-links-secondary__margin-top: 6px; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_breadcrumbs.less000077700000005157151323550650024742 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Breadcrumbs variables // _____________________________________________ @breadcrumbs__font-size: @font-size__s; @breadcrumbs__display: false; @breadcrumbs__container-margin: 0 0 @indent__base; @breadcrumbs__padding: false; @breadcrumbs-separator__symbol: false; @breadcrumbs-separator__color: @breadcrumbs-current__color; @breadcrumbs-icon__use: true; @breadcrumbs-icon__font-content: @icon-next; @breadcrumbs-icon__font: @icon-font; @breadcrumbs-icon__font-size: 24px; @breadcrumbs-icon__font-line-height: 18px; @breadcrumbs-icon__font-color: false; @breadcrumbs-icon__font-margin: 0; @breadcrumbs-icon__font-vertical-align: top; // Current page @breadcrumbs-current__color: @color-gray64; @breadcrumbs-current__font-weight: @font-weight__regular; @breadcrumbs-current__background: false; @breadcrumbs-current__border: false; // Current page - gradient background @breadcrumbs-current__gradient: false; @breadcrumbs-current__gradient-direction: vertical; @breadcrumbs-current__gradient-color-start: false; @breadcrumbs-current__gradient-color-end: false; // // Link // --------------------------------------------- // Gradient @breadcrumbs-link__gradient: false; // [true|false] @breadcrumbs-link__gradient-direction: false; // [true|false] @breadcrumbs-link__color: @primary__color; @breadcrumbs-link__background: false; @breadcrumbs-link__border: false; @breadcrumbs-link__text-decoration: none; @breadcrumbs-link__gradient-color-start: false; @breadcrumbs-link__gradient-color-end: false; // Visited @breadcrumbs-link__visited__color: @primary__color; @breadcrumbs-link__visited__background: @breadcrumbs-link__background; @breadcrumbs-link__visited__border: @breadcrumbs-link__border; @breadcrumbs-link__visited__text-decoration: none; @breadcrumbs-link__visited__gradient-color-start: false; @breadcrumbs-link__visited__gradient-color-end: false; // Hover @breadcrumbs-link__hover__color: @primary__color; @breadcrumbs-link__hover__background: false; @breadcrumbs-link__hover__border: @breadcrumbs-link__border; @breadcrumbs-link__hover__text-decoration: underline; @breadcrumbs-link__hover__gradient-color-start: false; @breadcrumbs-link__hover__gradient-color-end: false; // Active @breadcrumbs-link__active__color: @primary__color; @breadcrumbs-link__active__background: @breadcrumbs-link__background; @breadcrumbs-link__active__border: @breadcrumbs-link__border; @breadcrumbs-link__active__text-decoration: none; @breadcrumbs-link__active__gradient-color-start: false; @breadcrumbs-link__active__gradient-color-end: false; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/.htaccess000077700000000177151323550650023215 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_layout.less000077700000002633151323550650023762 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Layout variables // _____________________________________________ // Widths @layout__width: ''; // for the fixed width layout @layout__max-width: 1280px; @layout-indent__width: 20px; @layout__width-xs-indent: 15px; // Classnames defining different layouts @layout-class-1column: page-layout-1column; @layout-class-2columns__left: page-layout-2columns-left; @layout-class-2columns__right: page-layout-2columns-right; @layout-class-3columns: page-layout-3columns; // Variables used for layout grid @total-columns: 12; @gutter-width: 0; // Variables for layout columns @layout-column__width: @total-columns; @layout-column__sidebar-width: 2; @layout-column__left-width: @layout-column__sidebar-width; @layout-column__right-width: @layout-column__sidebar-width; // Variables for layout columns depending on layout used @layout-column-main__width-1: 100%; @layout-column-main__width-2-left: @layout-column__width - @layout-column__left-width; @layout-column-main__width-2-right: @layout-column__width - @layout-column__right-width; @layout-column-main__width-3: @layout-column__width - @layout-column__left-width - @layout-column__right-width; // Checkout columns width @layout-column-checkout__width-left: 3; @layout-column-checkout__width-main: @layout-column__width - @layout-column-checkout__width-left; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_tooltips.less000077700000001326151323550650024320 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Tooltips variables // _____________________________________________ @tooltip__background: @color-white; @tooltip__border-color: @color-gray-light2; @tooltip__border-width: 1px; @tooltip__border-radius: false; @tooltip__color: @primary__color; @tooltip__cursor: help; @tooltip__font-size: false; @tooltip__font-family: false; @tooltip__font-weight: false; @tooltip__line-height: 1.4; @tooltip__font-style: false; @tooltip__margin: false; @tooltip__padding: 12px 16px; @tooltip__min-width: 210px; @tooltip__max-width: 360px; @tooltip__z-index: 100; @tooltip-arrow__size: 5px; @tooltip-arrow__offset: 10px; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/variables/_typography.less000077700000017047151323550650024660 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Typography variables // _____________________________________________ // // Fonts // --------------------------------------------- // Path @icons__font-path: "@{baseDir}fonts/Blank-Theme-Icons/Blank-Theme-Icons"; // Names @icons__font-name: 'icons-blank-theme'; // ToDo UI: we need to rename (it shouldn't use blank theme name) or move icon fonts to blank theme // Font families @font-family__sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif; @font-family__serif: Georgia, 'Times New Roman', Times, serif; @font-family__monospace: Menlo, Monaco, Consolas, 'Courier New', monospace; @font-family__base: @font-family__sans-serif; // Sizes @root__font-size: 62.5%; // Defines ratio between root font size and base font size, 1rem = 10px @font-size-ratio__base: 1.4; // Defines ratio of the root font-size to the base font-size @font-size-unit: rem; // The unit to which most typography values will be converted by default @font-size-unit-ratio: unit(@root__font-size * 16/100); // Ratio of the root font-size to the font-size unit @font-size-unit-convert: true; // Controls whether font-size values are converted to the specified font-size unit @font-size__base: unit(@font-size-unit-ratio * @font-size-ratio__base, px); // Base font size value in <b>px</b> @font-size__xl: ceil(1.5 * @font-size__base); // 21px @font-size__l: ceil(1.25 * @font-size__base); // 18px @font-size__s: ceil(.85 * @font-size__base); // 12px @font-size__xs: floor(.75 * @font-size__base); // 11px // Weights @font-weight__hairline: 100; @font-weight__extralight: 200; @font-weight__light: 300; @font-weight__regular: 400; @font-weight__heavier: 500; @font-weight__semibold: 600; @font-weight__bold: 700; @font-weight__extrabold: 800; @font-weight__heavy: 900; // Styles @font-style__base: normal; @font-style__emphasis: italic; // Line heights @line-height__base: 1.428571429; @line-height__computed: floor(@font-size__base * @line-height__base); @line-height__xl: 1.7; @line-height__l: 1.5; @line-height__s: 1.33; // Colors @text__color: @primary__color; @text__color__intense: @primary__color__darker; @text__color__muted: @primary__color__lighter; // // Indents // --------------------------------------------- @indent__base: @line-height__computed; // 20px @indent__xl: @indent__base * 2; // 40px @indent__l: @indent__base * 1.5; // 30px @indent__m: @indent__base * 1.25; // 25px @indent__s: @indent__base / 2; // 10px @indent__xs: @indent__base / 4; // 5px // // Borders // --------------------------------------------- @border-color__base: darken(@page__background-color, 18%); @border-width__base: 1px; // // Links // --------------------------------------------- @link__color: @theme__color__primary; @link__text-decoration: none; @link__visited__color: @link__color; @link__visited__text-decoration: none; @link__hover__color: @theme__color__primary-alt; @link__hover__text-decoration: underline; @link__active__color: @active__color; @link__active__text-decoration: underline; // // Focus // --------------------------------------------- @focus__color: @color-sky-blue1; @focus__box-shadow: 0 0 3px 1px @focus__color; // // Lists // --------------------------------------------- @list__color__base: false; @list__font-size__base: false; @list__margin-top: 0; @list__margin-bottom: @indent__m; @list-item__margin-top: 0; @list-item__margin-bottom: @indent__s; @dl__margin-top: 0; @dl__margin-bottom: @indent__base; @dt__margin-top: 0; @dt__margin-bottom: @indent__xs; @dt__font-weight: @font-weight__bold; @dd__margin-top: 0; @dd__margin-bottom: @indent__s; // // Paragraphs // --------------------------------------------- @p__margin-top: 0; @p__margin-bottom: @indent__s; // // Headings // --------------------------------------------- @heading__font-family__base: false; @heading__font-weight__base: @font-weight__light; @heading__line-height__base: 1.1; @heading__color__base: false; @heading__font-style__base: false; @heading__margin-top__base: @indent__base; @heading__margin-bottom__base: @indent__base; @h1__font-size: ceil((@font-size__base * 1.85)); // 26px @h1__font-color: @heading__color__base; @h1__font-family: @heading__font-family__base; @h1__font-weight: @heading__font-weight__base; @h1__font-style: @heading__font-style__base; @h1__line-height: @heading__line-height__base; @h1__margin-top: 0; @h1__margin-bottom: @heading__margin-bottom__base; @h1__font-size-desktop: ceil((@font-size__base * 2.85)); // 40px @h2__font-size: ceil((@font-size__base * 1.85)); // 26px @h2__font-color: @heading__color__base; @h2__font-family: @heading__font-family__base; @h2__font-weight: @heading__font-weight__base; @h2__font-style: @heading__font-style__base; @h2__line-height: @heading__line-height__base; @h2__margin-top: @indent__m; @h2__margin-bottom: @heading__margin-bottom__base; @h3__font-size: ceil((@font-size__base * 1.28)); // 18px @h3__font-color: @heading__color__base; @h3__font-family: @heading__font-family__base; @h3__font-weight: @heading__font-weight__base; @h3__font-style: @heading__font-style__base; @h3__line-height: @heading__line-height__base; @h3__margin-top: @indent__base * .75; @h3__margin-bottom: @indent__s; @h4__font-size: @font-size__base; // 14px @h4__font-color: @heading__color__base; @h4__font-family: @heading__font-family__base; @h4__font-weight: @font-weight__bold; @h4__font-style: @heading__font-style__base; @h4__line-height: @heading__line-height__base; @h4__margin-top: @heading__margin-top__base; @h4__margin-bottom: @heading__margin-bottom__base; @h5__font-size: ceil((@font-size__base * .85)); // 12px @h5__font-color: @heading__color__base; @h5__font-family: @heading__font-family__base; @h5__font-weight: @font-weight__bold; @h5__font-style: @heading__font-style__base; @h5__line-height: @heading__line-height__base; @h5__margin-top: @heading__margin-top__base; @h5__margin-bottom: @heading__margin-bottom__base; @h6__font-size: ceil((@font-size__base * .7)); // 10px @h6__font-color: @heading__color__base; @h6__font-family: @heading__font-family__base; @h6__font-weight: @font-weight__bold; @h6__font-style: @heading__font-style__base; @h6__line-height: @heading__line-height__base; @h6__margin-top: @heading__margin-top__base; @h6__margin-bottom: @heading__margin-bottom__base; @heading__small-color: @primary__color; @heading__small-line-height: 1; @heading__small-size: (@font-size__xs/@font-size__base) * 100%; // Code blocks @code__background-color: @panel__background-color; @code__color: @primary__color__darker; @code__font-size: @font-size__s; @code__padding: 2px 4px; @pre__background-color: @panel__background-color; @pre__border-color: @border-color__base; @pre__border-width: @border-width__base; @pre__color: @primary__color__darker; @kbd__background-color: @panel__background-color; @kbd__color: @primary__color__darker; // Blockquote @blockquote__border-color: @border-color__base; @blockquote__border-width: 0; @blockquote__content-before: '\2014 \00A0'; @blockquote__font-size: @font-size__base; @blockquote__font-style: @font-style__emphasis; @blockquote__margin: 0 0 @indent__base @indent__xl; @blockquote__padding: 0; @blockquote-small__color: @primary__color; @blockquote-small__font-size: @font-size__xs; @cite__font-style: @font-style__base; // Misc @hr__border-color: @border-color__base; @hr__border-style: solid; @hr__border-width: @border-width__base; @mark__color: @primary__color__dark; @mark__background-color: @panel__background-color; @abbr__border-color: @border-color__base; // Disable filters output in css @disable-filters: false; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_dropdowns.less000077700000052252151323550650022516 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Dropdowns // _____________________________________________ // // Simple dropdown // --------------------------------------------- .lib-dropdown( @_toggle-selector : ~".action.toggle", @_options-selector : ~"ul.dropdown", @_dropdown-actions-padding: @dropdown-actions__padding, @_dropdown-list-min-width: @dropdown-list__min-width, @_dropdown-list-width: @dropdown-list__width, @_dropdown-list-height: @dropdown-list__height, @_dropdown-list-margin-top: @dropdown-list__margin-top, @_dropdown-list-position-top: @dropdown-list__position-top, @_dropdown-list-position-bottom: @dropdown-list__position-bottom, @_dropdown-list-position-left: @dropdown-list__position-left, @_dropdown-list-position-right: @dropdown-list__position-right, @_dropdown-list-background: @dropdown-list__background, @_dropdown-list-border: @dropdown-list__border, @_dropdown-list-pointer: @dropdown-list__pointer, @_dropdown-list-pointer-border: @dropdown-list-pointer__border, @_dropdown-list-pointer-position: @dropdown-list-pointer__position, @_dropdown-list-pointer-position-top: @dropdown-list-pointer__position-top, @_dropdown-list-pointer-position-left-right: @dropdown-list-pointer__position-left-right, @_dropdown-list-item-border: @dropdown-list-item__border, @_dropdown-list-item-padding: @dropdown-list-item__padding, @_dropdown-list-item-margin: @dropdown-list-item__margin, @_dropdown-list-item-hover: @dropdown-list-item__hover, @_dropdown-list-shadow: @dropdown-list__shadow, @_dropdown-list-z-index: @dropdown-list__z-index, @_dropdown-toggle-icon-content: @dropdown-toggle-icon__content, @_dropdown-toggle-active-icon-content: @dropdown-toggle-icon__active__content, @_icon-font: @dropdown-toggle-icon__font, @_icon-font-size: @dropdown-toggle-icon__font-size, @_icon-font-line-height: @dropdown-toggle-icon__font-line-height, @_icon-font-color: @dropdown-toggle-icon__font-color, @_icon-font-color-hover: @dropdown-toggle-icon__font-color-hover, @_icon-font-color-active: @dropdown-toggle-icon__font-color-active, @_icon-font-margin: @dropdown-toggle-icon__font-margin, @_icon-font-position: @dropdown-toggle-icon__position, @_icon-font-vertical-align: @dropdown-toggle-icon__font-vertical-align, @_icon-font-text-hide: @dropdown-toggle-icon__text-hide ) { .lib-clearfix(); display: inline-block; position: relative; @{_toggle-selector} { .lib-css(padding, @_dropdown-actions-padding); cursor: pointer; ._lib-dropdown-icon( @_dropdown-toggle-icon-content, @_dropdown-toggle-active-icon-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ); } ._lib-dropdown-styles( @_options-selector: @_options-selector, @_dropdown-list-min-width, @_dropdown-list-width, @_dropdown-list-height, @_dropdown-list-margin-top, @_dropdown-list-background, @_dropdown-list-border, @_dropdown-list-z-index, @_dropdown-list-shadow, @_dropdown-list-item-padding, @_dropdown-list-item-margin, @_dropdown-list-item-border, @_dropdown-list-item-hover, @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right, @_dropdown-list-pointer, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ); } // // Split dropdown // --------------------------------------------- .lib-dropdown-split( @_toggle-selector : ~".action.toggle", @_options-selector : ~"ul.dropdown", @_button-selector : ~".action.split", @_dropdown-split-actions-padding: @dropdown-split-actions__padding, @_dropdown-split-button-actions-padding: @dropdown-split-button__actions__padding, @_dropdown-split-toggle-actions-padding: @dropdown-split-toggle__actions__padding, @_dropdown-split-toggle-position: @dropdown-split-toggle__position, @_dropdown-split-list-min-width: @dropdown-split-list__min-width, @_dropdown-split-list-width: @dropdown-split-list__width, @_dropdown-split-list-height: @dropdown-split-list__height, @_dropdown-split-list-margin-top: @dropdown-split-list__margin-top, @_dropdown-split-list-position-top: @dropdown-split-list__position-top, @_dropdown-split-list-position-bottom: @dropdown-split-list__position-bottom, @_dropdown-split-list-position-left: @dropdown-split-list__position-left, @_dropdown-split-list-position-right: @dropdown-split-list__position-right, @_dropdown-split-list-background: @dropdown-split-list__background, @_dropdown-split-list-border: @dropdown-split-list__border, @_dropdown-split-list-pointer: @dropdown-split-list__pointer, @_dropdown-split-list-pointer-border: @dropdown-split-list__pointer-border, @_dropdown-split-list-pointer-position: @dropdown-split-list__pointer-position, @_dropdown-split-list-pointer-position-top: @dropdown-split-list__pointer-position-top, @_dropdown-split-list-pointer-position-left-right: @dropdown-split-list__pointer-position-left-right, @_dropdown-split-list-item-border: @dropdown-split-list__item-border, @_dropdown-split-list-item-padding: @dropdown-split-list__item-padding, @_dropdown-split-list-item-margin: @dropdown-split-list__item-margin, @_dropdown-split-list-item-hover: @dropdown-split-list__item-hover, @_dropdown-split-button-border-radius-fix: @dropdown-split-button__border-radius-fix, @_dropdown-split-list-shadow: @dropdown-split-list__shadow, @_dropdown-split-list-z-index: @dropdown-split-list__z-index, @_dropdown-split-toggle-icon-content: @dropdown-split-toggle-icon__content, @_dropdown-split-toggle-active-icon-content: @dropdown-split-toggle-icon__active__content, @_icon-font: @dropdown-split-toggle-icon__font, @_icon-font-size: @dropdown-split-toggle-icon__font-size, @_icon-font-line-height: @dropdown-split-toggle-icon__font-line-height, @_icon-font-color: @dropdown-split-toggle-icon__font-color, @_icon-font-color-hover: @dropdown-split-toggle-icon__font-color-hover, @_icon-font-color-active: @dropdown-split-toggle-icon__font-color-active, @_icon-font-margin: @dropdown-split-toggle-icon__font-margin, @_icon-font-vertical-align: @dropdown-split-toggle-icon__font-vertical-align, @_icon-font-position: @dropdown-split-toggle-icon__position, @_icon-font-text-hide: @dropdown-split-toggle-icon__text-hide ) { .lib-clearfix(); display: inline-block; position: relative; ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ); @{_button-selector} { .lib-css(padding, @_dropdown-split-button-actions-padding); } @{_toggle-selector} { .lib-css(padding, @_dropdown-split-toggle-actions-padding); ._lib-dropdown-split-icon( @_dropdown-split-toggle-icon-content, @_dropdown-split-toggle-active-icon-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ); } ._lib-dropdown-styles( @_options-selector: @_options-selector, @_dropdown-split-list-min-width, @_dropdown-split-list-width, @_dropdown-split-list-height, @_dropdown-split-list-margin-top, @_dropdown-split-list-background, @_dropdown-split-list-border, @_dropdown-split-list-z-index, @_dropdown-split-list-shadow, @_dropdown-split-list-item-padding, @_dropdown-split-list-item-margin, @_dropdown-split-list-item-border, @_dropdown-split-list-item-hover, @_dropdown-split-list-position-top, @_dropdown-split-list-position-bottom, @_dropdown-split-list-position-left, @_dropdown-split-list-position-right, @_dropdown-split-list-pointer, @_dropdown-split-list-pointer-border, @_dropdown-split-list-pointer-position, @_dropdown-split-list-pointer-position-top, @_dropdown-split-list-pointer-position-left-right ); } // // Internal use mixins // --------------------------------------------- ._lib-dropdown-styles( @_options-selector, @_dropdown-list-min-width, @_dropdown-list-width, @_dropdown-list-height, @_dropdown-list-margin-top, @_dropdown-list-background, @_dropdown-list-border, @_dropdown-list-z-index, @_dropdown-list-shadow, @_dropdown-list-item-padding, @_dropdown-list-item-margin, @_dropdown-list-item-border, @_dropdown-list-item-hover, @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right, @_dropdown-list-pointer, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ) { @{_options-selector} { .lib-list-reset-styles(); .lib-css(background, @_dropdown-list-background); .lib-css(border, @_dropdown-list-border); .lib-css(height, @_dropdown-list-height); .lib-css(margin-top, @_dropdown-list-margin-top); .lib-css(min-width, @_dropdown-list-min-width); .lib-css(width, @_dropdown-list-width); .lib-css(z-index, @_dropdown-list-z-index); box-sizing: border-box; display: none; position: absolute; ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ); ._lib-dropdown-list-shadow(@_dropdown-list-shadow); li { .lib-css(margin, @_dropdown-list-item-margin); .lib-css(padding, @_dropdown-list-item-padding); ._lib-dropdown-list-item-border( @_dropdown-list-item-border ); &:hover { .lib-css(background, @_dropdown-list-item-hover); cursor: pointer; } } ._lib-dropdown-list-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ); } &.active { overflow: visible; @{_options-selector} { display: block; } } } // // Dropdown list position // --------------------------------------------- ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ) when not (@_dropdown-list-position-top = false) and not (@_dropdown-list-position-top = auto) { .lib-css(top, @_dropdown-list-position-top); } ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ) when not (@_dropdown-list-position-bottom = false) and not (@_dropdown-list-position-bottom = auto) { .lib-css(bottom, @_dropdown-list-position-bottom); } ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ) when not (@_dropdown-list-position-left = false) and not (@_dropdown-list-position-left = auto) { .lib-css(left, @_dropdown-list-position-left); } ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ) when not (@_dropdown-list-position-right = false) and not (@_dropdown-list-position-right = auto) { .lib-css(right, @_dropdown-list-position-right); } // // Simple dropdown icon // --------------------------------------------- ._lib-dropdown-icon( @_dropdown-toggle-icon-content, @_dropdown-toggle-active-icon-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ) { .lib-icon-font( @_icon-font-content: @_dropdown-toggle-icon-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); &.active { .lib-icon-font( @_icon-font-content: @_dropdown-toggle-active-icon-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } } // // Split dropdowns // --------------------------------------------- // Split dropdown icon ._lib-dropdown-split-icon( @_dropdown-toggle-icon-content, @_dropdown-toggle-active-icon-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ) { .lib-button-icon( @_icon-font-content: @_dropdown-toggle-icon-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); &.active { .lib-button-icon( @_icon-font-content: @_dropdown-toggle-active-icon-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } } // Split dropdown toggle position = left ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ) when (@_dropdown-split-toggle-position = left) { @{_button-selector} { float: right; margin: 0; } @{_toggle-selector} { float: left; margin: 0; } } // Split dropdown toggle position = right ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ) when (@_dropdown-split-toggle-position = right) { @{_button-selector} { float: left; margin: 0; } @{_toggle-selector} { float: right; margin: 0; } } // Split dropdown toggle position = right // and // Dropdown-split-button-border-radius-fix = true ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ) when (@_dropdown-split-toggle-position = right) and (@_dropdown-split-button-border-radius-fix = true) { button@{_button-selector} { border-bottom-right-radius: 0; border-top-right-radius: 0; } button + @{_toggle-selector} { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } } // Split dropdown toggle position = left // and // Dropdown-split-button-border-radius-fix = true ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ) when (@_dropdown-split-toggle-position = left) and (@_dropdown-split-button-border-radius-fix = true) { button@{_button-selector} { border-bottom-left-radius: 0; border-top-left-radius: 0; } button + @{_toggle-selector} { border-bottom-right-radius: 0; border-right: 0; border-top-right-radius: 0; } } // // Dropdown show pointer // --------------------------------------------- ._lib-dropdown-list-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ) when (@_dropdown-list-pointer = true) { ._lib-dropdown-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ); } ._lib-dropdown-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ) when (@_dropdown-list-pointer-position = left) { ._lib-dropdown-pointer-default( @_dropdown-list-background, @_dropdown-list-pointer-border ); &:before { .lib-css(left, @_dropdown-list-pointer-position-left-right); .lib-css(top, @_dropdown-list-pointer-position-top); } &:after { .lib-css(left, @_dropdown-list-pointer-position-left-right - 1); .lib-css(top, @_dropdown-list-pointer-position-top - 2); } } ._lib-dropdown-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ) when (@_dropdown-list-pointer-position = right) { ._lib-dropdown-pointer-default( @_dropdown-list-background, @_dropdown-list-pointer-border ); &:before { .lib-css(right, @_dropdown-list-pointer-position-left-right); .lib-css(top, @_dropdown-list-pointer-position-top); } &:after { .lib-css(right, @_dropdown-list-pointer-position-left-right - 1); .lib-css(top, @_dropdown-list-pointer-position-top - 2); } } ._lib-dropdown-pointer-default( @_dropdown-list-background, @_dropdown-list-pointer-border ) { &:before, &:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } &:before { border: 6px solid; .lib-css(border-color, transparent transparent @_dropdown-list-background transparent); z-index: 99; } &:after { border: 7px solid; .lib-css(border-color, transparent transparent @_dropdown-list-pointer-border transparent); z-index: 98; } } // Dropdown list item border != 0 ._lib-dropdown-list-item-border( @_dropdown-list-item-border ) when not (@_dropdown-list-item-border = 0) and not (@_dropdown-list-item-border = false) and not (@_dropdown-list-item-border = '') { .lib-css(border-top, @_dropdown-list-item-border); &:first-child { border: none; } } // Dropdown list shadow ._lib-dropdown-list-shadow( @_dropdown-list-shadow ) when not (@_dropdown-list-shadow = '') and not (@_dropdown-list-shadow = none) { .lib-css(box-shadow, @_dropdown-list-shadow); } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_loaders.less000077700000005472151323550650022132 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Loaders // _____________________________________________ .lib-loader( @_loader-overlay-background-color: @loader-overlay__background-color, @_loader-overlay-z-index: @loader-overlay__z-index, @_loader-icon-width: @loader-icon__width, @_loader-icon-height: @loader-icon__height, @_loader-icon-background-color: @loader-icon__background-color, @_loader-icon-background-image: @loader-icon__background-image, @_loader-icon-background-position: @loader-icon__background-position, @_loader-icon-border-radius: @loader-icon__border-radius, @_loader-icon-padding: @loader-icon__padding, @_loader-text: @loader-text, @_loader-text-color: @loader-text__color, @_loader-text-font-size: @loader-text__font-size, @_loader-text-font-family: @loader-text__font-family, @_loader-text-font-weight: @loader-text__font-weight, @_loader-text-font-style: @loader-text__font-style, @_loader-text-padding: @loader-text__padding ) { .lib-css(background-color, @_loader-overlay-background-color); .lib-css(z-index, @_loader-overlay-z-index); bottom: 0; left: 0; position: fixed; right: 0; top: 0; &:before { ._lib-loader-text(@_loader-text); .lib-css(background, @_loader-icon-background-color @_loader-icon-background-image no-repeat @_loader-icon-background-position); .lib-css(border-radius, @_loader-icon-border-radius); .lib-css(height, @_loader-icon-height); .lib-css(padding, @_loader-icon-padding); .lib-css(width, @_loader-icon-width); bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } } ._lib-loader-text( @_loader-text ) when (@_loader-text = true) { .lib-css(padding, @_loader-text-padding); content: attr(data-text); text-align: center; vertical-align: baseline; .lib-typography( @_color: @_loader-text-color, @_font-size: @_loader-text-font-size, @_font-family: @_loader-text-font-family, @_font-weight: @_loader-text-font-weight, @_font-style: @_loader-text-font-style ); } .lib-loading( @_loading-background-color: @loading__background-color, @_loading-background-image: @loading__background-image ) { position: relative; &:before { .lib-css(background, @_loading-background-color @_loading-background-image no-repeat 50% 50%); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } } .lib-loading-mask() { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_buttons.less000077700000035344151323550650022200 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Buttons // _____________________________________________ // // Button with solid or picture background // --------------------------------------------- .lib-button( @_button-font-family: @button__font-family, @_button-font-size: @button__font-size, @_button-font-weight: @button__font-weight, @_button-cursor: @button__cursor, @_button-display: @button__display, @_button-disabled-opacity: @button__disabled__opacity, @_button-line-height: @button__line-height, @_button-width: @button__width, @_button-margin: @button__margin, @_button-padding: @button__padding, @_button-color: @button__color, @_button-background: @button__background, @_button-border: @button__border, @_button-color-hover: @button__hover__color, @_button-background-hover: @button__hover__background, @_button-border-hover: @button__hover__border, @_button-color-active: @button__active__color, @_button-background-active: @button__active__background, @_button-border-active: @button__active__border, @_button-gradient: @button__gradient, @_button-gradient-direction: @button__gradient-direction, @_button-gradient-color-start: @button__gradient-color-start, @_button-gradient-color-end: @button__gradient-color-end, @_button-gradient-color-start-hover: @button__hover__gradient-color-start, @_button-gradient-color-end-hover: @button__hover__gradient-color-end, @_button-gradient-color-start-active: @button__active__gradient-color-start, @_button-gradient-color-end-active: @button__active__gradient-color-end, @_button-icon-use: @button-icon__use, @_button-font-content: @button-icon__content, @_button-icon-font: @button-icon__font, @_button-icon-font-size: @button-icon__font-size, @_button-icon-font-line-height: @button-icon__line-height, @_button-icon-font-color: @button-icon__color, @_button-icon-font-color-hover: @button-icon__hover__font-color, @_button-icon-font-color-active: @button-icon__active__font-color, @_button-icon-font-margin: @button-icon__margin, @_button-icon-font-vertical-align: @button-icon__vertical-align, @_button-icon-font-position: @button-icon__position, @_button-icon-font-text-hide: @button-icon__text-hide ) { background-image: none; // Reset unusual Firefox-on-Android default style .lib-css(background, @_button-background); .lib-background-gradient( @_button-gradient-color-start, @_button-gradient-color-end, @_button-gradient-direction, @_button-gradient ); .lib-css(border, @_button-border); .lib-css(color, @_button-color); .lib-css(cursor, @_button-cursor); .lib-css(display, @_button-display); .lib-css(font-family, @_button-font-family); .lib-css(font-weight, @_button-font-weight); .lib-css(margin, @_button-margin); .lib-css(padding, @_button-padding); .lib-css(width, @_button-width); .lib-font-size(@_button-font-size); .lib-line-height(@_button-line-height); box-sizing: border-box; vertical-align: middle; ._lib-button-icon ( @_button-icon-use: @_button-icon-use, @_icon-font-content: @_button-font-content, @_icon-font: @_button-icon-font, @_icon-font-size: @_button-icon-font-size, @_icon-font-line-height: @_button-icon-font-line-height, @_icon-font-color: @_button-icon-font-color, @_icon-font-color-hover: @_button-icon-font-color-hover, @_icon-font-color-active: @_button-icon-font-color-active, @_icon-font-margin: @_button-icon-font-margin, @_icon-font-vertical-align: @_button-icon-font-vertical-align, @_icon-font-position: @_button-icon-font-position, @_icon-font-text-hide: @_button-icon-font-text-hide ); &:focus, &:active { .lib-css(background, @_button-background-active); .lib-background-gradient( @_button-gradient-color-start-active, @_button-gradient-color-end-active, @_button-gradient-direction, @_button-gradient ); .lib-css(border, @_button-border-active); .lib-css(color, @_button-color-active); } &:hover { .lib-css(background, @_button-background-hover); .lib-background-gradient( @_button-gradient-color-start-hover, @_button-gradient-color-end-hover, @_button-gradient-direction, @_button-gradient ); .lib-css(border, @_button-border-hover); .lib-css(color, @_button-color-hover); } &.disabled, &[disabled], fieldset[disabled] & { .lib-css(opacity, @_button-disabled-opacity); cursor: default; pointer-events: none; // Disabling of clicks } } // // Button size // --------------------------------------------- .lib-button-size( @_button-line-height: @button__line-height, @_button-padding: @button__padding ){ .lib-line-height(@_button-line-height); .lib-css(padding, @_button-padding); } // // Large buttons // --------------------------------------------- .lib-button-l( @_button-l-font-size: @button__font-size__l, @_button-l-height: @button__line-height__l, @_button-l-padding: @button__padding__l ) { .lib-button-size( @_button-line-height: @_button-l-height, @_button-padding: @_button-l-padding ); .lib-font-size(@_button-l-font-size); } // // Small buttons // --------------------------------------------- .lib-button-s( @_button-s-font-size: @button__font-size__s, @_button-s-height: @button__line-height__s, @_button-s-padding: @button__padding__s ) { .lib-button-size( @_button-line-height: @_button-s-height, @_button-padding: @_button-s-padding ); .lib-font-size(@_button-s-font-size); } // // Link as button // --------------------------------------------- .lib-link-as-button() { .lib-css(display, @button__display); text-decoration: none; &:hover, &:active, &:focus { text-decoration: none; } } // // Button as link // --------------------------------------------- .lib-button-as-link( @_link-color: @link__color, @_link-color-hover: @link__hover__color, @_line-height: @line-height__base, @_disabled_opacity: @button__disabled__opacity, @_margin: 0, @_padding: 0 ) { .lib-css(line-height, @_line-height); .lib-css(margin, @_margin); .lib-css(padding, @_padding); .lib-link( @_link-color: @_link-color, @_link-color-hover: @_link-color-hover ); background: none; border: 0; display: inline; &:hover, &:active, &:focus { background: none; border: 0; } &.disabled, &[disabled], fieldset[disabled] & { .lib-css(color, @_link-color); .lib-css(opacity, @_disabled_opacity); cursor: default; pointer-events: none; // Disabling of clicks text-decoration: underline; } } // // Responsive // --------------------------------------------- .lib-button-responsive() { width: 100%; } // // Button reset // --------------------------------------------- .lib-button-reset() { background-image: none; // Reset unusual Firefox-on-Android default style background: none; -moz-box-sizing: content-box; // Hack: fix Firefox button line-height problem border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; .lib-css(font-weight, @font-weight__regular); &:focus, &:active { background: none; border: none; } &:hover { background: none; border: none; } &.disabled, &[disabled], fieldset[disabled] & { pointer-events: none; // Disabling of all pointer events .lib-css(opacity, @button__disabled__opacity); } } // // Button primary // --------------------------------------------- .lib-button-primary( @_button-font-family: @button-primary__font-family, @_button-font-size: @button-primary__font-size, @_button-font-weight: @button-primary__font-weight, @_button-line-height: @button-primary__line-height, @_button-width: @button-primary__width, @_button-margin: @button-primary__margin, @_button-padding: @button-primary__padding, @_button-color: @button-primary__color, @_button-background: @button-primary__background, @_button-border: @button-primary__border, @_button-gradient-color-start: @button-primary__gradient-color-start, @_button-gradient-color-end: @button-primary__gradient-color-end, @_button-color-hover: @button-primary__hover__color, @_button-background-hover: @button-primary__hover__background, @_button-border-hover: @button-primary__hover__border, @_button-gradient-color-start-hover: @button-primary__hover__gradient-color-start, @_button-gradient-color-end-hover: @button-primary__hover__gradient-color-end, @_button-color-active: @button-primary__active__color, @_button-background-active: @button-primary__active__background, @_button-border-active: @button-primary__active__border, @_button-gradient-color-start-active: @button-primary__active__gradient-color-start, @_button-gradient-color-end-active: @button-primary__active__gradient-color-end, @_button-gradient: @button-primary__gradient, @_button-gradient-direction: @button-primary__gradient-direction ) { .lib-button( @_button-font-family: @_button-font-family, @_button-font-size: @_button-font-size, @_button-font-weight: @_button-font-weight, @_button-line-height: @_button-line-height, @_button-width: @_button-width, @_button-margin: @_button-margin, @_button-padding: @_button-padding, @_button-color: @_button-color, @_button-background: @_button-background, @_button-border: @_button-border, @_button-color-hover: @_button-color-hover, @_button-background-hover: @_button-background-hover, @_button-border-hover: @_button-border-hover, @_button-color-active: @_button-color-active, @_button-background-active: @_button-background-active, @_button-border-active: @_button-border-active, @_button-gradient: @_button-gradient, @_button-gradient-direction: @_button-gradient-direction, @_button-gradient-color-start: @_button-gradient-color-start, @_button-gradient-color-end: @_button-gradient-color-end, @_button-gradient-color-start-hover: @_button-gradient-color-start-hover, @_button-gradient-color-end-hover: @_button-gradient-color-end-hover, @_button-gradient-color-start-active: @_button-gradient-color-start-active, @_button-gradient-color-end-active: @_button-gradient-color-end-active ); } // // Button revert secondary color // --------------------------------------------- .lib-button-revert-secondary-color( @_button-color: @button__color, @_button-background: @button__background, @_button-border: @button__border, @_button-color-hover: @button__hover__color, @_button-background-hover: @button__hover__background, @_button-border-hover: @button__hover__border, @_button-color-active: @button__active__color, @_button-background-active: @button__active__background, @_button-border-active: @button__active__border ) { .lib-css(background, @_button-background); .lib-css(border, @_button-border); .lib-css(color, @_button-color); &:focus, &:active { .lib-css(background, @_button-background-active); .lib-css(border, @_button-border-active); .lib-css(color, @_button-color-active); } &:hover { .lib-css(background, @_button-background-hover); .lib-css(border, @_button-border-hover); .lib-css(color, @_button-color-hover); } } // // Button revert secondary size // --------------------------------------------- .lib-button-revert-secondary-size( @_button-font-size: @button__font-size, @_button-line-height: @button__line-height, @_button-padding: @button__padding ) { .lib-font-size(@_button-font-size); .lib-button-size( @_button-line-height: @_button-line-height, @_button-padding: @_button-padding ) } // // Inner buttons mixins // --------------------------------------------- ._lib-button-icon ( @_button-icon-use: @button-icon__use, @_icon-font-content: @button-icon__content, @_icon-font: @button-icon__font, @_icon-font-size: @button-icon__font-size, @_icon-font-line-height: @button-icon__line-height, @_icon-font-color: @button-icon__color, @_icon-font-color-hover: @button-icon__hover__font-color, @_icon-font-color-active: @button-icon__active__font-color, @_icon-font-margin: @button-icon__margin, @_icon-font-vertical-align: @button-icon__vertical-align, @_icon-font-position: @button-icon__position, @_icon-font-text-hide: @button-icon__text-hide ) when (@_button-icon-use = true) { .lib-button-icon ( @_icon-font-content: @_icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } .lib-button-icon ( @_icon-font-content, @_icon-font: @button-icon__font, @_icon-font-size: @button-icon__font-size, @_icon-font-line-height: @button-icon__line-height, @_icon-font-color: @button-icon__color, @_icon-font-color-hover: @button-icon__hover__font-color, @_icon-font-color-active: @button-icon__active__font-color, @_icon-font-margin: @button-icon__margin, @_icon-font-vertical-align: @button-icon__vertical-align, @_icon-font-position: @button-icon__position, @_icon-font-text-hide: @button-icon__text-hide ) { .lib-icon-font( @_icon-font-content: @_icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_sections.less000077700000026353151323550650022331 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Sections // _____________________________________________ .lib-data-tabs__base(@_tab-control-height__base: @tab-control__height__base) { .lib-clearfix(); position: relative; z-index: 1; > .item.title { float: left; width: auto; > .switch { .lib-css(height, @_tab-control-height__base); display: block; position: relative; z-index: 2; } } > .item.content { .lib-clearfix(); .lib-css(margin-top, @_tab-control-height__base); box-sizing: border-box; float: right; margin-left: -100%; width: 100%; &.active { display: block; } } } .lib-data-tabs( @_tab-control-font-family: @tab-control__font-family, @_tab-control-font-size: @tab-control__font-size, @_tab-control-font-style: @tab-control__font-style, @_tab-control-font-weight: @tab-control__font-weight, @_tab-control-line-height: @tab-control__line-height, @_tab-control-background-color: @tab-control__background-color, @_tab-control-color: @tab-control__color, @_tab-control-text-decoration: @tab-control__text-decoration, @_tab-control-color-visited: @tab-control__visited__color, @_tab-control-text-decoration-visited: @tab-control__visited__text-decoration, @_tab-control-background-color-hover: @tab-control__hover__background-color, @_tab-control-color-hover: @tab-control__hover__color, @_tab-control-text-decoration-hover: @tab-control__hover__text-decoration, @_tab-control-background-color-active: @tab-control__active__background-color, @_tab-control-color-active: @tab-control__active__color, @_tab-control-text-decoration-active: @tab-control__active__text-decoration, @_tab-control-height: @tab-control__height, @_tab-control-margin-right: @tab-control__margin-right, @_tab-control-padding-top: @tab-control__padding-top, @_tab-control-padding-right: @tab-control__padding-right, @_tab-control-padding-bottom: @tab-control__padding-bottom, @_tab-control-padding-left: @tab-control__padding-left, @_tab-control-border-width: @tab-control__border-width, @_tab-control-border-color: @tab-control__border-color, @_tab-content-background-color: @tab-content__background-color, @_tab-content-border: @tab-content__border, @_tab-content-border-top-status: @tab-content__border-top-status, @_tab-content-margin-top: @tab-content__margin-top, @_tab-content-padding-top: @tab-content__padding-top, @_tab-content-padding-right: @tab-content__padding-right, @_tab-content-padding-bottom: @tab-content__padding-bottom, @_tab-content-padding-left: @tab-content__padding-left ) { .lib-data-tabs__base(); > .item.title { .lib-css(margin, 0 @_tab-control-margin-right 0 0); > .switch { .lib-typography( @_color: @_tab-control-color, @_font-size: @_tab-control-font-size, @_font-family: @_tab-control-font-family, @_font-weight: @_tab-control-font-weight, @_font-style: @_tab-control-font-style, @_line-height: @_tab-control-line-height ); .lib-link( @_link-color: @_tab-control-color, @_link-text-decoration: @_tab-control-text-decoration, @_link-color-visited: @_tab-control-color-visited, @_link-text-decoration-visited: @_tab-control-text-decoration-visited, @_link-color-hover: @_tab-control-color-hover, @_link-text-decoration-hover: @_tab-control-text-decoration-hover, @_link-color-active: @_tab-control-color-active, @_link-text-decoration-active: @_tab-control-text-decoration-active ); .lib-css(background, @_tab-control-background-color); .lib-css(border, @_tab-content-border); border-bottom: none; .lib-css(height, @_tab-control-height); .lib-css(padding, @_tab-control-padding-top @_tab-control-padding-right @_tab-control-padding-bottom @_tab-control-padding-left); } &:not(.disabled) > .switch:focus, &:not(.disabled) > .switch:hover { .lib-css(background, @_tab-control-background-color-hover); } &:not(.disabled) > .switch:active, &.active > .switch, &.active > .switch:focus, &.active > .switch:hover { .lib-css(background, @_tab-control-background-color-active); .lib-css(color, @_tab-control-color-active); .lib-css(text-decoration, @_tab-control-text-decoration-active); } &.active > .switch, &.active > .switch:focus, &.active > .switch:hover { .lib-css(padding-bottom, @_tab-control-padding-bottom + @_tab-control-border-width); } } > .item.content { .lib-css(background, @_tab-content-background-color); margin-top: @_tab-content-margin-top; padding: @_tab-content-padding-top @_tab-content-padding-right @_tab-content-padding-bottom @_tab-content-padding-left; ._lib-tab-content-border( @_tab-content-border-top-status: @_tab-content-border-top-status, @_tab-content-border: @_tab-content-border ); } } ._lib-tab-content-border( @_tab-content-border-top-status, @_tab-content-border ) when (@_tab-content-border-top-status = false){ .lib-css(border, @_tab-content-border); } ._lib-tab-content-border( @_tab-content-border-top-status, @_tab-content-border ) when (@_tab-content-border-top-status = true){ border: 0; .lib-css(border-top, @_tab-content-border); } .lib-data-accordion__base() { margin: 0; padding: 0; > .item.title { box-sizing: border-box; float: none; width: 100%; > .switch { display: block; } } > .item.content { .lib-clearfix(); box-sizing: border-box; display: block; float: none; margin: 0; &.active { display: block; } } } .lib-data-accordion( @_accordion-control-font-family: @accordion-control__font-family, @_accordion-control-font-size: @accordion-control__font-size, @_accordion-control-font-style: @accordion-control__font-style, @_accordion-control-font-weight: @accordion-control__font-weight, @_accordion-control-line-height: @accordion-control__line-height, @_accordion-control-border-top: @accordion-control__border-top, @_accordion-control-border-right: @accordion-control__border-right, @_accordion-control-border-bottom: @accordion-control__border-bottom, @_accordion-control-border-left: @accordion-control__border-left, @_accordion-control-background-color: @accordion-control__background-color, @_accordion-control-color: @accordion-control__color, @_accordion-control-text-decoration: @accordion-control__text-decoration, @_accordion-control-color-visited: @accordion-control__visited__color, @_accordion-control-text-decoration-visited: @accordion-control__visited__text-decoration, @_accordion-control-background-color-hover: @accordion-control__hover__background-color, @_accordion-control-color-hover: @accordion-control__hover__color, @_accordion-control-text-decoration-hover: @accordion-control__hover__text-decoration, @_accordion-control-background-color-active: @accordion-control__active__background-color, @_accordion-control-color-active: @accordion-control__active__color, @_accordion-control-text-decoration-active: @accordion-control__active__text-decoration, @_accordion-control-height: @accordion-control__height, @_accordion-control-margin-bottom: @accordion-control__margin-bottom, @_accordion-control-padding-top: @accordion-control__padding-top, @_accordion-control-padding-right: @accordion-control__padding-right, @_accordion-control-padding-bottom: @accordion-control__padding-bottom, @_accordion-control-padding-left: @accordion-control__padding-left, @_accordion-content-background-color: @accordion-content__background-color, @_accordion-content-border: @accordion-content__border, @_accordion-content-margin: @accordion-content__margin, @_accordion-content-padding: @accordion-content__padding ) { .lib-data-accordion__base(); & when (@_accordion-control-margin-bottom = 0) { > .item.title { .lib-css(margin, 0); } } & when not (@_accordion-control-margin-bottom = 0) { > .item.title { .lib-css(margin, 0 0 @_accordion-control-margin-bottom); } } > .item.title { > .switch { .lib-css(background, @_accordion-control-background-color); .lib-css(border-bottom,@_accordion-control-border-bottom); .lib-css(border-left,@_accordion-control-border-left); .lib-css(border-right,@_accordion-control-border-right); .lib-css(border-top,@_accordion-control-border-top); .lib-css(height, @_accordion-control-height); .lib-css(padding, @_accordion-control-padding-top @_accordion-control-padding-right @_accordion-control-padding-bottom @_accordion-control-padding-left); .lib-typography( @_color: @_accordion-control-color, @_font-family: @_accordion-control-font-family, @_font-size: @_accordion-control-font-size, @_font-style: @_accordion-control-font-style, @_font-weight: @_accordion-control-font-weight, @_line-height: @_accordion-control-line-height ); .lib-link( @_link-color: @_accordion-control-color, @_link-text-decoration: @_accordion-control-text-decoration, @_link-color-visited: @_accordion-control-color-visited, @_link-text-decoration-visited: @_accordion-control-text-decoration-visited, @_link-color-hover: @_accordion-control-color-hover, @_link-text-decoration-hover: @_accordion-control-text-decoration-hover, @_link-color-active: @_accordion-control-color-active, @_link-text-decoration-active: @_accordion-control-text-decoration-active ); } &:not(.disabled) > .switch:focus, &:not(.disabled) > .switch:hover { .lib-css(background, @_accordion-control-background-color-hover); } &:not(.disabled) > .switch:active, &.active > .switch, &.active > .switch:focus, &.active > .switch:hover { .lib-css(background, @_accordion-control-background-color-active); .lib-css(color, @_accordion-control-color-active); .lib-css(text-decoration, @_accordion-control-text-decoration-active); .lib-css(padding-bottom, @_accordion-control-padding-bottom); } } > .item.content { .lib-css(background, @_accordion-content-background-color); .lib-css(border, @_accordion-content-border); .lib-css(margin, @_accordion-content-margin); .lib-css(padding, @_accordion-content-padding); } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_popups.less000077700000027046151323550650022030 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Popups // _____________________________________________ .lib-popup( @_popup-width: @popup__width, @_popup-height: @popup__height, @_popup-padding: @popup__padding, @_popup-background: @popup__background, @_popup-border: @popup__border, @_popup-shadow: @popup__shadow, @_popup-fade: @popup__fade, @_popup-z-index: @popup__z-index, @_popup-position: @popup__position, @_popup-position-top: @popup__position-top, @_popup-position-right: @popup__position-right, @_popup-position-bottom: @popup__position-bottom, @_popup-position-left: @popup__position-left, @_popup-margin-top: @popup__margin-top, @_popup-margin-right: @popup__margin-right, @_popup-margin-bottom: @popup__margin-bottom, @_popup-margin-left: @popup__margin-left, @_popup-content-height: @popup-content__height, @_popup-header-margin: @popup-header__margin, @_popup-content-margin: @popup-content__margin, @_popup-footer-margin: @popup-footer__margin, @_popup-title-headings: @popup-title-headings, @_popup-title-headings-level: @popup-title-headings__level, // Icons parameters @_popup-button-close-icon: @popup-button-close__icon, @_popup-button-close-reset: @popup-button-close__reset, @_popup-button-close-position: @popup-button-close__position, @_popup-button-close-position-top: @popup-button-close__position-top, @_popup-button-close-position-right: @popup-button-close__position-right, @_popup-button-close-position-bottom: @popup-button-close__position-bottom, @_popup-button-close-position-left: @popup-button-close__position-left, @_popup-icon-font-content: @popup-icon-font__content, @_popup-icon-font: @popup-icon-font, @_popup-icon-font-size: @popup-icon-font__size, @_popup-icon-font-line-height: @popup-icon-font__line-height, @_popup-icon-font-color: @popup-icon-font__color, @_popup-icon-font-color-hover: @popup-icon-font__color-hover, @_popup-icon-font-color-active: @popup-icon-font__color-active, @_popup-icon-font-margin: @popup-icon-font__margin, @_popup-icon-font-vertical-align: @popup-icon-font__vertical-align, @_popup-icon-font-position: @popup-icon-font__position, @_popup-icon-font-text-hide: @popup-icon-font__text-hide, // Actions toolbar parameters @_popup-actions-toolbar: @popup-actions-toolbar, @_popup-actions-toolbar-actions-position: @popup-actions-toolbar-actions__position, @_popup-actions-toolbar-actions-reverse: @popup-actions-toolbar-actions__reverse, @_popup-actions-toolbar-margin: @popup-actions-toolbar__margin, @_popup-actions-toolbar-padding: @popup-actions-toolbar__padding, @_popup-actions-toolbar-actions-margin: @popup-actions-toolbar-actions__margin, @_popup-actions-toolbar-primary-actions-margin: @popup-actions-toolbar-actions-primary__margin, @_popup-actions-toolbar-secondary-actions-margin: @popup-actions-toolbar-actions-secondary__margin, @_popup-actions-toolbar-actions-links-margin-top: @popup-actions-toolbar-actions-links__margin-top, @_popup-actions-toolbar-primary-actions-links-margin-top: @popup-actions-toolbar-actions-links-primary__margin-top, @_popup-actions-toolbar-secondary-actions-links-margin-top: @popup-actions-toolbar-actions-links-secondary__margin-top ) { .lib-css(background, @_popup-background); .lib-css(border, @_popup-border); .lib-css(padding, @_popup-padding); .lib-css(width, @_popup-width); ._lib-popup-height(@_popup-height); ._lib-popup-shadow(@_popup-shadow); ._lib-popup-action-toolbar( @_popup-actions-toolbar, @_popup-actions-toolbar-actions-position, @_popup-actions-toolbar-actions-reverse, @_popup-actions-toolbar-margin, @_popup-actions-toolbar-padding, @_popup-actions-toolbar-actions-margin, @_popup-actions-toolbar-primary-actions-margin, @_popup-actions-toolbar-secondary-actions-margin, @_popup-actions-toolbar-actions-links-margin-top, @_popup-actions-toolbar-primary-actions-links-margin-top, @_popup-actions-toolbar-secondary-actions-links-margin-top ); .popup-header { .lib-css(margin, @_popup-header-margin); .title { ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ); } .lib-css(padding-right, @_popup-icon-font-size) } .popup-content { ._lib-popup-height(@_popup-content-height); .lib-css(margin, @_popup-content-margin); } .popup-footer { .lib-css(margin, @_popup-footer-margin); } .popup-actions { .action.close { .lib-css(position, @_popup-button-close-position); .lib-popup-button-close-icon( @_popup-button-close-icon, @_popup-icon-font-content, @_popup-icon-font, @_popup-icon-font-size, @_popup-icon-font-line-height, @_popup-icon-font-color, @_popup-icon-font-color-hover, @_popup-icon-font-color-active, @_popup-icon-font-margin, @_popup-icon-font-vertical-align, @_popup-icon-font-position, @_popup-icon-font-text-hide ); ._lib-popup-button-close-reset( @_popup-button-close-reset ); .lib-css(bottom, @_popup-button-close-position-bottom); .lib-css(left, @_popup-button-close-position-left); .lib-css(right, @_popup-button-close-position-right); .lib-css(top, @_popup-button-close-position-top); } } ._lib-popup-fade(@_popup-fade); .lib-css(bottom, @_popup-position-bottom); .lib-css(left, @_popup-position-left); .lib-css(margin-bottom, @_popup-margin-bottom); .lib-css(margin-left, @_popup-margin-left); .lib-css(margin-right, @_popup-margin-right); .lib-css(margin-top, @_popup-margin-top); .lib-css(position, @_popup-position); .lib-css(right, @_popup-position-right); .lib-css(top, @_popup-position-top); .lib-css(z-index, @_popup-z-index); display: none; opacity: 0; &.active { opacity: 1; } } .lib-window-overlay( @_overlay-background: @overlay__background, @_overlay-opacity: @overlay__opacity, @_overlay-opacity-old: @overlay__opacity-old, @_overlay-fade: @overlay__fade, @_overlay-z-index: @overlay__z-index ) { ._lib-popup-fade(@_overlay-fade); .lib-css(background, @_overlay-background); .lib-css(z-index, @_overlay-z-index); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; &.active { .lib-css(opacity, @_overlay-opacity); & when not (@_overlay-opacity-old = false) { filter: alpha(opacity=@_overlay-opacity-old); } } } // // Internal use mixins // --------------------------------------------- // Popup fade ._lib-popup-fade(@_popup-fade) when not (@_popup-fade = '') { .lib-css(transition, @_popup-fade); } // Popup shadow ._lib-popup-shadow(@_popup-shadow) when not (@_popup-shadow = '') and not (@_popup-shadow = none) { .lib-css(box-shadow, @_popup-shadow); } // Popup height ._lib-popup-height(@_popup-height) when not (@_popup-height = auto) { overflow-y: auto; .lib-css(max-height, @_popup-height); } // Popup Headings ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h1) { .lib-heading(h1); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h2) { .lib-heading(h2); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h3) { .lib-heading(h3); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h4) { .lib-heading(h4); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h5) { .lib-heading(h5); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h6) { .lib-heading(h6); } // Popup action-toolbar ._lib-popup-action-toolbar( @_popup-actions-toolbar, @_popup-actions-toolbar-actions-position, @_popup-actions-toolbar-actions-reverse, @_popup-actions-toolbar-margin, @_popup-actions-toolbar-padding, @_popup-actions-toolbar-actions-margin, @_popup-actions-toolbar-primary-actions-margin, @_popup-actions-toolbar-secondary-actions-margin, @_popup-actions-toolbar-actions-links-margin-top, @_popup-actions-toolbar-primary-actions-links-margin-top, @_popup-actions-toolbar-secondary-actions-links-margin-top ) when (@_popup-actions-toolbar = true) { .popup-footer { .actions.toolbar { .lib-actions-toolbar( @_actions-toolbar-actions-position: @_popup-actions-toolbar-actions-position, @_actions-toolbar-actions-reverse: @_popup-actions-toolbar-actions-reverse, @_actions-toolbar-margin: @_popup-actions-toolbar-margin, @_actions-toolbar-padding: @_popup-actions-toolbar-padding, @_actions-toolbar-actions-margin: @_popup-actions-toolbar-actions-margin, @_actions-toolbar-primary-actions-margin: @_popup-actions-toolbar-primary-actions-margin, @_actions-toolbar-secondary-actions-margin: @_popup-actions-toolbar-secondary-actions-margin, @_actions-toolbar-actions-links-margin-top: @_popup-actions-toolbar-actions-links-margin-top, @_actions-toolbar-primary-actions-links-margin-top: @_popup-actions-toolbar-primary-actions-links-margin-top, @_actions-toolbar-secondary-actions-links-margin-top: @_popup-actions-toolbar-secondary-actions-links-margin-top ); } } } // Popup close button use icon .lib-popup-button-close-icon( @_popup-button-close-icon, @_popup-icon-font-content, @_popup-icon-font, @_popup-icon-font-size, @_popup-icon-font-line-height, @_popup-icon-font-color, @_popup-icon-font-color-hover, @_popup-icon-font-color-active, @_popup-icon-font-margin, @_popup-icon-font-vertical-align, @_popup-icon-font-position, @_popup-icon-font-text-hide ) when (@_popup-button-close-icon = true) { .lib-button-icon( @_icon-font-content: @_popup-icon-font-content, @_icon-font: @_popup-icon-font, @_icon-font-size: @_popup-icon-font-size, @_icon-font-line-height: @_popup-icon-font-line-height, @_icon-font-color: @_popup-icon-font-color, @_icon-font-color-hover: @_popup-icon-font-color-hover, @_icon-font-color-active: @_popup-icon-font-color-active, @_icon-font-margin: @_popup-icon-font-margin, @_icon-font-vertical-align: @_popup-icon-font-vertical-align, @_icon-font-position: @_popup-icon-font-position, @_icon-font-text-hide: @_popup-icon-font-text-hide ); } // Popup close button reset ._lib-popup-button-close-reset ( @_popup-button-close-reset ) when (@_popup-button-close-reset = true) { .lib-button-reset(); } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_navigation.less000077700000055074151323550650022643 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Navigation // _____________________________________________ .lib-main-navigation( @_nav__indent-side: 15px, @_nav-background-color: @navigation__background, @_nav-border: @navigation__border, @_nav-level0-font-size: @navigation-level0-item__font-size, @_nav-level0-font-weight: @navigation-level0-item__font-weight, @_nav-level0-item-line-height: @navigation-level0-item__line-height, @_nav-level0-item-margin: @navigation-level0-item__margin, @_nav-level0-item-padding: @navigation-level0-item__padding, @_nav-level0-text-transform: @navigation-level0-item__text-transform, @_nav-level0-item-background-color: @navigation-level0-item__background, @_nav-level0-item-border: @navigation-level0-item__border, @_nav-level0-item-color: @navigation-level0-item__color, @_nav-level0-item-text-decoration: @navigation-level0-item__text-decoration, @_nav-level0-item-background-color-active: @navigation-level0-item__active__background, @_nav-level0-item__active__border-color: @navigation-level0-item__active__border-color, @_nav-level0-item__active__border-style: @navigation-level0-item__active__border-style, @_nav-level0-item__active__border-width: @navigation-level0-item__active__border-width, @_nav-level0-item-color-active: @navigation-level0-item__active__color, @_nav-level0-item-text-decoration-active: @navigation-level0-item__active__text-decoration, @_submenu-background-color: @submenu__background, @_submenu-border: @submenu__border, @_submenu-font-size: @submenu__font-size, @_submenu-font-weight: @submenu__font-weight, @_submenu-line-height: @submenu-item__line-height, @_submenu-item__padding-top: @submenu__padding-top, @_submenu-item__padding-right: @submenu__padding-right, @_submenu-item__padding-bottom: @submenu__padding-bottom, @_submenu-item__padding-left: @submenu__padding-left, @_submenu-item-background-color: @submenu-item__background, @_submenu-item-border: @submenu-item__border, @_submenu-item-color: @submenu-item__color, @_submenu-item-text-decoration: @submenu-item__text-decoration, @_submenu-item-background-color-active: @submenu-item__active__background, @_submenu-item__active__border: @submenu-item__active__border, @_submenu-item__active__border-color: @submenu-item__active__border-color, @_submenu-item__active__border-style: @submenu-item__active__border-style, @_submenu-item__active__border-width: @submenu-item__active__border-width, @_submenu-item-color-active: @submenu-item__active__color, @_submenu-item-text-decoration-active: @submenu-item__active__text-decoration ) { .navigation { .lib-css(background, @_nav-background-color); .lib-css(border, @_nav-border); box-sizing: border-box; ul { margin: 0; padding: 0; } li { margin: 0; } a { display: block; .lib-css(padding-top, @_submenu-item__padding-top); .lib-css(padding-right, @_submenu-item__padding-right); .lib-css(padding-bottom, @_submenu-item__padding-bottom); .lib-css(padding-left, @_submenu-item__padding-left); } a, a:hover { .lib-css(color, @_nav-level0-item-color); .lib-css(text-decoration, @_nav-level0-item-text-decoration); } .level0 { .lib-css(border-top, @_nav-level0-item-border); .lib-font-size(@_nav-level0-font-size); > .level-top { .lib-css(background, @_nav-level0-item-background-color); .lib-css(font-weight, @_nav-level0-font-weight); .lib-css(line-height, @_nav-level0-item-line-height); .lib-css(padding, @_nav-level0-item-padding); .lib-css(text-transform, @_nav-level0-text-transform); word-wrap: break-word; &:hover { .lib-css(color, @navigation-level0-item__hover__color); } } &.active { .all-category { .ui-state-focus { .lib-css(background, @_nav-level0-item-background-color-active); .lib-css(border-color, @_nav-level0-item__active__border-color); .lib-css(border-style, @_nav-level0-item__active__border-style); .lib-css(border-width, @_nav-level0-item__active__border-width); .lib-css(color, @_nav-level0-item-color-active); .lib-css(padding-left, @_nav__indent-side - @_submenu-item__active__border); .lib-css(text-decoration, @_nav-level0-item-text-decoration-active); display: inline-block; } } } > .level1 { .lib-css(font-weight, @font-weight__semibold); } &.active, &.has-active { // ToDo UI: remove "has_active" here, when mobile navigation default open state is implemented > a:not(.ui-state-active) { .lib-css(background, @_nav-level0-item-background-color-active); .lib-css(border-color, @_nav-level0-item__active__border-color); .lib-css(border-style, @_nav-level0-item__active__border-style); .lib-css(border-width, @_nav-level0-item__active__border-width); .lib-css(color, @_nav-level0-item-color-active); .lib-css(text-decoration, @_nav-level0-item-text-decoration-active); span:not(.ui-menu-icon) { .lib-css(margin-left, -@_submenu-item__active__border); } } } } li.level0 { &:last-child { .lib-css(border-bottom, @_nav-level0-item-border); } } .submenu { > li { word-wrap: break-word; > a { &:hover { .lib-css(color, @navigation-level0-item__hover__color); } } } &:not(:first-child) { .lib-css(background, @_submenu-background-color); .lib-css(border, @_submenu-border); .lib-css(font-size, @_submenu-font-size); .lib-css(font-weight, @_submenu-font-weight); .lib-css(line-height, @_submenu-line-height); left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left .3s ease-out; > li { > a { .lib-css(padding-left, @_nav__indent-side); } &:last-child { margin-bottom: 0; } } ul { display: block; .lib-css(padding-left, @_submenu-item__padding-left); > li { margin: 0; a { .lib-css(background, @_submenu-item-background-color); .lib-css(border, @_submenu-item-border); .lib-css(color, @_submenu-item-color); .lib-css(text-decoration, @_submenu-item-text-decoration); display: block; line-height: normal; &:hover { .lib-css(color, @navigation-level0-item__hover__color); } } } } &.expanded { display: block !important; padding-right: 0; top: 0 !important; } .active { > a { .lib-css(background, @_submenu-item-background-color-active); .lib-css(border-color, @_submenu-item__active__border-color); .lib-css(border-style, @_submenu-item__active__border-style); .lib-css(border-width, @_submenu-item__active__border-width); .lib-css(color, @_submenu-item-color-active); .lib-css(padding-left, @_nav__indent-side - @_submenu-item__active__border); .lib-css(text-decoration, @_submenu-item-text-decoration-active); } } .level1 { &.active { > a { .lib-css(padding-left, @_nav__indent-side - @_submenu-item__active__border); } } } } } } } // // Desktop // _____________________________________________ .lib-main-navigation-desktop( @_nav-background-color: @navigation-desktop__background, @_nav-border: @navigation-desktop__border, @_nav-font-size: @navigation-desktop__font-size, @_nav-font-weight: @navigation-desktop__font-weight, @_nav-level0-item-line-height: @navigation-desktop-level0-item__line-height, @_nav-level0-item-margin: @navigation-desktop-level0-item__margin, @_nav-level0-item-padding: @navigation-desktop-level0-item__padding, @_nav-level0-item-background-color: @navigation-desktop-level0-item__background, @_nav-level0-item-border: @navigation-desktop-level0-item__border, @_nav-level0-item-color: @navigation-desktop-level0-item__color, @_nav-level0-item-text-decoration: @navigation-desktop-level0-item__text-decoration, @_nav-level0-item-background-color-hover: @navigation-desktop-level0-item__hover__background, @_nav-level0-item-border-hover: @navigation-desktop-level0-item__hover__border, @_nav-level0-item-color-hover: @navigation-desktop-level0-item__hover__color, @_nav-level0-item-text-decoration-hover: @navigation-desktop-level0-item__hover__text-decoration, @_nav-level0-item-background-color-active: @navigation-desktop-level0-item__active__background, @_nav-level0-item__active__border-color: @navigation-desktop-level0-item__active__border-color, @_nav-level0-item__active__border-style: @navigation-desktop-level0-item__active__border-style, @_nav-level0-item__active__border-width: @navigation-desktop-level0-item__active__border-width, @_nav-level0-item-color-active: @navigation-desktop-level0-item__active__color, @_nav-level0-item-text-decoration-active: @navigation-desktop-level0-item__active__text-decoration, @_submenu-background-color: @submenu-desktop__background, @_submenu-border-width: @submenu-desktop__border-width, @_submenu-border-style: @submenu-desktop__border-style, @_submenu-border-color: @submenu-desktop__border-color, @_submenu-box-shadow: @submenu-desktop__box-shadow, @_submenu-font-size: @submenu-desktop__font-size, @_submenu-font-weight: @submenu-desktop__font-weight, @_submenu-min-width: @submenu-desktop__min-width, @_submenu-padding: @submenu-desktop__padding, @_submenu-arrow: @submenu-desktop-arrow, @_submenu-arrow-size: @submenu-desktop-arrow__size, @_submenu-arrow-left: @submenu-desktop-arrow__left, @_submenu-item-padding: @submenu-desktop-item__padding, @_submenu-item-background-color: @submenu-desktop-item__background, @_submenu-item-border: @submenu-desktop-item__border, @_submenu-item-color: @submenu-desktop-item__color, @_submenu-item-text-decoration: @submenu-desktop-item__text-decoration, @_submenu-item__hover__background-color: @submenu-desktop-item__hover__background, @_submenu-item-border-hover: @submenu-desktop-item__hover__border, @_submenu-item-color-hover: @submenu-desktop-item__hover__color, @_submenu-item-text-decoration-hover: @submenu-desktop-item__hover__text-decoration, @_submenu-item-background-color-active: @submenu-desktop-item__active__background, @_submenu-item__active__border-color: @submenu-desktop-item__active__border-color, @_submenu-item__active__border-style: @submenu-desktop-item__active__border-style, @_submenu-item__active__border-width: @submenu-desktop-item__active__border-width, @_submenu-item-color-active: @submenu-desktop-item__active__color, @_submenu-item-text-decoration-active: @submenu-desktop-item__active__text-decoration ) { .navigation { .lib-css(background, @_nav-background-color); .lib-css(border, @_nav-border); .lib-css(font-size, @_nav-font-size); .lib-css(font-weight, @_nav-font-weight); height: inherit; left: auto; overflow: inherit; padding: 0; position: relative; top: 0; width: 100%; z-index: 3; &:empty { display: none; } ul { margin-top: 0; margin-bottom: 0; padding: 0; position: relative; } li.level0 { .lib-css(border-top, none); } li.level1 { position: relative; } .level0 { .lib-css(margin, @_nav-level0-item-margin); display: inline-block; position: relative; &:last-child { margin-right: 0; padding-right: 0; } &:hover { &:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 10px; height: calc(~'100% + 3px'); z-index: 1; } } > .level-top { .lib-css(background, @_nav-level0-item-background-color); .lib-css(border, @_nav-level0-item-border); .lib-css(color, @_nav-level0-item-color); .lib-css(line-height, @_nav-level0-item-line-height); .lib-css(padding, @_nav-level0-item-padding); .lib-css(text-decoration, @_nav-level0-item-text-decoration); box-sizing: border-box; position: relative; display: inline-block; &:hover, &.ui-state-focus { .lib-css(background, @_nav-level0-item-background-color-hover); .lib-css(border, @_nav-level0-item-border-hover); .lib-css(color, @_nav-level0-item-color-hover); .lib-css(text-decoration, @_nav-level0-item-text-decoration-hover); } } &.active, &.has-active { > .level-top { .lib-css(background, @_nav-level0-item-background-color-active); .lib-css(border-color, @_nav-level0-item__active__border-color); .lib-css(border-style, @_nav-level0-item__active__border-style); .lib-css(border-width, @_nav-level0-item__active__border-width); .lib-css(color, @_nav-level0-item-color-active); .lib-css(text-decoration, @_nav-level0-item-text-decoration-active); display: inline-block; } } &.parent:hover > .submenu { overflow: visible !important; } &.parent { > .level-top { padding-right: 20px; > .ui-menu-icon { position: absolute; right: 0; .lib-icon-font( @icon-down, @_icon-font-size: 12px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-position: after ); } } } .submenu { .lib-css(background, @_submenu-background-color); .lib-css(border, @_submenu-border-width @_submenu-border-style @_submenu-border-color); .lib-css(box-shadow, @_submenu-box-shadow); .lib-css(font-size, @_submenu-font-size); .lib-css(font-weight, @_submenu-font-weight); .lib-css(min-width, @_submenu-min-width); .lib-css(padding, @_submenu-padding); display: none; left: 0; margin: 0 !important; position: absolute; z-index: 1; ._lib-submenu-arrow( @_submenu-arrow, @_bg: @_submenu-background-color, @_border: @_submenu-border-color, @_size: @_submenu-arrow-size, @_left: @_submenu-arrow-left ); &:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1; } a { display: block; line-height: inherit; .lib-css(background, @_submenu-item-background-color); .lib-css(border, @_submenu-item-border); .lib-css(color, @_submenu-item-color); .lib-css(padding, @_submenu-item-padding); .lib-css(text-decoration, @_submenu-item-text-decoration); &:hover, &.ui-state-focus { .lib-css(background, @_submenu-item__hover__background-color); .lib-css(border, @_submenu-item-border-hover); .lib-css(color, @_submenu-item-color-hover); .lib-css(text-decoration, @_submenu-item-text-decoration-hover); } } .active > a { .lib-css(background, @_submenu-item-background-color-active); .lib-css(border-color, @_submenu-item__active__border-color); .lib-css(border-style, @_submenu-item__active__border-style); .lib-css(border-width, @_submenu-item__active__border-width); .lib-css(color, @_submenu-item-color-active); .lib-css(text-decoration, @_submenu-item-text-decoration-active); } .submenu { top: -1px !important; left: 100% !important; } .submenu-reverse{ left: auto !important; right: 100%; } li { margin: 0; position: relative; &.parent { > a { > .ui-menu-icon { position: absolute; right: 3px; .lib-icon-font( @icon-next, @_icon-font-size: 12px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-position: after ); } } } } } &.more { position: relative; .lib-icon-font( @icon-pointer-down, @_icon-font-size: 26px, @_icon-font-position: after ); &:before { display: none; } &:after { cursor: pointer; padding: 8px 12px; position: relative; z-index: 1; } &:hover > .submenu { overflow: visible !important; } li { display: block; } } } } } // Submenu arrow ._lib-submenu-arrow( @_submenu-arrow, @_bg, @_border, @_size, @_left ) when (@_submenu-arrow = true) { & when (iscolor(@_bg)) and (iscolor(@_border)) { @_outer-size: @_size + 1; @_outer-left: @_left - 1; .lib-css(margin-top, @_outer-size); > ul { .lib-css(margin-top, @_outer-size); &:before, &:after { content: ''; display: block; overflow: hidden; position: absolute; } &:before { .lib-css(color, @_bg); .lib-css(left, @_left); .lib-css(top, -@_size*2); .lib-arrow(up, @_size, @_bg); z-index: 4; } &:after { .lib-arrow(up, @_outer-size, @_border); .lib-css(color, @_border); .lib-css(left, @_outer-left); .lib-css(top, -@_outer-size*2); z-index: 3; } } } & when (iscolor(@_bg)) and not (iscolor(@_border)) { .lib-css(margin-top, -@_size); > ul { .lib-css(margin-top, @_size); &:before { .lib-arrow(up, @_size, @_bg); .lib-css(color, @_bg); .lib-css(left, @_left); .lib-css(top, -@_size*2); content: ''; display: block; overflow: hidden; position: absolute; z-index: 4; } } } & when (iscolor(@_border)) and not (iscolor(@_bg)) { .lib-css(margin-top, -@_size); > ul { .lib-css(margin-top, @_size); &:before { .lib-arrow(up, @_size, @_border); .lib-css(color, @_border); .lib-css(left, @_left); .lib-css(top, -@_size*2); content: ''; display: block; overflow: hidden; position: absolute; z-index: 4; } } } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_messages.less000077700000022402151323550650022300 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Messages // _____________________________________________ .lib-message(@_message-type: info) { @_message-background: "message-@{_message-type}__background"; @_message-border-color: "message-@{_message-type}__border-color"; @_message-color: "message-@{_message-type}__color"; @_message-link-color: "message-@{_message-type}-link__color"; @_message-link-color-hover: "message-@{_message-type}-link__color-hover"; @_message-link-color-active: "message-@{_message-type}-link__color-active"; @_message-icon-top: "message-@{_message-type}-icon__top"; @_message-icon-right: "message-@{_message-type}-icon__right"; @_message-icon-bottom: "message-@{_message-type}-icon__bottom"; @_message-icon-left: "message-@{_message-type}-icon__left"; ._lib-message(); ._lib-message-style( @_message-color: @@_message-color, @_message-background: @@_message-background, @_message-link-color: @@_message-link-color, @_message-link-color-hover: @@_message-link-color-hover, @_message-link-color-active: @@_message-link-color-active, @_message-border-color: @@_message-border-color ); } ._lib-message( @_message-padding: @message__padding, @_message-margin: @message__margin, @_message-border-radius: @message__border-radius ) { .lib-css(border-radius, @_message-border-radius); .lib-css(margin, @_message-margin); .lib-css(padding, @_message-padding); display: block; .lib-typography( @_color: @message__color, @_font-size: @message__font-size, @_font-family: @message__font-family, @_font-weight: @message__font-weight, @_font-style: @message__font-style, @_line-height: @message__line-height ); ._lib-message-border(@message__border-width, @message__border-style); } ._lib-message-style( @_message-background: @message-info__background, @_message-color: @message-info__color, @_message-link-color: @message-info-link__color, @_message-link-color-hover: @message-info-link__color-hover, @_message-link-color-active: @message-info-link__color-active, @_message-border-color: @message-info__border-color ) { .lib-css(background, @_message-background); .lib-css(border-color, @_message-border-color); .lib-css(color, @_message-color); a { .lib-css(color, @_message-link-color); &:hover { .lib-css(color, @_message-link-color-hover); } &:active { .lib-css(color, @_message-link-color-active); } } } ._lib-message-border( @_message-border-width: @message__border-width, @_message-border-style: @message__border-style ) when not (@_message-border-width = 0) and not (@_message-border-width = false) and not (@_message-border-style = false) { .lib-css(border, @_message-border-width @_message-border-style); } // Messages with lateral icon .lib-message-icon-lateral(@_message-type: info, @_message-position: right) { .lib-message(@_message-type); @_message-icon-position: @_message-position; @_message-icon: "message-@{_message-type}-icon"; @_message-icon-color: "message-@{_message-type}-icon__color-lateral"; @_message-icon-background: "message-@{_message-type}-icon__background"; @_message-icon-top: "message-@{_message-type}-icon__top"; @_message-icon-right: "message-@{_message-type}-icon__right"; @_message-icon-bottom: "message-@{_message-type}-icon__bottom"; @_message-icon-left: "message-@{_message-type}-icon__left"; ._lib-message-icon-lateral( @_message-icon-position, @@_message-icon, @@_message-icon-color, @@_message-icon-background, @@_message-icon-top, @@_message-icon-left, @@_message-icon-bottom, @@_message-icon-right ); } // Messages with inner icon .lib-message-icon-inner(@_message-type: info) { .lib-message(@_message-type); @_message-icon: "message-@{_message-type}-icon"; @_message-icon-color: "message-@{_message-type}-icon__color-inner"; @_message-icon-background: "message-@{_message-type}-icon__background"; @_message-icon-top: "message-@{_message-type}-icon__top"; @_message-icon-right: "message-@{_message-type}-icon__right"; @_message-icon-bottom: "message-@{_message-type}-icon__bottom"; @_message-icon-left: "message-@{_message-type}-icon__left"; ._lib-message-icon-inner( @@_message-icon, @@_message-icon-color, @@_message-icon-background, @@_message-icon-top, @@_message-icon-left, @@_message-icon-bottom, @@_message-icon-right ); } // Private mixins ._lib-message-icon-lateral( @_message-icon-position, @_message-icon, @_message-icon-color, @_message-icon-background, @_message-icon-top, @_message-icon-left, @_message-icon-bottom, @_message-icon-right ) { position: relative; &:before { .lib-css(background, @_message-icon-background); .lib-css(width, @message-icon__lateral-width); content: ''; display: block; height: 100%; padding: 0; position: absolute; text-align: center; top: 0; } > *:first-child { &:before { .lib-css(margin-top, -@message-icon__lateral-arrow-size); content: ''; overflow: hidden; position: absolute; top: 50%; } } > *:first-child { &:after { ._lib-icon-font( @_icon-font-content: @_message-icon, @_icon-font: @icon-font, @_icon-font-size: @message-icon__font-size, @_icon-font-line-height: @message-icon__font-line-height, @_icon-font-color: @_message-icon-color, @_icon-font-margin: -@message-icon__font-size/2 0 0, @_icon-font-vertical-align: @icon-font__vertical-align ); .lib-css(bottom, @_message-icon-bottom); .lib-css(left, @_message-icon-left); .lib-css(right, @_message-icon-right); .lib-css(top, @_message-icon-top); .lib-css(width, @message-icon__lateral-width); position: absolute; text-align: center; } } ._lib-message-icon-lateral-position( @_message-icon-position, @_message-icon-background ); } ._lib-message-icon-lateral-position( @_message-icon-position, @_message-icon-background ) when (@_message-icon-position = right) { .lib-css(padding-right, @message-icon__lateral-width + @indent__s); &:before { right: 0; ._lib-message-icon-lateral-border-radius(@_message-icon-position); } > *:first-child { &:before { .lib-arrow(left, @message-icon__lateral-arrow-size, @_message-icon-background); .lib-css(right, @message-icon__lateral-width); } } > *:first-child { &:after { right: 0; } } } ._lib-message-icon-lateral-position( @_message-icon-position, @_message-icon-background ) when (@_message-icon-position = left) { .lib-css(padding-left, @message-icon__lateral-width + @indent__s); &:before { left: 0; ._lib-message-icon-lateral-border-radius(@_message-icon-position); } > *:first-child:before { .lib-arrow(right, @message-icon__lateral-arrow-size, @_message-icon-background); .lib-css(left, @message-icon__lateral-width); } > *:first-child:after { left: 0; } } ._lib-message-icon-lateral-border-radius( @_message-icon-position ) when (@_message-icon-position = left) and not (@message__border-radius = false) and not (@message__border-width = false) { .lib-css(border-radius, (@message__border-radius - @message__border-width) 0 0 (@message__border-radius - @message__border-width)); } ._lib-message-icon-lateral-border-radius( @_message-icon-position ) when (@_message-icon-position = right) and not (@message__border-radius = false) and not (@message__border-width = false) { .lib-css(border-radius, 0 (@message__border-radius - @message__border-width) (@message__border-radius - @message__border-width) 0); } ._lib-message-icon-inner( @_message-icon, @_message-icon-color, @_message-icon-background, @_message-icon-top, @_message-icon-left, @_message-icon-bottom, @_message-icon-right ) { .lib-css(padding-left, @message-icon__inner-padding-left); position: relative; > *:first-child:before { ._lib-icon-font( @_icon-font-content: @_message-icon, @_icon-font: @icon-font, @_icon-font-size: @message-icon__font-size, @_icon-font-line-height: @message-icon__font-line-height, @_icon-font-color: @_message-icon-color, @_icon-font-margin: -@message-icon__font-size/2 0 0, @_icon-font-vertical-align: @icon-font__vertical-align ); .lib-css(bottom, @_message-icon-bottom); .lib-css(left, @_message-icon-left); .lib-css(right, @_message-icon-right); .lib-css(top, @_message-icon-top); .lib-css(width, @message-icon__inner-padding-left); position: absolute; text-align: center; } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_actions-toolbar.less000077700000010546151323550650023577 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Actions-toolbar // _____________________________________________ .lib-actions-toolbar( @_actions-toolbar-actions-position: @actions-toolbar-actions__position, @_actions-toolbar-actions-reverse: @actions-toolbar-actions__reverse, @_actions-toolbar-margin: @actions-toolbar__margin, @_actions-toolbar-padding: @actions-toolbar__padding, @_actions-toolbar-actions-margin: @actions-toolbar-actions__margin, @_actions-toolbar-primary-actions-margin: @actions-toolbar-actions-primary__margin, @_actions-toolbar-secondary-actions-margin: @actions-toolbar-actions-secondary__margin, @_actions-toolbar-actions-links-margin-top: @actions-toolbar-actions-links__margin-top, @_actions-toolbar-primary-actions-links-margin-top: @actions-toolbar-actions-links-primary__margin-top, @_actions-toolbar-secondary-actions-links-margin-top: @actions-toolbar-actions-links-secondary__margin-top ) { .lib-clearfix(); .lib-css(margin, @_actions-toolbar-margin); .lib-css(padding, @_actions-toolbar-padding); ._lib-actions-toolbar-align(@_actions-toolbar-actions-position); ._lib-actions-toolbar-floats(@_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse); .primary, .secondary { display: inline-block; .action { .lib-css(margin, @_actions-toolbar-actions-margin); } a.action { display: inline-block; .lib-css(margin-top, @_actions-toolbar-actions-links-margin-top); } } .primary { .action { .lib-css(margin, @_actions-toolbar-primary-actions-margin); } a.action { .lib-css(margin-top, @_actions-toolbar-primary-actions-links-margin-top); } } .secondary { .action { .lib-css(margin, @_actions-toolbar-secondary-actions-margin); } a.action { .lib-css(margin-top, @_actions-toolbar-secondary-actions-links-margin-top); } } } // // Actions-toolbar-clear-floats // --------------------------------------------- .lib-actions-toolbar-clear-floats() { .primary, .secondary { display: block; float: none; } } // // Internal use mixins // --------------------------------------------- ._lib-actions-toolbar-align(@_actions-toolbar-actions-position) when not (@_actions-toolbar-actions-position = justify) { .lib-css(text-align, @_actions-toolbar-actions-position); } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = justify) and (@_actions-toolbar-actions-reverse = false) { .primary { float: left; } .secondary { float: right; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = justify) and (@_actions-toolbar-actions-reverse = true) { .primary { float: right; } .secondary { float: left; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = left) and (@_actions-toolbar-actions-reverse = false) { .primary { float: left; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = left) and (@_actions-toolbar-actions-reverse = true) { .secondary { float: left; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = right) and (@_actions-toolbar-actions-reverse = false) { .secondary { float: right; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = right) and (@_actions-toolbar-actions-reverse = true) { .primary { float: right; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = center) { .primary, .secondary { vertical-align: top; } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_breadcrumbs.less000077700000017774151323550650023002 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Breadcrumbs // _____________________________________________ .lib-breadcrumbs( @_breadcrumbs-font-size: @breadcrumbs__font-size, @_breadcrumbs-display: @breadcrumbs__display, @_breadcrumbs-container-margin: @breadcrumbs__container-margin, @_breadcrumbs-padding: @breadcrumbs__padding, // Breadcrumbs separating symbol @_breadcrumbs-separator-symbol: @breadcrumbs-separator__symbol, @_breadcrumbs-separator-color: @breadcrumbs-separator__color, // Use icon as a separating symbol @_breadcrumbs-icon-use: @breadcrumbs-icon__use, @_breadcrumbs-icon-font-content: @breadcrumbs-icon__font-content, @_icon-font: @breadcrumbs-icon__font, @_icon-font-size: @breadcrumbs-icon__font-size, @_icon-font-line-height: @breadcrumbs-icon__font-line-height, @_icon-font-color: @breadcrumbs-icon__font-color, @_icon-font-margin: @breadcrumbs-icon__font-margin, @_icon-font-vertical-align: @breadcrumbs-icon__font-vertical-align, // Breadcrumbs current @_breadcrumbs-current-color: @breadcrumbs-current__color, @_breadcrumbs-current-font-weight: @breadcrumbs-current__font-weight, @_breadcrumbs-current-background: @breadcrumbs-current__background, @_breadcrumbs-current-border: @breadcrumbs-current__border, @_breadcrumbs-current-gradient: @breadcrumbs-current__gradient, @_breadcrumbs-current-gradient-direction: @breadcrumbs-current__gradient-direction, @_breadcrumbs-current-gradient-color-start: @breadcrumbs-current__gradient-color-start, @_breadcrumbs-current-gradient-color-end: @breadcrumbs-current__gradient-color-end, // Breadcrumbs link - gradient @_breadcrumbs-link-gradient: @breadcrumbs-link__gradient, @_breadcrumbs-link-gradient-direction: @breadcrumbs-link__gradient-direction, // Breadcrumbs link color - default @_breadcrumbs-link-color: @breadcrumbs-link__color, @_breadcrumbs-link-background: @breadcrumbs-link__background, @_breadcrumbs-link-border: @breadcrumbs-link__border, @_breadcrumbs-link-text-decoration: @breadcrumbs-link__text-decoration, @_breadcrumbs-link-gradient-color-start: @breadcrumbs-link__gradient-color-start, @_breadcrumbs-link-gradient-color-end: @breadcrumbs-link__gradient-color-end, // Breadcrumbs link - visited @_breadcrumbs-link-color-visited: @breadcrumbs-link__visited__color, @_breadcrumbs-link-background-visited: @breadcrumbs-link__visited__background, @_breadcrumbs-link-border-visited: @breadcrumbs-link__visited__border, @_breadcrumbs-link-text-decoration-visited: @breadcrumbs-link__visited__text-decoration, @_breadcrumbs-link-gradient-color-start-visited: @breadcrumbs-link__visited__gradient-color-start, @_breadcrumbs-link-gradient-color-end-visited: @breadcrumbs-link__visited__gradient-color-end, // Breadcrumbs link - hover @_breadcrumbs-link-color-hover: @breadcrumbs-link__hover__color, @_breadcrumbs-link-background-hover: @breadcrumbs-link__hover__background, @_breadcrumbs-link-border-hover: @breadcrumbs-link__hover__border, @_breadcrumbs-link-text-decoration-hover: @breadcrumbs-link__hover__text-decoration, @_breadcrumbs-link-gradient-color-start-hover: @breadcrumbs-link__hover__gradient-color-start, @_breadcrumbs-link-gradient-color-end-hover: @breadcrumbs-link__hover__gradient-color-end, // Breadcrumbs link - active @_breadcrumbs-link-color-active: @breadcrumbs-link__active__color, @_breadcrumbs-link-background-active: @breadcrumbs-link__active__background, @_breadcrumbs-link-border-active: @breadcrumbs-link__active__border, @_breadcrumbs-link-text-decoration-active: @breadcrumbs-link__active__text-decoration, @_breadcrumbs-link-gradient-color-start-active: @breadcrumbs-link__active__gradient-color-start, @_breadcrumbs-link-gradient-color-end-active: @breadcrumbs-link__active__gradient-color-end ) { .lib-css(margin, @_breadcrumbs-container-margin); .items { .lib-font-size(@_breadcrumbs-font-size); .lib-css(color, @_breadcrumbs-current-color); .lib-list-inline(); } .item { margin: 0; } a { .lib-css(background, @_breadcrumbs-link-background); .lib-background-gradient( @_breadcrumbs-link-gradient-color-start, @_breadcrumbs-link-gradient-color-end, @_breadcrumbs-link-gradient-direction, @_breadcrumbs-link-gradient ); .lib-css(border, @_breadcrumbs-link-border); .lib-css(color, @_breadcrumbs-link-color); .lib-css(display, @_breadcrumbs-display); .lib-css(padding, @_breadcrumbs-padding); .lib-css(text-decoration, @_breadcrumbs-link-text-decoration); &:visited { .lib-css(background, @_breadcrumbs-link-background-visited); .lib-background-gradient( @_breadcrumbs-link-gradient-color-start-visited, @_breadcrumbs-link-gradient-color-end-visited, @_breadcrumbs-link-gradient-direction, @_breadcrumbs-link-gradient ); .lib-css(border, @_breadcrumbs-link-border-visited); .lib-css(color, @_breadcrumbs-link-color-visited); .lib-css(text-decoration, @_breadcrumbs-link-text-decoration-visited); } &:hover { .lib-css(background, @_breadcrumbs-link-background-hover); .lib-background-gradient( @_breadcrumbs-link-gradient-color-start-hover, @_breadcrumbs-link-gradient-color-end-hover, @_breadcrumbs-link-gradient-direction, @_breadcrumbs-link-gradient ); .lib-css(border, @_breadcrumbs-link-border-hover); .lib-css(color, @_breadcrumbs-link-color-hover); .lib-css(text-decoration, @_breadcrumbs-link-text-decoration-hover); } &:active { .lib-css(background, @_breadcrumbs-link-background-active); .lib-background-gradient( @_breadcrumbs-link-gradient-color-start-active, @_breadcrumbs-link-gradient-color-end-active, @_breadcrumbs-link-gradient-direction, @_breadcrumbs-link-gradient ); .lib-css(border, @_breadcrumbs-link-border-active); .lib-css(color, @_breadcrumbs-link-color-active); .lib-css(text-decoration, @_breadcrumbs-link-text-decoration-active); } } strong { .lib-css(background, @_breadcrumbs-current-background); .lib-background-gradient( @_breadcrumbs-current-gradient-color-start, @_breadcrumbs-current-gradient-color-end, @_breadcrumbs-current-gradient-direction, @_breadcrumbs-current-gradient ); .lib-css(border, @_breadcrumbs-current-border); .lib-css(display, @_breadcrumbs-display); .lib-css(font-weight, @_breadcrumbs-current-font-weight); .lib-css(padding, @_breadcrumbs-padding); } & when not (@_breadcrumbs-separator-symbol = '') and not (@_breadcrumbs-separator-symbol = false) { // Insert separating symbol to "content" .item:not(:last-child) { &:after { .lib-css(color, @_breadcrumbs-separator-color); .lib-css(content, @_breadcrumbs-separator-symbol); } } } & when (@_breadcrumbs-icon-use = true) { // Use font icon as a separating symbol .item:not(:last-child) { .lib-icon-font( @_icon-font-content: @_breadcrumbs-icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: after ); } } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/.htaccess000077700000000177151323550650021245 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_layout.less000077700000007264151323550650022017 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Layout // _____________________________________________ // Page Width mixin .lib-layout-width( @_layout__min-width: @layout__min-width, @_layout__max-width: @layout__max-width, @_layout__indent: @layout-indent__width ) when not (@responsive = true) { ._lib-layout-width(@_layout__min-width, @_layout__max-width); .lib-css(padding-left, @layout-indent__width); .lib-css(padding-right, @layout-indent__width); margin: 0 auto; } ._lib-layout-width( @_layout__min-width: @layout__min-width, @_layout__max-width: @layout__max-width ) when (@_layout__min-width = @_layout__max-width) { .lib-css(width, @_layout__min-width); } ._lib-layout-width( @_layout__min-width: @layout__min-width, @_layout__max-width: @layout__max-width ) when not (@_layout__min-width = @_layout__max-width) { .lib-css(max-width, @_layout__max-width); .lib-css(min-width, @_layout__min-width); width: auto; } #lib-layout-columns() { & when (@use-flex = true) { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-wrap(wrap); box-sizing: border-box; }; &:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .main() { .@{layout-class-1column} & { .lib-layout-column(1, 2, 100%); } .@{layout-class-3columns} & { .lib-layout-column(3, 2, @layout-column-main__width-3); } .@{layout-class-2columns__left} & { .lib-layout-column(2, 2, @layout-column-main__width-2-left); } .@{layout-class-2columns__right} & { .lib-layout-column(2, 1, @layout-column-main__width-2-right); } } .left() { .@{layout-class-3columns} & { .lib-layout-column(3, 1, @layout-column__left-width); } .@{layout-class-2columns__left} & { .lib-layout-column(2, 1, @layout-column__left-width); } .@{layout-class-2columns__right} & { .lib-layout-column(2, 1, @layout-column__left-width); } } .right() { .@{layout-class-3columns} & { .lib-layout-column(3, 3, @layout-column__right-width); } .@{layout-class-2columns__left} & { .lib-layout-column(2, 2, @layout-column__right-width); } .@{layout-class-2columns__right} & { .lib-layout-column(2, 2, @layout-column__right-width); } } } ._lib-column-width(@_width, @_check, @_index) when (@_check = false) and (@_index = 1) { .lib-column-width(@_width); } ._lib-column-width(@_width, @_check, @_index) when (@_check = true), (@_width = auto) { .lib-css(width, @_width); @_index: 1; } ._lib-set-column-width(@_index, @_width) when (@_index > 0) { @_checkUnit: isunit(@_width, extract(@_units, @_index)); ._lib-column-width(@_width, @_checkUnit, @_index); ._lib-set-column-width(@_index - 1, @_width); } .lib-layout-column(@_total-columns, @_order, @_width) { @_units: "px","%","em","rem","pt"; ._lib-set-column-width(length(@_units), @_width); .lib-flex-degradation(@_total-columns, @_order); & when (@use-flex = true) { .lib-vendor-prefix-order(@_order); } } .lib-flex-degradation(@_total-columns, @_order) when (@_order = 1) { float: left; } .lib-flex-degradation(@_total-columns, @_order) when (@_order = @_total-columns) { float: right; } .lib-flex-degradation(@_total-columns, @_order) when (@_total-columns = 3) and (@_order = 2) { display: inline-block; } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_tooltips.less000077700000015401151323550650022347 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Tooltips // _____________________________________________ .lib-tooltip( @_tooltip-position: top, @_tooltip-selector-toggle: ~".tooltip-toggle", @_tooltip-selector-content: ~".tooltip-content", @_tooltip-background: @tooltip__background, @_tooltip-border-color: @tooltip__border-color, @_tooltip-border-width: @tooltip__border-width, @_tooltip-border-radius: @tooltip__border-radius, @_tooltip-color: @tooltip__color, @_tooltip-cursor: @tooltip__cursor, @_tooltip-font-size: @tooltip__font-size, @_tooltip-font-family: @tooltip__font-family, @_tooltip-font-weight: @tooltip__font-weight, @_tooltip-line-height: @tooltip__line-height, @_tooltip-font-style: @tooltip__font-style, @_tooltip-margin: @tooltip__margin, @_tooltip-padding: @tooltip__padding, @_tooltip-min-width: @tooltip__min-width, @_tooltip-max-width: @tooltip__max-width, @_tooltip-arrow-size: @tooltip-arrow__size, @_tooltip-arrow-offset: @tooltip-arrow__offset, @_tooltip-z-index: @tooltip__z-index ) { position: relative; @{_tooltip-selector-content} { .lib-css(background, @_tooltip-background); .lib-css(border-radius, @_tooltip-border-radius); .lib-css(margin, @_tooltip-margin); .lib-css(max-width, @_tooltip-max-width); .lib-css(min-width, @_tooltip-min-width); .lib-css(padding, @_tooltip-padding); .lib-css(z-index, @_tooltip-z-index); display: none; position: absolute; text-align: left; .lib-typography( @_color: @_tooltip-color, @_font-size: @_tooltip-font-size, @_font-family: @_tooltip-font-family, @_font-weight: @_tooltip-font-weight, @_line-height: @_tooltip-line-height, @_font-style: @_tooltip-font-style ); ._lib-tooltip-border(@_tooltip-border-width, @_tooltip-border-color); @_tooltip-arrow-after-margin: @_tooltip-arrow-size * -1px; @_tooltip-arrow-before-margin: (@_tooltip-arrow-size + round(@_tooltip-border-width * 1.41421356)) * -1px; &:after, &:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } &:after { .lib-css(border-width, @_tooltip-arrow-size); border-color: transparent; } &:before { .lib-css(border-width, @_tooltip-arrow-before-margin * -1); border-color: transparent; } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ); } & @{_tooltip-selector-toggle} { .lib-css(cursor, @_tooltip-cursor); } & @{_tooltip-selector-toggle}:hover + @{_tooltip-selector-content}, & @{_tooltip-selector-toggle}:focus + @{_tooltip-selector-content}, &:hover @{_tooltip-selector-content} { display: block; } } ._lib-tooltip-border( @_tooltip-border-width, @_tooltip-border-color ) when not (@_tooltip-border-width = 0) and not (@_tooltip-border-width = false) and not (@_tooltip-border-color = false) { .lib-css(border, @_tooltip-border-width solid @_tooltip-border-color); } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ) when (@_tooltip-position = top) { .lib-css(margin-bottom, @_tooltip-arrow-size); bottom: 100%; left: 0; &:after, &:before { top: 100%; } &:after { .lib-css(border-top-color, @_tooltip-background); .lib-css(left, @_tooltip-arrow-offset + @_tooltip-arrow-size); .lib-css(margin-left, @_tooltip-arrow-after-margin); } &:before { .lib-css(border-top-color, @_tooltip-border-color); .lib-css(left, @_tooltip-arrow-offset + @_tooltip-arrow-size); .lib-css(margin-left, @_tooltip-arrow-before-margin); } } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ) when (@_tooltip-position = left) { .lib-css(margin-right, @_tooltip-arrow-size); right: 100%; top: 0; &:after, &:before { left: 100%; } &:after { .lib-css(border-left-color, @_tooltip-background); .lib-css(margin-top, @_tooltip-arrow-after-margin); .lib-css(top, @_tooltip-arrow-offset + @_tooltip-arrow-size) } &:before { .lib-css(border-left-color, @_tooltip-border-color); .lib-css(margin-top, @_tooltip-arrow-before-margin); .lib-css(top, @_tooltip-arrow-offset + @_tooltip-arrow-size); } } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ) when (@_tooltip-position = right) { .lib-css(margin-left, @_tooltip-arrow-size); left: 100%; top: 0; &:after, &:before { right: 100%; } &:after { .lib-css(border-right-color, @_tooltip-background); .lib-css(margin-top, @_tooltip-arrow-after-margin); .lib-css(top, @_tooltip-arrow-offset + @_tooltip-arrow-size); } &:before { .lib-css(border-right-color, @_tooltip-border-color); .lib-css(margin-top, @_tooltip-arrow-before-margin); .lib-css(top, @_tooltip-arrow-offset + @_tooltip-arrow-size); } } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ) when (@_tooltip-position = bottom) { .lib-css(margin-top, @_tooltip-arrow-size); left: 0; top: 100%; &:after, &:before { bottom: 100%; } &:after { .lib-css(border-bottom-color, @_tooltip-background); .lib-css(left, @_tooltip-arrow-offset + @_tooltip-arrow-size); .lib-css(margin-left, @_tooltip-arrow-after-margin); } &:before { .lib-css(border-bottom-color, @_tooltip-border-color); .lib-css(left, @_tooltip-arrow-offset + @_tooltip-arrow-size); .lib-css(margin-left, @_tooltip-arrow-before-margin); } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_lib.less000077700000001320151323550650021233 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Global lib // _____________________________________________ @import '_actions-toolbar.less'; @import '_breadcrumbs.less'; @import '_buttons.less'; @import '_dropdowns.less'; @import '_forms.less'; @import '_grids.less'; @import '_icons.less'; @import '_layout.less'; @import '_loaders.less'; @import '_messages.less'; @import '_navigation.less'; @import '_pages.less'; @import '_popups.less'; @import '_rating.less'; @import '_resets.less'; @import '_sections.less'; @import '_tables.less'; @import '_tooltips.less'; @import '_typography.less'; @import '_utilities.less'; @import '_variables.less'; pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_utilities.less000077700000037043151323550650022513 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Utilities // _____________________________________________ // // Convert values to unit specified in typography variables // --------------------------------------------- .lib-font-size-value( @_value ) when not (@_value = false) and not (@_value = '') and (@font-size-unit-convert) { @fontValue: unit(((@_value) * 1), @font-size-unit) / @font-size-unit-ratio; } .lib-font-size-value( @_value ) when (@font-size-unit-convert = false) { @fontValue: @_value; } .lib-visibility-hidden() { height: 0; visibility: hidden; } .lib-visually-hidden() { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .lib-visually-hidden-reset() { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } // // Clearfix // --------------------------------------------- .lib-clearfix() { &:before, &:after { content: ''; display: table; } &:after { clear: both; } } .lib-clearer() { &:after { clear: both; content: ''; display: table; } } // // Gradient // --------------------------------------------- #lib-gradient { // Horizontal gradient, from left to right // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. // Filters are enabled .horizontal( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when not (@disable-filters) and (@_background-color-position = true) { background-color: @_end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(@_start-color @_start-percent), color-stop(@_end-color @_end-percent)); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to right, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", @_start-color, @_end-color)); // IE9 and down } .horizontal( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when not (@disable-filters) and (@_background-color-position = false) { background-color: @_start-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(@_start-color @_start-percent), color-stop(@_end-color @_end-percent)); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to right, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", @_start-color, @_end-color)); // IE9 and down } // Horizontal gradient, from left to right // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. // Filters are disabled .horizontal( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when (@disable-filters) and (@_background-color-position = true) { background-color: @_end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(@_start-color @_start-percent), color-stop(@_end-color @_end-percent)); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to right, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } .horizontal( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when (@disable-filters) and (@_background-color-position = false) { background-color: @_start-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(@_start-color @_start-percent), color-stop(@_end-color @_end-percent)); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to right, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } // Vertical gradient, from top to bottom // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. // Filters are enabled .vertical( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when not (@disable-filters) and (@_background-color-position = true) { background-color: @_end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, @_start-color @_start-percent, @_end-color @_end-percent); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to bottom, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @_start-color, @_end-color)); // IE9 and down } .vertical( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when not (@disable-filters) and (@_background-color-position = false) { background-color: @_start-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, @_start-color @_start-percent, @_end-color @_end-percent); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to bottom, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @_start-color, @_end-color)); // IE9 and down } // Vertical gradient, from top to bottom // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. // Filters are disabled .vertical( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when (@disable-filters) and (@_background-color-position = true) { background-color: @_end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, @_start-color @_start-percent, @_end-color @_end-percent); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to bottom, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } .vertical( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when (@disable-filters) and (@_background-color-position = false) { background-color: @_start-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, @_start-color @_start-percent, @_end-color @_end-percent); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to bottom, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } } // // Custom background gradient // --------------------------------------------- // Pager gradient - horizontal .lib-background-gradient( @_background-gradient-color-start, @_background-gradient-color-end, @_background-gradient-direction, @_background-gradient, @_background-gradient-color-position: true ) when (@_background-gradient-direction = horizontal) and (@_background-gradient = true) { #lib-gradient > .horizontal( @_start-color: @_background-gradient-color-start, @_end-color: @_background-gradient-color-end, @_background-color-position: @_background-gradient-color-position ); } // Pager gradient - vertical .lib-background-gradient( @_background-gradient-color-start, @_background-gradient-color-end, @_background-gradient-direction, @_background-gradient, @_background-gradient-color-position: true ) when (@_background-gradient-direction = vertical) and (@_background-gradient = true) { #lib-gradient > .vertical( @_start-color: @_background-gradient-color-start, @_end-color: @_background-gradient-color-end, @_background-color-position: @_background-gradient-color-position ); } // // Rotate // --------------------------------------------- .lib-rotate(@_rotation) { -webkit-transform: rotate(@_rotation); // Use in 8 Safari -ms-transform: rotate(@_rotation); // Use in 9 IE transform: rotate(@_rotation); } // // Remove spaces between elements with display: inline-block // --------------------------------------------- .lib-inline-block-space-container() { font-size: 0; letter-spacing: -1px; line-height: 0; } .lib-inline-block-space-item( @_font-size: @font-size__base, @_line-height: normal ) { .lib-font-size(@_font-size); .lib-line-height(@_line-height); letter-spacing: normal; } // // Add any css property // --------------------------------------------- .lib-css( @_property, @_value, @_prefix: 0 ) when (@_prefix = 1) and not (@_value = '') and not (@_value = false) and not (extract(@_value, 1) = false) and not (extract(@_value, 2) = false) and not (extract(@_value, 3) = false) and not (extract(@_value, 4) = false) and not (extract(@_value, 5) = false) { -webkit-@{_property}: @_value; -moz-@{_property}: @_value; -ms-@{_property}: @_value; } .lib-css( @_property, @_value, @_prefix: 0 ) when not (@_value = '') and not (@_value = false) and not (extract(@_value, 1) = false) and not (extract(@_value, 2) = false) and not (extract(@_value, 3) = false) and not (extract(@_value, 4) = false) and not (extract(@_value, 5) = false) { @{_property}: @_value; } // // Add url to property // --------------------------------------------- // usage: // .column.left { // .lib-url('images/fallback.png'); // background:url("@{url}") repeat-y; // } // .columns { // .lib-url('images/fallback.png', 'Magento_Catalog'); // background:url("@{url}") repeat; // } @urls-resolved: false; .lib-url(@_path) { @url: "@{baseDir}@{_path}"; } .lib-url( @_path, @_module ) when not (@_module = false) and not (@_module = '') and (@urls-resolved = false) { @url: "@{_module}::@{_path}"; } .lib-url( @_path, @_module ) when not (@_module = false) and not (@_module = '') and (@urls-resolved = true) { @url: "@{baseDir}@{_module}/@{_path}"; } // // Arrow // --------------------------------------------- .lib-arrow( @_position, @_size, @_color ) { border: @_size solid transparent; height: 0; width: 0; ._lib-abbor_el(@_position, @_color); } ._lib-abbor_el( @_position, @_color ) when (@_position = left) { .lib-css(border-right-color, @_color); } ._lib-abbor_el( @_position, @_color ) when (@_position = right) { .lib-css(border-left-color, @_color); } ._lib-abbor_el( @_position, @_color ) when (@_position = up) { .lib-css(border-bottom-color, @_color); } ._lib-abbor_el( @_position, @_color ) when (@_position = down) { .lib-css(border-top-color, @_color); } // // Input placeholder // --------------------------------------------- .lib-input-placeholder( @_input-placeholder-color: @form-element-input-placeholder__color, @_input-placeholder-font-weight: @form-element-input__font-weight ) { &::-webkit-input-placeholder { .lib-css(color, @_input-placeholder-color); .lib-css(font-weight, @_input-placeholder-font-weight); } &:-moz-placeholder { .lib-css(color, @_input-placeholder-color); .lib-css(font-weight, @_input-placeholder-font-weight); } &::-moz-placeholder { .lib-css(color, @_input-placeholder-color); .lib-css(font-weight, @_input-placeholder-font-weight); } &:-ms-input-placeholder { .lib-css(color, @_input-placeholder-color); .lib-css(font-weight, @_input-placeholder-font-weight); } } // // Flex layout // --------------------------------------------- .lib-vendor-prefix-display( @_value: flex ) { display: ~"-webkit-@{_value}"; display: ~"-ms-@{_value}box"; display: @_value; } .lib-vendor-prefix-flex-grow( @_value: 0 ) { -webkit-flex-grow: @_value; flex-grow: @_value; } .lib-vendor-prefix-flex-shrink ( @_value: 1 ) { -webkit-flex-shrink: @_value; flex-shrink: @_value; } .lib-vendor-prefix-flex-basis ( @_value: auto ) { -webkit-flex-basis: @_value; flex-basis: @_value; } .lib-vendor-prefix-flex-wrap ( @_value: wrap ) { -webkit-flex-wrap: @_value; flex-wrap: @_value; } .lib-vendor-prefix-flex-direction ( @_value: column ) { -webkit-flex-direction: @_value; -ms-flex-direction: @_value; flex-direction: @_value; } .lib-vendor-prefix-order ( @_value: 0 ) { -ms-flex-order: @_value; -webkit-order: @_value; order: @_value; } .lib-vendor-box-align ( @_value: stretch ) { -webkit-align-items: @_value; -ms-align-items: @_value; align-items: @_value; } .lib-vendor-prefix-appearance ( @value: none ) { -webkit-appearance: @value; -moz-appearance: @value; appearance: @value; } .lib-vendor-prefix-column-count ( @_value ) { -webkit-column-count: @_value; -moz-column-count: @_value; column-count: @_value; } // // Pointer for popups or dropdowns // --------------------------------------------- .lib-pointer( @_size: 6px, @_background-color: @color-white, @_border-color: @color-gray-light3, @_position__vertical: top, @_position__horizontal: left, @_position__vertical__value: -12px, @_position__horizontal__value: @indent__s, @_z-index: 99 ) { &:before, &:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } &:before { .lib-css(@_position__horizontal, @_position__horizontal__value); .lib-css(@_position__vertical, @_position__vertical__value); .lib-css(border, solid @_size - 1); .lib-css(border-color, transparent transparent @_background-color transparent); .lib-css(z-index, @_z-index); } &:after { .lib-css(@_position__horizontal, @_position__horizontal__value - 1); .lib-css(@_position__vertical, @_position__vertical__value - 2); .lib-css(border, solid @_size); .lib-css(border-color, transparent transparent @_border-color transparent); .lib-css(z-index, @_z-index - 1); } } pub/static/adminhtml/Magento/backend/en_US/css/source/lib/_typography.less000077700000034676151323550650022717 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Typography // _____________________________________________ .lib-font-face( @family-name, @font-path, @font-format: false, @font-weight: normal, @font-style: normal, @font-display: auto, @font-type: false ) when (@font-format = false) { @font-face { font-family: @family-name; src: url('@{font-path}.woff2') format('woff2'), url('@{font-path}.woff') format('woff'); font-weight: @font-weight; font-style: @font-style; font-display: @font-display; } } // When need specify font format also should define font type include // The available types for @font-type are 'woff', 'woff2', 'truetype', 'opentype', 'embedded-opentype', and 'svg' // Enclose it in single quotes // _____________________________________________ .lib-font-face( @family-name, @font-path, @font-format: false, @font-weight: normal, @font-style: normal, @font-display: auto, @font-type: false ) when not (@font-format = false) and not (@font-type = false) { @font-face { font-family: @family-name; src: url('@{font-path}.@{font-format}') format(@font-type); font-weight: @font-weight; font-style: @font-style; font-display: @font-display; } } // Rem font size .lib-font-size(@sizeValue) when not (ispercentage(@sizeValue)) and not (@sizeValue = false) and (isunit(@sizeValue, @font-size-unit)) { .lib-css(font-size, @sizeValue); } .lib-font-size(@sizeValue) when not (ispercentage(@sizeValue)) and not (@sizeValue = false) and (isunit(@sizeValue, em)) { .lib-css(font-size, @sizeValue); } .lib-font-size(@sizeValue) when not (ispercentage(@sizeValue)) and not (@sizeValue = false) and not (isunit(@sizeValue, em)) and not (isunit(@sizeValue, @font-size-unit)) { .lib-font-size-value(@sizeValue); .lib-css(font-size, @fontValue); } // Rem line height .lib-line-height(@heightValue) when not (@heightValue = false) and not (@heightValue = normal) and not (ispercentage(@heightValue)) { .lib-font-size-value(@heightValue); .lib-css(line-height, @fontValue); } .lib-line-height(@heightValue) when (ispercentage(@heightValue)) and not (@heightValue = false) { .lib-css(line-height, @heightValue); } .lib-line-height(@heightValue) when (@heightValue = normal) { .lib-css(line-height, @heightValue); } .lib-wrap-words() { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; .lib-hyphens(); } .lib-text-overflow() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lib-text-hide() { background-color: transparent; border: 0; color: transparent; font: ~'0/0' a; text-shadow: none; } // Optional hyphenation .lib-hyphens(@mode: auto) { -webkit-hyphens: @mode; -moz-hyphens: @mode; -ms-hyphens: @mode; // IE10+ hyphens: @mode; } .lib-typography( @_font-size: @font-size__base, @_color: @text__color, @_font-family: @font-family__base, @_font-weight: @font-weight__regular, @_line-height: @line-height__base, @_font-style: @font-style__base ) { .lib-css(color, @_color); .lib-css(font-family, @_font-family); .lib-css(font-style, @_font-style); .lib-css(font-weight, @_font-weight); .lib-css(line-height, @_line-height); .lib-font-size(@_font-size); } .lib-list-reset-styles(@_margin: 0, @_padding: 0) { .lib-css(margin, @_margin); .lib-css(padding, @_padding); list-style: none none; } .lib-list-inline() { .lib-list-reset-styles(); > li { display: inline-block; vertical-align: top; } } .lib-link( @_link-color: @link__color, @_link-text-decoration: @link__text-decoration, @_link-color-visited: @link__visited__color, @_link-text-decoration-visited: @link__visited__text-decoration, @_link-color-hover: @link__hover__color, @_link-text-decoration-hover: @link__hover__text-decoration, @_link-color-active: @link__active__color, @_link-text-decoration-active: @link__active__text-decoration ) { .lib-css(color, @_link-color); .lib-css(text-decoration, @_link-text-decoration); &:visited { .lib-css(color, @_link-color-visited); .lib-css(text-decoration, @_link-text-decoration-visited); } &:hover { .lib-css(color, @_link-color-hover); .lib-css(text-decoration, @_link-text-decoration-hover); } &:active { .lib-css(color,@_link-color-active); .lib-css(text-decoration, @_link-text-decoration-active); } } .lib-heading(@_heading_level: h1) { @_font-color: "@{_heading_level}__font-color"; @_font-size: "@{_heading_level}__font-size"; @_font-family: "@{_heading_level}__font-family"; @_font-weight: "@{_heading_level}__font-weight"; @_line-height: "@{_heading_level}__line-height"; @_font-style: "@{_heading_level}__font-style"; @_margin-top: "@{_heading_level}__margin-top"; @_margin-bottom: "@{_heading_level}__margin-bottom"; .lib-typography( @@_font-size, @@_font-color, @@_font-family, @@_font-weight, @@_line-height, @@_font-style ); & { .lib-font-size-value(@@_margin-top); .lib-css(margin-top, @fontValue); } & { .lib-font-size-value(@@_margin-bottom); .lib-css(margin-bottom, @fontValue); } } // // Base typography // --------------------------------------------- .lib-typography__base( @_abbr-border-color: @abbr__border-color, @_dfn-font-style: @font-style__emphasis, @_emphasis-font-style: @font-style__emphasis, @_hr-border-color: @hr__border-color, @_hr-border-style: @hr__border-style, @_hr-border-width: @hr__border-width, @_hr-margin-bottom: @line-height__computed, @_hr-margin-top: @line-height__computed, @_mark-background-color: @mark__background-color, @_mark-color: @mark__color, @_p-margin-bottom: @p__margin-bottom, @_p-margin-top: @p__margin-top, @_root-font-size: @root__font-size, @_small-font-size: @font-size__s, @_strong-font-weight: @font-weight__bold, @_sub-sup-font-size: (@font-size__xs/@font-size__base)*100% ) { html { .lib-css(font-size, @_root-font-size); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { .lib-typography(); } p { & { .lib-font-size-value(@_p-margin-top); .lib-css(margin-top, @fontValue); } & { .lib-font-size-value(@_p-margin-bottom); .lib-css(margin-bottom, @fontValue); } } // Abbreviations and acronyms abbr[title] { .lib-css(border-bottom, 1px dotted @_abbr-border-color); cursor: help; } b, strong { .lib-css(font-weight, @_strong-font-weight); } em, i { .lib-css(font-style, @_emphasis-font-style); } mark { .lib-css(background, @_mark-background-color); .lib-css(color, @_mark-color); } small, .small { .lib-css(font-size, @_small-font-size); } hr { border: 0; .lib-css(border-top, @_hr-border-width @_hr-border-style @_hr-border-color); .lib-css(margin-bottom, @_hr-margin-bottom); .lib-css(margin-top, @_hr-margin-top); } sub, sup { .lib-css(font-size, @_sub-sup-font-size); line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { .lib-css(font-style, @_dfn-font-style); } } // // Headings // --------------------------------------------- .lib-typography-headings( @_heading-small-color: @heading__small-color, @_heading-small-line-height: @heading__small-line-height, @_heading-small-size: @heading__small-size ) { h1 { .lib-heading(h1); } h2 { .lib-heading(h2); } h3 { .lib-heading(h3); } h4 { .lib-heading(h4); } h5 { .lib-heading(h5); } h6 { .lib-heading(h6); } h1, h2, h3, h4, h5, h6 { small, .small { .lib-typography( @_heading-small-size, @_heading-small-color, @_line-height: @_heading-small-line-height ); } } } // // Links // --------------------------------------------- .lib-typography-links() { a, .alink { .lib-link(); } } // // Unordered and Ordered lists // --------------------------------------------- .lib-typography-lists( @_list-margin-bottom: @list__margin-bottom, @_list-margin-top: @list__margin-top, @_list-item-margin-bottom: @list-item__margin-bottom, @_list-item-margin-top: @list-item__margin-top, @_dl-margin-bottom: @dl__margin-bottom, @_dl-margin-top: @dl__margin-top, @_dd-margin-bottom: @dd__margin-bottom, @_dd-margin-top: @dd__margin-top, @_dt-font-weight: @dt__font-weight, @_dt-margin-bottom: @dt__margin-bottom, @_dt-margin-top: @dt__margin-top ) { ul, ol { & { .lib-font-size-value(@_list-margin-top); .lib-css(margin-top, @fontValue); } & { .lib-font-size-value(@_list-margin-bottom); .lib-css(margin-bottom, @fontValue); } > li { & { .lib-font-size-value(@_list-item-margin-top); .lib-css(margin-top, @fontValue); } & { .lib-font-size-value(@_list-item-margin-bottom); .lib-css(margin-bottom, @fontValue); } } ul, ol { margin-bottom: 0; } } dl { .lib-css(margin-bottom, @_dl-margin-bottom); .lib-css(margin-top, @_dl-margin-top); } dt { .lib-css(font-weight, @_dt-font-weight); .lib-css(margin-bottom, @_dt-margin-bottom); .lib-css(margin-top, @_dt-margin-top); } dd { .lib-css(margin-bottom, @_dd-margin-bottom); .lib-css(margin-top, @_dd-margin-top); margin-left: 0; } } // // Code (inline and block) // --------------------------------------------- .lib-typography-code( @_font-family-monospace: @font-family__monospace, @_code-background-color: @code__background-color, @_code-color: @code__color, @_code-font-size: @code__font-size, @_code-padding: @code__padding, @_kbd-background-color: @kbd__background-color, @_kbd-color: @kbd__color, @_kbd-font-size: @code__font-size, @_kbd-padding: @code__padding, @_pre-background-color: @pre__background-color, @_pre-border-color: @pre__border-color, @_pre-border-width: @pre__border-width, @_pre-color: @pre__color, @_pre-font-size: @code__font-size, @_pre-line-height: @line-height__base, @_pre-margin: 0 0 @indent__s, @_pre-padding: @indent__s ) { code, kbd, pre, samp { .lib-css(font-family, @_font-family-monospace); } // Inline code code { .lib-css(background, @_code-background-color); .lib-css(color, @_code-color); .lib-css(padding, @_code-padding); .lib-font-size(@_code-font-size); white-space: nowrap; } // User input typically entered via keyboard kbd { .lib-css(background, @_kbd-background-color); .lib-css(color, @_kbd-color); .lib-css(padding, @_kbd-padding); .lib-font-size(@_kbd-font-size); } // Blocks of code pre { .lib-css(background, @_pre-background-color); .lib-css(border, @_pre-border-width solid @_pre-border-color); .lib-css(color, @_pre-color); .lib-css(line-height, @_pre-line-height); .lib-css(margin, @_pre-margin); .lib-css(padding, @_pre-padding); .lib-font-size(@_pre-font-size); display: block; word-wrap: break-word; code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } } } // // Blockquotes // --------------------------------------------- .lib-typography-blockquote( @_blockquote-border-color: @blockquote__border-color, @_blockquote-border-width: @blockquote__border-width, @_blockquote-font-size: @blockquote__font-size, @_blockquote-font-style: @blockquote__font-style, @_blockquote-margin: @blockquote__margin, @_blockquote-padding: @blockquote__padding, @_blockquote-small-before-content: @blockquote__content-before, @_blockquote-small-color: @blockquote-small__color, @_blockquote-small-font-size: @blockquote-small__font-size, @_blockquote-small-line-height: @line-height__base, @_blockquote-cite: @cite__font-style, @_cite: @cite__font-style ) { blockquote { .lib-css(border-left, @_blockquote-border-width solid @_blockquote-border-color); .lib-css(margin, @_blockquote-margin); .lib-css(padding, @_blockquote-padding); .lib-typography( @_font-size: @_blockquote-font-size, @_font-style: @_blockquote-font-style ); p, ul, ol { &:last-child { margin-bottom: 0; } } footer, small, .small { .lib-css(color, @_blockquote-small-color); .lib-css(line-height, @_blockquote-small-line-height); .lib-font-size(@_blockquote-small-font-size); display: block; &:before { .lib-css(content, @_blockquote-small-before-content); } } cite { .lib-css(font-style, @_blockquote-cite); } } // Quotes blockquote { &:before, &:after { content: ''; } } q { quotes: none; &:before, &:after { content: ''; content: none; } } // Undo browser default styling cite { .lib-css(font-style, @_cite); } } // // All typography // --------------------------------------------- .lib-typography-all() { .lib-typography__base(); .lib-typography-headings(); .lib-typography-links(); .lib-typography-lists(); .lib-typography-code(); .lib-typography-blockquote(); } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/_controls.less000077700000020230151323550650022711 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components // _____________________________________________ @import 'controls/_checkbox-radio.less'; // // Basic controls // _____________________________________________ // Common .__form-control-pattern() { -webkit-appearance: none; background-color: @field-control__background-color; border: @field-control__border-width solid @field-control__border-color; border-radius: @field-control__border-radius; box-shadow: @field-control__box-shadow; color: @field-control__color; font-size: @field-control__font-size; font-weight: @font-weight__regular; height: auto; line-height: @field-control__line-height; padding: @field-control__padding-top @field-control__padding-horizontal @field-control__padding-bottom; transition: @smooth__border-color; vertical-align: baseline; width: auto; } .__form-control-pattern__hover() { border-color: @field-control__hover__border-color; } .__form-control-pattern__focus() { border-color: @field-control__focus__border-color; box-shadow: none; outline: 0; } .__form-control-pattern__disabled() { background-color: @field-control__disabled__background-color; border-color: @field-control__border-color; color: @field-control__color; cursor: not-allowed; opacity: @disabled__opacity; } // Input text styles .admin__control-text { &:extend(.abs-form-control-pattern all); min-width: 4rem; } // Select styles .admin__control-select { &:extend(.abs-form-control-pattern all); .lib-css(appearance, none, 1); background-image+: url('../images/arrows-bg.svg'); background-position+: ~'calc(100% - 12px)' -34px; background-size+: auto; background-image+: linear-gradient(@color-gray89, @color-gray89); background-position+: 100%; background-size+: @field-control__height 100%; background-image+: linear-gradient(@field-control__border-color,@field-control__border-color); background-position+: ~'calc(100% - @{field-control__height})' 0; background-size+: 1px 100%; background-repeat: no-repeat; max-width: 100%; min-width: 8.5rem; padding-bottom: @field-control__padding-bottom; padding-right: 4.4rem; // Distance between select switch and inner text padding-top: @field-control__padding-top; transition: @smooth__border-color; &:hover { border-color: @field-control__hover__border-color; cursor: pointer; } &:active { background-image+: url('../images/arrows-bg.svg'); background-position+: ~'calc(100% - 12px)' 13px; background-image+: linear-gradient(@color-gray89, @color-gray89); background-position+: 100%; background-image+: linear-gradient(@field-control__focus__border-color, @field-control__focus__border-color); background-position+: ~'calc(100% - @{field-control__height})' 0; border-color: @field-control__focus__border-color; } &::-ms-expand { display: none; } } option:empty { display: none; } // Multiple select .admin__control-multiselect { &:extend(.abs-form-control-pattern all); height: auto; max-width: 100%; min-width: @field-size__s; overflow: auto; padding: 0; resize: both; option, optgroup { padding: .5rem 1rem; } } // File uploader .admin__control-file-wrapper { display: inline-block; padding: .5rem 1rem; position: relative; z-index: 1; } .admin__control-file-label { &:before { &:extend(.abs-form-control-pattern); .admin__control-file:active + &, .admin__control-file:focus + & { /** * @codingStandardsIgnoreStart */ &:extend(.abs-form-control-pattern:focus); } .admin__control-file[disabled] + & { &:extend(.abs-form-control-pattern[disabled]); } content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } } .admin__control-file { background: transparent; border: 0; padding-top: .7rem; position: relative; width: auto; z-index: 1; } // // Support text. Can be used on label or plain text to align controls & actions // --------------------------------------------- .admin__control-support-text { // ToDo UI: should be renamed to .admin__control-text border: @field-control__border-width solid transparent; display: inline-block; font-size: @field-control__font-size; line-height: @field-control__line-height; padding-bottom: @field-control__padding-bottom; padding-top: @field-control__padding-top; margin-left: @action__outer-indent; + [class*='admin__control-'] { margin-left: @action__outer-indent; } } [class*='admin__control-'] { + .admin__control-support-text { margin-left: @action__outer-indent; } } // // Service text or control. Can be used to add text or 'Use Default Value' checkbox // --------------------------------------------- .admin__control-service { float: left; margin: .8rem 0 0 3rem; } // // Textarea // --------------------------------------------- .admin__control-textarea { &:extend(.abs-form-control-pattern all); line-height: 1.18; padding-top: .8rem; resize: vertical; } // Control with additional prefix or suffix label .admin__control-addon { .lib-vendor-prefix-display(inline-flex); .lib-vendor-prefix-flex-direction(row); display: inline-flex; flex-flow: row nowrap; position: relative; width: 100%; z-index: 1; > [class*='admin__addon-'], > [class*='admin__control-'] { .lib-vendor-prefix-flex-basis(auto); .lib-vendor-prefix-flex-grow(0); .lib-vendor-prefix-flex-shrink(0); position: relative; z-index: 1; } .admin__control-select { width: auto; } .admin__control-text { margin: .1rem; padding: @field-control__padding-top - .1rem @field-control__padding-horizontal - .1rem @field-control__padding-bottom - .1rem; width: 100%; } [class*='admin__control-'][class] { .lib-css(appearence,none); .lib-vendor-prefix-flex-grow(1); .lib-vendor-prefix-order(1); .lib-vendor-prefix-flex-shrink(1); background-color: transparent; border-color: transparent; box-shadow: none; vertical-align: top; & + [class*='admin__control-'] { border-left-color: @field-control__border-color; } :focus { box-shadow: 0; } & ~ [class*='admin__addon-']:last-child { padding-left: 1rem; position: static !important; z-index: 0; > * { position: relative; vertical-align: top; z-index: 1; } &:empty { padding: 0; } } & ~ [class*='admin__addon-']:last-child:before { &:extend(.abs-form-control-pattern); bottom: 0; box-sizing: border-box; content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } &[disabled] ~ [class*='admin__addon-']:last-child:before { &:extend(.abs-form-control-pattern[disabled]); } &:focus ~ [class*='admin__addon-']:last-child:before { &:extend(.abs-form-control-pattern:focus); } &:hover ~ [class*='admin__addon-']:last-child:before { &:extend(.abs-form-control-pattern:hover); } } } .admin__addon-suffix, .admin__addon-prefix { border: 0; box-sizing: border-box; color: @field-control-addon__color; display: inline-block; font-size: @field-control__font-size; font-weight: @font-weight__regular; height: @field-control__height; line-height: @field-control__height; padding: 0; } .admin__addon-suffix { .lib-vendor-prefix-order(3); &:last-child { padding-right: 1rem; } } .admin__addon-prefix { .lib-vendor-prefix-order(0); } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/_extends.less000077700000002750151323550650022527 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Extend common form control styles // --------------------------------------------- .abs-form-control-pattern { .__form-control-pattern(); &:hover { .__form-control-pattern__hover(); } &:focus { .__form-control-pattern__focus(); } &[disabled] { .__form-control-pattern__disabled(); } } // // Transformation to rows form layout // --------------------------------------------- .abs-field-rows[class] { > .admin__field-control { clear: left; float: none; text-align: left; width: auto; } &:not(.admin__field-option) { > .admin__field-label { display: block; line-height: @field-label__font-size; // Try to Calculate margin offset considering line-height; margin-bottom: 1rem - round((@field-label__line-height - 1) * @field-label__font-size / 2, 2); margin-top: 0 - round((@field-label__line-height - 1) * @field-label__font-size / 2, 2); text-align: left; width: auto; &:before { display: none; } } } } .abs-control-qty { min-width: 0; width: 5.4rem; } .abs-control-price { min-width: 0; width: 10rem; } .abs-fieldset-legend { font-size: 1.8rem; font-weight: @font-weight__semibold; margin-bottom: @indent__l; } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/_temp.less000077700000033355151323550650022027 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Admin section wrapper title @todo ui - find the right place // _____________________________________________ .fieldset-wrapper-title, .admin__fieldset-wrapper-title { &:extend(.abs-clearfix all); border-bottom: 1px solid @color-gray80; line-height: 1.4; margin-bottom: 0; padding: 14px 0 16px; .title { font-size: 2rem; font-weight: 400; .admin__fieldset-wrapper-content & { font-size: 1.5rem; font-weight: 700; } &.active { ~ .actions { display: none; } } } .actions { display: block; float: right; } } .admin__fieldset-wrapper-content { .admin__fieldset { padding-bottom: 3rem; padding-top: 3rem; > .admin__collapsible-block-wrapper { &:first-child { margin-top: -3rem; } } > *:first-child { margin-top: 0; } > *:last-child { margin-bottom: 0; } } } // @todo ui Move to other place - will be done in upcoming task 'Address Tabs': .address-item-edit-content { background: @color-white; border: 1px solid @color-gray-brown; box-shadow: 0 2px 1px 0 rgba(217, 210, 202, .5); margin-left: 359px; max-width: 500px; padding: 15px 30px; .admin__field { &:extend(.abs-field-rows all); } .admin__legend { display: none; } } .address-list { float: left; list-style-type: none; margin: 0; padding: 0; width: 360px; .address-list-item-actions { position: absolute; right: 1rem; top: 1rem; } .address-list-item { background: @color-white-fog2; border: 1px solid @color-gray-brown; cursor: pointer; margin-bottom: -1px; padding: 10px 10px 15px; position: relative; z-index: 1; &.ui-state-active { background: @color-white; box-shadow: 0 1px 1px 0 rgba(217, 210, 202, 1); margin-left: -2px; padding-left: 12px; position: relative; z-index: 2; &:before, &:after { color: @color-white; content: '\e02a'; font-family: 'MUI-Icons'; font-size: 18px; font-style: normal; font-weight: normal; line-height: 11px; margin-top: -5px; position: absolute; right: -9px; speak: none; text-indent: -6px; top: 50%; width: 10px; z-index: 2; } &:before { color: @color-gray-brown; right: -11px; z-index: 1; } } } address { font-style: normal; line-height: 1.5; margin: 0 20px 15px 0; &:first-line { // It does not work if First Name and Last Name are arranged in two lines font-weight: bold; } } .address-list-actions { background: none; border: 0; box-shadow: none; cursor: default; padding: 20px 0 0; } .action-delete { .lib-button-reset(); .lib-icon-font( @icon-remove-small__content, @icons-admin__font-name, @_icon-font-size: 1.6rem, @_icon-font-line-height: 16px, @_icon-font-text-hide: true, @_icon-font-position: after, @_icon-font-color: @color-brown-darker ); span { max-height: 1px; max-width: 1px; } &:hover { position: relative; z-index: 2; &:after { color: darken(@color-brown-darker, 20%); } // @Todo ui - testing solution to show action hint without title attribute span { background-color: @color-very-light-gray; border: 1px solid @color-heathered-grey; border-radius: .4rem; bottom: 100%; clip: auto; font-size: @font-size__s; height: auto; left: auto; margin: 0 auto .1rem; max-height: 50px; max-width: 200px; padding: .5rem; right: auto; top: auto; transition: all .01s linear .7s; white-space: nowrap; width: auto; } } } } // // Login page form errors @todo ui - remove after validation consistency // _____________________________________________ [class*='admin__control-'].mage-error ~ [class*='admin__addon-']:before, .admin__field-control > [class*='admin__control-'].mage-error { border-color: @field-error-control__border-color; } label.mage-error { &:extend(.admin__field-error); } // // Login page captcha reload @todo ui - remove after loader consistency // _____________________________________________ .page-layout-admin-login { .loading-mask { background: rgba(255,255,255,.2); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: @z-index-10; } .popup-loading { height: 149px; left: 50%; margin-left: -218px/2; margin-top: -149px/2; overflow: hidden; position: absolute; top: 50%; width: 218px; } } // // Login page captcha field @todo ui - Create new captcha markup - Change reload button // _____________________________________________ .page-layout-admin-login { .field-captcha { padding-left: 30px; vertical-align: middle; .captcha-reload { float: right; margin-top: 15px; } } } // // Form loader @todo ui - remove after loader consistency // _____________________________________________ .admin__form-loading-mask { background: rgba(255, 255, 255, .5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: @loader-overlay__z-index; .spinner { font-size: @data-grid-spinner__size; left: 50%; margin-left: -(@data-grid-spinner__size / 2); margin-top: -(@data-grid-spinner__size / 2); position: absolute; top: 50%; } } // // Selectbox in calendar @todo ui - Remove after default select styles set // _____________________________________________ .ui-datepicker .ui-datepicker-title select { &:extend(.admin__control-select all); } // // Data grid // _____________________________________________ .data-grid { .head-massaction { .admin__control-select { min-width: 6rem; } } .data-grid-filters { td { border-bottom: 1px solid @color-gray84; padding: 1rem; } select, input[type='text'] { font-size: 1.3rem; height: 2.8rem; min-width: 5rem; padding: .2rem .4rem; width: 100%; } .admin__control-text { width: 100%; } select { background-position+: ~'calc(100% - 5px)' -37px; background-size+: auto; background-position+: 100%; background-size+: 18px 100%; background-position+: ~'calc(100% - 18px)' 0; background-size+: 1px 100%; height: 2.8rem; padding: .2rem 1.8rem .2rem .3rem; &:focus { background-position+: ~'calc(100% - 5px)' 11px; background-position+: 100%; background-position+: ~'calc(100% - 18px)' 0; } } td { ._has-datepicker { + .ui-datepicker-trigger { height: 2.8rem; margin-left: -3.2rem; width: 2.8rem; &:after { line-height: 28px; } } } } } .range-line { position: relative; + .range-line { margin-top: .5rem; } } .col-qty { .admin__control-text { &:extend(.abs-control-qty all); } } .field-row { display: inline-block; } } .mass-select-info { &:before { content: '('; } &:after { content: ')'; } &._empty { display: none; } } .mass-select-wrap { margin-left: 1.1rem; margin-top: 3.3rem; position: absolute; top: 100%; select { cursor: pointer; height: 22px; left: 0; opacity: .01; position: absolute; top: 0; width: 22px; z-index: 2; + label { &:extend(.abs-action-default); height: 16px; line-height: 16px; padding: 0; width: 16px; z-index: 1; /** * @codingStandardsIgnoreStart */ &:before { &:extend(.admin__control-checkbox + label:before); left: 0; position: absolute; top: 0; } &:after { &:extend(.action-multicheck-wrap .action-multicheck-toggle:after); top: 40% !important; } } &:focus { + label { &:after { &:extend(.action-multicheck-wrap .action-multicheck-toggle._active:after); } } } &._checked { + label { &:before { &:extend(.admin__control-checkbox:checked + label:before); } // @codingStandardsIgnoreEnd } &._indeterminate { + label { &:before { content: '-'; font-size: 2rem; line-height: .7rem; } } } } &._disabled { display: none; + label { cursor: not-allowed; opacity: .6; } } } } .admin__data-grid-toolbar { *, *:before, *:after { box-sizing: border-box; } .admin__data-grid-header-row { .action-select-multiselect { -webkit-appearance: menulist-button; appearance: menulist-button; height: 38px; left: -1rem; min-width: 0; opacity: .01; top: -1.2rem; width: 52px; } > div { margin-left: @temp_gutter; &:first-child { margin-left: 0; } } button { vertical-align: top; } } .admin__filter-actions { float: left; } .admin__control-filter { .admin__control-select { margin-right: @action__outer-indent; } } .admin__data-grid-export { float: right; .admin__control-select { margin-right: @action__outer-indent; } } .admin__grid-massaction { float: left; .admin__control-select { margin-right: @action__outer-indent; } + .admin__control-text { float: left; } .form-inline { display: inline; .admin__field-label { float: none; padding-left: 2rem; padding-right: 1rem; width: auto; } } .admin__grid-massaction-form { .admin__control-select { ~ button { display: none; } &._selected { ~ button { display: inline-block; } } } } .admin__control-select-placeholder { color: @color-darker-gray; font-weight: @font-weight__bold; } } .admin__data-grid-pager-wrap { float: right; } .admin__data-grid-header-row { &._massaction { position: relative; z-index: 1; } } } // // Tablets // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) { .admin__data-grid-toolbar { .admin__data-grid-header-row { .admin__filter-actions { float: none; margin-bottom: @indent__base; } } .admin__data-grid-header-row { .admin__control-support-text { margin-left: 0; } } } } .admin__grid-control { .admin__grid-control { display: none; } } .ui-dialog { .admin__data-grid-header-row._massaction, .mass-select-wrap select, .mass-select-wrap, .admin__grid-massaction { z-index: 2000; } .admin__data-grid-wrap { z-index: 1999; } } .data-grid { td.col-action { a + a { &:before { content: ''; display: block; } } } } // // Popups // _____________________________________________ .attribute-popup { background-color: @color-white; .edit-form { padding-left: 1.8rem; padding-right: 1.8rem; } } .product-configure-popup { .time-picker { display: block; margin-top: 1rem; } } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/_form-wysiwyg.less000077700000000661151323550650023537 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Wysiwyg form control styles // --------------------------------------------- .admin__control-wysiwig { .buttons-set { margin: 0 0 15px; button { margin-right: 4px; } } + button { margin-top: @indent__s; } textarea { width: 100%; } } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/controls/_checkbox-radio.less000077700000011244151323550650025600 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ // Checkbox & radio .admin__control-radio, .admin__control-checkbox { cursor: pointer; opacity: .01; // hack for successful selenium tests overflow: hidden; position: absolute; vertical-align: top; &:after { // ToDo UI: Should be deleted with old styles that generate styles for this element display: none; } + label { cursor: pointer; display: inline-block; &:before { background-color: @control-checkbox-radio__background-color; border: 1px solid @field-control__border-color; color: transparent; float: left; height: @control-checkbox-radio__size; text-align: center; vertical-align: top; width: @control-checkbox-radio__size; } } // Label with text content + .admin__field-label { padding-left: @control-checkbox-radio__size + @field-label__indent; &:before { margin: 1px @field-label__indent 0 -(@control-checkbox-radio__size + @field-label__indent); } } // Checked state &:checked { + label { &:before { color: @control-checkbox-radio-mark__color; } } } // Disabled state &.disabled, &[disabled] { + label { color: @field-control__color; cursor: default; opacity: .5; &:before { background-color: @field-control__disabled__background-color; border-color: @field-control__border-color; cursor: default; } } } &:not([disabled]), &:not(.disabled) { // Focus state &:focus { + label { &:before { ._keyfocus & { border-color: @field-control__focus__border-color; } } } } // Hover state &:hover { + label { &:before { border-color: @field-control__hover__border-color; } } } } } // Radio .admin__control-radio { + label { &:before { border-radius: @control-checkbox-radio__size; content: ''; transition: @smooth__border-color, color .1s ease-in; } } // Discard extend line-height 1, to fix animation &.admin__control-radio { + label { &:before { line-height: 140%; } } } // Radio checked state &:checked { + label { position: relative; &:after { background-color: @control-checkbox-radio-mark__color; border-radius: 50%; content: ''; height: 10px; left: 3px; position: absolute; top: 4px; width: 10px; } } &:not([disabled]), &:not(.disabled) { // Prevent hover effects for checked radio &:hover { cursor: default; + label { cursor: default; &:before { border-color: @field-control__border-color; } } } } } } // Checkbox .admin__control-checkbox { + label { &:before { &:extend(.abs-icon all); border-radius: 1px; content: ''; font-size: 0; transition: font-size .1s ease-out, color .1s ease-out, @smooth__border-color; } } &:checked { + label { &:before { content: @icon-check-mage__content; font-size: 1.1rem; line-height: 125%; } } } &:not(:checked) { &._indeterminate, &:indeterminate { + label { &:before { color: @control-checkbox-radio-mark__color; content: '-'; font-family: @font-family__base; font-size: @font-size__base; font-weight: @font-weight__bold; } } } } } // // ToDo UI: Delete with old scope // --------------------------------------------- input[type='checkbox'], input[type='radio'] { &.admin__control-checkbox { margin: 0; position: absolute; } } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/controls/.htaccess000077700000000177151323550650023470 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/forms/_fields.less000077700000044444151323550650022331 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components // _____________________________________________ @import 'fields/_control-collapsible.less'; @import 'fields/_control-table.less'; @import 'fields/_field-tooltips.less'; @import 'fields/_field-reset.less'; // // Extends // _____________________________________________ .abs-field-size-x-small { width: @field-size__xs; } .abs-field-size-small { width: @field-size__s; } .abs-field-size-medium { width: @field-size__m; } .abs-field-size-large { width: @field-size__l; } .abs-field-sizes { &.admin__field-x-small { > .admin__field-control { &:extend(.abs-field-size-x-small all); } } &.admin__field-small { > .admin__field-control { &:extend(.abs-field-size-small all); } } &.admin__field-medium { > .admin__field-control { &:extend(.abs-field-size-medium all); } } &.admin__field-large { > .admin__field-control { &:extend(.abs-field-size-large all); } } } .abs-field-no-label { /** *@codingStandardsIgnoreStart */ #mix-grid .return_length(@field-label-grid__column, @field-grid__columns, '+'); //@codingStandardsIgnoreEnd margin-left: @_length; } // // Form Fields // _____________________________________________ // // Fieldset // --------------------------------------------- .admin__fieldset { border: 0; margin: 0; min-width: 0; padding: 0; // Fieldset section .fieldset-wrapper { &.admin__fieldset-section { > .fieldset-wrapper-title { padding-left: @indent__s; strong { font-size: @collapsible-title__font-size; font-weight: @font-weight__semibold; } } .admin__fieldset-wrapper-content { > .admin__fieldset { padding-top: @indent__s; } } &:last-child { .admin__fieldset-wrapper-content { > .admin__fieldset { padding-bottom: 0; } } } } } > .admin__field { border: 0; margin: 0; padding: 0; #mix-grid .row(); &.admin__field-wide { &:extend(.abs-field-rows all); } > .admin__field-control { #mix-grid .column(@field-control-grid__column, @field-grid__columns); input[type="checkbox"] { margin-top: @indent__s; } } > .admin__field-label { #mix-grid .column(@field-label-grid__column, @field-grid__columns); } &:extend(.abs-field-sizes all); &.admin__field-no-label { > .admin__field-label { display: none; } > .admin__field-control { &:extend(.abs-field-no-label all); } } // Field with empty table and no thead + .admin__field { &._empty { &._no-header { margin-top: -@indent__l; } } } &.field-currently_used_for { > .admin__field-control { .admin__field { margin-top: 8px; } } } } &.composite-bundle { .admin__field-control { padding-top: 7px; } .admin__field-option { padding-top: 0; } } } .admin__fieldset-product-websites { position: relative; z-index: @z-index-3; } .admin__fieldset-note { margin-bottom: @indent__base; } .admin__form-field { border: 0; margin: 0; padding: 0; } .admin__form-field-control, .admin__field-control { .admin__control-text, .admin__control-textarea { width: 100%; &.disabled { background-color: #e9e9e9; border-color: #adadad; color: #303030; cursor: not-allowed; opacity: .5; } } } .admin__field-no-label { &:extend(.abs-field-no-label all); } .admin__field-row { &:extend(.abs-field-rows all); } // // Label // --------------------------------------------- .admin__field-label { color: @field-label__color; margin: 0; text-align: right; label { cursor: pointer; } + br { display: none; } .admin__field:not(.admin__field-option) > & { &:extend(.abs-word-wrap all); font-family: @font-family__base; font-size: @field-label__font-size; font-weight: @font-weight__semibold; line-height: 3.2rem; padding: 0; white-space: nowrap; &:before { .appearing__off(); content: '.'; margin-left: -7px; overflow: hidden; } span { display: inline-block; line-height: @field-label__line-height; vertical-align: middle; white-space: normal; &[data-config-scope] { position: relative; &:before { &:extend(.abs-config-scope-label all); } } } } .required > &, // ToDo UI: change classes 'required' to '_required'. ._required > & { span { &:after { color: @validation__color; content: '*'; display: inline-block; font-size: @font-size__l; font-weight: @font-weight__heavier; line-height: 1; margin-left: 10px; margin-top: .2rem; position: absolute; z-index: 1; } } } ._disabled > & { color: @field-label__disabled__color; cursor: default; } } // // Field // --------------------------------------------- .admin__field { &:extend(.abs-field-sizes all); margin-bottom: 0; & + & { margin-top: 1.5rem; } &:not(.admin__field-option) ~ .admin__field-option { margin-top: .5rem; } &.admin__field-option ~ .admin__field-option { margin-top: .9rem; } & ~ .admin__field-option:last-child { margin-bottom: .8rem; } .admin__fieldset > & { margin-bottom: 3rem; position: relative; &.field-import_file { .input-file { margin-top: 6px; } } } // Hide group legend and show first field label instead legend { &.admin__field-label { opacity: 1; } } // ToDo UI: Scope Labels must be moved from right side of each control to the place under the label of the control. // This code must be removed after Scope Labels are moved completely. // Till that time they'll be disabled by commenting pseudo-element content property. &[data-config-scope] { &:before { #mix-grid .return_length(@field-label-grid__column + @field-control-grid__column, @field-grid__columns); color: @field-scope__color; content: attr(data-config-scope); display: inline-block; font-size: @font-size__s; left: @_length; line-height: 3.2rem; margin-left: 2 * @temp_gutter; position: absolute; & { #mix-grid .width(@field-label-grid__column, @field-grid__columns); } } .admin__field-control &:nth-child(n + 2):before { content: ''; } } &._error { .admin__field-control [class*='admin__control-'] [class*='admin__addon-']:before, .admin__field-control [class*='admin__addon-']:before, .admin__field-control > [class*='admin__control-'] { border-color: @field-error-control__border-color; } } &._disabled, &._disabled:hover { box-shadow: inherit; cursor: inherit; opacity: 1; outline: inherit; .admin__action-multiselect-wrap { .admin__action-multiselect { .__form-control-pattern__disabled(); } } } &._hidden { display: none; } } .admin__field-control { & + & { margin-top: 1.5rem; } // If there is a tooltip &._with-tooltip { > .admin__control-addon, > .admin__field-option, > .admin__control-select, > .admin__control-text, > .admin__control-textarea { max-width: ~'calc(100% - @{field-tooltip__width} - 4px)'; // Minus space size } .admin__field-tooltip { width: auto; } .admin__field-option { display: inline-block; } } // If there is a fallback reset button &._with-reset { > .admin__control-addon, > .admin__control-text, > .admin__control-textarea { width: ~'calc(100% - @{field-fallback-reset__width} - @{field-fallback-reset-icon__margin-left} - 4px)'; // Minus space size } .admin__field-fallback-reset { margin-left: @field-fallback-reset__margin-left; margin-top: @field-fallback-reset__margin-top; vertical-align: top; } // If both &._with-tooltip { > .admin__control-addon, > .admin__control-text, > .admin__control-textarea { width: ~'calc(100% - @{field-fallback-reset__width} - @{field-fallback-reset-icon__margin-left} - @{field-tooltip__width} - 8px)'; // Minus 2 space sizes } } } } // Collapsible radiobutton field .admin__field-collapsible { .admin__fieldset > & { margin-bottom: 0; .admin__field-control { border-top: 1px solid @field-collapsible__border-color; display: block; font-size: 1.7rem; font-weight: @font-weight__bold; padding: 1.7rem 0; width: ~'calc(100% - @{indent__l})'; } .admin__field-option { padding-top: 0; } } + div { margin-top: @indent__m; } .admin__control-radio { + label { &:before { height: 1.8rem; width: 1.8rem; } } &:checked { + label { &:after { left: 4px; top: 5px; } } } } } // // Field messages // --------------------------------------------- // Field error message .admin__field-error { background: @field-error-message__background-color; border: 1px solid @field-error-message__border-color; box-sizing: border-box; color: @field-error-message__color; display: block; font-size: @font-size__s; font-weight: @font-weight__regular; line-height: @line-height__s; margin: .2rem 0 0; padding: .8rem 1rem .9rem; } // Field notice message .admin__field-note { color: @field-note__color; font-size: @field-note__font-size; margin: 10px 0 0; padding: 0; } // Field additional information .admin__additional-info { padding-top: @indent__s; } // Field containing checkbox or radio .admin__field-option { padding-top: @field-option__padding-top; .admin__field-label { text-align: left; } .admin__field-control > & { &:nth-child(1):nth-last-child(2), &:nth-child(2):nth-last-child(1) { display: inline-block; + .admin__field-option { display: inline-block; margin-left: 41px; margin-top: 0; } + .admin__field-option:before { background: @field-divider__background-color; content: ''; display: inline-block; height: 20px; margin-left: -20px; position: absolute; width: 1px; } } } } // Field containing a value .admin__field-value { display: inline-block; padding-top: @field-option__padding-top; } // Field use default value action .admin__field-service { padding-top: @indent__s; } // // Field containing multiple fields // _____________________________________________ [class*='admin__control-grouped'], .admin__control-fields { & > .admin__field { &:first-child { position: static; & > .admin__field-label { #mix-grid .column(@field-label-grid__column, @field-grid__columns); cursor: pointer; left: 0; position: absolute; top: 0; span { &:before { display: block; } } } } &._disabled { & > .admin__field-label { cursor: default; } } & > .admin__field-label { span { &:before { display: none; } } } } } // In rows .admin__control-fields { .admin__field-label ~ .admin__field-control { width: 100%; } .admin__field:nth-child(n + 2):not(.admin__field-option):not(.admin__field-group-show-label) { > .admin__field-label { &:extend(.abs-visually-hidden all); } } .admin__field-option { padding-top: 0; } } // In line [class*='admin__control-grouped'] { box-sizing: border-box; display: table; width: 100%; & > .admin__field { display: table-cell; vertical-align: top; > .admin__field-control { float: none; width: 100%; } // Stretch group column size to control &.admin__field-default, &.admin__field-x-small, &.admin__field-small, &.admin__field-medium, &.admin__field-large { width: 1px; + .admin__field:last-child { width: auto; } } &:extend(.abs-field-sizes all); &:nth-child(n + 2) { padding-left: @field-group-label__padding; &:not(.admin__field-option):not(.admin__field-group-show-label):not(.admin__field-date) { > .admin__field-label { &:extend(.abs-visually-hidden all); } } } } } // Group of controls with equal width .admin__control-group-equal { table-layout: fixed; & > .admin__field { width: 50%; } } // Group of checkboxes or radiobuttons .admin__field-control-group { margin-top: .8rem; & > .admin__field { padding: 0; } } // Group of date fields .admin__control-grouped-date { & > .admin__field-date { white-space: nowrap; width: 1px; &.admin__field { > .admin__field-control { &:extend(.abs-field-size-small all); position: relative; display: inline-block; } } + .admin__field:last-child { width: auto; } + .admin__field-date { > .admin__field-label { float: left; padding-right: @field-group-label__padding; } } } .ui-datepicker-trigger { left: 100%; top: 0; } } // Group of fields with labels above in line .admin__field-group-columns { &.admin__field-control.admin__control-grouped { #mix-grid .column(@field-grid__columns, @field-grid__columns); } & > .admin__field { &:first-child { & > .admin__field-label { float: none; margin: 0; opacity: 1; position: static; width: 100%; } } & > .admin__field-label { text-align: left; } &:nth-child(n + 2) { &:not(.admin__field-option):not(.admin__field-group-show-label):not(.admin__field-date) { > .admin__field-label[class] { &:extend(.abs-visually-hidden-reset all); } } } } .admin__control-select { width: 100%; } } // Additional field for group .admin__field-group-additional { &:extend(.abs-field-no-label all); clear: both; .action-additional { margin-top: @indent__s; } .action-basic { width: 100%; } } // Show label for field in group .admin__field-group-show-label { white-space: nowrap; > .admin__field-label, > .admin__field-control { display: inline-block; vertical-align: top; } > .admin__field-label { margin-right: @field-group-label__padding; } } // // Complex Field // _____________________________________________ .admin__field-complex { &:extend(.abs-clearfix all); margin: @indent__s 0 @indent__l; padding-left: @indent__s; .admin__field:not(._hidden) + & { margin-top: 3rem; } .admin__field-complex-title { clear: both; color: @collapsible-title__color; font-size: @collapsible-title__font-size; font-weight: @font-weight__semibold; letter-spacing: .025em; margin-bottom: @indent__s; } .admin__field-complex-elements { float: right; max-width: 40%; button { margin-left: @indent__s; } } .admin__field-complex-content { max-width: 60%; overflow: hidden; } .admin__field-complex-text { margin-left: -@indent__s; } // Field with empty table and no thead + .admin__field { &._empty { &._no-header { margin-top: -@indent__l; } } } } // // Form legend // _____________________________________________ .admin__legend { // ToDo UI: add form legend styles. Check if they doon't conflict with create order page form legend styles float: left; position: static; width: 100%; &:extend(.abs-fieldset-legend); & + br { clear: left; display: block; height: 0; overflow: hidden; } } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/.htaccess000077700000000177151323550650021625 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/forms/fields/_control-table.less000077700000013365151323550650025074 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // --------------------------------------------- @control-table__dragging__outline-color: @color-blue-pure; @control-table-row__dragging__background-color: @color-light-gray0; @control-table-cell__background-color: @color-white-dark-smoke; @control-table-cell__border-color: @color-white; @control-table-cell__padding-vertical: 1.3rem; @control-table-cell__padding-horizontal: 1rem; @control-table-horizontal-dragover-mark__color: @color-blue-dodger; @control-table-horizontal-dragover-mark__width: 3px; // .admin__control-table-wrapper { max-width: 100%; overflow-x: auto; overflow-y: hidden; } .admin__control-table { width: 100%; thead { background-color: transparent; } tbody { td { vertical-align: top; } } tfoot { th { padding-bottom: @control-table-cell__padding-vertical; &.validation { padding-bottom: 0; padding-top: 0; } } td { border-top: 1px solid @control-table-cell__border-color; } .admin__control-table-pagination { float: right; padding-bottom: 0; } .action-previous { margin-right: .5rem; } .action-next { margin-left: .9rem; } } tr { &:last-child { td { border-bottom: none; } } &._dragover-top { td { box-shadow: inset 0 @control-table-horizontal-dragover-mark__width 0 0 @control-table-horizontal-dragover-mark__color; } } &._dragover-bottom { td { box-shadow: inset 0 -@control-table-horizontal-dragover-mark__width 0 0 @control-table-horizontal-dragover-mark__color; } } &._dragged { td, th { background: @control-table-row__dragging__background-color; } } } td, th { background-color: @control-table-cell__background-color; border: 0; border-bottom: 1px solid @control-table-cell__border-color; padding: @control-table-cell__padding-vertical @control-table-cell__padding-horizontal @control-table-cell__padding-vertical 0; text-align: left; vertical-align: top; &:first-child { padding-left: @control-table-cell__padding-horizontal; } > .admin__control-select, > .admin__control-text { width: 100%; } &._hidden { display: none; } &._fit { width: auto; } } th { color: @color-very-dark-gray-black; font-size: @font-size__base; font-weight: @font-weight__semibold; vertical-align: bottom; &._required { span { &:after { .lib-css(margin, @form-field-label-asterisk__margin); color: @validation__color; content: '*'; } } } } // Actions column .control-table-actions-th { white-space: nowrap; } .control-table-actions-cell { padding-top: 1.8rem; text-align: center; width: 1%; } // Column with option .control-table-options-th { text-align: center; width: 10rem; } .control-table-options-cell { text-align: center; } // Static text in row .control-table-text { line-height: 3.2rem; } // Draggable column .col-draggable { padding-top: 2.2rem; width: 1%; } // Actions .action-delete { .action-icon(); padding-left: 0; padding-right: 0; &:before { &:extend(.abs-icon all); content: @icon-delete__content; font-size: 2rem; } > span { display: none; } } .draggable-handle { &:extend(.abs-draggable-handle all); padding: 0; } &._dragged { outline: 1px solid @control-table__dragging__outline-color; } } .admin__control-table-action { background-color: @control-table-cell__background-color; border-top: 1px solid @control-table-cell__border-color; padding: @control-table-cell__padding-vertical @control-table-cell__padding-horizontal; } .admin__dynamic-rows { &._dragged { opacity: .95; position: absolute; z-index: 999; } &.admin__control-table { .admin__control-fields { > .admin__field { border: 0; padding: 0; } } } td { > .admin__field { border: 0; margin: 0; padding: 0; } } } .admin__control-table-pagination { &:extend(.abs-clearfix all); padding-bottom: @indent__s; .admin__data-grid-pager { float: right; } } .product_form_product_form_advanced_pricing_modal .admin__fieldset > .admin__field > .admin__field-label, .product_form_product_form_advanced_pricing_modal [class*='admin__control-grouped'] > .admin__field:first-child > .admin__field-label { margin-left: 0; } .product_form_product_form_advanced_pricing_modal .admin__control-table td, .product_form_product_form_advanced_pricing_modal .admin__control-table th { overflow-y: visible; } .product_form_product_form_advanced_pricing_modal .admin__fieldset { margin-left: -30px; } .product_form_product_form_advanced_pricing_modal .admin__control-table-wrapper { overflow-x: visible; overflow-y: visible; } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/fields/_field-tooltips.less000077700000006114151323550650025257 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @field-tooltip__margin-top: .5rem; @field-tooltip__width: 45px; @field-tooltip-icon__color: @color-brownie; @field-tooltip-icon__size: 2.2rem; @field-tooltip-content-arrow__margin: 2rem; @field-tooltip-content-arrow__size: 1.6rem; @field-tooltip-content__background-color: @color-lazy-sun; @field-tooltip-content__border-color: @color-dark-grayish-orange; @field-tooltip-content__padding: 1.5rem 2.5rem; @field-tooltip-content__width: 32rem; @field-tooltip-content__z-index: 1; @field-tooltip-action__margin-left: 0; // // Form Fields // _____________________________________________ .admin__field-tooltip { display: inline-block; margin-top: @field-tooltip__margin-top; max-width: @field-tooltip__width; overflow: visible; vertical-align: top; width: 0; &:hover { position: relative; z-index: @field-tooltip__z-index; } .admin__field-option & { margin-top: @indent__xs; } .admin__field-tooltip-action { display: inline-block; margin-left: @field-tooltip-action__margin-left; position: relative; z-index: @field-tooltip-content__z-index + 1; .lib-icon-font( @icon-help__content, @icons-admin__font-name, @_icon-font-size: @field-tooltip-icon__size, @_icon-font-line-height: 1, @_icon-font-color: @field-tooltip-icon__color ); span { &:extend(.abs-visually-hidden); } } .admin__control-text:focus + .admin__field-tooltip-content, &:hover .admin__field-tooltip-content { display: block; } .admin__field-tooltip-content { &:extend(.abs-admin__field-tooltip-content all); bottom: @field-tooltip-icon__size + @field-tooltip-content-arrow__size; display: none; right: -@field-tooltip-content-arrow__margin - (@field-tooltip-icon__size/2) + (@field-tooltip-content-arrow__size/2); &:after, &:before { .lib-arrow( @_position: down, @_size: @field-tooltip-content-arrow__size, @_color: @field-tooltip-content__border-color ); content: ''; display: block; position: absolute; right: @field-tooltip-content-arrow__margin; top: 100%; z-index: 3; } &:after { border-top-color: @field-tooltip-content__background-color; margin-top: -1px; z-index: 4; } } } .abs-admin__field-tooltip-content { @_shadow: 0 2px 8px 0 rgba(0, 0, 0, .3); .lib-css(box-shadow, @_shadow); background: @field-tooltip-content__background-color; border: 1px solid @field-tooltip-content__border-color; border-radius: 1px; padding: @field-tooltip-content__padding; position: absolute; width: @field-tooltip-content__width; z-index: @field-tooltip-content__z-index; } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/fields/_control-collapsible.less000077700000011222151323550650026264 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // --------------------------------------------- @control-collapsible__border-color: @color-gray80; @collapsible-title__font-size: 1.7rem; @collapsible-title__padding-top: 1.9rem; @collapsible-title__color: @color-very-dark-gray-black; @collapsible-title__padding-bottom: @collapsible-title__padding-top; @collapsible-title__hover__color: darken(@collapsible-title__color, 15%); @collapsible-title__disabled__color: lighten(@collapsible-title__color, 30%); @control-collapsible-title-icon-open__size: 1.8rem; @control-collapsible-title-icon-remove__size: @indent__base; @control-collapsible-title__background-color: @color-white-fog; @control-collapsible-title__padding-left: @control-collapsible-title-icon-open__size + @control-collapsible-title__padding__horizontal * 2; @control-collapsible-title__padding-right: @control-collapsible-title-icon-remove__size + @control-collapsible-title__padding__horizontal * 2; @control-collapsible-title__padding__horizontal: @indent__s; @control-collapsible-title__padding__vertical: 1.6rem; @control-collapsible-content__padding: @indent__s; @control-collapsible-row__dragging__background-color: @color-light-gray0; @control-collapsible-horizontal-dragover-mark__color: @color-blue-dodger; @control-collapsible-horizontal-dragover-mark__height: 3px; // // Table with collapsible panel // _____________________________________________ .admin__control-collapsible { width: 100%; ._dragged { .admin__collapsible-block-wrapper { .admin__collapsible-title { background: @control-collapsible-row__dragging__background-color; } } } ._dragover-top, ._dragover-bottom { .admin__collapsible-block-wrapper { &:before { background: @control-collapsible-horizontal-dragover-mark__color; content: ''; display: block; height: @control-collapsible-horizontal-dragover-mark__height; left: 0; position: absolute; right: 0; } } } ._dragover-top { .admin__collapsible-block-wrapper { &:before { top: -@control-collapsible-horizontal-dragover-mark__height; } } } ._dragover-bottom { .admin__collapsible-block-wrapper { &:before { bottom: -@control-collapsible-horizontal-dragover-mark__height; } } } .admin__collapsible-block-wrapper { &.fieldset-wrapper { border: 0; margin: 0; position: relative; .fieldset-wrapper-title { background: @control-collapsible-title__background-color; border: 2px solid @control-collapsible__border-color; } } .fieldset-wrapper-title { .admin__collapsible-title { font-size: @font-size__base; font-weight: @font-weight__regular; line-height: 1; padding: @control-collapsible-title__padding__vertical @control-collapsible-title__padding-right @control-collapsible-title__padding__vertical @control-collapsible-title__padding-left; &:before { left: @control-collapsible-title__padding__horizontal; right: auto; top: 1.4rem; } } .action-delete { .action-icon(); padding: 0; position: absolute; right: @control-collapsible-title__padding__horizontal; top: 1.4rem; &:before { &:extend(.abs-icon all); content: @icon-delete__content; font-size: @control-collapsible-title-icon-remove__size; } > span { display: none; } } .draggable-handle { &:extend(.abs-draggable-handle all); } } } .admin__collapsible-content { background-color: @color-white; margin-bottom: @indent__s; > .fieldset-wrapper { border: 1px solid @control-collapsible__border-color; margin-top: -1px; padding: @control-collapsible-content__padding; } .admin__fieldset { padding: 0; } .admin__field { &:last-child { margin-bottom: 0; } } } } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/fields/_field-reset.less000077700000002250151323550650024521 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @field-fallback-reset-icon__margin-left: .5rem; @field-fallback-reset-icon__size: 1.3rem; @field-fallback-reset-text__font-size: 1.25rem; @field-fallback-reset__margin-left: .5rem; @field-fallback-reset__margin-top: 1rem; @field-fallback-reset__width: 30px; // // Form Fields // _____________________________________________ .admin__field-fallback-reset { &:extend(.abs-action-reset all); font-size: @field-fallback-reset-text__font-size; white-space: nowrap; width: @field-fallback-reset__width; > span { margin-left: @indent__xs; position: relative; } &:active { .scale(.98); } &:before { &:extend(.abs-icon all); .transition(color); content: @icon-reset__content; font-size: @field-fallback-reset-icon__size; margin-left: @field-fallback-reset-icon__margin-left; } &:hover { cursor: pointer; text-decoration: none; } &:focus { background: transparent; } } pub/static/adminhtml/Magento/backend/en_US/css/source/forms/fields/.htaccess000077700000000177151323550650023073 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/_forms.less000077700000000431151323550650021047 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @import (reference) 'forms/_extends.less'; @import 'forms/_controls.less'; @import 'forms/_fields.less'; @import 'forms/_temp.less'; @import 'forms/_form-wysiwyg.less'; pub/static/adminhtml/Magento/backend/en_US/css/source/_theme.less000077700000000515151323550650021026 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Typography // --------------------------------------------- // Font @font-size__base: 1.4rem; @line-height__base: 1.36; // Focus @focus__color: @color-blue-dodger; @focus__box-shadow: 0 0 0 1px @focus__color; pub/static/adminhtml/Magento/backend/en_US/css/source/actions/_actions-multiselect.less000077700000025165151323550650025364 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Actions -> Actions multiselect // _____________________________________________ // // Variables // _____________________________________________ @action-multiselect-menu-item__padding: 1rem; @action-multiselect-menu-item__hover__background-color: @color-gray89; @action-multiselect-menu-item__selected__background-color: @color-blue-clear-sky; @action-multiselect-menu-item-path__color: @color-gray65-almost; // Actions @action-multiselect-menu-actions__border: 1px solid @border__color; @action-multiselect-menu-actions__padding: 1rem; // Crumbs @action-multiselect-crumb-close-action__size: 2rem; @action-multiselect-crumb__background-color: @color-white-smoke; @action-multiselect-crumb__border-color: @color-gray65-almost; // Search @action-multiselect-search-count__color: @color-gray65-almost; // Tree @action-multiselect-tree-arrow__color: @color-gray65-almost; @action-multiselect-tree-arrow__size: 2.2rem; @action-multiselect-tree-level__width: 2rem; @action-multiselect-tree-lines: @action-multiselect-tree-lines__size @action-multiselect-tree-lines__style @action-multiselect-tree-lines__color; @action-multiselect-tree-lines__color: @color-gray65-almost; @action-multiselect-tree-lines__size: 1px; @action-multiselect-tree-lines__style: dashed; @action-multiselect-tree-menu-item__margin-left: @action-multiselect-tree-arrow__size + @action-multiselect-tree-level__width; // // Multiselect default view // --------------------------------------------- .admin__action-multiselect-wrap { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; display: block; user-select: none; &.action-select-wrap { &:focus { box-shadow: none; } .action-menu { max-height: none; overflow-y: inherit; } } .action-menu-item { transition: background-color .1s linear; &._selected { background-color: @action-multiselect-menu-item__selected__background-color; } &._hover { background-color: @action-multiselect-menu-item__hover__background-color; } &._unclickable { cursor: default; } } .admin__action-multiselect { border: 1px solid @action__border-color; cursor: pointer; display: block; min-height: @action__height; padding-right: @action__height + .4rem; white-space: normal; &:after { bottom: @action__height / 2 - @button-marker-triangle__height / 2 - .1rem; top: auto; } &:before { height: @action__height + .1rem; top: auto; } } // Multiselect inside control table .admin__control-table-wrapper & { position: static; .admin__action-multiselect { position: relative; &:before { right: -1px; top: -1px; } } .action-menu { left: auto; min-width: @field-size__m; right: auto; top: auto; z-index: 1; } } .admin__action-multiselect-item-path { color: @action-multiselect-menu-item-path__color; font-size: 1.2rem; font-weight: @font-weight__regular; padding-left: 1rem; } } .admin__action-multiselect-actions-wrap { border-top: @action-multiselect-menu-actions__border; margin: 0 @action-multiselect-menu-item__padding; padding: @action-multiselect-menu-item__padding 0; text-align: center; .action-default { font-size: 1.3rem; min-width: 13rem; } } .admin__action-multiselect-text { padding: .6rem 1rem; } .action-menu { left: 0; margin-top: 2px; right: auto; text-align: left; } .admin__action-multiselect-label { cursor: pointer; position: relative; z-index: 1; &:before { margin-right: .5rem; } ._unclickable & { cursor: default; font-weight: @font-weight__bold; } } // Multiselect search .admin__action-multiselect-search-wrap { border-bottom: @action-multiselect-menu-actions__border; margin: 0 @action-multiselect-menu-item__padding; padding: @action-multiselect-menu-item__padding 0; position: relative; } .admin__action-multiselect-search { padding-right: 3rem; width: 100%; } .admin__action-multiselect-search-label { display: block; font-size: 1.5rem; height: 1.3em; overflow: hidden; position: absolute; right: 2.2rem; top: 1.7rem; width: 1em; &:before { &:extend(.abs-icon all); content: @icon-search__content; } } .admin__action-multiselect-search-count { color: @action-multiselect-search-count__color; margin-top: 1rem; } .admin__action-multiselect-empty-area { color: @color-gray65-almost; padding-bottom: 20px; padding-top: 20px; text-align: center; vertical-align: middle; } // Multiselect inner menu .admin__action-multiselect-menu-inner { margin-bottom: 0; max-height: 46rem; overflow-y: auto; .admin__action-multiselect-menu-inner { list-style: none; max-height: none; overflow: hidden; padding-left: @action-multiselect-tree-arrow__size; } ._hidden { display: none; } } // Crumbs .admin__action-multiselect-crumb { background-color: @action-multiselect-crumb__background-color; border: 1px solid @action-multiselect-crumb__border-color; border-radius: 1px; display: inline-block; font-size: 1.2rem; margin: .3rem -4px .3rem .3rem; padding: .3rem (@action-multiselect-crumb-close-action__size + .4rem) .4rem 1rem; position: relative; transition: border-color .1s linear; &:hover { border-color: darken(@color-gray65-almost, 10%); } .action-close { bottom: 0; font-size: .5em; position: absolute; right: 0; top: 0; width: @action-multiselect-crumb-close-action__size; &:hover { color: darken(@text__color, 20%); } &:focus, &:active { background-color: transparent; } &:active { transform: scale(.9); } } } // // Multiselect tree view // --------------------------------------------- .admin__action-multiselect-tree { .action-menu { min-width: 34.7rem; .action-menu-item { margin-top: .1rem; } } .action-menu-item { margin-left: @action-multiselect-tree-menu-item__margin-left; position: relative; &._expended { // Vertical line for long titles &:before { border-left: @action-multiselect-tree-lines; bottom: 0; content: ''; left: -@action-multiselect-menu-item__padding; position: absolute; top: @action-multiselect-menu-item__padding; width: 1px; } .admin__action-multiselect-dropdown { &:before { content: @icon-expand-close__content; } } } &._with-checkbox { .admin__action-multiselect-label { padding-left: @control-checkbox-radio__size + 1rem; } } } .admin__action-multiselect-menu-inner { position: relative; .admin__action-multiselect-menu-inner { padding-left: @action-multiselect-tree-menu-item__margin-left - @action-multiselect-menu-item__padding; &:before { left: @action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size + @action-multiselect-tree-arrow__size/2; } } } .admin__action-multiselect-menu-inner-item { position: relative; &:last-child { &:before { height: @action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2; } } &:after, &:before { content: ''; left: 0; position: absolute; } // Horizontal dotted line &:after { border-top: @action-multiselect-tree-lines; height: 1px; top: @action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2; width: @action-multiselect-tree-menu-item__margin-left; } // Vertical dotted line &:before { border-left: @action-multiselect-tree-lines; height: 100%; top: 0; width: 1px; } &._parent { &:after { width: @action-multiselect-tree-menu-item__margin-left; } } // Top level on tree &._root { margin-left: -@action-multiselect-menu-item__padding; &:after { left: @action-multiselect-tree-arrow__size + @action-multiselect-menu-item__padding; width: @action-multiselect-tree-arrow__size; } &:before { left: @action-multiselect-tree-arrow__size + @action-multiselect-menu-item__padding; top: @action-multiselect-menu-item__padding; } &._parent { &:after { display: none; } } &:first-child { &:before { top: @action-multiselect-menu-item__padding + @action-multiselect-tree-arrow__size/2; } } &:last-child { &:before { height: @action-multiselect-menu-item__padding; } } } } .admin__action-multiselect-label { line-height: @action-multiselect-tree-arrow__size; vertical-align: middle; word-break: break-all; &:before { left: 0; position: absolute; top: .4rem; } } } // Toggle arrow .admin__action-multiselect-dropdown { border-radius: 50%; height: @action-multiselect-tree-arrow__size; left: -@action-multiselect-tree-arrow__size; position: absolute; top: @action-multiselect-menu-item__padding; width: @action-multiselect-tree-arrow__size; z-index: 1; &:before { &:extend(.abs-icon all); background: @color-white; color: @action-multiselect-tree-arrow__color; content: @icon-expand-open__content; font-size: @action-multiselect-tree-arrow__size; } } pub/static/adminhtml/Magento/backend/en_US/css/source/actions/_actions-select.less000077700000006034151323550650024303 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Actions -> Action select // _____________________________________________ // // Variables // _____________________________________________ @_dropdown__padding-right: @action__height; @_triangle__height: @button-marker-triangle__height; @_triangle__width: @button-marker-triangle__width; // Action select have the same visual styles and functionality as native <select> .action-select-wrap { @_action-select__border-color: @button__border-color; @_action-select__active__border-color: @action__active__border-color; @_action-select-toggle__size: @action__height; display: inline-block; position: relative; .action-select { .action-toggle-triangle( @_dropdown__padding-right; @_triangle__height; @_triangle__width; ); .lib-text-overflow-ellipsis(); background-color: @color-white; font-weight: @font-weight__regular; text-align: left; &:hover { border-color: @field-control__hover__border-color; &:before { border-color: @field-control__hover__border-color; } } // Toggle action &:before { background-color: @button__background-color; border: @button__border-size @button__border-style @_action-select__border-color; bottom: 0; content: ''; position: absolute; right: 0; top: 0; width: @_action-select-toggle__size; } &._active { border-color: @_action-select__active__border-color; &:before { border-color: @_action-select__active__border-color; border-left-color: @_action-select__border-color; } } &[disabled] { color: @action-select__disabled__color; &:after { border-color: @action-select__disabled__color transparent transparent transparent; } } } &._active { z-index: @action-select__z-index; .action-select { border-color: @field-control__active__border-color; &:before { border-color: @field-control__active__border-color; } &:after { transform: rotate(180deg); } } } .action-menu { max-height: 45rem; overflow-y: auto; ._disabled { &:hover { background: @color-white; } .action-menu-item { cursor: default; opacity: .5; } } } .action-menu-items { left: 0; position: absolute; right: 0; top: 100%; > .action-menu { min-width: 100%; position: static; .action-submenu { position: absolute; right: -100%; } } } } pub/static/adminhtml/Magento/backend/en_US/css/source/actions/_actions-switcher.less000077700000006662151323550650024663 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Yes/no switcher // _____________________________________________ // // Variables // _____________________________________________ @actions-switcher-speed: .2s; @actions-switcher__background-color: @color-gray89; @actions-switcher__border-radius: 12px; @actions-switcher__border: 1px solid @color-gray65-lighten; @actions-switcher__height: 22px; @actions-switcher__width: 37px; @actions-switcher-control__background-color: @color-white; @actions-switcher-handler__background-color: @color-white; @actions-switcher-handler__height: @actions-switcher__height; @actions-switcher-handler__width: @actions-switcher__height; // .admin__actions-switch { display: inline-block; position: relative; vertical-align: middle; .admin__field-control & { line-height: @action__height; } + .admin__field-service { min-width: @field-size__m; } } .admin__actions-switch-checkbox { &:extend(.abs-visually-hidden all); ._disabled &, &.disabled { + .admin__actions-switch-label { cursor: not-allowed; opacity: @disabled__opacity; pointer-events: none; } } &:checked { + .admin__actions-switch-label { &:before { left: (@actions-switcher__width - @actions-switcher-handler__width); } &:after { background: @color-green-apple; } .admin__actions-switch-text { &:before { content: attr(data-text-on); } } } } &:focus { + .admin__actions-switch-label { &:before, &:after { border-color: @field-control__focus__border-color; } } } ._error & { + .admin__actions-switch-label { &:before, &:after { border-color: @field-error-control__border-color; } } } } .admin__actions-switch-label { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; display: inline-block; height: @actions-switcher__height; line-height: @actions-switcher__height; position: relative; user-select: none; vertical-align: middle; &:before, &:after { left: 0; position: absolute; right: auto; top: 0; } &:before { background: @actions-switcher-handler__background-color; border: @actions-switcher__border; border-radius: 100%; content: ''; display: block; height: @actions-switcher-handler__height; transition: left @actions-switcher-speed ease-in 0s; width: @actions-switcher-handler__width; z-index: 1; } &:after { background: @actions-switcher__background-color; border: @actions-switcher__border; border-radius: @actions-switcher__border-radius; content: ''; display: block; height: @actions-switcher__height; transition: background @actions-switcher-speed ease-in 0s; width: @actions-switcher__width; z-index: 0; } } .admin__actions-switch-text { &:before { content: attr(data-text-off); padding-left: (@actions-switcher__width + 10); white-space: nowrap; } } pub/static/adminhtml/Magento/backend/en_US/css/source/actions/_actions-dropdown.less000077700000020131151323550650024652 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Forms -> Dropdown element // _____________________________________________ // // Variables // _____________________________________________ // // Utilities // --------------------------------------------- .admin__action-dropdown-menu__align( @_align ) when (@_align = left) { .admin__action-dropdown-text { &:after { left: -(@component__shadow-size__base + 1); right: 0; } } .admin__action-dropdown-menu { left: auto; right: 0; } } .admin__action-dropdown-menu__align( @_align ) when (@_align = right) { .admin__action-dropdown-text { &:after { left: 0; right: -(@component__shadow-size__base + 1); } } .admin__action-dropdown-menu { left: 0; right: auto; } } .action-dropdown-menu-link-pattern() { color: @action-dropdown__color; display: block; text-decoration: none; } // .admin__action-dropdown-wrap { .admin__action-dropdown-menu__align(left); display: inline-block; position: relative; &.active, &._active { .admin__action-dropdown { border-color: @action-dropdown__active__border-color; box-shadow: @component__box-shadow__base; } // Dropdown helper to prevent box shadow unnecessary appearing .admin__action-dropdown-text { &:after { background-color: @action-dropdown__background-color; content: ''; height: @component__shadow-size__base + 1; position: absolute; top: 100%; } } .admin__action-dropdown-menu { display: block; } } &._disabled { .admin__action-dropdown { cursor: default; } &:hover { .admin__action-dropdown { color: @action-dropdown__color; } } } } .admin__action-dropdown { .action-toggle-triangle( @_dropdown__padding-right: @action-dropdown__padding-right; ); background-color: @action-dropdown__background-color; border: 1px solid transparent; border-bottom: none; border-radius: 0; box-shadow: none; color: @action-dropdown__color; display: inline-block; font-size: @action-dropdown__font-size; font-weight: @font-weight__regular; letter-spacing: -.025em; padding: @action-dropdown__padding-top @action-dropdown__padding-right @action-dropdown__padding-bottom @action-dropdown__padding-horizontal; position: relative; vertical-align: baseline; z-index: 2; &:hover, &:focus { background-color: @action-dropdown__background-color; color: @action-dropdown__hover__color; text-decoration: none; } // Triangle &:after { right: @action-dropdown__padding-horizontal; } // Icon &:before { margin-right: 1rem; } } .admin__action-dropdown-menu { background-color: @action-dropdown__background-color; border: 1px solid @action-dropdown__active__border-color; box-shadow: @component__box-shadow__base; display: none; line-height: @line-height__base; margin-top: -1px; min-width: 120%; padding: @action-dropdown-menu__padding-vertical @action-dropdown-menu__padding-horizontal; position: absolute; top: 100%; transition: all @appearing__transition-duration @apperaing__transition-timing-function; z-index: 1; > li { display: block; > a { .action-dropdown-menu-link-pattern(); padding: @action-dropdown-menu-link__padding-vertical @action-dropdown-menu-link__padding-horizontal; } } } // Generic select lists .selectmenu { &:extend(.abs-form-control-pattern); display: inline-block; padding-left: 1.5rem; position: relative; text-align: left; width: auto; z-index: 1; /** * @codingStandardsIgnoreStart */ &:hover { &:extend(.abs-form-control-pattern:hover); } &._focus { &:extend(.abs-form-control-pattern:focus); } &._active { border-color: @action__active__border-color; z-index: @action-select__z-index; } .action-save, .action-edit, .action-delete { .action-icon(); &:before { &:extend(.abs-icon all); content: @icon-delete__content; } > span { &:extend(.abs-visually-hidden all); } padding: 0 1rem 0 1rem; } .action-edit, .action-delete { border: 0 solid @color-white; border-left-width: 1px; bottom: 0; position: absolute; right: 0; top: 0; z-index: 1; &:hover { border: 0 solid @color-white; border-left-width: 1px; } } .action-save:before { content: @icon-arrow-right__content; } .action-edit:before { content: @icon-edit__content; } } .selectmenu-value { display: inline-block; input[type='text'] { .lib-css(appearance, none, 1); border: 0; display: inline; margin: 0; width: 6rem; body._keyfocus &:focus { box-shadow: none; } } } .selectmenu-toggle { .action-toggle-triangle(); background: transparent; border-width: 0; bottom: 0; float: right; position: absolute; right: 0; top: 0; width: 0; &:focus, &:active, &:hover { background: transparent; } .selectmenu:hover & { &:before { &:extend(.abs-form-control-pattern:hover); } } .selectmenu._active &:before { border-color: @action__active__border-color; } .selectmenu._focus &:before { &:extend(.abs-form-control-pattern:focus); } body._keyfocus &:focus { box-shadow: none; } span { &:extend(.abs-visually-hidden all); } &:before { background: @color-gray89; border-left: 1px solid @action__border-color; bottom: 0; content: ''; display: block; position: absolute; right: 0; top: 0; width: 3.2rem; } } .selectmenu-items { background: @action-dropdown__background-color; border: 1px solid @action__active__border-color; box-shadow: @component__box-shadow__base; display: none; float: left; left: -1px; margin-top: 3px; max-width: 20rem; min-width: ~'calc(100% + 2px)'; position: absolute; top: 100%; &._active { display: block; } ul { float: left; list-style-type: none; margin: 0; min-width: 100%; padding: 0; } li { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(row); display: flex; flex-direction: row; transition: background .2s linear; &:hover { background: @action-menu__hover__background-color; } &:last-child { .selectmenu-item-action { .lib-link(); } } } } .selectmenu-item { position: relative; width: 100%; z-index: 1; li._edit > & { display: none; } } .selectmenu-item-edit { display: none; padding: .3rem 4rem .3rem .4rem; position: relative; white-space: nowrap; z-index: 1; li:last-child & { padding-right: .4rem; } .admin__control-text { margin: 0; width: 5.4rem; } li._edit & { display: block; } } .selectmenu-item-action { .lib-css(appearance, none, 1); background: transparent; border: 0; color: @text__color; display: block; font-size: @font-size__base; font-weight: @font-weight__regular; min-width: 100%; padding: 1rem 6rem 1rem 1.5rem; text-align: left; transition: background .2s linear; width: 5rem; &:hover, &:focus { background: @action-menu__hover__background-color; } } pub/static/adminhtml/Magento/backend/en_US/css/source/actions/_actions-split.less000077700000005740151323550650024162 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Actions -> Actions split // _____________________________________________ // Actions split is a button aggregator with dropdown element // // Extends // --------------------------------------------- .abs-actions-split-xl { @_dropdown__padding-right: 4rem; @_action-toggle__width: @_dropdown__padding-right; @_triangle__height: @button-marker-triangle__height__xl; @_triangle__right: (@_dropdown__padding-right / 2) - (@_triangle__width / 2); @_triangle__width: @button-marker-triangle__width__xl; .action-default { margin-right: @_action-toggle__width; } .action-toggle { padding-right: @_dropdown__padding-right; &:after { border-width: @_triangle__height @_triangle__width / 2 0 @_triangle__width / 2; margin-top: -((@_triangle__width / 2) / 2); right: @_triangle__right; } } } // Double button action .actions-split { @_action-split__min-width: @_action-toggle__width + @_action-default__min-width; @_action-default__min-width: 9.3rem; @_action-toggle__width: @action__height; &:extend(.abs-clearfix all); position: relative; z-index: @actions-split__z-index; &.active, &._active, &:hover { box-shadow: @button__hover__box-shadow; } &.active, &._active { .action-toggle { &.action-primary, &.primary { background-color: @button-primary__hover__background-color; border-color: @button-primary__hover__background-color; } } .dropdown-menu { .appearing__on(); display: block; } } .action-toggle, .action-default { float: left; margin: 0; &.active, &._active, &:hover { box-shadow: none; } } .action-default { margin-right: @_action-toggle__width; min-width: @_action-default__min-width; } .action-toggle { .action-toggle-triangle( @_dropdown__padding-right: @_action-toggle__width; @_triangle__height: @button-marker-triangle__height; @_triangle__width: @button-marker-triangle__width; ); border-left-color: rgba(0, 0, 0, .2); bottom: 0; padding-left: 0; position: absolute; right: 0; top: 0; // Disable triangle rotation // &._active, // &.active { // &:after { // transform: none; // } // } &.action-secondary, &.secondary, &.action-primary, &.primary { &:after { border-color: @color-white transparent transparent transparent; } } > span { .hidden(); } } .dropdown-menu, .action-menu { &:extend(.abs-action-menu all); } } pub/static/adminhtml/Magento/backend/en_US/css/source/actions/.htaccess000077700000000177151323550650022137 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/actions/_actions-multicheck.less000077700000004606151323550650025157 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Actions -> Actions multicheck // _____________________________________________ // Action multicheck is a combining of checkbox and dropdown elements .action-multicheck-wrap { &:extend(.abs-clearfix all); display: inline-block; height: @control-checkbox-radio__size; padding-top: 1px; position: relative; width: @control-checkbox-radio__size * 2 - .1rem; z-index: @action-multicheck__z-index; &:hover { .admin__control-checkbox + label:before, .action-multicheck-toggle { border-color: @field-control__hover__border-color; } } &._active { .admin__control-checkbox + label:before, .action-multicheck-toggle { border-color: @action__active__border-color; } .action-menu { .appearing__on(); display: block; } } &._disabled { .admin__control-checkbox { + label { &:before { background-color: @control-checkbox-radio__background-color; } } } .admin__control-checkbox + label:before, .action-multicheck-toggle { border-color: @field-control__border-color; opacity: 1; } } .admin__control-checkbox, .admin__control-checkbox + label, .action-multicheck-toggle { float: left; } .action-multicheck-toggle { .action-toggle-triangle( @_triangle__height: @button-marker-triangle__height; @_triangle__width: @button-marker-triangle__width; ); border-radius: 0 1px 1px 0; height: @control-checkbox-radio__size; margin-left: -1px; padding: 0; position: relative; transition: @smooth__border-color; width: @control-checkbox-radio__size; &:focus { border-color: @action__active__border-color; } &:after { right: .3rem; } > span { &:extend(.abs-visually-hidden all); } } .action-menu { left: -(@data-grid-cell__padding-horizontal + @data-grid-cell__border-width); margin-top: 1px; right: auto; text-align: left; } .action-menu-item { white-space: nowrap; } } pub/static/adminhtml/Magento/backend/en_US/css/source/_structure.less000077700000002437151323550650021771 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Structure // _____________________________________________ html { height: 100%; } body { &:extend(.abs-clearer all); background-color: @body__background-color; min-height: 100%; min-width: 102.4rem; } .page-wrapper { background-color: @page-wrapper__background-color; display: inline-block; margin-left: -4px; // Clear inline-block gap vertical-align: top; width: ~'calc(100% - @{menu__width})'; } .page-content { &:extend(.abs-clearfix all); padding-bottom: @page-content__padding-vertical; padding-left: @page-content__padding-horizontal; padding-right: @page-content__padding-horizontal; } // ToDo UI: should be moved to messages .notices-wrapper { margin: 0 3rem; min-height: 5rem; .messages { margin-bottom: 0; } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .page-layout-admin-2columns-left { .page-columns { #mix-grid .row(); .main-col { #mix-grid .width(9,12); float: right; } .side-col { #mix-grid .column(3,12); } } } } pub/static/adminhtml/Magento/backend/en_US/css/source/_tables.less000077700000006507151323550650021205 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @table__color: @color-very-dark-gray-black; @table__border-color: @color-gray89; @table-th__border-color: @table__border-color; @table-td__border-color: @table__border-color; @table-tfoot__background-color: @color-white-fog; @admin__table-primary__font-size: 1.3rem; @admin__table-primary__padding-vertical: 1rem; @admin__table-primary__padding-horizontal: 1.5rem; @admin__table-secondary__padding-vertical: @admin__table-primary__padding-vertical; @admin__table-secondary__padding-horizontal: 1rem; @admin__table-secondary-caption__font-size: 1.8rem; @admin__table-secondary-cell__odd__color: @color-white-fog2; @admin__table-secondary-th__color: @color-brownie-light; // // Tables // _____________________________________________ table { background-color: transparent; color: @table__color; > caption { margin-bottom: .5em; } } .admin__table-wrapper { .lib-table-overflow(); } .admin__table-primary, .admin__table-secondary { width: 100%; } .admin__table-primary { font-size: @admin__table-primary__font-size; th, td { padding: @admin__table-primary__padding-vertical @admin__table-primary__padding-horizontal; text-align: left; &:first-child { padding-left: 0; } } th { border-bottom: 1px solid @table-th__border-color; border-top: 1px solid @table-th__border-color; font-weight: @font-weight__bold; vertical-align: bottom; } td { border-bottom: 1px solid @table-td__border-color; vertical-align: top; } tbody { tr { &:last-child { td { border-bottom-color: transparent; } } } } tfoot { background: @table-tfoot__background-color; font-weight: @font-weight__semibold; th, td { &:first-child { padding-left: @admin__table-primary__padding-horizontal; } } } } .admin__table-secondary { caption { font-size: @admin__table-secondary-caption__font-size; font-weight: @font-weight__bold; margin-bottom: .75em; text-align: left; } thead { th { background-color: transparent; font-weight: @font-weight__semibold; } } tbody { th { vertical-align: top; } tr { &:nth-child(odd) { th, td { background-color: @admin__table-secondary-cell__odd__color; } } } } tfoot { tr { &:nth-child(odd) { th, td { background-color: @color-white; } } &:first-child { border-top: 1px solid @table-td__border-color; } } } th, td { padding: @admin__table-secondary__padding-horizontal @admin__table-secondary__padding-vertical; text-align: left; } th { color: @admin__table-secondary-th__color; font-weight: @font-weight__regular; } } pub/static/adminhtml/Magento/backend/en_US/css/source/_icons.less000077700000000532151323550650021036 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Admin Theme Icons // _____________________________________________ .lib-font-face( @family-name: @icons-admin__font-name, @font-path: @icons-admin__font-name-path, @font-weight: normal, @font-style: normal ); pub/static/adminhtml/Magento/backend/en_US/css/source/_components.less000077700000001250151323550650022106 0ustar00 @import 'components/_spinner.less'; @import 'components/_calendar-temp.less'; @import 'components/_messages.less'; @import 'components/_popups.less'; @import 'components/_popups-old.less'; @import 'components/_modals.less'; @import 'components/_data-tooltip.less'; @import 'components/_modals_extend.less'; @import 'components/_timeline.less'; @import 'components/_file-insertion.less'; @import 'components/_media-gallery.less'; @import 'components/_resizable-block.less'; @import 'components/_file-uploader.less'; @import 'components/_image-uploader.less'; @import 'components/_slider.less'; @import 'components/_url_input.less'; @import 'components/_color-picker.less'; pub/static/adminhtml/Magento/backend/en_US/css/source/_extends.less000077700000005031151323550650021374 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Styles Extends // _____________________________________________ // // Icons // --------------------------------------------- .abs-icon { -webkit-font-smoothing: antialiased; font-family: @icons-admin__font-name; font-style: normal; font-weight: normal; line-height: 1; speak: none; } // // Forms // --------------------------------------------- // Validation .validation-symbol { &:after { color: @validation__color; content: '*'; font-weight: @font-weight__regular; margin-left: 3px; } } // // Modals // --------------------------------------------- .abs-modal-overlay { background: @popup-overlay__background-color; bottom: 0; left: 0; position: fixed; right: 0; top: 0; } // // Other // --------------------------------------------- // Visually hidden .abs-visually-hidden { .lib-visually-hidden(); } .extend__visually-hidden() { &:extend(.abs-visually-hidden all); } // Revert visually hidden .abs-visually-hidden-reset { .lib-visually-hidden-reset(); } .extend__visually-hidden-reset() { &:extend(.abs-visually-hidden-reset all); } // Clearfixes .abs-clearfix { .lib-clearfix(); } // Clearer - clearing container using only :after element .abs-clearer { .lib-clearer(); } .extend__clearer() { &:extend(.abs-clearer all); } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-clearer-mobile { .lib-clearer(); } } // Reset list styles .abs-list-reset-styles { .lib-list-reset-styles(); } .extend__list-reset-styles() { &:extend(.abs-list-reset-styles all); } // Draggable handle with an icon .abs-draggable-handle { cursor: -moz-grab; cursor: -webkit-grab; cursor: move; display: inline-block; font-size: 0; margin-top: -4px; padding: 0 @indent__s 0 0; vertical-align: middle; .lib-icon-font( @icon-gripper__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 1.8rem, @_icon-font-color: @color-gray62, @_icon-font-color-hover: @color-gray52 ); } .abs-config-scope-label { bottom: -1.3rem; color: @field-scope__color; content: attr(data-config-scope); font-size: 1.1rem; font-weight: @font-weight__regular; min-width: 15rem; position: absolute; right: 0; text-transform: lowercase; } // Word wrap .abs-word-wrap { .lib-wrap-words(); } pub/static/adminhtml/Magento/backend/en_US/css/source/_lists.less000077700000000413151323550650021057 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ ul, ol, dl { margin-top: 0; padding-left: 0; } ul, ol { nav & { list-style: none none; margin: 0; padding: 0; } } pub/static/adminhtml/Magento/backend/en_US/css/source/_variables.less000077700000001046151323550650021674 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Admin theme variables // _____________________________________________ @import 'variables/_colors.less'; @import 'variables/_typography.less'; @import 'variables/_icons.less'; @import 'variables/_actions.less'; @import 'variables/_forms.less'; @import 'variables/_data-grid.less'; @import 'variables/_structure.less'; @import 'variables/_animations.less'; @import 'variables/_spinner.less'; @import 'variables/_components.less'; pub/static/adminhtml/Magento/backend/en_US/css/source/_grid.less000077700000004525151323550650020656 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Default Grid // _____________________________________________ // // Variables // _____________________________________________ // Number of columns in the grid @grid-columns: 12; @grid-gutter-width: 0; // Form Fields Grid Sketch grid @temp_gutter: 30px; @temp_columns: 12; // // Row // --------------------------------------------- // Rows contain and clear the floats of your columns. .row { .make-row(); } // // Columns // --------------------------------------------- // Common styles for small and large grid columns .make-grid-columns(); // Extra small grid // Columns, offsets, pushes, and pulls for extra small devices like smartphones. .make-grid(xs); // Small grid // Columns, offsets, pushes, and pulls for the small device range, from phones to tablets. .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .make-grid(m); } // Medium grid // Columns, offsets, pushes, and pulls for the desktop device range. .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .make-grid(l); } // Large grid // Columns, offsets, pushes, and pulls for the large desktop device range. .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { .make-grid(xl); } // // Gutter // --------------------------------------------- .row-gutter { margin-left: -(@content__indent / 2); margin-right: -(@content__indent / 2); > [class*='col-'] { padding-left: @content__indent / 2; padding-right: @content__indent / 2; } } // // Form Fields Grid Sketch // _____________________________________________ #mix-grid() { .row() { .lib-clearer(); margin-left: ~'-@{temp_gutter}'; } .return_length(@_columns-min, @_total: @temp_columns, @mathSymbol: '-') { @_part: @_columns-min/@_total; @_length: ~'calc( (100%) * @{_part} @{mathSymbol} @{temp_gutter} )'; } .width(@_columns-min, @_total: @temp_columns) { #mix-grid .return_length(@_columns-min, @_total); width: @_length; } .column(@_columns-min, @_total: @temp_columns) { #mix-grid .width(@_columns-min, @_total); float: left; margin-left: @temp_gutter; } } pub/static/adminhtml/Magento/backend/en_US/css/source/_sources.less000077700000001166151323550650021412 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Local backend lib // _____________________________________________ @import '_variables.less'; @import '_utilities.less'; @import '_reset.less'; @import '_typography.less'; @import '_lists.less'; @import '_icons.less'; @import '_forms.less'; @import '_actions.less'; @import '_tables.less'; @import '_grid.less'; @import '_extends.less'; @import '_tabs.less'; @import '_structure.less'; @import '_classes.less'; // // Components // _____________________________________________ @import '_components.less'; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_animations.less000077700000000643151323550650024040 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Transitions // _____________________________________________ @appearing__transition-duration: .15s; @apperaing__transition-timing-function: ease; @smooth__color: color .1s linear; @smooth__background-color: background-color .1s linear; @smooth__border-color: border-color .1s linear; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_actions.less000077700000007635151323550650023346 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Actions // _____________________________________________ @action__border-color: @color-gray68; @action__font-size: @font-size__base; @action__line-height: @line-height__base; @action__padding-top: round(((@field-control__height - (@field-control__font-size * @field-control__line-height) - ((unit(@field-control__border-width) / @font-size-unit-ratio) * 2)) / 2 + .1), 1); @action__padding-bottom: @field-control__padding-top; @action__height: 3.2rem; @action__active__border-color: @color-blue-pure; // Not the same as @button__hover__border-color @action__hover__background-color: @color-blue-clear-sky; @action__hover__border-color: darken(@action__border-color, 15%); @action__outer-indent: .7rem; @action-select__disabled__color: @text__color; // Actions menu @action-menu__hover__background-color: @color-gray89; // // Buttons // --------------------------------------------- // Base button @button__background-color: @color-gray89; @button__border-color: @action__border-color; @button__border-size: 1px; @button__border-style: solid; @button__color: @color-brownie; @button__font-family: @font-family__base; @button__font-size: @action__font-size; @button__line-height: @action__line-height; @button__padding-top: @action__padding-top; @button__padding-bottom: @action__padding-bottom; @button__padding-horizontal: 1em; @button__padding-vertical__l: .6875em; @button__active__background-color: darken(@button__background-color, 5%); @button__hover__background-color: darken(@button__background-color, 3%); @button__hover__border-color: @color-blue-pure; @button__hover__box-shadow: 0 0 0 1px @button__hover__border-color; @button__large__font-size: 1.6rem; @button__large__padding-horizontal: 1.45em; @button__large__padding-vertical: .7em; // Primary button @button-primary__background-color: @primary__color; @button-primary__color: @color-white; @button-primary__hover__background-color: @color-phoenix-brown-almost; @button-primary__hover__border-color: @color-phoenix-brown; // Secondary button @button-secondary__background-color: @color-brownie; @button-secondary__border-color: @button-secondary__background-color; @button-secondary__color: @color-white; @button-secondary__active__background-color: @color-very-dark-gray-black2; @button-secondary__hover__background-color: @color-very-dark-gray-black2; @button-secondary__hover__border-color: @button-secondary__hover__background-color; // Triangle marker @button-marker-triangle__height: .5rem; @button-marker-triangle__width: .8rem; @button-marker-triangle__height__xl: .9rem; @button-marker-triangle__width__xl: 1.2rem; // Button Triangle @button-triangle__base__border-color: darken(@button__border-color, 10%); @button-triangle__base__disabled__background-color: lighten(@button__background-color, 10%); @button-triangle__base__size: 1.7rem; // // Dropdown // --------------------------------------------- @action-dropdown__color: @text__color; @action-dropdown__background-color: @page-wrapper__background-color; @action-dropdown__border-color: @color-light-gray; @action-dropdown__font-size: round(@font-size__base - .1rem, 1); @action-dropdown__height: @action__height; @action-dropdown__padding-top: .7rem; @action-dropdown__padding-bottom: .8rem; @action-dropdown__padding-horizontal: 1.5rem; @action-dropdown__padding-right: @action-dropdown__padding-horizontal + @action-dropdown-menu__padding-horizontal + @button-marker-triangle__width; @action-dropdown__active__border-color: @color-blue-pure; @action-dropdown__hover__color: darken(@action-dropdown__color, 20%); @action-dropdown-menu__padding-vertical: .5rem; @action-dropdown-menu__padding-horizontal: 1rem; @action-dropdown-menu-link__padding-vertical: .6rem; @action-dropdown-menu-link__padding-horizontal: @action-dropdown__padding-horizontal - @action-dropdown-menu__padding-horizontal; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_forms.less000077700000004671151323550650023031 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Forms // _____________________________________________ // // Fields // --------------------------------------------- @field-divider__background-color: @color-lighter-grayish; @field-label__color: @color-very-dark-gray-black; @field-label__disabled__color: @color-gray65-almost; @field-label__font-size: @font-size__base; @field-label__line-height: @line-height__s; @field-note__color: @color-very-dark-gray-black; @field-note__font-size: @font-size__s; @field-scope__color: @color-dark-gray; @field-option__padding-top: .7rem; @field-error-control__border-color: @color-tomato-brick; @field-error-message__background-color: @color-lazy-sun; @field-error-message__border-color: @color-apricot; @field-error-message__color: @color-very-dark-gray2; @field-grid__columns: 12; @field-control-grid__column: 6; @field-label-grid__column: 3; @field-size__xs: 8rem; @field-size__s: 15rem; @field-size__m: 34rem; @field-size__l: 64rem; // Group @field-group-label__padding: 20px; // // Controls // --------------------------------------------- @field-control__background-color: @color-white; @field-control__border-color: @action__border-color; @field-control__border-radius: 1px; @field-control__border-width: 1px; @field-control__box-shadow: none; @field-control__color: @color-very-dark-gray-black; @field-control__font-size: @action__font-size; @field-control__line-height: @action__line-height; @field-control__height: @action__height; @field-control__padding-top: @action__padding-top; @field-control__padding-horizontal: 1rem; @field-control__padding-bottom: @action__padding-bottom; @field-control__active__border-color: @field-control__focus__border-color; @field-control__hover__border-color: @action__hover__border-color; @field-control__focus__border-color: @color-blue-pure; @field-control__disabled__background-color: @color-lighter-gray; @field-control-addon__color: @color-gray52; @field-control-option-label__padding-left: 26px; @field-label__indent: 1rem; @field-label__disabled__color: @color-gray60; @field-collapsible__border-color: @color-gray80; // Checkboxes @control-checkbox-radio__size: 1.6rem; @control-checkbox-radio__background-color: @color-white; @control-checkbox-radio-mark__color: @color-brownie; // // Validation // --------------------------------------------- @validation__color: @color-tomato-brick; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_spinner.less000077700000001351151323550650023351 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Spinner // _____________________________________________ @spinner__base-size: 4rem; // Size of spinner @spinner-border-radius: 6px; @spinner-spin-count: 8; @spinner-first-color: @color-brownie; @spinner-second-color: @color-white; @spinner-keyframe-name: fade; @spinner-animation-step: .09s; @spinner-animation-duration: @spinner-animation-step * @spinner-spin-count; @spinner-animation-transform: scale(.4); @spinner-animation-iteration-count: infinite; @spinner-animation-direction: linear; @spinner-rotate: 0; // Degree for one elem @spinner-rotate-step: 45; // One step in degree @spinner-delay: .9s; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_structure.less000077700000003416151323550650023737 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Structure // _____________________________________________ // // Indents // --------------------------------------------- @indent__base: 2rem; // 20px @indent__xl: @indent__base * 2; // 40px @indent__l: @indent__base * 1.5; // 30px @indent__m: @indent__base * 1.25; // 25px @indent__s: @indent__base / 2; // 10px @indent__xs: @indent__base / 4; // 5px // // Z axis // --------------------------------------------- // z-index 2 @action-multicheck__z-index: @z-index-2; // z-index 3 @data-grid-header__z-index: @z-index-3; // z-index 4 @page-actions__fixed__z-index: @z-index-4; @data-grid-overlay__z-index: @z-index-4; @data-grid-sticky-header__z-index: @page-actions__fixed__z-index - 2; @data-grid-overlay__z-index: @data-grid-sticky-header__z-index + 1; @actions-split__z-index: @data-grid-overlay__z-index + 1; // z-index 5 @header__z-index: @z-index-5; @field-tooltip__z-index: @z-index-5; @action-select__z-index: @z-index-5; @admin__page-nav-tooltip__z-index: @field-tooltip__z-index; // z-index 7 @menu__z-index: @z-index-7; // z-index 10 @data-grid-dargging-copy__z-index: @z-index-10; // Base z-index for page wrapper to prevent inner page element overlap with pop-ups @page-wrapper__z-index__base: 1; // // Components // --------------------------------------------- @window__min-width: 1024px; @body__background-color: @color-white-smoke; @page-wrapper__indent-left: @menu__width; @page-wrapper__background-color: @color-white; @page-content__padding-horizontal: @content__indent; @page-content__padding-vertical: @content__indent; @content__indent: @indent__l; @menu__width: 8.8rem; @notices-wrapper__border-color: @color-gray83; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_icons.less000077700000005241151323550650023010 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Icons // _____________________________________________ @icons-admin__font-name: 'Admin Icons'; @icons-admin__file-name: 'admin-icons'; @icons-admin__font-name-path: '@{baseDir}fonts/@{icons-admin__file-name}/@{icons-admin__file-name}'; @icon-cms__content: '\e602'; @icon-customers__content: '\e603'; @icon-dashboard__content: '\e604'; @icon-logo__content: '\e606'; @icon-product__content: '\e608'; @icon-promotions__content: '\e609'; @icon-reports__content: '\e60a'; @icon-sales__content: '\e60b'; @icon-stores__content: '\e60d'; @icon-systems__content: '\e610'; @icon-close-mage__content: '\e62f'; @icon-menu-item__content: '\e63a'; @icon-info__content: '\e61a'; @icon-lock__content: '\e61b'; @icon-loop__content: '\e61c'; @icon-plus__content: '\e61d'; @icon-recover__content: '\e61e'; @icon-refresh__content: '\e61f'; @icon-remove-small__content: '\e620'; @icon-retweet__content: '\e621'; @icon-unlocked__content: '\e622'; @icon-warning__content: '\e623'; @icon-arrow-left__content: '\e624'; @icon-arrow-right__content: '\e625'; @icon-back-arrow__content: '\e626'; @icon-calendar__content: '\e627'; @icon-caret-down__content: '\e628'; @icon-caret-left__content: '\e629'; @icon-caret-right__content: '\e62a'; @icon-caret-up__content: '\e62b'; @icon-ccw__content: '\e62c'; @icon-check-mage__content: '\e62d'; @icon-clock__content: '\e62e'; @icon-delete__content: '\e630'; @icon-edit__content: '\e631'; @icon-error__content: '\e632'; @icon-help__content: '\e633'; @icon-history__content: '\e634'; @icon-not-installed__content: '\e638'; @icon-disabled__content: '\e639'; @icon-dot__content: '\e637'; @icon-export__content: '\e635'; @icon-import__content: '\e636'; @icon-gripper__content: '\e617'; @icon-forward__content: '\e618'; @icon-backward__content: '\e619'; @icon-expand-close__content: '\e615'; @icon-expand-open__content: '\e616'; @icon-home__content: '\e611'; @icon-lego__content: '\e612'; @icon-tool__content: '\e613'; @icon-updater__content: '\e614'; @icon-notification-02__content: '\e607'; @icon-account__content: '\e600'; @icon-arrowdown__content: '\e601'; @icon-filter__content: '\e605'; @icon-search__content: '\e60c'; @icon-views__content: '\e60f'; @icon-tag__content: '\e63b'; @icon-camera__content: '\e63c'; @icon-grid__content: '\e63d'; @icon-list-menu__content: '\e63e'; @icon-cart__content: '\e63f'; @icon-screen__content: '\e640'; @icon-video__content: '\e641'; @icon-reset__content: '\e642'; @icon-clip__content: '\e643'; @icon-external-link__content: '\e644'; @icon-module__content: '\e647'; @icon-alert-round__content: '\e648'; @icon-document__content: '\e649'; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_components.less000077700000002161151323550650024060 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Components // _____________________________________________ // // Popups // --------------------------------------------- @popup__background-color: @color-white; @popup__padding: 3rem; @popup__padding__horizontal: @popup__padding; @popup__padding__vertical: @popup__padding; @popup-title__color: @color-gray20; @popup-title__font-size: 2.4rem; @popup-title__line-height: 2.4rem; @popup-close-icon__color: @color-brownie-vanilla; @popup-close-icon__hover__color: @color-gray68; @popup-close-icon__font: @icons-admin__font-name; @popup-close-icon__font-size: 2rem; @popup-close-icon__content: @icon-close-mage__content; @popup-close-icon__right: 3rem; @popup-close-icon__top: 3rem; @popup-overlay__background-color: rgba(0, 0, 0, .35); @popup-fieldset__margin-left: 34%; // // Actions Bar // --------------------------------------------- @page-main-actions__background-color: @color-white-fog; @page-main-actions__border-color: @color-gray89; @page-main-actions__padding: @content__indent / 2; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_colors.less000077700000004015151323550650023174 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Colors // _____________________________________________ @color-brown-dark: #4a3f39; @color-brown-darker: #41362f; @color-very-dark-gray-black: #303030; @color-very-dark-gray-black2: #35302c; @color-very-dark-grayish-orange: #373330; @color-black4-almost: #403934; @color-very-dark-gray2: #555; @color-very-dark-brownie: #5b5652; @color-brownie: #514943; @color-brownie-almost: #524d49; @color-very-dark-gray: #666; @color-brownie-light: #676056; @color-very-dark-gray1: #777; @color-brownie-vanilla: #736963; @color-dark-gray0: #7f7c7a; @color-dark-gray: #808080; @color-darker-gray: #8a837f; @color-gray65: #a6a6a6; @color-gray65-almost: #a79d95; @color-gray65-lighten: #aaa6a0; @color-heathered-grey: #989287; @color-dark-grayish: #aeaeae; @color-dark-grayish-orange: #afadac; @color-gray75: #bfbfbf; @color-lighter-grayish: #cacaca; @color-lighter-grayish-almost: #c3bbb1; @color-light-gray: #ddd; @color-light-gray0: #d0d0d0; @color-gray83: #d4d4d4; @color-gray84: #d6d6d6; @color-gray85: #d9d9d9; @color-gray-brown: #dad1c8; @color-lighter-gray: #e9e9e9; @color-gray98: #fafafa; @color-very-light-gray: #fcfcfc; @color-ivory: #f7f3eb; @color-white-fog2: #f1f1f1; @color-lazy-sun-white: #fffbe6; @color-lazy-sun: #fffbbb; @color-lazy-sunny: #fff1ad; @color-blue-pure: #007bdb; @color-blue-dodger: #008bdb; @color-blue-clear-sky: #e0f6fe; @color-green-apple: #79a22e; @color-apricot: #ee7d7d; @color-pink: #fcc; @color-pink-light: #f5d6c7; @color-phoenix: #eb5202; @color-light-phoenix: #ef672f; @color-phoenix-brown: #b84002; @color-phoenix-brown-almost: #ba4000; @color-phoenix-brownie: #ae3d01; @color-phoenix-dark: #c34706; @color-phoenix-down: #e04f00; @color-phoenix-rise: #f65405; @color-tomato-brick: #e22626; // // Nesting // --------------------------------------------- @primary__color: @color-phoenix; @success__color: @color-green-apple; @text__color: @color-brown-darker; @border__color: @color-gray89; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/.htaccess000077700000000177151323550650022447 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_typography.less000077700000001401151323550650024075 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Typography // _____________________________________________ // Base Font @font-family-name__base: 'Open Sans'; @font-family__base: @font-family-name__base, @font-family__sans-serif; @font-family__console: 'Courier New', Courier, monospace; // Sizes @font-size__xl: 1.8rem; @font-size__l: 1.6rem; @font-size__base: 1.4rem; @font-size__s: 1.2rem; @font-size__tiny: 1.1rem; @font-size__xs: 1rem; @line-height__base: 1.36; @line-height__s: 1.2; @line-height__m: 1.4; // Paragraph @paragraph__indent-bottom: .5em; // Links @link__color: @color-blue-pure; @link__hover__color: @color-blue-pure; // Disabled @disabled__opacity: .5; pub/static/adminhtml/Magento/backend/en_US/css/source/variables/_data-grid.less000077700000005733151323550650023537 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables -> Data Grid // _____________________________________________ @data-grid__font-size: 1.3rem; @data-grid-tr__active__background-color: @action__hover__background-color; @data-grid-tr__hover__background-color: lighten(@action__hover__background-color, 1%); @data-grid-cell__border-width: .1rem; @data-grid-cell__padding-horizontal: 1rem; @data-grid-cell__padding-vertical: 1rem; @data-grid-td__border-color: @color-gray84; @data-grid-td__border-inner-style: dashed; @data-grid-td__border-outer-style: solid; @data-grid-td__even__background-color: @color-white-smoke; @data-grid-td__even__dragging__background-color: @color-light-gray0; @data-grid-td__even__edit__background-color: darken(@data-grid-td__even__background-color, 10%); @data-grid-td__odd__background-color: @page__background-color; @data-grid-td__odd__dragging__background-color: @color-gray85; @data-grid-td__odd__edit__background-color: darken(@data-grid-td__odd__background-color, 10%); @data-grid-td__update__active__background-color: #bceeff; @data-grid-td__update__upcoming__background-color: #ccf391; @data-grid-td__odd__update__active__background-color: darken(@data-grid-td__update__active__background-color, 10%); @data-grid-td__odd__update__upcoming__background-color: darken(@data-grid-td__update__upcoming__background-color, 10%); @data-grid-th__border-color: @color-darker-gray; @data-grid-th__border-style: solid; @data-grid-th__background-color: @color-brownie; @data-grid-th__color: @color-white; @data-grid-th__padding-horizontal: @data-grid-cell__padding-horizontal; @data-grid-th__padding-vertical: @data-grid-cell__padding-vertical; @data-grid-th__hover__background-color: lighten(@data-grid-th__background-color, 5%); @data-grid-th-marker__width: .7rem; @data-grid-th-marker__required__color: lighten(@color-light-phoenix, 10%); @data-grid-checkbox-cell-inner__padding-top: 1.1rem; @data-grid-checkbox-cell-inner__padding-horizontal: 1.8rem; @data-grid-row-parent-marker__size: 1rem; @data-grid-editable-row-actions__width: 25rem; @data-grid-editable-cell__border-color: @color-gray68; @data-grid-bulk-edit-panel__background-color: @color-lazy-sun-white; @data-grid-td__dragging__background-color: @color-light-gray0; @data-grid-td__dragging__opacity: 95%; @data-grid-dragging-copy__border: 1px solid @data-grid-dragging-copy__border-color; @data-grid-dragging-copy__border-color: @color-blue-pure; @data-grid-dragging-copy__outline-color: @color-blue-pure; @data-grid-horizontal-dragover-mark__color: @color-blue-dodger; @data-grid-horizontal-dragover-mark__width: 3px; @data-grid-spinner__size: 4rem; @data-grid__no-records__font-size: @font-size__l; @data-grid__no-records__padding: @indent__l; // Header @data-grid-header-add-indent__bottom: .9rem; @data-grid-header-add-indent__top: .5rem; @data-grid-header-row__indent: @indent__base; @data-grid-action__z-index: @data-grid-header__z-index - 10; pub/static/adminhtml/Magento/backend/en_US/css/source/_reset.less000077700000015723151323550650021055 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Reset, based on normalize.css v3.0.2 | MIT License | git.io/normalize // _____________________________________________ html { // Prevent iOS text size adjust after orientation change, without disabling user zoom. -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; text-size-adjust: 100%; } * { box-sizing: inherit; &:before, &:after { box-sizing: inherit; } &:focus { box-shadow: none; outline: 0; } } // Keyboard actions detection helper ._keyfocus * { &:focus { box-shadow: @focus__box-shadow; } } // Remove default margin. body { margin: 0; } // // HTML5 display definitions // --------------------------------------------- // Correct 'block' display not defined for any HTML5 element in IE 8/9. // Correct 'block' display not defined for 'details' or 'summary' in IE 10/11 and Firefox. // Correct 'block' display not defined for 'main' in IE 11. article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; // Correct 'inline-block' display not defined in IE 8/9. vertical-align: baseline; // Normalize vertical alignment of 'progress' in Chrome, Firefox, and Opera. } audio:not([controls]) { display: none; // Prevent modern browsers from displaying 'audio' without controls. height: 0; // Remove excess height in iOS 5 devices. } // Address '[hidden]' styling not present in IE 8/9/10. // Hide the 'template' element in IE 8/9/11, Safari, and Firefox < 22. [hidden], template { display: none; } // // Links // --------------------------------------------- a { // Improve readability when focused and also mouse hovered in all browsers. &:active, &:hover { outline: 0; } } // // Text-level semantics // --------------------------------------------- // Address styling not present in IE 8/9/10/11, Safari, and Chrome. abbr { &[title] { border-bottom: 1px dotted; } } // Address style set to 'bolder' in Firefox 4 and later, Safari, and Chrome. b, strong { font-weight: bold; } // Address styling not present in Safari and Chrome. dfn { font-style: italic; } // Address styling not present in IE 8/9. mark { background: @color-yellow1; color: @color-black; } // Prevent 'sub' and 'sup' affecting 'line-height' in all browsers. sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } // // Embedded content // --------------------------------------------- // Remove border when inside 'a' element in IE 8/9/10. img { border: 0; } // Responsive width img, video, embed, object { max-width: 100%; } // Correct overflow not hidden in IE 9/10/11. svg { &:not(:root) { overflow: hidden; } } // // Grouping content // --------------------------------------------- // Address margin not present in IE 8/9 and Safari. figure { margin: 1em 40px; } // Address differences between Firefox and other browsers. hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } // Contain overflow in all browsers. pre { overflow: auto; } // Address odd 'em'-unit font size rendering in all browsers. code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } // // Forms // --------------------------------------------- // Known limitation: by default, Chrome and Safari on OS X allow very limited styling of 'select', unless a 'border' property is set. button, input, optgroup, select, textarea { color: inherit; // Correct color not being inherited. Known issue affects color of disabled elements. font: inherit; // Correct font properties not being inherited. margin: 0; // Address margins set differently in Firefox 4 and later, Safari, and Chrome. } // Address 'overflow' set to 'hidden' in IE 8/9/10/11. button { overflow: visible; } // Address inconsistent 'text-transform' inheritance for 'button' and 'select'. // All other form control elements do not inherit 'text-transform' values. // Correct 'button' style inheritance in Firefox, IE 8/9/10/11, and Opera. // Correct 'select' style inheritance in Firefox. button, select { text-transform: none; } // Avoid the WebKit bug in Android 4.0.* where (2) destroys native 'audio' and 'video' controls. // Correct inability to style clickable 'input' types in iOS. // Improve usability and consistency of cursor style between image-type 'input' and others. button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; appearance: button; cursor: pointer; } // Re-set default cursor for disabled elements. button[disabled], html input[disabled] { cursor: default; } // Remove inner padding and border in Firefox 4 and later. button, input { &::-moz-focus-inner { border: 0; padding: 0; } } // Address Firefox 4 and later setting 'line-height' on 'input' using '!important' in the UA stylesheet. input { line-height: normal; } // Firefox's implementation doesn't respect box-sizing, padding, or width. input[type='checkbox'], input[type='radio'] { box-sizing: border-box; // Address box sizing set to 'content-box' in IE 8/9/10. padding: 0; // Remove excess padding in IE 8/9/10. } // Fix the cursor style for Chrome's increment/decrement buttons. For certain 'font-size' values of the 'input', it causes the cursor style of the decrement button to change from 'default' to 'text'. input[type='number'] { &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { height: auto; } } // Address 'appearance' set to 'searchfield' in Safari and Chrome. input[type='search'] { -webkit-appearance: textfield; appearance: textfield; } // Remove inner padding and search cancel button in Safari and Chrome on OS X. // Safari (but not Chrome) clips the cancel button when the search input has padding (and 'textfield' appearance). input[type='search'] { &::-webkit-search-cancel-button, &::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } } // Correct 'color' not being inherited in IE 8/9/10/11. // Remove padding so people aren't caught out if they zero out fieldsets. legend { border: 0; padding: 0; } // Remove default vertical scrollbar in IE 8/9/10/11. textarea { overflow: auto; } // Don't inherit the 'font-weight' (applied by a rule above). // NOTE: the default cannot safely be changed in Chrome and Safari on OS X. optgroup { font-weight: bold; } // // Tables // --------------------------------------------- // Remove most spacing between table cells. table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } pub/static/adminhtml/Magento/backend/en_US/css/source/_classes.less000077700000001472151323550650021364 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Helper cross js and styles classes // _____________________________________________ // Can be used for disabled elements, equal disabled='disabled' attribute ._disabled { .disabled(); &:hover { .disabled(); } } // Text align classes .a-center { // ToDo UI: should be renamed to ._text-center text-align: center; } // No select ._no-select { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } // Hidden content .hidden { display: none; visibility: hidden; } // Display:none content input.no-display, .no-display { display: none; } // Code samples .code-sample { font-family: monospace, serif; } pub/static/adminhtml/Magento/backend/en_US/css/source/.htaccess000077700000000177151323550650020477 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/utilities/_animations.less000077700000003322151323550650024100 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Animations // _____________________________________________ .animation(@animation) { -o-animation: @animation; -webkit-animation: @animation; animation: @animation; } .animation-name(@name) { -webkit-animation-name: @name; animation-name: @name; } .animation-duration(@duration) { -webkit-animation-duration: @duration; animation-duration: @duration; } .animation-timing-function(@timing-function) { -webkit-animation-timing-function: @timing-function; animation-timing-function: @timing-function; } .animation-delay(@delay) { -webkit-animation-delay: @delay; animation-delay: @delay; } .animation-iteration-count(@iteration-count) { -webkit-animation-iteration-count: @iteration-count; animation-iteration-count: @iteration-count; } .animation-direction(@direction) { -webkit-animation-direction: @direction; animation-direction: @direction; } .animation-fill-mode(@fill-mode) { -webkit-animation-fill-mode: @fill-mode; animation-fill-mode: @fill-mode; } // Backface visibility // Prevent browsers from flickering when using CSS 3D transforms. Default value is 'visible', but can be changed to 'hidden' .backface-visibility(@visibility) { -moz-backface-visibility: @visibility; -webkit-backface-visibility: @visibility; backface-visibility: @visibility; } // // Effects // _____________________________________________ .transition ( @_property: all, @_duration: .1s, @_timing-function: linear ) { transition: @_property @_duration @_timing-function; } .scale ( @_size: .9 ) { transform: scale(@_size); } pub/static/adminhtml/Magento/backend/en_US/css/source/utilities/_actions.less000077700000003625151323550650023404 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Utilities -> Actions // _____________________________________________ .action-reset() { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; &:hover { background-color: transparent; border: none; box-shadow: none; } } .action-icon() { background-color: transparent; border-color: transparent; box-shadow: none; &:hover { background-color: transparent; border-color: transparent; box-shadow: none; } } // Used in action dropdown, actions split & all other actions with triangle marker .action-toggle-triangle ( @_dropdown__padding-right: 3rem; @_triangle__height: @button-marker-triangle__height; @_triangle__width: @button-marker-triangle__width; @_triangle__color: @color-black; @_triangle__hover__color: darken(@_triangle__color, 10%); @_triangle__right: (@_dropdown__padding-right / 2) - (@_triangle__width / 2); ) { padding-right: @_dropdown__padding-right; &._active, &.active { &:after { transform: rotate(180deg); } } &:after { border-color: @_triangle__color transparent transparent transparent; border-style: solid; border-width: @_triangle__height @_triangle__width / 2 0 @_triangle__width / 2; content: ''; height: 0; margin-top: -((@_triangle__width / 2) / 2); position: absolute; right: @_triangle__right; top: 50%; transition: all .2s linear; width: 0; ._active &, .active & { transform: rotate(180deg); } } &:hover { &:after { border-color: @_triangle__hover__color transparent transparent transparent; } } } pub/static/adminhtml/Magento/backend/en_US/css/source/utilities/_spinner.less000077700000005664151323550650023427 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ ._spinner-keyframes() { @-moz-keyframes @spinner-keyframe-name { 0% { background-color: @spinner-first-color; } 100% { background-color: @spinner-second-color; } } @-webkit-keyframes @spinner-keyframe-name { 0% { background-color: @spinner-first-color; } 100% { background-color: @spinner-second-color; } } @-ms-keyframes @spinner-keyframe-name { 0% { background-color: @spinner-first-color; } 100% { background-color: @spinner-second-color; } } @keyframes @spinner-keyframe-name { 0% { background-color: @spinner-first-color; } 100% { background-color: @spinner-second-color; } } } ._spinner-loop( @_spinner-spin-count: @spinner-spin-count, @_spinner-rotate: @spinner-rotate, @_spinner-delay: @spinner-delay ) when (@_spinner-spin-count > 0) { ._spinner-loop( (@_spinner-spin-count - 1), (@_spinner-rotate - @spinner-rotate-step), (@_spinner-delay - @spinner-animation-step) ); > span { &:nth-child(@{_spinner-spin-count}) { -webkit-animation-delay: @_spinner-delay; -moz-animation-delay: @_spinner-delay; -ms-animation-delay: @_spinner-delay; animation-delay: @_spinner-delay; -webkit-transform: ~'rotate(@{_spinner-rotate}deg)'; -moz-transform: ~'rotate(@{_spinner-rotate}deg)'; -ms-transform: ~'rotate(@{_spinner-rotate}deg)'; transform: ~'rotate(@{_spinner-rotate}deg)'; } } } ._spinner_transform() { -webkit-transform: @spinner-animation-transform; -moz-transform: @spinner-animation-transform; -ms-transform: @spinner-animation-transform; transform: @spinner-animation-transform; -webkit-animation-name: @spinner-keyframe-name; -moz-animation-name: @spinner-keyframe-name; -ms-animation-name: @spinner-keyframe-name; animation-name: @spinner-keyframe-name; -webkit-animation-duration: @spinner-animation-duration; -moz-animation-duration: @spinner-animation-duration; -ms-animation-duration: @spinner-animation-duration; animation-duration: @spinner-animation-duration; -webkit-animation-iteration-count: @spinner-animation-iteration-count; -moz-animation-iteration-count: @spinner-animation-iteration-count; -ms-animation-iteration-count: @spinner-animation-iteration-count; animation-iteration-count: @spinner-animation-iteration-count; -webkit-animation-direction: @spinner-animation-direction; -moz-animation-direction: @spinner-animation-direction; -ms-animation-direction: @spinner-animation-direction; animation-direction: @spinner-animation-direction; } pub/static/adminhtml/Magento/backend/en_US/css/source/utilities/_grid.less000077700000007554151323550650022676 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Grid system // _____________________________________________ // // Generate semantic grid columns with these mixins. // --------------------------------------------- // Centered container element .container-fixed(@gutter: @grid-gutter-width) { .lib-clearer(); margin-left: auto; margin-right: auto; padding-left: (@gutter / 2); padding-right: (@gutter / 2); } // Creates a wrapper for a series of columns .make-row(@gutter: @grid-gutter-width) { .lib-clearer(); margin-left: (@gutter / -2); margin-right: (@gutter / -2); } // // Generate the extra small columns // --------------------------------------------- .make-xs-column(@columns; @gutter: @grid-gutter-width) { float: left; min-height: 1px; padding-left: (@gutter / 2); padding-right: (@gutter / 2); position: relative; width: percentage((@columns / @grid-columns)); } .make-xs-column-offset(@columns) { margin-left: percentage((@columns / @grid-columns)); } .make-xs-column-push(@columns) { left: percentage((@columns / @grid-columns)); } .make-xs-column-pull(@columns) { right: percentage((@columns / @grid-columns)); } // // Generate the small columns // --------------------------------------------- .make-m-column(@columns; @gutter: @grid-gutter-width) { min-height: 1px; padding-left: (@gutter / 2); padding-right: (@gutter / 2); position: relative; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { float: left; width: percentage((@columns / @grid-columns)); } } .make-m-column-offset(@columns) { .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { margin-left: percentage((@columns / @grid-columns)); } } .make-m-column-push(@columns) { .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { left: percentage((@columns / @grid-columns)); } } .make-m-column-pull(@columns) { .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { right: percentage((@columns / @grid-columns)); } } // // Generate the medium columns // --------------------------------------------- .make-l-column(@columns; @gutter: @grid-gutter-width) { min-height: 1px; padding-left: (@gutter / 2); padding-right: (@gutter / 2); position: relative; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { float: left; width: percentage((@columns / @grid-columns)); } } .make-l-column-offset(@columns) { .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { margin-left: percentage((@columns / @grid-columns)); } } .make-l-column-push(@columns) { @media (min-width: @screen__l) { left: percentage((@columns / @grid-columns)); } } .make-l-column-pull(@columns) { @media (min-width: @screen__l) { right: percentage((@columns / @grid-columns)); } } // // Generate the large columns // --------------------------------------------- .make-xl-column(@columns; @gutter: @grid-gutter-width) { min-height: 1px; padding-left: (@gutter / 2); padding-right: (@gutter / 2); position: relative; @media (min-width: @screen__xl) { float: left; width: percentage((@columns / @grid-columns)); } } .make-xl-column-offset(@columns) { @media (min-width: @screen__xl) { margin-left: percentage((@columns / @grid-columns)); } } .make-xl-column-push(@columns) { @media (min-width: @screen__xl) { left: percentage((@columns / @grid-columns)); } } .make-xl-column-pull(@columns) { @media (min-width: @screen__xl) { right: percentage((@columns / @grid-columns)); } } pub/static/adminhtml/Magento/backend/en_US/css/source/utilities/_grid-framework.less000077700000006010151323550650024653 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Framework grid generation // _____________________________________________ .make-grid-columns() { // Common styles for all sizes of grid columns, widths 1-12 .col(@index) { // Initial @item: ~'.col-xs-@{index}, .col-m-@{index}, .col-l-@{index}, .col-xl-@{index}'; .col((@index + 1), @item); } .col(@index, @list) when (@index =< @grid-columns) { // General; '=<' isn't a typo @item: ~'.col-xs-@{index}, .col-m-@{index}, .col-l-@{index}, .col-xl-@{index}'; .col((@index + 1), ~'@{list}, @{item}'); } .col(@index, @list) when (@index > @grid-columns) { // Terminal @{list} { // Prevent columns from collapsing when empty min-height: 1px; // Inner gutter via padding padding-left: (@grid-gutter-width / 2); padding-right: (@grid-gutter-width / 2); position: relative; } } .col(1); // Start it } .float-grid-columns(@class) { .col(@index) { // Initial @item: ~'.col-@{class}-@{index}'; .col((@index + 1), @item); } .col(@index, @list) when (@index =< @grid-columns) { // General @item: ~'.col-@{class}-@{index}'; .col((@index + 1), ~'@{list}, @{item}'); } .col(@index, @list) when (@index > @grid-columns) { // Terminal @{list} { float: left; } } .col(1); // Start it } .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { .col-@{class}-@{index} { width: percentage((@index / @grid-columns)); } } .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) { .col-@{class}-push-@{index} { left: percentage((@index / @grid-columns)); } } .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) { .col-@{class}-push-0 { left: auto; } } .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) { .col-@{class}-pull-@{index} { right: percentage((@index / @grid-columns)); } } .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) { .col-@{class}-pull-0 { right: auto; } } .calc-grid-column(@index, @class, @type) when (@type = offset) { .col-@{class}-offset-@{index} { margin-left: percentage((@index / @grid-columns)); } } // Basic looping in LESS .loop-grid-columns(@index, @class, @type) when (@index >= 0) { .calc-grid-column(@index, @class, @type); // Next iteration .loop-grid-columns((@index - 1), @class, @type); } // Create grid for specific class .make-grid(@class) { .float-grid-columns(@class); .loop-grid-columns(@grid-columns, @class, width); .loop-grid-columns(@grid-columns, @class, pull); .loop-grid-columns(@grid-columns, @class, push); .loop-grid-columns(@grid-columns, @class, offset); } pub/static/adminhtml/Magento/backend/en_US/css/source/utilities/.htaccess000077700000000177151323550650022512 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/source/_utilities.less000077700000001311151323550650021732 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @import 'utilities/_grid-framework.less'; @import 'utilities/_grid.less'; @import 'utilities/_actions.less'; @import 'utilities/_animations.less'; @import 'utilities/_spinner.less'; .hidden() { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; } .disabled() { box-shadow: none; cursor: default; opacity: .5; outline: 0; } .lib-text-overflow-ellipsis() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .appearing__off() { opacity: 0; visibility: hidden; } .appearing__on() { opacity: 1; visibility: visible; } pub/static/adminhtml/Magento/backend/en_US/css/source/_tabs.less000077700000002663151323550650020663 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Horizontal tabs // _____________________________________________ // Are used in dashboard .tabs-horiz { &:extend(.abs-clearfix all); margin: 0; padding: 0; // Default tab .ui-state-default { background: @color-gray89; border: .1rem solid @color-gray68; float: left; letter-spacing: .0183em; // For tab width fixing depending on normal-semibold font-weight list-style: none; margin-right: .4rem; } // Hovered tab .ui-state-hover { background: @color-gray84; } // Active tab .ui-state-active { background: @color-white; border-bottom: 0; font-weight: @font-weight__semibold; letter-spacing: normal; margin-bottom: -.1rem; .ui-tabs-anchor { border-bottom: .1rem solid @color-white; border-top: .4rem solid @color-phoenix; padding-top: 1.1rem; } } .ui-tabs-anchor { color: @color-brown-darker; display: block; padding: 1.5rem 1.8rem 1.3rem; text-decoration: none; &:hover { // ToDo UI: should be deleted with old styles color: @color-brown-darker; text-decoration: none; } } } // Tabs content .ui-tabs-panel { margin-top: -1px; padding: 2rem; } pub/static/adminhtml/Magento/backend/en_US/css/source/_typography.less000077700000004723151323550650022137 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Utilities // --------------------------------------------- .link-pattern() { color: @link__color; text-decoration: none; &:hover { color: @link__hover__color; text-decoration: underline; } } .lib-font-face( @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/light/opensans-300', @font-weight: @font-weight__light, @font-style: normal ); .lib-font-face( @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/regular/opensans-400', @font-weight: @font-weight__regular, @font-style: normal ); .lib-font-face( @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/semibold/opensans-600', @font-weight: @font-weight__semibold, @font-style: normal ); .lib-font-face( @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/bold/opensans-700', @font-weight: @font-weight__bold, @font-style: normal ); // html { font-size: 62.5%; } body { .lib-typography( @_font-size: @font-size__base, @_color: @text__color, @_font-family: @font-family__base, @_font-weight: @font-weight__regular, @_line-height: @line-height__base, @_font-style: @font-style__base ); } // // Headings // --------------------------------------------- h1 { margin: 0 0 2rem; .lib-typography( @_font-size: 2.8rem, @_color: @color-brown-darker, @_font-weight: @font-weight__regular, @_line-height: @line-height__s, @_font-family: false, @_font-style: false ); } h2 { margin: 0 0 2rem; .lib-typography( @_font-size: 2rem, @_color: @color-brown-darker, @_font-weight: @font-weight__regular, @_line-height: @line-height__s, @_font-family: false, @_font-style: false ); } h3 { margin: 0 0 2rem; .lib-typography( @_font-size: 1.7rem, @_color: @color-brown-darker, @_font-weight: @font-weight__semibold, @_line-height: @line-height__s, @_font-family: false, @_font-style: false ); } h4, h5, h6 { font-weight: @font-weight__semibold; margin-top: 0; } // Text p { margin: 0 0 @paragraph__indent-bottom; } small { font-size: @font-size__s; } // Links a { .link-pattern(); } pub/static/adminhtml/Magento/backend/en_US/css/styles-old.css000077700000540200151323550650020206 0ustar00/* ========================================================================== theme.less (begin) ========================================================================== */ /* ========================================================================== theme.less (end) ========================================================================== */ /* ========================================================================== variables.less (begin) ========================================================================== */ /* ========================================================================== variables.less (end) ========================================================================== */ .visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .admin__scope-old .data-table th.required-entry:after, .admin__scope-old .data-table td.required-entry:after, .admin__scope-old .grid-actions .filter.required .label span:after, .admin__scope-old .grid-actions .required:after, .admin__scope-old .admin__scope-old .accordion .config .data-table td.required-entry:after { content: '*'; color: #e22626; font-weight: normal; margin-left: 3px; } .admin__scope-old .grid th.required:after, .admin__scope-old .grid th .required:after { content: '*'; color: #f9d4d4; font-weight: normal; margin-left: 3px; } .data-table-td-max .data-table td, .admin__scope-old .grid td.col-period, .admin__scope-old .grid td.col-date, .admin__scope-old .grid td.col-date_to, .admin__scope-old .grid td.col-date_from, .admin__scope-old .grid td.col-ended_at, .admin__scope-old .grid td.col-created_at, .admin__scope-old .grid td.col-updated_at, .admin__scope-old .grid td.col-customer_since, .admin__scope-old .grid td.col-session_start_time, .admin__scope-old .grid td.col-last_activity, .admin__scope-old .grid td.col-email, .admin__scope-old .grid td.col-name, .admin__scope-old .grid td.col-sku, .admin__scope-old .grid td.col-firstname, .admin__scope-old .grid td.col-lastname, .admin__scope-old .grid td.col-title, .admin__scope-old .grid td.col-label, .admin__scope-old .grid td.col-product, .admin__scope-old .grid td.col-set_name, .admin__scope-old .grid td.col-websites, .admin__scope-old .grid td.col-time, .admin__scope-old .grid td.col-billing_name, .admin__scope-old .grid td.col-shipping_name, .admin__scope-old .grid td.col-phone, .admin__scope-old .grid td.col-type, .admin__scope-old .product-options .grouped-items-table .col-name, .admin__scope-old .product-options .grouped-items-table .col-sku, .admin__scope-old .col-banner_name, .sales-order-create-index .admin__scope-old .data-table .col-product, .sales-order-edit-index .admin__scope-old .data-table .col-product, [class^=' adminhtml-rma-'] .admin__scope-old .fieldset-wrapper .data-table td, [class^=' adminhtml-rma-'] .admin__scope-old .grid .col-product_sku, [class^=' adminhtml-rma-'] .admin__scope-old .grid .col-product_name, .col-grid_segment_name .admin__scope-old, .adminhtml-catalog-event-index .admin__scope-old .col-category, [class^=' catalog-search'] .admin__scope-old .col-search_query, [class^=' catalog-search'] .admin__scope-old .col-synonym_for, [class^=' catalog-search'] .admin__scope-old .col-redirect, .adminhtml-urlrewrite-index .admin__scope-old .col-request_path, .adminhtml-cms-page-index .admin__scope-old .col-title, .adminhtml-cms-page-index .admin__scope-old .col-identifier, .adminhtml-cms-hierarchy-index .admin__scope-old .col-title, .adminhtml-cms-hierarchy-index .admin__scope-old .col-identifier, .adminhtml-widget-instance-index .admin__scope-old .col-title, .reports-index-search .admin__scope-old .col-query_text, .adminhtml-rma-item-attribute-index .admin__scope-old .grid .col-attr-code, .adminhtml-system-store-index .admin__scope-old .grid td, .catalog-product-attribute-index .admin__scope-old .col-attr-code, .catalog-product-attribute-index .admin__scope-old .col-label, .adminhtml-export-index .admin__scope-old .col-code, .adminhtml-logging-index .admin__scope-old .grid .col-fullaction, .adminhtml-system-variable-index .admin__scope-old .grid .col-code, .adminhtml-logging-index .admin__scope-old .grid .col-info, .data-table-td-max .admin__scope-old .accordion .config .data-table td, [class^=' adminhtml-rma-'] .admin__scope-old .fieldset-wrapper .admin__scope-old .accordion .config .data-table td, .admin__scope-old .order-account-information .data-table td, [class^=' adminhtml-rma-'] .admin__scope-old .rma-request-details .data-table td { overflow: hidden; text-overflow: ellipsis; } .admin__scope-old td.col-period, .admin__scope-old td.col-date, .admin__scope-old td.col-date_to, .admin__scope-old td.col-date_from, .admin__scope-old td.col-ended_at, .admin__scope-old td.col-created_at, .admin__scope-old td.col-updated_at, .admin__scope-old td.col-customer_since, .admin__scope-old td.col-session_start_time, .admin__scope-old td.col-time, .admin__scope-old td.col-type, [class^=' adminhtml-rma-'] .admin__scope-old #rma_items_grid_table .headings th, .adminhtml-process-list .admin__scope-old .col-action a, .adminhtml-process-list .admin__scope-old .col-mode { white-space: nowrap; } .admin__scope-old .form-inline .grid-actions .label, .admin__scope-old .form-inline .massaction .label { padding: 0; width: auto; } .admin__scope-old .grid .col-action, .admin__scope-old .grid .col-actions, .admin__scope-old .grid .col-qty, .admin__scope-old .grid .col-purchases, .catalog-product-edit .admin__scope-old .ui-tabs-panel .grid .col-price, .catalog-product-edit .admin__scope-old .ui-tabs-panel .grid .col-position { width: 50px; } .admin__scope-old .grid .col-order-number, .admin__scope-old .grid .col-real_order_id, .admin__scope-old .grid .col-invoice-number, .admin__scope-old .grid .col-increment_id, .admin__scope-old .grid .col-transaction-id, .admin__scope-old .grid .col-parent-transaction-id, .admin__scope-old .grid .col-reference_id, .admin__scope-old .grid .col-status, .admin__scope-old .grid .col-price, .admin__scope-old .grid .col-position, .admin__scope-old .grid .col__base_grand_total, .admin__scope-old .grid .col-grand_total, .admin__scope-old .grid .col-sort_order, .admin__scope-old .grid .col-carts, .admin__scope-old .grid .col-priority, .admin__scope-old .grid .col-severity, .admin__scope-old .adminhtml-giftregistry-index .col-is_listed, .admin__scope-old [class^=' invitations-report-invitation'] [class^='col-inv-'], .sales-order-create-index .admin__scope-old .col-in_products, [class^=' reports-'] [class^='col-total'] .admin__scope-old, [class^=' reports-'] [class^='col-average'] .admin__scope-old, [class^=' reports-'] [class^='col-ref-'] .admin__scope-old, [class^=' reports-'] [class^='col-rate'] .admin__scope-old, [class^=' reports-'] [class^='col-tax-amount'] .admin__scope-old, [class^=' adminhtml-customer-'] .admin__scope-old .col-required, .adminhtml-rma-item-attribute-index .admin__scope-old .col-required, [class^=' adminhtml-customer-'] .admin__scope-old .col-system, .adminhtml-rma-item-attribute-index .admin__scope-old .col-system, [class^=' adminhtml-customer-'] .admin__scope-old .col-is_visible, .adminhtml-rma-item-attribute-index .admin__scope-old .col-is_visible, [class^=' adminhtml-customer-'] .admin__scope-old .col-sort_order, .adminhtml-rma-item-attribute-index .admin__scope-old .col-sort_order, .catalog-product-attribute-index .admin__scope-old [class^=' col-is_'], .catalog-product-attribute-index .admin__scope-old .col-required, .catalog-product-attribute-index .admin__scope-old .col-system { width: 70px; } .admin__scope-old .grid .col-phone, .sales-order-create-index .admin__scope-old .col-phone, [class^=' adminhtml-rma-'] .admin__scope-old .grid .col-product_sku, .catalog-product-edit .admin__scope-old .ui-tabs-panel .grid .col-name, .catalog-product-edit .admin__scope-old .ui-tabs-panel .grid .col-type, .catalog-product-edit .admin__scope-old .ui-tabs-panel .grid .col-sku, .customer-index-index .admin__scope-old .grid .col-customer_since, .customer-index-index .admin__scope-old .grid .col-billing_country_id, [class^=' customer-index-'] .admin__scope-old .fieldset-wrapper .grid .col-created_at, [class^=' customer-index-'] .admin__scope-old .accordion .grid .col-created_at { max-width: 70px; width: 70px; } .sales-order-create-index .admin__scope-old .data-table .col-product, .sales-order-edit-index .admin__scope-old .data-table .col-product, [class^=' adminhtml-rma-'] .admin__scope-old .grid .col-name, [class^=' adminhtml-rma-'] .admin__scope-old .grid .col-product, [class^=' catalog-search'] .admin__scope-old .col-search_query, [class^=' catalog-search'] .admin__scope-old .col-synonym_for, [class^=' catalog-search'] .admin__scope-old .col-redirect, .adminhtml-urlrewrite-index .admin__scope-old .col-request_path, .reports-report-shopcart-abandoned .admin__scope-old .grid .col-name, .tax-rule-index .admin__scope-old .grid .col-title, .adminhtml-rma-item-attribute-index .admin__scope-old .grid .col-attr-code { max-width: 150px; width: 150px; } .admin__scope-old .multiplewishlist-report-customer-wishlist-wishlist .grid .col-name, .admin__scope-old .multiplewishlist-report-customer-wishlist-wishlist .grid .col-subject, .admin__scope-old .multiplewishlist-report-customer-wishlist-wishlist .grid .col-product, [class^=' sales-order-'] .admin__scope-old .grid .col-name, .catalog-category-edit .admin__scope-old .grid .col-name, .adminhtml-catalog-event-index .admin__scope-old .col-category, .reports-report-product-lowstock .admin__scope-old .grid .col-sku, .newsletter-problem-index .admin__scope-old .grid .col-name, .newsletter-problem-index .admin__scope-old .grid .col-subject, .newsletter-problem-index .admin__scope-old .grid .col-product, .adminhtml-banner-edit .admin__scope-old .grid .col-name, .adminhtml-rma-item-attribute-index .admin__scope-old .grid .col-label, .adminhtml-export-index .admin__scope-old .col-label, .adminhtml-export-index .admin__scope-old .col-code, .adminhtml-scheduled-operation-index .admin__scope-old .grid .col-name, .adminhtml-logging-index .admin__scope-old .grid .col-fullaction { max-width: 220px; width: 220px; } .admin__scope-old .grid .col-period, .admin__scope-old .grid .col-date, .admin__scope-old .grid .col-date_to, .admin__scope-old .grid .col-date_from, .admin__scope-old .grid .col-ended_at, .admin__scope-old .grid .col-created_at, .admin__scope-old .grid .col-updated_at, .admin__scope-old .grid .col-customer_since, .admin__scope-old .grid .col-session_start_time, .admin__scope-old .grid .col-last_activity, .admin__scope-old .grid .col-email, .admin__scope-old .grid .col-items_total, .admin__scope-old .grid .col-firstname, .admin__scope-old .grid .col-lastname, .admin__scope-old .grid .col-status-default, .admin__scope-old .grid .col-websites, .admin__scope-old .grid .col-time, .admin__scope-old .grid .col-billing_name, .admin__scope-old .grid .col-shipping_name, .admin__scope-old .product-options .grouped-items-table .col-name, .admin__scope-old .product-options .grouped-items-table .col-sku, .sales-order-index .admin__scope-old .grid .col-name, [class^=' adminhtml-rma-'] .admin__scope-old .grid .col-product_name, .catalog-product-index .admin__scope-old .grid .col-name, .catalog-product-review-index .admin__scope-old .grid .col-name, .catalog-product-review-index .admin__scope-old .grid .col-title, .customer-index-edit .admin__scope-old .ui-tabs-panel .grid .col-name, .review-product-index .admin__scope-old .grid .col-name, .adminhtml-cms-page-index .admin__scope-old .col-title, .adminhtml-cms-page-index .admin__scope-old .col-identifier, .catalog-product-attribute-index .admin__scope-old .col-attr-code, .catalog-product-attribute-index .admin__scope-old .col-label, .adminhtml-logging-index .admin__scope-old .grid .col-info { max-width: 110px; width: 110px; } .admin__scope-old .grid .col-name, .admin__scope-old .grid .col-product, .admin__scope-old .col-banner_name, .admin__scope-old .adminhtml-giftregistry-index .col-label, .adminhtml-widget-instance-index .admin__scope-old .col-title, [class^=' adminhtml-customer-'] .admin__scope-old .col-label, .adminhtml-rma-item-attribute-index .admin__scope-old .col-label, .adminhtml-system-variable-index .admin__scope-old .grid .col-code { max-width: 370px; width: 370px; } .col-grid_segment_name .admin__scope-old, .reports-index-search .admin__scope-old .col-query_text, .adminhtml-locks-index .admin__scope-old .grid .col-name { max-width: 570px; width: 570px; } [class^=' adminhtml-rma-'] .admin__scope-old .fieldset-wrapper .data-table td, .reports-report-product-lowstock .admin__scope-old .grid .col-name, .reports-report-shopcart-product .admin__scope-old .grid .col-name, .reports-report-review-customer .admin__scope-old .grid .col-name, [class^=' adminhtml-rma-'] .admin__scope-old .fieldset-wrapper .admin__scope-old .accordion .config .data-table td { max-width: 670px; width: 670px; } .admin__scope-old [class^=' invitations-report-invitation'] .grid .col-period, .reports-report-sales-invoiced .admin__scope-old .grid .col-period, .reports-report-sales-refunde .admin__scope-old .grid .col-period { width: auto; } .admin__scope-old .grid .col-select, .admin__scope-old .grid .col-id, .admin__scope-old .grid .col-number { width: 40px; } .sales-order-create-index .admin__scope-old .grid, .sales-order-edit-index .admin__scope-old .grid, .sales-order-create-index .admin__scope-old .grid-actions, .sales-order-edit-index .admin__scope-old .grid-actions, .adminhtml-export-index .admin__scope-old .grid-actions, .adminhtml-export-index .admin__scope-old .data-grid { padding-left: 0; padding-right: 0; } [class^=' adminhtml-rma-'] .admin__scope-old .col-actions a, [class^=' customer-index-'] .admin__scope-old .col-action a, .adminhtml-notification-index .col-actions a { display: block; margin: 0 0 3px; white-space: nowrap; } .data-table-td-max .admin__scope-old .accordion .config .data-table td, .admin__scope-old .order-account-information .data-table td, [class^=' adminhtml-rma-'] .admin__scope-old .rma-request-details .data-table td { max-width: 250px; width: 250px; } .catalog-product-edit .admin__scope-old .ui-tabs-panel .grid .hor-scroll, .catalog-product-index .admin__scope-old .grid .hor-scroll, .review-product-index .admin__scope-old .grid .hor-scroll, .adminhtml-rma-edit .admin__scope-old .hor-scroll { overflow-x: auto; } .add-clearer:after, .admin__scope-old .massaction:after { clear: both; content: ''; display: table; } .collapse.in, .no-js .collapse { height: auto !important; overflow: visible; } .invisible { visibility: hidden; } .admin__scope-old { box-sizing: content-box; } @font-face { font-family: 'icons-blank-theme'; src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } @font-face { font-family: 'MUI-Icons'; src: url('../fonts/MUI-Icons/MUI-Icons.woff2') format('woff2'), url('../fonts/MUI-Icons/MUI-Icons.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../fonts/opensans/light/opensans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../fonts/opensans/regular/opensans-400.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../fonts/opensans/semibold/opensans-600.woff') format('woff'); font-weight: 600; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../fonts/opensans/bold/opensans-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: auto; } .admin__scope-old h1 { color: #676056; font: 400 23.33333333px 'Open Sans', sans-serif; } .admin__scope-old h2 { color: #676056; font: 400 16.66666667px 'Open Sans', sans-serif; } .admin__scope-old h3 { color: #676056; font: 600 13.33333333px 'Open Sans', sans-serif; } .admin__scope-old h4 { color: #676056; font: 600 11.66666667px 'Open Sans', sans-serif; } .admin__scope-old h5 { color: #676056; font: 600 10.83333333px 'Open Sans', sans-serif; } .admin__scope-old h6 { color: #676056; font: 600 10px 'Open Sans', sans-serif; } .admin__scope-old a { display: inline; } .admin__scope-old .filter input.input-text { width: 99%; margin-right: 0; } .admin__scope-old .filter input.input-text::-webkit-input-placeholder { color: #989287 !important; text-transform: lowercase; } .admin__scope-old .filter input.input-text::-moz-placeholder { color: #989287 !important; text-transform: lowercase; } .admin__scope-old .filter input.input-text:-moz-placeholder { color: #989287 !important; text-transform: lowercase; } .admin__scope-old .filter input.input-text:-ms-input-placeholder { color: #989287 !important; text-transform: lowercase; } .admin__scope-old .grid { padding: 15px; } .admin__scope-old .grid table { width: 100%; } .admin__scope-old .grid tbody tr.selected th, .admin__scope-old .grid tbody tr.selected td, .admin__scope-old .grid tbody tr:hover th, .admin__scope-old .grid tbody tr:hover td, .admin__scope-old .grid tbody tr:nth-child(odd):hover th, .admin__scope-old .grid tbody tr:nth-child(odd):hover td { cursor: pointer; } .admin__scope-old .grid tbody tr.selected th.empty-text, .admin__scope-old .grid tbody tr.selected td.empty-text, .admin__scope-old .grid tbody tr:hover th.empty-text, .admin__scope-old .grid tbody tr:hover td.empty-text, .admin__scope-old .grid tbody tr:nth-child(odd):hover th.empty-text, .admin__scope-old .grid tbody tr:nth-child(odd):hover td.empty-text { cursor: default; } .admin__scope-old .grid .empty-text { text-align: center; white-space: nowrap; } .admin__scope-old .grid .col-sku { max-width: 100px; width: 100px; } .admin__scope-old .grid .col-select, .admin__scope-old .grid .col-massaction { text-align: center; } .admin__scope-old .grid .editable .input-text { width: 65px; } .admin__scope-old .grid .col-actions .action-select { background: #ffffff; border-color: #989287; height: 28px; margin: 0; padding: 4px 4px 5px; width: 80px; } .admin__scope-old .grid .col-position.editable { white-space: nowrap; } .admin__scope-old .grid .col-position.editable .input-text { margin: -7px 5px 0; width: 70%; } .admin__scope-old .data-table { width: 100%; } .admin__scope-old .data-table thead, .admin__scope-old .data-table tfoot, .admin__scope-old .data-table th, .admin__scope-old .admin__scope-old .accordion .config .data-table thead th, .admin__scope-old .admin__scope-old .accordion .config .data-table tfoot td { background: #ffffff; color: #676056; font-size: 13px; font-weight: 600; } .admin__scope-old .data-table th { text-align: left; } .admin__scope-old .data-table thead th, .admin__scope-old .admin__scope-old .accordion .config .data-table thead th th, .admin__scope-old .admin__scope-old .accordion .config .data-table tfoot td th { border: solid #c9c2b8; border-width: 0 0 1px; padding: 7px; } .admin__scope-old .data-table td, .admin__scope-old .data-table tbody tr th, .admin__scope-old .data-table tbody tr td, .admin__scope-old .admin__scope-old .accordion .config .data-table td { background: #ffffff; border-width: 0; padding: 5px 7px; vertical-align: middle; } .admin__scope-old .data-table tbody tr:nth-child(odd) th, .admin__scope-old .data-table tbody tr:nth-child(odd) td, .admin__scope-old .admin__scope-old .accordion .config .data-table tbody tr:nth-child(odd) td { background: #fbfaf6; } .admin__scope-old .data-table tbody.odd tr th, .admin__scope-old .data-table tbody.odd tr td { background: #fbfaf6; } .admin__scope-old .data-table tbody.even tr th, .admin__scope-old .data-table tbody.even tr td { background: #ffffff; } .admin__scope-old .data-table tfoot tr:last-child th, .admin__scope-old .data-table tfoot tr:last-child td, .admin__scope-old .data-table .admin__scope-old .accordion .config .data-table tfoot tr:last-child td { border: 0; } .admin__scope-old .data-table.order-tables tbody td { vertical-align: top; } .admin__scope-old .data-table.order-tables tbody:hover tr th, .admin__scope-old .data-table.order-tables tbody:hover tr td { background: #f7f3eb; } .admin__scope-old .data-table.order-tables tfoot td { background: #f2ebde; color: #676056; font-size: 13px; font-weight: 600; } .admin__scope-old .data-table input[type="text"] { width: 98%; padding-left: 1%; padding-right: 1%; } .admin__scope-old .data-table select { margin: 0; box-sizing: border-box; } .admin__scope-old .data-table .col-actions .actions-split { margin-top: 4px; } .admin__scope-old .data-table .col-actions .actions-split [class^='action-'] { background: none; border: 1px solid #c8c3b5; padding: 3px 5px; color: #bbb3a6; font-size: 12px; } .admin__scope-old .data-table .col-actions .actions-split [class^='action-']:first-child { border-right: 0; } .admin__scope-old .data-table .col-actions .actions-split .dropdown-menu { margin-top: -1px; } .admin__scope-old .data-table .col-actions .actions-split .dropdown-menu a { display: block; color: #333; text-decoration: none; } .admin__scope-old .data-table .col-actions .actions-split.active .action-toggle { position: relative; border-bottom-right-radius: 0; box-shadow: none; background: #ffffff; } .admin__scope-old .data-table .col-actions .actions-split.active .action-toggle:after { position: absolute; top: 100%; left: 0; right: 0; height: 2px; margin-top: -1px; background: #ffffff; content: ''; z-index: 2; } .admin__scope-old .data-table .col-actions .actions-split.active .action-toggle .dropdown-menu { border-top-right-radius: 0; } .admin__scope-old .data-table .col-default { white-space: nowrap; text-align: center; vertical-align: middle; } .admin__scope-old .data-table .col-delete { text-align: center; width: 32px; } .admin__scope-old .data-table .col-file { white-space: nowrap; } .admin__scope-old .data-table .col-file input, .admin__scope-old .data-table .col-file .input-text { margin: 0 5px; width: 40%; } .admin__scope-old .data-table .col-file input:first-child, .admin__scope-old .data-table .col-file .input-text:first-child { margin-left: 0; } .admin__scope-old .data-table .col-actions-add { padding: 10px 0; } .admin__scope-old .grid-actions { background: #ffffff; font-size: 13px; line-height: 28px; padding: 10px 15px; position: relative; } .admin__scope-old .grid-actions + .grid { padding-top: 5px; } .admin__scope-old .grid-actions .export, .admin__scope-old .grid-actions .filter-actions { float: right; margin-left: 10px; vertical-align: top; } .admin__scope-old .grid-actions .import { display: block; } .admin__scope-old .grid-actions .action-reset { line-height: 1.42857143; margin: 0; padding: 0; color: #026294; text-decoration: none; background: none; border: 0; display: inline; margin: 6px 10px 0 0; vertical-align: top; } .admin__scope-old .grid-actions .action-reset:visited { color: #026294; text-decoration: none; } .admin__scope-old .grid-actions .action-reset:hover { color: #006bb4; text-decoration: underline; } .admin__scope-old .grid-actions .action-reset:active { color: #ff5501; text-decoration: underline; } .admin__scope-old .grid-actions .action-reset:hover, .admin__scope-old .grid-actions .action-reset:active, .admin__scope-old .grid-actions .action-reset:focus { background: none; border: 0; } .admin__scope-old .grid-actions .action-reset.disabled, .admin__scope-old .grid-actions .action-reset[disabled], fieldset[disabled] .admin__scope-old .grid-actions .action-reset { color: #026294; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .admin__scope-old .grid-actions .import .label, .admin__scope-old .grid-actions .export .label, .admin__scope-old .admin__scope-old .massaction > .entry-edit .label { margin: 0 14px 0 0; vertical-align: inherit; } .admin__scope-old .grid-actions .import .action-, .admin__scope-old .grid-actions .export .action-, .admin__scope-old .grid-actions .filter-actions .action-, .admin__scope-old .admin__scope-old .massaction > .entry-edit .action- { vertical-align: inherit; } .admin__scope-old .grid-actions .filter .date { float: left; margin: 0 15px 0 0; position: relative; } .admin__scope-old .grid-actions .filter .date .ui-datepicker-trigger:before { color: #676056; top: 1px; } .admin__scope-old .grid-actions .filter .date .ui-datepicker-trigger:hover:before { color: #31302b; } .admin__scope-old .grid-actions .filter .label { margin: 0; } .admin__scope-old .grid-actions .filter ._has-datepicker { margin: 0 5px; width: 80px; } .admin__scope-old .grid-actions .filter .show-by .select { margin-left: 5px; padding: 4px 44px 5px 4px; vertical-align: top; width: auto; } .admin__scope-old .grid-actions .filter.required:after { content: ''; } .admin__scope-old .grid-actions img { vertical-align: middle; height: 22px; width: 22px; } .admin__scope-old .grid-actions .validation-advice { background: #f9d4d4; border: 1px solid #e22626; border-radius: 3px; color: #e22626; margin: 5px 0 0; padding: 3px 7px; position: absolute; white-space: nowrap; z-index: 5; } .admin__scope-old .grid-actions .validation-advice:before { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #e22626; content: ''; left: 50%; margin-left: -5px; position: absolute; top: -11px; } .admin__scope-old .grid-actions input[type="text"].validation-failed { border-color: #e22626; box-shadow: 0 0 8px rgba(226, 38, 38, 0.6); } .admin__scope-old .grid-actions .link-feed { white-space: nowrap; } .admin__scope-old .pager .link-feed { font-size: 12px; margin: 7px 15px 0 0; position: absolute; right: 0; top: 0; } .admin__scope-old .massaction { background: #ffffff; border-top: 1px solid #f2ebde; font-size: 13px; line-height: 28px; padding: 15px 15px 0; } .admin__scope-old .massaction > .entry-edit { float: right; } .admin__scope-old .massaction > .entry-edit .field-row { display: inline-block; vertical-align: top; } .admin__scope-old .massaction > .entry-edit .validation-advice { display: none !important; } .admin__scope-old .massaction > .entry-edit .form-inline { display: inline-block; } .admin__scope-old .massaction > .entry-edit .label { padding: 0; width: auto; } .admin__scope-old .massaction > .entry-edit .action- { vertical-align: top; } .admin__scope-old .massaction .select.validation-failed { border: 1px dashed #e22626; background: #f9d4d4; } .admin__scope-old .grid-severity-critical, .admin__scope-old .grid-severity-major, .admin__scope-old .grid-severity-notice, .admin__scope-old .grid-severity-minor { background: #feeee1; border: 1px solid #ed4f2e; color: #ed4f2e; display: block; padding: 0 3px; font-weight: bold; line-height: 17px; text-transform: uppercase; text-align: center; } .admin__scope-old .grid-severity-critical, .admin__scope-old .grid-severity-major { border-color: #e22626; background: #f9d4d4; color: #e22626; } .admin__scope-old .grid-severity-notice { border-color: #5b8116; background: #d0e5a9; color: #185b00; } .admin__scope-old .grid tbody td input[type="text"], .admin__scope-old .data-table tbody td input[type="text"], .admin__scope-old .grid tbody th input[type="text"], .admin__scope-old .data-table tbody th input[type="text"], .admin__scope-old .grid tbody td .input-text, .admin__scope-old .data-table tbody td .input-text, .admin__scope-old .grid tbody th .input-text, .admin__scope-old .data-table tbody th .input-text, .admin__scope-old .grid tbody td select, .admin__scope-old .data-table tbody td select, .admin__scope-old .grid tbody th select, .admin__scope-old .data-table tbody th select, .admin__scope-old .grid tbody td .select, .admin__scope-old .data-table tbody td .select, .admin__scope-old .grid tbody th .select, .admin__scope-old .data-table tbody th .select { width: 99%; } .admin__scope-old .ui-tabs-panel .grid .col-sku { max-width: 150px; width: 150px; } .admin__scope-old .col-indexer_status, .admin__scope-old .col-indexer_mode { width: 160px; } .admin__scope-old .fieldset-wrapper .grid-actions + .grid { padding-top: 15px; } .admin__scope-old .fieldset-wrapper .grid-actions { padding: 10px 0 0; } .admin__scope-old .fieldset-wrapper .grid { padding: 0; } .admin__scope-old .fieldset-wrapper .massaction { padding: 0; border-top: none; margin-bottom: 15px; } .admin__scope-old .accordion .grid { padding: 0; } .admin__scope-old .ui-dialog-content .grid-actions, .admin__scope-old .ui-dialog-content .grid { padding-left: 0; padding-right: 0; } .admin__scope-old .qty-table td { border: 0; padding: 0 5px 3px; } .admin__scope-old .field { position: relative; box-sizing: border-box; margin: 0 0 12px 0; } .admin__scope-old .field > .label { margin: 0 0 6px; } .admin__scope-old span.required { display: none; } .admin__scope-old .field.required > .label:not(.admin__field-label) :after { content: '*'; color: #f00; margin-left: 3px; } .admin__scope-old .addon { padding: 0; display: table; width: 100%; } .admin__scope-old .addon textarea, .admin__scope-old .addon select, .admin__scope-old .addon input { width: 100%; border-radius: 0; box-shadow: none; margin: 0; } .admin__scope-old .addon select { width: auto; } .admin__scope-old .addon select + .addafter { border: none; } .admin__scope-old .ie .addon textarea, .admin__scope-old .ie .addon select { display: inline-block; } .admin__scope-old .addon textarea:first-child, .admin__scope-old .addon select:first-child, .admin__scope-old .addon input[type=text]:first-child, .admin__scope-old .addon .addbefore:first-child { border-radius: 0; } .admin__scope-old .addon textarea:last-child, .admin__scope-old .addon select:last-child, .admin__scope-old .addon input[type=text]:last-child, .admin__scope-old .addon .addafter:last-child { border-radius: 0; } .admin__scope-old .addon .addbefore, .admin__scope-old .addon .addafter { background: #f5f5f5; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; vertical-align: middle; width: 1px; color: #666; font-size: 11px; font-weight: bold; height: 0; white-space: nowrap; display: inline-block; display: table-cell; padding: 4px; border: solid #ccc; border-width: 1px 0 1px 1px; } .admin__scope-old .addon .addafter { border-width: 1px 1px 1px 0; } .admin__scope-old .choice .addafter, .admin__scope-old .choice .addbefore { display: inline; } .admin__scope-old .field-price .addon { direction: rtl; } .admin__scope-old .field-price .addon > * { direction: ltr; } .admin__scope-old .field-price .addon .addafter { border-width: 1px 0 1px 1px; border-radius: 1px 0 0 1px; } .admin__scope-old .admin__field-control .admin__control-addon [class*='admin__control-'][type][disabled], .admin__scope-old .admin__field-control .admin__control-addon [class*='admin__control-'][type]:focus { background-color: transparent; border-color: transparent; } .admin__scope-old .form-actions { padding: 10px; margin: 10px 0; } .admin__scope-old .form-inline .label, .admin__scope-old .form-inline .control { margin: 0; float: left; width: 55%; box-sizing: border-box; } .admin__scope-old .form-inline .label { width: 45%; text-align: right; padding: 5px 15px 0 0; } .admin__scope-old .form-inline .choice { position: relative; z-index: 1; } .admin__scope-old .form-inline .choice .control { position: absolute; margin-top: 4px; width: auto; left: 45%; } .admin__scope-old .form-inline .choice .tooltip { margin-left: 20px; position: relative; z-index: 1; margin-top: 7px; } .admin__scope-old .form-inline .with-tooltip:not(.choice) { padding-top: 20px; } .admin__scope-old .control .control-value { display: inline-block; padding: 6px 0 0; vertical-align: top; } .admin__scope-old .control .control-value.special { font-weight: bold; } .admin__scope-old [class^="fields-group-"] .field { vertical-align: top; margin: 0; display: inline-block; } .admin__scope-old [class^="fields-group-"] .field .label { width: auto; float: none; text-align: left; padding-right: 0; } .admin__scope-old [class^="fields-group-"] .choice .label { display: inline; } .admin__scope-old [class^="fields-group-"] .field .control { float: none; width: auto; margin-left: 0; } @media screen and (max-width: 960px) { .admin__scope-old [class^="fields-group-"] .field { width: 100% !important; margin-bottom: 20px !important; } } .admin__scope-old [class^="fields-group-"] { letter-spacing: -0.31em; word-spacing: -0.43em; } .admin__scope-old [class^="fields-group-"] > * { letter-spacing: normal; word-spacing: normal; } .admin__scope-old .nested { padding: 6px 0 0; } .admin__scope-old .nested .choice .label, .admin__scope-old .nested .choice .control { float: none; position: static; left: auto; text-align: left; display: inline; padding: 0; } .admin__scope-old .nested .field { width: auto; padding: 0; margin: 5px 0; display: block; } .admin__scope-old .nested .field:first-child { margin-top: 0; } .admin__scope-old .nested .field:last-child { margin-bottom: 0; } .admin__scope-old .buttons-set:before, .admin__scope-old .buttons-set:after, .admin__scope-old .form-inline .field:before, .admin__scope-old .form-inline .field:after, .admin__scope-old .form-actions:before, .admin__scope-old .form-actions:after, .admin__scope-old .clearfix:before, .admin__scope-old .clearfix:after { content: ""; display: table; } .admin__scope-old .buttons-set:after, .admin__scope-old .form-inline .field:after, .admin__scope-old .form-actions:after, .admin__scope-old .clearfix:after { clear: both; } .admin__scope-old .customer-current-activity .action-refresh, .admin__scope-old .data-table .action-.delete, .admin__scope-old .data-table .action-.delete:hover, .admin__scope-old .data-table .action-.delete:active, .admin__scope-old .data-table .action-.delete.active, .admin__scope-old .data-table .action-delete, .admin__scope-old .data-table .action-delete:hover, .admin__scope-old .data-table .action-delete:active, .admin__scope-old .data-table .action-delete.active, .admin__scope-old .data-table .action-locked, .admin__scope-old .data-table .action-locked:hover, .admin__scope-old .data-table .action-locked:active, .admin__scope-old .data-table .action-locked.active, .admin__scope-old .data-table .action-locked[disabled], .admin__scope-old #product-variations-matrix .action-choose, .admin__scope-old .action-manage-images, .admin__scope-old .action-manage-images:hover, .admin__scope-old .action-manage-images:active, .admin__scope-old .action-manage-images.active, .admin__scope-old .action-manage-images[disabled], .admin__scope-old .image-panel .action-close, .admin__scope-old .image-panel .action-close:hover, .admin__scope-old .image-panel .action-close:active, .admin__scope-old .image-panel .action-close.active, .admin__scope-old .image-panel .action-close[disabled], .admin__scope-old .image-panel-controls .action-remove, .admin__scope-old .image-panel-controls .action-remove:hover, .admin__scope-old .image-panel-controls .action-remove:active, .admin__scope-old .image-panel-controls .action-remove.active, .admin__scope-old .image-panel-controls .action-remove[disabled], .admin__scope-old .vde-image-sizing .action-connect, .admin__scope-old .vde-image-sizing .action-connect:hover, .admin__scope-old .vde-image-sizing .action-connect:active, .admin__scope-old .vde-image-sizing .action-connect.active, .admin__scope-old .vde-image-sizing .action-connect[disabled], .admin__scope-old .suggest-expandable .action-show-all, .admin__scope-old .suggest-expandable .action-show-all:hover, .admin__scope-old .suggest-expandable .action-show-all:active, .admin__scope-old .suggest-expandable .action-show-all.active, .admin__scope-old .suggest-expandable .action-show-all[disabled], .admin__scope-old .custom-file > .action-add, .admin__scope-old .custom-file > .action-add:hover, .admin__scope-old .custom-file > .action-add:active, .admin__scope-old .custom-file > .action-add.active, .admin__scope-old .custom-file > .action-add[disabled], .admin__scope-old .vde-tools-header .action-close, .admin__scope-old .vde-tools-header .action-close:hover, .admin__scope-old .vde-tools-header .action-close:active, .admin__scope-old .vde-tools-header .action-close.active, .admin__scope-old .image .action-delete, .admin__scope-old .image .action-delete:hover, .admin__scope-old .image .action-delete:active, .admin__scope-old .image .action-delete.active, .admin__scope-old .fieldset-wrapper-title .actions .action-delete, .admin__scope-old .fieldset-wrapper-title .actions .action-delete:hover, .admin__scope-old .fieldset-wrapper-title .actions .action-delete:active, .admin__scope-old .fieldset-wrapper-title .actions .action-delete.active, .admin__scope-old .notification .action-close, .admin__scope-old .notification .action-close:hover, .admin__scope-old .notification .action-close:active, .admin__scope-old .notification .action-close.active, .admin__scope-old .page-login .action-forgotpassword, .admin__scope-old .page-login .action-forgotpassword:hover, .admin__scope-old .page-login .action-forgotpassword:active, .admin__scope-old .page-login .action-forgotpassword.active, .admin__scope-old .page-login .action-back, .admin__scope-old .page-login .action-back:hover, .admin__scope-old .page-login .action-back:active, .admin__scope-old .page-login .action-back.active, .admin__scope-old .data-table .action-.delete[disabled], .admin__scope-old .data-table .action-delete[disabled], .admin__scope-old .data-table .action-locked[disabled], .admin__scope-old .image-panel .action-close[disabled], .admin__scope-old .image-panel-controls .action-remove[disabled], .admin__scope-old .suggest-expandable .action-show-all[disabled], .admin__scope-old #store-view-window [class^='action-close'], .admin__scope-old #store-view-window [class^='action-close']:hover, .admin__scope-old #store-view-window [class^='action-close']:active, .admin__scope-old #store-view-window [class^='action-close'].active, .admin__scope-old #store-view-window [class^='action-close'][disabled], .admin__scope-old .custom-file > .action-add[disabled], .admin__scope-old .image .action-delete, .admin__scope-old .image .action-delete:hover, .admin__scope-old .image .action-delete:active, .admin__scope-old .image .action-delete.active, .admin__scope-old .fieldset-wrapper-title .actions .action-delete, .admin__scope-old .fieldset-wrapper-title .actions .action-delete:hover, .admin__scope-old .fieldset-wrapper-title .actions .action-delete:active, .admin__scope-old .fieldset-wrapper-title .actions .action-delete.active, .admin__scope-old .notification .action-close, .admin__scope-old .notification .action-close:hover, .admin__scope-old .notification .action-close:active, .admin__scope-old .notification .action-close.active, .admin__scope-old .vde-tools-header .action-close[disabled], .admin__scope-old .vde-image-sizing .action-reset, .admin__scope-old .vde-image-sizing .action-reset:hover, .admin__scope-old .vde-image-sizing .action-reset:active, .admin__scope-old .vde-image-sizing .action-reset.active, .admin__scope-old .vde-image-sizing .action-reset[disabled], .admin__scope-old .vde-image-sizing .action-connect, .admin__scope-old .vde-image-sizing .action-connect:hover, .admin__scope-old .vde-image-sizing .action-connect:active, .admin__scope-old .vde-image-sizing .action-connect.active, .admin__scope-old .vde-image-sizing .action-connect[disabled], .admin__scope-old .vde-tab-data .action-download, .admin__scope-old .vde-tab-data .action-download:hover, .admin__scope-old .vde-tab-data .action-download:active, .admin__scope-old .vde-tab-data .action-download.active, .admin__scope-old .vde-tab-data .action-download[disabled], .admin__scope-old .vde-tab-data .action-delete, .admin__scope-old .vde-tab-data .action-delete:hover, .admin__scope-old .vde-tab-data .action-delete:active, .admin__scope-old .vde-tab-data .action-delete.active, .admin__scope-old .vde-tab-data .action-delete[disabled], .admin__scope-old .vde-tab-data .action-edit, .admin__scope-old .vde-tab-data .action-edit:hover, .admin__scope-old .vde-tab-data .action-edit:active, .admin__scope-old .vde-tab-data .action-edit.active, .admin__scope-old .vde-tab-data .action-edit[disabled], .admin__scope-old .image .action-delete[disabled], .admin__scope-old .fieldset-wrapper-title .actions .action-delete[disabled] { border: none; border-radius: 0; background: none; margin: 0; padding: 0; box-shadow: none; text-shadow: none; filter: none; } .admin__scope-old .attribute-popup .messages { margin: 0 15px; } .admin__scope-old .fade.critical-notification { display: block; } .admin__scope-old .fade.critical-notification .popup { top: 200px; } .admin__scope-old .notification-entry-dialog .action-close { background: none; border: none; color: #6d665e; font-weight: normal; font-size: 12px; cursor: pointer; text-decoration: underline; } .admin__scope-old .notification-entry-dialog .action-close:hover { color: #000000; border-bottom-color: #000000; filter: none; } .admin__scope-old .action-upload { position: relative; } .admin__scope-old .action-upload > input[type="file"] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; font-size: 10em; } .admin__scope-old .dropdown-menu, .admin__scope-old .ui-autocomplete { position: absolute; display: none; list-style: none; min-width: 100px; margin: 1px 0 0; padding: 0; right: 0; top: 100%; border: 1px solid #cac2b5; background: #ffffff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); z-index: 990; } .admin__scope-old .dropdown-menu > li, .admin__scope-old .ui-autocomplete > li { padding: 5px; border-bottom: 1px solid #e5e5e5; } .admin__scope-old .dropdown-menu > li.selected, .admin__scope-old .ui-autocomplete > li.selected { background: #eef8fc; } .admin__scope-old .dropdown-menu > li:hover, .admin__scope-old .ui-autocomplete > li:hover { background: #eef8fc; } .admin__scope-old .dropdown-menu > li:last-child, .admin__scope-old .ui-autocomplete > li:last-child { border-bottom: none; } .admin__scope-old .dropdown-menu > li > .item, .admin__scope-old .ui-autocomplete > li > .item { cursor: pointer; } .admin__scope-old .dropdown-menu-top { margin: 0 0 3px; top: auto; bottom: 100%; } .admin__scope-old .ui-autocomplete { right: auto; } .admin__scope-old .ui-autocomplete > li { padding: 0; } .admin__scope-old .ui-autocomplete > li > a { display: block; padding: 5px; } .admin__scope-old .ui-autocomplete > li > a.level-0 { padding-left: 5px !important; } .admin__scope-old .ui-autocomplete .ui-state-focus { background: #f5f5f5; } .admin__scope-old .active .dropdown-menu { display: block; } .admin__scope-old .action-dropdown { text-align: left; position: relative; display: inline-block; } .admin__scope-old .action-dropdown > [class^='action-'] { float: left; border-radius: 0; } .admin__scope-old .action-dropdown > .action-default { border-radius: 5px 0 0 5px; } .admin__scope-old .action-dropdown > .action-toggle { border-left: 1px solid #c5c0b9; border-radius: 0 5px 5px 0; margin-left: -1px; padding: 4px 7px; } .admin__scope-old .action-dropdown > .action-toggle > span { display: none; } .admin__scope-old .action-dropdown > .action-toggle:before { display: block; font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: '\e02c'; font-size: 11px; } .admin__scope-old .action-dropdown > .action-toggle.active:before { content: '\e029'; } .admin__scope-old .action-dropdown > .action-toggle.primary { border-left: 1px solid #e1721d; } .admin__scope-old .action-dropdown > .action-toggle.primary:hover { background: #e2701a; margin-left: -1px; } .admin__scope-old .action-dropdown.active .dropdown-menu { display: block; white-space: nowrap; } .admin__scope-old .action-dropdown.active .dropdown-menu > li { padding: 0; } .admin__scope-old .action-dropdown .dropdown-menu > li > .item { display: block; padding: 6px 10px 5px; color: #333; text-decoration: none; } .admin__scope-old .data-table .action-.delete span, .admin__scope-old .data-table .action-delete span, .admin__scope-old .data-table .action-locked span, .admin__scope-old .image .action-delete span, .admin__scope-old .fieldset-wrapper-title .actions .action-delete span { display: none; } .admin__scope-old .data-table .action-.delete:before, .admin__scope-old .data-table .action-delete:before, .admin__scope-old .image .action-delete:before, .admin__scope-old .fieldset-wrapper-title .actions .action-delete:before { font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; font-size: 18px; -webkit-font-smoothing: antialiased; content: '\e07f'; color: #b7b3ad; } .admin__scope-old .data-table .action-locked:before { font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; font-size: 20px; -webkit-font-smoothing: antialiased; content: '\e03e'; color: #b7b3ad; } .admin__scope-old .data-table .action-.delete:hover:before, .admin__scope-old .data-table .action-delete:hover:before, .admin__scope-old .data-table .action-locked:hover:before, .admin__scope-old .image .action-delete:hover:before, .admin__scope-old .fieldset-wrapper-title .actions .action-delete:hover:before { color: #7e7e7e; } .admin__scope-old .data-table input.action-.delete[type="button"], .admin__scope-old .data-table input.action-.delete[type="submit"], .admin__scope-old .data-table input.action-.delete[type="reset"], .admin__scope-old .data-table button.action-.delete, .admin__scope-old .data-table input.action-.delete[type="button"]:visited, .admin__scope-old .data-table input.action-.delete[type="submit"]:visited, .admin__scope-old .data-table input.action-.delete[type="reset"]:visited, .admin__scope-old .data-table button.action-.delete:visited, .admin__scope-old .data-table input.action-.delete[type="button"]:hover, .admin__scope-old .data-table input.action-.delete[type="submit"]:hover, .admin__scope-old .data-table input.action-.delete[type="reset"]:hover, .admin__scope-old .data-table button.action-.delete:hover, .admin__scope-old .data-table input.action-.delete[type="button"]:active, .admin__scope-old .data-table input.action-.delete[type="submit"]:active, .admin__scope-old .data-table input.action-.delete[type="reset"]:active, .admin__scope-old .data-table button.action-.delete:active { background: transparent; padding: 3px 7px 0; } .admin__scope-old .data-table input.action-.delete[type=button]:hover:before, .admin__scope-old .data-table input.action-.delete[type=submit]:hover:before, .admin__scope-old .data-table input.action-.delete[type=reset]:hover:before, .admin__scope-old .data-table button.action-.delete:hover:before, .admin__scope-old .data-table input.action-.delete[type=button]:focus:before, .admin__scope-old .data-table input.action-.delete[type=submit]:focus:before, .admin__scope-old .data-table input.action-.delete[type=reset]:focus:before, .admin__scope-old .data-table button.action-.delete:focus:before { background: transparent; color: #a5a29d; } .admin__scope-old fieldset { min-width: 0; padding: 20px; } .admin__scope-old legend { padding: 0 10px; margin: 0 -10px; } .admin__scope-old fieldset legend + br { display: none; } .admin__scope-old label > input[type="radio"], .admin__scope-old label > input[type="checkbox"] { margin: -3px 3px 0 0; vertical-align: middle; } .admin__scope-old input[type=text], .admin__scope-old input[type=password], .admin__scope-old input[type=datetime], .admin__scope-old input[type=datetime-local], .admin__scope-old input[type=date], .admin__scope-old input[type=month], .admin__scope-old input[type=time], .admin__scope-old input[type=week], .admin__scope-old input[type=number], .admin__scope-old input[type=range], .admin__scope-old input[type=email], .admin__scope-old input[type=url], .admin__scope-old input[type=search], .admin__scope-old input.search, .admin__scope-old input[type=tel], .admin__scope-old input[type=color], .admin__scope-old textarea, .admin__scope-old select { box-sizing: border-box; border: 1px solid #adadad; border-radius: 1px; padding: .6rem 1rem .6rem; color: #303030; background-color: #ffffff; font-weight: 500; font-size: 14px; height: 33px; } .admin__scope-old input[type=text]:focus, .admin__scope-old input[type=password]:focus, .admin__scope-old input[type=datetime]:focus, .admin__scope-old input[type=datetime-local]:focus, .admin__scope-old input[type=date]:focus, .admin__scope-old input[type=month]:focus, .admin__scope-old input[type=time]:focus, .admin__scope-old input[type=week]:focus, .admin__scope-old input[type=number]:focus, .admin__scope-old input[type=range]:focus, .admin__scope-old input[type=email]:focus, .admin__scope-old input[type=url]:focus, .admin__scope-old input[type=search]:focus, .admin__scope-old input.search:focus, .admin__scope-old input[type=tel]:focus, .admin__scope-old input[type=color]:focus, .admin__scope-old textarea:focus, .admin__scope-old select:focus { border-color: #007bdb; box-shadow: none; outline: 0; } .admin__scope-old select:not([multiple]) { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; display: inline-block; line-height: normal; min-width: 80px; background-repeat: no-repeat; background-image: url('../images/arrows-bg.svg'), linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#adadad, #adadad); background-position: calc(100% - 12px) -34px, 100%, calc(100% - 33px) 0; background-size: auto, 33px 100%, 1px 100%; padding-right: 44px; } .admin__scope-old select:not([multiple]):active { background-image: url('../images/arrows-bg.svg'), linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#007bdb, #007bdb); background-position: calc(100% - 12px) 13px, 100%, calc(100% - 33px) 0; } .admin__scope-old select:not([multiple])::-ms-expand { display: none; } .admin__scope-old select[multiple], .admin__scope-old select[size] { height: auto; } .admin__scope-old textarea { resize: vertical; padding-top: 6px; padding-bottom: 6px; line-height: 1.18em; max-width: none; min-height: 100px; } .admin__scope-old textarea, .admin__scope-old .input-text { height: auto; } .admin__scope-old input[type="radio"], .admin__scope-old input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: #ffffff; border-radius: 2px; border: 1px solid #adadad; cursor: pointer; display: inline-block; height: 16px; margin: 0 5px 0 0; position: relative; transition: all 0.1s ease-in; vertical-align: middle; width: 16px; } .admin__scope-old input[type="radio"]:focus, .admin__scope-old input[type="checkbox"]:focus { border-color: #007bdb; box-shadow: none; outline: 0; } .admin__scope-old input[type="radio"][disabled], .admin__scope-old input[type="checkbox"][disabled] { background-color: #e9e9e9; border-color: #adadad; opacity: .5; } .admin__scope-old input[type="radio"][disabled].admin__control-checkbox, .admin__scope-old input[type="checkbox"][disabled].admin__control-checkbox, .admin__scope-old input[type="radio"][disabled].admin__control-radio, .admin__scope-old input[type="checkbox"][disabled].admin__control-radio { opacity: 0.01; } .admin__scope-old input[type="radio"]:checked:after, .admin__scope-old input[type="checkbox"]:checked:after { font-family: 'Admin Icons'; content: "\e62d"; display: inline-block; position: absolute; top: 0; left: 0; width: 14px; color: #514943; font-size: 11px; line-height: 13px; text-align: center; font-weight: 400; } .admin__scope-old .jstree .jstree-real-checkbox { display: none; } .admin__scope-old input[type="radio"] { border-radius: 8px; } .admin__scope-old input[type="radio"]:checked:after { content: ''; display: block; width: 10px; height: 10px; border-radius: 10px; background: #514943; top: 50%; left: 50%; position: absolute; margin-top: -5px; margin-left: -5px; } .admin__scope-old input[disabled], .admin__scope-old select[disabled], .admin__scope-old textarea[disabled], .admin__scope-old input[readonly], .admin__scope-old select[readonly], .admin__scope-old textarea[readonly] { background-color: #e9e9e9; border-color: #adadad; color: #303030; opacity: .5; cursor: not-allowed; } .admin__scope-old select[disabled] option[selected] { color: #ffffff; background: #aaa; } .admin__scope-old textarea:-moz-placeholder, .admin__scope-old input:-moz-placeholder { color: #999 !important; font-style: italic; } .admin__scope-old option.placeholder { color: #999 !important; font-style: italic !important; } .admin__scope-old :-ms-input-placeholder { color: #999 !important; font-style: italic; } .admin__scope-old ::-webkit-input-placeholder { color: #999 !important; } .admin__scope-old :-moz-placeholder { color: #999 !important; } .admin__scope-old .form-inline .control { width: 100%; } .admin__scope-old .form-inline .control .control-inner-wrap { padding-top: 7px; } .admin__scope-old .form-inline .label { width: 20%; padding-top: 8px; padding-right: 30px; } .admin__scope-old .form-inline .label.admin__field-label { padding-top: 0; padding-right: 30px; width: 20%; margin-left: 0; } .admin__scope-old .form-inline .label ~ .control { margin: 0; width: 60%; } .admin__scope-old .form-inline .no-label .control { margin-left: 20%; width: 60%; } .admin__scope-old fieldset.field [class^='fields-group-'] .field .control { width: auto; margin: 0 0 0 20px; } .admin__scope-old .form-inline .field-service { box-sizing: border-box; float: left; width: 20%; padding: 7px 0 0 15px; color: #999; font-size: 12px; letter-spacing: .05em; } .admin__scope-old .form-inline .field-service[value-scope]:before { content: attr(value-scope) !important; white-space: nowrap; display: block; margin-bottom: 5px; } .admin__scope-old .form-inline .field-service .checkbox { margin: 0; vertical-align: middle; } .admin__scope-old .form-inline > form > div > .message { margin-left: 18px; margin-right: 18px; } .admin__scope-old .control > input { width: 100%; padding: 4px 10px; } .admin__scope-old .control > input[type="button"] { width: auto; } .admin__scope-old .control > input._has-datepicker { width: 160px; } .admin__scope-old .control > input[type="file"] { width: auto; } .admin__scope-old .control > input[type="checkbox"], .admin__scope-old .control > input[type="radio"] { width: 16px; padding: 0; } .admin__scope-old .control > table { width: 100%; } .admin__scope-old .multi-input { margin: 0 0 20px; } .admin__scope-old .multi-input > input { width: 100%; } .admin__scope-old .control .input-file { margin-top: 4px; } .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; text-decoration: none; display: inline-block; vertical-align: middle; } .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger:focus, .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger:active { background: none; border: none; } .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger:hover { background: none; border: none; } .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger.disabled, .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger[disabled], fieldset[disabled] .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: 30px; color: #514943; content: '\e612'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .admin__scope-old .control ._has-datepicker + .ui-datepicker-trigger:focus { outline: 0; box-shadow: none; } .admin__scope-old .nobr { white-space: nowrap; } .admin__scope-old label.mage-error { border: 1px solid #e22626; display: block; margin: 2px 0 0; padding: 6px 10px 10px; background: #fff8d6; color: #555; font-size: 12px; font-weight: 500; box-sizing: border-box; } .admin__scope-old textarea.mage-error, .admin__scope-old select.mage-error, .admin__scope-old input.mage-error { border-color: #e22626 !important; } .admin__scope-old input.mage-error ~ .addafter { border-color: #e22626 !important; } .admin__scope-old .form-inline .field-store_id .label + .control, .admin__scope-old .form-inline .field-store_ids .label + .control, .admin__scope-old .form-inline .field-website_ids .label + .control, .admin__scope-old .form-inline .field-website_id .label + .control, .admin__scope-old .form-inline .field-select_stores .label + .control, .admin__scope-old .form-inline .field-stores .label + .control { width: auto; } .admin__scope-old .page-content-inner { position: relative; background: #f5f2ed; border: 1px solid #b7b2a6; border-radius: 5px; padding: 20px; } .admin__scope-old .fieldset-wrapper, .admin__scope-old .fieldset { background: #ffffff; border: 0; margin: 0; padding: 5px 0 38px; position: relative; } .admin__scope-old .fieldset-wrapper > .fieldset-wrapper-title, .admin__scope-old .fieldset > .legend { position: static; float: left; width: 100%; box-sizing: border-box; padding: 0; border-bottom: 1px solid #cac3b4; margin: 0 0 18px; } .admin__scope-old .fieldset-wrapper > .fieldset-wrapper-title { float: none; } .admin__scope-old .fieldset-wrapper > .fieldset-wrapper-title .title, .admin__scope-old .fieldset > .legend span { color: #303030; font-size: 1.7rem; font-weight: 600; padding: 7px 0 10px; display: inline-block; } .admin__scope-old .fieldset .fieldset-wrapper, .admin__scope-old .fieldset-wrapper .fieldset-wrapper { border: 1px solid #cac3b4; border-radius: 2px; margin-bottom: 5px; padding: 0; } .admin__scope-old .fieldset .fieldset-wrapper .fieldset-wrapper-title, .admin__scope-old .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title { background: #f7f3eb; padding: 0 18px; border: 0; } .admin__scope-old .fieldset .fieldset-wrapper.opened .fieldset-wrapper-title, .admin__scope-old .fieldset-wrapper .fieldset-wrapper.opened .fieldset-wrapper-title { border-bottom: 1px solid #cccbca; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 39px; } .admin__scope-old .fieldset .fieldset-wrapper .fieldset-wrapper-title .actions, .admin__scope-old .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .actions { padding: 6px 0 0; } .admin__scope-old .fieldset .fieldset-wrapper .fieldset-wrapper-title .title, .admin__scope-old .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .title { padding-top: 9px; padding-bottom: 8px; color: #555; font: normal 16px/1.333 Arial, Verdana, sans-serif; } .admin__scope-old .fieldset .fieldset-wrapper .fieldset-wrapper-title .title:before, .admin__scope-old .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .title:before { top: 9px; } .admin__scope-old .fieldset-wrapper-content .fieldset > .title { margin-top: 0; padding-left: 22px; } .admin__scope-old .fieldset-wrapper .draggable-handle, .admin__scope-old .fieldset .draggable-handle { background: url(../Magento_Backend/images/draggable-handle-vertical.png) no-repeat 0 0; color: #b2b0ad; cursor: ns-resize; height: 14px; line-height: 14px; margin: 0; vertical-align: top; width: 8px; } .admin__scope-old .fieldset-wrapper .draggable-handle:before, .admin__scope-old .fieldset .draggable-handle:before { display: none; } .admin__scope-old .fieldset-wrapper-title > .draggable-handle { position: absolute; left: 10px; top: 12px; } .admin__scope-old .fieldset .fieldset-wrapper .fieldset-wrapper-content, .admin__scope-old .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-content { padding: 0 10px; } .admin__scope-old .ui-sortable { margin-bottom: 15px; } .admin__scope-old .ui-sortable .entry-edit .fieldset-wrapper-title, .admin__scope-old #product_options_container_top .fieldset-wrapper-title { padding-left: 30px; } .admin__scope-old #super_config-wrapper, .admin__scope-old #grouped-wrapper { border-bottom: 0; } .admin__scope-old .fieldset .legend > .actions { float: right; padding-top: 8px; } .admin__scope-old .fieldset-wrapper-title > .actions { float: right; } .admin__scope-old .fieldset > .legend + br { display: block; height: 0; overflow: hidden; clear: left; } .admin__scope-old .fieldset-wrapper .fieldset, .admin__scope-old .fieldset .fieldset { background: transparent; padding: 9px 0; border: none; border-radius: 0; margin: 0 0 29px; } .admin__scope-old .fieldset .comment { margin: 0 0 29px 10px; } .admin__scope-old .fieldset .field { margin: 0 0 29px; } .admin__scope-old .with-note .note, .admin__scope-old .field .note, .admin__scope-old .data-table .note { color: #303030; font-size: 12px; font-weight: 400; margin: 5px 0; } .admin__scope-old .fieldset .field .options-list { list-style: none; margin: 0; padding: 0; } .admin__scope-old .fieldset .field .options-list input[type="checkbox"], .admin__scope-old .fieldset .field .options-list input[type="radio"] { margin-right: 5px; } .admin__scope-old [class^="fields-group-"] .field { margin-bottom: 0; } .admin__scope-old .fieldset-wrapper .fieldset:last-child, .admin__scope-old .fieldset .fieldset:last-child, .admin__scope-old .fieldset .field:last-child { margin-bottom: 0; } .admin__scope-old .fieldset .label { color: #303030; font-size: 14px; font-weight: 600; } .admin__scope-old .fieldset .control .label { color: #676056; font-size: 14px; font-weight: 400; padding-top: 0; } .admin__scope-old .form-inline div:not([class*='fields-group']) > .field > .label, .admin__scope-old .form-inline .fieldset > .field > .label { color: #303030; font-size: 14px; font-weight: 600; line-height: 3.2rem; padding: 0 30px 0 30px; white-space: nowrap; word-wrap: break-word; } .admin__scope-old .form-inline div:not([class*='fields-group']) > .field > .label:before, .admin__scope-old .form-inline .fieldset > .field > .label:before { content: '.'; margin-left: -7px; overflow: hidden; visibility: hidden; width: 0; } .admin__scope-old .form-inline div:not([class*='fields-group']) > .field > .label span, .admin__scope-old .form-inline .fieldset > .field > .label span { display: inline-block; line-height: 1.33; vertical-align: middle; white-space: normal; } .admin__scope-old .form-inline div:not([class*='fields-group']) > .field > .label span[data-config-scope], .admin__scope-old .form-inline .fieldset > .field > .label span[data-config-scope] { position: relative; } .admin__scope-old .form-inline div:not([class*='fields-group']) > .field > .label span[data-config-scope]:before, .admin__scope-old .form-inline .fieldset > .field > .label span[data-config-scope]:before { bottom: -1.3rem; color: #808080; content: attr(data-config-scope); font-size: 1.1rem; font-weight: 400; min-width: 15rem; position: absolute; right: 0; text-transform: lowercase; } .admin__scope-old .details-content > .field.required > .label, .admin__scope-old .fieldset > .field.required > .label { padding-left: 1.5rem; } .admin__scope-old .details-content > .field.required > .label:after, .admin__scope-old .fieldset > .field.required > .label:after { content: ''; } .admin__scope-old .details-content > .field.required > .label span:after, .admin__scope-old .fieldset > .field.required > .label span:after { color: #e22626; content: '*'; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 1; margin-left: 10px; margin-top: 0; position: absolute; top: 1.2rem; z-index: 1; } .admin__scope-old .details-content > .field.required > .label span[data-config-scope], .admin__scope-old .fieldset > .field.required > .label span[data-config-scope] { position: relative; } .admin__scope-old .details-content > .field.required > .label span[data-config-scope]:after, .admin__scope-old .fieldset > .field.required > .label span[data-config-scope]:after { top: .2rem; } .admin__scope-old .form-inline .details-content > .field.required > .label, .admin__scope-old .form-inline .fieldset > .field.required > .label { padding-left: 0; } .admin__scope-old .form-inline .details-content > .field.required > .label span:after, .admin__scope-old .form-inline .fieldset > .field.required > .label span:after { left: auto; margin-left: 10px; top: 1.2rem; } .admin__scope-old .form-inline .details-content > .field.required > .label span[data-config-scope]:after, .admin__scope-old .form-inline .fieldset > .field.required > .label span[data-config-scope]:after { top: .2rem; } .admin__scope-old .with-addon .textarea { margin: 0 0 6px; } .admin__scope-old .with-addon .addon { display: inline-block; width: auto; } .admin__scope-old .fieldset .control .textarea, .admin__scope-old .fieldset .control .addon .textarea { width: 100%; } .admin__scope-old .details-content > .field > input[type="checkbox"], .admin__scope-old .fieldset > .field > input[type="checkbox"] { margin-top: 9px; } .admin__scope-old .fieldset-alt { position: relative; display: table-row; border: 0; padding: 0; margin-bottom: 20px; width: 100%; } .admin__scope-old .fieldset-alt > .field { display: table-cell; vertical-align: top; padding-right: 4%; } .admin__scope-old .fieldset-alt > .field.no-display { display: none; } .admin__scope-old .fieldset-alt .field > .label { display: block; width: 100%; clear: both; text-align: left; margin: 0 0 10px; } .admin__scope-old .fieldset-alt .label + .control { width: 100%; } .admin__scope-old .fieldset-alt .field-option-title { width: 50%; } .admin__scope-old .fieldset .tooltip .help { margin: 5px 0 0 15px; display: inline-block; } .admin__scope-old .fieldset-alt .field-option-store-view { width: 20%; } .admin__scope-old .fieldset-alt .field-option-input-type { width: 20%; } .admin__scope-old .fieldset-alt .field-option-input-type select { width: 100%; } .admin__scope-old .fieldset-alt .field-option-req { width: 105px; white-space: nowrap; } .admin__scope-old .fieldset-alt .field-option-req .control { position: relative; top: 32px; } .admin__scope-old .fieldset-alt .field-option-position, .admin__scope-old .fieldset-alt .field-option-position .control { width: 60px; } .admin__scope-old .use-default-control { display: none; } .admin__scope-old .use-default-label { cursor: pointer; text-decoration: underline; font-size: 11px; color: #a29c94; } .admin__scope-old .use-default-label:hover { color: #7e7e7e; } .admin__scope-old .multiselect-alt { margin: 0; padding: 0; list-style: none; border: 1px solid #ccc; border-radius: 5px; color: #333; } .admin__scope-old .multiselect-alt .item { position: relative; border-top: 1px solid #ffffff; cursor: pointer; } .admin__scope-old .multiselect-alt .item:first-child { border-top: 0; } .admin__scope-old .multiselect-alt .item.selected { background: #d7ebf5; } .admin__scope-old .multiselect-alt .item.selected:hover { background: #afdef2; } .admin__scope-old .multiselect-alt label { display: block; cursor: pointer; padding: 6px 25px 5px; } .admin__scope-old .multiselect-alt .item.selected label:before { position: absolute; left: 8px; top: 1px; bottom: 0; width: 10px; line-height: 28px; font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: '\e01e'; text-align: center; color: #7ba4b1; font-size: 9px; text-shadow: 0 -1px 1px #60727b; } .admin__scope-old .multiselect-alt input[type="checkbox"] { width: 0; height: 0; opacity: 0; margin: 0; padding: 0; } .admin__scope-old .with-table .label { float: none; text-align: left; width: 100%; } .admin__scope-old .with-table .control { clear: left; float: none; width: 100%; } .admin__scope-old .addon input[type="text"] { border-width: 1px 1px 1px 0; } .admin__scope-old .addon input[type="text"] ~ .addafter strong { display: inline-block; background: #ffffff; line-height: 24px; margin: 0 3px 0 0; padding-left: 4px; padding-right: 4px; position: relative; font-size: 14px; font-weight: 400; color: #858585; top: 0; } .admin__scope-old .addon input[type="text"]:focus ~ .addafter { border-color: #007bdb; } .admin__scope-old .addon input[type="text"]:focus ~ .addafter strong { margin-top: 0; } .admin__scope-old .addon .addafter { background: none; color: #a6a6a6; border-width: 1px 1px 1px 0; border-radius: 1px 1px 0 0; padding: 0; border-color: #ada89e; } .admin__scope-old .addon input[type="text"][disabled] ~ .addafter, .admin__scope-old .addon select[disabled] ~ .addafter, .admin__scope-old .addon input[type="text"][readonly] ~ .addafter, .admin__scope-old .addon select[readonly] ~ .addafter { background-color: #e9e9e9; border-color: #adadad; color: #303030; opacity: .5; cursor: not-allowed; } .admin__scope-old .addon .pager input { border-width: 1px; } .admin__scope-old .field-weight .addon input[type="text"], .admin__scope-old .field-base_price .addon input[type="text"] { border-width: 1px 0 1px 1px; } .admin__scope-old .field.type-price .addon, .admin__scope-old .field-price .addon, .admin__scope-old .field-special_price .addon, .admin__scope-old .field-gift_wrapping_price .addon, .admin__scope-old .field-msrp .addon { direction: rtl; } .admin__scope-old .field.type-price .addon > *, .admin__scope-old .field-price .addon > *, .admin__scope-old .field-special_price .addon > *, .admin__scope-old .field-gift_wrapping_price .addon > *, .admin__scope-old .field-msrp .addon > * { direction: ltr; } .admin__scope-old .field.type-price .addon .addafter, .admin__scope-old .field-price .addon .addafter, .admin__scope-old .field-special_price .addon .addafter, .admin__scope-old .field-gift_wrapping_price .addon .addafter, .admin__scope-old .field-msrp .addon .addafter { border-width: 1px 0 1px 1px; border-radius: 1px 0 0 1px; } .admin__scope-old .field.type-price .addon input[type=text]:first-child, .admin__scope-old .field-price .addon input[type=text]:first-child, .admin__scope-old .field-special_price .addon input[type=text]:first-child, .admin__scope-old .field-gift_wrapping_price .addon input[type=text]:first-child, .admin__scope-old .field-msrp .addon input[type=text]:first-child { border-radius: 0 1px 1px 0; } .admin__scope-old .field.type-price input:focus, .admin__scope-old .field-price input:focus, .admin__scope-old .field-special_price input:focus, .admin__scope-old .field-gift_wrapping_price input:focus, .admin__scope-old .field-msrp input:focus { border-color: #007bdb; } .admin__scope-old .field.type-price input:focus ~ label.addafter, .admin__scope-old .field-price input:focus ~ label.addafter, .admin__scope-old .field-special_price input:focus ~ label.addafter, .admin__scope-old .field-gift_wrapping_price input:focus ~ label.addafter, .admin__scope-old .field-msrp input:focus ~ label.addafter { border-color: #007bdb; } .admin__scope-old .field.type-price input ~ label.addafter strong, .admin__scope-old .field-price input ~ label.addafter strong, .admin__scope-old .field-special_price input ~ label.addafter strong, .admin__scope-old .field-msrp input ~ label.addafter strong, .admin__scope-old .field-gift_wrapping_price input ~ label.addafter strong { margin-left: 2px; margin-right: -2px; } .admin__scope-old summary { cursor: pointer; display: inline-block; } .admin__scope-old .no-details details > * { display: none; } .admin__scope-old .no-details details > summary:before { float: left; width: 20px; content: '► '; } .admin__scope-old .no-details details.open > summary:before { content: '▼ '; } .admin__scope-old .no-details details summary { display: block; } .admin__scope-old blockquote { border-left: 2px solid #ccc; padding-left: 5px; } .admin__scope-old blockquote small:before { content: '\2014 \00A0'; } .admin__scope-old address { font-style: normal; } .admin__scope-old .x-tree-node .leaf .x-tree-node-icon { background-image: url(../images/fam_leaf.png); } .admin__scope-old .x-tree-node .system-leaf .x-tree-node-icon { background-image: url(../images/fam_application_form_delete.png); } .admin__scope-old .x-tree-node .x-tree-node-el input[type=checkbox] { margin-left: 3px; } .admin__scope-old .tipsy { padding: 11px; } .admin__scope-old .tipsy-inner { padding: 12px 15px; max-width: 185px; background: #faf8f6; border: 1px solid #dcd8ce; box-shadow: 0 2px 5px rgba(49, 48, 43, 0.4); } .admin__scope-old .tipsy-inner .error { width: 158px; } .admin__scope-old .tipsy-inner .error h5 { color: #be0a0a; font-size: 16px; font-weight: 500; margin: 0 0 6px; } .admin__scope-old .tipsy-inner .error p { color: #676056; line-height: 1.5; margin: 0; } .admin__scope-old .tipsy-e .tipsy-arrow { top: 50%; left: 1px; margin-top: -10px; border-top: 10px solid transparent; border-right: 10px solid #dcd8ce; border-bottom: 10px solid transparent; border-left: none; } .admin__scope-old .tipsy-w .tipsy-arrow { top: 50%; right: 0; margin-top: -10px; border-top: 10px solid transparent; border-right: none; border-bottom: 10px solid transparent; border-left: 10px solid #dcd8ce; } .admin__scope-old .tipsy-n .tipsy-arrow, .admin__scope-old .tipsy-ne .tipsy-arrow, .admin__scope-old .tipsy-nw .tipsy-arrow { bottom: 1px; border-top: 10px solid #dcd8ce; border-right: 10px solid transparent; border-bottom: none; border-left: 10px solid transparent; } .admin__scope-old .tipsy-ne .tipsy-arrow { left: 16px; } .admin__scope-old .tipsy-nw .tipsy-arrow { right: 16px; } .admin__scope-old .tipsy-s .tipsy-arrow, .admin__scope-old .tipsy-se .tipsy-arrow, .admin__scope-old .tipsy-sw .tipsy-arrow { top: 1px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #dcd8ce; border-top: none; } .admin__scope-old .tipsy-se .tipsy-arrow { left: 16px; } .admin__scope-old .tipsy-sw .tipsy-arrow { right: 16px; } .admin__scope-old .tipsy-arrow:after, .admin__scope-old .tipsy-arrow:before { position: absolute; width: 0; height: 0; content: ''; } .admin__scope-old .tipsy-e .tipsy-arrow:after { top: -5px; left: 2px; margin-top: -4px; border-top: 9px solid transparent; border-right: 9px solid #faf8f6; border-bottom: 9px solid transparent; } .admin__scope-old .tipsy-e .tipsy-arrow:before { top: -8px; margin-top: 0; border-top: 10px solid transparent; border-right: 10px solid rgba(49, 48, 43, 0.1); border-bottom: 10px solid transparent; } .admin__scope-old .tipsy-w .tipsy-arrow:after { top: -5px; left: -12px; margin-top: -4px; border-top: 9px solid transparent; border-right: none; border-bottom: 9px solid transparent; border-left: 9px solid #faf8f6; } .admin__scope-old .tipsy-w .tipsy-arrow:before { top: -8px; left: -10px; margin-top: 0; border-top: 10px solid transparent; border-right: none; border-bottom: 10px solid transparent; border-left: 10px solid rgba(49, 48, 43, 0.1); } .admin__scope-old .tipsy-n .tipsy-arrow:after, .admin__scope-old .tipsy-ne .tipsy-arrow:after, .admin__scope-old .tipsy-nw .tipsy-arrow:after { margin-top: -4px; left: -9px; top: -7px; border-top: 9px solid #faf8f6; border-right: 9px solid transparent; border-left: 9px solid transparent; } .admin__scope-old .tipsy-n .tipsy-arrow:before, .admin__scope-old .tipsy-ne .tipsy-arrow:before, .admin__scope-old .tipsy-nw .tipsy-arrow:before { left: -10px; top: -8px; margin-top: 0; border-top: 10px solid rgba(49, 48, 43, 0.1); border-right: 10px solid transparent; border-left: 10px solid transparent; } .admin__scope-old .tipsy-s .tipsy-arrow:after, .admin__scope-old .tipsy-sw .tipsy-arrow:after, .admin__scope-old .tipsy-se .tipsy-arrow:after { left: -9px; top: 6px; margin-top: -4px; border-top: none; border-right: 9px solid transparent; border-bottom: 9px solid #faf8f6; border-left: 9px solid transparent; } .admin__scope-old .tipsy-inner dl { margin: 0; } .admin__scope-old .tipsy-inner dt { margin: 0 0 4px; font-size: 16px; font-weight: 400; color: #f47b20; } .admin__scope-old .tipsy-inner dd { margin: 0; color: #676056; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; } .admin__scope-old .backup-dialog { margin-top: inherit !important; } .admin__scope-old .col-left { float: left; } .admin__scope-old .col-right { float: right; } .admin__scope-old .col-1-layout .main-col { width: auto; } .admin__scope-old .col-2-left-layout { margin: 0 auto; position: relative; } .admin__scope-old .col-2-left-layout:before { position: absolute; content: ""; background-color: #ffffff; right: 0; top: 0; bottom: 0; min-width: 730px; width: 80%; } .admin__scope-old .col-2-left-layout .main-col, .admin__scope-old .col-2-right-layout .main-col { min-width: 730px; } .admin__scope-old .admin__actions-switch .admin__actions-switch-checkbox { position: absolute; z-index: -1; } .admin__scope-old .admin__actions-switch .admin__actions-switch-checkbox { position: absolute; z-index: -1; } .admin__scope-old .page-actions .buttons-group { vertical-align: top; text-align: left; } .admin__scope-old .page-actions > .switcher { display: inline-block; vertical-align: top; margin: 6px 10px 0 0; } .admin__scope-old .catalog-product-index .page-actions { padding-top: 0; } .admin__scope-old [class^=" catalog-product-"] .store-scope .store-tree { float: left; } .admin__scope-old .x-tree ul { margin: 0; padding: 0; } .admin__scope-old .tree-wrapper { width: 100%; overflow: auto; float: left; } .admin__scope-old .page-actions.fixed .page-actions-inner:before { content: attr(data-title); float: left; font-size: 20px; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin__scope-old .dynamic-grid th { padding: 2px; width: 100px; } .admin__scope-old .dynamic-grid td { padding: 2px; } .admin__scope-old .dynamic-grid td input { width: 94px; } .admin__scope-old tr.dynamic-grid td, .admin__scope-old tr.dynamic-grid th { padding: 2px 10px 2px 0; width: auto; } .admin__scope-old tr.dynamic-grid input.input-text { width: 154px; } .admin__scope-old .available { color: #080; font-weight: bold; } .admin__scope-old .not-available { color: #800; } .admin__scope-old .categories-side-col { padding: 0 3%; } .admin__scope-old .store-tree .website-name { font-size: 14px; font-weight: bold; } .admin__scope-old .store-tree .webiste-groups { margin: 5px 0 20px 25px; } .admin__scope-old .store-tree .webiste-groups dt { font-weight: bold; } .admin__scope-old .store-tree .webiste-groups dd { margin: 5px 0 15px 15px; } .admin__scope-old .store-tree .webiste-groups dd > ul { list-style: none; margin: 0; padding: 0; } .admin__scope-old .store-tree .webiste-groups dd > ul > li { margin: 0 0 5px; } .admin__scope-old .tree-store-scope .buttons-set { margin-bottom: 9px; } .admin__scope-old .tree-store-scope .buttons-set button { margin-right: 4px; } .admin__scope-old .tree-store-scope .field { margin: 0 0 5px; } .admin__scope-old .tree-store-scope .field input[type="checkbox"]:not(.banner-content-checkbox) { margin-right: 8px; position: relative; top: 2px; } .admin__scope-old .tree-store-scope .field .addafter { display: inline-block; padding-top: 6px; } .admin__scope-old .tree-store-scope .tooltip .help { margin-top: 11px; } .admin__scope-old .widget-layout-updates .fieldset-wrapper, .admin__scope-old .widget-layout-updates .data-table { margin: 0 0 18px; } .admin__scope-old .widget-layout-updates .fieldset-wrapper-title label:not(.mage-error) { padding: 10px 0 0; } .admin__scope-old .widget-layout-updates .fieldset-wrapper-title select { margin: 3px 10px 5px; } .admin__scope-old .widget-layout-updates .fieldset-wrapper-title span, .admin__scope-old .widget-layout-updates .fieldset-wrapper-title select { vertical-align: middle; } .admin__scope-old .widget-layout-updates .data-table { table-layout: fixed; } .admin__scope-old .widget-layout-updates .data-table, .admin__scope-old .widget-layout-updates .data-table tr:nth-child(odd) td, .admin__scope-old .widget-layout-updates .data-table tr:nth-child(odd):hover td { background: none; border: none; } .admin__scope-old .widget-layout-updates .data-table th, .admin__scope-old .widget-layout-updates .data-table tbody td { border: none; padding: 5px 10px; } .admin__scope-old .widget-layout-updates .data-table select { margin: 0; max-width: 99%; overflow: hidden; } .admin__scope-old .widget-layout-updates .chooser_container { padding: 0 10px; margin-bottom: 18px; } .admin__scope-old .widget-layout-updates .chooser_container p { margin: 0 0 18px; } .admin__scope-old .widget-layout-updates .chooser_container p img, .admin__scope-old .widget-layout-updates .chooser_container p input { vertical-align: middle; } .admin__scope-old .preview-window { background: #ffffff; } .admin__scope-old .preview-window .toolbar { background: #f5f2ed; padding: 20px; } .admin__scope-old .preview-window .toolbar .switcher { margin: 0; } .admin__scope-old .preview-window .toolbar .switcher span { background: none; width: auto; } .admin__scope-old .no-products-message { background: #fbfaf6; padding: 12px; text-align: center; font-size: 12px; color: #666; margin-bottom: 13px; } .admin__scope-old .action-wysiwyg { margin: 10px 0; } .admin__scope-old #catalog-wysiwyg-editor .buttons-set { margin-bottom: 9px; } .admin__scope-old #catalog-wysiwyg-editor .buttons-set button { margin-right: 4px; } .admin__scope-old #create_new_attribute { overflow: hidden; } .admin__scope-old #create_new_attribute > .loading-mask { left: -25px; top: -50px; } .admin__scope-old #front_fieldset-wrapper { border-bottom: 0; } .admin__scope-old .attribute-popup { background: none; } .admin__scope-old .attribute-popup #edit_form { display: block; } .admin__scope-old .attribute-popup #edit_form > div:last-of-type { margin-bottom: 150px; } .admin__scope-old .attribute-popup #edit_form > .fieldset > .legend { display: none; } .admin__scope-old .attribute-popup .wrapper-popup { padding: 0; height: 511px; overflow-x: hidden; overflow-y: auto; } .admin__scope-old .attribute-popup .fieldset, .admin__scope-old .attribute-popup .fieldset-wrapper { border: none; border-radius: 0; padding: 4px 0 20px; margin: 0 23px 20px; } .admin__scope-old .attribute-popup .fieldset-wrapper { border-top: none; } .admin__scope-old .attribute-popup .fieldset-wrapper:not(.admin__collapsible-block) .fieldset-wrapper-title { border-bottom: none; } .admin__scope-old .attribute-popup .fieldset-wrapper .fieldset-wrapper-content > .fieldset { margin-left: 0; margin-right: 0; } .admin__scope-old .attribute-popup .fieldset > .field > input[type="checkbox"] { margin-top: 7px; } .admin__scope-old .attribute-popup .fieldset .label { width: 35%; } .admin__scope-old .attribute-popup .admin__collapsible-block-wrapper .fieldset-wrapper-title, .admin__scope-old #manage-titles-wrapper .fieldset-wrapper-title { margin-bottom: 0; padding-bottom: 0; } .admin__scope-old .attribute-popup .admin__collapsible-block-wrapper .col-store-view .input-text, .admin__scope-old #manage-titles-wrapper .col-store-view .input-text { width: 100%; } .admin__scope-old .attribute-popup .admin__collapsible-block-wrapper .fieldset-wrapper-title > .title:before { color: #797269; font-size: 14px; top: 9px; } .admin__scope-old .attribute-popup form .entry-edit:first-child .fieldset { border-bottom: 1px solid #dfdcd7; } .admin__scope-old .attribute-popup .fieldset .legend { border: none; } .admin__scope-old .attribute-popup .page-actions [class^='action-'] { margin-left: 18px; } .admin__scope-old .attribute-popup #base_fieldset { padding-top: 20px; } .admin__scope-old .attribute-popup #base_fieldset > .legend { display: none; } .admin__scope-old .attribute-popup .page-actions-placeholder { display: none; } .admin__scope-old .attribute-popup .page-actions.fixed .page-actions-inner { background: #ffffff; padding: 0; min-width: 100%; max-width: 100%; min-height: 100%; margin: 0; } .admin__scope-old .attribute-popup .footer { display: none; } .admin__scope-old #manage-options-panel .admin__control-table { clear: both; } .admin__scope-old #manage-options-panel .input-text { width: 100%; } .admin__scope-old .CustomGridView .page-layout-admin-1column .page-columns { background: transparent; } .admin__scope-old .CustomGridAction .grid-actions { border-radius: 5px 5px 0 0; margin-top: 20px; padding: 9px 15px; } .admin__scope-old .CustomGridAction .page-actions.fixed { left: 0; margin: 0; padding: 0 21px; position: fixed; } .admin__scope-old .CustomGridAction .page-actions { position: absolute; z-index: 2; margin-top: 10px; margin-left: 15px; padding: 0; } .admin__scope-old .sidebar-actions { padding: 14px 0; } .admin__scope-old .sidebar-actions button { margin: 0 0 5px; } .admin__scope-old .data-table .fpt-item-container td { vertical-align: top; } .admin__scope-old .data-table .fpt-item-container select:first-child { margin-bottom: 8px; } .admin__scope-old .clearfix:before, .admin__scope-old .clearfix:after, .admin__scope-old [class$="-layout"]:after, .admin__scope-old .tabs-horiz:before, .admin__scope-old .tabs-horiz:after, .admin__scope-old .page-create-order:before, .admin__scope-old .page-create-order:after, .admin__scope-old .order-addresses:before, .admin__scope-old .order-addresses:after, .admin__scope-old .order-summary:before, .admin__scope-old .order-summary:after, .admin__scope-old .order-methods:before, .admin__scope-old .order-methods:after, .admin__scope-old .payment-methods:before, .admin__scope-old .payment-methods:after, .admin__scope-old .grid-actions:before, .admin__scope-old .grid-actions:after, .admin__scope-old .fieldset-wrapper-title:before, .admin__scope-old .fieldset-wrapper-title:after { content: ""; display: table; } .admin__scope-old .clearfix:after, .admin__scope-old [class$="-layout"]:after, .admin__scope-old .tabs-horiz:after, .admin__scope-old .page-create-order:after, .admin__scope-old .order-addresses:after, .admin__scope-old .order-summary:after, .admin__scope-old .order-methods:after, .admin__scope-old .payment-methods:after, .admin__scope-old .grid-actions:after, .admin__scope-old .fieldset-wrapper-title:after { clear: both; } .admin__scope-old .field-weight .control .field:first-child { width: 36%; margin-right: 15px; } .admin__scope-old #allow_open_amount { margin-top: 8px; } .admin__scope-old #tab_content_downloadableInfo .data-table td, .admin__scope-old #tab_content_downloadableInfo .admin__scope-old .accordion .config .data-table td { vertical-align: top; } .admin__scope-old #tab_content_downloadableInfo .data-table td .row, .admin__scope-old #tab_content_downloadableInfo .admin__scope-old .accordion .config .data-table td .row { margin-bottom: 10px; } .admin__scope-old #customer_info_tabs_account_content #_accountsendemail { margin-top: 8px; } .admin__scope-old .customer-information:before, .admin__scope-old .customer-information:after { content: ""; display: table; } .admin__scope-old .customer-information:after { clear: both; } .admin__scope-old .customer-information .admin__table-secondary, .admin__scope-old .customer-information address { width: 48.5%; } .admin__scope-old .customer-information .admin__table-secondary { float: left; width: 48.5%; } .admin__scope-old .customer-information address { float: right; line-height: 2.2; padding-top: 4px; } .admin__scope-old .address-list { float: left; list-style: none; margin: 0 0 10px; padding: 0; width: 278px; } .admin__scope-old #row_design_theme_ua_regexp .design_theme_ua_regexp { float: left; width: 100%; } .admin__scope-old #row_design_theme_ua_regexp .tooltip { margin-top: 8px; } .admin__scope-old #row_design_theme_ua_regexp .note { clear: both; } .admin__scope-old .form-list .small-image-preview { display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .admin__scope-old .form-list .delete-image { display: block; margin: 5px 0; white-space: nowrap; } .admin__scope-old #row_system_adminnotification_last_update .value { vertical-align: bottom; } .admin__scope-old #banner_properties_customer_segment_ids { min-width: 20%; } .admin__scope-old .cms-hierarchy .cms-scope { float: right; margin-right: 25px; position: relative; top: 2px; z-index: 1; } .admin__scope-old .cms-hierarchy #tree-container { margin-top: 25px; overflow: auto; padding-bottom: 10px; } .admin__scope-old .cms-hierarchy .cms-hierarchy-tree { width: 48.93617020799999%; float: left; margin: 10px 0 8px 0; } .admin__scope-old .cms-hierarchy .cms-hierarchy-node { width: 48.93617020799999%; float: left; margin: 10px 0 8px 2.127659574%; } .admin__scope-old .cms-hierarchy #cms_page_grid_container { clear: both; } .admin__scope-old .cms-hierarchy .store-switcher { position: relative; top: 10px; } .admin__scope-old .cms-hierarchy .store-switcher label { margin-right: 8px; } .admin__scope-old .cms-hierarchy-node #node_properties_fieldset #node_preview { position: relative; top: 6px; } .admin__scope-old .cms-hierarchy-node .form-inline .label { width: 30%; } .admin__scope-old #widget_instace_tabs_properties_section_content .widget-option-label { margin-top: 7px; display: inline-block; } .admin__scope-old .cms-manage-content-actions textarea { width: 100%; } .admin__scope-old .adminhtml-logging-details .log-details-grid table th { border: 1px solid #c9c2b8; border-width: 0 0 1px; padding: 6px 10px 7px; background: #ffffff; color: #676056; font-size: 13px; font-weight: 600; } .admin__scope-old .adminhtml-logging-details .log-details-grid table th span { border: 0; padding: 0; } .admin__scope-old .adminhtml-logging-details .log-details-grid table td { border: none; padding: 6px 10px 7px; background: #ffffff; } .admin__scope-old .adminhtml-logging-details .log-details-grid table tr:last-child td { border: 1px solid #eae8e4; border-width: 0 0 1px; } .admin__scope-old .adminhtml-logging-details .log-details-grid table tr.on-mouse { cursor: inherit; } .admin__scope-old .adminhtml-logging-details .log-details-grid table tr:nth-child(odd) td, .admin__scope-old .adminhtml-logging-details .log-details-grid table tr.on-mouse:nth-child(odd):hover td { background: #fbfaf6; } .admin__scope-old #gws_container ul { padding: 0; margin: 0; list-style: none; } .admin__scope-old #gws_container ul ul { margin: .8em 0 .8em 1.4em; } .admin__scope-old #gws_container input[type="checkbox"] { margin-right: 3px; position: relative; top: -1px; } .admin__scope-old .reports-title .page-actions { float: right; } .admin__scope-old .reports-title .store-switcher { padding: 14px 0 18px; } .admin__scope-old .reports-content select { width: 160px; } .admin__scope-old .reports-content input._has-datepicker { width: 133px; } .admin__scope-old .reports-content .required .control { position: relative; } .admin__scope-old .reports-content input._has-datepicker + label.mage-error { left: 0; position: absolute; top: 30px; } .admin__scope-old .reports-title:before, .admin__scope-old .reports-title:after { content: ""; display: table; } .admin__scope-old .reports-title:after { clear: both; } .admin__scope-old .table-fieldset-alt, .admin__scope-old .type-options { margin-bottom: 20px; } .admin__scope-old .table-fieldset-alt thead th, .admin__scope-old .table-fieldset-alt tbody tr td { border-width: 0; } .admin__scope-old .table-fieldset-alt tbody tr:nth-child(odd) td, .admin__scope-old .table-fieldset-alt tbody tr:nth-child(odd):hover td { background: #ffffff; } .admin__scope-old .mselect-hidden + .mage-error { position: absolute; top: 100%; } .admin__scope-old .tag-title { overflow: hidden; } .admin__scope-old .tag-title .page-actions { float: right; } .admin__scope-old .field-attributes_box .control-value { width: 100%; } .admin__scope-old #order-totals strong { color: #676056; font-size: 14px; font-weight: 700; } .admin__scope-old #order-billing-method-summary a, .admin__scope-old #order-shipping-method-summary a { color: #007dbd; font-size: 14px; font-weight: 400; } .admin__scope-old #order-billing-method-summary a:focus, .admin__scope-old #order-shipping-method-summary a:focus, .admin__scope-old #order-billing-method-summary a:hover, .admin__scope-old #order-shipping-method-summary a:hover { text-decoration: underline; } .admin__scope-old .customer-current-activity-inner { padding: 18px; } .admin__scope-old .customer-current-activity .action-refresh { float: right; } .admin__scope-old .customer-current-activity .action-refresh:hover { text-decoration: none; } .admin__scope-old .order-currency { padding: 18px; } .admin__scope-old .order-details-existing-customer { background: #ffffff; padding-left: 0; position: relative; width: 77.9%; float: right; } .admin__scope-old #order-data .order-account-information { float: none; width: auto; } .admin__scope-old #order-data .actions .action-add, .admin__scope-old #order-data .actions .action-delete, .admin__scope-old #order-customer-selector .actions .action-add { margin: 0 0 0 20px; } .admin__scope-old #order-data .order-methods ul, .admin__scope-old #order-data .payment-methods ul { list-style: none; margin: 0; padding: 0; } .admin__scope-old #order-data .order-methods dl, .admin__scope-old #order-data .order-methods dt, .admin__scope-old #order-data .order-methods dd, .admin__scope-old #order-data .payment-methods dl, .admin__scope-old #order-data .payment-methods dt, .admin__scope-old #order-data .payment-methods dd { margin: 0; padding: 0; } .admin__scope-old #order-data .order-methods dd + dt, .admin__scope-old #order-data .payment-methods dd + dt { margin-top: 17px; } .admin__scope-old #order-data .order-methods dt, .admin__scope-old #order-data .payment-methods dt { margin: 0 0 8px; } .admin__scope-old .order-account-information .admin__fieldset-wrapper-title { margin: 0 0 18px; padding: 12px 0 14px; } .admin__scope-old .order-account-information .admin__fieldset-wrapper-title .title { margin: 0; } .admin__scope-old .order-gift-options { padding: 0 18px; } .admin__scope-old .order-coupons .box-left, .admin__scope-old .order-gift-options .box-left { float: left; width: 49%; } .admin__scope-old .order-coupons .box-right, .admin__scope-old .order-gift-options .box-right { float: right; width: 49%; } .admin__scope-old .order-gift-options .box-left:last-child, .admin__scope-old .order-gift-options .fieldset-wrapper-title + .box-right { float: none; width: auto; } .admin__scope-old .order-coupons .content .action- { vertical-align: top; } .admin__scope-old .order-coupons .content input[type="text"] { height: 28px; } .admin__scope-old .order-gift-options fieldset { border-radius: 5px; } .admin__scope-old .order-gift-options .gift-wrapping-form select { margin-left: 10px; } .admin__scope-old .order-gift-options .giftmessage-whole-order-container textarea { height: 6em; width: 100%; } .admin__scope-old .order-gift-options .giftmessage-whole-order-container .actions { margin-left: 20%; } .admin__scope-old .ui-dialog.gift-options-popup .ui-dialog-content { padding: 25px; } .admin__scope-old .ui-dialog.gift-options-popup .ui-dialog-content h4 { margin: 0 0 17px; } .admin__scope-old .gift-options-tooltip { background: #ffffff; border-radius: 5px; padding: 10px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .admin__scope-old #order-data .box-left fieldset, .admin__scope-old #order-data .box-right fieldset { border-radius: 5px; } .admin__scope-old .adminhtml-rma-new .order-totals { float: none; width: 100%; } .admin__scope-old #order-data .page-actions { padding-top: 0; } .admin__scope-old .create-order-sidebar-container > div + div { border-top: 1px solid #cac3b4; margin-top: 35px; } .admin__scope-old .create-order-sidebar-container > div .head h5 { color: #676056; font-size: 14px; font-weight: 400; margin: 17px 0 17px; } .admin__scope-old .customer-current-activity-inner > h4 { color: #676056; font-size: 20px; font-weight: 400; border-bottom: 1px solid #cac3b4; margin-top: 0; padding: 0 0 16px; } .admin__scope-old .customer-current-activity-inner .auto-scroll { margin-right: -18px; margin-left: -18px; } .admin__scope-old .customer-current-activity-inner .auto-scroll .no-items { padding: 5px 18px; display: block; } .admin__scope-old .customer-current-activity-inner .data-table thead, .admin__scope-old .customer-current-activity-inner .admin__scope-old .accordion .config .data-table thead th, .admin__scope-old .customer-current-activity-inner .admin__scope-old .accordion .config .data-table tfoot td { background-color: transparent; } .admin__scope-old .customer-current-activity-inner .data-table thead th, .admin__scope-old .customer-current-activity-inner .admin__scope-old .accordion .config .data-table thead th th, .admin__scope-old .customer-current-activity-inner .admin__scope-old .accordion .config .data-table tfoot td th { background-color: transparent; color: #676056; font-size: 13px; font-weight: 400; border: 0; } .admin__scope-old .customer-current-activity-inner .data-table thead th:first-child, .admin__scope-old .customer-current-activity-inner .admin__scope-old .accordion .config .data-table thead th th:first-child, .admin__scope-old .customer-current-activity-inner .admin__scope-old .accordion .config .data-table tfoot td th:first-child { padding-left: 18px; } .admin__scope-old .customer-current-activity-inner .data-table thead th:last-child, .admin__scope-old .customer-current-activity-inner .admin__scope-old .accordion .config .data-table thead th th:last-child, .admin__scope-old .customer-current-activity-inner .admin__scope-old .accordion .config .data-table tfoot td th:last-child { padding-right: 18px; } .admin__scope-old .customer-current-activity-inner .data-table tbody tr td { background-color: transparent; border: 0; } .admin__scope-old .customer-current-activity-inner .data-table tbody tr td:first-child { padding-left: 18px; } .admin__scope-old .customer-current-activity-inner .data-table tbody tr td:first-child { padding-right: 18px; } .admin__scope-old .customer-current-activity-inner .data-table tbody tr:nth-child(2n + 1) td { background: #e0dace; } .admin__scope-old .customer-current-activity .action-refresh { float: right; } .admin__scope-old .customer-current-activity .action-refresh, .admin__scope-old .customer-current-activity .data-table .icon { display: inline-block; text-indent: 100%; overflow: hidden; height: 16px; width: 16px; line-height: 16px; white-space: nowrap; } .admin__scope-old .customer-current-activity .action-refresh:before, .admin__scope-old .customer-current-activity .data-table .icon:before { content: "\e010"; color: #c3c2be; display: block; text-indent: 0; font-size: 16px; line-height: 16px; font-family: 'MUI-Icons'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; } .admin__scope-old .customer-current-activity .data-table .icon-remove:before { content: "\e07f"; } .admin__scope-old .customer-current-activity .data-table .icon-add:before { content: "\e071"; } .admin__scope-old .customer-current-activity .auto-scroll { color: #676056; font-size: 13px; font-weight: 400; overflow: auto; max-height: 150px; } .admin__scope-old .customer-current-activity .auto-scroll + button { margin: 22px 0 0; } .admin__scope-old .customer-current-activity .actions { border-top: none; margin: 20px 0 0; padding: 0; } .admin__scope-old .overlay { background: rgba(255, 255, 255, 0.5); border-radius: 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .admin__scope-old .overlay span { color: #111; font-weight: bold; position: absolute; top: 56px; left: 0; margin: 0 8px; padding: 10px; background: #ffffff; } .admin__scope-old .note-list { list-style: none; padding: 0; } .admin__scope-old .note-list li { border-top: 1px solid #ededed; padding: 9px 0; } .admin__scope-old .note-list li:first-child { border: 0; padding-top: 13px; } .admin__scope-old .note-list div { font-size: 12px; } .admin__scope-old .note-list .note-list-date, .admin__scope-old .note-list .note-list-status, .admin__scope-old .note-list .note-list-customer span { font-weight: bold; } .admin__scope-old .note-list .note-list-time, .admin__scope-old .note-list .note-list-status { border-right: 1px solid #676056; padding: 0 5px 0 0; margin: 0 5px 0 0; } .admin__scope-old .note-list .note-list-customer { white-space: nowrap; } .admin__scope-old .note-list .note-list-comment { margin: 5px 0 0; } .admin__scope-old .note-list .note-list-customer-notapplicable { color: #d87e34; } .admin__scope-old .note-list .note-list-customer-notified { color: #185b00; } .admin__scope-old .note-list .note-list-customer-not-notified { color: #963535; } .admin__scope-old .adminhtml-rma-item-attribute-edit .col-position input { text-align: center; } .admin__scope-old .order-subtotal .label { text-align: right; } .admin__scope-old .items-to-invoice { border: 1px solid #c0bbaf; margin-top: 13px; width: 100%; } .admin__scope-old .items-to-invoice td, .admin__scope-old table.items-to-invoice tbody tr:hover td { background-color: #e6e3de; border: 0; text-align: center; } .admin__scope-old .items-to-invoice .grand-total { color: #19a3d1; font-weight: bold; } .admin__scope-old .creditmemo-totals .data-table input[type="text"] { text-align: right; width: 60px; } .admin__scope-old .col-product .product_to_add { float: right; } .admin__scope-old .field-refund-store-credit .input-text { text-align: right; width: 60px; } .admin__scope-old #popup-window-mask, .admin__scope-old .popup-window-mask { background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .admin__scope-old .grid .popup-window { text-align: left; } .admin__scope-old .grid tr.on-mouse td .popup-window .data-table tbody tr:nth-child(2n+1) td, .admin__scope-old .grid table tbody tr.on-mouse:nth-child(odd):hover td .popup-window .data-table tbody tr:nth-child(2n+1) td, .admin__scope-old .grid table tbody tr.on-mouse:nth-child(odd):hover td .popup-window .data-table tbody tr:nth-child(2n+1):hover td, .admin__scope-old .grid table tbody tr.on-mouse:nth-child(2n+1):hover td .popup-window .data-table tbody tr:nth-child(2n+1) td, .admin__scope-old .grid table tbody tr.on-mouse:nth-child(2n+1):hover td .popup-window .data-table tbody tr:nth-child(2n+1):hover td, .admin__scope-old .grid table tbody tr.on-mouse:hover td .popup-window .data-table tbody tr:nth-child(2n+1), .admin__scope-old .grid table tbody tr.on-mouse:hover th .popup-window .data-table tbody tr:nth-child(2n+1) { background-color: #fbfaf6; } .admin__scope-old .grid .popup-window { text-align: left; } .admin__scope-old .popup-window-buttons-set { text-align: right; padding: 25px; } .admin__scope-old .popup-window-title { background: #f3efea; padding: 19px 20px; } .admin__scope-old .popup-window-title .title { color: #676056; display: block; font-size: 20px; line-height: 1; } .admin__scope-old .popup-window-title .actions { float: right; } .admin__scope-old .popup-window-content { padding: 25px 25px 0; } .admin__scope-old .popup-window-content > ul { list-style: none; padding: 0; } .admin__scope-old .sp-methods > dt { font-weight: bold; } .admin__scope-old .sp-methods > dd { margin: 5px 0 5px 15px; } .admin__scope-old .sp-methods > dd > ul { list-style: none; padding: 0; } .admin__scope-old #product_composite_configure_messages { margin-left: 0 !important; padding: 10px 15px; } .admin__scope-old .rma-popup, .admin__scope-old .cms-popup { background: #ffffff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); cursor: default; position: fixed; left: 50%; top: 50%; z-index: 1000; } .admin__scope-old .rma-popup { width: 540px; margin: 0 0 0 -271px; } .admin__scope-old .rma-popup .entry-edit .fieldset { border: none; } .admin__scope-old .rma-popup .validation-advice, .admin__scope-old .rma-popup label.mage-error { margin-left: 0; } .admin__scope-old .rma-popup .content { background: #ffffff; border-bottom: 1px solid #ccc; max-height: 400px; overflow: auto; } .admin__scope-old .rma-popup .content .grid { padding: 0; } .admin__scope-old .rma-popup .content .grid table { border-bottom: 1px solid #cbd3d4; } .admin__scope-old .rma-popup .product-options { border-bottom: 1px solid #e7e7e7; margin: 0 0 15px; padding: 0 0 12px; } .admin__scope-old .rma-popup .product-options .required { color: #333 !important; font-weight: normal !important; } .admin__scope-old .rma-popup .product-options .required em { color: #d40707; } .admin__scope-old .rma-popup .last-fieldset .product-options { border: 0 none; margin-bottom: 0; padding-bottom: 0; } .admin__scope-old .rma-popup .buttons-set { text-align: right; margin: 0; overflow: hidden; padding: 7px 10px 8px; } .admin__scope-old .rma-popup .buttons-set { width: 518px; } .admin__scope-old .cms-popup .buttons-set { width: 289px; } .admin__scope-old .rma-popup .buttons-set button { margin: 0 0 0 5px; } .admin__scope-old .grid .rma-popup .form-list tr, .admin__scope-old .grid tr.even .rma-popup .form-list tr, .admin__scope-old .grid tr.on-mouse .rma-popup .form-list tr { background: #ffffff !important; } .admin__scope-old .adminhtml-urlrewrite-edit .field-entity-type-selector .label { width: auto; } .admin__scope-old .fieldset .field-coupon_code, .admin__scope-old .fieldset .field-rule_use_auto_generation { margin-bottom: 0; } .admin__scope-old .field-rule_use_auto_generation .label { margin-left: 5px; } .admin__scope-old .field-rule_use_auto_generation .nested { margin-bottom: 29px; } .admin__scope-old #catalog_placeholder .input-file, .admin__scope-old #catalog_placeholder .delete-image > input { margin-right: 5px; } .admin__scope-old .control > [name="product[url_key_create_redirect]"], .admin__scope-old .control > [name="general[url_key_create_redirect]"] { float: left; margin: 8px 5px 0 0; } .admin__scope-old .control > [name="product[url_key_create_redirect]"] + .label, .admin__scope-old .control > [name="general[url_key_create_redirect]"] + .label { width: auto; padding-top: 8px; } .admin__scope-old .field-skeleton_set .select { width: 100%; } .admin__scope-old #affected-attribute-set-form .fieldset .field { margin-bottom: 12px; } .admin__scope-old #affected-attribute-set-form .fieldset .field:last-child { margin-bottom: 0; } .admin__scope-old .additional-cache-management .label { margin-top: 5px; } .admin__scope-old .category-content .form-inline.permissions-custom-options .messages li { margin-top: 0; } .admin__scope-old .category-content .form-inline.permissions-custom-options .data-table { margin-bottom: 25px; } .admin__scope-old .lt-1280 .adminhtml-reminder-edit #customerGrid .grid .filter .range div.date { min-width: 0; } .admin__scope-old .checkout-index-index .products-search { margin-top: 35px; } .admin__scope-old .checkout-index-index .products-search > .actions { text-align: right; margin: 10px 0; } .admin__scope-old .checkout-index-index .shopping-cart-items > .actions { margin-bottom: 15px; } .admin__scope-old .checkout-index-index .shopping-cart-items .box-left, .admin__scope-old .checkout-index-index .shopping-cart-items .box.right { width: 49%; } .admin__scope-old .checkout-index-index .shopping-cart-items .box-left fieldset, .admin__scope-old .checkout-index-index .shopping-cart-items .box.right fieldset { border-radius: 5px; } .admin__scope-old .checkout-index-index .shopping-cart-items .box-left { float: left; } .admin__scope-old .checkout-index-index .shopping-cart-items .box.right { float: right; } .admin__scope-old .checkout-index-index .grid table .action-configure { float: right; } .admin__scope-old .shopping-cart-items:before, .admin__scope-old .shopping-cart-items:after, .admin__scope-old .image-panel:before, .admin__scope-old .image-panel:after, .admin__scope-old .images:before, .admin__scope-old .images:after, .admin__scope-old .tax-rate-popup .field:before, .admin__scope-old .tax-rate-popup .field:after, .admin__scope-old .clearfix:before, .admin__scope-old .clearfix:after, .admin__scope-old #tab_content_downloadableInfo .data-table td .row:before, .admin__scope-old #tab_content_downloadableInfo .data-table td .row:after, .admin__scope-old #tab_content_downloadableInfo .admin__scope-old .accordion .config .data-table td .row:before, .admin__scope-old #tab_content_downloadableInfo .admin__scope-old .accordion .config .data-table td .row:after { content: ""; display: table; } .admin__scope-old .shopping-cart-items:after, .admin__scope-old .image-panel:after, .admin__scope-old .images:after, .admin__scope-old .tax-rate-popup .field:after, .admin__scope-old .clearfix:after, .admin__scope-old #tab_content_downloadableInfo .data-table td .row:after, .admin__scope-old #tab_content_downloadableInfo .admin__scope-old .accordion .config .data-table td .row:after { clear: both; } .admin__scope-old .debug { border: 1px solid red !important; } .admin__scope-old .order-items .entry-edit-head .form-buttons { float: right; } .admin__scope-old .order-items .entry-edit-head .icon-head { display: inline; } .admin__scope-old .order-items .entry-edit-head { margin-bottom: 20px; } .admin__scope-old .order-items .entry-edit-head:before, .admin__scope-old .order-items .entry-edit-head:after { content: ""; display: table; } .admin__scope-old .order-items .entry-edit-head:after { clear: both; } .admin__scope-old .import-export-tax-rates input[type=file] { margin-right: 10px; } .admin__scope-old .import-tax-rates, .admin__scope-old .export-tax-rates { float: left; width: 48.9362%; } .admin__scope-old .export-tax-rates { margin-left: 2.12766%; } .admin__scope-old .import-export-tax-rates:before, .admin__scope-old .import-export-tax-rates:after { content: ""; display: table; } .admin__scope-old .import-export-tax-rates:after { clear: both; } .admin__scope-old .tier { margin: 20px 0 0; } .admin__scope-old .attribute-set-col { display: block; float: left; margin-left: 2.127659574%; -moz-box-sizing: border-box; box-sizing: border-box; width: 31.9149%; } .admin__scope-old .edit-attribute-set, .admin__scope-old .attribute-set-col:first-child { margin-left: 0; } .admin__scope-old .attribute-set-tree { margin-top: 5px; overflow: auto; height: 400px; width: 100%; } .admin__scope-old .attribute-set:before, .admin__scope-old .attribute-set:after { content: ""; display: table; } .admin__scope-old .attribute-set:after { clear: both; } .admin__scope-old .catalog-category-edit .category-edit-title { float: left; } .admin__scope-old .rule-tree-wrapper { line-height: 28px; } .admin__scope-old .rule-tree .fieldset { min-width: 0; } @-moz-document url-prefix() { .rule-tree .fieldset { display: table-cell; } } .admin__scope-old .rule-tree ul { list-style: none; padding-left: 16px; border-left: dotted 1px #888; } .admin__scope-old .rule-tree li { margin: 0 0 10px; } .admin__scope-old .rule-tree .x-tree ul { padding-left: 0 !important; border-left: none !important; } .admin__scope-old .rule-tree ._has-datepicker + .ui-datepicker-trigger { position: static; } .admin__scope-old .rule-param .label { color: #000000; float: none; text-align: left; padding: 0; vertical-align: baseline; width: auto; } .admin__scope-old .rule-param .label-disabled { color: #eee; cursor: default; text-decoration: none; } .admin__scope-old .rule-chooser, .admin__scope-old .rule-param .element, .admin__scope-old .rule-param-edit .label { display: none; } .admin__scope-old .rule-chooser .field-row { display: block; margin-bottom: 17px; } .admin__scope-old .rule-chooser .field-row:before, .admin__scope-old .rule-chooser .field-row:after { content: ''; display: table; } .admin__scope-old .rule-chooser .field-row:after { clear: both; } .admin__scope-old .rule-chooser .field-row .input-text { margin-top: 5px; } .admin__scope-old .rule-chooser .field-row .ui-datepicker-trigger { margin-left: 5px; margin-top: -2px; } .admin__scope-old .rule-param input, .admin__scope-old .rule-param select { width: auto !important; margin: 0; min-width: 170px; } .admin__scope-old .rule-param-edit .element { display: inline; position: relative; } .admin__scope-old .rule-param-edit .element input.input-date, .admin__scope-old .rule-param-edit .element input.input-date[readonly] { background-color: #ffffff; min-width: 140px; width: 140px !important; cursor: pointer; text-align: center; opacity: 1; margin-right: 10px; padding-right: 40px; } .admin__scope-old .rule-param-edit .element input.input-date + .ui-datepicker-trigger, .admin__scope-old .rule-param-edit .element input.input-date[readonly] + .ui-datepicker-trigger { position: absolute; width: 140px; text-align: right; left: 0; } .admin__scope-old .rule-param-edit .element .addafter { padding-left: 5px; } .admin__scope-old [class^="rule-param-"] img, .admin__scope-old .rule-chooser-trigger img { vertical-align: middle; } .admin__scope-old .rule-chooser { border: solid 1px #CCC; margin: 20px; padding: 15px 10px; overflow: auto; } .admin__scope-old .rule-param-wait { background: url(../mui/images/ajax-loader-small.gif) no-repeat left center; padding-left: 20px; } .admin__scope-old .field-entity-type-selector { padding-top: 13px; } .admin__scope-old .link-copyright { display: none; } .admin__scope-old .mage-suggest { text-align: left; box-sizing: border-box; position: relative; display: inline-block; vertical-align: top; width: 100%; background-color: #ffffff; border: 1px solid #ada89e; border-radius: 2px; } .admin__scope-old .mage-suggest:after { position: absolute; top: 3px; right: 3px; bottom: 0; width: 22px; text-align: center; font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: '\e01f'; font-size: 18px; color: #b2b2b2; } .admin__scope-old .mage-suggest input[type="search"], .admin__scope-old .mage-suggest input.search { width: 100%; border: none; background: none; padding-right: 30px; } .admin__scope-old .mage-suggest.category-select input[type="search"], .admin__scope-old .mage-suggest.category-select input.search { height: 26px; } .admin__scope-old .search-global-field .mage-suggest { position: static; display: block; width: auto; background-color: transparent; border: none; border-radius: 0; } .admin__scope-old .search-global-field .mage-suggest:after { display: none; } .admin__scope-old .mage-suggest-dropdown { position: absolute; left: 0; right: 0; top: 100%; margin: 1px -1px 0 -1px; border: 1px solid #cac2b5; background: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 990; } .admin__scope-old .mage-suggest-dropdown ul { margin: 0; padding: 0; list-style: none; } .admin__scope-old .mage-suggest-dropdown li { border-bottom: 1px solid #e5e5e5; padding: 0; } .admin__scope-old .mage-suggest-dropdown li a { display: block; } .admin__scope-old .mage-suggest-dropdown li a.ui-state-focus { background: #f5f5f5; } .admin__scope-old .mage-suggest-dropdown li a, .admin__scope-old .mage-suggest-dropdown .jstree li a:hover, .admin__scope-old .mage-suggest-dropdown .jstree .jstree-hovered, .admin__scope-old .mage-suggest-dropdown .jstree .jstree-clicked { padding: 6px 12px 5px; text-decoration: none; color: #333; height: inherit !important; } .admin__scope-old .mage-suggest-dropdown .jstree li a:hover, .admin__scope-old .mage-suggest-dropdown .jstree .jstree-hovered, .admin__scope-old .mage-suggest-dropdown .jstree .jstree-clicked { border: none; } .admin__scope-old .mage-suggest-dropdown .jstree li { border-bottom: 0; } .admin__scope-old .mage-suggest-dropdown .jstree li a { display: inline-block; } .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-selected > a { color: #000000; background: #F1FFEB; } .admin__scope-old .field-category_ids .mage-suggest-dropdown, .admin__scope-old .field-new_category_parent .mage-suggest-dropdown { max-height: 200px; overflow: auto; } .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-selected > a:hover, .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-selected > .jstree-hovered, .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-selected > .jstree-clicked, .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-selected.mage-suggest-not-active > .jstree-hovered, .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-selected.mage-suggest-not-active > .jstree-clicked { background: #E5FFD9; } .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-not-active > a { color: #D4D4D4; } .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-not-active > a:hover, .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-not-active > .jstree-hovered, .admin__scope-old .mage-suggest-dropdown .jstree .mage-suggest-not-active > .jstree-clicked { background: #F5F5F5; } .admin__scope-old .mage-suggest-dropdown .category-path { font-size: 11px; margin-left: 10px; color: #9ba8b5; } .admin__scope-old .suggest-expandable .action-dropdown .action-toggle { display: inline-block; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: none; border: none; box-shadow: none; color: #676056; font-size: 12px; padding: 5px 4px; filter: none; } .admin__scope-old .suggest-expandable .action-dropdown .action-toggle span { display: inline; } .admin__scope-old .suggest-expandable .action-dropdown .action-toggle:before { display: block; float: right; margin-left: 4px; font-size: 13px; color: #b2b0ad; } .admin__scope-old .suggest-expandable .action-dropdown .action-toggle:hover:before { color: #7e7e7e; } .admin__scope-old .suggest-expandable .dropdown-menu { margin: 1px 0 0; left: 0; right: auto; width: 245px; z-index: 4; } .admin__scope-old .suggest-expandable .mage-suggest { border: none; border-radius: 3px 3px 0 0; } .admin__scope-old .suggest-expandable .mage-suggest:after { top: 10px; right: 8px; } .admin__scope-old .suggest-expandable .mage-suggest-inner .title { margin: 0; padding: 0 10px 4px; text-transform: uppercase; color: #a6a098; font-size: 12px; border-bottom: 1px solid #e5e5e5; } .admin__scope-old .suggest-expandable .mage-suggest-inner > input[type="search"], .admin__scope-old .suggest-expandable .mage-suggest-inner > input.search { position: relative; margin: 6px 5px 5px; padding-right: 20px; border: 1px solid #ada89e; width: 236px; z-index: 1; } .admin__scope-old .suggest-expandable .mage-suggest-inner > input.ui-autocomplete-loading, .admin__scope-old .suggest-expandable .mage-suggest-inner > input.mage-suggest-state-loading { background: #ffffff url("../mui/images/ajax-loader-small.gif") no-repeat 190px 50%; } .admin__scope-old .suggest-expandable .mage-suggest-dropdown { margin-top: 0; border-top: 0; border-radius: 0 0 3px 3px; max-height: 300px; overflow: auto; width: 100%; float: left; } .admin__scope-old .suggest-expandable .mage-suggest-dropdown ul { margin: 0; padding: 0; list-style: none; } .admin__scope-old .suggest-expandable .action-show-all:hover, .admin__scope-old .suggest-expandable .action-show-all:active, .admin__scope-old .suggest-expandable .action-show-all:focus, .admin__scope-old .suggest-expandable .action-show-all[disabled] { border-top: 1px solid #e5e5e5; display: block; width: 100%; padding: 8px 10px 10px; text-align: left; font: 12px/1.333 Arial, Verdana, sans-serif; color: #676056; } .admin__scope-old .product-actions .suggest-expandable { max-width: 500px; float: left; margin-top: 1px; } .admin__scope-old .page-actions.fixed #product-template-suggest-container { display: none; } .admin__scope-old .catalog-category-edit.page-layout-admin-2columns-left .page-columns:before { display: none; } .admin__scope-old .category-content .ui-tabs-panel .fieldset { padding-top: 40px; } .admin__scope-old .category-content .ui-tabs-panel .fieldset .legend { display: none; } .admin__scope-old .attributes-edit-form .field .addon { display: block; position: relative; } .admin__scope-old .attributes-edit-form .field:not(.field-weight) .addon input[type="text"] { border-width: 1px; } .admin__scope-old .attributes-edit-form .field:not(.field-weight) .addon .addafter { display: block; border: 0; height: auto; width: auto; } .admin__scope-old .attributes-edit-form .field:not(.field-weight) .addon input:focus ~ .addafter { box-shadow: none; } .admin__scope-old .attributes-edit-form .field.field-weight .addon .addafter { border-width: 0; } .admin__scope-old .attributes-edit-form .with-addon .textarea { margin: 0; } .admin__scope-old .attributes-edit-form .attribute-change-checkbox { background: #ffffff; display: block; margin-top: 5px; } .admin__scope-old .attributes-edit-form .attribute-change-checkbox .label { float: none; padding: 0; width: auto; } .admin__scope-old .attributes-edit-form .field-price label.mage-error { position: static; } .admin__scope-old .attributes-edit-form .field-price:not(.field-weight) .addon, .admin__scope-old .attributes-edit-form .field-special_price:not(.field-weight) .addon, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon, .admin__scope-old .attributes-edit-form .field-msrp:not(.field-weight) .addon, .admin__scope-old .attributes-edit-form .field-cost:not(.field-weight) .addon, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; color: #303030; display: inline-flex; flex-flow: row nowrap; margin: 0 0 35px; position: relative; width: 100%; z-index: 1; } .admin__scope-old .attributes-edit-form .field-price:not(.field-weight) .addon._update-attributes-disabled, .admin__scope-old .attributes-edit-form .field-special_price:not(.field-weight) .addon._update-attributes-disabled, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon._update-attributes-disabled, .admin__scope-old .attributes-edit-form .field-msrp:not(.field-weight) .addon._update-attributes-disabled, .admin__scope-old .attributes-edit-form .field-cost:not(.field-weight) .addon._update-attributes-disabled, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon._update-attributes-disabled { background: #f4f4f4; border-color: #d6d6d6; } .admin__scope-old .attributes-edit-form .field-price:not(.field-weight) .addon._update-attributes-disabled .addafter strong, .admin__scope-old .attributes-edit-form .field-special_price:not(.field-weight) .addon._update-attributes-disabled .addafter strong, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon._update-attributes-disabled .addafter strong, .admin__scope-old .attributes-edit-form .field-msrp:not(.field-weight) .addon._update-attributes-disabled .addafter strong, .admin__scope-old .attributes-edit-form .field-cost:not(.field-weight) .addon._update-attributes-disabled .addafter strong, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon._update-attributes-disabled .addafter strong { opacity: .5; } .admin__scope-old .attributes-edit-form .field-price:not(.field-weight) .addon input[type="text"], .admin__scope-old .attributes-edit-form .field-special_price:not(.field-weight) .addon input[type="text"], .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon input[type="text"], .admin__scope-old .attributes-edit-form .field-msrp:not(.field-weight) .addon input[type="text"], .admin__scope-old .attributes-edit-form .field-cost:not(.field-weight) .addon input[type="text"], .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon input[type="text"] { border: solid #adadad; border-width: 1px 1px 1px 0; } .admin__scope-old .attributes-edit-form .field-price:not(.field-weight) .addon input[type="text"][disabled] + .addafter, .admin__scope-old .attributes-edit-form .field-special_price:not(.field-weight) .addon input[type="text"][disabled] + .addafter, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon input[type="text"][disabled] + .addafter, .admin__scope-old .attributes-edit-form .field-msrp:not(.field-weight) .addon input[type="text"][disabled] + .addafter, .admin__scope-old .attributes-edit-form .field-cost:not(.field-weight) .addon input[type="text"][disabled] + .addafter, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon input[type="text"][disabled] + .addafter { border-color: #d0d0d0; } .admin__scope-old .attributes-edit-form .field-price:not(.field-weight) .addon input[type="text"][disabled].mage-error + .addafter, .admin__scope-old .attributes-edit-form .field-special_price:not(.field-weight) .addon input[type="text"][disabled].mage-error + .addafter, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon input[type="text"][disabled].mage-error + .addafter, .admin__scope-old .attributes-edit-form .field-msrp:not(.field-weight) .addon input[type="text"][disabled].mage-error + .addafter, .admin__scope-old .attributes-edit-form .field-cost:not(.field-weight) .addon input[type="text"][disabled].mage-error + .addafter, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon input[type="text"][disabled].mage-error + .addafter { border-color: #eb8d8d !important; } .admin__scope-old .attributes-edit-form .field-price:not(.field-weight) .addon .addafter, .admin__scope-old .attributes-edit-form .field-special_price:not(.field-weight) .addon .addafter, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon .addafter, .admin__scope-old .attributes-edit-form .field-msrp:not(.field-weight) .addon .addafter, .admin__scope-old .attributes-edit-form .field-cost:not(.field-weight) .addon .addafter, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price:not(.field-weight) .addon .addafter { border: solid #adadad; border-width: 1px 0 1px 1px; } .admin__scope-old .attributes-edit-form .field-price ._update-attributes-disabled .admin__control-text, .admin__scope-old .attributes-edit-form .field-special_price ._update-attributes-disabled .admin__control-text, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price ._update-attributes-disabled .admin__control-text, .admin__scope-old .attributes-edit-form .field-msrp ._update-attributes-disabled .admin__control-text, .admin__scope-old .attributes-edit-form .field-cost ._update-attributes-disabled .admin__control-text, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price ._update-attributes-disabled .admin__control-text { background: none; } .admin__scope-old .attributes-edit-form .field-price .admin__control-text, .admin__scope-old .attributes-edit-form .field-special_price .admin__control-text, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .admin__control-text, .admin__scope-old .attributes-edit-form .field-msrp .admin__control-text, .admin__scope-old .attributes-edit-form .field-cost .admin__control-text, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .admin__control-text { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; background: none; border: 0; } .admin__scope-old .attributes-edit-form .field-price .control .admin__control-text[disabled], .admin__scope-old .attributes-edit-form .field-special_price .control .admin__control-text[disabled], .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .control .admin__control-text[disabled], .admin__scope-old .attributes-edit-form .field-msrp .control .admin__control-text[disabled], .admin__scope-old .attributes-edit-form .field-cost .control .admin__control-text[disabled], .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .control .admin__control-text[disabled] { background: none; } .admin__scope-old .attributes-edit-form .field-price .addafter, .admin__scope-old .attributes-edit-form .field-special_price .addafter, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .addafter, .admin__scope-old .attributes-edit-form .field-msrp .addafter, .admin__scope-old .attributes-edit-form .field-cost .addafter, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .addafter { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; position: relative; z-index: 0; } .admin__scope-old .attributes-edit-form .field-price .addafter strong, .admin__scope-old .attributes-edit-form .field-special_price .addafter strong, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .addafter strong, .admin__scope-old .attributes-edit-form .field-msrp .addafter strong, .admin__scope-old .attributes-edit-form .field-cost .addafter strong, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .addafter strong { padding-top: 4px; position: relative; vertical-align: top; z-index: 1; } .admin__scope-old .attributes-edit-form .field-price .addafter strong + strong, .admin__scope-old .attributes-edit-form .field-special_price .addafter strong + strong, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .addafter strong + strong, .admin__scope-old .attributes-edit-form .field-msrp .addafter strong + strong, .admin__scope-old .attributes-edit-form .field-cost .addafter strong + strong, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .addafter strong + strong { padding-left: 0; } .admin__scope-old .attributes-edit-form .field-price .attribute-change-checkbox, .admin__scope-old .attributes-edit-form .field-special_price .attribute-change-checkbox, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .attribute-change-checkbox, .admin__scope-old .attributes-edit-form .field-msrp .attribute-change-checkbox, .admin__scope-old .attributes-edit-form .field-cost .attribute-change-checkbox, .admin__scope-old .attributes-edit-form .field-gift_wrapping_price .attribute-change-checkbox { left: 0; position: absolute; top: 35px; } .admin__scope-old .attributes-edit-form .field.type-price input:focus + label, .admin__scope-old .attributes-edit-form .field-price input:focus + label, .admin__scope-old .attributes-edit-form .field-special_price input:focus + label, .admin__scope-old .attributes-edit-form .field-msrp input:focus + label, .admin__scope-old .attributes-edit-form .field-weight input:focus + label { box-shadow: none; } .admin__scope-old .attributes-edit-form .field-special_from_date > .control .input-text, .admin__scope-old .attributes-edit-form .field-special_to_date > .control .input-text, .admin__scope-old .attributes-edit-form .field-news_from_date > .control .input-text, .admin__scope-old .attributes-edit-form .field-news_to_date > .control .input-text, .admin__scope-old .attributes-edit-form .field-custom_design_from > .control .input-text, .admin__scope-old .attributes-edit-form .field-custom_design_to > .control .input-text { border-width: 1px; width: 130px; } .admin__scope-old .attributes-edit-form .field-weight .fields-group-2 .control { padding-right: 27px; } .admin__scope-old .attributes-edit-form .field-weight .fields-group-2 .control .addafter + .addafter { border-width: 1px 1px 1px 0; border-style: solid; height: 31px; right: 0; position: absolute; top: 0; } .admin__scope-old .attributes-edit-form .field-weight .fields-group-2 .control .addafter strong { line-height: 31px; } .admin__scope-old .attributes-edit-form .field-weight .fields-group-2 .control > input:focus + .addafter + .addafter { border-color: #007bdb; } .admin__scope-old .attributes-edit-form .fieldset > .addafter { display: none; } .admin__scope-old .advanced-inventory-edit .field.choice { display: block; margin: 3px 0 0; } .admin__scope-old .advanced-inventory-edit .field.choice .label { padding-top: 1px; } .admin__scope-old .product-actions:before, .admin__scope-old .product-actions:after { content: ''; display: table; } .admin__scope-old .product-actions:after { clear: both; } .admin__scope-old .product-actions .switcher { float: right; } .admin__scope-old #configurable-attributes-container .actions-select { display: inline-block; position: relative; } .admin__scope-old #configurable-attributes-container .actions-select:before, .admin__scope-old #configurable-attributes-container .actions-select:after { content: ''; display: table; } .admin__scope-old #configurable-attributes-container .actions-select:after { clear: both; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e607'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle:hover:after { color: inherit; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle:active:after { color: inherit; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle.active { display: inline-block; text-decoration: none; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e618'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle.active:hover:after { color: inherit; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle.active:active:after { color: inherit; } .admin__scope-old #configurable-attributes-container .actions-select ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .admin__scope-old #configurable-attributes-container .actions-select ul.dropdown li { margin: 0; padding: 3px 5px; } .admin__scope-old #configurable-attributes-container .actions-select ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .admin__scope-old #configurable-attributes-container .actions-select.active { overflow: visible; } .admin__scope-old #configurable-attributes-container .actions-select.active ul.dropdown { display: block; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle { background: #ffffff; border-radius: 0 1px 1px 0; border: 1px solid #ada89e; height: 33px; padding: 4px 5px; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle > span { display: inline-block; padding-top: 3px; } .admin__scope-old #configurable-attributes-container .actions-select .action.toggle:after { width: 14px; text-indent: -2px; } .admin__scope-old #configurable-attributes-container .actions-select ul.dropdown li:hover { background: #eef8fc; } .admin__scope-old #configurable-attributes-container .actions-select ul.dropdown a { color: #333; text-decoration: none; } .admin__scope-old #product-variations-matrix .actions-image-uploader { display: inline-block; position: relative; display: block; position: static; width: 70px; } .admin__scope-old #product-variations-matrix .actions-image-uploader:before, .admin__scope-old #product-variations-matrix .actions-image-uploader:after { content: ''; display: table; } .admin__scope-old #product-variations-matrix .actions-image-uploader:after { clear: both; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.split { float: left; margin: 0; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle { float: right; margin: 0; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle { padding: 6px 5px; display: inline-block; text-decoration: none; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 14px; color: inherit; content: '\e607'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle:hover:after { color: inherit; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle:active:after { color: inherit; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle.active { display: inline-block; text-decoration: none; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 14px; color: inherit; content: '\e618'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle.active:hover:after { color: inherit; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle.active:active:after { color: inherit; } .admin__scope-old #product-variations-matrix .actions-image-uploader ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .admin__scope-old #product-variations-matrix .actions-image-uploader ul.dropdown li { margin: 0; padding: 3px 5px; } .admin__scope-old #product-variations-matrix .actions-image-uploader ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .admin__scope-old #product-variations-matrix .actions-image-uploader.active { overflow: visible; } .admin__scope-old #product-variations-matrix .actions-image-uploader.active ul.dropdown { display: block; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle { padding: 0 3px; border: 1px solid #b7b2a7; background: #ffffff; border-radius: 0 1px 1px 0; border-left: none; height: 50px; float: left; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle.no-display { display: none; } .admin__scope-old #product-variations-matrix .actions-image-uploader .action.toggle:after { width: 12px; text-indent: -5px; } .admin__scope-old #product-variations-matrix .actions-image-uploader ul.dropdown { left: 0; margin-top: 50px; min-width: 0; top: auto; width: 100px; } .admin__scope-old #product-variations-matrix .actions-image-uploader ul.dropdown li:hover { background: #eef8fc; } .admin__scope-old #product-variations-matrix .actions-image-uploader ul.dropdown a { color: #333; text-decoration: none; } .admin__scope-old #product-variations-matrix .col-name { background-clip: padding-box; } .admin__scope-old #product-variations-matrix .action-choose { margin-left: 5px; position: absolute; } .admin__scope-old #product-variations-matrix input + .action-choose { top: 17px; } .admin__scope-old #product-variations-matrix .col-qty > input, .admin__scope-old #product-variations-matrix .col-weight > input { width: 5.5rem; } .admin__scope-old #product-variations-matrix .col-price .addon { direction: rtl; position: relative; width: auto; } .admin__scope-old #product-variations-matrix .col-price .addon .addafter { background: #ffffff; border-width: 1px 0 1px 1px; direction: ltr; height: 33px; left: 0; position: absolute; top: 0; width: 16px; } .admin__scope-old #product-variations-matrix .col-price .addon .addafter strong { background: none; top: 4px; } .admin__scope-old #product-variations-matrix .col-price .addon input { border-width: 1px 1px 1px 0; direction: ltr; margin-left: 16px; width: 100px; } .admin__scope-old #product-variations-matrix .col-price .addon input[disabled] + .addafter { background: #e8e8e8; } .admin__scope-old .debugging-hints .page-actions { position: relative; z-index: 1; } .admin__scope-old .debugging-hints .page-actions .debugging-hint-template-file { left: auto !important; right: 0 !important; } .admin__scope-old .filter-segments { list-style: none; padding: 0; } .admin__scope-old .adminhtml-report-customer-customersegment-detail .col-id { width: 35px; } .admin__scope-old .adminhtml-report-customer-customersegment-detail .col-period { white-space: nowrap; width: 70px; } .admin__scope-old .adminhtml-report-customer-customersegment-detail .col-zip { width: 50px; } .admin__scope-old .adminhtml-report-customer-customersegment-segment .col-id { width: 35px; } .admin__scope-old .adminhtml-report-customer-customersegment-segment .col-status { width: 65px; } .admin__scope-old .adminhtml-report-customer-customersegment-segment .col-qty { width: 145px; } .admin__scope-old .adminhtml-report-customer-customersegment-segment .col-segment, .admin__scope-old .adminhtml-report-customer-customersegment-segment .col-website { width: 35%; } .admin__scope-old .adminhtml-report-customer-customersegment-segment .col-select { width: 45px; } .admin__scope-old .giftregistry-custom-attributes { margin-bottom: 20px; } .admin__scope-old .adminhtml-giftwrapping-index th.col-id { text-align: left; } .admin__scope-old .adminhtml-giftwrapping-index .col-price { text-align: right; width: 50px; } .admin__scope-old .adminhtml-giftwrapping-index .col-actions { width: 50px; } .admin__scope-old .adminhtml-giftwrapping-index .col-select { width: 60px; } .admin__scope-old .adminhtml-giftwrapping-edit .field-image .control { line-height: 28px; } .admin__scope-old .adminhtml-giftwrapping-edit .field-image a { display: inline-block; margin: 0 5px 0 0; } .admin__scope-old .adminhtml-giftwrapping-edit .field-image img { vertical-align: middle; } .admin__scope-old .adminhtml-giftwrapping-new .field-image .input-file, .admin__scope-old .adminhtml-giftwrapping-edit .field-image .input-file { display: inline-block; margin: 0 15px 0 0; width: auto; } .admin__scope-old .adminhtml-giftwrapping-new .field-image .addafter, .admin__scope-old .adminhtml-giftwrapping-edit .field-image .addafter { border: 0; box-shadow: none; display: inline-block; height: auto; margin: 0 15px 0 0; width: auto; } .admin__scope-old .adminhtml-giftwrapping-new .field-image .delete-image, .admin__scope-old .adminhtml-giftwrapping-edit .field-image .delete-image { display: inline-block; white-space: nowrap; } .admin__scope-old .adminhtml-giftwrapping-edit .field-image .delete-image input { display: inline-block; margin: -3px 5px 0 0; width: auto; } .admin__scope-old .adminhtml-giftwrapping-edit .field-image .addon .delete-image input:focus + label { border: 0; box-shadow: none; } .admin__scope-old .adminhtml-giftwrapping-index .col-id { width: 35px; } .admin__scope-old .adminhtml-giftwrapping-index .col-status { white-space: normal; width: 75px; } .admin__scope-old .adminhtml-giftwrapping-index .col-websites { white-space: nowrap; width: 200px; } .admin__scope-old .adminhtml-giftwrapping-index .col-price .label { display: inline-block; min-width: 60px; white-space: nowrap; } .admin__scope-old .adminhtml-giftwrapping-index .col-price .price-excl-tax .price, .admin__scope-old .adminhtml-giftwrapping-index .col-price .price-incl-tax .price { font-weight: bold; } .admin__scope-old .invitee_information, .admin__scope-old .inviter_information { width: 48.9362%; } .admin__scope-old .invitee_information { float: left; } .admin__scope-old .inviter_information { float: right; } .admin__scope-old .invitation_information .data-table th, .admin__scope-old .invitee_information .data-table th, .admin__scope-old .inviter_information .data-table th { width: 20%; white-space: nowrap; } .admin__scope-old .invitation_information .data-table textarea, .admin__scope-old .invitation_information .data-table input { width: 100%; } .admin__scope-old .invitations-history ul { margin: 0; padding-left: 25px; } .admin__scope-old .invitations-history ul .status:before { content: '|'; display: inline-block; margin: 0 10px; } .admin__scope-old .adminhtml-report-invitation-order .col-period { white-space: nowrap; width: 70px; } .admin__scope-old .adminhtml-report-invitation-order .col-inv-sent, .admin__scope-old .adminhtml-report-invitation-order .col-inv-acc, .admin__scope-old .adminhtml-report-invitation-order .col-acc, .admin__scope-old .adminhtml-report-invitation-order .col-rate { text-align: right; width: 23%; } .admin__scope-old .adminhtml-report-invitation-customer .col-id { width: 35px; } .admin__scope-old .adminhtml-report-invitation-customer .col-period { white-space: nowrap; width: 70px; } .admin__scope-old .adminhtml-report-invitation-customer .col-inv-sent, .admin__scope-old .adminhtml-report-invitation-customer .col-inv-acc { text-align: right; width: 120px; } .admin__scope-old .adminhtml-report-invitation-index .col-period { white-space: nowrap; } .admin__scope-old .adminhtml-report-invitation-index .col-inv-sent, .admin__scope-old .adminhtml-report-invitation-index .col-inv-acc, .admin__scope-old .adminhtml-report-invitation-index .col-inv-disc, .admin__scope-old .adminhtml-report-invitation-index .col-inv-acc-rate, .admin__scope-old .adminhtml-report-invitation-index .col-inv-disc-rate { text-align: right; width: 19%; } .admin__scope-old .invitation_information .data-table, .admin__scope-old .invitee_information .data-table, .admin__scope-old .inviter_information .data-table { width: 100%; } .admin__scope-old .invitation_information .data-table tbody tr th, .admin__scope-old .invitee_information .data-table tbody tr th, .admin__scope-old .inviter_information .data-table tbody tr th { font-weight: bold; } .admin__scope-old .invitation_information .data-table tbody tr td, .admin__scope-old .invitation_information .data-table tbody tr th, .admin__scope-old .invitee_information .data-table tbody tr td, .admin__scope-old .invitee_information .data-table tbody tr th, .admin__scope-old .inviter_information .data-table tbody tr td, .admin__scope-old .inviter_information .data-table tbody tr th { background-color: #ffffff; border: 0; color: #666; padding: 9px 10px 10px; vertical-align: top; } .admin__scope-old .invitation_information .data-table tbody tr:nth-child(2n+1) td, .admin__scope-old .invitation_information .data-table tbody tr:nth-child(2n+1) th, .admin__scope-old .invitee_information .data-table tbody tr:nth-child(2n+1) td, .admin__scope-old .invitee_information .data-table tbody tr:nth-child(2n+1) th, .admin__scope-old .inviter_information .data-table tbody tr:nth-child(2n+1) td, .admin__scope-old .inviter_information .data-table tbody tr:nth-child(2n+1) th { background-color: #fbfaf6; } .admin__scope-old [class^=' adminhtml-giftregistry-'] .fieldset-wrapper-content .data-table .col-sort-order { width: 80px; } .admin__scope-old [class^=' adminhtml-giftregistry-'] .fieldset-wrapper-content .data-table td, .admin__scope-old [class^=' adminhtml-giftregistry-'] .fieldset-wrapper-content .admin__scope-old .accordion .config .data-table td { vertical-align: top; } .admin__scope-old [class^=' adminhtml-giftregistry-'] .fieldset-wrapper-content .data-table td select, .admin__scope-old [class^=' adminhtml-giftregistry-'] .fieldset-wrapper-content .admin__scope-old .accordion .config .data-table td select { display: block; width: 100%; } .admin__scope-old [class^=' adminhtml-giftregistry-'] .fieldset-wrapper-content .data-table td .input-radio.global-scope, .admin__scope-old [class^=' adminhtml-giftregistry-'] .fieldset-wrapper-content .admin__scope-old .accordion .config .data-table td .input-radio.global-scope { margin-top: 9px; } .admin__scope-old .sales-order-create-index .ui-dialog .content > .giftcard .field.text .input-text { width: 100%; } .admin__scope-old .sales-order-create-index .ui-dialog .content > .giftcard .note .price { font-weight: 600; } .admin__scope-old .sales-order-create-index .ui-dialog .content > .giftcard .note .price:before { content: ': '; } .admin__scope-old .sales-order-create-index .ui-dialog .content > .giftcard .fixed.amount .label:after { content: ': '; } .admin__scope-old .sales-order-create-index .ui-dialog .content > .giftcard .fixed.amount .control { display: inline-block; font-weight: 600; } .admin__scope-old .sales-order-create-index .ui-dialog .content > .giftcard .fixed.amount .control .control-value { margin: -2px 0 0; padding: 0; } .admin__scope-old .mage-dropdown-dialog.ui-dialog .ui-dialog-content { overflow: visible; } .admin__scope-old .mage-dropdown-dialog.ui-dialog .ui-dialog-buttonpane { padding: 0; } .admin__scope-old .mselect-items-wrapper button { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .admin__scope-old .mselect-items-wrapper button:focus, .admin__scope-old .mselect-items-wrapper button:active { background: none; border: none; } .admin__scope-old .mselect-items-wrapper button:hover { background: none; border: none; } .admin__scope-old .mselect-items-wrapper button.disabled, .admin__scope-old .mselect-items-wrapper button[disabled], fieldset[disabled] .admin__scope-old .mselect-items-wrapper button { pointer-events: none; opacity: 0.5; } .admin__scope-old .block.mselect-list .mselect-input { width: 100%; } .admin__scope-old .block.mselect-list .mselect-input-container .mselect-save { top: 4px; } .admin__scope-old .block.mselect-list .mselect-input-container .mselect-cancel { top: 4px; } .admin__scope-old .main-col { min-height: 20rem; } .admin__scope-old .icon-error { margin-left: 15px; color: #c00815; font-size: 11px; } .admin__scope-old .icon-error:before { font-family: 'MUI-Icons'; content: "\e086"; font-size: 13px; line-height: 13px; overflow: hidden; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle; text-align: center; margin: -1px 5px 0 0; } .admin__scope-old [class*="tab-nav-item"]:not(ul):active, .admin__scope-old [class*="tab-nav-item"]:not(ul):focus { box-shadow: none; outline: none; } .admin__scope-old .customer-index-edit .main-col { padding-left: 40px; } .admin__scope-old .tab-nav.block { margin-bottom: 40px; } .admin__scope-old .tab-nav.block:first-child { margin-top: 16px; } .admin__scope-old .tab-nav.block .block-title { padding: 7px 20px; } .admin__scope-old .tab-nav-items { padding: 0; border: 1px solid #d3d3d3; box-shadow: 0 0 4px rgba(50, 50, 50, 0.35); margin: 0 0 40px; background: #f7f7f7; } .admin__scope-old .tab-nav-item { padding: 0; list-style-type: none; border-bottom: 1px solid #e0e0e0; position: relative; margin: 0 15px; z-index: 1; } .admin__scope-old .tab-nav-item:last-child { border-bottom: 0; } .admin__scope-old .tab-nav-item.ui-state-active { z-index: 2; background: #ffffff; padding: 1px 14px; border: 2px solid #eb5202; margin: -1px; } .admin__scope-old .tab-nav-item.ui-state-active .tab-nav-item-link { padding: 13px 15px 13px; color: #eb5202; } .admin__scope-old .tab-nav-item.ui-tabs-loading { position: relative; z-index: 1; } .admin__scope-old .tab-nav-item.ui-tabs-loading:before { content: ""; display: block; position: absolute; z-index: 2; background: url('../images/loader-2.gif') no-repeat 50% 50%; background-size: 120px; width: 20px; height: 20px; top: 13px; left: -10px; } .admin__scope-old .tab-nav-item.ui-tabs-loading.ui-state-active:before { top: 12px; left: 4px; } .admin__scope-old .tab-nav-item-link { display: block; padding: 15px; color: #666666; line-height: 1; } .admin__scope-old .tab-nav-item-link:focus, .admin__scope-old .tab-nav-item-link:active, .admin__scope-old .tab-nav-item-link:hover { outline: 0; color: #eb5202; text-decoration: none; } .admin__scope-old .tab-nav-item-link.changed { font-style: italic; } .admin__scope-old .ui-state-active .tab-nav-item-link { color: #666666; font-weight: 600; } .admin__scope-old .listing-tiles { overflow: hidden; margin-top: -10px; margin-left: -10px; } .admin__scope-old .listing-tiles .listing-tile { background-color: #f2ebde; display: block; width: 238px; height: 200px; float: left; border: 1px solid #676056; margin-top: 10px; margin-left: 10px; border-radius: 4px; text-align: center; } .admin__scope-old .listing-tiles .listing-tile.disabled { border-color: red; } .admin__scope-old .listing-tiles .listing-tile.enabled { border-color: green; } .admin__scope-old .listing .disabled { color: red; } .admin__scope-old .listing .enabled { color: green; } .admin__scope-old .pager { text-align: left; padding-bottom: 10px; } .admin__scope-old .pager:before, .admin__scope-old .pager:after { content: ''; display: table; } .admin__scope-old .pager:after { clear: both; } .admin__scope-old .pager [data-part=left] { display: block; width: 45%; float: left; text-align: left; } .admin__scope-old .pager [data-part=right] { display: block; width: 45%; text-align: right; float: right; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .admin__scope-old .pager .action-next { cursor: pointer; } .admin__scope-old .pager .action-previous { cursor: pointer; } .admin__scope-old .grid-actions [data-part=search] { display: inline-block; margin: 0 30px; } .admin__scope-old .grid-actions [data-part=search] input[type=text] { vertical-align: bottom; width: 460px; } .admin__scope-old .grid .col-title { min-width: 90px; text-align: center; } .admin__scope-old .grid .actions-split { display: inline-block; position: relative; z-index: 100; } .admin__scope-old .grid .actions-split:before, .admin__scope-old .grid .actions-split:after { content: ''; display: table; } .admin__scope-old .grid .actions-split:after { clear: both; } .admin__scope-old .grid .actions-split.active .dropdown-menu { display: block; opacity: 1; visibility: visible; } .admin__scope-old .grid .actions-split .action-toggle, .admin__scope-old .grid .actions-split .action-default { float: left; margin: 0; } .admin__scope-old .grid .actions-split .action-default { margin-right: 3rem; } .admin__scope-old .grid .actions-split .action-toggle { border-left-color: rgba(0, 0, 0, 0.2); bottom: 0; padding-left: 0; padding-right: 3rem; position: absolute; right: 0; top: 0; } .admin__scope-old .grid .actions-split .action-toggle.active:after { transform: rotate(180deg); } .admin__scope-old .grid .actions-split .action-toggle:after { border-color: #645d53 transparent transparent transparent; border-style: solid; border-width: .5rem .5rem 0 .5rem; content: ''; height: 0; margin-top: -.25rem; position: absolute; right: 1rem; top: 50%; width: 0; } .admin__scope-old .grid .actions-split .action-toggle:hover:after { border-color: #48433c transparent transparent transparent; } .admin__scope-old .grid .actions-split .action-toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .admin__scope-old .grid .grid-actions { padding: 10px 0; } .admin__scope-old .grid .hor-scroll { padding-top: 10px; } .admin__scope-old .grid .select-box { display: inline-block; vertical-align: top; margin: -12px -10px -7px; padding: 12px 10px 7px; width: 100%; } .admin__scope-old .field .control input[type='text'][disabled], .admin__scope-old .field .control input[type='text'][disabled] ~ .addafter, .admin__scope-old .field .control select[disabled], .admin__scope-old .field .control select[disabled] ~ .addafter { background-color: #e9e9e9; border-color: #adadad; color: #303030; opacity: .5; cursor: not-allowed; } .admin__scope-old .attributes-edit-form .field .control input[type='text'][disabled] ~ .addafter, .admin__scope-old .attributes-edit-form .field .control select[disabled] ~ .addafter, .admin__scope-old .attributes-edit-form .field .control .attribute-change-checkbox { background: none; color: #676056; cursor: inherit; opacity: 1; } .admin__scope-old .attributes-edit-form .field .control input[type='text'][disabled] ~ .addafter strong, .admin__scope-old .attributes-edit-form .field .control select[disabled] ~ .addafter strong, .admin__scope-old .attributes-edit-form .field .control .attribute-change-checkbox strong { background: none; } .admin__scope-old .attributes-edit-form .weight-switcher { -webkit-flex-grow: 1; flex-grow: 1; margin-top: 18px; } .admin__scope-old .attributes-edit-form .weight-switcher .admin__control-switcher .label { display: block; float: none; text-align: left; width: auto; } .admin__scope-old .attributes-edit-form .weight-switcher .admin__control-switcher .admin__field-option { position: relative; } .admin__scope-old .attributes-edit-form .weight-switcher .admin__control-switcher .admin__control-radio { position: absolute; } .admin__scope-old .attributes-edit-form .weight-switcher .mage-error + .addafter + .admin__addon-suffix:before, .admin__scope-old .attributes-edit-form .weight-switcher .mage-error + .addafter + .admin__addon-suffix:hover:before { border-color: #e22626 !important; } .admin__scope-old .attributes-edit-form .weight-switcher .mage-error[disabled] { border-color: #eb8d8d !important; } .admin__scope-old .attributes-edit-form .field-weight .addon + .mage-error { margin-top: 14px; } .admin__scope-old .field .control input[type='text'][disabled] ~ .addafter strong, .admin__scope-old .field .control select[disabled] ~ .addafter strong { background-color: #e9e9e9; } .admin__scope-old .field-price.addon { direction: rtl; } .admin__scope-old .field-price.addon > * { direction: ltr; } .admin__scope-old .field-price.addon .addafter { border-width: 1px 0 1px 1px; border-radius: 2px 0 0 2px; } .admin__scope-old .field-price.addon input:first-child { border-radius: 0 2px 2px 0; } .admin__scope-old .field-price input[type="text"] { border-width: 1px 1px 1px 0; } .admin__scope-old .field-price input ~ label.addafter strong { margin-left: 2px; margin-right: -2px; } .admin__scope-old .field-price.addon > input { width: 99px; float: left; } .admin__scope-old .field-price .control { position: relative; } .admin__scope-old .field-price label.mage-error { position: absolute; left: 0; top: 30px; } .admin__scope-old .defaultSkin table.mceLayout td { background: #ffffff; } .admin__scope-old .defaultSkin td.mceToolbar { padding: 1px 0 0; } .admin__scope-old .ui-tabs-panel { border-top: 0; } .admin__scope-old #category_tab_content .ui-tabs-panel { border-top: 1px solid #adadad; } [class^=" catalog-product-"] .admin__scope-old .page-actions .action-back.mage-error, [class^=" newsletter-"] .admin__scope-old .page-actions .action-back.mage-error { color: #b57c72; } .catalog-product-new .admin__scope-old .user-defined.type-select select, .catalog-product-edit .admin__scope-old .user-defined.type-select select { width: 100%; } .customer-index-edit .admin__scope-old .grid tr.headings th > span { white-space: normal; } .adminhtml-system-config-edit .admin__scope-old .payflow-settings-notice, .adminhtml-system_config-edit .admin__scope-old .payflow-settings-notice { margin-top: 2rem; padding: 10px; } .adminhtml-system-config-edit .admin__scope-old .payflow-settings-notice .important-label, .adminhtml-system_config-edit .admin__scope-old .payflow-settings-notice .important-label { color: #e22626; font-size: 14px; font-weight: 700; } .adminhtml-system-config-edit .admin__scope-old .payflow-settings-notice ul.options-list strong, .adminhtml-system_config-edit .admin__scope-old .payflow-settings-notice ul.options-list strong { color: #676056; font-size: 14px; font-weight: 700; } .adminhtml-system-config-edit .admin__scope-old .pp-buttons-container .action-default, .adminhtml-system_config-edit .admin__scope-old .pp-buttons-container .action-default { display: inline-block; margin-bottom: 5px; } .adminhtml-system-backup-index .admin__scope-old .page-actions.fixed, .adminhtml-scheduled-operation-index .admin__scope-old .page-actions.fixed, .adminhtml-system-currency-index .admin__scope-old .page-actions.fixed, .adminhtml-system-currencysymbol-index .admin__scope-old .page-actions.fixed, .adminhtml-cache-index .admin__scope-old .page-actions.fixed, .adminhtml-system-store-index .admin__scope-old .page-actions.fixed, .sales-order-status-index .admin__scope-old .page-actions.fixed { background-image: none; padding: 0 21px; position: fixed; } .adminhtml-system-currency-index .admin__scope-old .page-actions.fixed .import-service { display: inline-block; float: none; } .adminhtml-cache-index .admin__scope-old .additional-cache-management { margin-bottom: 0; } .adminhtml-paypal-reports-index .admin__scope-old .grid tr.headings th > span { white-space: normal; } .adminhtml-paypal-reports-index .admin__scope-old .col-transaction_event_code { max-width: 150px; } .adminhtml-paypal-reports-index .admin__scope-old .col-amount, .adminhtml-paypal-reports-index .admin__scope-old .col-fee-amount { text-align: right; } .newsletter-template-index .admin__scope-old .col-id { width: 35px; } .newsletter-template-index .admin__scope-old .col-actions { width: 80px; } .newsletter-template-index .admin__scope-old .col-type { width: 100px; } .newsletter-template-index .admin__scope-old .col-added, .newsletter-template-index .admin__scope-old .col-updated { width: 140px; } .newsletter-template-preview { height: 100%; } .newsletter-template-preview .cms-revision-preview { height: 100%; } .newsletter-template-preview .cms-revision-preview .preview_iframe { height: calc(100% - 50px); } .adminhtml-email_template-preview .cms-revision-preview { padding-top: 56.25%; position: relative; } .adminhtml-email_template-preview .cms-revision-preview #preview_iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .admin__scope-old .buttons-set { margin: 0 0 15px; } .admin__scope-old .buttons-set button { margin-right: 4px; } .newsletter-queue-index .admin__scope-old .col-id { width: 35px; } .newsletter-queue-index .admin__scope-old .col-finish, .newsletter-queue-index .admin__scope-old .col-start { width: 130px; } .newsletter-queue-index .admin__scope-old .col-status, .newsletter-queue-index .admin__scope-old .col-processed, .newsletter-queue-index .admin__scope-old .col-recipients { white-space: nowrap; width: 85px; } .newsletter-queue-index .admin__scope-old td.col-processed, .newsletter-queue-index .admin__scope-old .newsletter-queue-index td.col-recipients { text-align: right; } .newsletter-queue-index .admin__scope-old .col-actions { width: 80px; } .newsletter-subscriber-index .admin__scope-old .col-id { width: 35px; } .newsletter-subscriber-index .admin__scope-old .col-type { width: 75px; } .newsletter-subscriber-index .admin__scope-old .col-status { white-space: nowrap; width: 85px; } .newsletter-problem-index .admin__scope-old .col-select { width: 25px; } .newsletter-problem-index .admin__scope-old .col-id { width: 35px; } .newsletter-problem-index .admin__scope-old .col-start { width: 130px; } .newsletter-problem-index .admin__scope-old .col-error-code { width: 150px; } [class*="-order-"] .admin__scope-old .order-information, [class*="-order-"] .admin__scope-old .order-billing-address, [class*="-order-"] .admin__scope-old .order-payment-method, [class^=" adminhtml-rma-"] .admin__scope-old .order-comments-history, [class^=" adminhtml-rma-"] .admin__scope-old .order-shipping-address, [class^=" adminhtml-rma-"] .admin__scope-old .rma-request-details { float: left; width: 49.5%; } [class*="-order-"] .admin__scope-old .order-totals, [class*="-order-"] .admin__scope-old .order-account-information, [class*="-order-"] .admin__scope-old .order-shipping-address, [class*="-order-"] .admin__scope-old .order-payment-method-virtual, [class*="-order-"] .admin__scope-old .order-shipping-method, [class^=" adminhtml-rma-"] .admin__scope-old .rma-confirmation, [class^=" adminhtml-rma-"] .admin__scope-old .order-shipping-method, [class^=" adminhtml-rma-"] .admin__scope-old .order-return-address { float: right; width: 49%; } [class*="-order-"] .admin__scope-old .order-card-validation { width: 49.5%; box-sizing: border-box; } [class*="-order-"] .admin__scope-old .order-card-validation .actions { margin-top: 17px; } [class*="-order-"] .admin__scope-old .order-totals .field.choice { margin: 20px 0; } [class^=" sales-"] .admin__scope-old .order-information .fieldset-wrapper > .fieldset-wrapper-title .title { width: 100%; } .adminhtml-rma-new .admin__scope-old .order-totals, [class^=" adminhtml-rma-"] .admin__scope-old .rma-comments-history { float: none; width: 100%; } .checkout-index-index .checkout-errors .fieldset-wrapper-title { border-bottom: 0; margin: 0; } .checkout-index-index .checkout-errors .title { border-bottom: 1px solid #cac3b4; margin: 0 0 18px; width: 100%; } [class^=" sales-"] .admin__scope-old tr.headings .col-parent-transaction-id > span, [class^=" sales-"] .admin__scope-old tr.headings .col-method > span, [class^=" sales-"] .admin__scope-old tr.headings .col-transaction-id > span, [class^=" sales-"] .admin__scope-old tr.headings .col-transaction-type > span, [class^=" sales-"] .admin__scope-old tr.headings .col-gtbase > span, [class^=" sales-"] .admin__scope-old tr.headings .col-gtpurchased > span, [class^=" sales-"] .admin__scope-old tr.headings .col-discont > span { white-space: normal; } [class*="-order-"] .admin__scope-old .col-price .label, [class*="-order-"] .admin__scope-old .col-subtotal .label { display: inline-block; min-width: 60px; white-space: nowrap; } [class*="-order-"] .admin__scope-old .order-subtotal .label { width: 80%; } [class*="-order-"] .admin__scope-old .item-options { margin: 5px 0 5px 10px; } [class*="-order-"] .admin__scope-old .item-options dt { font-weight: bold; } [class*="-order-"] .admin__scope-old .item-options dd { margin: 0 0 0 10px; } [class~=" -order-creditmemo-"] .admin__scope-old .no-items { padding-top: 13px; text-align: center; } .adminhtml-order-shipment-new .admin__scope-old .order-totals .fieldset-wrapper { padding-top: 18px; } [class^=" adminhtml-rma-"] .admin__scope-old .rma-items th.col-qty span, .adminhtml-rma-edit .admin__scope-old .rma-items th.col-qty span { text-align: left; white-space: normal; } .adminhtml-rma-edit .admin__scope-old .data-table .col-carrier, [class^=" sales-billing-agreement-"] .admin__scope-old .log-details .data-table th { width: 20%; } .adminhtml-rma-edit .admin__scope-old .data-table .col-title { width: 35%; } .adminhtml-rma-edit .admin__scope-old .data-table .col-number { width: 25%; } [class*="-order-"] .admin__scope-old .order-shipping-address .price, .order-shipping-address .admin__scope-old .shipping-description-title { font-weight: bold; } [class^=" adminhtml-rma-"] .admin__scope-old .col-actions a { cursor: pointer; white-space: nowrap; } [class^=" adminhtml-rma-"] .admin__scope-old .col-reason input[type="text"] { margin: 5px 0 0; width: 100%; } [class^=" adminhtml-rma-"] .admin__scope-old .col-actions .separator { margin: 0 3px; } [class^=" sales-"] .admin__scope-old .order-payment-method .data-table { margin-top: 15px; } [class^=" sales-"] .admin__scope-old .order-payment-currency { margin-top: 15px; } [class^=" sales-"] .admin__scope-old .grid .data { border-bottom: 1px solid #c0bbaf; } [class^=" sales-"] .admin__scope-old .grid td .option-label { font-weight: bold; } [class^=" sales-"] .admin__scope-old .grid td .option-value { margin: 0 0 0 10px; } [class^=" adminhtml-extension-custom-"] .admin__scope-old #authors_fieldset .data-table td, [class^=" adminhtml-extension-custom-"] .admin__scope-old #authors_fieldset .admin__scope-old .accordion .config .data-table td { vertical-align: top; } [class*="-order-"] .admin__scope-old .order-billing-address .packaging-window .actions, [class*="-order-"] .admin__scope-old .order-shipping-address .packaging-window .actions { margin: 0; } .sales-order-create-index .admin__scope-old .grid table .action-configure, .sales-order-edit-index .admin__scope-old .grid table .action-configure, .sales-order-create-index .admin__scope-old .grid-actions table .action-configure, .sales-order-edit-index .admin__scope-old .grid-actions table .action-configure { float: right; } .sales-order-create-index .admin__scope-old .grid table .action-configure.disabled, .sales-order-edit-index .admin__scope-old .grid table .action-configure.disabled, .sales-order-create-index .admin__scope-old .grid-actions table .action-configure.disabled, .sales-order-edit-index .admin__scope-old .grid-actions table .action-configure.disabled { cursor: default; opacity: .5; } .sales-order-create-index .admin__scope-old .grid table .action-configure.disabled:hover, .sales-order-edit-index .admin__scope-old .grid table .action-configure.disabled:hover, .sales-order-create-index .admin__scope-old .grid-actions table .action-configure.disabled:hover, .sales-order-edit-index .admin__scope-old .grid-actions table .action-configure.disabled:hover { text-decoration: none; } .sales-order-create-index .admin__scope-old .data-table .border td, .sales-order-edit-index .admin__scope-old .data-table .border td { padding-bottom: 15px; } .sales-order-create-index .admin__scope-old .actions.update, .sales-order-edit-index .admin__scope-old .actions.update { margin: 10px 0; } .adminhtml-order-shipment-new .admin__scope-old .grid .col-product { max-width: 770px; width: 770px; } .customer-index-index .admin__scope-old .grid .col-name { max-width: 90px; width: 90px; } .customer-index-index .admin__scope-old .grid .col-billing_region { width: 70px; } .content-category-tree { clear: both; } .content-category-tree .jstree-default { margin-bottom: 3rem; } .content-category-tree .jstree-default .disabled > a { color: #a29c94; } .adminhtml-cms-hierarchy-index .admin__scope-old .col-title, .adminhtml-cms-hierarchy-index .admin__scope-old .col-identifier { max-width: 410px; width: 410px; } .adminhtml-widget-instance-edit .admin__scope-old .grid-chooser .control { margin-top: -19px; width: 80%; } .adminhtml-widget-instance-edit .admin__scope-old .grid-chooser .control .grid-actions { padding: 0 0 15px; } .adminhtml-widget-instance-edit .admin__scope-old .grid-chooser .control .grid { padding: 0; } .adminhtml-widget-instance-edit .admin__scope-old .grid-chooser .control .addon input:last-child, .adminhtml-widget-instance-edit .admin__scope-old .grid-chooser .control .addon select:last-child { border-radius: 0; } .adminhtml-widget-instance-edit .fieldset-widget-options .admin__field:last-child .mage-error { margin-bottom: 25px; margin-top: -40px; } .reports-report-product-sold .admin__scope-old .grid .col-name { max-width: 720px; width: 720px; } .adminhtml-system-store-index .admin__scope-old .grid td { max-width: 310px; } .adminhtml-system-currency-index .admin__scope-old .grid { padding-top: 0; } .adminhtml-system-currency-index .admin__scope-old .col-currency-edit-rate { min-width: 40px; } .adminhtml-system-currency-index .admin__scope-old .col__base-currency { font-weight: bold; } .adminhtml-system-currency-index .admin__scope-old .old-rate { display: block; margin-top: 3px; text-align: center; } .adminhtml-system-currency-index .admin__scope-old .hor-scroll { overflow-x: auto; min-width: 970px; } .adminhtml-system-currencysymbol-index .admin__scope-old .col-currency { width: 35%; } .adminhtml-system-currencysymbol-index .admin__scope-old .grid .input-text { margin: 0 10px 0 0; width: 50%; } .catalog-product-attribute-edit .admin__scope-old .data-table th._required span:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; } .catalog-product-attribute-edit .admin__control-table-wrapper { clear: both; } .catalog-product-set-index .admin__scope-old .col-set_name { max-width: 930px; width: 930px; } .adminhtml-export-index .admin__scope-old .data-grid td { vertical-align: middle; } .adminhtml-export-index .admin__scope-old .data-grid .input-text-range { margin: 0 10px 0 5px; width: 37%; } .adminhtml-export-index .admin__scope-old .data-grid ._has-datepicker { margin: 0 5px; width: 32%; } .adminhtml-export-index .admin__scope-old .data-grid .admin__control-support-text { margin-right: .5rem; } .adminhtml-export-index .admin__scope-old .data-grid-checkbox-cell { padding-right: 1rem; padding-left: 1rem; text-align: center; } .adminhtml-notification-index .col-actions a { white-space: nowrap; } .adminhtml-notification-index .admin__scope-old .grid .col-select, .adminhtml-cache-index .admin__scope-old .grid .col-select, .adminhtml-process-list .admin__scope-old .grid .col-select, .indexer-indexer-list .admin__scope-old .grid .col-select { width: 10px; } .tax-rate-popup .form-inline .field { position: static; } .tax-rate-popup .form-inline .field.required .label { position: relative; z-index: 1; } #product-edit-form-tabs .ui-tabs-panel { border-top-width: 0; } .main-col #product-edit-form-tabs .ui-tabs-panel { padding-left: 0; padding-right: 0; } .ext-strict .x-small-editor .x-form-text.x-form-field.folder { height: auto !important; } @media print { * { background: transparent !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } pub/static/adminhtml/Magento/backend/en_US/css/.htaccess000077700000000177151323550650017177 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/css/styles.css000077700001731527151323550650017451 0ustar00@import '../PHPCuong_Faq/css/faq-extension/style.css'; @import url('https://fonts.googleapis.com/css?family=Work+Sans:400,700.less'); .admin__control-checkbox + label:before, .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete:before, .admin__control-table .action-delete:before, .admin__field-fallback-reset:before, .selectmenu .action-save:before, .selectmenu .action-edit:before, .selectmenu .action-delete:before, .admin__action-multiselect-search-label:before, .admin__action-multiselect-dropdown:before, .abs-action-delete, .action-close:before, .timeline-action:before, .admin__control-flexfield-table .admin__control-table .icon-edit:before, .action-advanced-reports:after, .admin__menu [target='_blank']:after, .admin__menu .level-0 > a:before, .admin-user .admin__action-dropdown:before, .search-global-label:before, .notifications-action:before, .notifications-close:before, .copyright .link-copyright:before, .store-switcher .dropdown-menu .dropdown-toolbar a:before, .tooltip .help span:before, .tooltip .help a:before, .page-actions > button.back:before, .page-actions .page-actions-buttons > button.back:before, .page-actions .page-actions-buttons > .action.back:before, .page-actions > button.action-back:before, .page-actions .page-actions-buttons > button.action-back:before, .page-actions .page-actions-buttons > .action.action-back:before, .admin__page-nav-title._collapsible:after, .admin__page-nav-item-message .admin__page-nav-item-message-icon, .admin__collapsible-block-wrapper .admin__collapsible-title:before, .modal-slide .fieldset-wrapper .admin__collapsible-title:before, .section-config > .admin__collapsible-block > a:before, .accordion > dt a:before, .accordion .admin__collapsible-block > a:before, .section-config.complex .section-config.with-button.enabled > .entry-edit-head:before, .section-config .config td.label label.enabled:before, .steps-wizard .attribute-option .action-save:before, .steps-wizard .attribute-option .action-remove:before, .adminhtml-integration-index .data-grid .action:before, .adminhtml-integration-index .security-notice:before, .partners-search:before, .order-discounts .admin__field .action-default:before, .order-discounts .action-remove:before, .order-sidebar .admin__table-primary .icon, .order-sidebar .action-refresh, .add-by-sku-wrapper .action-reset, .summary-total .summary-collapse:before, .abs-staging-events-count-icon:before, .data-grid-search-control-wrap .action-submit:before, .data-grid-filters-action-wrap .action-default:before, .admin__current-filters-list .action-remove:before, .action-previous:before, .action-next:before, .admin__data-grid-action-bookmarks .admin__action-dropdown:before, .admin__data-grid-action-bookmarks .action-submit:before, .admin__data-grid-action-bookmarks .action-delete:before, .admin__data-grid-action-bookmarks .action-edit:before, .admin__data-grid-action-columns .admin__action-dropdown:before, .admin__data-grid-action-export .admin__action-dropdown:before, .sticky-header .data-grid-search-control-wrap .data-grid-search-label:before, .data-grid-row-parent > td .data-grid-checkbox-cell-inner:before, .data-grid-row-changed:after, .manage-rules-panel .smart-category-table .action-delete:before, .mass-select-wrap select + label:before, .page-actions .page-actions.floating-header > button.back:before, .page-actions .page-actions.floating-header > .action.back:before, .page-actions .page-actions.floating-header > button.action-back:before, .page-actions .page-actions.floating-header > .action.action-back:before, .rma-items .col-actions .action-item-delete-line, .staging-events-campaign-objects-count:before, .page-actions > .block-footer .action-add.back:before, .page-actions .page-actions-buttons > .block-footer .action-add.back:before, .page-actions > .block-footer .action-add.action-back:before, .page-actions .page-actions-buttons > .block-footer .action-add.action-back:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .order-shipping-method .admin__page-section-title > span:after { color: #e22626; content: '*'; font-weight: 400; margin-left: 3px; } .ui-widget-overlay, .overlay_magento, .fade, .modals-overlay { background: rgba(0, 0, 0, 0.35); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .admin__field-tooltip .admin__field-tooltip-action span, .admin__control-fields .admin__field:nth-child(n + 2):not(.admin__field-option):not(.admin__field-group-show-label) > .admin__field-label, [class*='admin__control-grouped'] > .admin__field:nth-child(n + 2):not(.admin__field-option):not(.admin__field-group-show-label):not(.admin__field-date) > .admin__field-label, .selectmenu .action-save > span, .selectmenu .action-edit > span, .selectmenu .action-delete > span, .selectmenu-toggle span, .action-multicheck-wrap .action-multicheck-toggle > span, .admin__actions-switch-checkbox, .abs-action-delete > span, .ui-datepicker-prev span, .ui-datepicker-next span, .tooltip .help span span, .tooltip .help a span, .dashboard-diagram-switcher .label, .order-discounts .admin__field .action-default > span, .order-discounts .action-remove > span, .order-sidebar .admin__table-primary .icon > span, .order-sidebar .action-refresh > span, .add-by-sku-wrapper .action-reset > span, .rma-items .col-actions .action-item-delete-line > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .admin__field-group-columns > .admin__field:nth-child(n + 2):not(.admin__field-option):not(.admin__field-group-show-label):not(.admin__field-date) > .admin__field-label[class] { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-clearfix:before, .abs-clearfix:after, .admin__control-table-pagination:before, .admin__control-table-pagination:after, .admin__field-complex:before, .admin__field-complex:after, .fieldset-wrapper-title:before, .fieldset-wrapper-title:after, .admin__fieldset-wrapper-title:before, .admin__fieldset-wrapper-title:after, .actions-split:before, .actions-split:after, .action-multicheck-wrap:before, .action-multicheck-wrap:after, .tabs-horiz:before, .tabs-horiz:after, .page-content:before, .page-content:after, .ui-dialog .ui-dialog-buttonset:before, .ui-dialog .ui-dialog-buttonset:after, .ui-dialog .main-col .insert-title-inner:before, .ui-dialog .main-col .insert-title-inner:after, .ui-dialog .magento-message .insert-title-inner:before, .ui-dialog .magento-message .insert-title-inner:after, .ui-dialog .main-col .contents-uploader:before, .ui-dialog .main-col .contents-uploader:after, .ui-dialog .magento-message .contents-uploader:before, .ui-dialog .magento-message .contents-uploader:after, .attribute-popup-actions:before, .attribute-popup-actions:after, .popup-window .magento_buttons:before, .popup-window .magento_buttons:after, .fade .popup-content:before, .fade .popup-content:after, .fade .actions:before, .fade .actions:after, .modal-slide .main-col .insert-title-inner:before, .modal-slide .main-col .insert-title-inner:after, .modal-slide .magento-message .insert-title-inner:before, .modal-slide .magento-message .insert-title-inner:after, .gallery:before, .gallery:after, .data-slider:before, .data-slider:after, .hosted-date-wrap:before, .hosted-date-wrap:after, .message-system-inner:before, .message-system-inner:after, .page-header-actions:before, .page-header-actions:after, .page-main-actions:not(._hidden):before, .page-main-actions:not(._hidden):after, .page-actions._fixed:before, .page-actions._fixed:after, .dashboard-totals-list:before, .dashboard-totals-list:after, .dashboard-store-stats .ui-tabs:before, .dashboard-store-stats .ui-tabs:after, .product-create-configuration:before, .product-create-configuration:after, .product-create-configuration .product-create-configuration-actions:before, .product-create-configuration .product-create-configuration-actions:after, .steps-wizard .steps-wizard-navigation:before, .steps-wizard .steps-wizard-navigation:after, .nav:before, .nav:after, .steps-wizard .select-attributes-block:before, .steps-wizard .select-attributes-block:after, .steps-wizard .attribute-entity-top:before, .steps-wizard .attribute-entity-top:after, .form-sharing-info .admin__legend:before, .form-sharing-info .admin__legend:after, .order-create-gift-wrapping .gift-wrapping-design:before, .order-create-gift-wrapping .gift-wrapping-design:after, .order-gift-options .gift-wrapping-design:before, .order-gift-options .gift-wrapping-design:after, .gift-options-popup .gift-wrapping-design:before, .gift-options-popup .gift-wrapping-design:after, .adminhtml-reward-rate-edit .field-rate .admin__field-control:before, .adminhtml-reward-rate-edit .field-rate .admin__field-control:after, .order-discounts:before, .order-discounts:after, .order-gift-options:before, .order-gift-options:after, .abs-order-tables .item-options:before, .abs-order-tables .item-options:after, .order-account-information .admin__fieldset:before, .order-account-information .admin__fieldset:after, .admin__page-section-title:before, .admin__page-section-title:after, .admin__page-section-content:before, .admin__page-section-content:after, .block-schedule .block-title:before, .block-schedule .block-title:after, .staging-preview-options:before, .staging-preview-options:after, .staging-events-summary:before, .staging-events-summary:after, .admin__data-grid-filters:before, .admin__data-grid-filters:after, .admin__data-grid-filters-footer:before, .admin__data-grid-filters-footer:after, .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content:before, .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content:after, .admin__data-grid-header-row:before, .admin__data-grid-header-row:after, .cms-hierarchy:before, .cms-hierarchy:after, .merchandiser-app:before, .merchandiser-app:after, .merchandiser-app .tabs:before, .merchandiser-app .tabs:after, .regular-category-settings:before, .regular-category-settings:after, .smart-category-switcher:before, .smart-category-switcher:after, .merchandiser-tabs:before, .merchandiser-tabs:after, .order-creditmemo-tables .item-options:before, .order-creditmemo-tables .item-options:after, .order-tables .item-options:before, .order-tables .item-options:after, .order-invoice-tables .item-options:before, .order-invoice-tables .item-options:after, .edit-order-table .item-options:before, .edit-order-table .item-options:after, .order-shipment-table .item-options:before, .order-shipment-table .item-options:after { content: ''; display: table; } .abs-clearfix:after, .admin__control-table-pagination:after, .admin__field-complex:after, .fieldset-wrapper-title:after, .admin__fieldset-wrapper-title:after, .actions-split:after, .action-multicheck-wrap:after, .tabs-horiz:after, .page-content:after, .ui-dialog .ui-dialog-buttonset:after, .ui-dialog .main-col .insert-title-inner:after, .ui-dialog .magento-message .insert-title-inner:after, .ui-dialog .main-col .contents-uploader:after, .ui-dialog .magento-message .contents-uploader:after, .attribute-popup-actions:after, .popup-window .magento_buttons:after, .fade .popup-content:after, .fade .actions:after, .modal-slide .main-col .insert-title-inner:after, .modal-slide .magento-message .insert-title-inner:after, .gallery:after, .data-slider:after, .hosted-date-wrap:after, .message-system-inner:after, .page-header-actions:after, .page-main-actions:not(._hidden):after, .page-actions._fixed:after, .dashboard-totals-list:after, .dashboard-store-stats .ui-tabs:after, .product-create-configuration:after, .product-create-configuration .product-create-configuration-actions:after, .steps-wizard .steps-wizard-navigation:after, .nav:after, .steps-wizard .select-attributes-block:after, .steps-wizard .attribute-entity-top:after, .form-sharing-info .admin__legend:after, .order-create-gift-wrapping .gift-wrapping-design:after, .order-gift-options .gift-wrapping-design:after, .gift-options-popup .gift-wrapping-design:after, .adminhtml-reward-rate-edit .field-rate .admin__field-control:after, .order-discounts:after, .order-gift-options:after, .abs-order-tables .item-options:after, .order-account-information .admin__fieldset:after, .admin__page-section-title:after, .admin__page-section-content:after, .block-schedule .block-title:after, .staging-preview-options:after, .staging-events-summary:after, .admin__data-grid-filters:after, .admin__data-grid-filters-footer:after, .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content:after, .admin__data-grid-header-row:after, .cms-hierarchy:after, .merchandiser-app:after, .merchandiser-app .tabs:after, .regular-category-settings:after, .smart-category-switcher:after, .merchandiser-tabs:after, .order-creditmemo-tables .item-options:after, .order-tables .item-options:after, .order-invoice-tables .item-options:after, .edit-order-table .item-options:after, .order-shipment-table .item-options:after { clear: both; } .abs-clearer:after, body:after { clear: both; content: ''; display: table; } .data-tooltip-content .items, .timeline-items, .timeline-units, .dashboard-totals-list, .attributes-summary, .steps-wizard .attribute-options, .steps-wizard .steps-wizard-section-list, .steps-wizard .gallery-image-wrapper .multiselect-alt { margin: 0; padding: 0; list-style: none none; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .draggable-handle, .admin__control-table .draggable-handle, .steps-wizard .draggable-handle, .downloadable-form .draggable-handle, .data-grid .data-grid-draggable-row-cell .draggable-handle, .merchandiser-app .draggable-handle { cursor: -moz-grab; cursor: -webkit-grab; cursor: move; font-size: 0; margin-top: -4px; padding: 0 1rem 0 0; vertical-align: middle; display: inline-block; text-decoration: none; } .abs-draggable-handle:before, .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .draggable-handle:before, .admin__control-table .draggable-handle:before, .steps-wizard .draggable-handle:before, .downloadable-form .draggable-handle:before, .data-grid .data-grid-draggable-row-cell .draggable-handle:before, .merchandiser-app .draggable-handle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; line-height: inherit; color: #9e9e9e; content: '\e617'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-draggable-handle:hover:before, .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .draggable-handle:hover:before, .admin__control-table .draggable-handle:hover:before, .steps-wizard .draggable-handle:hover:before, .downloadable-form .draggable-handle:hover:before, .data-grid .data-grid-draggable-row-cell .draggable-handle:hover:before, .merchandiser-app .draggable-handle:hover:before { color: #858585; } .admin__field:not(.admin__field-option) > .admin__field-label span[data-config-scope]:before, .accordion .config .label span[data-config-scope]:before { bottom: -1.3rem; color: #808080; content: attr(data-config-scope); font-size: 1.1rem; font-weight: 400; min-width: 15rem; position: absolute; right: 0; text-transform: lowercase; } .admin__field:not(.admin__field-option) > .admin__field-label, .accordion .config .label { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; text-size-adjust: 100%; } * { box-sizing: inherit; } *:before, *:after { box-sizing: inherit; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus { box-shadow: 0 0 0 1px #008bdb; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ffff00; color: #000000; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } img, video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea, .block-footer .action-add { color: inherit; font: inherit; margin: 0; } button, .block-footer .action-add { overflow: visible; } button, select, .block-footer .action-add { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'], .block-footer .action-add { -webkit-appearance: button; appearance: button; cursor: pointer; } button[disabled], html input[disabled], .block-footer .action-add[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner, .block-footer .action-add::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } input[type='search'] { -webkit-appearance: textfield; appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../fonts/opensans/light/opensans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../fonts/opensans/regular/opensans-400.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../fonts/opensans/semibold/opensans-600.woff') format('woff'); font-weight: 600; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../fonts/opensans/bold/opensans-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: auto; } html { font-size: 62.5%; } body { color: #41362f; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.36; font-size: 1.4rem; } h1 { margin: 0 0 2rem; color: #41362f; font-weight: 400; line-height: 1.2; font-size: 2.8rem; } h2, .form-sharing-info .admin__legend span, .admin__page-section-title strong, .admin__page-section-title .title { margin: 0 0 2rem; color: #41362f; font-weight: 400; line-height: 1.2; font-size: 2rem; } h3 { margin: 0 0 2rem; color: #41362f; font-weight: 600; line-height: 1.2; font-size: 1.7rem; } h4, h5, h6 { font-weight: 600; margin-top: 0; } p { margin: 0 0 0.5em; } small { font-size: 1.2rem; } a { color: #007bdb; text-decoration: none; } a:hover { color: #007bdb; text-decoration: underline; } ul, ol, dl { margin-top: 0; padding-left: 0; } nav ul, nav ol { list-style: none none; margin: 0; padding: 0; } @font-face { font-family: 'Admin Icons'; src: url('../fonts/admin-icons/admin-icons.woff2') format('woff2'), url('../fonts/admin-icons/admin-icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } .admin__control-text, .admin__control-select, .admin__control-multiselect, .admin__control-file-label:before, .admin__control-textarea, .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child:before, .selectmenu, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select { -webkit-appearance: none; background-color: #ffffff; border: 1px solid #adadad; border-radius: 1px; box-shadow: none; color: #303030; font-size: 1.4rem; font-weight: 400; height: auto; line-height: 1.36; padding: 0.6rem 1rem 0.6rem; transition: border-color 0.1s linear; vertical-align: baseline; width: auto; } .admin__control-text:hover, .admin__control-select:hover, .admin__control-multiselect:hover, .admin__control-textarea:hover, .admin__control-addon [class*='admin__control-'][class]:hover ~ [class*='admin__addon-']:last-child:before, .selectmenu:hover, .selectmenu:hover .selectmenu-toggle:before, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class]:hover ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select:hover { border-color: #878787; } .admin__control-text:focus, .admin__control-select:focus, .admin__control-multiselect:focus, .admin__control-file:active + .admin__control-file-label:before, .admin__control-file:focus + .admin__control-file-label:before, .admin__control-textarea:focus, .admin__control-addon [class*='admin__control-'][class]:focus ~ [class*='admin__addon-']:last-child:before, .selectmenu._focus, .selectmenu._focus .selectmenu-toggle:before, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class]:focus ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select:focus { border-color: #007bdb; box-shadow: none; outline: 0; } .admin__control-text[disabled], .admin__control-select[disabled], .admin__control-multiselect[disabled], .admin__control-file[disabled] + .admin__control-file-label:before, .admin__control-textarea[disabled], .admin__control-addon [class*='admin__control-'][class][disabled] ~ [class*='admin__addon-']:last-child:before, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class][disabled] ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select[disabled] { background-color: #e9e9e9; border-color: #adadad; color: #303030; cursor: not-allowed; opacity: 0.5; } .admin__fieldset > .admin__field.admin__field-wide[class] > .admin__field-control, .admin__field-row[class] > .admin__field-control, .address-item-edit-content .admin__field[class] > .admin__field-control, .image-panel .admin__fieldset .admin__field:not(.admin__field-inline)[class] > .admin__field-control, .page-layout-admin-login .admin__field[class] > .admin__field-control, .affected-attribute-set .admin__fieldset .admin__field[class] > .admin__field-control, .gift-options-popup .admin__field[class] > .admin__field-control, .admin__page-section .admin__field[class] > .admin__field-control { clear: left; float: none; text-align: left; width: auto; } .admin__fieldset > .admin__field.admin__field-wide[class]:not(.admin__field-option) > .admin__field-label, .admin__field-row[class]:not(.admin__field-option) > .admin__field-label, .address-item-edit-content .admin__field[class]:not(.admin__field-option) > .admin__field-label, .image-panel .admin__fieldset .admin__field:not(.admin__field-inline)[class]:not(.admin__field-option) > .admin__field-label, .page-layout-admin-login .admin__field[class]:not(.admin__field-option) > .admin__field-label, .affected-attribute-set .admin__fieldset .admin__field[class]:not(.admin__field-option) > .admin__field-label, .gift-options-popup .admin__field[class]:not(.admin__field-option) > .admin__field-label, .admin__page-section .admin__field[class]:not(.admin__field-option) > .admin__field-label { display: block; line-height: 1.4rem; margin-bottom: 0.86rem; margin-top: -0.14rem; text-align: left; width: auto; } .admin__fieldset > .admin__field.admin__field-wide[class]:not(.admin__field-option) > .admin__field-label:before, .admin__field-row[class]:not(.admin__field-option) > .admin__field-label:before, .address-item-edit-content .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, .image-panel .admin__fieldset .admin__field:not(.admin__field-inline)[class]:not(.admin__field-option) > .admin__field-label:before, .page-layout-admin-login .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, .affected-attribute-set .admin__fieldset .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, .gift-options-popup .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, .admin__page-section .admin__field[class]:not(.admin__field-option) > .admin__field-label:before { display: none; } .data-grid .col-qty .admin__control-text, .product-composite-configure-inner .admin__control-text.qty, .order-details .order-search-items .col-qty .admin__control-text, .abs-order-tables .col-qty .admin__control-text, .abs-order-tables .col-qty-invoice .admin__control-text, .add-by-sku-wrapper .col-qty .admin__control-text, .order-errors .col-qty .admin__control-text, .order-creditmemo-tables .col-qty .admin__control-text, .order-creditmemo-tables .col-qty-invoice .admin__control-text, .order-tables .col-qty .admin__control-text, .order-tables .col-qty-invoice .admin__control-text, .order-invoice-tables .col-qty .admin__control-text, .order-invoice-tables .col-qty-invoice .admin__control-text, .edit-order-table .col-qty .admin__control-text, .edit-order-table .col-qty-invoice .admin__control-text, .order-shipment-table .col-qty .admin__control-text, .order-shipment-table .col-qty-invoice .admin__control-text { min-width: 0; width: 5.4rem; } .abs-order-tables .custom-price-block + .admin__control-text, .order-creditmemo-tables .custom-price-block + .admin__control-text, .order-tables .custom-price-block + .admin__control-text, .order-invoice-tables .custom-price-block + .admin__control-text, .edit-order-table .custom-price-block + .admin__control-text, .order-shipment-table .custom-price-block + .admin__control-text { min-width: 0; width: 10rem; } .admin__legend, .gift-options-popup .admin__legend, .admin__page-section .admin__legend, .admin__page-section-item-title .title, .admin__page-section-content .admin__page-section-title .title { font-size: 1.8rem; font-weight: 600; margin-bottom: 3rem; } .admin__control-radio, .admin__control-checkbox { cursor: pointer; opacity: .01; overflow: hidden; position: absolute; vertical-align: top; } .admin__control-radio:after, .admin__control-checkbox:after { display: none; } .admin__control-radio + label, .admin__control-checkbox + label { cursor: pointer; display: inline-block; } .admin__control-radio + label:before, .admin__control-checkbox + label:before, .mass-select-wrap select + label:before { background-color: #ffffff; border: 1px solid #adadad; color: transparent; float: left; height: 1.6rem; text-align: center; vertical-align: top; width: 1.6rem; } .admin__control-radio + .admin__field-label, .admin__control-checkbox + .admin__field-label { padding-left: 2.6rem; } .admin__control-radio + .admin__field-label:before, .admin__control-checkbox + .admin__field-label:before { margin: 1px 1rem 0 -2.6rem; } .admin__control-radio:checked + label:before, .admin__control-checkbox:checked + label:before, .mass-select-wrap select._checked + label:before { color: #514943; } .admin__control-radio.disabled + label, .admin__control-checkbox.disabled + label, .admin__control-radio[disabled] + label, .admin__control-checkbox[disabled] + label { color: #303030; cursor: default; opacity: .5; } .admin__control-radio.disabled + label:before, .admin__control-checkbox.disabled + label:before, .admin__control-radio[disabled] + label:before, .admin__control-checkbox[disabled] + label:before { background-color: #e9e9e9; border-color: #adadad; cursor: default; } ._keyfocus .admin__control-radio:not([disabled]):focus + label:before, ._keyfocus .admin__control-checkbox:not([disabled]):focus + label:before, ._keyfocus .admin__control-radio:not(.disabled):focus + label:before, ._keyfocus .admin__control-checkbox:not(.disabled):focus + label:before { border-color: #007bdb; } .admin__control-radio:not([disabled]):hover + label:before, .admin__control-checkbox:not([disabled]):hover + label:before, .admin__control-radio:not(.disabled):hover + label:before, .admin__control-checkbox:not(.disabled):hover + label:before { border-color: #878787; } .admin__control-radio + label:before { border-radius: 1.6rem; content: ''; transition: border-color 0.1s linear, color 0.1s ease-in; } .admin__control-radio.admin__control-radio + label:before { line-height: 140%; } .admin__control-radio:checked + label { position: relative; } .admin__control-radio:checked + label:after { background-color: #514943; border-radius: 50%; content: ''; height: 10px; left: 3px; position: absolute; top: 4px; width: 10px; } .admin__control-radio:checked:not([disabled]):hover, .admin__control-radio:checked:not(.disabled):hover { cursor: default; } .admin__control-radio:checked:not([disabled]):hover + label, .admin__control-radio:checked:not(.disabled):hover + label { cursor: default; } .admin__control-radio:checked:not([disabled]):hover + label:before, .admin__control-radio:checked:not(.disabled):hover + label:before { border-color: #adadad; } .admin__control-checkbox + label:before, .mass-select-wrap select + label:before { border-radius: 1px; content: ''; font-size: 0; transition: font-size 0.1s ease-out, color 0.1s ease-out, border-color 0.1s linear; } .admin__control-checkbox:checked + label:before, .mass-select-wrap select._checked + label:before { content: '\e62d'; font-size: 1.1rem; line-height: 125%; } .admin__control-checkbox:not(:checked)._indeterminate + label:before, .admin__control-checkbox:not(:checked):indeterminate + label:before { color: #514943; content: '-'; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 700; } input[type='checkbox'].admin__control-checkbox, input[type='radio'].admin__control-checkbox { margin: 0; position: absolute; } .admin__control-text { min-width: 4rem; } .admin__control-select, .ui-datepicker .ui-datepicker-title select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-image: url('../images/arrows-bg.svg'), linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#adadad, #adadad); background-position: calc(100% - 12px) -34px, 100%, calc(100% - 3.2rem) 0; background-size: auto, 3.2rem 100%, 1px 100%; background-repeat: no-repeat; max-width: 100%; min-width: 8.5rem; padding-bottom: 0.6rem; padding-right: 4.4rem; padding-top: 0.6rem; transition: border-color 0.1s linear; } .admin__control-select:hover, .ui-datepicker .ui-datepicker-title select:hover { border-color: #878787; cursor: pointer; } .admin__control-select:active, .ui-datepicker .ui-datepicker-title select:active { background-image: url('../images/arrows-bg.svg'), linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#007bdb, #007bdb); background-position: calc(100% - 12px) 13px, 100%, calc(100% - 3.2rem) 0; border-color: #007bdb; } .admin__control-select::-ms-expand, .ui-datepicker .ui-datepicker-title select::-ms-expand { display: none; } option:empty { display: none; } .admin__control-multiselect { height: auto; max-width: 100%; min-width: 15rem; overflow: auto; padding: 0; resize: both; } .admin__control-multiselect option, .admin__control-multiselect optgroup { padding: .5rem 1rem; } .admin__control-file-wrapper { display: inline-block; padding: .5rem 1rem; position: relative; z-index: 1; } .admin__control-file-label:before { content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .admin__control-file:active + .admin__control-file-label:before, .admin__control-file:focus + .admin__control-file-label:before { /** * @codingStandardsIgnoreStart */ } .admin__control-file { background: transparent; border: 0; padding-top: .7rem; position: relative; width: auto; z-index: 1; } .admin__control-support-text { border: 1px solid transparent; display: inline-block; font-size: 1.4rem; line-height: 1.36; padding-bottom: 0.6rem; padding-top: 0.6rem; margin-left: 0.7rem; } .admin__control-support-text + [class*='admin__control-'] { margin-left: 0.7rem; } [class*='admin__control-'] + .admin__control-support-text { margin-left: 0.7rem; } .admin__control-service { float: left; margin: .8rem 0 0 3rem; } .admin__control-textarea { line-height: 1.18; padding-top: .8rem; resize: vertical; } .admin__control-addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: inline-flex; flex-flow: row nowrap; position: relative; width: 100%; z-index: 1; } .admin__control-addon > [class*='admin__addon-'], .admin__control-addon > [class*='admin__control-'] { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; position: relative; z-index: 1; } .admin__control-addon .admin__control-select, .admin__control-addon .ui-datepicker .ui-datepicker-title select { width: auto; } .admin__control-addon .admin__control-text { margin: .1rem; padding: 0.5rem 0.9rem 0.5rem; width: 100%; } .admin__control-addon [class*='admin__control-'][class] { appearence: none; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-flex-shrink: 1; flex-shrink: 1; background-color: transparent; border-color: transparent; box-shadow: none; vertical-align: top; } .admin__control-addon [class*='admin__control-'][class] + [class*='admin__control-'] { border-left-color: #adadad; } .admin__control-addon [class*='admin__control-'][class] :focus { box-shadow: 0; } .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child { padding-left: 1rem; position: static !important; z-index: 0; } .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child > * { position: relative; vertical-align: top; z-index: 1; } .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child:empty { padding: 0; } .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child:before { bottom: 0; box-sizing: border-box; content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .admin__addon-suffix, .admin__addon-prefix, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon > .addafter { border: 0; box-sizing: border-box; color: #858585; display: inline-block; font-size: 1.4rem; font-weight: 400; height: 3.2rem; line-height: 3.2rem; padding: 0; } .admin__addon-suffix { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .admin__addon-suffix:last-child { padding-right: 1rem; } .admin__addon-prefix, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon > .addafter { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .admin__control-collapsible { width: 100%; } .admin__control-collapsible ._dragged .admin__collapsible-block-wrapper .admin__collapsible-title { background: #d0d0d0; } .admin__control-collapsible ._dragover-top .admin__collapsible-block-wrapper:before, .admin__control-collapsible ._dragover-bottom .admin__collapsible-block-wrapper:before { background: #008bdb; content: ''; display: block; height: 3px; left: 0; position: absolute; right: 0; } .admin__control-collapsible ._dragover-top .admin__collapsible-block-wrapper:before { top: -3px; } .admin__control-collapsible ._dragover-bottom .admin__collapsible-block-wrapper:before { bottom: -3px; } .admin__control-collapsible .admin__collapsible-block-wrapper.fieldset-wrapper { border: 0; margin: 0; position: relative; } .admin__control-collapsible .admin__collapsible-block-wrapper.fieldset-wrapper .fieldset-wrapper-title { background: #f8f8f8; border: 2px solid #cccccc; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .admin__collapsible-title { font-size: 1.4rem; font-weight: 400; line-height: 1; padding: 1.6rem 4rem 1.6rem 3.8rem; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .admin__collapsible-title:before { left: 1rem; right: auto; top: 1.4rem; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; padding: 0; position: absolute; right: 1rem; top: 1.4rem; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete:before { content: '\e630'; font-size: 2rem; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete > span { display: none; } .admin__control-collapsible .admin__collapsible-content { background-color: #ffffff; margin-bottom: 1rem; } .admin__control-collapsible .admin__collapsible-content > .fieldset-wrapper { border: 1px solid #cccccc; margin-top: -1px; padding: 1rem; } .admin__control-collapsible .admin__collapsible-content .admin__fieldset { padding: 0; } .admin__control-collapsible .admin__collapsible-content .admin__field:last-child { margin-bottom: 0; } .admin__control-table-wrapper { max-width: 100%; overflow-x: auto; overflow-y: hidden; } .admin__control-table { width: 100%; } .admin__control-table thead { background-color: transparent; } .admin__control-table tbody td { vertical-align: top; } .admin__control-table tfoot th { padding-bottom: 1.3rem; } .admin__control-table tfoot th.validation { padding-bottom: 0; padding-top: 0; } .admin__control-table tfoot td { border-top: 1px solid #ffffff; } .admin__control-table tfoot .admin__control-table-pagination { float: right; padding-bottom: 0; } .admin__control-table tfoot .action-previous { margin-right: .5rem; } .admin__control-table tfoot .action-next { margin-left: .9rem; } .admin__control-table tr:last-child td { border-bottom: none; } .admin__control-table tr._dragover-top td { box-shadow: inset 0 3px 0 0 #008bdb; } .admin__control-table tr._dragover-bottom td { box-shadow: inset 0 -3px 0 0 #008bdb; } .admin__control-table tr._dragged td, .admin__control-table tr._dragged th { background: #d0d0d0; } .admin__control-table td, .admin__control-table th { background-color: #efefef; border: 0; border-bottom: 1px solid #ffffff; padding: 1.3rem 1rem 1.3rem 0; text-align: left; vertical-align: top; } .admin__control-table td:first-child, .admin__control-table th:first-child { padding-left: 1rem; } .admin__control-table td > .admin__control-select, .admin__control-table th > .admin__control-select, .admin__control-table td > .admin__control-text, .admin__control-table th > .admin__control-text, .admin__control-table td > .ui-datepicker .ui-datepicker-title select, .admin__control-table th > .ui-datepicker .ui-datepicker-title select { width: 100%; } .admin__control-table td._hidden, .admin__control-table th._hidden { display: none; } .admin__control-table td._fit, .admin__control-table th._fit { width: auto; } .admin__control-table th { color: #303030; font-size: 1.4rem; font-weight: 600; vertical-align: bottom; } .admin__control-table th._required span:after { margin: 0 0 0 0.5rem; color: #e22626; content: '*'; } .admin__control-table .control-table-actions-th { white-space: nowrap; } .admin__control-table .control-table-actions-cell { padding-top: 1.8rem; text-align: center; width: 1%; } .admin__control-table .control-table-options-th { text-align: center; width: 10rem; } .admin__control-table .control-table-options-cell { text-align: center; } .admin__control-table .control-table-text { line-height: 3.2rem; } .admin__control-table .col-draggable { padding-top: 2.2rem; width: 1%; } .admin__control-table .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0; } .admin__control-table .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .admin__control-table .action-delete:before { content: '\e630'; font-size: 2rem; } .admin__control-table .action-delete > span { display: none; } .admin__control-table .draggable-handle { padding: 0; } .admin__control-table._dragged { outline: 1px solid #007bdb; } .admin__control-table-action { background-color: #efefef; border-top: 1px solid #ffffff; padding: 1.3rem 1rem; } .admin__dynamic-rows._dragged { opacity: .95; position: absolute; z-index: 999; } .admin__dynamic-rows.admin__control-table .admin__control-fields > .admin__field { border: 0; padding: 0; } .admin__dynamic-rows td > .admin__field { border: 0; margin: 0; padding: 0; } .admin__control-table-pagination { padding-bottom: 1rem; } .admin__control-table-pagination .admin__data-grid-pager { float: right; } .product_form_product_form_advanced_pricing_modal .admin__fieldset > .admin__field > .admin__field-label, .product_form_product_form_advanced_pricing_modal [class*='admin__control-grouped'] > .admin__field:first-child > .admin__field-label { margin-left: 0; } .product_form_product_form_advanced_pricing_modal .admin__control-table td, .product_form_product_form_advanced_pricing_modal .admin__control-table th { overflow-y: visible; } .product_form_product_form_advanced_pricing_modal .admin__fieldset { margin-left: -30px; } .product_form_product_form_advanced_pricing_modal .admin__control-table-wrapper { overflow-x: visible; overflow-y: visible; } .admin__field-tooltip { display: inline-block; margin-top: 0.5rem; max-width: 45px; overflow: visible; vertical-align: top; width: 0; } .admin__field-tooltip:hover { position: relative; z-index: 500; } .admin__field-option .admin__field-tooltip { margin-top: 0.5rem; } .admin__field-tooltip .admin__field-tooltip-action { margin-left: 0; position: relative; z-index: 2; display: inline-block; text-decoration: none; } .admin__field-tooltip .admin__field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2.2rem; line-height: 1; color: #514943; content: '\e633'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .admin__field-tooltip .admin__control-text:focus + .admin__field-tooltip-content, .admin__field-tooltip:hover .admin__field-tooltip-content { display: block; } .admin__field-tooltip .admin__field-tooltip-content { bottom: 3.8rem; display: none; right: -2.3rem; } .admin__field-tooltip .admin__field-tooltip-content:after, .admin__field-tooltip .admin__field-tooltip-content:before { border: 1.6rem solid transparent; height: 0; width: 0; border-top-color: #afadac; content: ''; display: block; position: absolute; right: 2rem; top: 100%; z-index: 3; } .admin__field-tooltip .admin__field-tooltip-content:after { border-top-color: #fffbbb; margin-top: -1px; z-index: 4; } .abs-admin__field-tooltip-content, .admin__field-tooltip .admin__field-tooltip-content, .gift-options-tooltip { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); background: #fffbbb; border: 1px solid #afadac; border-radius: 1px; padding: 1.5rem 2.5rem; position: absolute; width: 32rem; z-index: 1; } .admin__field-fallback-reset { font-size: 1.25rem; white-space: nowrap; width: 30px; } .admin__field-fallback-reset > span { margin-left: 0.5rem; position: relative; } .admin__field-fallback-reset:active { transform: scale(0.98); } .admin__field-fallback-reset:before { transition: color 0.1s linear; content: '\e642'; font-size: 1.3rem; margin-left: 0.5rem; } .admin__field-fallback-reset:hover { cursor: pointer; text-decoration: none; } .admin__field-fallback-reset:focus { background: transparent; } .abs-field-size-x-small, .abs-field-sizes.admin__field-x-small > .admin__field-control, .admin__fieldset > .admin__field.admin__field-x-small > .admin__field-control, .admin__field.admin__field-x-small > .admin__field-control, [class*='admin__control-grouped'] > .admin__field.admin__field-x-small > .admin__field-control { width: 8rem; } .abs-field-size-small, .abs-field-sizes.admin__field-small > .admin__field-control, .admin__control-grouped-date > .admin__field-date.admin__field > .admin__field-control, .admin__fieldset > .admin__field.admin__field-small > .admin__field-control, .admin__field.admin__field-small > .admin__field-control, [class*='admin__control-grouped'] > .admin__field.admin__field-small > .admin__field-control { width: 15rem; } .abs-field-size-medium, .abs-field-sizes.admin__field-medium > .admin__field-control, .admin__fieldset > .admin__field.admin__field-medium > .admin__field-control, .admin__field.admin__field-medium > .admin__field-control, [class*='admin__control-grouped'] > .admin__field.admin__field-medium > .admin__field-control { width: 34rem; } .abs-field-size-large, .abs-field-sizes.admin__field-large > .admin__field-control, .admin__fieldset > .admin__field.admin__field-large > .admin__field-control, .admin__field.admin__field-large > .admin__field-control, [class*='admin__control-grouped'] > .admin__field.admin__field-large > .admin__field-control { width: 64rem; } .abs-field-no-label, .admin__fieldset > .admin__field.admin__field-no-label > .admin__field-control, .admin__field-no-label, .admin__field-group-additional { /** *@codingStandardsIgnoreStart */ margin-left: calc( (100%) * 0.25 + 30px ); } .admin__fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } .admin__fieldset .fieldset-wrapper.admin__fieldset-section > .fieldset-wrapper-title { padding-left: 1rem; } .admin__fieldset .fieldset-wrapper.admin__fieldset-section > .fieldset-wrapper-title strong { font-size: 1.7rem; font-weight: 600; } .admin__fieldset .fieldset-wrapper.admin__fieldset-section .admin__fieldset-wrapper-content > .admin__fieldset { padding-top: 1rem; } .admin__fieldset .fieldset-wrapper.admin__fieldset-section:last-child .admin__fieldset-wrapper-content > .admin__fieldset { padding-bottom: 0; } .admin__fieldset > .admin__field { border: 0; margin: 0; padding: 0; margin-left: -30px; } .admin__fieldset > .admin__field:after { clear: both; content: ''; display: table; } .admin__fieldset > .admin__field > .admin__field-control { width: calc( (100%) * 0.5 - 30px ); float: left; margin-left: 30px; } .admin__fieldset > .admin__field > .admin__field-control input[type="checkbox"] { margin-top: 1rem; } .admin__fieldset > .admin__field > .admin__field-label { width: calc( (100%) * 0.25 - 30px ); float: left; margin-left: 30px; } .admin__fieldset > .admin__field.admin__field-no-label > .admin__field-label { display: none; } .admin__fieldset > .admin__field + .admin__field._empty._no-header { margin-top: -3rem; } .admin__fieldset > .admin__field.field-currently_used_for > .admin__field-control .admin__field { margin-top: 8px; } .admin__fieldset.composite-bundle .admin__field-control { padding-top: 7px; } .admin__fieldset.composite-bundle .admin__field-option { padding-top: 0; } .admin__fieldset-product-websites { position: relative; z-index: 300; } .admin__fieldset-note { margin-bottom: 2rem; } .admin__form-field { border: 0; margin: 0; padding: 0; } .admin__form-field-control .admin__control-text, .admin__field-control .admin__control-text, .admin__form-field-control .admin__control-textarea, .admin__field-control .admin__control-textarea { width: 100%; } .admin__form-field-control .admin__control-text.disabled, .admin__field-control .admin__control-text.disabled, .admin__form-field-control .admin__control-textarea.disabled, .admin__field-control .admin__control-textarea.disabled { background-color: #e9e9e9; border-color: #adadad; color: #303030; cursor: not-allowed; opacity: .5; } .admin__field-label { color: #303030; margin: 0; text-align: right; } .admin__field-label label { cursor: pointer; } .admin__field-label + br { display: none; } .admin__field:not(.admin__field-option) > .admin__field-label { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 3.2rem; padding: 0; white-space: nowrap; } .admin__field:not(.admin__field-option) > .admin__field-label:before { opacity: 0; visibility: hidden; content: '.'; margin-left: -7px; overflow: hidden; } .admin__field:not(.admin__field-option) > .admin__field-label span { display: inline-block; line-height: 1.2; vertical-align: middle; white-space: normal; } .admin__field:not(.admin__field-option) > .admin__field-label span[data-config-scope] { position: relative; } .required > .admin__field-label span:after, ._required > .admin__field-label span:after { color: #e22626; content: '*'; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 1; margin-left: 10px; margin-top: .2rem; position: absolute; z-index: 1; } ._disabled > .admin__field-label { color: #999999; cursor: default; } .admin__field { margin-bottom: 0; } .admin__field + .admin__field { margin-top: 1.5rem; } .admin__field:not(.admin__field-option) ~ .admin__field-option { margin-top: .5rem; } .admin__field.admin__field-option ~ .admin__field-option { margin-top: .9rem; } .admin__field ~ .admin__field-option:last-child { margin-bottom: .8rem; } .admin__fieldset > .admin__field { margin-bottom: 3rem; position: relative; } .admin__fieldset > .admin__field.field-import_file .input-file { margin-top: 6px; } .admin__field legend.admin__field-label { opacity: 1; } .admin__field[data-config-scope]:before { color: #808080; content: attr(data-config-scope); display: inline-block; font-size: 1.2rem; left: calc( (100%) * 0.75 - 30px ); line-height: 3.2rem; margin-left: 60px; position: absolute; width: calc( (100%) * 0.25 - 30px ); } .admin__field-control .admin__field[data-config-scope]:nth-child(n + 2):before { content: ''; } .admin__field._error .admin__field-control [class*='admin__control-'] [class*='admin__addon-']:before, .admin__field._error .admin__field-control [class*='admin__addon-']:before, .admin__field._error .admin__field-control > [class*='admin__control-'] { border-color: #e22626; } .admin__field._disabled, .admin__field._disabled:hover { box-shadow: inherit; cursor: inherit; opacity: 1; outline: inherit; } .admin__field._disabled .admin__action-multiselect-wrap .admin__action-multiselect, .admin__field._disabled:hover .admin__action-multiselect-wrap .admin__action-multiselect { background-color: #e9e9e9; border-color: #adadad; color: #303030; cursor: not-allowed; opacity: 0.5; } .admin__field._hidden { display: none; } .admin__field-control + .admin__field-control { margin-top: 1.5rem; } .admin__field-control._with-tooltip > .admin__control-addon, .admin__field-control._with-tooltip > .admin__field-option, .admin__field-control._with-tooltip > .admin__control-select, .admin__field-control._with-tooltip > .admin__control-text, .admin__field-control._with-tooltip > .admin__control-textarea, .admin__field-control._with-tooltip > .ui-datepicker .ui-datepicker-title select { max-width: calc(100% - 45px - 4px); } .admin__field-control._with-tooltip .admin__field-tooltip { width: auto; } .admin__field-control._with-tooltip .admin__field-option { display: inline-block; } .admin__field-control._with-reset > .admin__control-addon, .admin__field-control._with-reset > .admin__control-text, .admin__field-control._with-reset > .admin__control-textarea { width: calc(100% - 30px - 0.5rem - 4px); } .admin__field-control._with-reset .admin__field-fallback-reset { margin-left: 0.5rem; margin-top: 1rem; vertical-align: top; } .admin__field-control._with-reset._with-tooltip > .admin__control-addon, .admin__field-control._with-reset._with-tooltip > .admin__control-text, .admin__field-control._with-reset._with-tooltip > .admin__control-textarea { width: calc(100% - 30px - 0.5rem - 45px - 8px); } .admin__fieldset > .admin__field-collapsible { margin-bottom: 0; } .admin__fieldset > .admin__field-collapsible .admin__field-control { border-top: 1px solid #cccccc; display: block; font-size: 1.7rem; font-weight: 700; padding: 1.7rem 0; width: calc(100% - 3rem); } .admin__fieldset > .admin__field-collapsible .admin__field-option { padding-top: 0; } .admin__field-collapsible + div { margin-top: 2.5rem; } .admin__field-collapsible .admin__control-radio + label:before { height: 1.8rem; width: 1.8rem; } .admin__field-collapsible .admin__control-radio:checked + label:after { left: 4px; top: 5px; } .admin__field-error, label.mage-error { background: #fffbbb; border: 1px solid #ee7d7d; box-sizing: border-box; color: #555555; display: block; font-size: 1.2rem; font-weight: 400; line-height: 1.2; margin: .2rem 0 0; padding: .8rem 1rem .9rem; } .admin__field-note { color: #303030; font-size: 1.2rem; margin: 10px 0 0; padding: 0; } .admin__additional-info { padding-top: 1rem; } .admin__field-option { padding-top: 0.7rem; } .admin__field-option .admin__field-label { text-align: left; } .admin__field-control > .admin__field-option:nth-child(1):nth-last-child(2), .admin__field-control > .admin__field-option:nth-child(2):nth-last-child(1) { display: inline-block; } .admin__field-control > .admin__field-option:nth-child(1):nth-last-child(2) + .admin__field-option, .admin__field-control > .admin__field-option:nth-child(2):nth-last-child(1) + .admin__field-option { display: inline-block; margin-left: 41px; margin-top: 0; } .admin__field-control > .admin__field-option:nth-child(1):nth-last-child(2) + .admin__field-option:before, .admin__field-control > .admin__field-option:nth-child(2):nth-last-child(1) + .admin__field-option:before { background: #cacaca; content: ''; display: inline-block; height: 20px; margin-left: -20px; position: absolute; width: 1px; } .admin__field-value { display: inline-block; padding-top: 0.7rem; } .admin__field-service { padding-top: 1rem; } [class*='admin__control-grouped'] > .admin__field:first-child, .admin__control-fields > .admin__field:first-child { position: static; } [class*='admin__control-grouped'] > .admin__field:first-child > .admin__field-label, .admin__control-fields > .admin__field:first-child > .admin__field-label { width: calc( (100%) * 0.25 - 30px ); float: left; margin-left: 30px; cursor: pointer; left: 0; position: absolute; top: 0; } [class*='admin__control-grouped'] > .admin__field:first-child > .admin__field-label span:before, .admin__control-fields > .admin__field:first-child > .admin__field-label span:before { display: block; } [class*='admin__control-grouped'] > .admin__field._disabled > .admin__field-label, .admin__control-fields > .admin__field._disabled > .admin__field-label { cursor: default; } [class*='admin__control-grouped'] > .admin__field > .admin__field-label span:before, .admin__control-fields > .admin__field > .admin__field-label span:before { display: none; } .admin__control-fields .admin__field-label ~ .admin__field-control { width: 100%; } .admin__control-fields .admin__field-option { padding-top: 0; } [class*='admin__control-grouped'] { box-sizing: border-box; display: table; width: 100%; } [class*='admin__control-grouped'] > .admin__field { display: table-cell; vertical-align: top; } [class*='admin__control-grouped'] > .admin__field > .admin__field-control { float: none; width: 100%; } [class*='admin__control-grouped'] > .admin__field.admin__field-default, [class*='admin__control-grouped'] > .admin__field.admin__field-x-small, [class*='admin__control-grouped'] > .admin__field.admin__field-small, [class*='admin__control-grouped'] > .admin__field.admin__field-medium, [class*='admin__control-grouped'] > .admin__field.admin__field-large { width: 1px; } [class*='admin__control-grouped'] > .admin__field.admin__field-default + .admin__field:last-child, [class*='admin__control-grouped'] > .admin__field.admin__field-x-small + .admin__field:last-child, [class*='admin__control-grouped'] > .admin__field.admin__field-small + .admin__field:last-child, [class*='admin__control-grouped'] > .admin__field.admin__field-medium + .admin__field:last-child, [class*='admin__control-grouped'] > .admin__field.admin__field-large + .admin__field:last-child { width: auto; } [class*='admin__control-grouped'] > .admin__field:nth-child(n + 2) { padding-left: 20px; } .admin__control-group-equal { table-layout: fixed; } .admin__control-group-equal > .admin__field { width: 50%; } .admin__field-control-group { margin-top: .8rem; } .admin__field-control-group > .admin__field { padding: 0; } .admin__control-grouped-date > .admin__field-date { white-space: nowrap; width: 1px; } .admin__control-grouped-date > .admin__field-date.admin__field > .admin__field-control { position: relative; display: inline-block; } .admin__control-grouped-date > .admin__field-date + .admin__field:last-child { width: auto; } .admin__control-grouped-date > .admin__field-date + .admin__field-date > .admin__field-label { float: left; padding-right: 20px; } .admin__control-grouped-date .ui-datepicker-trigger { left: 100%; top: 0; } .admin__field-group-columns.admin__field-control.admin__control-grouped { width: calc( (100%) * 1 - 30px ); float: left; margin-left: 30px; } .admin__field-group-columns > .admin__field:first-child > .admin__field-label { float: none; margin: 0; opacity: 1; position: static; width: 100%; } .admin__field-group-columns > .admin__field > .admin__field-label { text-align: left; } .admin__field-group-columns .admin__control-select, .admin__field-group-columns .ui-datepicker .ui-datepicker-title select { width: 100%; } .admin__field-group-additional { clear: both; } .admin__field-group-additional .action-additional { margin-top: 1rem; } .admin__field-group-additional .action-basic { width: 100%; } .admin__field-group-show-label { white-space: nowrap; } .admin__field-group-show-label > .admin__field-label, .admin__field-group-show-label > .admin__field-control { display: inline-block; vertical-align: top; } .admin__field-group-show-label > .admin__field-label { margin-right: 20px; } .admin__field-complex { margin: 1rem 0 3rem; padding-left: 1rem; } .admin__field:not(._hidden) + .admin__field-complex { margin-top: 3rem; } .admin__field-complex .admin__field-complex-title { clear: both; color: #303030; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; margin-bottom: 1rem; } .admin__field-complex .admin__field-complex-elements { float: right; max-width: 40%; } .admin__field-complex .admin__field-complex-elements button, .admin__field-complex .admin__field-complex-elements .block-footer .action-add { margin-left: 1rem; } .admin__field-complex .admin__field-complex-content { max-width: 60%; overflow: hidden; } .admin__field-complex .admin__field-complex-text { margin-left: -1rem; } .admin__field-complex + .admin__field._empty._no-header { margin-top: -3rem; } .admin__legend { float: left; position: static; width: 100%; } .admin__legend + br { clear: left; display: block; height: 0; overflow: hidden; } .fieldset-wrapper-title, .admin__fieldset-wrapper-title { border-bottom: 1px solid #cccccc; line-height: 1.4; margin-bottom: 0; padding: 14px 0 16px; } .fieldset-wrapper-title .title, .admin__fieldset-wrapper-title .title { font-size: 2rem; font-weight: 400; } .admin__fieldset-wrapper-content .fieldset-wrapper-title .title, .admin__fieldset-wrapper-content .admin__fieldset-wrapper-title .title { font-size: 1.5rem; font-weight: 700; } .fieldset-wrapper-title .title.active ~ .actions, .admin__fieldset-wrapper-title .title.active ~ .actions { display: none; } .fieldset-wrapper-title .actions, .admin__fieldset-wrapper-title .actions { display: block; float: right; } .admin__fieldset-wrapper-content .admin__fieldset { padding-bottom: 3rem; padding-top: 3rem; } .admin__fieldset-wrapper-content .admin__fieldset > .admin__collapsible-block-wrapper:first-child { margin-top: -3rem; } .admin__fieldset-wrapper-content .admin__fieldset > *:first-child { margin-top: 0; } .admin__fieldset-wrapper-content .admin__fieldset > *:last-child { margin-bottom: 0; } .address-item-edit-content { background: #ffffff; border: 1px solid #dad1c8; box-shadow: 0 2px 1px 0 rgba(217, 210, 202, 0.5); margin-left: 359px; max-width: 500px; padding: 15px 30px; } .address-item-edit-content .admin__legend { display: none; } .address-list { float: left; list-style-type: none; margin: 0; padding: 0; width: 360px; } .address-list .address-list-item-actions { position: absolute; right: 1rem; top: 1rem; } .address-list .address-list-item { background: #f1f1f1; border: 1px solid #dad1c8; cursor: pointer; margin-bottom: -1px; padding: 10px 10px 15px; position: relative; z-index: 1; } .address-list .address-list-item.ui-state-active { background: #ffffff; box-shadow: 0 1px 1px 0 #d9d2ca; margin-left: -2px; padding-left: 12px; position: relative; z-index: 2; } .address-list .address-list-item.ui-state-active:before, .address-list .address-list-item.ui-state-active:after { color: #ffffff; content: '\e02a'; font-family: 'MUI-Icons'; font-size: 18px; font-style: normal; font-weight: normal; line-height: 11px; margin-top: -5px; position: absolute; right: -9px; speak: none; text-indent: -6px; top: 50%; width: 10px; z-index: 2; } .address-list .address-list-item.ui-state-active:before { color: #dad1c8; right: -11px; z-index: 1; } .address-list address { font-style: normal; line-height: 1.5; margin: 0 20px 15px 0; } .address-list address:first-line { font-weight: bold; } .address-list .address-list-actions { background: none; border: 0; box-shadow: none; cursor: default; padding: 20px 0 0; } .address-list .action-delete { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; } .address-list .action-delete:focus, .address-list .action-delete:active { background: none; border: none; } .address-list .action-delete:hover { background: none; border: none; } .address-list .action-delete.disabled, .address-list .action-delete[disabled], fieldset[disabled] .address-list .action-delete { pointer-events: none; opacity: 0.5; } .address-list .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .address-list .action-delete:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; line-height: 16px; color: #41362f; content: '\e620'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .address-list .action-delete span { max-height: 1px; max-width: 1px; } .address-list .action-delete:hover { position: relative; z-index: 2; } .address-list .action-delete:hover:after { color: #060504; } .address-list .action-delete:hover span { background-color: #fcfcfc; border: 1px solid #989287; border-radius: .4rem; bottom: 100%; clip: auto; font-size: 1.2rem; height: auto; left: auto; margin: 0 auto .1rem; max-height: 50px; max-width: 200px; padding: .5rem; right: auto; top: auto; transition: all .01s linear .7s; white-space: nowrap; width: auto; } [class*='admin__control-'].mage-error ~ [class*='admin__addon-']:before, .admin__field-control > [class*='admin__control-'].mage-error { border-color: #e22626; } .page-layout-admin-login .loading-mask { background: rgba(255, 255, 255, 0.2); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; } .page-layout-admin-login .popup-loading { height: 149px; left: 50%; margin-left: -109px; margin-top: -74.5px; overflow: hidden; position: absolute; top: 50%; width: 218px; } .page-layout-admin-login .field-captcha { padding-left: 30px; vertical-align: middle; } .page-layout-admin-login .field-captcha .captcha-reload { float: right; margin-top: 15px; } .admin__form-loading-mask { background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } .admin__form-loading-mask .spinner { font-size: 4rem; left: 50%; margin-left: -2rem; margin-top: -2rem; position: absolute; top: 50%; } .data-grid .head-massaction .admin__control-select, .data-grid .head-massaction .ui-datepicker .ui-datepicker-title select { min-width: 6rem; } .data-grid .data-grid-filters td { border-bottom: 1px solid #d6d6d6; padding: 1rem; } .data-grid .data-grid-filters select, .data-grid .data-grid-filters input[type='text'] { font-size: 1.3rem; height: 2.8rem; min-width: 5rem; padding: .2rem .4rem; width: 100%; } .data-grid .data-grid-filters .admin__control-text { width: 100%; } .data-grid .data-grid-filters select { background-position: calc(100% - 5px) -37px, 100%, calc(100% - 18px) 0; background-size: auto, 18px 100%, 1px 100%; height: 2.8rem; padding: .2rem 1.8rem .2rem .3rem; } .data-grid .data-grid-filters select:focus { background-position: calc(100% - 5px) 11px, 100%, calc(100% - 18px) 0; } .data-grid .data-grid-filters td ._has-datepicker + .ui-datepicker-trigger { height: 2.8rem; margin-left: -3.2rem; width: 2.8rem; } .data-grid .data-grid-filters td ._has-datepicker + .ui-datepicker-trigger:after { line-height: 28px; } .data-grid .range-line { position: relative; } .data-grid .range-line + .range-line { margin-top: .5rem; } .data-grid .field-row { display: inline-block; } .mass-select-info:before { content: '('; } .mass-select-info:after { content: ')'; } .mass-select-info._empty { display: none; } .mass-select-wrap { margin-left: 1.1rem; margin-top: 3.3rem; position: absolute; top: 100%; } .mass-select-wrap select { cursor: pointer; height: 22px; left: 0; opacity: .01; position: absolute; top: 0; width: 22px; z-index: 2; } .mass-select-wrap select + label { height: 16px; line-height: 16px; padding: 0; width: 16px; z-index: 1; /** * @codingStandardsIgnoreStart */ } .mass-select-wrap select + label:before { left: 0; position: absolute; top: 0; } .mass-select-wrap select + label:after { top: 40% !important; } .mass-select-wrap select._checked._indeterminate + label:before { content: '-'; font-size: 2rem; line-height: .7rem; } .mass-select-wrap select._disabled { display: none; } .mass-select-wrap select._disabled + label { cursor: not-allowed; opacity: .6; } .admin__data-grid-toolbar *, .admin__data-grid-toolbar *:before, .admin__data-grid-toolbar *:after { box-sizing: border-box; } .admin__data-grid-toolbar .admin__data-grid-header-row .action-select-multiselect { -webkit-appearance: menulist-button; appearance: menulist-button; height: 38px; left: -1rem; min-width: 0; opacity: .01; top: -1.2rem; width: 52px; } .admin__data-grid-toolbar .admin__data-grid-header-row > div { margin-left: 30px; } .admin__data-grid-toolbar .admin__data-grid-header-row > div:first-child { margin-left: 0; } .admin__data-grid-toolbar .admin__data-grid-header-row button, .admin__data-grid-toolbar .admin__data-grid-header-row .block-footer .action-add { vertical-align: top; } .admin__data-grid-toolbar .admin__filter-actions { float: left; } .admin__data-grid-toolbar .admin__control-filter .admin__control-select, .admin__data-grid-toolbar .admin__control-filter .ui-datepicker .ui-datepicker-title select { margin-right: 0.7rem; } .admin__data-grid-toolbar .admin__data-grid-export { float: right; } .admin__data-grid-toolbar .admin__data-grid-export .admin__control-select, .admin__data-grid-toolbar .admin__data-grid-export .ui-datepicker .ui-datepicker-title select { margin-right: 0.7rem; } .admin__data-grid-toolbar .admin__grid-massaction { float: left; } .admin__data-grid-toolbar .admin__grid-massaction .admin__control-select, .admin__data-grid-toolbar .admin__grid-massaction .ui-datepicker .ui-datepicker-title select { margin-right: 0.7rem; } .admin__data-grid-toolbar .admin__grid-massaction + .admin__control-text { float: left; } .admin__data-grid-toolbar .admin__grid-massaction .form-inline { display: inline; } .admin__data-grid-toolbar .admin__grid-massaction .form-inline .admin__field-label { float: none; padding-left: 2rem; padding-right: 1rem; width: auto; } .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .admin__control-select ~ button, .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .ui-datepicker .ui-datepicker-title select ~ button, .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .admin__control-select ~ .block-footer .action-add { display: none; } .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .admin__control-select._selected ~ button, .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .ui-datepicker .ui-datepicker-title select._selected ~ button, .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .admin__control-select._selected ~ .block-footer .action-add { display: inline-block; } .admin__data-grid-toolbar .admin__grid-massaction .admin__control-select-placeholder { color: #8a837f; font-weight: 700; } .admin__data-grid-toolbar .admin__data-grid-pager-wrap { float: right; } .admin__data-grid-toolbar .admin__data-grid-header-row._massaction { position: relative; z-index: 1; } .admin__grid-control .admin__grid-control { display: none; } .ui-dialog .admin__data-grid-header-row._massaction, .ui-dialog .mass-select-wrap select, .ui-dialog .mass-select-wrap, .ui-dialog .admin__grid-massaction { z-index: 2000; } .ui-dialog .admin__data-grid-wrap { z-index: 1999; } .data-grid td.col-action a + a:before { content: ''; display: block; } .attribute-popup { background-color: #ffffff; } .attribute-popup .edit-form { padding-left: 1.8rem; padding-right: 1.8rem; } .product-configure-popup .time-picker { display: block; margin-top: 1rem; } .admin__control-wysiwig .buttons-set { margin: 0 0 15px; } .admin__control-wysiwig .buttons-set button, .admin__control-wysiwig .buttons-set .block-footer .action-add { margin-right: 4px; } .admin__control-wysiwig + button, .admin__control-wysiwig + .block-footer .action-add { margin-top: 1rem; } .admin__control-wysiwig textarea { width: 100%; } .admin__action-dropdown-wrap { display: inline-block; position: relative; } .admin__action-dropdown-wrap .admin__action-dropdown-text:after { left: -6px; right: 0; } .admin__action-dropdown-wrap .admin__action-dropdown-menu { left: auto; right: 0; } .admin__action-dropdown-wrap.active .admin__action-dropdown, .admin__action-dropdown-wrap._active .admin__action-dropdown { border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .admin__action-dropdown-wrap.active .admin__action-dropdown-text:after, .admin__action-dropdown-wrap._active .admin__action-dropdown-text:after { background-color: #ffffff; content: ''; height: 6px; position: absolute; top: 100%; } .admin__action-dropdown-wrap.active .admin__action-dropdown-menu, .admin__action-dropdown-wrap._active .admin__action-dropdown-menu { display: block; } .admin__action-dropdown-wrap._disabled .admin__action-dropdown { cursor: default; } .admin__action-dropdown-wrap._disabled:hover .admin__action-dropdown { color: #41362f; } .admin__action-dropdown { padding-right: 3.3rem; background-color: #ffffff; border: 1px solid transparent; border-bottom: none; border-radius: 0; box-shadow: none; color: #41362f; display: inline-block; font-size: 1.3rem; font-weight: 400; letter-spacing: -.025em; padding: 0.7rem 3.3rem 0.8rem 1.5rem; position: relative; vertical-align: baseline; z-index: 2; } .admin__action-dropdown._active:after, .admin__action-dropdown.active:after { transform: rotate(180deg); } .admin__action-dropdown:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.25rem; top: 50%; transition: all .2s linear; width: 0; } ._active .admin__action-dropdown:after, .active .admin__action-dropdown:after { transform: rotate(180deg); } .admin__action-dropdown:hover:after { border-color: #000000 transparent transparent transparent; } .admin__action-dropdown:hover, .admin__action-dropdown:focus { background-color: #ffffff; color: #060504; text-decoration: none; } .admin__action-dropdown:after { right: 1.5rem; } .admin__action-dropdown:before { margin-right: 1rem; } .admin__action-dropdown-menu { background-color: #ffffff; border: 1px solid #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); display: none; line-height: 1.36; margin-top: -1px; min-width: 120%; padding: 0.5rem 1rem; position: absolute; top: 100%; transition: all 0.15s ease; z-index: 1; } .admin__action-dropdown-menu > li { display: block; } .admin__action-dropdown-menu > li > a { color: #41362f; display: block; text-decoration: none; padding: 0.6rem 0.5rem; } .selectmenu { display: inline-block; padding-left: 1.5rem; position: relative; text-align: left; width: auto; z-index: 1; /** * @codingStandardsIgnoreStart */ } .selectmenu._active { border-color: #007bdb; z-index: 500; } .selectmenu .action-save, .selectmenu .action-edit, .selectmenu .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; padding: 0 1rem 0 1rem; } .selectmenu .action-save:hover, .selectmenu .action-edit:hover, .selectmenu .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .selectmenu .action-save:before, .selectmenu .action-edit:before, .selectmenu .action-delete:before { content: '\e630'; } .selectmenu .action-edit, .selectmenu .action-delete { border: 0 solid #ffffff; border-left-width: 1px; bottom: 0; position: absolute; right: 0; top: 0; z-index: 1; } .selectmenu .action-edit:hover, .selectmenu .action-delete:hover { border: 0 solid #ffffff; border-left-width: 1px; } .selectmenu .action-save:before { content: '\e625'; } .selectmenu .action-edit:before { content: '\e631'; } .selectmenu-value { display: inline-block; } .selectmenu-value input[type='text'] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: 0; display: inline; margin: 0; width: 6rem; } body._keyfocus .selectmenu-value input[type='text']:focus { box-shadow: none; } .selectmenu-toggle { padding-right: 3rem; background: transparent; border-width: 0; bottom: 0; float: right; position: absolute; right: 0; top: 0; width: 0; } .selectmenu-toggle._active:after, .selectmenu-toggle.active:after { transform: rotate(180deg); } .selectmenu-toggle:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.1rem; top: 50%; transition: all .2s linear; width: 0; } ._active .selectmenu-toggle:after, .active .selectmenu-toggle:after { transform: rotate(180deg); } .selectmenu-toggle:hover:after { border-color: #000000 transparent transparent transparent; } .selectmenu-toggle:focus, .selectmenu-toggle:active, .selectmenu-toggle:hover { background: transparent; } .selectmenu._active .selectmenu-toggle:before { border-color: #007bdb; } body._keyfocus .selectmenu-toggle:focus { box-shadow: none; } .selectmenu-toggle:before { background: #e3e3e3; border-left: 1px solid #adadad; bottom: 0; content: ''; display: block; position: absolute; right: 0; top: 0; width: 3.2rem; } .selectmenu-items { background: #ffffff; border: 1px solid #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); display: none; float: left; left: -1px; margin-top: 3px; max-width: 20rem; min-width: calc(100% + 2px); position: absolute; top: 100%; } .selectmenu-items._active { display: block; } .selectmenu-items ul { float: left; list-style-type: none; margin: 0; min-width: 100%; padding: 0; } .selectmenu-items li { display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; display: flex; flex-direction: row; transition: background .2s linear; } .selectmenu-items li:hover { background: #e3e3e3; } .selectmenu-items li:last-child .selectmenu-item-action { color: #007bdb; text-decoration: none; } .selectmenu-items li:last-child .selectmenu-item-action:visited { color: #007bdb; text-decoration: none; } .selectmenu-items li:last-child .selectmenu-item-action:hover { color: #007bdb; text-decoration: underline; } .selectmenu-items li:last-child .selectmenu-item-action:active { color: #ff5501; text-decoration: underline; } .selectmenu-item { position: relative; width: 100%; z-index: 1; } li._edit > .selectmenu-item { display: none; } .selectmenu-item-edit { display: none; padding: .3rem 4rem .3rem .4rem; position: relative; white-space: nowrap; z-index: 1; } li:last-child .selectmenu-item-edit { padding-right: .4rem; } .selectmenu-item-edit .admin__control-text { margin: 0; width: 5.4rem; } li._edit .selectmenu-item-edit { display: block; } .selectmenu-item-action { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: transparent; border: 0; color: #41362f; display: block; font-size: 1.4rem; font-weight: 400; min-width: 100%; padding: 1rem 6rem 1rem 1.5rem; text-align: left; transition: background .2s linear; width: 5rem; } .selectmenu-item-action:hover, .selectmenu-item-action:focus { background: #e3e3e3; } .abs-actions-split-xl .action-default, .page-actions .actions-split .action-default { margin-right: 4rem; } .abs-actions-split-xl .action-toggle, .page-actions .actions-split .action-toggle { padding-right: 4rem; } .abs-actions-split-xl .action-toggle:after, .page-actions .actions-split .action-toggle:after { border-width: 0.9rem 0.6rem 0 0.6rem; margin-top: -0.3rem; right: 1.4rem; } .actions-split { position: relative; z-index: 400; } .actions-split.active, .actions-split._active, .actions-split:hover { box-shadow: 0 0 0 1px #007bdb; } .actions-split.active .action-toggle.action-primary, .actions-split._active .action-toggle.action-primary, .actions-split.active .action-toggle.primary, .actions-split._active .action-toggle.primary { background-color: #ba4000; border-color: #ba4000; } .actions-split.active .dropdown-menu, .actions-split._active .dropdown-menu { opacity: 1; visibility: visible; display: block; } .actions-split .action-toggle, .actions-split .action-default { float: left; margin: 0; } .actions-split .action-toggle.active, .actions-split .action-default.active, .actions-split .action-toggle._active, .actions-split .action-default._active, .actions-split .action-toggle:hover, .actions-split .action-default:hover { box-shadow: none; } .actions-split .action-default { margin-right: 3.2rem; min-width: 9.300000000000001rem; } .actions-split .action-toggle { padding-right: 3.2rem; border-left-color: rgba(0, 0, 0, 0.2); bottom: 0; padding-left: 0; position: absolute; right: 0; top: 0; } .actions-split .action-toggle._active:after, .actions-split .action-toggle.active:after { transform: rotate(180deg); } .actions-split .action-toggle:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.2rem; top: 50%; transition: all .2s linear; width: 0; } ._active .actions-split .action-toggle:after, .active .actions-split .action-toggle:after { transform: rotate(180deg); } .actions-split .action-toggle:hover:after { border-color: #000000 transparent transparent transparent; } .actions-split .action-toggle.action-secondary:after, .actions-split .action-toggle.secondary:after, .actions-split .action-toggle.action-primary:after, .actions-split .action-toggle.primary:after { border-color: #ffffff transparent transparent transparent; } .actions-split .action-toggle > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .action-select-wrap { display: inline-block; position: relative; } .action-select-wrap .action-select { padding-right: 3.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #ffffff; font-weight: 400; text-align: left; } .action-select-wrap .action-select._active:after, .action-select-wrap .action-select.active:after { transform: rotate(180deg); } .action-select-wrap .action-select:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.2rem; top: 50%; transition: all .2s linear; width: 0; } ._active .action-select-wrap .action-select:after, .active .action-select-wrap .action-select:after { transform: rotate(180deg); } .action-select-wrap .action-select:hover:after { border-color: #000000 transparent transparent transparent; } .action-select-wrap .action-select:hover { border-color: #878787; } .action-select-wrap .action-select:hover:before { border-color: #878787; } .action-select-wrap .action-select:before { background-color: #e3e3e3; border: 1px solid #adadad; bottom: 0; content: ''; position: absolute; right: 0; top: 0; width: 3.2rem; } .action-select-wrap .action-select._active { border-color: #007bdb; } .action-select-wrap .action-select._active:before { border-color: #007bdb; border-left-color: #adadad; } .action-select-wrap .action-select[disabled] { color: #41362f; } .action-select-wrap .action-select[disabled]:after { border-color: #41362f transparent transparent transparent; } .action-select-wrap._active { z-index: 500; } .action-select-wrap._active .action-select { border-color: #007bdb; } .action-select-wrap._active .action-select:before { border-color: #007bdb; } .action-select-wrap._active .action-select:after { transform: rotate(180deg); } .action-select-wrap .action-menu, .action-select-wrap .abs-action-menu .action-submenu, .action-select-wrap .action-menu .action-submenu, .action-select-wrap .actions-split .dropdown-menu .action-submenu, .action-select-wrap .actions-split .action-menu .action-submenu { max-height: 45rem; overflow-y: auto; } .action-select-wrap .action-menu ._disabled:hover, .action-select-wrap .abs-action-menu .action-submenu ._disabled:hover, .action-select-wrap .action-menu .action-submenu ._disabled:hover, .action-select-wrap .actions-split .dropdown-menu .action-submenu ._disabled:hover, .action-select-wrap .actions-split .action-menu .action-submenu ._disabled:hover { background: #ffffff; } .action-select-wrap .action-menu ._disabled .action-menu-item, .action-select-wrap .abs-action-menu .action-submenu ._disabled .action-menu-item, .action-select-wrap .action-menu .action-submenu ._disabled .action-menu-item, .action-select-wrap .actions-split .dropdown-menu .action-submenu ._disabled .action-menu-item, .action-select-wrap .actions-split .action-menu .action-submenu ._disabled .action-menu-item { cursor: default; opacity: .5; } .action-select-wrap .action-menu-items { left: 0; position: absolute; right: 0; top: 100%; } .action-select-wrap .action-menu-items > .action-menu, .action-select-wrap .action-menu-items > .abs-action-menu .action-submenu, .action-select-wrap .action-menu-items > .action-menu .action-submenu, .action-select-wrap .action-menu-items > .actions-split .dropdown-menu .action-submenu, .action-select-wrap .action-menu-items > .actions-split .action-menu .action-submenu { min-width: 100%; position: static; } .action-select-wrap .action-menu-items > .action-menu .action-submenu, .action-select-wrap .action-menu-items > .abs-action-menu .action-submenu .action-submenu, .action-select-wrap .action-menu-items > .action-menu .action-submenu .action-submenu, .action-select-wrap .action-menu-items > .actions-split .dropdown-menu .action-submenu .action-submenu, .action-select-wrap .action-menu-items > .actions-split .action-menu .action-submenu .action-submenu { position: absolute; right: -100%; } .action-multicheck-wrap { display: inline-block; height: 1.6rem; padding-top: 1px; position: relative; width: 3.1rem; z-index: 200; } .action-multicheck-wrap:hover .admin__control-checkbox + label:before, .action-multicheck-wrap:hover .action-multicheck-toggle { border-color: #878787; } .action-multicheck-wrap._active .admin__control-checkbox + label:before, .action-multicheck-wrap._active .action-multicheck-toggle { border-color: #007bdb; } .action-multicheck-wrap._active .action-menu, .action-multicheck-wrap._active .abs-action-menu .action-submenu, .action-multicheck-wrap._active .action-menu .action-submenu, .action-multicheck-wrap._active .actions-split .dropdown-menu .action-submenu, .action-multicheck-wrap._active .actions-split .action-menu .action-submenu { opacity: 1; visibility: visible; display: block; } .action-multicheck-wrap._disabled .admin__control-checkbox + label:before { background-color: #ffffff; } .action-multicheck-wrap._disabled .admin__control-checkbox + label:before, .action-multicheck-wrap._disabled .action-multicheck-toggle { border-color: #adadad; opacity: 1; } .action-multicheck-wrap .admin__control-checkbox, .action-multicheck-wrap .admin__control-checkbox + label, .action-multicheck-wrap .action-multicheck-toggle { float: left; } .action-multicheck-wrap .action-multicheck-toggle { padding-right: 3rem; border-radius: 0 1px 1px 0; height: 1.6rem; margin-left: -1px; padding: 0; position: relative; transition: border-color 0.1s linear; width: 1.6rem; } .action-multicheck-wrap .action-multicheck-toggle._active:after, .action-multicheck-wrap .action-multicheck-toggle.active:after, .mass-select-wrap select:focus + label:after { transform: rotate(180deg); } .action-multicheck-wrap .action-multicheck-toggle:after, .mass-select-wrap select + label:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.1rem; top: 50%; transition: all .2s linear; width: 0; } ._active .action-multicheck-wrap .action-multicheck-toggle:after, .active .action-multicheck-wrap .action-multicheck-toggle:after { transform: rotate(180deg); } .action-multicheck-wrap .action-multicheck-toggle:hover:after { border-color: #000000 transparent transparent transparent; } .action-multicheck-wrap .action-multicheck-toggle:focus { border-color: #007bdb; } .action-multicheck-wrap .action-multicheck-toggle:after, .mass-select-wrap select + label:after { right: .3rem; } .action-multicheck-wrap .action-menu, .action-multicheck-wrap .abs-action-menu .action-submenu, .action-multicheck-wrap .action-menu .action-submenu, .action-multicheck-wrap .actions-split .dropdown-menu .action-submenu, .action-multicheck-wrap .actions-split .action-menu .action-submenu { left: -1.1rem; margin-top: 1px; right: auto; text-align: left; } .action-multicheck-wrap .action-menu-item { white-space: nowrap; } .admin__action-multiselect-wrap { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; display: block; user-select: none; } .admin__action-multiselect-wrap.action-select-wrap:focus { box-shadow: none; } .admin__action-multiselect-wrap.action-select-wrap .action-menu, .admin__action-multiselect-wrap.action-select-wrap .abs-action-menu .action-submenu, .admin__action-multiselect-wrap.action-select-wrap .action-menu .action-submenu, .admin__action-multiselect-wrap.action-select-wrap .actions-split .dropdown-menu .action-submenu, .admin__action-multiselect-wrap.action-select-wrap .actions-split .action-menu .action-submenu { max-height: none; overflow-y: inherit; } .admin__action-multiselect-wrap .action-menu-item { transition: background-color 0.1s linear; } .admin__action-multiselect-wrap .action-menu-item._selected { background-color: #e0f6fe; } .admin__action-multiselect-wrap .action-menu-item._hover { background-color: #e3e3e3; } .admin__action-multiselect-wrap .action-menu-item._unclickable { cursor: default; } .admin__action-multiselect-wrap .admin__action-multiselect { border: 1px solid #adadad; cursor: pointer; display: block; min-height: 3.2rem; padding-right: 3.6rem; white-space: normal; } .admin__action-multiselect-wrap .admin__action-multiselect:after { bottom: 1.25rem; top: auto; } .admin__action-multiselect-wrap .admin__action-multiselect:before { height: 3.3rem; top: auto; } .admin__control-table-wrapper .admin__action-multiselect-wrap { position: static; } .admin__control-table-wrapper .admin__action-multiselect-wrap .admin__action-multiselect { position: relative; } .admin__control-table-wrapper .admin__action-multiselect-wrap .admin__action-multiselect:before { right: -1px; top: -1px; } .admin__control-table-wrapper .admin__action-multiselect-wrap .action-menu, .admin__control-table-wrapper .admin__action-multiselect-wrap .abs-action-menu .action-submenu, .admin__control-table-wrapper .admin__action-multiselect-wrap .action-menu .action-submenu, .admin__control-table-wrapper .admin__action-multiselect-wrap .actions-split .dropdown-menu .action-submenu, .admin__control-table-wrapper .admin__action-multiselect-wrap .actions-split .action-menu .action-submenu { left: auto; min-width: 34rem; right: auto; top: auto; z-index: 1; } .admin__action-multiselect-wrap .admin__action-multiselect-item-path { color: #a79d95; font-size: 1.2rem; font-weight: 400; padding-left: 1rem; } .admin__action-multiselect-actions-wrap { border-top: 1px solid #e3e3e3; margin: 0 1rem; padding: 1rem 0; text-align: center; } .admin__action-multiselect-actions-wrap .action-default { font-size: 1.3rem; min-width: 13rem; } .admin__action-multiselect-text { padding: .6rem 1rem; } .action-menu, .abs-action-menu .action-submenu, .action-menu .action-submenu, .actions-split .dropdown-menu .action-submenu, .actions-split .action-menu .action-submenu { left: 0; margin-top: 2px; right: auto; text-align: left; } .admin__action-multiselect-label { cursor: pointer; position: relative; z-index: 1; } .admin__action-multiselect-label:before { margin-right: .5rem; } ._unclickable .admin__action-multiselect-label { cursor: default; font-weight: 700; } .admin__action-multiselect-search-wrap { border-bottom: 1px solid #e3e3e3; margin: 0 1rem; padding: 1rem 0; position: relative; } .admin__action-multiselect-search { padding-right: 3rem; width: 100%; } .admin__action-multiselect-search-label { display: block; font-size: 1.5rem; height: 1.3em; overflow: hidden; position: absolute; right: 2.2rem; top: 1.7rem; width: 1em; } .admin__action-multiselect-search-label:before { content: '\e60c'; } .admin__action-multiselect-search-count { color: #a79d95; margin-top: 1rem; } .admin__action-multiselect-empty-area { color: #a79d95; padding-bottom: 20px; padding-top: 20px; text-align: center; vertical-align: middle; } .admin__action-multiselect-menu-inner { margin-bottom: 0; max-height: 46rem; overflow-y: auto; } .admin__action-multiselect-menu-inner .admin__action-multiselect-menu-inner { list-style: none; max-height: none; overflow: hidden; padding-left: 2.2rem; } .admin__action-multiselect-menu-inner ._hidden { display: none; } .admin__action-multiselect-crumb { background-color: #f5f5f5; border: 1px solid #a79d95; border-radius: 1px; display: inline-block; font-size: 1.2rem; margin: 0.3rem -4px 0.3rem 0.3rem; padding: 0.3rem 2.4rem 0.4rem 1rem; position: relative; transition: border-color 0.1s linear; } .admin__action-multiselect-crumb:hover { border-color: #908379; } .admin__action-multiselect-crumb .action-close { bottom: 0; font-size: .5em; position: absolute; right: 0; top: 0; width: 2rem; } .admin__action-multiselect-crumb .action-close:hover { color: #060504; } .admin__action-multiselect-crumb .action-close:focus, .admin__action-multiselect-crumb .action-close:active { background-color: transparent; } .admin__action-multiselect-crumb .action-close:active { transform: scale(0.9); } .admin__action-multiselect-tree .action-menu, .admin__action-multiselect-tree .abs-action-menu .action-submenu, .admin__action-multiselect-tree .action-menu .action-submenu, .admin__action-multiselect-tree .actions-split .dropdown-menu .action-submenu, .admin__action-multiselect-tree .actions-split .action-menu .action-submenu { min-width: 34.7rem; } .admin__action-multiselect-tree .action-menu .action-menu-item, .admin__action-multiselect-tree .abs-action-menu .action-submenu .action-menu-item, .admin__action-multiselect-tree .action-menu .action-submenu .action-menu-item, .admin__action-multiselect-tree .actions-split .dropdown-menu .action-submenu .action-menu-item, .admin__action-multiselect-tree .actions-split .action-menu .action-submenu .action-menu-item { margin-top: .1rem; } .admin__action-multiselect-tree .action-menu-item { margin-left: 4.2rem; position: relative; } .admin__action-multiselect-tree .action-menu-item._expended:before { border-left: 1px dashed #a79d95; bottom: 0; content: ''; left: -1rem; position: absolute; top: 1rem; width: 1px; } .admin__action-multiselect-tree .action-menu-item._expended .admin__action-multiselect-dropdown:before { content: '\e615'; } .admin__action-multiselect-tree .action-menu-item._with-checkbox .admin__action-multiselect-label { padding-left: 2.6rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner { position: relative; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner .admin__action-multiselect-menu-inner { padding-left: 3.2rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner .admin__action-multiselect-menu-inner:before { left: 4.3rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item { position: relative; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:last-child:before { height: 2.1rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:after, .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:before { content: ''; left: 0; position: absolute; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:after { border-top: 1px dashed #a79d95; height: 1px; top: 2.1rem; width: 4.2rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:before { border-left: 1px dashed #a79d95; height: 100%; top: 0; width: 1px; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._parent:after { width: 4.2rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root { margin-left: -1rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root:after { left: 3.2rem; width: 2.2rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root:before { left: 3.2rem; top: 1rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root._parent:after { display: none; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root:first-child:before { top: 2.1rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root:last-child:before { height: 1rem; } .admin__action-multiselect-tree .admin__action-multiselect-label { line-height: 2.2rem; vertical-align: middle; word-break: break-all; } .admin__action-multiselect-tree .admin__action-multiselect-label:before { left: 0; position: absolute; top: .4rem; } .admin__action-multiselect-dropdown { border-radius: 50%; height: 2.2rem; left: -2.2rem; position: absolute; top: 1rem; width: 2.2rem; z-index: 1; } .admin__action-multiselect-dropdown:before { background: #ffffff; color: #a79d95; content: '\e616'; font-size: 2.2rem; } .admin__actions-switch { display: inline-block; position: relative; vertical-align: middle; } .admin__field-control .admin__actions-switch { line-height: 3.2rem; } .admin__actions-switch + .admin__field-service { min-width: 34rem; } ._disabled .admin__actions-switch-checkbox + .admin__actions-switch-label, .admin__actions-switch-checkbox.disabled + .admin__actions-switch-label { cursor: not-allowed; opacity: 0.5; pointer-events: none; } .admin__actions-switch-checkbox:checked + .admin__actions-switch-label:before { left: 15px; } .admin__actions-switch-checkbox:checked + .admin__actions-switch-label:after { background: #79a22e; } .admin__actions-switch-checkbox:checked + .admin__actions-switch-label .admin__actions-switch-text:before { content: attr(data-text-on); } .admin__actions-switch-checkbox:focus + .admin__actions-switch-label:before, .admin__actions-switch-checkbox:focus + .admin__actions-switch-label:after { border-color: #007bdb; } ._error .admin__actions-switch-checkbox + .admin__actions-switch-label:before, ._error .admin__actions-switch-checkbox + .admin__actions-switch-label:after { border-color: #e22626; } .admin__actions-switch-label { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; display: inline-block; height: 22px; line-height: 22px; position: relative; user-select: none; vertical-align: middle; } .admin__actions-switch-label:before, .admin__actions-switch-label:after { left: 0; position: absolute; right: auto; top: 0; } .admin__actions-switch-label:before { background: #ffffff; border: 1px solid #aaa6a0; border-radius: 100%; content: ''; display: block; height: 22px; transition: left 0.2s ease-in 0s; width: 22px; z-index: 1; } .admin__actions-switch-label:after { background: #e3e3e3; border: 1px solid #aaa6a0; border-radius: 12px; content: ''; display: block; height: 22px; transition: background 0.2s ease-in 0s; width: 37px; z-index: 0; } .admin__actions-switch-text:before { content: attr(data-text-off); padding-left: 47px; white-space: nowrap; } .abs-action-reset, .admin__field-fallback-reset, .abs-action-delete, .action-close, .timeline-action, .image .action-remove, .image-panel-controls .action-delete, .image-panel-controls .action-remove, .file-uploader-preview .action-remove, .search-global-field._active .search-global-action, .notifications-close, .adminhtml-integration-index .data-grid .action, .order-discounts .admin__field .action-default, .add-by-sku-wrapper .action-reset, .rma-items .col-actions .action-item-delete-line { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; } .abs-action-reset:hover, .admin__field-fallback-reset:hover, .abs-action-delete:hover, .action-close:hover, .timeline-action:hover, .image .action-remove:hover, .image-panel-controls .action-delete:hover, .image-panel-controls .action-remove:hover, .file-uploader-preview .action-remove:hover, .search-global-field._active .search-global-action:hover, .notifications-close:hover, .adminhtml-integration-index .data-grid .action:hover, .order-discounts .admin__field .action-default:hover, .add-by-sku-wrapper .action-reset:hover, .rma-items .col-actions .action-item-delete-line:hover { background-color: transparent; border: none; box-shadow: none; } .abs-action-pattern, .abs-action-default, .abs-action-primary, .abs-action-secondary, .abs-action-tertiary, .abs-action-quaternary, .action-default, button, .action-primary, .action-secondary, .action-tertiary, .action-quaternary, .action-advanced-reports, .mass-select-wrap select + label, .action-basic, button, button.primary, button.secondary, button.tertiary, .ui-dialog .action-close, .ui-dialog .ui-button, .ui-dialog .action-primary, .attribute-popup-actions .action-default.reset, .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .modal-popup .modal-footer .action-primary, .modal-popup .modal-footer .action-secondary, .page-actions > button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions > button.action-secondary, .page-actions .page-actions-buttons > button.action-secondary, .page-actions .page-actions-buttons > .action.action-secondary, .steps-wizard .select-attributes-actions .action-default, .downloadable-form .action-add, .rma-items .col-actions .action-item-details, .rma-items .col-actions .action-item-split-line, .rma-items-block .col-actions a, .field-vat-number .action-default, .order-billing-method-summary .action-default, .order-shipping-method-summary .action-default, .order-shipping-method-info .action-default, .block-footer .action-add, .block-footer .action-add, .popup-window .magento_buttons .ok_button, .popup-window .magento_buttons .cancel_button, .fade .actions .primary, .fade .actions .cancel, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .page-actions .page-actions.floating-header > button.action-secondary, .page-actions .page-actions.floating-header > .action.action-secondary, .block-footer .action-add, .block-footer .action-add.primary, .block-footer .action-add.secondary, .block-footer .action-add.tertiary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary, .page-actions > .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary, .page-actions > .block-footer .action-add.action-secondary, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary { border: 1px solid; border-radius: 0; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 1.36; padding: 0.6rem 1em 0.6rem; text-align: center; vertical-align: baseline; } .abs-action-pattern[disabled], .abs-action-pattern.disabled, .abs-action-default[disabled], .abs-action-default.disabled, .abs-action-primary[disabled], .abs-action-primary.disabled, .abs-action-secondary[disabled], .abs-action-secondary.disabled, .abs-action-tertiary[disabled], .abs-action-tertiary.disabled, .abs-action-quaternary[disabled], .abs-action-quaternary.disabled, .action-default[disabled], .action-default.disabled, button[disabled], button.disabled, .action-primary[disabled], .action-primary.disabled, .action-secondary[disabled], .action-secondary.disabled, .action-tertiary[disabled], .action-tertiary.disabled, .action-quaternary[disabled], .action-quaternary.disabled, .action-advanced-reports[disabled], .action-advanced-reports.disabled, .mass-select-wrap select + label[disabled], .mass-select-wrap select + label.disabled, .action-basic[disabled], .action-basic.disabled, button[disabled], button.disabled, button.primary[disabled], button.primary.disabled, button.secondary[disabled], button.secondary.disabled, button.tertiary[disabled], button.tertiary.disabled, .ui-dialog .action-close[disabled], .ui-dialog .action-close.disabled, .ui-dialog .ui-button[disabled], .ui-dialog .ui-button.disabled, .ui-dialog .action-primary[disabled], .ui-dialog .action-primary.disabled, .attribute-popup-actions .action-default.reset[disabled], .attribute-popup-actions .action-default.reset.disabled, .attribute-popup-actions .page-actions-buttons > button.action-default.primary[disabled], .attribute-popup-actions .page-actions-buttons > button.action-default.primary.disabled, .modal-popup .modal-footer .action-primary[disabled], .modal-popup .modal-footer .action-primary.disabled, .modal-popup .modal-footer .action-secondary[disabled], .modal-popup .modal-footer .action-secondary.disabled, .page-actions > button[disabled], .page-actions > button.disabled, .page-actions .page-actions-buttons > button[disabled], .page-actions .page-actions-buttons > button.disabled, .page-actions .page-actions-buttons > .action[disabled], .page-actions .page-actions-buttons > .action.disabled, .page-actions > button.action-primary[disabled], .page-actions > button.action-primary.disabled, .page-actions .page-actions-buttons > button.action-primary[disabled], .page-actions .page-actions-buttons > button.action-primary.disabled, .page-actions .page-actions-buttons > .action.action-primary[disabled], .page-actions .page-actions-buttons > .action.action-primary.disabled, .page-actions > button.primary[disabled], .page-actions > button.primary.disabled, .page-actions .page-actions-buttons > button.primary[disabled], .page-actions .page-actions-buttons > button.primary.disabled, .page-actions .page-actions-buttons > .action.primary[disabled], .page-actions .page-actions-buttons > .action.primary.disabled, .page-actions > button.action-secondary[disabled], .page-actions > button.action-secondary.disabled, .page-actions .page-actions-buttons > button.action-secondary[disabled], .page-actions .page-actions-buttons > button.action-secondary.disabled, .page-actions .page-actions-buttons > .action.action-secondary[disabled], .page-actions .page-actions-buttons > .action.action-secondary.disabled, .steps-wizard .select-attributes-actions .action-default[disabled], .steps-wizard .select-attributes-actions .action-default.disabled, .downloadable-form .action-add[disabled], .downloadable-form .action-add.disabled, .rma-items .col-actions .action-item-details[disabled], .rma-items .col-actions .action-item-details.disabled, .rma-items .col-actions .action-item-split-line[disabled], .rma-items .col-actions .action-item-split-line.disabled, .rma-items-block .col-actions a[disabled], .rma-items-block .col-actions a.disabled, .field-vat-number .action-default[disabled], .field-vat-number .action-default.disabled, .order-billing-method-summary .action-default[disabled], .order-billing-method-summary .action-default.disabled, .order-shipping-method-summary .action-default[disabled], .order-shipping-method-summary .action-default.disabled, .order-shipping-method-info .action-default[disabled], .order-shipping-method-info .action-default.disabled, .block-footer .action-add[disabled], .block-footer .action-add.disabled, .block-footer .action-add[disabled], .block-footer .action-add.disabled, .popup-window .magento_buttons .ok_button[disabled], .popup-window .magento_buttons .ok_button.disabled, .popup-window .magento_buttons .cancel_button[disabled], .popup-window .magento_buttons .cancel_button.disabled, .fade .actions .primary[disabled], .fade .actions .primary.disabled, .fade .actions .cancel[disabled], .fade .actions .cancel.disabled, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary[disabled], .attribute-popup-actions .page-actions.floating-header > button.action-default.primary.disabled, .page-actions .page-actions.floating-header > button[disabled], .page-actions .page-actions.floating-header > button.disabled, .page-actions .page-actions.floating-header > .action[disabled], .page-actions .page-actions.floating-header > .action.disabled, .page-actions .page-actions.floating-header > button.action-primary[disabled], .page-actions .page-actions.floating-header > button.action-primary.disabled, .page-actions .page-actions.floating-header > .action.action-primary[disabled], .page-actions .page-actions.floating-header > .action.action-primary.disabled, .page-actions .page-actions.floating-header > button.primary[disabled], .page-actions .page-actions.floating-header > button.primary.disabled, .page-actions .page-actions.floating-header > .action.primary[disabled], .page-actions .page-actions.floating-header > .action.primary.disabled, .page-actions .page-actions.floating-header > button.action-secondary[disabled], .page-actions .page-actions.floating-header > button.action-secondary.disabled, .page-actions .page-actions.floating-header > .action.action-secondary[disabled], .page-actions .page-actions.floating-header > .action.action-secondary.disabled, .block-footer .action-add[disabled], .block-footer .action-add.disabled, .block-footer .action-add.primary[disabled], .block-footer .action-add.primary.disabled, .block-footer .action-add.secondary[disabled], .block-footer .action-add.secondary.disabled, .block-footer .action-add.tertiary[disabled], .block-footer .action-add.tertiary.disabled, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary[disabled], .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary.disabled, .page-actions > .block-footer .action-add[disabled], .page-actions > .block-footer .action-add.disabled, .page-actions .page-actions-buttons > .block-footer .action-add[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.disabled, .page-actions > .block-footer .action-add.action-primary[disabled], .page-actions > .block-footer .action-add.action-primary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.action-primary.disabled, .page-actions > .block-footer .action-add.primary[disabled], .page-actions > .block-footer .action-add.primary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.primary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.primary.disabled, .page-actions > .block-footer .action-add.action-secondary[disabled], .page-actions > .block-footer .action-add.action-secondary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary.disabled { cursor: default; opacity: 0.5; pointer-events: none; } .abs-action-l, .ui-dialog .ui-button, .ui-dialog .action-primary, .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .modal-popup .modal-footer .action-primary, .modal-popup .modal-footer .action-secondary, .action-advanced-reports, .page-actions button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions > button.action-secondary, .page-actions .page-actions-buttons > button.action-secondary, .page-actions .page-actions-buttons > .action.action-secondary, .page-layout-admin-login .action-primary, .admin__field-complex-attributes [class^='action-'], .steps-wizard .select-attributes-actions .action-default, .order-totals-actions .action-default, .staging-preview-item-content-wrapper > .actions-toolbar .action-primary, .popup-window .magento_buttons .ok_button, .fade .actions .primary, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .page-actions .page-actions.floating-header > button.action-secondary, .page-actions .page-actions.floating-header > .action.action-secondary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary, .page-actions .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary, .page-actions > .block-footer .action-add.action-secondary, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary { font-size: 1.6rem; letter-spacing: .025em; padding-bottom: 0.6875em; padding-top: 0.6875em; } .abs-action-delete, .rma-items .col-actions .action-item-delete-line { display: inline-block; font-size: 1.6rem; margin-left: 1.2rem; padding-top: .7rem; text-decoration: none; vertical-align: middle; } .abs-action-delete:after, .rma-items .col-actions .action-item-delete-line:after { color: #666666; content: '\e630'; } .abs-action-delete:hover:after, .rma-items .col-actions .action-item-delete-line:hover:after { color: #35302c; } .abs-action-button-as-link, .action-additional, .data-grid .action-delete { line-height: 1.36; padding: 0; color: #007bdb; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; border-radius: 0; } .abs-action-button-as-link:visited, .action-additional:visited, .data-grid .action-delete:visited { color: #007bdb; text-decoration: none; } .abs-action-button-as-link:hover, .action-additional:hover, .data-grid .action-delete:hover { color: #007bdb; text-decoration: underline; } .abs-action-button-as-link:active, .action-additional:active, .data-grid .action-delete:active { color: #ff5501; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .action-additional:hover, .action-additional:active, .action-additional:focus, .data-grid .action-delete:hover, .data-grid .action-delete:active, .data-grid .action-delete:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .action-additional.disabled, .action-additional[disabled], fieldset[disabled] .action-additional, .data-grid .action-delete.disabled, .data-grid .action-delete[disabled], fieldset[disabled] .data-grid .action-delete { color: #007bdb; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-button-as-link:not(:focus), .action-additional:active, .action-additional:not(:focus), .data-grid .action-delete:active, .data-grid .action-delete:not(:focus) { box-shadow: none; } .abs-action-button-as-link:focus, .action-additional:focus, .data-grid .action-delete:focus { color: #007bdb; } .abs-action-default, .mass-select-wrap select + label, button, .rma-items .col-actions .action-item-details, .rma-items .col-actions .action-item-split-line, .rma-items-block .col-actions a, .block-footer .action-add { background: #e3e3e3; border-color: #adadad; color: #514943; } .abs-action-default:hover, .abs-action-default:active, .abs-action-default:focus, button:hover, button:active, button:focus, .rma-items .col-actions .action-item-details:hover, .rma-items .col-actions .action-item-details:active, .rma-items .col-actions .action-item-details:focus, .rma-items .col-actions .action-item-split-line:hover, .rma-items .col-actions .action-item-split-line:active, .rma-items .col-actions .action-item-split-line:focus, .rma-items-block .col-actions a:hover, .rma-items-block .col-actions a:active, .rma-items-block .col-actions a:focus, .block-footer .action-add:hover, .block-footer .action-add:active, .block-footer .action-add:focus { background-color: #dbdbdb; color: #514943; text-decoration: none; } .abs-action-primary, button.primary, .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .block-footer .action-add.primary, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary { background-color: #eb5202; border-color: #eb5202; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); } .abs-action-primary:hover, .abs-action-primary:active, .abs-action-primary:focus, button.primary:hover, button.primary:active, button.primary:focus, .page-actions > button.action-primary:hover, .page-actions > button.action-primary:active, .page-actions > button.action-primary:focus, .page-actions .page-actions-buttons > button.action-primary:hover, .page-actions .page-actions-buttons > button.action-primary:active, .page-actions .page-actions-buttons > button.action-primary:focus, .page-actions .page-actions-buttons > .action.action-primary:hover, .page-actions .page-actions-buttons > .action.action-primary:active, .page-actions .page-actions-buttons > .action.action-primary:focus, .page-actions > button.primary:hover, .page-actions > button.primary:active, .page-actions > button.primary:focus, .page-actions .page-actions-buttons > button.primary:hover, .page-actions .page-actions-buttons > button.primary:active, .page-actions .page-actions-buttons > button.primary:focus, .page-actions .page-actions-buttons > .action.primary:hover, .page-actions .page-actions-buttons > .action.primary:active, .page-actions .page-actions-buttons > .action.primary:focus, .page-actions .page-actions.floating-header > button.action-primary:hover, .page-actions .page-actions.floating-header > button.action-primary:active, .page-actions .page-actions.floating-header > button.action-primary:focus, .page-actions .page-actions.floating-header > .action.action-primary:hover, .page-actions .page-actions.floating-header > .action.action-primary:active, .page-actions .page-actions.floating-header > .action.action-primary:focus, .page-actions .page-actions.floating-header > button.primary:hover, .page-actions .page-actions.floating-header > button.primary:active, .page-actions .page-actions.floating-header > button.primary:focus, .page-actions .page-actions.floating-header > .action.primary:hover, .page-actions .page-actions.floating-header > .action.primary:active, .page-actions .page-actions.floating-header > .action.primary:focus, .block-footer .action-add.primary:hover, .block-footer .action-add.primary:active, .block-footer .action-add.primary:focus, .page-actions > .block-footer .action-add.action-primary:hover, .page-actions > .block-footer .action-add.action-primary:active, .page-actions > .block-footer .action-add.action-primary:focus, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary:hover, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary:active, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary:focus, .page-actions > .block-footer .action-add.primary:hover, .page-actions > .block-footer .action-add.primary:active, .page-actions > .block-footer .action-add.primary:focus, .page-actions .page-actions-buttons > .block-footer .action-add.primary:hover, .page-actions .page-actions-buttons > .block-footer .action-add.primary:active, .page-actions .page-actions-buttons > .block-footer .action-add.primary:focus { background-color: #ba4000; border-color: #b84002; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .abs-action-primary.disabled, .abs-action-primary[disabled], button.primary.disabled, button.primary[disabled], .page-actions > button.action-primary.disabled, .page-actions > button.action-primary[disabled], .page-actions .page-actions-buttons > button.action-primary.disabled, .page-actions .page-actions-buttons > button.action-primary[disabled], .page-actions .page-actions-buttons > .action.action-primary.disabled, .page-actions .page-actions-buttons > .action.action-primary[disabled], .page-actions > button.primary.disabled, .page-actions > button.primary[disabled], .page-actions .page-actions-buttons > button.primary.disabled, .page-actions .page-actions-buttons > button.primary[disabled], .page-actions .page-actions-buttons > .action.primary.disabled, .page-actions .page-actions-buttons > .action.primary[disabled], .page-actions .page-actions.floating-header > button.action-primary.disabled, .page-actions .page-actions.floating-header > button.action-primary[disabled], .page-actions .page-actions.floating-header > .action.action-primary.disabled, .page-actions .page-actions.floating-header > .action.action-primary[disabled], .page-actions .page-actions.floating-header > button.primary.disabled, .page-actions .page-actions.floating-header > button.primary[disabled], .page-actions .page-actions.floating-header > .action.primary.disabled, .page-actions .page-actions.floating-header > .action.primary[disabled], .block-footer .action-add.primary.disabled, .block-footer .action-add.primary[disabled], .page-actions > .block-footer .action-add.action-primary.disabled, .page-actions > .block-footer .action-add.action-primary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.action-primary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary[disabled], .page-actions > .block-footer .action-add.primary.disabled, .page-actions > .block-footer .action-add.primary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.primary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.primary[disabled] { cursor: default; opacity: 0.5; pointer-events: none; } .abs-action-secondary, .action-basic, button.secondary, .ui-dialog .ui-button, .ui-dialog .action-primary, .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .modal-popup .modal-footer .action-primary, .page-actions > button.action-secondary, .page-actions .page-actions-buttons > button.action-secondary, .page-actions .page-actions-buttons > .action.action-secondary, .steps-wizard .select-attributes-actions .action-default, .popup-window .magento_buttons .ok_button, .fade .actions .primary, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .page-actions .page-actions.floating-header > button.action-secondary, .page-actions .page-actions.floating-header > .action.action-secondary, .block-footer .action-add.secondary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary, .page-actions > .block-footer .action-add.action-secondary, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary { background-color: #514943; border-color: #514943; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .abs-action-secondary:hover, .abs-action-secondary:active, .abs-action-secondary:focus, .action-basic:hover, .action-basic:active, .action-basic:focus, button.secondary:hover, button.secondary:active, button.secondary:focus, .ui-dialog .ui-button:hover, .ui-dialog .ui-button:active, .ui-dialog .ui-button:focus, .ui-dialog .action-primary:hover, .ui-dialog .action-primary:active, .ui-dialog .action-primary:focus, .attribute-popup-actions .page-actions-buttons > button.action-default.primary:hover, .attribute-popup-actions .page-actions-buttons > button.action-default.primary:active, .attribute-popup-actions .page-actions-buttons > button.action-default.primary:focus, .modal-popup .modal-footer .action-primary:hover, .modal-popup .modal-footer .action-primary:active, .modal-popup .modal-footer .action-primary:focus, .page-actions > button.action-secondary:hover, .page-actions > button.action-secondary:active, .page-actions > button.action-secondary:focus, .page-actions .page-actions-buttons > button.action-secondary:hover, .page-actions .page-actions-buttons > button.action-secondary:active, .page-actions .page-actions-buttons > button.action-secondary:focus, .page-actions .page-actions-buttons > .action.action-secondary:hover, .page-actions .page-actions-buttons > .action.action-secondary:active, .page-actions .page-actions-buttons > .action.action-secondary:focus, .steps-wizard .select-attributes-actions .action-default:hover, .steps-wizard .select-attributes-actions .action-default:active, .steps-wizard .select-attributes-actions .action-default:focus, .popup-window .magento_buttons .ok_button:hover, .popup-window .magento_buttons .ok_button:active, .popup-window .magento_buttons .ok_button:focus, .fade .actions .primary:hover, .fade .actions .primary:active, .fade .actions .primary:focus, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary:hover, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary:active, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary:focus, .page-actions .page-actions.floating-header > button.action-secondary:hover, .page-actions .page-actions.floating-header > button.action-secondary:active, .page-actions .page-actions.floating-header > button.action-secondary:focus, .page-actions .page-actions.floating-header > .action.action-secondary:hover, .page-actions .page-actions.floating-header > .action.action-secondary:active, .page-actions .page-actions.floating-header > .action.action-secondary:focus, .block-footer .action-add.secondary:hover, .block-footer .action-add.secondary:active, .block-footer .action-add.secondary:focus, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary:hover, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary:active, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary:focus, .page-actions > .block-footer .action-add.action-secondary:hover, .page-actions > .block-footer .action-add.action-secondary:active, .page-actions > .block-footer .action-add.action-secondary:focus, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary:hover, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary:active, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary:focus { background-color: #35302c; border-color: #35302c; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .abs-action-secondary:active, .action-basic:active, button.secondary:active, .ui-dialog .ui-button:active, .ui-dialog .action-primary:active, .attribute-popup-actions .page-actions-buttons > button.action-default.primary:active, .modal-popup .modal-footer .action-primary:active, .page-actions > button.action-secondary:active, .page-actions .page-actions-buttons > button.action-secondary:active, .page-actions .page-actions-buttons > .action.action-secondary:active, .steps-wizard .select-attributes-actions .action-default:active, .popup-window .magento_buttons .ok_button:active, .fade .actions .primary:active, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary:active, .page-actions .page-actions.floating-header > button.action-secondary:active, .page-actions .page-actions.floating-header > .action.action-secondary:active, .block-footer .action-add.secondary:active, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary:active, .page-actions > .block-footer .action-add.action-secondary:active, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary:active { background-color: #35302c; } .abs-action-tertiary, button.tertiary, .ui-dialog .action-close, .attribute-popup-actions .action-default.reset, .modal-popup .modal-footer .action-secondary, .popup-window .magento_buttons .cancel_button, .fade .actions .cancel, .block-footer .action-add.tertiary { background-color: transparent; border-color: transparent; text-shadow: none; color: #007bdb; } .abs-action-tertiary:active, .abs-action-tertiary:hover, .abs-action-tertiary:focus, button.tertiary:active, button.tertiary:hover, button.tertiary:focus, .ui-dialog .action-close:active, .ui-dialog .action-close:hover, .ui-dialog .action-close:focus, .attribute-popup-actions .action-default.reset:active, .attribute-popup-actions .action-default.reset:hover, .attribute-popup-actions .action-default.reset:focus, .modal-popup .modal-footer .action-secondary:active, .modal-popup .modal-footer .action-secondary:hover, .modal-popup .modal-footer .action-secondary:focus, .popup-window .magento_buttons .cancel_button:active, .popup-window .magento_buttons .cancel_button:hover, .popup-window .magento_buttons .cancel_button:focus, .fade .actions .cancel:active, .fade .actions .cancel:hover, .fade .actions .cancel:focus, .block-footer .action-add.tertiary:active, .block-footer .action-add.tertiary:hover, .block-footer .action-add.tertiary:focus { background-color: transparent; border-color: transparent; box-shadow: none; } .abs-action-tertiary:active, .abs-action-tertiary:hover, .abs-action-tertiary:focus, button.tertiary:active, button.tertiary:hover, button.tertiary:focus, .ui-dialog .action-close:active, .ui-dialog .action-close:hover, .ui-dialog .action-close:focus, .attribute-popup-actions .action-default.reset:active, .attribute-popup-actions .action-default.reset:hover, .attribute-popup-actions .action-default.reset:focus, .modal-popup .modal-footer .action-secondary:active, .modal-popup .modal-footer .action-secondary:hover, .modal-popup .modal-footer .action-secondary:focus, .popup-window .magento_buttons .cancel_button:active, .popup-window .magento_buttons .cancel_button:hover, .popup-window .magento_buttons .cancel_button:focus, .fade .actions .cancel:active, .fade .actions .cancel:hover, .fade .actions .cancel:focus, .block-footer .action-add.tertiary:active, .block-footer .action-add.tertiary:hover, .block-footer .action-add.tertiary:focus { color: #007bdb; text-decoration: underline; } .abs-action-quaternary, .page-actions > button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions > .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add { background-color: transparent; border-color: transparent; text-shadow: none; color: #41362f; } .abs-action-quaternary:active, .abs-action-quaternary:hover, .abs-action-quaternary:focus, .page-actions > button:active, .page-actions > button:hover, .page-actions > button:focus, .page-actions .page-actions-buttons > button:active, .page-actions .page-actions-buttons > button:hover, .page-actions .page-actions-buttons > button:focus, .page-actions .page-actions-buttons > .action:active, .page-actions .page-actions-buttons > .action:hover, .page-actions .page-actions-buttons > .action:focus, .page-actions .page-actions.floating-header > button:active, .page-actions .page-actions.floating-header > button:hover, .page-actions .page-actions.floating-header > button:focus, .page-actions .page-actions.floating-header > .action:active, .page-actions .page-actions.floating-header > .action:hover, .page-actions .page-actions.floating-header > .action:focus, .page-actions > .block-footer .action-add:active, .page-actions > .block-footer .action-add:hover, .page-actions > .block-footer .action-add:focus, .page-actions .page-actions-buttons > .block-footer .action-add:active, .page-actions .page-actions-buttons > .block-footer .action-add:hover, .page-actions .page-actions-buttons > .block-footer .action-add:focus { background-color: transparent; border-color: transparent; box-shadow: none; } .abs-action-quaternary:active, .abs-action-quaternary:hover, .abs-action-quaternary:focus, .page-actions > button:active, .page-actions > button:hover, .page-actions > button:focus, .page-actions .page-actions-buttons > button:active, .page-actions .page-actions-buttons > button:hover, .page-actions .page-actions-buttons > button:focus, .page-actions .page-actions-buttons > .action:active, .page-actions .page-actions-buttons > .action:hover, .page-actions .page-actions-buttons > .action:focus, .page-actions .page-actions.floating-header > button:active, .page-actions .page-actions.floating-header > button:hover, .page-actions .page-actions.floating-header > button:focus, .page-actions .page-actions.floating-header > .action:active, .page-actions .page-actions.floating-header > .action:hover, .page-actions .page-actions.floating-header > .action:focus, .page-actions > .block-footer .action-add:active, .page-actions > .block-footer .action-add:hover, .page-actions > .block-footer .action-add:focus, .page-actions .page-actions-buttons > .block-footer .action-add:active, .page-actions .page-actions-buttons > .block-footer .action-add:hover, .page-actions .page-actions-buttons > .block-footer .action-add:focus { color: #231d1a; } .abs-action-menu, .actions-split .dropdown-menu, .actions-split .action-menu, .actions-split .abs-action-menu .action-submenu, .actions-split .action-menu .action-submenu { margin-top: 2px; right: auto; text-align: left; background-color: #ffffff; border: 1px solid #007bdb; border-radius: 1px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); color: #41362f; display: none; font-weight: 400; left: 0; list-style: none; margin: 2px 0 0; min-width: 0; padding: 0; position: absolute; right: 0; top: 100%; } .abs-action-menu._active, .actions-split .dropdown-menu._active, .actions-split .action-menu._active, .actions-split .abs-action-menu .action-submenu._active, .actions-split .action-menu .action-submenu._active { display: block; } .abs-action-menu > li, .actions-split .dropdown-menu > li, .actions-split .action-menu > li, .actions-split .abs-action-menu .action-submenu > li, .actions-split .action-menu .action-submenu > li { border: none; display: block; padding: 0; transition: background-color 0.1s linear; } .abs-action-menu > li > a:hover, .actions-split .dropdown-menu > li > a:hover, .actions-split .action-menu > li > a:hover, .actions-split .abs-action-menu .action-submenu > li > a:hover, .actions-split .action-menu .action-submenu > li > a:hover { text-decoration: none; } .abs-action-menu > li._visible, .actions-split .dropdown-menu > li._visible, .actions-split .action-menu > li._visible, .actions-split .abs-action-menu .action-submenu > li._visible, .actions-split .action-menu .action-submenu > li._visible { background-color: #e3e3e3; } .abs-action-menu > li:hover, .actions-split .dropdown-menu > li:hover, .actions-split .action-menu > li:hover, .actions-split .abs-action-menu .action-submenu > li:hover, .actions-split .action-menu .action-submenu > li:hover { background-color: #e3e3e3; } .abs-action-menu > li:active, .actions-split .dropdown-menu > li:active, .actions-split .action-menu > li:active, .actions-split .abs-action-menu .action-submenu > li:active, .actions-split .action-menu .action-submenu > li:active { background-color: #cacaca; } .abs-action-menu > li._parent, .actions-split .dropdown-menu > li._parent, .actions-split .action-menu > li._parent, .actions-split .abs-action-menu .action-submenu > li._parent, .actions-split .action-menu .action-submenu > li._parent { display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; display: flex; flex-direction: row; } .abs-action-menu > li._parent > .action-menu-item, .actions-split .dropdown-menu > li._parent > .action-menu-item, .actions-split .action-menu > li._parent > .action-menu-item, .actions-split .abs-action-menu .action-submenu > li._parent > .action-menu-item, .actions-split .action-menu .action-submenu > li._parent > .action-menu-item { min-width: 100%; } .abs-action-menu > li._parent::after, .actions-split .dropdown-menu > li._parent::after, .actions-split .action-menu > li._parent::after, .actions-split .abs-action-menu .action-submenu > li._parent::after, .actions-split .action-menu .action-submenu > li._parent::after { border-color: transparent transparent transparent #000000; border-style: solid; border-width: .4rem 0 .4rem .5rem; content: ''; height: 0; position: relative; right: 1.2rem; top: 1.4rem; width: 0; } .abs-action-menu .item, .abs-action-menu .action-menu-item, .actions-split .dropdown-menu .item, .actions-split .dropdown-menu .action-menu-item, .actions-split .action-menu .item, .actions-split .action-menu .action-menu-item, .actions-split .abs-action-menu .action-submenu .item, .actions-split .abs-action-menu .action-submenu .action-menu-item, .actions-split .action-menu .action-submenu .item, .actions-split .action-menu .action-submenu .action-menu-item { cursor: pointer; display: block; padding: .6875em 1em; } .abs-action-menu .action-submenu, .actions-split .dropdown-menu .action-submenu, .actions-split .action-menu .action-submenu { bottom: auto; left: auto; margin-left: 0; margin-top: -1px; position: absolute; right: auto; top: auto; } .abs-action-menu a.action-menu-item, .actions-split .dropdown-menu a.action-menu-item, .actions-split .action-menu a.action-menu-item, .actions-split .abs-action-menu .action-submenu a.action-menu-item, .actions-split .action-menu .action-submenu a.action-menu-item { color: #41362f; } .abs-action-menu a.action-menu-item:focus, .actions-split .dropdown-menu a.action-menu-item:focus, .actions-split .action-menu a.action-menu-item:focus, .actions-split .abs-action-menu .action-submenu a.action-menu-item:focus, .actions-split .action-menu .action-submenu a.action-menu-item:focus { background-color: #e3e3e3; box-shadow: none; } .abs-action-wrap-triangle, .action-wrap-prev, .action-wrap-next { position: relative; } .abs-action-wrap-triangle .action-default, .action-wrap-prev .action-default, .action-wrap-next .action-default { width: 100%; } .abs-action-wrap-triangle .action-default:before, .abs-action-wrap-triangle .action-default:after, .action-wrap-prev .action-default:before, .action-wrap-prev .action-default:after, .action-wrap-next .action-default:before, .action-wrap-next .action-default:after { border-style: solid; content: ''; height: 0; position: absolute; top: 0; width: 0; } .abs-action-wrap-triangle .action-default:active, .abs-action-wrap-triangle .action-default:hover, .abs-action-wrap-triangle .action-default:focus, .action-wrap-prev .action-default:active, .action-wrap-prev .action-default:hover, .action-wrap-prev .action-default:focus, .action-wrap-next .action-default:active, .action-wrap-next .action-default:hover, .action-wrap-next .action-default:focus { box-shadow: none; } ._keyfocus .abs-action-wrap-triangle .action-default:focus, ._keyfocus .action-wrap-prev .action-default:focus, ._keyfocus .action-wrap-next .action-default:focus { box-shadow: 0 0 0 1px #007bdb; } .abs-action-wrap-triangle-right, .action-wrap-next { display: inline-block; padding-right: 1.6rem; position: relative; } .abs-action-wrap-triangle-right .action-default:before, .abs-action-wrap-triangle-right .action-default:after, .action-wrap-next .action-default:before, .action-wrap-next .action-default:after { border-color: transparent transparent transparent #e3e3e3; border-width: 1.7rem 0 1.6rem 1.7rem; left: 100%; margin-left: -1.7rem; } .abs-action-wrap-triangle-right .action-default:before, .action-wrap-next .action-default:before { border-left-color: #949494; right: -1px; } .abs-action-wrap-triangle-right .action-default:hover:after, .abs-action-wrap-triangle-right .action-default:active:after, .abs-action-wrap-triangle-right .action-default:focus:after, .action-wrap-next .action-default:hover:after, .action-wrap-next .action-default:active:after, .action-wrap-next .action-default:focus:after { border-left-color: #dbdbdb; } .abs-action-wrap-triangle-right .action-primary:after, .action-wrap-next .action-primary:after { border-color: transparent transparent transparent #eb5202; } .abs-action-wrap-triangle-right .action-primary:hover:after, .abs-action-wrap-triangle-right .action-primary:active:after, .abs-action-wrap-triangle-right .action-primary:focus:after, .action-wrap-next .action-primary:hover:after, .action-wrap-next .action-primary:active:after, .action-wrap-next .action-primary:focus:after { border-left-color: #ba4000; } .abs-action-wrap-triangle-left, .action-wrap-prev { display: inline-block; padding-left: 1.6rem; } .abs-action-wrap-triangle-left .action-default, .action-wrap-prev .action-default { text-indent: -0.85rem; } .abs-action-wrap-triangle-left .action-default:before, .abs-action-wrap-triangle-left .action-default:after, .action-wrap-prev .action-default:before, .action-wrap-prev .action-default:after { border-color: transparent #e3e3e3 transparent transparent; border-width: 1.7rem 1.7rem 1.6rem 0; margin-right: -1.7rem; right: 100%; } .abs-action-wrap-triangle-left .action-default:before, .action-wrap-prev .action-default:before { border-right-color: #949494; left: -1px; } .abs-action-wrap-triangle-left .action-default:hover:after, .abs-action-wrap-triangle-left .action-default:active:after, .abs-action-wrap-triangle-left .action-default:focus:after, .action-wrap-prev .action-default:hover:after, .action-wrap-prev .action-default:active:after, .action-wrap-prev .action-default:focus:after { border-right-color: #dbdbdb; } .abs-action-wrap-triangle-left .action-primary:after, .action-wrap-prev .action-primary:after { border-color: transparent #eb5202 transparent transparent; } .abs-action-wrap-triangle-left .action-primary:hover:after, .abs-action-wrap-triangle-left .action-primary:active:after, .abs-action-wrap-triangle-left .action-primary:focus:after, .action-wrap-prev .action-primary:hover:after, .action-wrap-prev .action-primary:active:after, .action-wrap-prev .action-primary:focus:after { border-right-color: #ba4000; } .action-default, button, .block-footer .action-add, .block-footer .action-add { background: #e3e3e3; border-color: #adadad; color: #514943; } .action-default:hover, button:hover, .action-default:active, button:active, .action-default:focus, button:focus, .block-footer .action-add:hover, .block-footer .action-add:active, .block-footer .action-add:focus { background-color: #dbdbdb; color: #514943; text-decoration: none; } .action-primary { background-color: #eb5202; border-color: #eb5202; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); } .action-primary:hover, .action-primary:active, .action-primary:focus { background-color: #ba4000; border-color: #b84002; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .action-primary.disabled, .action-primary[disabled] { cursor: default; opacity: 0.5; pointer-events: none; } .action-secondary { background-color: #514943; border-color: #514943; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .action-secondary:hover, .action-secondary:active, .action-secondary:focus { background-color: #35302c; border-color: #35302c; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .action-secondary:active { background-color: #35302c; } .action-tertiary, .action-quaternary, .downloadable-form .action-add, .field-vat-number .action-default, .order-billing-method-summary .action-default, .order-shipping-method-summary .action-default, .order-shipping-method-info .action-default { background-color: transparent; border-color: transparent; text-shadow: none; } .action-tertiary:active, .action-quaternary:active, .action-tertiary:hover, .action-quaternary:hover, .action-tertiary:focus, .action-quaternary:focus, .downloadable-form .action-add:active, .downloadable-form .action-add:hover, .downloadable-form .action-add:focus, .field-vat-number .action-default:active, .field-vat-number .action-default:hover, .field-vat-number .action-default:focus, .order-billing-method-summary .action-default:active, .order-billing-method-summary .action-default:hover, .order-billing-method-summary .action-default:focus, .order-shipping-method-summary .action-default:active, .order-shipping-method-summary .action-default:hover, .order-shipping-method-summary .action-default:focus, .order-shipping-method-info .action-default:active, .order-shipping-method-info .action-default:hover, .order-shipping-method-info .action-default:focus { background-color: transparent; border-color: transparent; box-shadow: none; } .action-tertiary, .downloadable-form .action-add, .field-vat-number .action-default, .order-billing-method-summary .action-default, .order-shipping-method-summary .action-default, .order-shipping-method-info .action-default { color: #007bdb; } .action-tertiary:active, .action-tertiary:hover, .action-tertiary:focus, .downloadable-form .action-add:active, .downloadable-form .action-add:hover, .downloadable-form .action-add:focus, .field-vat-number .action-default:active, .field-vat-number .action-default:hover, .field-vat-number .action-default:focus, .order-billing-method-summary .action-default:active, .order-billing-method-summary .action-default:hover, .order-billing-method-summary .action-default:focus, .order-shipping-method-summary .action-default:active, .order-shipping-method-summary .action-default:hover, .order-shipping-method-summary .action-default:focus, .order-shipping-method-info .action-default:active, .order-shipping-method-info .action-default:hover, .order-shipping-method-info .action-default:focus { color: #007bdb; text-decoration: underline; } .action-quaternary { color: #41362f; } .action-quaternary:active, .action-quaternary:hover, .action-quaternary:focus { color: #231d1a; } .action-close > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .action-close:active { transform: scale(0.9); } .action-close:before { content: '\e62f'; transition: color 0.1s linear; } .action-close:hover { cursor: pointer; text-decoration: none; } .action-menu, .abs-action-menu .action-submenu, .action-menu .action-submenu, .actions-split .dropdown-menu .action-submenu, .actions-split .action-menu .action-submenu { background-color: #ffffff; border: 1px solid #007bdb; border-radius: 1px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); color: #41362f; display: none; font-weight: 400; left: 0; list-style: none; margin: 2px 0 0; min-width: 0; padding: 0; position: absolute; right: 0; top: 100%; } .action-menu._active, .abs-action-menu .action-submenu._active, .action-menu .action-submenu._active, .actions-split .dropdown-menu .action-submenu._active, .actions-split .action-menu .action-submenu._active { display: block; } .action-menu > li, .abs-action-menu .action-submenu > li, .action-menu .action-submenu > li, .actions-split .dropdown-menu .action-submenu > li, .actions-split .action-menu .action-submenu > li { border: none; display: block; padding: 0; transition: background-color 0.1s linear; } .action-menu > li > a:hover, .abs-action-menu .action-submenu > li > a:hover, .action-menu .action-submenu > li > a:hover, .actions-split .dropdown-menu .action-submenu > li > a:hover, .actions-split .action-menu .action-submenu > li > a:hover { text-decoration: none; } .action-menu > li._visible, .abs-action-menu .action-submenu > li._visible, .action-menu .action-submenu > li._visible, .actions-split .dropdown-menu .action-submenu > li._visible, .actions-split .action-menu .action-submenu > li._visible { background-color: #e3e3e3; } .action-menu > li:hover, .abs-action-menu .action-submenu > li:hover, .action-menu .action-submenu > li:hover, .actions-split .dropdown-menu .action-submenu > li:hover, .actions-split .action-menu .action-submenu > li:hover { background-color: #e3e3e3; } .action-menu > li:active, .abs-action-menu .action-submenu > li:active, .action-menu .action-submenu > li:active, .actions-split .dropdown-menu .action-submenu > li:active, .actions-split .action-menu .action-submenu > li:active { background-color: #cacaca; } .action-menu > li._parent, .abs-action-menu .action-submenu > li._parent, .action-menu .action-submenu > li._parent, .actions-split .dropdown-menu .action-submenu > li._parent, .actions-split .action-menu .action-submenu > li._parent { display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; display: flex; flex-direction: row; } .action-menu > li._parent > .action-menu-item, .abs-action-menu .action-submenu > li._parent > .action-menu-item, .action-menu .action-submenu > li._parent > .action-menu-item, .actions-split .dropdown-menu .action-submenu > li._parent > .action-menu-item, .actions-split .action-menu .action-submenu > li._parent > .action-menu-item { min-width: 100%; } .action-menu > li._parent::after, .abs-action-menu .action-submenu > li._parent::after, .action-menu .action-submenu > li._parent::after, .actions-split .dropdown-menu .action-submenu > li._parent::after, .actions-split .action-menu .action-submenu > li._parent::after { border-color: transparent transparent transparent #000000; border-style: solid; border-width: .4rem 0 .4rem .5rem; content: ''; height: 0; position: relative; right: 1.2rem; top: 1.4rem; width: 0; } .action-menu .item, .action-menu .action-menu-item, .abs-action-menu .action-submenu .item, .abs-action-menu .action-submenu .action-menu-item, .action-menu .action-submenu .item, .action-menu .action-submenu .action-menu-item, .actions-split .dropdown-menu .action-submenu .item, .actions-split .dropdown-menu .action-submenu .action-menu-item, .actions-split .action-menu .action-submenu .item, .actions-split .action-menu .action-submenu .action-menu-item { cursor: pointer; display: block; padding: .6875em 1em; } .action-menu .action-submenu { bottom: auto; left: auto; margin-left: 0; margin-top: -1px; position: absolute; right: auto; top: auto; } .action-menu a.action-menu-item, .abs-action-menu .action-submenu a.action-menu-item, .action-menu .action-submenu a.action-menu-item, .actions-split .dropdown-menu .action-submenu a.action-menu-item, .actions-split .action-menu .action-submenu a.action-menu-item { color: #41362f; } .action-menu a.action-menu-item:focus, .abs-action-menu .action-submenu a.action-menu-item:focus, .action-menu .action-submenu a.action-menu-item:focus, .actions-split .dropdown-menu .action-submenu a.action-menu-item:focus, .actions-split .action-menu .action-submenu a.action-menu-item:focus { background-color: #e3e3e3; box-shadow: none; } table { background-color: transparent; color: #303030; } table > caption { margin-bottom: .5em; } .admin__table-wrapper { overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .admin__table-primary, .admin__table-secondary { width: 100%; } .admin__table-primary { font-size: 1.3rem; } .admin__table-primary th, .admin__table-primary td { padding: 1rem 1.5rem; text-align: left; } .admin__table-primary th:first-child, .admin__table-primary td:first-child { padding-left: 0; } .admin__table-primary th { border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; font-weight: 700; vertical-align: bottom; } .admin__table-primary td { border-bottom: 1px solid #e3e3e3; vertical-align: top; } .admin__table-primary tbody tr:last-child td { border-bottom-color: transparent; } .admin__table-primary tfoot { background: #f8f8f8; font-weight: 600; } .admin__table-primary tfoot th:first-child, .admin__table-primary tfoot td:first-child { padding-left: 1.5rem; } .admin__table-secondary caption { font-size: 1.8rem; font-weight: 700; margin-bottom: .75em; text-align: left; } .admin__table-secondary thead th { background-color: transparent; font-weight: 600; } .admin__table-secondary tbody th { vertical-align: top; } .admin__table-secondary tbody tr:nth-child(odd) th, .admin__table-secondary tbody tr:nth-child(odd) td { background-color: #f1f1f1; } .admin__table-secondary tfoot tr:nth-child(odd) th, .admin__table-secondary tfoot tr:nth-child(odd) td { background-color: #ffffff; } .admin__table-secondary tfoot tr:first-child { border-top: 1px solid #e3e3e3; } .admin__table-secondary th, .admin__table-secondary td { padding: 1rem 1rem; text-align: left; } .admin__table-secondary th { color: #676056; font-weight: 400; } .row { margin-left: 0; margin-right: 0; } .row:after { clear: both; content: ''; display: table; } .col-xs-1, .col-m-1, .col-l-1, .col-xl-1, .col-xs-2, .col-m-2, .col-l-2, .col-xl-2, .col-xs-3, .col-m-3, .col-l-3, .col-xl-3, .col-xs-4, .col-m-4, .col-l-4, .col-xl-4, .col-xs-5, .col-m-5, .col-l-5, .col-xl-5, .col-xs-6, .col-m-6, .col-l-6, .col-xl-6, .col-xs-7, .col-m-7, .col-l-7, .col-xl-7, .col-xs-8, .col-m-8, .col-l-8, .col-xl-8, .col-xs-9, .col-m-9, .col-l-9, .col-xl-9, .col-xs-10, .col-m-10, .col-l-10, .col-xl-10, .col-xs-11, .col-m-11, .col-l-11, .col-xl-11, .col-xs-12, .col-m-12, .col-l-12, .col-xl-12 { min-height: 1px; padding-left: 0; padding-right: 0; position: relative; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } .row-gutter { margin-left: -1.5rem; margin-right: -1.5rem; } .row-gutter > [class*='col-'] { padding-left: 1.5rem; padding-right: 1.5rem; } .tabs-horiz { margin: 0; padding: 0; } .tabs-horiz .ui-state-default { background: #e3e3e3; border: 0.1rem solid #adadad; float: left; letter-spacing: .0183em; list-style: none; margin-right: .4rem; } .tabs-horiz .ui-state-hover { background: #d6d6d6; } .tabs-horiz .ui-state-active { background: #ffffff; border-bottom: 0; font-weight: 600; letter-spacing: normal; margin-bottom: -.1rem; } .tabs-horiz .ui-state-active .ui-tabs-anchor { border-bottom: 0.1rem solid #ffffff; border-top: 0.4rem solid #eb5202; padding-top: 1.1rem; } .tabs-horiz .ui-tabs-anchor { color: #41362f; display: block; padding: 1.5rem 1.8rem 1.3rem; text-decoration: none; } .tabs-horiz .ui-tabs-anchor:hover { color: #41362f; text-decoration: none; } .ui-tabs-panel { margin-top: -1px; padding: 2rem; } html { height: 100%; } body { background-color: #f5f5f5; min-height: 100%; min-width: 102.4rem; } .page-wrapper { background-color: #ffffff; display: inline-block; margin-left: -4px; vertical-align: top; width: calc(100% - 8.800000000000001rem); } .page-content { padding-bottom: 3rem; padding-left: 3rem; padding-right: 3rem; } .notices-wrapper { margin: 0 3rem; min-height: 5rem; } .notices-wrapper .messages { margin-bottom: 0; } ._disabled { box-shadow: none; cursor: default; opacity: .5; outline: 0; } ._disabled:hover { box-shadow: none; cursor: default; opacity: .5; outline: 0; } .a-center { text-align: center; } ._no-select { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .hidden { display: none; visibility: hidden; } input.no-display, .no-display { display: none; } .code-sample { font-family: monospace, serif; } .spinner { display: inline-block; font-size: 4rem; height: 1em; margin-right: 1.5rem; position: relative; width: 1em; } .spinner > span:nth-child(1) { -webkit-animation-delay: 0.27s; -moz-animation-delay: 0.27s; -ms-animation-delay: 0.27s; animation-delay: 0.27s; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); -ms-transform: rotate(-315deg); transform: rotate(-315deg); } .spinner > span:nth-child(2) { -webkit-animation-delay: 0.36s; -moz-animation-delay: 0.36s; -ms-animation-delay: 0.36s; animation-delay: 0.36s; -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg); } .spinner > span:nth-child(3) { -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; -ms-animation-delay: 0.45s; animation-delay: 0.45s; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .spinner > span:nth-child(4) { -webkit-animation-delay: 0.54s; -moz-animation-delay: 0.54s; -ms-animation-delay: 0.54s; animation-delay: 0.54s; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .spinner > span:nth-child(5) { -webkit-animation-delay: 0.63s; -moz-animation-delay: 0.63s; -ms-animation-delay: 0.63s; animation-delay: 0.63s; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .spinner > span:nth-child(6) { -webkit-animation-delay: 0.72s; -moz-animation-delay: 0.72s; -ms-animation-delay: 0.72s; animation-delay: 0.72s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .spinner > span:nth-child(7) { -webkit-animation-delay: 0.8100000000000001s; -moz-animation-delay: 0.8100000000000001s; -ms-animation-delay: 0.8100000000000001s; animation-delay: 0.8100000000000001s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .spinner > span:nth-child(8) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; animation-delay: 0.9s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } @-moz-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #ffffff; } } @-webkit-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #ffffff; } } @-ms-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #ffffff; } } @keyframes fade { 0% { background-color: #514943; } 100% { background-color: #ffffff; } } .spinner > span { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-animation-name: fade; -moz-animation-name: fade; -ms-animation-name: fade; animation-name: fade; -webkit-animation-duration: 0.72s; -moz-animation-duration: 0.72s; -ms-animation-duration: 0.72s; animation-duration: 0.72s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: linear; -moz-animation-direction: linear; -ms-animation-direction: linear; animation-direction: linear; background-color: #ffffff; border-radius: 6px; clip: rect(0 0.28571429em 0.1em 0); height: .1em; margin-top: 0.5em; position: absolute; width: 1em; } .popup-loading { background: rgba(255, 255, 255, 0.8); border-color: #ef672f; color: #ef672f; font-size: 14px; font-weight: bold; left: 50%; margin-left: -100px; padding: 100px 0 10px; position: fixed; text-align: center; top: 40%; width: 200px; z-index: 1003; } .popup-loading:after { background-image: url('../images/loader-1.gif'); content: ''; height: 64px; left: 50%; margin: -32px 0 0 -32px; position: absolute; top: 40%; width: 64px; z-index: 2; } .loading-old, .loading-mask { background: rgba(255, 255, 255, 0.4); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 2003; } .loading-old img, .loading-mask img { display: none; } .loading-old p, .loading-mask p { margin-top: 118px; } .loading-old .loader, .loading-mask .loader { background: #f7f3eb url('../images/loader-1.gif') no-repeat 50% 30%; border-radius: 5px; bottom: 0; color: #575757; font-size: 14px; font-weight: bold; height: 160px; left: 0; margin: auto; opacity: .95; position: absolute; right: 0; text-align: center; top: 0; width: 160px; } ._has-datepicker.admin__control-text { padding-right: 3.5rem; width: 15rem; } ._has-datepicker + .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; text-decoration: none; display: inline-block; height: 3.2rem; margin-left: -3.2rem; overflow: hidden; position: absolute; vertical-align: top; z-index: 1; } ._has-datepicker + .ui-datepicker-trigger:focus, ._has-datepicker + .ui-datepicker-trigger:active { background: none; border: none; } ._has-datepicker + .ui-datepicker-trigger:hover { background: none; border: none; } ._has-datepicker + .ui-datepicker-trigger.disabled, ._has-datepicker + .ui-datepicker-trigger[disabled], fieldset[disabled] ._has-datepicker + .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } ._has-datepicker + .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ._has-datepicker + .ui-datepicker-trigger:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2.1rem; line-height: 32px; color: #514943; content: '\e627'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker + .ui-datepicker-trigger + .admin__control-support-text, ._has-datepicker + .ui-datepicker-trigger + .admin__control-label { margin-left: 3.7rem; } ._has-datepicker + .ui-datepicker-trigger img { display: none; } .ui-datepicker { box-sizing: border-box; display: none; opacity: 0.98; padding: 23px 20px; width: auto; z-index: 999999 !important; } .ui-datepicker:before { background: #ffffff; border: 1px solid #007bdb; bottom: 3px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); content: ''; display: block; left: 0; position: absolute; right: 0; top: 3px; z-index: 0; } .ui-datepicker-header { padding: 0 0 10px; position: relative; z-index: 1; } .ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; line-height: 3rem; position: absolute; top: 0; } .ui-datepicker-prev:before, .ui-datepicker-next:before { color: #514943; display: inline-block; font-size: 34px; } .ui-datepicker-prev { left: 0; } .ui-datepicker-prev:before { content: '\2039'; } .ui-datepicker-next { right: 0; } .ui-datepicker-next:before { content: '\203A'; } .ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin: 0 2.3em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; min-width: 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker table { width: 100%; } .ui-datepicker table.ui-datepicker-calendar { background: #ffffff; border: 0; border-collapse: collapse; position: relative; z-index: 1; } .ui-datepicker table.ui-datepicker-calendar thead { background: transparent; } .ui-datepicker table.ui-datepicker-calendar tr { background: transparent; } .ui-datepicker table.ui-datepicker-calendar tr th { background: transparent; border: 0; padding: 0; } .ui-datepicker table.ui-datepicker-calendar tr th span { font-size: 12px; font-weight: 700; line-height: 28px; } .ui-datepicker table.ui-datepicker-calendar tr td { background: transparent; border: 1px solid #adadad; padding: 0; } .ui-datepicker table.ui-datepicker-calendar span, .ui-datepicker table.ui-datepicker-calendar a { box-sizing: border-box; color: #514943; display: block; font-size: 14px; font-weight: 600; line-height: 38px; text-align: center; text-decoration: none; width: 38px; } .ui-datepicker table.ui-datepicker-calendar .ui-state-disabled span { background: #f5f5f5; color: #999999; } .ui-datepicker table.ui-datepicker-calendar .ui-state-active { background: #514943; color: #ffffff; } .ui-datepicker table.ui-datepicker-calendar .ui-datepicker-today a { border: 3px solid #adadad; line-height: 32px; } .ui-datepicker .ui-datepicker-buttonpane { overflow: hidden; padding-top: 15px; position: relative; white-space: nowrap; z-index: 1; } .ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker .ui-datepicker-buttonpane .block-footer .action-add { background: #ffffff; border: 1px solid #adadad; border-radius: 1px; box-sizing: border-box; color: #008bdb; float: left; font-size: 14px; line-height: 38px; padding: 0; text-align: center; width: 49%; } .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close { float: right; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { margin-right: 6%; width: 47%; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 47%; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { border: 1px solid #cecece; text-align: center; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dd { margin: 0 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider-horizontal .ui-slider-handle { margin-left: -5px; } .ui-slider .ui-slider-handle { cursor: default; position: absolute; z-index: 2; } .ui-slider-horizontal { background: #adadad; border: none; border-radius: 10px; height: 10px; } .ui-slider-handle { background: #514943; border-radius: 10px; display: block; height: 10px; position: absolute; width: 10px; } .ui-timepicker-div { padding: 10px 0 5px 0; position: relative; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { left: auto; right: 2px; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { left: auto; right: 1px; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button, .ui-datepicker-rtl .ui-datepicker-buttonpane .block-footer .action-add { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-buttonpane .block-footer .action-add.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 1px; border-right-width: 0; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 1px; border-right-width: 0; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -22px; } .ui-timepicker-div dl .ui_tpicker_time_label { margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .messages .message, .messages .order-errors .admin__fieldset-wrapper .title { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .messages .message:last-child, .messages .order-errors .admin__fieldset-wrapper .title:last-child { margin: 0 0 2rem; } .message, .order-errors .admin__fieldset-wrapper .title { background: #fffbbb; border: none; border-radius: 0; color: #333333; font-size: 1.4rem; margin: 0 0 1px; padding: 1.8rem 4rem 1.8rem 5.5rem; position: relative; text-shadow: none; } .message:before, .order-errors .admin__fieldset-wrapper .title:before { background: none; border: 0; color: #007bdb; content: '\e61a'; font-family: 'Admin Icons'; font-size: 1.9rem; font-style: normal; font-weight: 400; height: auto; left: 1.9rem; line-height: inherit; position: absolute; speak: none; text-shadow: none; top: 50%; margin-top: -1.25rem; width: auto; } .message-notice:before, .order-errors .admin__fieldset-wrapper .title:before { color: #007bdb; content: '\e61a'; } .message-warning:before { color: #eb5202; content: '\e623'; } .message-progress:before { color: #008bdb; content: '\e61f'; } .message-error { background: #ffcccc; } .message-error:before { color: #e22626; content: '\e632'; font-size: 1.5rem; left: 2.2rem; margin-top: -1.1rem; } .message-success:before { color: #79a22e; content: '\e62d'; } .message-spinner:before { display: none; } .message-spinner .spinner { font-size: 2.5rem; left: 1.5rem; position: absolute; top: 1.5rem; } .message-in-rating-edit { margin-left: 1.8rem; margin-right: 1.8rem; } .ui-dialog { opacity: 0; visibility: hidden; background: #ffffff; min-width: 40%; transform: scale(0.7); transition: all .3s; width: 75%; } .ui-dialog.ui-dialog-active { opacity: 1; visibility: visible; transform: scale(1); } .ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog .ui-dialog-titlebar, .popup-window .magento_title, .fade .popup-title { color: #333333; font-size: 2.4rem; line-height: 2.4rem; padding: 3rem 6rem 3rem 3rem; } .ui-dialog .ui-dialog-titlebar-close, .popup-window .magento_close, .fade .popup .close { cursor: pointer; display: inline-block; text-decoration: none; position: absolute; right: 3rem; top: 2.7rem; } .ui-dialog .ui-dialog-titlebar-close:before, .popup-window .magento_close:before, .fade .popup .close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; line-height: inherit; color: #736963; content: '\e62f'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog .ui-dialog-titlebar-close:hover:before, .popup-window .magento_close:hover:before, .fade .popup .close:hover:before { color: #adadad; } .ui-dialog .ui-dialog-titlebar-close .ui-icon, .popup-window .magento_close .ui-icon, .fade .popup .close .ui-icon { display: none; } .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .popup-window .magento_close.ui-state-hover, .fade .popup .close.ui-state-hover { border: none; } .ui-dialog .ui-dialog-content { overflow: auto; padding: 0 3rem 3rem; } .ui-dialog .ui-dialog-content .fieldset { padding-left: 0; padding-right: 0; } .ui-dialog .ui-dialog-buttonpane { padding: 0 3rem 3rem; } .ui-dialog .content + .ui-dialog-buttonset { padding-top: 3rem; text-align: right; } .ui-dialog .action-close, .popup-window .magento_buttons .cancel_button, .fade .actions .cancel { font-size: 1.6rem; margin: 0 0 0 3rem; padding: 0.7em 0; } .ui-dialog .action-close:before, .popup-window .magento_buttons .cancel_button:before, .fade .actions .cancel:before { content: normal; } .ui-dialog .action-close span, .popup-window .magento_buttons .cancel_button span, .fade .actions .cancel span { overflow: auto; position: static; } .ui-dialog .ui-button, .ui-dialog .action-primary, .popup-window .magento_buttons .ok_button, .fade .actions .primary { float: right; margin: 0 0 0 3rem; } .ui-dialog .fieldset:last-child { padding-bottom: 0; } .ui-dialog .main-col, .ui-dialog .side-col { float: left; padding-bottom: 0; } .ui-dialog .main-col:after, .ui-dialog .side-col:after { display: none; } .ui-dialog .side-col { width: 20%; } .ui-dialog .main-col { padding-right: 0; width: 80%; } .ui-dialog .grid, .ui-dialog .pager { padding-bottom: 0; } .ui-dialog .grid-actions { padding-top: 0; } .ui-dialog .ui-resizable { position: relative; } .ui-dialog .ui-resizable-handle { display: block; font-size: .1px; position: absolute; } .ui-dialog .ui-resizable-disabled .ui-resizable-handle, .ui-dialog .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-dialog .ui-resizable-n { cursor: n-resize; height: 7px; left: 0; top: -5px; width: 100%; } .ui-dialog .ui-resizable-s { bottom: 0; cursor: s-resize; height: 7px; left: 0; width: 100%; } .ui-dialog .ui-resizable-e { cursor: e-resize; height: 100%; right: 0; top: 0; width: 7px; } .ui-dialog .ui-resizable-w { cursor: w-resize; height: 100%; left: -7px; top: 0; width: 7px; } .ui-dialog .ui-resizable-se { bottom: 1px; cursor: se-resize; height: 12px; right: 1px; width: 12px; } .ui-dialog .ui-resizable-sw { bottom: 0; cursor: sw-resize; height: 9px; left: -5px; width: 9px; } .ui-dialog .ui-resizable-nw { cursor: nw-resize; height: 9px; left: -5px; top: -5px; width: 9px; } .ui-dialog .ui-resizable-ne { cursor: ne-resize; height: 9px; right: 0; top: -5px; width: 9px; } .ui-dialog .main-col .insert-title-inner, .ui-dialog .magento-message .insert-title-inner { border-bottom: 1px solid #adadad; margin: 0 0 2rem; padding-bottom: 0.5rem; } .ui-dialog .main-col .insert-actions, .ui-dialog .magento-message .insert-actions { float: right; } .ui-dialog .main-col .title, .ui-dialog .magento-message .title { font-size: 1.6rem; padding-top: 0.5rem; } .ui-dialog .main-col .main-col-inner .uploader, .ui-dialog .magento-message .main-col-inner .uploader { border: 1px solid #adadad; margin: 0 0 1rem; padding: 0.5rem; } .ui-dialog .main-col .breadcrumbs, .ui-dialog .magento-message .breadcrumbs { list-style: none; padding-left: 0; } .ui-dialog .main-col .breadcrumbs li, .ui-dialog .magento-message .breadcrumbs li { display: inline-block; margin: 0 0.5rem 0.5rem 0; } .ui-dialog .main-col .breadcrumbs li:after, .ui-dialog .magento-message .breadcrumbs li:after { content: ''; margin: 0 0.5rem 0 0; } .ui-dialog .main-col .contents-uploader, .ui-dialog .magento-message .contents-uploader { margin: 0 0 2rem; } .ui-dialog .main-col .fileinput-button, .ui-dialog .magento-message .fileinput-button { cursor: pointer; display: inline-block; float: none; vertical-align: middle; } .ui-dialog .main-col .fileinput-button span, .ui-dialog .magento-message .fileinput-button span { display: none; } .ui-dialog .main-col .fileinput-button input, .ui-dialog .magento-message .fileinput-button input { -moz-transform: none; border: none; opacity: 1; position: static; transform: none; } .ui-dialog .main-col .file-row, .ui-dialog .magento-message .file-row { border: 1px solid #adadad; margin: 0.5rem 0; padding: 2px; } .ui-dialog .main-col .filecnt, .ui-dialog .magento-message .filecnt { border: 1px solid #adadad; display: inline-block; margin: 0 0.5rem 15px 0; overflow: hidden; padding: 3px; text-overflow: ellipsis; width: 100px; } .ui-dialog .main-col .filecnt.selected, .ui-dialog .magento-message .filecnt.selected { border-color: #008bdb; } .ui-dialog .main-col .filecnt p, .ui-dialog .magento-message .filecnt p { text-align: center; } .ui-dialog .main-col .x-tree, .ui-dialog .magento-message .x-tree { margin-bottom: 2rem; } .ui-dialog .admin__fieldset > .admin__legend { float: none; font-size: 1.8rem; margin: 0 0 2rem 34%; width: auto; } .ui-dialog .admin__fieldset .product-options { margin-left: 34%; } .ui-dialog .admin__fieldset .product-options .admin__field-control { margin-bottom: 2rem; } .ui-popup-message .ui-dialog-titlebar { background: #fffbbb; font-size: 1.4rem; font-weight: 700; padding: 2rem 2rem 0 7.5rem; } .ui-popup-message .ui-dialog-titlebar-close { right: 1.5rem; top: 1rem; } .ui-popup-message .ui-dialog-titlebar-close:before { font-size: 1.4rem; } .ui-popup-message .ui-dialog-content { background: #fffbbb; margin-bottom: 0; overflow: inherit; padding: 0 2rem 2rem; } .ui-popup-message .ui-dialog-content .messages:last-child, .ui-popup-message .ui-dialog-content .message:last-child, .ui-popup-message .ui-dialog-content .order-errors .admin__fieldset-wrapper .title:last-child { margin-bottom: 0; } .ui-popup-message .ui-dialog-content .message:first-child, .ui-popup-message .ui-dialog-content .order-errors .admin__fieldset-wrapper .title:first-child { padding-top: 0; } .ui-popup-message .ui-dialog-content .message:first-child:before, .ui-popup-message .ui-dialog-content .order-errors .admin__fieldset-wrapper .title:first-child:before { top: 0; } .ui-popup-message .ui-dialog-content .message:last-child, .ui-popup-message .ui-dialog-content .order-errors .admin__fieldset-wrapper .title:last-child { padding-bottom: 0; } .ui-popup-message .ui-dialog-buttonpane { background: #fffbbb; padding: 0 2rem 2rem; } .insert-variable { list-style: none; margin: 0; padding: 0; } .insert-variable li { margin-top: 0.5rem; padding-left: 1rem; } .insert-variable li b { display: inline-block; margin-left: -1rem; } .attribute-popup .page-content { padding: 0; } .attribute-popup-actions { background: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 1.5rem; } .attribute-popup-actions.page-actions { float: none; } .attribute-popup-actions.fixed { background: #ffffff !important; border-bottom: 0 !important; left: 0 !important; padding: 3rem !important; } .attribute-popup-actions.fixed .page-actions-buttons, .attribute-popup-actions.fixed .page-actions.floating-header { padding-right: 0; } .attribute-popup-actions .action-default.reset { font-size: 1.6rem; padding: 0.7em 0; } .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary { float: right; } .attribute-popup-actions .page-actions-inner:before { display: none; } .popup-window { background: #ffffff; } .popup-window.dialog { z-index: 900 !important; } .popup-window .table_window > tbody > tr > td { background: #ffffff; border: 0; padding: 0; } .popup-window .magento-message { padding: 0 3rem 3rem; position: relative; } .popup-window .magento_content { height: auto !important; } .popup-window .magento_content .buttons-set { margin: 0 0 15px; } .popup-window .magento_content .buttons-set button, .popup-window .magento_content .buttons-set .block-footer .action-add { margin-right: 4px; } .popup-window .magento_buttons { padding: 0 3rem 3rem; text-align: right; } .popup-window .magento_buttons .ok_button { float: right; margin: 0 0 0 3rem; } .overlay_magento { z-index: 800 !important; } .fade { z-index: 1000; } .fade .popup { background: #ffffff; border: 0; border-radius: 0; display: inline-block; left: 12.5%; position: absolute; text-align: left; top: 5rem; width: 75%; } .fade .popup-inner { padding: 0; } .fade .popup-title { background: #fffbbb; font-size: 1.4rem; font-weight: 700; padding: 2rem 2rem 0 7.5rem; } .fade .popup-header .popup-title { margin: 0; } .fade .popup-content { background: #fffbbb; padding: 0 2rem 2rem; } .fade .popup-content p { margin-top: 0; } .fade .popup-content .messages:last-child { margin-bottom: 0; } .fade .popup-content .message:first-child, .fade .popup-content .order-errors .admin__fieldset-wrapper .title:first-child { padding-top: 0; } .fade .popup-content .message:first-child:before, .fade .popup-content .order-errors .admin__fieldset-wrapper .title:first-child:before { top: 0; } .fade .popup-content .message:last-child, .fade .popup-content .order-errors .admin__fieldset-wrapper .title:last-child { padding-bottom: 0; } .fade .fieldset { background: #fffbbb; border: 0; margin: 1.5rem 0 1.5rem 1.5rem; padding: 0; } .fade .maintenance-checkbox-container { padding-left: 20%; } .fade .messages { margin: 0 !important; } .fade .actions { margin: 0; text-align: right; } .fade .actions .primary { float: right; line-height: inherit; margin: 0 0 0 3rem; } .fade .actions .primary:hover { box-shadow: none; } .fade .actions .cancel { line-height: inherit; } .fade .actions .cancel:hover { box-shadow: none; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 14.8rem; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup.confirm .modal-inner-wrap { max-width: 50rem; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } .data-tooltip-trigger { cursor: pointer; } .data-tooltip-wrapper { max-width: 75%; position: absolute; top: 0; z-index: 898; } .data-tooltip-wrapper._top .data-tooltip-tail { display: block; left: 50%; margin-left: -11px; top: -10px; } .data-tooltip-wrapper._right .data-tooltip-tail { display: block; margin-top: -11px; right: 12px; top: 50%; } .data-tooltip-wrapper._bottom .data-tooltip-tail { bottom: 12px; display: block; left: 50%; margin-left: -11px; } .data-tooltip-wrapper._left .data-tooltip-tail { display: block; left: -10px; margin-top: -11px; top: 50%; } .data-tooltip-wrapper._show { height: auto; opacity: 1; transition: opacity .2s linear; } .data-tooltip-wrapper._hide { height: 0; opacity: 0; overflow: hidden; } .data-tooltip { background-color: #ffffff; border: 1px solid #007dbd; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3); padding: 2rem; position: relative; z-index: 100; } .data-tooltip .action-close { position: absolute; right: 2rem; top: 2rem; } .data-tooltip .action-close:focus { background: none; } .data-tooltip-title { font-size: 1.7rem; font-weight: 600; margin: 0 2rem 2rem 0; } .data-tooltip-content .items .item { margin: 0 0 1rem; } .data-tooltip-content .items .item:last-child { margin-bottom: 0; } .data-tooltip-tail { display: none; position: absolute; } .data-tooltip-tail:before { background-color: #ffffff; border: 1px solid #007dbd; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3); content: ''; height: 22px; left: 0; position: absolute; top: 0; transform: rotate(45deg); width: 22px; z-index: 99; } .data-tooltip-tail:after { background-color: #ffffff; content: ''; height: 20px; left: 1px; position: absolute; top: 1px; transform: rotate(45deg); width: 20px; z-index: 101; } .modal-popup .action-close, .modal-slide .action-close { color: #736963; position: absolute; right: 0; top: 0; z-index: 1; } .modal-popup .action-close:active, .modal-slide .action-close:active { transform: none; } .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { font-size: 1.8rem; } .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #58504b; } .modal-popup .action-close:before, .modal-slide .action-close:before { font-size: 2rem; } .modal-popup .action-close:focus, .modal-slide .action-close:focus { background-color: transparent; } .modal-popup.prompt .prompt-message { padding-bottom: 2rem; } .modal-popup.prompt .prompt-message input { width: 100%; } .modal-popup.confirm .modal-inner-wrap .message:not(.message-error), .modal-popup.prompt .modal-inner-wrap .message:not(.message-error), .modal-popup.confirm .modal-inner-wrap .order-errors .admin__fieldset-wrapper .title:not(.message-error), .modal-popup.prompt .modal-inner-wrap .order-errors .admin__fieldset-wrapper .title:not(.message-error) { background: #ffffff; } .modal-popup.modal-system-messages .modal-inner-wrap { background: #fffbbb; } .modal-popup._image-box .modal-inner-wrap { margin: 5rem auto; max-width: 78rem; position: static; } .modal-popup._image-box .thumbnail-preview { padding-bottom: 3rem; text-align: center; } .modal-popup._image-box .thumbnail-preview .thumbnail-preview-image-block { border: 1px solid #cccccc; margin: 0 auto 2rem; max-width: 58rem; padding: 2rem; } .modal-popup._image-box .thumbnail-preview .thumbnail-preview-image { max-height: 54rem; } .modal-popup .modal-title { font-size: 2.4rem; margin-right: 6.4rem; } .modal-popup .action-close { padding: 3rem 3rem; } .modal-popup .action-close:active { padding-right: 3.06666667rem; padding-top: 3.06666667rem; } .modal-popup .modal-footer { padding-top: 2.6rem; text-align: right; } .modal-popup .action-close { padding: 1rem; } .modal-popup .action-close:active, .modal-popup .action-close:focus { background: transparent; padding-right: 1rem; padding-top: 1rem; } .modal-slide .modal-content-new-attribute { -webkit-overflow-scrolling: touch; overflow: auto; padding-bottom: 0; } .modal-slide .modal-content-new-attribute iframe { margin-bottom: -2.5rem; } .modal-slide .modal-title { font-size: 2.1rem; margin-right: 5.7rem; } .modal-slide .action-close { padding: 2.1rem 2.6rem; } .modal-slide .action-close:active { padding-right: 2.7rem; padding-top: 2.2rem; } .modal-slide .page-main-actions { margin-bottom: 0.6rem; margin-top: 2.1rem; } .modal-slide .magento-message { padding: 0 3rem 3rem; position: relative; } .modal-slide .main-col .insert-title-inner, .modal-slide .magento-message .insert-title-inner { border-bottom: 1px solid #adadad; margin: 0 0 2rem; padding-bottom: 0.5rem; } .modal-slide .main-col .insert-actions, .modal-slide .magento-message .insert-actions { float: right; } .modal-slide .main-col .title, .modal-slide .magento-message .title { font-size: 1.6rem; padding-top: 0.5rem; } .modal-slide .main-col, .modal-slide .side-col { float: left; padding-bottom: 0; } .modal-slide .main-col:after, .modal-slide .side-col:after { display: none; } .modal-slide .side-col { width: 20%; } .modal-slide .main-col { padding-right: 0; width: 80%; } .modal-slide .content-footer .form-buttons { float: right; } .modal-title { font-weight: 400; margin-bottom: 0; min-height: 1em; } .modal-title span { font-size: 1.4rem; font-style: italic; margin-left: 1rem; } .timeline { margin-top: 2rem; position: relative; z-index: 1; } .timeline-content { background: #f1f1f1; border: 1px solid #999999; margin-bottom: 2rem; overflow-x: scroll; overflow-y: hidden; position: relative; } .timeline-content._from-now { padding-left: 50px; } .timeline-content._no-records { background: #ffffff; } .timeline-past { background: linear-gradient(to left, rgba(255, 255, 255, 0.001), rgba(255, 255, 255, 0.5) 25%, #ffffff); border-right: 2px solid rgba(226, 38, 38, 0.55); height: 100%; left: 0; position: absolute; top: 0; width: 50px; z-index: 3; } .timeline-scale { float: right; width: 160px; } .timeline-legend { float: left; } .timeline-legend-item { color: #666666; display: inline-block; line-height: 2rem; vertical-align: middle; } .timeline-legend-item:before { border: 1px solid #999999; content: ''; display: inline-block; height: 2rem; margin-right: 5px; vertical-align: middle; width: 2rem; } .timeline-legend-item._update-status-active:before, .timeline-legend-item._active:before { background: #bceeff; } .timeline-legend-item._update-status-upcoming:before, .timeline-legend-item._upcoming:before { background: #ccf391; } .timeline-items { min-height: 25.2rem; position: relative; } .timeline-item { height: 3.6rem; position: relative; z-index: 2; } .timeline-item + .timeline-item { margin-top: -1px; } ._no-records .timeline-item { margin-top: -3.6rem; position: absolute; top: 50%; width: 100%; } .timeline-event { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #ccf391; border: 1px solid #81c21d; cursor: pointer; height: 3.6rem; left: -1px; min-width: 5.5rem; overflow: hidden; padding: 0 1rem; position: absolute; right: 0; white-space: nowrap; width: auto; } ._permanent._active .timeline-event, ._no-records .timeline-event { justify-content: center; text-align: center; } ._permanent._active .timeline-event { color: #007bdb; } .timeline-item._active .timeline-event { background: #bceeff; border-color: #56c2e6; } ._scroll-start:not(._active) .timeline-event { padding-left: 3rem; } ._scroll-end .timeline-event { padding-right: 3rem; } ._permanent .timeline-event { margin-right: 23px; overflow: visible; } ._no-records .timeline-event { background: transparent; border-color: transparent; color: #333333; cursor: default; } .timeline-event-title { -webkit-flex-shrink: 1; flex-shrink: 1; display: inline-block; font-weight: 600; line-height: 3.4rem; max-width: 100%; min-width: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._no-records .timeline-event-title { font-weight: 400; } .timeline-event-info { display: inline-block; line-height: 3.4rem; vertical-align: top; } .timeline-event-details { display: none; } .timeline-action { bottom: 0; display: none; margin: auto; position: absolute; right: 10px; top: 0; } .timeline-action > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .timeline-action:active { transform: scale(0.9); } .timeline-action:before { transition: color 0.1s linear; color: #76c004; content: '\e625'; font-size: 1.8rem; } .timeline-action:hover { cursor: pointer; text-decoration: none; } .timeline-item._active .timeline-action:before { color: #56c2e6; } .timeline-action._tostart { left: 10px; right: auto; } .timeline-action._tostart:before { content: '\e624'; } .timeline-item._scroll-start:not(._active) .timeline-action._tostart { display: block; } .timeline-item._scroll-end .timeline-action._toend { display: block; } .timeline-item._permanent .timeline-action._toend { display: none; } .timeline-event svg { display: none; height: 3.6rem; margin-right: -2.4rem; position: absolute; right: 0; top: -1px; width: 2.8rem; } ._permanent .timeline-event svg { display: block; } .svg__timeline-ending { fill: inherit; stroke: inherit; } .svg__timeline-arrow { stroke: transparent; } .timeline-ending { color: #86de00; fill: #ccf391; stroke: #81c21d; } .timeline-item._active .timeline-ending { color: #79dcff; fill: #bceeff; stroke: #56c2e6; } .timeline-units { font-size: 0; white-space: nowrap; } .timeline-unit { border-right: 1px solid #999999; display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 14.28571429%; } .timeline-unit:last-child { border-right: 0; } .timeline-unit:before { background-image: repeating-linear-gradient(180deg, transparent, transparent 5px, #3e4040 5px, #3e4040 6px, #979999 6px, #979999 7px); bottom: 0; content: ''; margin-left: -1px; position: absolute; top: 3.3rem; width: 1px; z-index: 0; } .timeline-unit:first-child:before { content: none; } ._no-records .timeline-unit:before { display: none; } .timeline-date { background: #ffffff; border-bottom: 1px solid #999999; color: #303030; display: block; font-size: 1.1rem; line-height: 1; max-width: 100%; overflow: hidden; padding: 1rem 0.3rem; text-align: center; text-overflow: ellipsis; } .timeline-priority { float: left; font-size: 1.1rem; font-weight: 600; margin-right: 1.8rem; margin-top: 2rem; text-align: center; } .timeline-priority-title { font-weight: 700; padding: 1rem 0.3rem; } .timeline-priority-scale { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 210px solid #cccccc; height: 0; margin: 0.5rem auto; width: 0; } .contents-uploader { margin: 0 0 2rem; } .contents-uploader .fileinput-button { cursor: pointer; display: inline-block; float: none; vertical-align: middle; } .contents-uploader .fileinput-button span { font-weight: 600; padding-right: 1em; } .contents-uploader .fileinput-button input { -moz-transform: none; border: none; opacity: 1; position: static; transform: none; } .file-row { border: 1px solid #adadad; margin: 0.5rem 0; padding: 2px; } .filecnt { border: 1px solid #adadad; cursor: pointer; display: inline-block; margin: 0 0.5rem 15px 0; overflow: hidden; padding: 3px; text-overflow: ellipsis; width: 100px; } .filecnt.selected { border-color: #008bdb; } .filecnt p { min-height: 72px; text-align: center; } .gallery { overflow: hidden; } .image { background: #ffffff; box-sizing: border-box; display: inline-block; margin: 1.2rem; position: relative; vertical-align: top; width: 150px; } .image .product-image-wrapper { background: #ffffff; border: 1px solid #cccccc; box-sizing: border-box; cursor: pointer; height: 150px; line-height: 1; margin-bottom: 1rem; overflow: hidden; position: relative; width: 150px; } .image .product-image-wrapper:hover .product-image { opacity: .5; } .image .product-image { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .image.image-placeholder { height: 150px; } .image.image-placeholder .product-image-wrapper { display: inline-block; text-decoration: none; } .image.image-placeholder .product-image-wrapper > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .image.image-placeholder .product-image-wrapper:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 6rem; line-height: inherit; color: #cccccc; content: '\e63c'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image.image-placeholder .product-image-wrapper:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 1; } .image.image-placeholder .fileinput-button { margin: 0; } .image.image-placeholder .fileinput-button, .image.image-placeholder .image-browse { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .image.image-placeholder .fileinput-button > span, .image.image-placeholder .image-browse > span { display: none; } .image.image-placeholder input[type='file'] { border: 500px solid transparent; bottom: 0; cursor: pointer; font-size: 10em; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3; } .image.image-placeholder .spinner { display: none; } .image.image-placeholder.loading .spinner, .image.image-placeholder .file-row .spinner { background: #ffffff; display: block; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: 4; } .image.image-placeholder.loading .spinner > span, .image.image-placeholder .file-row .spinner > span { left: 50%; margin: 0 0 0 -2rem; top: 50%; } .image.image-placeholder .file-row { background: #ffffff url("../mui/images/ajax-loader-big.gif") no-repeat 50% 50%; bottom: 0; height: 100%; left: 0; margin: auto; overflow: hidden; position: absolute; right: 0; text-indent: -999em; top: 0; width: 100%; z-index: 5; } .image .image-placeholder-text { bottom: 0; color: #008bdb; font-size: 1.3rem; left: 0; line-height: 1.333; margin-bottom: 15%; padding: 0 1rem; position: absolute; right: 0; text-align: center; } .image.ui-sortable-placeholder { background: #e0f6fe; border: 1px solid #008bdb; visibility: visible !important; } .image .action-remove { bottom: 12px; cursor: pointer; height: 20px; left: 6px; position: absolute; width: 20px; z-index: 3; display: block; text-decoration: none; } .image .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .image .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; line-height: inherit; color: #9e9e9e; content: '\e630'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image .action-remove:hover:before { color: #858585; } .image .draggable-handle { cursor: move; height: 20px; left: 2px; margin: 0; position: absolute; top: 4px; width: 20px; z-index: 3; display: inline-block; text-decoration: none; } .image .draggable-handle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; line-height: inherit; color: #9e9e9e; content: '\e617'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image .draggable-handle:hover:before { color: #858585; } .image .image-fade { font-size: 1.8rem; background: rgba(255, 255, 255, 0.8); bottom: 0; color: #9e9e9e; content: attr(data-image-hidden-label); font-weight: 600; left: 0; line-height: 150px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; visibility: hidden; z-index: 2; } .image.hidden-for-front .image-fade { visibility: visible; } .image .item-description { margin-bottom: 1rem; } .image .item-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3rem; } .image .item-size { color: #666666; font-size: 1.2rem; } .image .item-roles { margin: 0; padding: 0; list-style: none none; font-size: 0; } .image .item-roles > li { display: inline-block; vertical-align: top; } .image .item-role { background: #e3e3e3; color: #514943; cursor: pointer; font-size: 1.2rem; line-height: 1; margin: 0 .4rem .4rem 0; padding: .6rem; } .image-panel { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background: #ffffff; border-bottom: 1px solid #c2c2c2; box-shadow: inset 0 1px 3px #cccccc; margin: 0 0 1.5rem; padding: 2rem 1.5rem; } .image-panel .admin__field-inline .admin__field-label { text-align: left; width: 30%; } .image-panel .admin__field-inline .admin__field-value { overflow: hidden; padding-left: 2rem; } .image-panel-controls, .image-panel-preview { -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; box-flex: 1; flex: 1; } .image-panel-preview { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .image-panel-preview img { display: block; margin: auto; } .image-panel-controls { -ms-flex: 0 0 33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33%; flex: 0 0 33%; padding-left: 3rem; } .image-panel-controls .image-name { font-size: 1.6rem; color: #666666; display: block; } .image-panel-controls .action-delete, .image-panel-controls .action-remove { margin: 0 0 35px; display: inline-block; text-decoration: none; } .image-panel-controls .action-delete > span, .image-panel-controls .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .image-panel-controls .action-delete:before, .image-panel-controls .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; line-height: inherit; color: #9e9e9e; content: '\e630'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image-panel-controls .action-delete:hover:before, .image-panel-controls .action-remove:hover:before { color: #858585; } .image-panel-controls .fieldset-image-panel { padding: 2rem 0.5rem 0 0; } .image-panel-controls .fieldset-image-panel .field { margin-bottom: 1rem; } .image-panel-controls .fieldset-image-panel .label { margin-bottom: 1rem; padding-top: 0; text-align: left; width: 100%; } .image-panel-controls .fieldset-image-panel .field > .control, .image-panel-controls .image-panel-controls textarea { resize: vertical; width: 100%; } .image-file-params { font-size: 1.1rem; color: #666666; margin: 0 0 1rem; } .image-panel-controls .multiselect-alt, .gallery .multiselect-alt { border: 1px solid #cccccc; border-radius: 5px; color: #333333; list-style: none; margin: 0; padding: 0; } .image-panel-controls .multiselect-alt .item, .gallery .multiselect-alt .item { border-top: 1px solid #ffffff; cursor: pointer; position: relative; } .image-panel-controls .multiselect-alt .item:first-child, .gallery .multiselect-alt .item:first-child { border-top: 0; } .image-panel-controls .multiselect-alt .item.selected, .gallery .multiselect-alt .item.selected { background: #e0f6fe; } .image-panel-controls .multiselect-alt .item.selected:hover, .gallery .multiselect-alt .item.selected:hover { background: #afe8fc; } .image-panel-controls .multiselect-alt .item.selected label, .gallery .multiselect-alt .item.selected label { display: inline-block; text-decoration: none; } .image-panel-controls .multiselect-alt .item.selected label:before, .gallery .multiselect-alt .item.selected label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.4rem; line-height: inherit; color: #008bdb; content: '\e62d'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image-panel-controls .multiselect-alt .item.selected label:before, .gallery .multiselect-alt .item.selected label:before { left: 8px; position: absolute; top: 6px; width: 17px; } .image-panel-controls .multiselect-alt label, .gallery .multiselect-alt label { cursor: pointer; display: block; padding: 6px 2.5rem 0.5rem; } .image-panel-controls .multiselect-alt input[type='checkbox'], .gallery .multiselect-alt input[type='checkbox'] { height: 0; margin: 0; opacity: 0; padding: 0; width: 0; } .admin__field-service-gallery { float: right; } .admin__field-service-gallery[data-config-scope]:before { color: #808080; content: attr(data-config-scope); display: block; font-size: 1.2rem; line-height: 3.2rem; } .abs-block-resizable, .block-resizable, .block-schedule-table { height: 15rem; min-height: 15rem; } .abs-block-resizable-content, .block-resizable .block-content, .block-schedule-table .block-content { height: 100%; margin-bottom: 2rem; min-height: 15rem; overflow: auto; position: relative; z-index: 1; } .abs-block-resizable-handle-bottom, .block-resizable .ui-resizable-s, .block-schedule-table .ui-resizable-s { background: #e3e3e3; border: 1px solid #bbbbbb; bottom: auto; color: #666666; font-size: 1.6rem; font-weight: 700; height: auto; left: -1px; letter-spacing: .1rem; line-height: 1.6rem; padding-bottom: .3rem; right: -1px; text-align: center; top: 100%; width: auto; } .abs-block-resizable-handle-bottom:before, .block-resizable .ui-resizable-s:before, .block-schedule-table .ui-resizable-s:before { content: ':::::'; } .ui-resizable { position: relative; } .ui-resizable-handle { display: block; font-size: .1px; position: absolute; touch-action: none; } .ui-resizable-n { cursor: n-resize; height: 7px; left: 0; top: -3.5px; width: 100%; } .ui-resizable-s { bottom: -3.5px; cursor: s-resize; height: 7px; left: 0; width: 100%; } .ui-resizable-e { cursor: e-resize; height: 100%; right: -3.5px; top: 0; width: 7px; } .ui-resizable-w { cursor: w-resize; height: 100%; left: -3.5px; top: 0; width: 7px; } .ui-resizable-se { bottom: -6px; cursor: se-resize; height: 12px; right: -6px; width: 12px; } .ui-resizable-sw { bottom: -6px; cursor: sw-resize; height: 12px; left: -6px; width: 12px; } .ui-resizable-nw { cursor: nw-resize; height: 12px; left: -6px; top: -6px; width: 12px; } .ui-resizable-ne { cursor: ne-resize; height: 12px; right: -6px; top: -6px; width: 12px; } .file-uploader-area { position: relative; } .file-uploader-area input[type='file'] { cursor: pointer; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .file-uploader-area input[type='file']:focus + .file-uploader-button { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-area input[type='file']:disabled + .file-uploader-button { cursor: default; opacity: .5; pointer-events: none; } .file-uploader-summary { display: inline-block; vertical-align: top; } .file-uploader-button { cursor: pointer; display: inline-block; } .file-uploader-button._is-dragover { background: #d4d4d4; border: 1px solid #006bb4; } .file-uploader-spinner { background-image: url('../images/loader-1.gif'); background-position: 50%; background-repeat: no-repeat; background-size: 15px; display: none; height: 30px; margin-left: 1rem; vertical-align: top; width: 15px; } .file-uploader-preview .action-remove { bottom: 4px; cursor: pointer; display: block; height: 27px; left: 6px; position: absolute; text-decoration: none; width: 25px; z-index: 2; } .file-uploader-preview .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .file-uploader-preview .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; line-height: inherit; color: #514943; content: '\e630'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .action-remove:hover:before { color: #736963; } .file-uploader-preview:hover .preview-image img, .file-uploader-preview:hover .preview-link:before { opacity: 0.7; } .file-uploader-preview .preview-link { display: block; height: 100%; } .file-uploader-preview .preview-image img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .file-uploader-preview .preview-video { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; line-height: inherit; color: #cccccc; content: '\e641'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-video:hover:before { color: #cccccc; } .file-uploader-preview .preview-video:before { left: 0; margin-top: -2rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview .preview-document { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 7rem; line-height: inherit; color: #cccccc; content: '\e649'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-document:hover:before { color: #cccccc; } .file-uploader-preview .preview-document:before { left: 0; margin-top: -3.5rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview, .file-uploader-placeholder { background: #ffffff; border: 1px solid #cacaca; box-sizing: border-box; cursor: pointer; display: block; height: 150px; line-height: 1; margin: 1rem 2.5rem 1rem 0; overflow: hidden; position: relative; width: 150px; } .file-uploader._loading .file-uploader-spinner { display: inline-block; } .file-uploader .admin__field-note, .file-uploader .admin__field-error { margin-bottom: 1rem; } .file-uploader .file-uploader-filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; word-break: break-all; } .file-uploader .file-uploader-filename:first-child { margin-bottom: 1rem; } .file-uploader .file-uploader-meta { color: #9e9e9e; } .file-uploader .admin__field-fallback-reset { margin-left: 1rem; } ._keyfocus .file-uploader .action-remove:focus { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-placeholder.placeholder-document { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e649'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-document:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-document:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-image { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-image:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e63c'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-image:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-image:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-video { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3rem; line-height: inherit; color: #cccccc; content: '\e641'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-video:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-video:before { left: 0; position: absolute; right: 0; top: 30px; z-index: 2; } .file-uploader-placeholder-text { bottom: 0; color: #008bdb; font-size: 1.1rem; left: 0; line-height: 1.36; margin-bottom: 15%; padding: 0 2rem; position: absolute; right: 0; text-align: center; } .data-grid-file-uploader { min-width: 7rem; } .data-grid-file-uploader._loading .file-uploader-spinner { display: block; } .data-grid-file-uploader._loading .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-image { background: transparent; bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .data-grid-file-uploader .file-uploader-image + .file-uploader-area .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-area { z-index: 2; } .data-grid-file-uploader .file-uploader-spinner { height: 100%; margin: 0; position: absolute; top: 0; width: 100%; } .data-grid-file-uploader .file-uploader-button { height: 48px; text-align: center; display: block; text-decoration: none; } .data-grid-file-uploader .file-uploader-button > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .data-grid-file-uploader .file-uploader-button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3rem; line-height: 48px; color: #8a837f; content: '\e61d'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .data-grid-file-uploader .file-uploader-button:hover:before { color: #666666; } .data-grid-file-uploader .action-select-wrap { float: left; } .data-grid-file-uploader .action-select-wrap .action-select { border: 1px solid #cacaca; display: block; height: 5rem; margin-left: -1px; padding: 0; width: 2rem; } .data-grid-file-uploader .action-select-wrap .action-select:after { border-color: #8a837f transparent transparent transparent; left: 50%; margin: 0 0 0 -5px; } .data-grid-file-uploader .action-select-wrap .action-select:hover:after { border-color: #666666 transparent transparent transparent; } .data-grid-file-uploader .action-select-wrap .action-select > span { display: none; } .data-grid-file-uploader .action-select-wrap .action-menu, .data-grid-file-uploader .action-select-wrap .abs-action-menu .action-submenu, .data-grid-file-uploader .action-select-wrap .action-menu .action-submenu, .data-grid-file-uploader .action-select-wrap .actions-split .dropdown-menu .action-submenu, .data-grid-file-uploader .action-select-wrap .actions-split .action-menu .action-submenu { left: 4rem; right: auto; z-index: 2; } .data-grid-file-uploader-inner { border: 1px solid #cacaca; float: left; height: 5rem; position: relative; width: 5rem; } .image-uploader .image-upload-requirements { font-size: .9em; margin-top: 8px; } .image-uploader .image-placeholder { margin-left: 0; margin-right: 0; } .image-uploader .image-uploader-spinner { background-size: auto; height: 50%; margin: 0; position: absolute; transform: translate(50%, 50%); width: 50%; } .image-uploader .image-uploader-preview { width: auto; } .image-uploader .image-uploader-preview-link, .image-uploader .image-uploader-preview-link .preview-image { display: block; height: inherit; margin-left: auto; margin-right: auto; } .image-uploader._loading .image-placeholder-text, .image-uploader._loading .product-image-wrapper:before { display: none; } .data-slider { background: none; font-size: 1.1rem; min-height: 2.2rem; padding-top: 1.2rem; position: relative; width: 100%; } .data-slider:before { background: #aeaeae; content: ''; display: block; height: 0.1rem; position: absolute; top: 0; width: 100%; z-index: 100; } .data-slider .ui-slider-handle { background: #f5f5f5; border: 1px solid #c2c2c2; border-radius: 50%; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.03); cursor: pointer; display: block; height: 2.2rem; margin-left: -1.1rem !important; position: absolute; top: -1.1rem; width: 2.2rem; z-index: 101 !important; } .data-slider .ui-slider-handle:before { background-color: #bbbbbb; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #bbbbbb 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #bbbbbb 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#f8f8f8', GradientType=0); border-radius: 50%; content: ''; display: block; height: 0.8rem; left: 50%; margin: -0.4rem 0 0 -0.4rem; position: absolute; top: 50%; width: 0.8rem; } .data-slider-from { float: left; } .data-slider-to { float: right; } .data-slider-handle { background: #f5f5f5; border: 1px solid #c2c2c2; border-radius: 50%; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.03); cursor: pointer; display: block; height: 2.2rem; margin-left: -1.1rem !important; position: absolute; top: -1.1rem; width: 2.2rem; z-index: 101 !important; } .data-slider-handle:before { background-color: #bbbbbb; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #bbbbbb 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #bbbbbb 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#f8f8f8', GradientType=0); border-radius: 50%; content: ''; display: block; height: 0.8rem; left: 50%; margin: -0.4rem 0 0 -0.4rem; position: absolute; top: 50%; width: 0.8rem; } .url-input-container .type-selector-input-container { align-items: stretch; display: flex; flex-flow: row wrap; justify-content: space-around; } .url-input-container .url-input-select { flex-grow: 0; } .url-input-container .url-input-element-linked-element { flex-grow: 1; margin-left: 1.5em; } .url-input-container .url-input-setting { clear: both; display: block; } .url-input-container .url-input-setting:before { clear: both; content: ""; } .url-input-container .admin__action-multiselect-text.warning { color: #F00; } .url-input-container .action-close, .url-input-container .action-close:active { margin-right: 3.2rem; padding: 0.8rem 1.5rem 0.6rem; } .url-input-container .action-close:before, .url-input-container .action-close:active:before { font-size: 1.5rem; } /*** Spectrum Colorpicker v1.8.0 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .colorpicker-spectrum { display: none; } .colorpicker-input { vertical-align: middle; width: 50% !important; } .sp-container { position: absolute; margin-top: 2px; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position: relative; width: 100%; display: inline-block; } .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; } .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; } .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -20px; right: 0; left: 0; height: 14px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button, .sp-container .block-footer .action-add { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #ffffff; border: solid 1px #1979c3; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear, .sp-container .block-footer .action-add { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float: right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px solid #adadad; padding: 4px 5px; margin: 5px 0px 0px 0px; width: 100%; background: transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid #1979c3; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: #007bdb; } .sp-thumb-el { position: relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; margin-top: 4px; } /* Replacer (the little preview div that shows up instead of the <input>) */ .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 3px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #adadad; background: #eaeaea; color: #333; vertical-align: middle; box-sizing: border-box; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #1979c3; color: #111; } .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; } .sp-dd { height: 16px; line-height: 16px; float: left; font-size: 10px; display: none; } .sp-preview { position: relative; width: 25px; height: 25px; border: solid 1px #adadad; float: left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom: 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); margin-top: 4px; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button, .sp-container .block-footer .action-add { background-color: #e3e3e3; border: 1px solid #adadad; color: #333; font-size: 1.4rem; line-height: 1.36; padding: 5px 4px; text-align: center; vertical-align: middle; } .sp-container button:hover, .sp-container .block-footer .action-add:hover { background-color: #dbdbdb; border: 1px solid #adadad; cursor: pointer; } .sp-container button:active, .sp-container .block-footer .action-add:active { border: 1px solid #aaa; } .sp-cancel { font-size: 1.4rem; color: #1979c3 !important; margin: 0; padding: 2px; margin-right: 15px; vertical-align: middle; text-decoration: none; } .sp-cancel:hover { text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat: no-repeat; background-position: center; background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgc3R5bGU9ImJhY2tncm91bmQ6I2ZmZiIgdmlld0JveD0iMCAwIDI1IDI1Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik0wLjUsMC41IEwyNS41LDI0LjUiLz4KPC9zdmc+Cg==); } .sp-palette-row-selection { padding-top: 10px; } .sp-palette-row-selection:before { content: "Favorite Colors"; } .adobe-login-container .adobe-sign-in-button { background: transparent; border: none; box-shadow: none; float: right; margin-right: 3%; margin-top: -50px; position: relative; z-index: 99; } .adobe-login-container .adobe-sign-in-button:hover:active { background: transparent; color: #007bdb; } .adobe-login-container .adobe-user-information { float: right; margin-right: 30px; margin-top: -54px; width: auto; } .adobe-login-container .adobe-user-information .adobe-profile-image-small { background-repeat: repeat-x; border-radius: 50%; margin-bottom: -14px; width: 40px; } .adobe-login-container .adobe-user-information .adobe-user-name { border: 0; box-shadow: none; padding-left: 10px; } .adobe-login-container .adobe-user-information .adobe-user-popup { min-width: 10px; padding-left: 20px; width: 320px; z-index: 282; } .adobe-login-container .adobe-user-information .adobe-user-popup .adobe-profile-image-large { float: left; padding-right: 10px; padding-top: 5px; width: 30%; } .adobe-login-container .adobe-user-information .adobe-user-popup ul { list-style: none; } .adobe-login-container .adobe-user-information .adobe-user-popup ul li { padding-bottom: 5px; } .adobe-login-container .adobe-user-information .adobe-user-popup .adobe-sign-out-button { background: transparent; border: none; float: left; margin-top: 20px; padding-bottom: 20px; padding-left: 0; } .adobe-login-container .adobe-user-information .adobe-user-popup .adobe-sign-out-button:hover { background: transparent; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .media-gallery-delete-image-action .modal-content, .delete-folder-confirmation-popup .modal-content { word-wrap: anywhere; } .media-gallery-asset-ui-select-filter .admin__action-multiselect-crumb, .edit-image-details .admin__action-multiselect-crumb { max-width: 70%; overflow: hidden; text-overflow: ellipsis; } .media-gallery-asset-ui-select-filter .admin__action-multiselect-label > span, .edit-image-details .admin__action-multiselect-label > span { display: block; margin-top: -2px; max-height: 18px; max-width: 70%; overflow: hidden; padding-left: 23px; position: absolute; text-overflow: ellipsis; } .media-gallery-asset-ui-select-filter .admin__action-multiselect-item-path, .edit-image-details .admin__action-multiselect-item-path { float: right; max-height: 70px; max-width: 70px; } .media-gallery-asset-ui-select-filter .admin__action-multiselect-label, .edit-image-details .admin__action-multiselect-label { display: inline-block; width: 100%; } .page-actions-buttons > button.no-display, .page-actions.floating-header > button.no-display, .page-actions-buttons > .block-footer .action-add.no-display { display: none; } .page-actions-buttons > button.media-gallery-actions-buttons, .page-actions .page-actions-buttons > button.media-gallery-actions-buttons:focus, .page-actions-buttons > button.media-gallery-actions-buttons:hover, .page-actions.floating-header > button.media-gallery-actions-buttons, .page-actions .page-actions.floating-header > button.media-gallery-actions-buttons:focus, .page-actions.floating-header > button.media-gallery-actions-buttons:hover, .page-actions-buttons > .block-footer .action-add.media-gallery-actions-buttons, .page-actions .page-actions-buttons > .block-footer .action-add.media-gallery-actions-buttons:focus, .page-actions-buttons > .block-footer .action-add.media-gallery-actions-buttons:hover { background-color: #e3e3e3; border-color: #adadad; color: #514943; } .mediagallery-massaction-checkbox { background-color: #eeeeee; border-radius: 4px; height: 40px; margin-left: 15px; margin-top: 10px; position: absolute; width: 40px; z-index: 10; } .mediagallery-massaction-checkbox input[type='checkbox'] { margin-left: 10px; margin-top: 11px; } .mediagallery-massaction-items-count { display: inline-block; margin-left: -15px; padding-right: 20px; } .media-gallery-container .action-disabled { opacity: .5; } .media-gallery-container .masonry-image-grid .no-data-message-container, .media-gallery-container .masonry-image-grid .error-message-container { left: 50%; margin-right: -50%; position: sticky; top: 50%; } .media-gallery-container .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .media-gallery-container .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .media-gallery-container .page-main-actions .page-actions .media-gallery-add-selected { order: unset; } .media-gallery-container .page-main-actions > .page-actions > button.no-display, .media-gallery-container .page-main-actions > .page-actions > .block-footer .action-add.no-display { display: none; } .media-gallery-container .jstree-default .jstree-hovered { background: #a6a6a6; border-color: #7185f5; border-radius: 6px; padding-top: 6px; } .media-gallery-container .jstree-default .jstree-leaf a .jstree-icon { background-position: -52px -16px; } .media-gallery-container .jstree-default a .jstree-icon { background-position: -52px -16px; } .media-gallery-container .jstree-default .jstree-no-dots .jstree-open > a > ins { background-position: -52px -38px; height: 20px; width: 29px; } .media-gallery-container .jstree a > ins { float: left; height: 22px; margin-top: -3px; width: 20px; } .media-gallery-container .jstree-default .jstree-no-dots .jstree-leaf > ins { background-image: none; } .media-gallery-container .jstree-default ins { background-image: url("../Magento_MediaGalleryUi/images/d.png"); } .media-gallery-container .jstree a { height: 30px; margin: 1px; padding-left: 6px; padding-right: 10px; padding-top: 6px; width: max-content; } .media-gallery-container .jstree-default .jstree-clicked { background: #cdecf6; border: 0.14em solid #7185f5; border-radius: 6px; padding-top: 6px; } .media-gallery-container .masonry-image-overlay { background-color: #d9631c; float: right; font-size: 11px; margin-left: 120px; margin-top: 170px; padding: .3rem; pointer-events: none; position: relative; } .media-gallery-container .media-gallery-image-details { float: left; list-style: none; margin-bottom: 0; position: absolute; width: 89%; } .media-gallery-container .media-gallery-image-details .name { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 15px; font-weight: bold; line-height: 20px; max-height: 50px; overflow: hidden; padding-bottom: 2px; text-overflow: ellipsis; white-space: pre-line; word-wrap: anywhere; word-wrap: break-word; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .media-gallery-container .media-gallery-image-details .name { white-space: nowrap; } } .media-gallery-container .media-gallery-image-details .type { display: inline-block; font-size: 12px; padding-bottom: 5px; } .media-gallery-container .media-gallery-image-details .dimensions { display: inline-block; } .media-gallery-container .media-gallery-image-details .source { display: inline-block; } .media-gallery-container .media-gallery-image-actions { float: right; position: absolute; right: 0; width: 10%; } .media-gallery-container .media-gallery-image-actions .action-select-wrap { cursor: pointer; } .media-gallery-container .media-gallery-image-actions .three-dots:before { content: url("../Magento_MediaGalleryUi/images/3-dots.png"); cursor: pointer; } .media-gallery-container .media-gallery-image { height: 200px; margin: 0 auto; position: relative; text-align: center; width: 200px; } .media-gallery-container .masonry-image-description { background-color: #ffffff; min-height: 90px; padding-top: 10px; position: relative; } .media-gallery-container .masonry-image-column { background-color: #e1e1e1; width: 200px; } .media-gallery-container .media-directory-container { float: left; max-width: 50%; overflow-x: scroll; overflow-y: hidden; padding-right: 40px; scrollbar-color: #9e9e9e #ffffff; } .media-gallery-container .media-directory-container::-webkit-scrollbar { background-color: #ffffff; } .media-gallery-container .media-directory-container::-webkit-scrollbar-thumb { background-color: #9e9e9e; } .media-gallery-container .media-gallery-image-block { cursor: pointer; height: 200px; margin: 0 auto; position: relative; } .media-gallery-container .media-gallery-image-block.selected { border: 5px solid #4682b4; } .media-gallery-container .media-gallery-image img { bottom: 0; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; padding: 5px; position: absolute; right: 0; top: 0; width: auto; } .media-gallery-container .media-gallery-image .action-menu, .media-gallery-container .media-gallery-image .abs-action-menu .action-submenu, .media-gallery-container .media-gallery-image .action-menu .action-submenu, .media-gallery-container .media-gallery-image .actions-split .dropdown-menu .action-submenu, .media-gallery-container .media-gallery-image .actions-split .action-menu .action-submenu { bottom: 0; float: right; left: auto; top: auto; z-index: 100; } .media-gallery-container .media-gallery-source-icon { margin-bottom: -6px; width: 29px; } .media-gallery-container .masonry-image-grid { align-items: first baseline; display: grid; grid-template-columns: repeat(auto-fill, 210px); justify-content: end; margin: 10px 0; position: relative; } .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .action-menu, .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .abs-action-menu .action-submenu, .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .action-menu .action-submenu, .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .actions-split .dropdown-menu .action-submenu, .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .actions-split .action-menu .action-submenu { width: 110%; } .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .admin__action-multiselect-search-label { right: 1.5rem; } .media-gallery-container .admin__data-grid-filters .admin__form-field .action-close { padding: 0; } .media-gallery-container .admin__data-grid-filters .admin__form-field .action-close:before { font-size: 6px; } .media-gallery-image-details-modal .admin__action-multiselect-crumb .action-close, .media-gallery-edit-image-details-modal .admin__action-multiselect-crumb .action-close { padding: 0; } .media-gallery-image-details-modal .admin__action-multiselect-crumb .action-close:before, .media-gallery-edit-image-details-modal .admin__action-multiselect-crumb .action-close:before { font-size: .5em; } .media-gallery-image-details-modal .edit-image-details, .media-gallery-edit-image-details-modal .edit-image-details { padding: 50px; } .media-gallery-image-details-modal .path-display, .media-gallery-edit-image-details-modal .path-display { margin-top: 8px; } .media-gallery-image-details-modal .page-action-buttons, .media-gallery-edit-image-details-modal .page-action-buttons { float: right; } .media-gallery-image-details-modal .image-type .media-gallery-source-icon, .media-gallery-edit-image-details-modal .image-type .media-gallery-source-icon { margin-bottom: -6px; width: 29px; } .media-gallery-image-details-modal .image-type .type, .media-gallery-edit-image-details-modal .image-type .type { color: #666666; } .media-gallery-image-details-modal .image-details, .media-gallery-edit-image-details-modal .image-details { display: -webkit-flex; display: -ms-flexbox; display: flex; } .media-gallery-image-details-modal .image-details .image-details-image img, .media-gallery-edit-image-details-modal .image-details .image-details-image img { max-height: 650px; } .media-gallery-image-details-modal .image-details .image-details-sidebar, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar { -webkit-flex-grow: 1; flex-grow: 1; margin-top: 0; padding-left: 40px; } .media-gallery-image-details-modal .image-details .image-details-sidebar .image-details-section, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .image-details-section { margin-bottom: 40px; max-width: 400px; min-width: 290px; word-wrap: anywhere; } .media-gallery-image-details-modal .image-details .image-details-sidebar .image-details-section:before, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .image-details-section:before, .media-gallery-image-details-modal .image-details .image-details-sidebar .image-details-section:after, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .image-details-section:after { content: ''; display: table; } .media-gallery-image-details-modal .image-details .image-details-sidebar .image-details-section:after, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .image-details-section:after { clear: both; } .media-gallery-image-details-modal .image-details .image-details-sidebar h3.image-title, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar h3.image-title { font-weight: bold; line-height: 1.5; } .media-gallery-image-details-modal .image-details .image-details-sidebar .attributes .attribute:not(:last-child), .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .attributes .attribute:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; } .media-gallery-image-details-modal .image-details .image-details-sidebar .attributes .attribute > *, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .attributes .attribute > * { float: left; margin-left: -1px; width: 50%; } .media-gallery-image-details-modal .image-details .image-details-sidebar .attributes .attribute .value, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .attributes .attribute .value { display: inline; float: right; margin-left: 1px; } .media-gallery-image-details-modal .image-details .image-details-sidebar .attributes .attribute .title, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .attributes .attribute .title { color: #666666; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list { margin-bottom: 10px; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list .show-more-item, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list .show-more-item { display: none; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags { margin-bottom: 0; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags .show-more-item, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags .show-more-item { display: inline; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags + .show-more-link-container, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags + .show-more-link-container { display: none; } .masonry-image-sortby { display: inline-block; } .masonry-results-number { display: inline-block; margin-right: 1.4rem; } .admin__field-saleable-qty { margin-top: 0; } .admin__field-saleable-qty .admin__field-tooltip-content { font-size: 14px; font-weight: normal; right: -5rem; width: 29rem; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .modal-popup.confirm.lac-confirm .modal-inner-wrap { max-width: 55rem; } .modal-popup.confirm.lac-confirm .modal-title { border-bottom: 1px solid #cccccc; padding-bottom: 15px; width: 100%; } .modal-popup.confirm.lac-confirm .store-view-ptions { padding-top: 15px; } .modal-popup.confirm.lac-confirm .modal-content .message-warning { padding-left: 4.5rem; } .modal-popup.confirm.lac-confirm .modal-content .message-warning:before { color: #514943; left: 5px; } .page-actions .page-actions-buttons .login-button, .page-actions .page-actions.floating-header .login-button { -ms-flex-order: -1; -webkit-order: -1; order: -1; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .media-gallery-category-container .admin__field-label { text-align: left; } .media-gallery-category-container .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .media-gallery-category-container .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .media-gallery-category-container .admin__field:not(.admin__field-option) > .admin__field-label { font-size: 1.3rem; font-weight: bold; line-height: 2.1rem; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .adobe-stock-images-search-modal-content .color-rectangle { border: solid 1px #626160; display: inline-block; height: 12px; position: inherit; top: 2px; width: 12px; } .adobe-stock-images-search-modal-content .masonry-image-grid { display: inline-block; margin: 0; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-column { overflow: visible; position: static; } .adobe-stock-images-search-modal-content .masonry-image-overlay { float: right; margin-bottom: -30px; padding-left: 5%; padding-right: 5%; position: relative; width: auto; } .adobe-stock-images-search-modal-content .masonry-image-preview { position: fixed; z-index: 289; } .adobe-stock-images-search-modal-content .masonry-image-preview .container { padding-top: 0; } .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-buttons { /* Align image preview actions uniformly to the right edge */ } .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-buttons .action-previous, .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-buttons .action-next, .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-buttons .action-close { padding: 30px 0 30px 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-row-content img.preview { flex-basis: auto; } .adobe-stock-images-search-modal-content .masonry-image-sortby { display: inline-block; } .adobe-stock-images-search-modal-content .masonry-results-number { display: inline-block; margin-right: 1.4rem; } .adobe-stock-images-search-modal-content .masonry-image-column { position: static; } .adobe-stock-images-search-modal-content .masonry-image-column:first-child .masonry-image-preview .preview-buttons .action-previous, .adobe-stock-images-search-modal-content .masonry-image-column:last-child .masonry-image-preview .preview-buttons .action-next { opacity: .5; pointer-events: none; } .adobe-stock-images-search-modal-content .adobe-login-container .adobe-user-information .adobe-user-popup .adobe-user-info { padding-top: 15px; } .adobe-stock-images-search-modal-content .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .adobe-stock-images-search-modal-content .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .adobe-stock-images-search-modal-content .masonry-image-grid + .admin__data-grid-header .selectmenu-items { bottom: 100%; top: auto; } .adobe-stock-images-search-modal-content .masonry-image-preview { position: absolute; } .adobe-stock-images-search-modal-content .masonry-image-preview .title { font-weight: bold; } .adobe-stock-images-search-modal-content .masonry-image-preview .info { float: left; min-width: 40%; padding-left: 40px; width: -moz-min-content; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .actions { letter-spacing: -1px; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .actions button, .adobe-stock-images-search-modal-content .masonry-image-preview .info .actions .block-footer .action-add { margin-right: 15px; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .title { margin: 0 0 20px; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .author { margin: 0 0 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .action-buttons { margin: 0 0 30px; text-align: left; } .adobe-stock-images-search-modal-content .masonry-image-preview .related-container { height: 180px; } .adobe-stock-images-search-modal-content .masonry-image-preview .attributes .attribute { display: inline-block; margin-right: 2em; } .adobe-stock-images-search-modal-content .masonry-image-preview .attributes .attribute .value { margin-top: 1em; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords { display: inline-block; margin: 30px 0 20px 0; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .title { margin-bottom: 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .keyword { display: inline-block; line-height: 40px; margin-right: 5px; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .keyword.hide { display: none; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .keyword .value { background-color: #f5f5f5; border: 1px solid #c6c1bb; border-radius: 3px; color: #666666; font-size: 15px; padding: 5px; text-transform: capitalize; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords button, .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .block-footer .action-add { margin-left: 10px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-tabs { border-bottom: 1px solid #adadad; margin-top: 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-tabs .ui-state-default { border-bottom: none; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-tabs .ui-state-active { border-bottom: 0; font-weight: unset; letter-spacing: normal; margin-bottom: -1.1rem; } .adobe-stock-images-search-modal-content .masonry-image-preview .related-loader { height: 100px; left: 50%; margin-left: -50px; margin-top: 50px; position: absolute; width: 100px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content { display: inline-block; height: auto; max-height: 190px; vertical-align: middle; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel { margin-top: 30px; padding: 0; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .thumbnail { display: inline-flex; height: 100px; margin-right: 10px; max-width: 150px; overflow: hidden; position: relative; vertical-align: middle; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .thumbnail img { margin: 0 auto; max-width: initial; position: relative; width: auto; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper { cursor: pointer; display: inline-block; max-height: 100px; max-width: 140px; text-align: center; vertical-align: middle; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper .see-more-content { padding: 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper .see-more-content .three-dots { margin-bottom: 10px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper .see-more-content .three-dots .dots { background-color: #626160; border-radius: 50%; color: #ffffff; content: '\22EE'; display: inline-block; height: 10px; line-height: 1; text-align: center; width: 10px; } .adobe-stock-images-search-modal-content .admin__form-field .colorpicker-input { min-width: 70%; } .adobe-stock-save-preview-prompt .modal-inner-wrap { max-width: 650px; width: 100%; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-header { padding: 30px; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-header .modal-title { margin: 0; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-header .action-close { right: 30px; top: 30px; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .prompt-message { font-weight: normal; margin-bottom: 15px; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .prompt-message p { word-break: break-all; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .admin__field-wide { margin-bottom: 0; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .image-ext { color: #999999; cursor: default; padding: .6rem 1rem .6rem; position: absolute; right: 0; top: 0; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .admin__field-with-image-ext .admin__control-text { padding-right: 5rem; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-footer { padding: 30px; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-footer .action-dismiss { color: #464646; margin-right: 35px; } .admin__adobe-stock-image-checkbox .admin__field-control._with-tooltip .admin__form-field-label { display: inline-block; } .admin__adobe-stock-image-checkbox .admin__field-control._with-tooltip .admin__field-tooltip { margin: -5px 0 0 5px; } .admin__adobe-stock-image-checkbox .admin__field-control._with-tooltip .admin__field-tooltip .admin__field-tooltip-action:before { line-height: initial; overflow: visible; } @media (max-width: 1400px) { .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .thumbnail { max-width: 130px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper { width: auto; } } @media (max-width: 1024px) { .adobe-stock-images-search-modal-content .masonry-image-preview .container { margin: 0 60px; } .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-row-content .info .actions .action-secondary { margin-bottom: 8px; } } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .recaptcha_backend_type_for_recaptcha_backend_info_heading_notice strong, .recaptcha_frontend_type_for_recaptcha_frontend_info_heading_notice strong { color: #e22626; } .data-grid th, .data-grid td { font-size: 10px !important; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Core * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Core * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Core * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ @font-face { font-family: 'Mageplaza Icons'; src: url('../Mageplaza_Core/fonts/mageplaza-icons/mageplaza-icons.woff2') format('woff2'), url('../Mageplaza_Core/fonts/mageplaza-icons/mageplaza-icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } .admin__menu .item-menu.parent.level-0 > a:before { content: '\e900'; font-family: 'Mageplaza Icons'; font-size: 2rem; padding-top: .2rem; } .mageplaza-extensions .title:before { content: '\e900'; font-family: 'Mageplaza Icons'; font-size: 1.3rem; padding-top: .2rem; } .row_mageplaza_module_version .value { vertical-align: bottom !important; } .row_mageplaza_module_version .value .special { font-weight: 600; } #mageplaza-module-messages { max-width: 75%; margin: 0 auto -35px; } [data-ui-id="menu-mageplaza-core-menu"] strong:before { display: none; /*no icon under Mageplaza tab*/ } ul[role="menu"] [data-ui-id^="menu-mageplaza"] strong:before { content: '\e900'; font-family: 'Mageplaza Icons'; font-size: 1.5rem; margin-right: .8rem; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Smtp * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .mpsmtp-modal-email .modal-content { height: 100%; } .mpsmtp-modal-email .modal-content > div { height: 100%; } #mageplaza_smtp_provider { width: calc(100% - 125px); } .actions-provider-button { width: 121px; box-sizing: border-box; } #smtp-abandoned-cart .tooltip { position: relative; display: inline-block; } #smtp-abandoned-cart .tooltip .tooltip-text { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; } #smtp-abandoned-cart .tooltip .tooltip-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } #smtp-abandoned-cart .tooltip:hover .tooltip-text { visibility: visible; opacity: 1; } .admin__menu .item-faqs.level-0 > a:before { content: "\e900"; font-family: 'faq-extension'; } .hosted-control { height: 3.4rem; position: relative; } .hosted-control.braintree-hosted-fields-focused { border-color: #007bdb; } .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) { border-color: #ee7d7d; } .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .hosted-control.braintree-hosted-fields-valid { border-color: #79a22e; } .hosted-control.hosted-date { float: left; margin-bottom: .2rem; width: 5rem; } .hosted-control.hosted-date:first-of-type { margin-right: 50px; } .hosted-control.hosted-date:first-of-type:after { content: '/'; display: inline; padding-bottom: inherit; padding-top: inherit; position: absolute; right: -28.57142857px; top: 0; } .hosted-control.hosted-cid { width: 6rem; } .hosted-control .icon-type { background-image: url('../images/cards.png'); background-position: -1000px 0; background-repeat: no-repeat; height: 26px; position: absolute; right: 5px; top: 3px; width: 40px; } .hosted-control .icon-type.icon-type-discover { background-position: 0 0; } .hosted-control .icon-type.icon-type-visa { background-position: 0 -29px; } .hosted-control .icon-type.icon-type-master-card { background-position: 0 -58px; } .hosted-control .icon-type.icon-type-maestro { background-position: 0 -87px; } .hosted-control .icon-type.icon-type-american-express { background-position: 0 -114px; } .hosted-control .icon-type.icon-type-unionpay { background-position: 0 -140px; } .hosted-control .icon-type.icon-type-diners-club { background-position: 0 -168px; } .hosted-error { clear: both; color: #ee7d7d; height: 0; opacity: 0; } .admin__field[data-index^="sw_menu"] button.action-wysiwyg, .admin__field[data-index^="sw_ocat"] button.action-wysiwyg, .admin__field[data-index^="sw_menu"] .block-footer .action-add.action-wysiwyg, .admin__field[data-index^="sw_ocat"] .block-footer .action-add.action-wysiwyg { display: none; } /* * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ /** * Class used to color the "Vertex has been disabled automatically" message in * the admin panel */ .vertex__automatically-disabled-message { margin-top: 5px; color: #e02b27; } .admin__control-flexfield-table .admin__action-multiselect-menu-inner-item._root._parent .action-menu-item { margin-right: 4rem; position: relative; } .admin__control-flexfield-table .admin__action-multiselect-menu-inner-item._root._parent .action-menu-item._expended .admin__action-multiselect-dropdown:before { content: '\e615'; } .admin__control-flexfield-table .admin__action-multiselect-menu-inner-item._root._parent .action-menu-item .admin__action-multiselect-dropdown { left: auto; right: -2.8rem; } .admin__control-flexfield-table .action-select.admin__action-multiselect:before { border-bottom: 0; height: auto; } .admin__control-flexfield-table .action-select.admin__action-multiselect:after { transform: rotate(0deg); top: 50%; } .admin__control-flexfield-table .action-select.admin__action-multiselect._active:after { transform: rotate(180deg); } .admin__control-flexfield-table .admin__control-table .field-edit { color: #303030; text-decoration: none; cursor: pointer; } .admin__control-flexfield-table .admin__control-table .icon-edit:before { content: '\e631'; font-size: 1.6rem; padding-left: 5px; } .vertex__comment-field-type .section-config { padding: 0 2.8rem 1.9rem 2.8rem; } .section-config.vertex__flexfield-type-group .comment { padding: 0 0 1rem 3rem; } .section-config.vertex__flexfield-type-group > .admin__collapsible-block > a { padding: 1.9rem 2.8rem 0.5rem 2.8rem; } #tax_vertex-head { background: url("../Vertex_Tax/images/vertex-logo.svg") left / auto 1.8rem no-repeat; height: 0; overflow: hidden; padding: 6.16rem 0 0; } #row_tax_vertex_info .comment { padding-left: 2.8rem; color: #303030; } #row_tax_vertex_info .comment h2 { font-weight: 600; color: #303030; margin: 1.5rem 0 0.5rem; } /** * This is for our "Vertex Flexible Field" input on the Product Edit Page in the * "Customizable Options" section. At the time of this writing (2.3.1) these * fields are not setup in any way to display scope appropriately. I experienced * difficulty getting the ::before (existing) selector to line up in any nice * way, so I instead opted to use the ::after selector and write up all the CSS * myself - here. * * This could theoretically fail in the future, as the ::after selector on these * labels is also used for the required asterisk - as such, I've documented that * here. */ .admin__field-vertex-scope .admin__field-label label span::after { content: attr(data-config-scope); color: #808080; margin-left: 1em; font-size: 1.1rem; font-weight: 400; text-transform: lowercase; } /* * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ #vertex_address_validation_info-head { background: url("../Vertex_Tax/images/vertex-logo.svg") left / auto 1.8rem no-repeat; overflow: hidden; padding: 0 0 0 10.5rem; pointer-events: none; } .vertex__admin-order__address-cleansing .vertex__address-suggestion { margin: 5px 0; padding-left: 10px; font-weight: 500; border-left: 2px solid gray; } .vertex__admin-order__address-cleansing .message::before, .vertex__admin-order__address-cleansing .order-errors .admin__fieldset-wrapper .title::before { top: 30px; } .vertex__admin-order__address-cleansing .actions { margin-bottom: 10px; } .vertex__admin-order__address-cleansing button, .vertex__admin-order__address-cleansing .block-footer .action-add { text-transform: capitalize; } .yotpo-reviews-totals { font-family: 'Open Sans', sans-serif; background: #ffffff; } .yotpo-reviews-totals .yotpo-reviews-totals-list { display: block; max-width: 60rem; columns: 3; margin-bottom: 20px; } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item { display: inline-block; padding: 1.2rem 1rem 1.2rem 0; max-width: 20rem; } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item .yotpo-reviews-totals-label { display: block; font-size: 1.5rem; font-weight: normal; } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item .yotpo-reviews-totals-value { font-size: 2.4rem; font-weight: normal; } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item .yotpo-reviews-totals-icon { display: inline-block; width: 3.6rem; height: 3.2rem; vertical-align: sub; background-repeat: no-repeat; background-position: center center; background-size: contain; } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item.yotpo-totals-emails-sent .yotpo-reviews-totals-icon { background-image: url("../Yotpo_Yotpo/images/icons/email-icon.svg"); } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item.yotpo-totals-total-reviews .yotpo-reviews-totals-icon { background-image: url("../Yotpo_Yotpo/images/icons/collect-icon.svg"); } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item.yotpo-totals-published-reviews .yotpo-reviews-totals-icon { background-image: url("../Yotpo_Yotpo/images/icons/upload-icon.svg"); } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item.yotpo-totals-star-rating .yotpo-reviews-totals-icon { background-image: url("../Yotpo_Yotpo/images/icons/star-icon.svg"); } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item.yotpo-totals-photos-generated .yotpo-reviews-totals-icon { background-image: url("../Yotpo_Yotpo/images/icons/photo-icon.svg"); } .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item.yotpo-totals-engagement-rate .yotpo-reviews-totals-icon { background-image: url("../Yotpo_Yotpo/images/icons/rate-icon.svg"); } .yotpo-reviews-totals .yotpo-reviews-totals-nodata { background: #ffffff; padding: 20px; } .launch-yotpo-button { font-family: 'Open Sans', sans-serif; min-width: 161px; height: 38px; border-radius: 3px; font-size: 1.3rem; background-color: #2b7dbd; color: #ffffff; box-sizing: border-box; border: none; } .launch-yotpo-button:active, .launch-yotpo-button:focus, .launch-yotpo-button:hover { background-color: #0073ae; border-color: #007dbd; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .yotpo-reviews-totals-no-appkey { font-family: 'Open Sans', sans-serif; background: #ffffff; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; } .yotpo-reviews-totals-no-appkey .collect-and-leverage { max-width: 421px; font-size: 1.6rem; color: #676363; position: relative; margin: 20px auto; } .yotpo-reviews-totals-no-appkey .already-have-account { max-width: 250px; font-size: 1.3rem; position: relative; margin: 14px auto; } .yotpo-reviews-totals-no-appkey .already-have-account a { color: #2b7dbd; } .yotpo_yotpo-report-reviews #container.main-col { min-height: 500px; margin-bottom: 120px; } .yotpo_yotpo-report-reviews .yotpo-reports-period-select.admin__action-dropdown-wrap { float: right; } .yotpo_yotpo-report-reviews .yotpo-reports-period-select.admin__action-dropdown-wrap .admin__action-dropdown-text { font-size: 1.5rem; } .yotpo_yotpo-report-reviews .yotpo-reports-period-select.admin__action-dropdown-wrap._active .admin__action-dropdown, .yotpo_yotpo-report-reviews .yotpo-reports-period-select.admin__action-dropdown-wrap.active .admin__action-dropdown { border: none; box-shadow: none; } .yotpo_yotpo-report-reviews .yotpo-reports-period-select.admin__action-dropdown-wrap .admin__action-dropdown { padding-left: 0 !important; } .yotpo_yotpo-report-reviews .yotpo-reports-period-select.admin__action-dropdown-wrap .admin__action-dropdown-menu { box-shadow: 0 2px 4px 0 rgba(46, 46, 46, 0.5); background-color: #ffffff; border: none; left: 0 !important; right: auto !important; z-index: 9; } .yotpo_yotpo-report-reviews .yotpo-reports-period-select.admin__action-dropdown-wrap .admin__action-dropdown-menu > li > a:active, .yotpo_yotpo-report-reviews .yotpo-reports-period-select.admin__action-dropdown-wrap .admin__action-dropdown-menu > li > a:hover { background-color: #c7effd; } .yotpo_yotpo-report-reviews .yotpo-at-a-glance { line-height: 3rem; font-size: 1.8rem; font-weight: bold; color: #313030; } .yotpo_yotpo-report-reviews .user-generated-content { font-size: 1.4rem; font-weight: normal; color: #313030; } .yotpo_yotpo-report-reviews .launch-yotpo-button { margin-left: 16px; } .yotpo_yotpo-report-reviews a.yotpo-settings { font-size: 1.3rem; color: #2b7dbd; display: inline-block; margin-top: 16px; margin-left: 16px; font-weight: 600; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-container { box-sizing: border-box; max-width: 800px; padding: 25px 25px 55px; margin: 10px 0; background: #fff; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals { max-width: 800px; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals .yotpo-reviews-totals-list { margin-top: 30px; margin-bottom: 30px; padding-left: 16px; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item { padding: 1.2rem 1rem 3.2rem 0; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item .yotpo-reviews-totals-icon { margin-right: 0.5rem; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item .yotpo-reviews-totals-label { color: #545252; margin-top: 10px; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals .yotpo-reviews-totals-list .yotpo-reviews-totals-item .yotpo-reviews-totals-value { display: inline-block; font-size: 3.6rem; line-height: 3.6rem; height: 3.6rem; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey { padding: 140px 0 30px 30px; display: inline-block; width: 100%; background: transparent; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey * { box-sizing: border-box; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-title-content-container { float: left; text-align: left; padding: 0 40px 0 0; width: 40%; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-title-content-container h2 { font-family: 'Work Sans', sans-serif; font-size: 4rem; font-weight: bold; line-height: 1.15; color: #051146; margin: 80px 0 10px; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-title-content-container p { font-size: 1.7rem; line-height: 1.6; color: #051146; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-title-content-container .launch-yotpo-button { font-size: 1.62rem; background-color: #1576ec; font-weight: bold; min-width: 19rem; height: 4.8rem; border-radius: 4.5px; margin: 30px 0 3px; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-title-content-container .already-have-account { font-size: 1.5rem; margin: 10px 0 0; max-width: none; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container { float: right; width: 60%; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container .yotpo-shaddow-box { width: 32%; max-width: 306px; height: 435px; overflow: hidden; float: left; box-shadow: 0 0 23px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; padding: 50px 22.5px; margin: 0 1%; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container .yotpo-shaddow-box:first-of-type { margin-left: 0; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container .yotpo-shaddow-box:last-of-type { margin-right: 0; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container .yotpo-shaddow-box h3 { font-size: 1.5rem; text-transform: uppercase; font-weight: 600; color: #051146; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container .yotpo-shaddow-box img { width: 100%; display: block; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container .yotpo-shaddow-box p { font-size: 1.3rem; color: #051146; margin: 35px 0 10px; min-height: 90px; } .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container .yotpo-shaddow-box a.yotpo-cta-add-arrow:after { font-size: 1rem; } @media all and (max-width: 1390px) { .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-shaddow-boxes-container, .yotpo_yotpo-report-reviews .yotpo-reviews-totals-no-appkey .yotpo-title-content-container { float: none; clear: both; margin-bottom: 40px; width: 100%; } } .yotpo-cta-add-arrow:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3rem; color: inherit; font-style: normal; content: '\e629'; font-family: 'Admin Icons'; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; speak: none; text-align: center; vertical-align: middle; } .admin-usage-notification { -webkit-transition: visibility 0s .5s, opacity .5s ease; transition: visibility 0s .5s, opacity .5s ease; } .admin-usage-notification._show { -webkit-transition: opacity .5s ease; opacity: 1; transition: opacity .5s ease; visibility: visible; } .admin-usage-notification .modal-inner-wrap { -webkit-transform: translateX(0); -webkit-transition: -webkit-transform 0s; transition: transform 0s; transform: translateX(0); margin-top: 13rem; max-width: 75rem; } .admin-usage-notification .modal-inner-wrap .modal-content, .admin-usage-notification .modal-inner-wrap .modal-header { padding-left: 4rem; padding-right: 4rem; } .admin-usage-notification .modal-inner-wrap .modal-content .action-close, .admin-usage-notification .modal-inner-wrap .modal-header .action-close { display: none; } .admin-usage-notification .admin__fieldset { padding: 0; } .message-system-inner { background: #fffbbb; border: solid #d1d1d1; border-width: 0 0.1rem 0.1rem; position: relative; } .message-system-inner .message-error { background: none; } .message-system-inner .message, .message-system-inner .order-errors .admin__fieldset-wrapper .title { background: none; margin: 0 0 -3px; overflow: hidden; padding: 1.5rem 0 1.5rem 3.3rem; } .message-system-inner .message:before, .message-system-inner .order-errors .admin__fieldset-wrapper .title:before { left: .3rem; } .message-system-inner .action-menu-item { float: right; padding: 1.5rem 0 0; vertical-align: top; } .message-system-inner .action-menu-item.action-close-wrapper { width: 3.5rem; } .message-system-inner .action-menu-item .action-close { float: right; } .message-system-list { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; list-style: none; margin: 0 0 1.5rem; } .message-system-list li + li { border-top: 1px dashed #d1d1d1; } .message-system-short { min-height: 5rem; } .message-system-short .action-close-wrapper { display: none; } .message-system-short-wrapper { overflow: hidden; padding: 0 1.5rem 0 1rem; } .message-system-collapsible { background: #fffbbb; border: 0.1rem solid #d1d1d1; border-top: 0; display: none; left: -1px; padding: 0 3rem 1.5rem; position: absolute; right: -1px; top: 100%; z-index: 498; } ._active .message-system-collapsible { display: block; } .message-system-action-dropdown { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; float: right; margin: 1.5rem 0; position: relative; padding-right: 3rem; } .message-system-action-dropdown:focus, .message-system-action-dropdown:active { background: none; border: none; } .message-system-action-dropdown:hover { background: none; border: none; } .message-system-action-dropdown.disabled, .message-system-action-dropdown[disabled], fieldset[disabled] .message-system-action-dropdown { pointer-events: none; opacity: 0.5; } .message-system-action-dropdown._active:after, .message-system-action-dropdown.active:after { transform: rotate(180deg); } .message-system-action-dropdown:after { border-color: #333333 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.1rem; top: 50%; transition: all .2s linear; width: 0; } ._active .message-system-action-dropdown:after, .active .message-system-action-dropdown:after { transform: rotate(180deg); } .message-system-action-dropdown:hover:after { border-color: #1a1a1a transparent transparent transparent; } .message-system-summary { text-align: right; } .message-system-summary .action__message-log { border-right: 1px solid #d1d1d1; display: inline-block; margin: 0 0.2rem 0 0.5rem; padding-right: 0.5rem; } .message-system-summary .action__message-log:last-child { border-right: 0; margin: 0; padding: 0; } .notices-wrapper .admin__data-grid-loading-mask { display: none; min-height: 5.1rem; z-index: 499; } .notices-wrapper .admin__data-grid-outer-wrap { min-height: 0; } .accordion .add-by-sku-wrapper { margin: 0 0 2rem; } .add-by-sku-wrapper .add-sku-csv .admin__field-label:before { display: none; } .order-search-items .col-select { text-align: center; } .order-search-items .col-select .data-grid-checkbox-cell-inner { text-align: center; } .order-discounts .action-secondary:not(:first-of-type) { margin-right: 1rem; } .order-errors .admin__fieldset-wrapper .title { display: block; margin: 0 0 2rem; } .dashboard-advanced-reports { display: -webkit-flex; display: -ms-flexbox; display: flex; border-color: #e3e3e3; border-style: solid; border-width: 1px 0; margin-bottom: 3rem; padding: 2.5rem 0; } .dashboard-advanced-reports-title { margin-bottom: 1rem; } .dashboard-advanced-reports-content { line-height: 1.7; } .dashboard-advanced-reports-actions { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; align-self: center; margin-left: 2.5rem; margin-right: 1.5rem; text-align: right; } .action-advanced-reports { background-color: #007dbd; border-color: #007dbd; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; } .action-advanced-reports:after { content: '\e644'; font-size: 1rem; vertical-align: super; } .action-advanced-reports:hover, .action-advanced-reports:active, .action-advanced-reports:focus { background-color: #0073ae; border-color: #007dbd; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .action-advanced-reports.disabled, .action-advanced-reports[disabled] { cursor: default; opacity: 0.5; pointer-events: none; } .advanced-reports-subscription-modal .modal-inner-wrap { margin-top: 13rem; max-width: 75rem; } .advanced-reports-subscription-modal .modal-inner-wrap .modal-content, .advanced-reports-subscription-modal .modal-inner-wrap .modal-header { padding-left: 4rem; padding-right: 4rem; } .advanced-reports-subscription-modal .modal-inner-wrap .modal-content .action-close, .advanced-reports-subscription-modal .modal-inner-wrap .modal-header .action-close { display: none; } .advanced-reports-subscription-modal .admin__fieldset { padding: 0; } .advanced-reports-subscription-text { line-height: 1.7; padding-bottom: 8rem; } .advanced-reports-subscription-close { display: block; float: right; } .advanced-reports-subscription-modal h1:first-of-type { background: url("../Magento_Analytics/images/analytics-icon.svg") no-repeat; background-size: 55px 49.08px; padding: 1.5rem 0 2rem 7rem; } .config-additional-comment { border-color: #cccccc; border-style: solid; border-width: 1px 0; margin: 3rem 0; padding: 2.5rem; } .config-additional-comment-title { margin-bottom: 0.5rem; } .config-additional-comment-content { line-height: 1.5; } .config-vertical-title { clear: both; color: #303030; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; } .config-vertical-comment { line-height: 1.5; margin-bottom: .5em; margin-top: 1rem; } /** * @codingStandardsIgnoreStart */ #row_analytics_general_vertical > td.config-vertical-label > label.admin__field-label { padding-right: 0; } .menu-wrapper { display: inline-block; position: relative; width: 8.800000000000001rem; z-index: 700; } .menu-wrapper:before { background-color: #373330; bottom: 0; content: ''; left: 0; position: fixed; top: 0; width: 8.800000000000001rem; z-index: 699; } .menu-wrapper._fixed { left: 0; position: fixed; top: 0; } .menu-wrapper._fixed ~ .page-wrapper { margin-left: 8.800000000000001rem; } .menu-wrapper .logo { display: block; height: 7.5rem; padding: 1.7rem 0 1.7rem; position: relative; text-align: center; z-index: 700; } ._keyfocus .menu-wrapper .logo:focus { background-color: #4a4542; box-shadow: none; } ._keyfocus .menu-wrapper .logo:focus + .admin__menu .level-0:first-child > a { background-color: #373330; } ._keyfocus .menu-wrapper .logo:focus + .admin__menu .level-0:first-child > a:after { display: none; } .menu-wrapper .logo:hover .logo-img { -webkit-filter: brightness(1.1); filter: brightness(1.1); } .menu-wrapper .logo:active .logo-img { transform: scale(0.95); } .menu-wrapper .logo .logo-img { height: 4.1rem; transition: -webkit-filter 0.2s linear, filter 0.2s linear, transform 0.1s linear; width: 3.5rem; } .abs-menu-separator, .admin__menu .level-0:first-child > a:after, .admin__menu .item-partners > a:after { background-color: #736963; content: ''; display: block; height: 1px; left: 0; margin-left: 16%; position: absolute; top: 0; width: 68%; } .admin__menu li { display: block; } .admin__menu [target='_blank']:after { content: '\e644'; font-size: .5rem; margin-left: 0.5rem; vertical-align: super; } .admin__menu .level-0:first-child > a { position: relative; } .admin__menu .level-0:first-child._active > a:after { display: none; } .admin__menu .level-0._active > a, .admin__menu .level-0:hover > a { color: #f7f3eb; } .admin__menu .level-0._active > a { background-color: #524d49; } .admin__menu .level-0:hover > a { background-color: #4a4542; } .admin__menu .level-0 > a { color: #aaa6a0; display: block; font-size: 1rem; letter-spacing: .025em; min-height: 6.2rem; padding: 1.2rem .5rem .5rem; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 0.1s linear; word-wrap: break-word; z-index: 700; } .admin__menu .level-0 > a:focus { box-shadow: none; } .admin__menu .level-0 > a:before { content: '\e63a'; display: block; font-size: 2.2rem; height: 2.2rem; margin-bottom: .3rem; } .admin__menu .level-0 > .submenu { background-color: #4a4542; box-shadow: 0 0 3px #000000; left: 100%; padding: 2rem 0 0; position: absolute; top: 0; transform: translateX(-100%); transition-duration: .3s; transition-property: transform, visibility; transition-timing-function: ease-in-out; visibility: hidden; z-index: 697; } .ie11 .admin__menu .level-0 > .submenu { height: 100%; } .admin__menu .level-0 > .submenu > ul[role='menu'] { max-width: calc(100vw - 8.800000000000001rem); min-height: 720px; overflow-x: auto; overflow-y: hidden; } .admin__menu .level-0._show > .submenu { transform: translateX(0); visibility: visible; z-index: 698; } .admin__menu .level-1 { margin-left: 1.5rem; margin-right: 1.5rem; } .admin__menu [class*='level-']:not(.level-0) a { display: block; padding: 1.25rem 1.5rem; } .admin__menu [class*='level-']:not(.level-0) a:hover { background-color: #403934; } .admin__menu [class*='level-']:not(.level-0) a:active { background-color: #322c29; padding-bottom: 1.15rem; padding-top: 1.35rem; } .admin__menu .submenu li { min-width: 23.8rem; } .admin__menu .submenu a { color: #fcfcfc; transition: background-color 0.1s linear; } .admin__menu .submenu a:hover, .admin__menu .submenu a:focus { box-shadow: none; text-decoration: none; } ._keyfocus .admin__menu .submenu a:focus { background-color: #403934; } ._keyfocus .admin__menu .submenu a:active { background-color: #322c29; } .admin__menu .submenu .parent { margin-bottom: 4.5rem; } .admin__menu .submenu .parent .submenu-group-title { color: #a79d95; display: block; font-size: 1.6rem; font-weight: 600; margin-bottom: .7rem; padding: 1.25rem 1.5rem; pointer-events: none; } .admin__menu .submenu .column { display: table-cell; } .admin__menu .submenu-title { color: #ffffff; display: block; font-size: 2.2rem; font-weight: 600; margin-bottom: 4.2rem; margin-left: 3rem; margin-right: 5.8rem; } .admin__menu .submenu-sub-title { color: #ffffff; display: block; font-size: 1.2rem; margin: -3.8rem 5.8rem 3.8rem 3rem; } .admin__menu .action-close { padding: 2.4rem 2.8rem; position: absolute; right: 0; top: 0; } .admin__menu .action-close:before { color: #a79d95; font-size: 1.7rem; } .admin__menu .action-close:hover:before { color: #ffffff; } .admin__menu .item-dashboard > a:before { content: '\e604'; font-size: 1.8rem; padding-top: 0.4rem; } .admin__menu .item-sales > a:before { content: '\e60b'; } .admin__menu .item-catalog > a:before { content: '\e608'; } .admin__menu .item-customer > a:before { content: '\e603'; font-size: 2.6rem; position: relative; top: -0.4rem; } .admin__menu .item-marketing > a:before { content: '\e609'; font-size: 2rem; padding-top: 0.2rem; } .admin__menu .item-content > a:before { content: '\e602'; font-size: 2.4rem; position: relative; top: -0.2rem; } .admin__menu .item-report > a:before { content: '\e60a'; } .admin__menu .item-stores > a:before { content: '\e60d'; font-size: 1.9rem; padding-top: 0.3rem; } .admin__menu .item-system > a:before { content: '\e610'; } .admin__menu .item-system._current + .item-partners > a:after { display: none; } .admin__menu .item-partners._active > a:after { display: none; } .admin__menu .item-partners > a { padding-bottom: 1rem; } .admin__menu .item-partners > a:before { content: '\e612'; } .admin__menu .submenu .column:only-of-type .submenu-group-title, .admin__menu .level-0 > .submenu > ul > .level-1:only-of-type > .submenu-group-title { display: none; } .admin__menu-overlay { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 697; } .admin-user { float: right; line-height: 1.36; margin-left: .3rem; z-index: 490; } .admin-user._active .admin__action-dropdown, .admin-user.active .admin__action-dropdown { border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .admin-user .admin__action-dropdown { padding-right: 2.8rem; height: 3.3rem; padding-bottom: 0.4rem; padding-left: 4rem; padding-top: 0.7rem; } .admin-user .admin__action-dropdown._active:after, .admin-user .admin__action-dropdown.active:after { transform: rotate(180deg); } .admin-user .admin__action-dropdown:after { border-color: #41362f transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.3rem; top: 50%; transition: all .2s linear; width: 0; } ._active .admin-user .admin__action-dropdown:after, .active .admin-user .admin__action-dropdown:after { transform: rotate(180deg); } .admin-user .admin__action-dropdown:hover:after { border-color: #060504 transparent transparent transparent; } .admin-user .admin__action-dropdown:before { color: #41362f; content: '\e600'; font-size: 2rem; left: 1.1rem; margin-top: -1.1rem; position: absolute; top: 50%; } .admin-user .admin__action-dropdown:hover:before { color: #41362f; } .admin-user .admin__action-dropdown-menu { min-width: 20rem; padding-left: 1rem; padding-right: 1rem; } .admin-user .admin__action-dropdown-menu > li > a { padding-left: .5em; padding-right: 1.8rem; transition: background-color 0.1s linear; white-space: nowrap; } .admin-user .admin__action-dropdown-menu > li > a:hover { background-color: #e0f6fe; color: #41362f; } .admin-user .admin__action-dropdown-menu > li > a:active { background-color: #c7effd; bottom: -1px; position: relative; } .admin-user .admin__action-dropdown-menu .admin-user-name { text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 20rem; overflow: hidden; vertical-align: top; } .admin-user-account-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 11.2rem; } .search-global { float: right; margin-right: -.3rem; position: relative; z-index: 480; } .search-global-field { min-width: 5rem; } .search-global-field._active .search-global-input { background-color: #ffffff; border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); padding-right: 4rem; width: 25rem; } .search-global-field._active .search-global-action { display: block; height: 3.3rem; position: absolute; right: 0; text-indent: -100%; top: 0; width: 5rem; z-index: 3; } .search-global-field .autocomplete-results { height: 3.3rem; position: absolute; right: 0; top: 0; width: 25rem; } .search-global-field .search-global-menu { border: 1px solid #007bdb; border-top-color: transparent; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); left: 0; margin-top: -2px; max-height: 80vh; overflow: auto; padding: 0; position: absolute; right: 0; top: 100%; word-break: break-word; word-wrap: break-word; z-index: 2; } .search-global-field .search-global-menu:after { background-color: #ffffff; content: ''; height: 5px; left: 0; position: absolute; right: 0; top: -5px; } .search-global-field .search-global-menu > li { background-color: #ffffff; border-top: 1px solid #dddddd; display: block; font-size: 1.2rem; padding: 0.75rem 1.4rem 0.55rem; } .search-global-field .search-global-menu > li._active { background-color: #e0f6fe; } .search-global-field .search-global-menu .title { display: block; font-size: 1.4rem; } .search-global-field .search-global-menu .type { color: #231d1a; display: block; } .search-global-label { cursor: pointer; height: 3.3rem; padding: 0.75rem 1.4rem 0.55rem; position: absolute; right: 0; top: 0; z-index: 2; } .search-global-label:active { transform: scale(0.9); } .search-global-label:hover:before { color: #060504; } .search-global-label:before { color: #41362f; content: '\e60c'; font-size: 2rem; } .search-global-input { background-color: transparent; border: 1px solid transparent; font-size: 1.4rem; height: 3.5rem; padding: 0.75rem 1.4rem 0.55rem; position: absolute; right: 0; top: 0; transition: all .1s linear, width .3s linear; width: 5rem; z-index: 1; } .search-global-action { display: none; } .notifications-wrapper { float: right; line-height: 1; position: relative; } .notifications-wrapper.active { z-index: 500; } .notifications-wrapper.active .notifications-action { border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .notifications-wrapper.active .notifications-action:after { background-color: #ffffff; border: none; content: ''; display: block; height: 6px; left: -6px; margin-top: 0; position: absolute; right: 0; top: 100%; width: auto; } .notifications-wrapper .admin__action-dropdown-menu { padding: 1rem 0 0; width: 32rem; } .notifications-action { color: #41362f; height: 3.3rem; padding: 0.75rem 2rem 0.65rem; } .notifications-action:after { display: none; } .notifications-action:before { content: '\e607'; font-size: 1.9rem; margin-right: 0; } .notifications-action:active:before { position: relative; top: 1px; } .notifications-action .notifications-counter { background-color: #e22626; border-radius: 1em; color: #ffffff; display: inline-block; font-size: 1.1rem; font-weight: 700; height: 20px; left: 50%; line-height: 20px; margin-left: .3em; margin-top: -1.1em; min-width: 20px; position: absolute; text-align: center; top: 50%; } .notifications-entry { line-height: 1.36; padding: 0.6rem 2rem 0.8rem; position: relative; transition: background-color 0.1s linear; } .notifications-entry:hover { background-color: #e0f6fe; } .notifications-entry.notifications-entry-last { margin: 0 2rem; padding: .3rem 0 1.3rem; text-align: center; } .notifications-entry.notifications-entry-last:hover { background-color: transparent; } .notifications-entry + .notifications-entry-last { border-top: 1px solid #dddddd; padding-bottom: .6rem; } .notifications-entry ._cutted { cursor: pointer; } .notifications-entry ._cutted .notifications-entry-description-start:after { content: '...'; } .notifications-entry-title { color: #ef672f; display: block; font-size: 1.1rem; font-weight: 700; margin-bottom: .7rem; margin-right: 1em; } .notifications-entry-description { color: #333333; font-size: 1.1rem; margin-bottom: .8rem; } .notifications-entry-description-end { display: none; } .notifications-entry-description-end._show { display: inline; } .notifications-entry-time { color: #777777; font-size: 1.1rem; } .notifications-close { line-height: 1; padding: 1rem; position: absolute; right: 0; top: .6rem; } .notifications-close:before { color: #cccccc; content: '\e620'; transition: color 0.1s linear; } .notifications-close:hover:before { color: #b3b3b3; } .notifications-close:active { transform: scale(0.95); } .page-header-actions { padding-top: 1.1rem; } .page-header-hgroup { padding-right: 1.5rem; } .page-title-wrapper { margin-top: 1.6rem; } .page-title { color: #41362f; font-size: 2.8rem; margin-bottom: 0; word-break: break-all; } .page-header { margin-bottom: 1.2rem; padding: 1.5rem 3rem; } .page-footer { background-color: #f5f5f5; border-top: 0.1rem solid #dddddd; color: #777777; margin-top: auto; padding: 2.6rem 3rem 6rem; } .page-footer a { color: #ef672f; text-decoration: underline; } .page-footer a:hover { color: #ef672f; } .page-footer .admin__control-select, .page-footer .ui-datepicker .ui-datepicker-title select { max-width: 52rem; width: 100%; } .magento-version { margin-bottom: .5rem; } .magento-version strong { color: #666666; } .copyright { margin-bottom: -.2rem; position: relative; text-align: left; } .copyright .link-copyright { display: inline-block; margin-right: .5rem; text-decoration: none; vertical-align: top; } .copyright .link-copyright:hover:before { color: #f38a5e; } .copyright .link-copyright:before { transition: color 0.1s linear; color: #eb5202; content: '\e606'; display: block; font-size: 2.5rem; position: relative; top: -.2rem; } .copyright .link-copyright:active:before { transform: scale(0.9); } .footer-legal { padding-top: 1rem; } .footer-legal-system { text-align: right; } .store-switcher { color: #41362f; float: left; font-size: 1.3rem; margin-top: .59rem; } .store-switcher .admin__action-dropdown { background-color: #f8f8f8; margin-left: .5em; } .store-switcher .dropdown { display: inline-block; position: relative; } .store-switcher .dropdown:before, .store-switcher .dropdown:after { content: ''; display: table; } .store-switcher .dropdown:after { clear: both; } .store-switcher .dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .store-switcher .dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 2; color: #41362f; content: '\e607'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .store-switcher .dropdown .action.toggle:hover:after { color: #41362f; } .store-switcher .dropdown .action.toggle:active:after { color: #41362f; } .store-switcher .dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .store-switcher .dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 2; color: #41362f; content: '\e618'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .store-switcher .dropdown .action.toggle.active:hover:after { color: #41362f; } .store-switcher .dropdown .action.toggle.active:active:after { color: #41362f; } .store-switcher .dropdown .dropdown-menu { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #aaa6a0; margin-top: 4px; min-width: 19.5rem; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .store-switcher .dropdown .dropdown-menu li { margin: 0; padding: 0; } .store-switcher .dropdown .dropdown-menu li:hover { background: transparent; cursor: pointer; } .store-switcher .dropdown.active { overflow: visible; } .store-switcher .dropdown.active .dropdown-menu { display: block; } .store-switcher .dropdown-menu { left: 0; margin-top: .5em; max-height: 250px; overflow-y: auto; padding-top: .25em; } .store-switcher .dropdown-menu::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .store-switcher .dropdown-menu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; } .store-switcher .dropdown-menu li { border: 0; cursor: default; } .store-switcher .dropdown-menu li:hover { cursor: default; } .store-switcher .dropdown-menu li a, .store-switcher .dropdown-menu li span { color: #41362f; display: block; padding: .5rem 1.3rem; } .store-switcher .dropdown-menu li a { text-decoration: none; } .store-switcher .dropdown-menu li a:hover { background: #e9e9e9; } .store-switcher .dropdown-menu li span { color: #adadad; cursor: default; } .store-switcher .dropdown-menu li.current span { background: #eeeeee; color: #41362f; } .store-switcher .dropdown-menu .store-switcher-store a, .store-switcher .dropdown-menu .store-switcher-store span { padding-left: 2.6rem; } .store-switcher .dropdown-menu .store-switcher-store-view a, .store-switcher .dropdown-menu .store-switcher-store-view span { padding-left: 3.9rem; } .store-switcher .dropdown-menu .dropdown-toolbar { border-top: 1px solid #ebebeb; margin-top: 1rem; } .store-switcher .dropdown-menu .dropdown-toolbar a:before { content: '\e610'; margin-right: .25em; position: relative; top: 1px; } .store-switcher-label { font-weight: 700; } .store-switcher-alt { display: inline-block; position: relative; } .store-switcher-alt.active .dropdown-menu { display: block; } .store-switcher-alt .dropdown-menu { margin-top: 2px; white-space: nowrap; } .store-switcher-alt .dropdown-menu ul { list-style: none; margin: 0; padding: 0; } .store-switcher-alt strong { color: #a79d95; display: block; font-size: 14px; font-weight: 500; line-height: 1.333; padding: 5px 10px; } .store-switcher-alt .store-selected { color: #676056; cursor: pointer; font-size: 12px; font-weight: 400; line-height: 1.333; } .store-switcher-alt .store-selected:after { -webkit-font-smoothing: antialiased; color: #afadac; content: '\e02c'; font-style: normal; font-weight: normal; margin: 0 0 0 3px; speak: none; vertical-align: text-top; } .store-switcher-alt .store-switcher-website, .store-switcher-alt .store-switcher-store { padding: 0; } .store-switcher-alt .store-switcher-website:hover, .store-switcher-alt .store-switcher-store:hover { background: none; } .store-switcher-alt .store-switcher-store-view { padding: 0; } .store-switcher-alt .store-switcher-all, .store-switcher-alt .manage-stores { padding: 0; } .store-switcher-alt .store-switcher-all > a, .store-switcher-alt .manage-stores > a { color: #676056; display: block; font-size: 12px; padding: 8px 15px; text-decoration: none; } .store-switcher-website { margin: 5px 0 0; } .store-switcher-website > strong { padding-left: 13px; } .store-switcher-store { margin: 1px 0 0; } .store-switcher-store > strong { padding-left: 20px; } .store-switcher-store > ul { margin-top: 1px; } .store-switcher-store-view:first-child { border-top: 1px solid #e5e5e5; } .store-switcher-store-view > a { color: #333333; display: block; font-size: 13px; padding: 5px 15px 5px 24px; text-decoration: none; } .store-view:not(.store-switcher) { float: left; margin-top: 1.10rem; } .store-view .store-switcher-label { display: inline-block; } .tooltip { display: inline-block; margin-left: .5em; } .tooltip .help span, .tooltip .help a { cursor: pointer; display: inline-block; height: 22px; position: relative; vertical-align: middle; width: 22px; z-index: 2; } .tooltip .help span:before, .tooltip .help a:before { color: #41362f; content: '\e633'; font-size: 1.7rem; } .tooltip .help a:hover { text-decoration: none; } .tooltip .tooltip-content { background: rgba(49, 48, 43, 0.8); background: #000000; border-radius: 3px; color: #ffffff; display: none; margin-left: -19px; margin-top: 10px; max-width: 200px; padding: 4px 8px; position: absolute; text-shadow: none; z-index: 20; } .tooltip .tooltip-content:before { border-bottom: 5px solid #000000; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ''; height: 0; left: 20px; opacity: .8; position: absolute; top: -5px; width: 0; } .tooltip .tooltip-content.loading { position: absolute; } .tooltip .tooltip-content.loading:before { border-bottom-color: rgba(0, 0, 0, 0.3); } .tooltip:hover > .tooltip-content { display: block; } .page-main-actions:not(._hidden), .page-actions._fixed { background: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 1.5rem; } .page-main-actions { margin: 0 0 3rem; } .page-main-actions._hidden .store-switcher { display: none; } .page-main-actions._hidden .page-actions-placeholder { min-height: 50px; } .page-main-actions .page-actions._fixed { left: 8.800000000000001rem; position: fixed; right: 0; top: 0; z-index: 501; } .page-main-actions .page-actions._fixed .page-actions-inner:before { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #41362f; content: attr(data-title); float: left; font-size: 2.8rem; margin-top: .3rem; max-width: 50%; } .page-actions > button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions > .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add { float: right; margin-left: 1.3rem; } .page-actions > button.back, .page-actions .page-actions-buttons > button.back, .page-actions .page-actions-buttons > .action.back, .page-actions > button.action-back, .page-actions .page-actions-buttons > button.action-back, .page-actions .page-actions-buttons > .action.action-back, .page-actions .page-actions.floating-header > button.back, .page-actions .page-actions.floating-header > .action.back, .page-actions .page-actions.floating-header > button.action-back, .page-actions .page-actions.floating-header > .action.action-back, .page-actions > .block-footer .action-add.back, .page-actions .page-actions-buttons > .block-footer .action-add.back, .page-actions > .block-footer .action-add.action-back, .page-actions .page-actions-buttons > .block-footer .action-add.action-back { float: left; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .page-actions > button.back:before, .page-actions .page-actions-buttons > button.back:before, .page-actions .page-actions-buttons > .action.back:before, .page-actions > button.action-back:before, .page-actions .page-actions-buttons > button.action-back:before, .page-actions .page-actions-buttons > .action.action-back:before, .page-actions .page-actions.floating-header > button.back:before, .page-actions .page-actions.floating-header > .action.back:before, .page-actions .page-actions.floating-header > button.action-back:before, .page-actions .page-actions.floating-header > .action.action-back:before, .page-actions > .block-footer .action-add.back:before, .page-actions .page-actions-buttons > .block-footer .action-add.back:before, .page-actions > .block-footer .action-add.action-back:before, .page-actions .page-actions-buttons > .block-footer .action-add.action-back:before { content: '\e626'; margin-right: .5em; position: relative; top: 1px; } .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-actions > button.save:not(.primary), .page-actions .page-actions-buttons > button.save:not(.primary), .page-actions .page-actions-buttons > .action.save:not(.primary), .page-actions .page-actions.floating-header > button.save:not(.primary), .page-actions .page-actions.floating-header > .action.save:not(.primary), .page-actions > .block-footer .action-add.save:not(.primary), .page-actions .page-actions-buttons > .block-footer .action-add.save:not(.primary) { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-actions > button.delete, .page-actions .page-actions-buttons > button.delete, .page-actions .page-actions-buttons > .action.delete, .page-actions .page-actions.floating-header > button.delete, .page-actions .page-actions.floating-header > .action.delete, .page-actions > .block-footer .action-add.delete, .page-actions .page-actions-buttons > .block-footer .action-add.delete { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .page-actions .page-actions-buttons > .action-element, .page-actions .page-actions.floating-header > .action-element { float: right; margin-left: 1.3rem; } .page-actions .actions-split { float: right; margin-left: 1.3rem; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-actions .actions-split .dropdown-menu .item { display: block; } .page-actions-buttons, .page-actions.floating-header { float: right; justify-content: flex-end; display: -webkit-flex; display: -ms-flexbox; display: flex; } .customer-index-edit .page-actions-buttons, .customer-index-edit .page-actions.floating-header { background-color: transparent; } .admin__page-nav, .order-sidebar { background: #f1f1f1; border: 1px solid #e3e3e3; } .admin__page-nav._collapsed:first-child { border-bottom: none; } .admin__page-nav._collapsed._show { border-bottom: 1px solid #e3e3e3; } .admin__page-nav._collapsed._show ._collapsible { background: #f1f1f1; } .admin__page-nav._collapsed._show ._collapsible:after { content: '\e62b'; } .admin__page-nav._collapsed._show ._collapsible + .admin__page-nav-items { display: block; } .admin__page-nav._collapsed._hide .admin__page-nav-title-messages { display: inline-block; } .admin__page-nav._collapsed._hide .admin__page-nav-title-messages ._active { display: inline-block; } .admin__page-nav + ._collapsed { border-bottom: none; border-top: none; } .admin__page-nav-title { border-bottom: 1px solid #e3e3e3; color: #303030; display: block; font-size: 1.4rem; line-height: 1.2; margin: 0 0 -1px; padding: 1.8rem 1.5rem; position: relative; text-transform: uppercase; } .admin__page-nav-title._collapsible { background: #ffffff; cursor: pointer; margin: 0; padding-right: 3.5rem; transition: border-color 0.1s ease-out, background-color 0.1s ease-out; } .admin__page-nav-title._collapsible + .admin__page-nav-items { display: none; margin-top: -1px; } .admin__page-nav-title._collapsible:after { content: '\e628'; font-size: 1.3rem; font-weight: 700; position: absolute; right: 1.8rem; top: 2rem; } .admin__page-nav-title._collapsible:hover { background: #f1f1f1; } .admin__page-nav-title._collapsible:last-child { margin: 0 0 -1px; } .admin__page-nav-title strong { font-weight: 700; } .admin__page-nav-title .admin__page-nav-title-messages { display: none; } .admin__page-nav-items { list-style-type: none; margin: 0; padding: 1rem 0 1.3rem 0; } .admin__page-nav-item { border-left: 3px solid transparent; margin-left: 0.7rem; padding: 0; position: relative; transition: border-color 0.1s ease-out, background-color 0.1s ease-out; } .admin__page-nav-item:hover { border-color: #e4e4e4; } .admin__page-nav-item:hover .admin__page-nav-link { background: #e4e4e4; color: #303030; text-decoration: none; } .admin__page-nav-item._active, .admin__page-nav-item.ui-state-active { border-color: #eb5202; } .admin__page-nav-item._active .admin__page-nav-link, .admin__page-nav-item.ui-state-active .admin__page-nav-link { background: #ffffff; border-color: #e3e3e3; border-right: 1px solid #ffffff; color: #303030; margin-right: -1px; } .admin__page-nav-item._active .admin__page-nav-link, .admin__page-nav-item.ui-state-active .admin__page-nav-link { font-weight: 600; } .admin__page-nav-item._loading:before, .admin__page-nav-item.ui-tabs-loading:before { display: none; } .admin__page-nav-item._loading .admin__page-nav-item-message-loader, .admin__page-nav-item.ui-tabs-loading .admin__page-nav-item-message-loader { display: inline-block; } .admin__page-nav-link { border: 1px solid transparent; border-width: 1px 0; color: #303030; display: block; font-weight: 500; line-height: 1.2; margin: 0 0 -1px; padding: 2rem 0 2rem 1rem; transition: border-color 0.1s ease-out, background-color 0.1s ease-out; word-wrap: break-word; } .admin__page-nav-item-messages { display: inline-block; } .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip { background: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 1px; bottom: 3.7rem; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); display: none; font-size: 1.4rem; font-weight: 400; left: -1rem; line-height: 1.36; padding: 1.5rem; position: absolute; text-transform: none; width: 27rem; word-break: normal; z-index: 2; } .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip:after, .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip:before { border: 15px solid transparent; height: 0; width: 0; border-top-color: #f1f1f1; content: ''; display: block; left: 2rem; position: absolute; top: 100%; z-index: 3; } .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip:after { border-top-color: #f1f1f1; margin-top: -1px; z-index: 4; } .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip:before { border-top-color: #bfbfbf; margin-top: 1px; } .admin__page-nav-item-message-loader { display: none; margin-top: -1rem; position: absolute; right: 0; top: 50%; } .admin__page-nav-item-message-loader .spinner { font-size: 2rem; margin-right: 1.5rem; } ._loading > .admin__page-nav-item-messages .admin__page-nav-item-message-loader { display: inline-block; } .admin__page-nav-item-message { position: relative; } .admin__page-nav-item-message:hover { z-index: 500; } .admin__page-nav-item-message:hover .admin__page-nav-item-message-tooltip { display: block; } .admin__page-nav-item-message._error, .admin__page-nav-item-message._changed { display: none; } .admin__page-nav-item-message .admin__page-nav-item-message-icon { display: inline-block; font-size: 1.4rem; padding-left: .8em; vertical-align: baseline; } .admin__page-nav-item-message .admin__page-nav-item-message-icon:after { color: #666666; content: '\e631'; } ._changed:not(._error) > .admin__page-nav-item-messages ._changed { display: inline-block; } ._error .admin__page-nav-item-message-icon:after { color: #eb5202; content: '\e623'; } ._error > .admin__page-nav-item-messages ._error { display: inline-block; } ._error > .admin__page-nav-item-messages ._error .spinner { font-size: 2rem; margin-right: 1.5rem; } ._error .admin__page-nav-item-message-tooltip { background: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 1px; bottom: 3.7rem; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); display: none; font-weight: 400; left: -1rem; line-height: 1.36; padding: 2rem; position: absolute; text-transform: none; width: 27rem; word-break: normal; z-index: 2; } ._error .admin__page-nav-item-message-tooltip:after, ._error .admin__page-nav-item-message-tooltip:before { border: 15px solid transparent; height: 0; width: 0; border-top-color: #f1f1f1; content: ''; display: block; left: 2rem; position: absolute; top: 100%; z-index: 3; } ._error .admin__page-nav-item-message-tooltip:after { border-top-color: #f1f1f1; margin-top: -1px; z-index: 4; } ._error .admin__page-nav-item-message-tooltip:before { border-top-color: #bfbfbf; } .admin__collapsible-block-wrapper { border-bottom: 1px solid #cccccc; } .admin__collapsible-block-wrapper .admin__collapsible-title[aria-expanded='true']:before { content: '\e615'; } .admin__fieldset > .admin__collapsible-block-wrapper:last-child { border-bottom-width: 0; } .admin__collapsible-block-wrapper .admin__collapsible-title { clear: both; color: #303030; cursor: pointer; display: block; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; text-decoration: none; transition: color .15s linear; } .admin__collapsible-block-wrapper .admin__collapsible-title:hover, .admin__collapsible-block-wrapper .admin__collapsible-title:visited, .admin__collapsible-block-wrapper .admin__collapsible-title:focus { color: #0a0a0a; text-decoration: none; } .admin__collapsible-block-wrapper .admin__collapsible-title:active:before { transform: scale(0.9); } .admin__collapsible-block-wrapper .admin__collapsible-title._disabled, .admin__collapsible-block-wrapper .admin__collapsible-title.disabled { color: #7d7d7d; cursor: default; } .admin__collapsible-block-wrapper .admin__collapsible-title:before { content: '\e616'; font-size: 1.8rem; position: absolute; right: 1.3rem; top: 2.3rem; } .admin__collapsible-block-wrapper .admin__collapsible-title._loading:before { content: ''; } .admin__collapsible-block-wrapper.opened > .fieldset-wrapper-title .admin__collapsible-title:before, .admin__collapsible-block-wrapper._show > .fieldset-wrapper-title .admin__collapsible-title:before { content: '\e615'; } .admin__collapsible-block-wrapper.opened.fieldset-wrapper .fieldset-wrapper-title .actions, .admin__collapsible-block-wrapper._show.fieldset-wrapper .fieldset-wrapper-title .actions { display: block; } .admin__collapsible-block-wrapper.opened td.admin__collapsible-block-wrapper .admin__collapsible-title:before, .admin__collapsible-block-wrapper._show td.admin__collapsible-block-wrapper .admin__collapsible-title:before { content: '\e616'; } .admin__collapsible-block-wrapper.opened td.admin__collapsible-block-wrapper._show .admin__collapsible-title:before, .admin__collapsible-block-wrapper._show td.admin__collapsible-block-wrapper._show .admin__collapsible-title:before { content: '\e615'; } .admin__collapsible-block-wrapper.fieldset-wrapper { border-bottom: 1px solid #cccccc; padding: 0; } .admin__collapsible-block-wrapper.fieldset-wrapper .fieldset-wrapper-title { border: 0; margin: 0; padding: 0; } .admin__collapsible-block-wrapper.fieldset-wrapper .fieldset-wrapper-content { padding-bottom: 1.9rem; } .admin__collapsible-block-wrapper.collapsible-block-wrapper-last { border-bottom: 0; } .admin__collapsible-block-wrapper .admin__dynamic-rows.admin__control-collapsible td.admin__collapsible-block-wrapper { border-bottom: none; } .admin__collapsible-content { max-height: 0; transform: scaleY(0); transform-origin: 0 0; transition: transform 100ms ease-in-out, max-height 100ms ease-in-out, visibility 100ms ease-in-out; visibility: hidden; } .admin__collapsible-content._show { max-height: 100%; transform: none; visibility: visible; } .admin__collapsible-content .admin__collapsible-title { font-size: 1.6rem; padding-left: 2.8rem; } .admin__collapsible-content .admin__collapsible-title:before { left: 0; right: auto; top: 2rem; } .admin__collapsible-content .admin__collapsible-title._loading .admin__page-nav-item-message-loader { left: 0; right: auto; } .admin__collapsible-content .admin__collapsible-block-wrapper { margin-left: 4rem; } .fieldset-wrapper .admin__collapsible-block-wrapper .fieldset-wrapper-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fieldset-wrapper .admin__collapsible-block-wrapper .fieldset-wrapper-title .actions { position: absolute; right: 1.3rem; top: 1.4rem; } .fieldset-wrapper .admin__collapsible-block-wrapper .fieldset-wrapper-title .draggable-handle { top: 2.4rem; } .modal-slide .fieldset-wrapper .admin__collapsible-title { clear: both; color: #303030; cursor: pointer; display: block; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; text-decoration: none; transition: color .15s linear; } .modal-slide .fieldset-wrapper .admin__collapsible-title:hover, .modal-slide .fieldset-wrapper .admin__collapsible-title:visited, .modal-slide .fieldset-wrapper .admin__collapsible-title:focus { color: #0a0a0a; text-decoration: none; } .modal-slide .fieldset-wrapper .admin__collapsible-title:active:before { transform: scale(0.9); } .modal-slide .fieldset-wrapper .admin__collapsible-title._disabled, .modal-slide .fieldset-wrapper .admin__collapsible-title.disabled { color: #7d7d7d; cursor: default; } .modal-slide .fieldset-wrapper .admin__collapsible-title:before { content: '\e616'; font-size: 1.8rem; position: absolute; right: 1.3rem; top: 2.3rem; } .modal-slide .fieldset-wrapper .admin__collapsible-title._loading:before { content: ''; } .modal-slide .fieldset-wrapper .admin__collapsible-title:before { left: auto; } .admin__collapsible-block .comment { line-height: 1.5; margin-bottom: .5em; margin-top: 1rem; } .admin__collapsible-block .admin__collapsible-block { border: 0; } .admin__collapsible-block .admin__collapsible-block .entry-edit-head > a { padding-left: 2.8rem; padding-right: 0; } .admin__collapsible-block .admin__collapsible-block .entry-edit-head > a:before { left: 0; right: auto; } .admin__collapsible-block ~ .admin__collapsible-block { border: 0; padding: 0 0 2.6rem; } .section-config > .admin__collapsible-block > a, .accordion > dt a, .accordion .admin__collapsible-block > a { clear: both; color: #303030; cursor: pointer; display: block; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; text-decoration: none; transition: color .15s linear; } .section-config > .admin__collapsible-block > a:hover, .accordion > dt a:hover, .accordion .admin__collapsible-block > a:hover, .section-config > .admin__collapsible-block > a:visited, .accordion > dt a:visited, .accordion .admin__collapsible-block > a:visited, .section-config > .admin__collapsible-block > a:focus, .accordion > dt a:focus, .accordion .admin__collapsible-block > a:focus { color: #0a0a0a; text-decoration: none; } .section-config > .admin__collapsible-block > a:active:before, .accordion > dt a:active:before, .accordion .admin__collapsible-block > a:active:before { transform: scale(0.9); } .section-config > .admin__collapsible-block > a._disabled, .accordion > dt a._disabled, .accordion .admin__collapsible-block > a._disabled, .section-config > .admin__collapsible-block > a.disabled, .accordion > dt a.disabled, .accordion .admin__collapsible-block > a.disabled { color: #7d7d7d; cursor: default; } .section-config > .admin__collapsible-block > a:before, .accordion > dt a:before, .accordion .admin__collapsible-block > a:before { content: '\e616'; font-size: 1.8rem; position: absolute; right: 1.3rem; top: 2.3rem; } .section-config > .admin__collapsible-block > a._loading:before, .accordion > dt a._loading:before, .accordion .admin__collapsible-block > a._loading:before { content: ''; } .section-config > .admin__collapsible-block > a > i, .accordion > dt a > i, .accordion .admin__collapsible-block > a > i { display: block; font-size: 1.4rem; font-style: italic; font-weight: 400; padding-top: .4rem; } .section-config.active > .admin__collapsible-block > a:before, .accordion > dt.open a:before, .accordion .admin__collapsible-block.open a:before { content: '\e615'; } .section-config.active > .admin__collapsible-block + input + fieldset, .accordion > dt + dd.open, .accordion .admin__collapsible-block.open + input + fieldset { display: block; margin: 0; } .sortable-wrapper { margin-bottom: 1.5rem; } .accordion { margin: 0 0 .8rem; padding: 0; } .accordion dt { border-bottom: 1px solid #cccccc; } .accordion dt.open { border-bottom: none; } .accordion dd { border-bottom: 1px solid #cccccc; display: none; } .accordion dd.open:empty { background: #ffffff url(../../../../../../web/mui/images/ajax-loader-big.gif) no-repeat center; height: 100px; } .accordion dt:last-of-type, .accordion dd:last-of-type { border-bottom: none; } .accordion .form-inline .config td { padding: 2.2rem 1.5rem 0 0; } .accordion .form-inline .config .scope-label { padding: 31px 1.5rem 0 0; } .accordion .form-inline .config .use-default { padding: 29px 1.5rem 0 0; } .accordion .form-inline .config .value { padding-right: 2rem; } .accordion .form-inline > .section-config:last-child { border-bottom: 0; } .accordion .config .comment a, .accordion .config .link-more { color: #007bdb; font-size: 1.4rem; font-weight: 400; } .accordion .config .comment a:focus, .accordion .config .link-more:focus, .accordion .config .comment a:hover, .accordion .config .link-more:hover { text-decoration: underline; } .accordion .config legend { display: none; } .accordion .config table { width: 100%; } .accordion .config td { padding: 2.2rem 1.5rem 0 0; vertical-align: top; } .accordion .config td[colspan] { padding: 0; } .accordion .config .admin__control-table { margin: 0 0 0.5rem; } .accordion .config .admin__control-table td { padding: 1.3rem 2.5rem 1.3rem 0; } .accordion .config .admin__control-table td:first-child { padding-left: 1.5rem; } .accordion .config .admin__control-table .cc-type-select { min-width: 20rem; } .accordion .config input[type='text'], .accordion .config input[type='password'], .accordion .config select, .accordion .config textarea { width: 100%; } .accordion .config input.input-file { margin-top: 4px; } .accordion .config select.select-date { width: 27%; } .accordion .config .label { color: #303030; float: none; font-size: 14px; font-weight: 600; padding-right: 30px; text-align: right; width: 33%; } .accordion .config .label label { padding-top: 7px; } .accordion .config .label span[data-config-scope] { display: inline-block; position: relative; } .accordion .config .scope-label { color: #999999; font-size: 1.2rem; letter-spacing: .05em; padding: 31px 1.5rem 0 0; } .accordion .config .note { color: #303030; font-size: 12px; margin: 5px 0; } .accordion .config .note a { color: #007bdb; font-size: 12px; font-weight: 400; } .accordion .config .note a:focus, .accordion .config .note a:hover { text-decoration: underline; } .accordion .config ._with-tooltip select, .accordion .config ._with-tooltip input[type='text'], .accordion .config ._with-tooltip input[type='password'] { float: left; } .accordion .config ._with-tooltip .note { clear: both; margin: 0; padding: 0.5rem 0; } .accordion .config .system-tooltip-box { position: absolute; } .accordion .config .value { padding-right: 40px; vertical-align: middle; width: 44%; } .accordion .config .value.with-tooltip { font-size: 0; } .accordion .config .value.with-tooltip .tooltip { bottom: 0; float: right; left: 0; margin: 6px -28px 0 0; position: relative; right: 0; top: 0; } .accordion .config .value.with-tooltip .time-separator { font-size: 14px; padding-left: 5px; } .accordion .config .value.with-tooltip .tooltip-content { background: #35302c; background: rgba(49, 48, 43, 0.8); border-radius: 5px; bottom: 100%; font-size: 13px; line-height: 1.4; margin: 0 -17px 10px 0; max-width: 239px; padding: 18px; right: 0; width: 239px; } .accordion .config .value.with-tooltip .tooltip-content:before { border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #35302c; bottom: -5px; content: ''; height: 0; left: auto; opacity: .8; position: absolute; right: 20px; top: auto; width: 0; } .accordion .config .value.with-tooltip .help { margin: 0; position: relative; width: auto; } .accordion .config .value .checkboxes { list-style: none; margin: -3px 0 0; padding: 0; } .accordion .config .value .checkboxes li { margin: 7px 0; } .accordion .config .value .checkboxes input, .accordion .config .value .checkboxes label { vertical-align: middle; } .accordion .config .value .checkboxes label { margin-left: 5px; } .accordion .config .value .label { padding: 6px 5px 0 1.5rem; vertical-align: top; width: auto; } .accordion .config .value .label:first-child { padding-left: 0; } .accordion .paypal-selection-simplified { padding-left: 30px; } .accordion .paypal-selection { border-bottom: 2px solid #bfbfbf; margin: 10px; width: 98%; } .accordion .paypal-selection th { padding: 6px 10px 7px; } .accordion .paypal-selection input[type='checkbox'] { margin: -4px 7px 0 0; } .accordion .paypal-payment-notice { margin: 10px; } .accordion .custom-options { border: 1px solid #999999; margin: 0 0 20px; padding: 0 10px; } .tree-store-scope.admin__fieldset { padding: 0; } .tree-store-scope.admin__fieldset > .admin__field { margin-left: -30px; } .tree-store-scope [class*='field-w'].admin__field, .tree-store-scope [class*='field-sg'].admin__field { margin: 0 0 0 -30px; } .tree-store-scope [class*='field-w'] .admin__field-label, .tree-store-scope [class*='field-sg'] .admin__field-label { text-align: left; } .tree-store-scope [class*='field-website_label'] .admin__field-label { text-align: right; } .tree-store-scope [class*='field-website_label'] .admin__field-tooltip { margin: -0.2rem 0 0 -2.5rem; } .store-scope .admin__legend .admin__field-tooltip { margin-left: 0; margin-top: .5rem; } .no-margin-top-tooltip .admin__legend .admin__field-tooltip { margin-top: 0; } .page-separator { border-bottom: 0; border-top: 1px solid #e3e3e3; display: block; margin-bottom: 2rem; margin-top: 2rem; } .page-sub-title { font-size: 2.4rem; margin-bottom: 1.2rem; } .page-sub-sub-title { font-size: 1.7rem; font-weight: 600; } .dashboard-data { background: #ffffff; font-size: 1.3rem; width: 100%; } .dashboard-data tr._clickable { cursor: pointer; } .dashboard-data th, .dashboard-data td { padding: 1rem 0 1rem 1rem; } .dashboard-data th:first-child, .dashboard-data td:first-child { padding-left: 0; } .dashboard-data.admin__table-primary th { border-top: 0; } .dashboard-main .dashboard-data th, .dashboard-main .dashboard-data td { text-align: right; white-space: nowrap; width: 15%; } .dashboard-main .dashboard-data .col-name { text-align: left; white-space: normal; width: 55%; } .dashboard-main .dashboard-data .col-product { width: 70%; } .dashboard-main .dashboard-data .col-orders { text-align: left; } .dashboard-secondary .dashboard-data .col-popularity, .dashboard-secondary .dashboard-data .col-total { text-align: right; width: 21.27659574%; } .dashboard-secondary .dashboard-data .col-customer, .dashboard-secondary .dashboard-data .col-search-query { width: 57.44680851%; } .dashboard-container .empty-text { background: #ffffff; font-size: 1.3rem; } .dashboard-container .ui-tabs-panel { border-top: 1px solid #adadad; } .dashboard-diagram-disabled { padding: .5rem 2rem 2rem; } .dashboard-diagram-switcher { border-top: 1px solid #adadad; margin-top: -1px; padding: 2rem 2rem 0; } .dashboard-diagram-switcher + .dashboard-diagram-tab-content > .ui-tabs-panel { border-top: 0 none; } .dashboard-totals { margin: 1rem 2rem 6rem; } .dashboard-totals-list { display: table; width: 100%; } .dashboard-totals-item { display: table-cell; padding: 0 1rem 0 0; width: 25%; } .dashboard-totals-item:first-child .price { color: #eb5202; } .dashboard-totals-label { display: block; font-size: 1.3rem; font-weight: 700; } .dashboard-totals-value { font-size: 2.4rem; font-weight: 600; } .dashboard-store-stats .ui-tabs { margin-bottom: 0; position: relative; } .dashboard-store-stats .ui-tabs:before { background-color: rgba(255, 255, 255, 0); background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0) 0%), color-stop(#ffffff 100%)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0)', endColorstr='#ffffff', GradientType=1); content: ''; height: 4.8rem; position: absolute; right: 0; top: 0; width: 2rem; } .dashboard-store-stats .ui-tabs-panel { background: url(../images/ajax-loader-small.gif) no-repeat 50% 50%; min-height: 4.5rem; } .dashboard-store-stats .tabs-horiz { border-right: 1px solid #ffffff; float: left; overflow-x: auto; white-space: nowrap; width: 100%; } .dashboard-store-stats .tabs-horiz .ui-state-default { display: inline-block; float: none; margin-right: .1rem; } .dashboard-container .dashboard-secondary { padding-right: 3.5rem; } .dashboard-item { margin-bottom: 3rem; } .dashboard-item-title, .dashboard-advanced-reports-title { font-size: 1.8rem; font-weight: 700; } .dashboard-item-primary:first-child .dashboard-sales-value { color: #eb5202; } .dashboard-sales-value { font-size: 2.4rem; font-weight: 600; } .login-header { margin: 0 0 3rem; } .page-layout-admin-login { -webkit-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #373330; height: 101%; max-height: 100%; min-width: 50rem; } .page-layout-admin-login .page-wrapper { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; background-color: #ffffff; border: 1px solid #e3e3e3; box-shadow: 0 5px 30px 0 #000000; display: block; float: none; margin: auto; max-width: 45rem; min-height: 30rem; min-width: 0; padding: 40px 80px 50px; position: relative; width: 100%; z-index: 1; } .page-layout-admin-login :-ms-input-placeholder { color: transparent; } .page-layout-admin-login ::-webkit-input-placeholder { color: transparent; } .page-layout-admin-login ::-moz-placeholder { color: transparent; } .page-layout-admin-login .admin__legend { color: #eb5202; font-size: 2.6rem; font-weight: 300; line-height: 1.2; margin: -1rem 0 2.5rem; } .page-layout-admin-login .admin__field-info { margin-bottom: 3rem; } .page-layout-admin-login .messages { margin-top: .5rem; } .page-layout-admin-login .messages + form .admin__legend { display: none; } .page-layout-admin-login .actions { padding: 0 0 3rem; } .login-footer { color: #989287; font-size: 1rem; font-weight: 400; left: 0; margin: 5rem 0 2rem; position: absolute; text-align: center; top: 100%; width: 100%; } .login-footer .link-copyright:before { display: none; } .adminhtml-auth-login .form-actions { display: table; margin-top: -2rem; } .adminhtml-auth-login .form-actions .links { display: table-header-group; } .adminhtml-auth-login .form-actions .actions { padding: 3rem 0 0; } .grid-severity-critical, .grid-severity-major, .grid-severity-notice, .grid-severity-minor { background: #feeee1 none repeat scroll 0 0; border: 1px solid #ed4f2e; color: #ed4f2e; display: block; font-weight: bold; line-height: 17px; padding: 0 3px; text-align: center; text-transform: uppercase; } .grid-severity-critical, .grid-severity-major { background: #f9d4d4 none repeat scroll 0 0; border-color: #e22626; color: #e22626; } .grid-severity-notice { background: #d0e5a9 none repeat scroll 0 0; border-color: #5b8116; color: #185b00; } .additional-cache-management { margin-bottom: 0; } .additional-cache-management h2 { border-bottom: 1px solid #cac3b4; box-sizing: border-box; float: left; margin: 0 0 18px; padding: 0; position: static; width: 100%; } .additional-cache-management h2 span { color: #303030; display: inline-block; font-size: 1.7rem; font-weight: 600; padding: 7px 0 10px; } .additional-cache-management span { color: #303030; font-size: 14px; font-weight: 600; margin: 5px 0 6px; } .access-denied-hr { height: 0.2rem; border: 0; box-shadow: 0 10px 10px -10px #b4b3b3 inset; } .access-denied-page { margin: 3.5rem 0 10rem 0; } .access-denied-page h2 { margin-bottom: 3rem; } .access-denied-page ul li { font-size: 1.2rem; margin: 2rem 0 2rem 3rem; } .access-denied-page ul li span { font-size: 1.4rem; margin-left: 1rem; } input[type='checkbox'].banner-content-checkbox { position: absolute; top: .8rem; } input[type='checkbox'].banner-content-checkbox + .addafter { line-height: 3.2rem; padding-left: 2.6rem; } .tree-store-scope .field .banner-content-checkbox + .addafter { padding: 0 0 0 2.6rem; } .adminhtml-widget_instance-edit .admin__fieldset .admin__field-control .data-grid-actions-cell input[type='checkbox'], .adminhtml-cms_page-edit .admin__fieldset .admin__field-control .data-grid-actions-cell input[type='checkbox'], .adminhtml-banner-edit .admin__fieldset .admin__field-control .data-grid-actions-cell input[type='checkbox'], .adminhtml-widget_instance-edit .admin__fieldset .admin__field-control .data-grid-checkbox-cell-inner input[type='checkbox'], .adminhtml-cms_page-edit .admin__fieldset .admin__field-control .data-grid-checkbox-cell-inner input[type='checkbox'], .adminhtml-banner-edit .admin__fieldset .admin__field-control .data-grid-checkbox-cell-inner input[type='checkbox'] { margin-top: 0; } .catalog-product-index .admin__data-grid-wrap .data-row { cursor: pointer; } .catalog-category-edit .admin__grid-control .admin__grid-control-value { display: none; } .admin__field-complex-attributes .admin__field-complex-content { font-size: 2.4rem; padding: .5rem 0; } .attributes-summary .attributes-selected, .attributes-summary .attributes-found { display: block; } .sidebar-actions { margin-bottom: 2rem; } .sidebar-actions [class*='action-'] { margin-bottom: 0.5rem; } .catalog-category-edit .x-tree.tree-wrapper, .catalog-category-add .x-tree.tree-wrapper { overflow-x: auto; } .admin__field-use-config .admin__field { margin-top: -2rem; } .admin__control-fields .control-grouped { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .admin__control-fields .control-grouped .admin__field + .admin__field { margin-left: 1rem; margin-top: 0; } .admin__field-control .attribute-change-checkbox input[type='checkbox'].checkbox { margin-top: 0; } .permissions-custom-options { margin: 0 0 2rem; } .permissions-custom-options .admin__control-table { margin: 0 0 0.5rem; } .permissions-custom-options .col-grants .admin__field-label { display: block; text-align: left; } .warning-enable-permissions { color: #f00; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .modal-slide .media-gallery-modal .page-main-actions { margin-bottom: 3rem; } .modal-slide .media-gallery-modal .page-main-actions .page-action-buttons { text-align: right; } .modal-slide .media-gallery-modal .new_folder { margin-right: 10px; } .tree-actions a { cursor: pointer; } .section-config { border-bottom: 1px solid #cccccc; } .admin__fieldset > .section-config:last-child { border-bottom-width: 0; } .section-config .admin__collapsible-block tr:last-child > td > .section-config { border-bottom-color: transparent; padding-bottom: 0; } .section-config .admin__collapsible-block tr:last-child > td > .section-config > .config { padding-bottom: 0; } .section-config .section-config { margin-left: 4rem; } .section-config .section-config .entry-edit-head > a { padding-left: 2.8rem; padding-right: 0; } .section-config .section-config .entry-edit-head > a:before { left: 0; right: auto; } .section-config.complex .section-config.with-button.enabled > .entry-edit-head:before, .section-config .config td.label label.enabled:before { background-color: #79a22e; border-radius: 100%; color: #ffffff; content: '\e62d'; display: block; float: left; font-size: 1.6rem; font-weight: 400; height: 1em; margin-left: -25px; margin-top: .2rem; overflow: hidden; width: 1em; } .section-config.config-advanced { padding-top: 2.6rem; } .section-config.config-advanced .section-config { padding-top: 2.6rem; } .section-config.with-button { padding: 2rem 0; } .section-config.with-button.active { padding-bottom: 0; } .section-config.with-button.active .config-heading { margin-bottom: 2rem; } .section-config.with-button .section-config { margin-left: 0; } .section-config.with-button .section-config .section-config { margin-left: 4rem; } .section-config.with-button .config-heading strong { display: block; font-size: 1.4rem; font-weight: 700; margin-bottom: .5rem; } .section-config.with-button .config-heading .button-container { margin: 1.5rem 0 0; } .section-config.with-button .button-container { line-height: 28px; } .section-config.with-button .button-container a { margin-left: 20px; } .section-config.with-button .action-configure.open .state-opened { height: auto; overflow: auto; visibility: visible; } .section-config.with-button .action-configure.open .state-closed, .section-config.with-button .action-configure .state-opened { height: 0; overflow: hidden; visibility: hidden; } .section-config.with-button .action-configure span { display: block; position: relative; text-align: center; } .section-config .config { padding-bottom: 2.6rem; } .section-config .config h4 { color: #303030; font-size: 1.7rem; font-weight: 600; margin-bottom: 0; padding-left: 2.8rem; padding-top: 2.6rem; } .section-config > .config.admin__collapsible-block { display: none; } .product-create-configuration { padding: 1rem 0; } .product-create-configuration .product-create-configuration-info { float: left; width: 60%; } .product-create-configuration .product-create-configuration-actions { float: right; text-align: right; width: 40%; } .product-create-configuration .product-create-configuration-action { float: right; margin-left: 1rem; } .product-create-configuration .action-menu-item { padding-right: 0; } .steps-wizard { position: relative; } .steps-wizard .steps-wizard-navigation { background: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; margin: 0 0 2rem; padding: 1.5rem; text-align: center; } .steps-wizard .steps-wizard-title { font-size: 2.4rem; margin: 0 0 1rem; } .steps-wizard .steps-wizard-info { margin: 0 0 2rem; } .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap { position: static; } .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .action-menu, .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .abs-action-menu .action-submenu, .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .action-menu .action-submenu, .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .actions-split .dropdown-menu .action-submenu, .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .actions-split .action-menu .action-submenu { left: 0; margin-top: 16px; right: auto; top: auto; z-index: 2; } .steps-wizard .admin__data-grid-wrap .note { margin: 2rem 0; } .nav { background-color: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; display: none; padding: 2.2rem 1.5rem 0 0; } .nav-bar-outer-actions { margin-bottom: 1.7rem; } .nav-bar-outer-actions .action-wrap { display: inline-block; margin-left: .5rem; margin-right: .5rem; } .nav-bar-outer-actions { margin-top: -10.6rem; padding-right: 1.5rem; } .nav-bar { counter-reset: i; float: left; margin: 0 1rem 1.7rem 0; padding: 0; position: relative; white-space: nowrap; } .nav-bar:before { background-color: #d4d4d4; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d4d4d4 100%); background-image: linear-gradient(to bottom, #d1d1d1 0%, #d4d4d4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#d4d4d4', GradientType=0); border-bottom: 1px solid #d9d9d9; border-top: 1px solid #bfbfbf; content: ''; height: .8rem; left: 5.15rem; position: absolute; right: 5.15rem; top: 0.7rem; } .nav-bar > li { display: inline-block; font-size: 0; position: relative; vertical-align: top; width: 10.3rem; } .nav-bar > li:first-child:after { display: none; } .nav-bar > li:after { background-color: #514943; content: ''; height: .5rem; left: calc(-50% + .25rem); position: absolute; right: calc(50% + .7rem); top: .9rem; } .nav-bar > li.disabled:before, .nav-bar > li.ui-state-disabled:before { bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .nav-bar > li.active ~ li:after, .nav-bar > li.ui-state-active ~ li:after { display: none; } .nav-bar > li.active ~ li a:after, .nav-bar > li.ui-state-active ~ li a:after { background-color: transparent; border-color: transparent; color: #a6a6a6; } .nav-bar > li.active a, .nav-bar > li.ui-state-active a { color: #000000; } .nav-bar > li.active a:hover, .nav-bar > li.ui-state-active a:hover { cursor: default; } .nav-bar > li.active a:after, .nav-bar > li.ui-state-active a:after { background-color: #ffffff; content: ''; } .nav-bar a { color: #514943; display: block; font-size: 1.2rem; font-weight: 600; line-height: 1.2; overflow: hidden; padding: 3rem .5em 0; position: relative; text-align: center; text-overflow: ellipsis; } .nav-bar a:hover { text-decoration: none; } .nav-bar a:after { background-color: #514943; border: 4px solid #514943; border-radius: 100%; color: #ffffff; content: counter(i); counter-increment: i; height: 0.7rem; left: 50%; line-height: .6; margin-left: -0.8rem; position: absolute; right: auto; text-align: center; top: 0.4rem; width: 0.7rem; } .nav-bar a:before { background-color: #d6d6d6; border: 1px solid transparent; border-radius: 100%; content: ''; height: 2.1rem; left: 50%; line-height: 1; margin-left: -1.2rem; position: absolute; top: 0; width: 2.1rem; } .steps-wizard .nav-bar { margin: 0.5rem 0 0; } .steps-wizard .nav-bar a { text-overflow: initial; white-space: normal; } .steps-wizard .nav-bar :after, .steps-wizard .nav-bar :before { box-sizing: content-box; } .steps-wizard .nav-bar-outer-actions { margin-top: 1rem; padding-right: 0; } .action-wrap-prev, .action-wrap-next { min-width: 8.5rem; } .data-grid-configurable .col-image { padding: 1rem; width: 6rem; } .data-grid-configurable .images-uploaded { display: inline-block; position: relative; } .data-grid-configurable .images-uploaded span { font-size: 1.1rem; background: #ffffff; border: 1px solid #a3a3a3; border-radius: 10px; line-height: 10px; min-width: 20px; padding: .4rem; position: absolute; right: -8px; text-align: center; top: -8px; } .currency-addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #adadad; flex-flow: row nowrap; position: relative; width: 100%; } .currency-addon .admin__control-text { -ms-flex-order: 1; -webkit-appearance: none; -webkit-flex-grow: 1; -webkit-flex-shrink: 1; -webkit-order: 1; appearance: none; background-color: transparent; border-color: transparent; box-shadow: none; flex-grow: 1; flex-shrink: 1; order: 1; vertical-align: top; } .currency-addon .admin__control-text:focus + .currency-symbol { border-color: #007bdb; } .currency-addon label.error { left: 0; position: absolute; top: 33px; } .currency-addon .currency-symbol { -webkit-flex-basis: auto; -webkit-flex-grow: 0; -webkit-flex-shrink: 0; border: solid #adadad; border-width: 0; box-sizing: border-box; color: #858585; flex-basis: auto; flex-grow: 0; flex-shrink: 0; height: 3.2rem; order: 0; padding: 7px 0 0 0.5rem; position: static; transition: border-color 0.1s linear; z-index: 1; } ._error .currency-addon .admin__control-text, ._error .currency-addon .currency-symbol { border-color: #e22626; } .affected-attribute-set .admin__fieldset { margin: 2rem 0 0 3rem; } .affected-attribute-set .admin__field-option .addafter:before { margin-right: 1rem; } .affected-attribute-set .admin__field-option .addafter:after { top: 3px; } .steps-wizard .select-attributes-block { margin: 0 0 2rem; } .steps-wizard .select-attributes-actions { float: right; margin-bottom: 1rem; } .steps-wizard .attribute-entity { background: #ffffff; border: 1px solid #d1d1d1; margin: 0 0 3rem; max-width: 70rem; padding: 1rem; transition: border-color 0.3s; } .steps-wizard .attribute-entity.ui-sortable-helper { border-color: #1979c3; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .steps-wizard .attribute-entity.ui-sortable-helper .draggable-handle { cursor: -moz-grabbing; cursor: -webkit-grabbing; } .steps-wizard .attribute-entity .action-select-all, .steps-wizard .attribute-entity .action-deselect-all { display: inline-block; font-weight: 400; line-height: 1; margin: 0.5rem 0 0; padding: 0 0 0 0.5rem; } .steps-wizard .attribute-entity .action-deselect-all { border-left: 1px solid #d1d1d1; } .steps-wizard .attribute-entity .action-remove-all { padding: 0; vertical-align: top; display: inline-block; text-decoration: none; } .steps-wizard .attribute-entity .action-remove-all > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .steps-wizard .attribute-entity .action-remove-all:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; line-height: inherit; color: #9e9e9e; content: '\e630'; font-family: 'Admin Icons'; margin: -2px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .steps-wizard .attribute-entity .action-remove-all:hover:before { color: #858585; } .steps-wizard .attribute-entity-top { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 1rem; } .steps-wizard .attribute-entity-title { display: inline; font-size: 1.8rem; } .steps-wizard .attribute-options-block { display: inline-block; margin-left: 1rem; } .steps-wizard .attribute-entity-actions { margin-left: auto; white-space: nowrap; } .steps-wizard .attribute-options { font-size: 0; margin: 0 0 1rem; } .steps-wizard .attribute-options .admin__field + .admin__field { margin-top: 0; } .steps-wizard .attribute-option { box-sizing: border-box; display: inline-block; font-size: 1.4rem; padding: 0 0.5rem 1rem 0; width: 33.33333333%; } .steps-wizard .attribute-option .action-save, .steps-wizard .attribute-option .action-remove { background-color: transparent; border-color: transparent; box-shadow: none; padding: 0 0.5rem; } .steps-wizard .attribute-option .action-save:hover, .steps-wizard .attribute-option .action-remove:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .steps-wizard .attribute-option .action-save:before, .steps-wizard .attribute-option .action-remove:before { content: '\e625'; } .steps-wizard .attribute-option .action-save:hover, .steps-wizard .attribute-option .action-remove:hover { color: #35302c; } .steps-wizard .attribute-option .action-save > span, .steps-wizard .attribute-option .action-remove > span { display: none; } .steps-wizard .attribute-option .action-remove:before { content: '\e630'; } .steps-wizard .attribute-option .admin__field-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .steps-wizard .attribute-option .admin__field-create-new .admin__field-control { display: inline-block; width: 50%; } .steps-wizard .admin__field-create-new .admin__control-text { width: 100%; } .steps-wizard .action-create-new { font-weight: 400; padding-left: 0; } .steps-wizard .steps-wizard-section-list { margin: 0 0 3rem; } .steps-wizard .steps-wizard-section-list > li { margin: 0 0 1rem; } .steps-wizard .steps-wizard-section { margin: 0 0 3rem; } .steps-wizard .steps-wizard-section .admin__field-control .admin__control-select, .steps-wizard .steps-wizard-section .admin__field-control .ui-datepicker .ui-datepicker-title select { min-width: 100%; } .steps-wizard .steps-wizard-section-title { border-bottom: 1px solid #e3e3e3; font-size: 1.8rem; margin: 0 0 1rem; padding: 0 0 1rem; } .steps-wizard .gallery-image-wrapper { background: #f8f8f8; padding: 14px 2rem; position: relative; } .steps-wizard .attribute-image-selector .attribute-label { display: block; margin: 0 0 1rem; } .steps-wizard .attribute-image-selector .attributes-selector-list { border: 1px solid #f4f4f4; list-style-type: none; margin: 0 0 2.5rem; padding: 2.5rem 1rem; } .steps-wizard .attribute-image-selector .attributes-selector-list:empty { display: none; } .steps-wizard .attribute-image-selector .attributes-selector-list > .item + .item { margin-top: 2.5rem; } .steps-wizard .attribute-image-selector .attribute-label { font-size: 1.6rem; margin-bottom: 0.5rem; } .steps-wizard .attribute-image-selector .image-panel { margin: 0; } .steps-wizard .bulk-attribute-values { max-width: 700px; } .steps-wizard .bulk-attribute-values .admin__field-label { padding-left: 2.6rem; text-align: left; } .steps-wizard .button-assign-sources { margin-left: 0; } .steps-wizard .button-assign-sources .admin__field-control { display: block; float: right; } .steps-wizard .data-grid-configurable .col-image img { max-width: 5rem; } .admin__fieldset-import-service { margin: 0 0 2rem; } .admin__fieldset-import-service .admin__field { margin: 0 0 2rem; } .admin__fieldset-import-service > .action-default { margin-left: calc( (100%) * 0.25 + 30px ); } .customer_form_areas_address_address_customer_address_update_modal_update_customer_address_form_loader .admin__field .admin__field .admin__field-label { background: none; } .customer-address-form *, .customer-address-form *:after, .customer-address-form *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .customer-address-form address { font-style: normal; } .customer-address-form .customer-default-address-wrapper { align-items: flex-start; display: flex; float: left; position: relative; width: 50%; } .customer-address-form .customer-default-address-wrapper .action-additional { margin: 2px 0 0 2px; } .customer-address-form .edit-default-billing-address-button, .customer-address-form .edit-default-shipping-address-button { position: absolute; } .customer-address-form .edit-default-billing-address-button { left: 210px; } .customer-address-form .edit-default-shipping-address-button { left: 230px; } .customer-address-form .customer_form_areas_address_address_customer_address_listing { clear: both; } .customer-address-form .add-new-address-button { clear: both; float: right; margin-bottom: 30px; position: relative; } .customer-address-form .address-information { float: left; margin-bottom: 20px; } .customer-address-form .address-information address { float: left; } .customer-address-form .address-information address .address_caption { font-size: 18px; font-weight: bold; margin-bottom: 16px; } .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control { width: calc(100% * 0.75 - 30px); } .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control table th.subscriber-status { text-align: center; } .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control table td.subscriber-status { text-align: center; } .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control table td select.admin__control-select, .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control table td select.ui-datepicker .ui-datepicker-title select { width: 100%; } .field-refund-store-credit .admin__control-text { margin-left: 1rem; width: 8rem; } .admin__field-is-downloaodable { margin-bottom: 3rem; } .downloadable-form .admin__legend { font-size: 1.8rem; } .downloadable-form .admin__legend + .note { margin-bottom: 3rem; } .downloadable-form .admin__control-table th { padding-bottom: 1.3rem; vertical-align: top; } .downloadable-form .admin__control-table tbody tr:first-child td { padding-top: 0; } .downloadable-form .admin__control-table td { vertical-align: top; } .downloadable-form .admin__control-table td.col-sort { padding-right: 15px; width: 15px; } .downloadable-form th.col-sort span { display: none; } .downloadable-form td.col-actions-add { background: #ffffff; padding: 0; } .downloadable-form .col-actions { width: 15px; } .downloadable-form .draggable-handle { margin-top: .3rem; } .downloadable-form.admin__fieldset .draggable-handle { background: none; height: inherit; line-height: inherit; } .downloadable-form .action-delete { margin-top: .4rem; padding: 0; } .downloadable-form .action-delete:before { color: #999999; font-size: 1.8rem; } .downloadable-form .action-add { padding: 0.5rem 0 0; } .downloadable-form .admin__field-file-url { padding-left: 2.6rem; } .downloadable-form .admin__field-file-url .admin__field-label span { display: none; } .downloadable-form .admin__field-file-url .admin__field-label { margin-left: -2.6rem; } .downloadable-form .admin__field-uploader { display: inline-block; margin-left: 0.5rem; vertical-align: top; } .downloadable-form .fileinput-button { color: #007bdb; cursor: pointer; display: inline-block; } .downloadable-form .fileinput-button:hover { color: #007bdb; text-decoration: underline; } .downloadable-form .file-info-size { font-size: 1.2rem; } .downloadable-form .note { margin-top: .8rem; } .downloadable-form.admin__fieldset { padding: 0; } .downloadable-form.admin__fieldset .admin__control-radio { position: absolute; } @-moz-document url-prefix() { .downloadable-form { display: table-column; } } .admin__dynamic-rows.admin__control-table .file-uploader-filename { max-width: 170px; } .admin__field-amount .admin__control-table { width: auto; } .admin__field-amount tbody .admin__control-text { min-width: 15rem; } .form-sharing-info .admin__legend { border-bottom: 1px solid #cccccc; margin-bottom: 1.7rem; padding: 1.4rem 0 .5rem; } .form-sharing-info .admin__legend span { float: left; margin: 0; } .form-sharing-info .sharing-info-textarea { display: block; height: 50px; margin-bottom: 2.5rem; } .order-create-gift-wrapping { float: left; width: calc( (100%) * 0.5 - 30px ); } .order-create-gift-wrapping .admin__field { margin: 1.5rem 0; } .order-create-gift-wrapping .gift-wrapping-design { display: none; } .order-create-gift-wrapping .gift-wrapping-design._active { display: block; } .giftmessage-order-create + .order-create-gift-wrapping { float: right; } .order-create-gift-wrapping .gift-wrapping-design .image-box, .order-gift-options .gift-wrapping-design .image-box, .gift-options-popup .gift-wrapping-design .image-box { float: left; margin-right: 1.5rem; max-height: 7.5rem; max-width: 7.5rem; } .order-gift-options .admin__field { margin: 1.5rem 0; } .gift-options-popup .admin__field { margin-bottom: 1.5rem; } .gift-options-popup .price { font-weight: 700; } .gift-options-popup .image-box { display: none; } .gift-options-popup .image-box._active { display: block; } .ui-dialog .gift-wrapping-form .admin__legend { margin: 0; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__field-control { max-width: 15rem; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon > .addafter { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; position: relative; z-index: 1; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child { padding-left: 1rem; position: static !important; z-index: 0; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child > * { position: relative; vertical-align: top; z-index: 1; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child:before { bottom: 0; box-sizing: border-box; content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } [class*='adminhtml-giftwrapping-'] .field-image .admin__field-control { padding-top: .8rem; } [class*='adminhtml-giftwrapping-'] .field-image .admin__field-control > a { display: inline-block; vertical-align: middle; } .adminhtml-integration-index .data-grid .action[disabled] { color: #bbbbbb; cursor: not-allowed; opacity: 0.6; } .adminhtml-integration-index .data-grid .action:hover:before { color: #7e807e; } .adminhtml-integration-index .data-grid .action.edit:before { content: '\e631'; } .adminhtml-integration-index .data-grid .action.info:before { content: '\e61a'; } .adminhtml-integration-index .data-grid .action.delete:before { content: '\e630'; } .adminhtml-integration-index .security-notice { color: #b30000; font-size: 1.1rem; margin-left: 1.5rem; vertical-align: middle; } .adminhtml-integration-index .security-notice:before { content: '\e623'; margin-right: 0.5rem; } .adminhtml-integration-index input[readonly] { cursor: copy; } .adminhtml-integration-index .ui-dialog .ui-dialog-buttonpane { float: none; } .adminhtml-integration-index .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: right; } .adminhtml-integration-index .no-close .ui-dialog-titlebar-close { display: none; } .page-partners { border-top: 1px solid #e3e3e3; padding-top: 2.5rem; } .page-partners .partners-block { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .page-partners .partner { margin-bottom: 4rem; padding: 0 2.5rem; width: 33.33333333%; } .partners-description, .partner-description { line-height: 1.7; } .partners-description { margin-bottom: 2em; } .partner-title { font-size: 1.7rem; font-weight: 600; margin-bottom: .8rem; } .partner-image { margin-bottom: 2.2rem; margin-top: .8rem; max-height: 12rem; max-width: 12rem; } .partner-description { margin-bottom: 1rem; } .partners-footer .magento-marketplace-logo { float: right; margin-bottom: 1px; } .partners-footer p { line-height: 1.7; } .partners-search { padding-left: 7.7rem; position: relative; } .partners-search:before { content: '\e63f'; font-size: 4.5rem; left: .9rem; position: absolute; top: .6rem; } .pp-buttons-container > div { margin-top: -2.2rem; } .pp-buttons-container > div a[data-paypal-button=true] { display: inline-block; margin-top: 2.2rem; } .abs-video-gallery-icon, .video-item .product-image-wrapper, .mage-new-video-dialog .video-player-container { display: block; text-decoration: none; } .abs-video-gallery-icon > span, .video-item .product-image-wrapper > span, .mage-new-video-dialog .video-player-container > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-video-gallery-icon:before, .video-item .product-image-wrapper:before, .mage-new-video-dialog .video-player-container:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; line-height: inherit; color: #000000; content: '\e641'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-video-gallery-icon:hover:before, .video-item .product-image-wrapper:hover:before, .mage-new-video-dialog .video-player-container:hover:before { color: #000000; } .abs-video-gallery-icon:before, .video-item .product-image-wrapper:before, .mage-new-video-dialog .video-player-container:before { left: 0; margin-top: -2rem; opacity: .5; position: absolute; right: 0; top: 50%; z-index: 2; } .image.video-placeholder { display: inline-block; position: relative; text-decoration: none; } .image.video-placeholder:before { background: url(../Magento_ProductVideo/images/gallery-sprite.png) no-repeat left bottom; content: ''; height: 49px; left: 50%; margin-left: -24px; opacity: .7; position: absolute; top: 18px; width: 49px; z-index: 1; } .image.video-placeholder .image-placeholder-text { font-weight: 400; } .preview-image-hidden-input { display: none; } .video-item .product-image-wrapper:hover:before { opacity: .3; } .mage-new-video-dialog form.admin__scope-old { float: left; width: 65%; } .mage-new-video-dialog .video-player-sidebar { float: left; width: 34.99999%; } .mage-new-video-dialog .video-player-container { border: 1px solid #e3e3e3; height: 20vw; margin-bottom: 30px; position: relative; width: 100%; } .mage-new-video-dialog .video-information { display: none; margin-bottom: 7px; } .mage-new-video-dialog .video-information:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .mage-new-video-dialog .video-information label { display: block; float: left; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; text-align: right; width: 25%; } .mage-new-video-dialog .video-information span { display: block; float: left; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 300; padding-left: 20px; width: 74.9999%; } .mage-new-video-dialog .product-video { height: 100%; position: relative; width: 100%; z-index: 20; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-control { width: calc( (100%) * 0.25 - 30px ); margin-left: 30px; float: left; margin-left: 80px; position: relative; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-control input { float: right; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-label { cursor: pointer; left: 0; margin-left: 26%; padding-left: 45px; position: absolute; width: 250px; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-label:before { content: none; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-label span { float: left; } .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled { margin-top: 32px; } .mage-new-video-dialog .admin__scope-old .admin__field.field.field-new_video_screenshot { margin-bottom: 5px; } .mage-new-video-dialog .admin__scope-old .admin__field.field.field-new_video_screenshot_preview { margin-bottom: 50px; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role-label { height: 0; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role-label .admin__field-control { width: calc( (100%) * 0.25 - 30px ); margin-left: 30px; float: left; margin-left: 80px; position: relative; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role-label .admin__field-control .control-value { color: #000000; float: right; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; position: relative; right: 50px; top: 21px; } .mage-new-video-dialog .admin__scope-old .admin__field label > input[type='checkbox'] { margin: -3px 3px 0 0; vertical-align: middle; } .mage-new-video-dialog .admin__scope-old .admin__field input[type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: #ffffff; border: 1px solid #adadad; border-radius: 2px; cursor: pointer; display: inline-block; height: 16px; margin: 0 5px 0 0; position: relative; transition: all 0.1s ease-in; vertical-align: middle; width: 16px; } .mage-new-video-dialog .admin__scope-old .admin__field input[type='checkbox']:focus { border-color: #007bdb; box-shadow: none; outline: 0; } .mage-new-video-dialog .admin__scope-old .admin__field input[type='checkbox'][disabled] { background-color: #e9e9e9; border-color: #adadad; opacity: .5; } .mage-new-video-dialog .admin__scope-old .admin__field input[type='checkbox']:checked:after { color: #514943; content: '\e62d'; display: inline-block; font-family: 'Admin Icons'; font-size: 11px; font-weight: 400; left: 0; line-height: 13px; position: absolute; text-align: center; top: 0; width: 14px; } .mage-new-video-dialog .admin__scope-old .admin__field .control > input[type='checkbox'] { padding: 0; width: 16px; } .image.video-placeholder > button[data-role='add-video-button'], .image.video-placeholder > button, .image.video-placeholder > .block-footer .action-add[data-role='add-video-button'], .image.video-placeholder > .block-footer .action-add { background: transparent; border: 0; height: 100%; position: relative; width: 100%; z-index: 10; } .add-video-button-container { float: right; } .image-upload-error { background: #f5d6c7; color: #303030; font-size: 12px; font-weight: 400; padding: 7px 7px 7px 35px; position: relative; } .image-upload-error .image-upload-error-cross { height: 20px; left: 8px; position: absolute; top: 9px; width: 20px; } .image-upload-error .image-upload-error-cross:before, .image-upload-error .image-upload-error-cross:after { background-color: #ff0101; content: ' '; height: 20px; left: 8px; position: absolute; width: 4px; } .image-upload-error .image-upload-error-cross:before { transform: rotate(45deg); } .image-upload-error .image-upload-error-cross:after { transform: rotate(-45deg); } .release-notification-modal { -webkit-transition: visibility 0s .5s, opacity .5s ease; transition: visibility 0s .5s, opacity .5s ease; } .release-notification-modal._show { -webkit-transition: opacity .5s ease; opacity: 1; transition: opacity .5s ease; visibility: visible; } .release-notification-modal .modal-inner-wrap { -webkit-transform: translateX(0); -webkit-transition: -webkit-transform 0s; height: 50rem; transition: transform 0s; transform: translateX(0); margin-top: 13rem; max-width: 75rem; } .release-notification-modal .modal-inner-wrap .modal-content, .release-notification-modal .modal-inner-wrap .modal-header { padding-left: 4rem; padding-right: 4rem; } .release-notification-modal .modal-inner-wrap .modal-content .action-close, .release-notification-modal .modal-inner-wrap .modal-header .action-close { display: none; } .release-notification-modal .admin__fieldset { padding: 0; } .release-notification-title-with-image { background-repeat: no-repeat; background-size: 55px 49.08px; padding: 1.5rem 0 2rem 7rem; } .release-notification-text { line-height: 1.5; } .release-notification-text ul { margin: 2rem 0 2rem 0; } .release-notification-text ul li { font-size: 1rem; margin: 1.5rem 0 1.5rem 2rem; } .release-notification-text ul li span { font-size: 1.4rem; vertical-align: middle; position: relative; left: 1rem; } .release-notification-button-next, .release-notification-button-back { bottom: 4rem; display: block; float: right; position: absolute; } .release-notification-button-next { line-height: 1.36; margin: 0; padding: 0; color: #007bdb; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; right: 4rem; } .release-notification-button-next:visited { color: #007bdb; text-decoration: none; } .release-notification-button-next:hover { color: #007bdb; text-decoration: underline; } .release-notification-button-next:active { color: #ff5501; text-decoration: underline; } .release-notification-button-next:hover, .release-notification-button-next:active, .release-notification-button-next:focus { background: none; border: 0; } .release-notification-button-next.disabled, .release-notification-button-next[disabled], fieldset[disabled] .release-notification-button-next { color: #007bdb; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .release-notification-button-back { line-height: 1.36; margin: 0; padding: 0; color: #007bdb; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; left: 4rem; } .release-notification-button-back:visited { color: #007bdb; text-decoration: none; } .release-notification-button-back:hover { color: #007bdb; text-decoration: underline; } .release-notification-button-back:active { color: #ff5501; text-decoration: underline; } .release-notification-button-back:hover, .release-notification-button-back:active, .release-notification-button-back:focus { background: none; border: 0; } .release-notification-button-back.disabled, .release-notification-button-back[disabled], fieldset[disabled] .release-notification-button-back { color: #007bdb; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .highlight-item { background-size: 65px 58px; background-repeat: no-repeat; padding: 0 0 2rem 8.5rem; margin-left: 1rem; } .highlight-item h3 { margin: 0; } .highlight-item h3 span { font-size: 1.2rem; font-style: italic; font-weight: 300; } .highlight-item-no-image { padding: 0 0 2rem 0; } .highlight-item-no-image h3 { margin: 0; } .hide-release-notification { display: none; } .field-detailed-rating .admin__field-rating { margin: 15px 0 0; } .field-detailed-rating .admin__field-rating:first-child { margin-top: 0; } .field-detailed-rating .admin__field-rating .admin__field-label { display: inline-block; line-height: 1.36; text-align: left; vertical-align: top; width: 75px; } .field-detailed-rating .admin__field-rating .admin__field-control { direction: rtl; display: inline-block; margin: -1px 0 0; unicode-bidi: bidi-override; vertical-align: top; width: 125px; } .field-detailed-rating .admin__field-rating .admin__field-control label { color: #cccccc; cursor: pointer; float: right; font-size: 18px; overflow: hidden; transition: color 150ms linear; white-space: nowrap; width: 18px; } .field-detailed-rating .admin__field-rating .admin__field-control label:before { display: none; } .field-detailed-rating input[type='radio'] { display: none; } .field-summary-rating .rating-box { background: url('../images/rating-bg.png') repeat-x 0 0; font-size: 0; height: 13px; line-height: 0; margin: 4px 0 0; overflow: hidden; width: 90px; } .field-summary-rating .rating-box .rating { background: url('../images/rating-bg.png') repeat-x 0 -13px; height: 13px; } .adminhtml-reward-rate-edit .field-rate .boundary { float: left; width: 125px; } .adminhtml-reward-rate-edit .field-rate .boundary-upper { margin-left: 30px; position: relative; } .adminhtml-reward-rate-edit .field-rate .boundary-upper:before { content: '»'; left: -17.14285714px; position: absolute; top: 25%; } .adminhtml-reward-rate-edit .field-rate .boundary-upper label { height: 0; visibility: hidden; display: block; } .rma-items .col-actions .action-item-details, .rma-items .col-actions .action-item-split-line { margin: 0 0 0.5rem; } .rma-items .col-actions .action { margin-right: 0.5rem; } .rma-items .admin__control-select, .rma-items .ui-datepicker .ui-datepicker-title select { max-width: 10rem; } .rma-items-block .col-actions a { margin: 0 0 0.5rem; } .rma-items-block .col-reason .admin__control-select + .admin__control-text, .rma-items-block .col-reason .ui-datepicker .ui-datepicker-title select + .admin__control-text { margin-top: 0.5rem; } .select-order-items-block .admin__page-section-title .actions, .rma-items-block .admin__page-section-title .actions { float: right; margin-bottom: 1.7rem; margin-top: -.3rem; } .col-rma-product a { float: right; } .order-details .order-items .admin__page-section-title .actions, .order-details .order-search-items .admin__page-section-title .actions, .order-details .order-additional-area .admin__page-section-title .actions { float: right; margin-bottom: 1.7rem; margin-top: -.3rem; } .order-details .order-items .admin__page-section-title .action-secondary, .order-details .order-search-items .admin__page-section-title .action-secondary, .order-details .order-additional-area .admin__page-section-title .action-secondary { margin-left: 2rem; } .order-details .admin__field-option .admin__field-label { display: block; width: auto; } .field-vat-number .action-default { font-weight: 400; margin-top: 1rem; padding: 0; } .admin__fieldset > .admin__field-shipping-same-as-billing { margin-bottom: 1rem; margin-top: -2rem; } .order-billing-address .order-choose-address { margin-top: 14px; } .order-discounts { margin-top: 2rem; } .order-discounts .action-secondary { float: right; margin-top: 2.1rem; } .order-discounts .order-coupons { float: left; } .order-discounts .admin__field { display: inline-block; margin: 0 3.5rem 0 0; vertical-align: top; } .order-discounts .admin__field .admin__field-control { padding-right: 32px; position: relative; } .order-discounts .admin__field .action-default { position: absolute; right: 0; top: 7px; } .order-discounts .admin__field .action-default:before { content: '\e625'; } .order-discounts .admin__field .action-default:hover { color: #35302c; } .order-discounts .admin__field p { margin: 1rem 0 0; } .order-discounts .action-remove { color: #514943; margin-left: 0.5rem; } .order-discounts .action-remove:hover { color: #35302c; text-decoration: none; } .order-discounts .action-remove:before { content: '\e630'; } .order-gift-options .card-price-box { display: none; } .order-gift-options .card-price-box._active { display: block; } .order-gift-options .price-box .price { font-weight: 700; } .order-gift-options > .giftmessage-order-create { float: left; width: calc( (100%) * 0.5 - 30px ); } .order-gift-options .admin__field._required[class]:not(.admin__field-option) > .admin__field-label span:after { margin-left: 0; } .giftmessage-order-create .field-sender { margin-top: 1.4rem; } .giftmessage-order-create .admin__field { margin-bottom: 3rem; position: relative; } .giftmessage-order-create .admin__field + .admin__field { margin-top: 1.5rem; } .order-items > .admin__page-section-title { margin: 0; } .order-items .actions-update { margin: 2rem 0; text-align: right; } .order-search-items .data-grid .action-configure { float: right; } .order-search-items .data-grid .action-configure.disabled { display: none; } .order-search-items .data-grid .col-id, .order-search-items .data-grid .col-price, .order-search-items .data-grid .col-select { width: 10rem; } .abs-order-tables, .order-creditmemo-tables, .order-tables, .order-invoice-tables, .edit-order-table, .order-shipment-table { margin: 0 0 1.7rem; width: 100%; } .abs-order-tables th, .order-creditmemo-tables th, .order-tables th, .order-invoice-tables th, .edit-order-table th, .order-shipment-table th { border-top: 0; font-size: 1.3rem; } .abs-order-tables td, .order-creditmemo-tables td, .order-tables td, .order-invoice-tables td, .edit-order-table td, .order-shipment-table td { border-bottom: none; } .abs-order-tables tbody tr.row-messages-error td, .abs-order-tables tbody tr.row-gift-options td, .order-creditmemo-tables tbody tr.row-messages-error td, .order-creditmemo-tables tbody tr.row-gift-options td, .order-tables tbody tr.row-messages-error td, .order-tables tbody tr.row-gift-options td, .order-invoice-tables tbody tr.row-messages-error td, .order-invoice-tables tbody tr.row-gift-options td, .edit-order-table tbody tr.row-messages-error td, .edit-order-table tbody tr.row-gift-options td, .order-shipment-table tbody tr.row-messages-error td, .order-shipment-table tbody tr.row-gift-options td { padding-top: 0; } .abs-order-tables tfoot td, .order-creditmemo-tables tfoot td, .order-tables tfoot td, .order-invoice-tables tfoot td, .edit-order-table tfoot td, .order-shipment-table tfoot td { border-bottom: 1px solid #e3e3e3; border-top: none; } .abs-order-tables .col-actions .admin__control-select, .abs-order-tables .col-actions .ui-datepicker .ui-datepicker-title select, .order-creditmemo-tables .col-actions .admin__control-select, .order-tables .col-actions .admin__control-select, .order-invoice-tables .col-actions .admin__control-select, .edit-order-table .col-actions .admin__control-select, .order-shipment-table .col-actions .admin__control-select { width: 13rem; } .abs-order-tables .price, .order-creditmemo-tables .price, .order-tables .price, .order-invoice-tables .price, .edit-order-table .price, .order-shipment-table .price { display: inline-block; margin: 0 0 0.5rem; } .abs-order-tables .item-options, .order-creditmemo-tables .item-options, .order-tables .item-options, .order-invoice-tables .item-options, .edit-order-table .item-options, .order-shipment-table .item-options { margin: 1rem 0 0; } .abs-order-tables .item-options dt, .order-creditmemo-tables .item-options dt, .order-tables .item-options dt, .order-invoice-tables .item-options dt, .edit-order-table .item-options dt, .order-shipment-table .item-options dt { clear: left; float: left; margin: 0 0.5rem 0.5rem 0; } .abs-order-tables .item-options dd, .order-creditmemo-tables .item-options dd, .order-tables .item-options dd, .order-invoice-tables .item-options dd, .edit-order-table .item-options dd, .order-shipment-table .item-options dd { display: inline-block; float: left; margin: 0 0 0.5rem; } .abs-order-tables .custom-price-block, .abs-order-tables .discount-price-block, .order-creditmemo-tables .custom-price-block, .order-creditmemo-tables .discount-price-block, .order-tables .custom-price-block, .order-tables .discount-price-block, .order-invoice-tables .custom-price-block, .order-invoice-tables .discount-price-block, .edit-order-table .custom-price-block, .edit-order-table .discount-price-block, .order-shipment-table .custom-price-block, .order-shipment-table .discount-price-block { font-size: 1.1rem; margin: 0 0 0.5rem; } .abs-order-tables .custom-price-block .admin__field-label, .abs-order-tables .discount-price-block .admin__field-label, .order-creditmemo-tables .custom-price-block .admin__field-label, .order-creditmemo-tables .discount-price-block .admin__field-label, .order-tables .custom-price-block .admin__field-label, .order-tables .discount-price-block .admin__field-label, .order-invoice-tables .custom-price-block .admin__field-label, .order-invoice-tables .discount-price-block .admin__field-label, .edit-order-table .custom-price-block .admin__field-label, .edit-order-table .discount-price-block .admin__field-label, .order-shipment-table .custom-price-block .admin__field-label, .order-shipment-table .discount-price-block .admin__field-label { line-height: 1.6rem; } .abs-order-tables .product-configure-block, .order-creditmemo-tables .product-configure-block, .order-tables .product-configure-block, .order-invoice-tables .product-configure-block, .edit-order-table .product-configure-block, .order-shipment-table .product-configure-block { margin: 1rem 0 0; } .abs-order-tables .product-configure-block .disabled, .order-creditmemo-tables .product-configure-block .disabled, .order-tables .product-configure-block .disabled, .order-invoice-tables .product-configure-block .disabled, .edit-order-table .product-configure-block .disabled, .order-shipment-table .product-configure-block .disabled { display: none; } .abs-order-tables .product-sku-block, .order-creditmemo-tables .product-sku-block, .order-tables .product-sku-block, .order-invoice-tables .product-sku-block, .edit-order-table .product-sku-block, .order-shipment-table .product-sku-block { margin: 1rem 0 0; } .order-account-information .admin__field { margin-bottom: 0; } .order-account-information [class*='field-group'] { float: left; } .order-account-information .field-email { display: inline-block; margin: 0; overflow: hidden; width: 50%; } .page-create-order .order-details:not(.order-details-existing-customer) .order-account-information .field-email { margin-left: -30px; } .page-create-order .order-details:not(.order-details-existing-customer) .order-account-information .field-group_id { margin-right: 30px; } .admin__payment-method-wrapper { margin: 0; width: calc(50% - 3rem); } .admin__payment-method-wrapper .admin__field { margin-left: 0; } .admin__payment-method-wrapper .admin__field:first-child { margin-top: 1.5rem; } .admin__payment-method-wrapper .admin__payment-methods { margin: 0; } .admin__order-shipment-methods-title { font-weight: 700; margin: 0 0 0.5rem; } .admin__order-shipment-methods-options { margin: 0 0 2rem; } .admin__order-shipment-methods-options-list { list-style: none; margin: 0; } .order-billing-method-summary, .order-shipping-method-summary { padding-top: 0.7rem; } .order-shipping-method, .order-billing-method { position: relative; } .order-billing-method-summary .action-default, .order-shipping-method-summary .action-default, .order-shipping-method-info .action-default { font-weight: 400; padding: 0; } .order-methods-overlay { background-color: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .order-methods-overlay span { background-color: #ffffff; display: block; font-weight: 700; left: 0; padding: 0.5rem 0; position: absolute; top: 43px; } .order-shipping-address .order-methods-overlay span { top: 0; } .shipping-description-wrapper .price { font-weight: 700; } .shipping-description-title { font-weight: 700; } .action-create-label { margin: 1rem 0; } .order-payment-method-title + .order-payment-currency { margin-top: 1rem; } .order-payment-method-title .admin__table-secondary { margin-top: 1rem; } .order-sidebar { color: #666666; padding: 3rem 2rem; } .order-sidebar .order-currency { float: none; font-size: 1.4rem; margin: 0 0 2.4rem; } .order-sidebar .order-currency .admin__field-label { display: block; margin: 0 0 1rem; text-align: left; } .order-sidebar .customer-activity-title { border-bottom: 1px solid #e3e3e3; font-size: 1.9rem; font-weight: 700; margin: 0 0 2.4rem; padding: 0 0 2.4rem; } .order-sidebar .admin__control-select, .order-sidebar .ui-datepicker .ui-datepicker-title select { margin: 0 0 0.5rem; width: 100%; } .order-sidebar .order-sidebar-block { border-bottom: 1px solid #e3e3e3; margin: 0 0 2.4rem; padding: 0 0 2.4rem; } .order-sidebar .admin__table-primary { color: #666666; width: 100%; } .order-sidebar .admin__table-primary th:first-child, .order-sidebar .admin__table-primary td:first-child { padding-left: 2rem; } .order-sidebar .admin__table-primary .icon { display: inline-block; font-size: 1.6rem; text-decoration: none; vertical-align: middle; } .order-sidebar .admin__table-primary .icon:after { color: #666666; } .order-sidebar .admin__table-primary .icon.icon-remove { margin-left: -3px; } .order-sidebar .admin__table-primary .icon.icon-remove:after { content: '\e630'; } .order-sidebar .admin__table-primary .icon.icon-add:after { content: '\e625'; } .order-sidebar .admin__table-primary .icon.icon-configure:after { content: '\e610'; } .order-sidebar .admin__table-primary .icon.icon-configure:hover:after { color: #35302c; } .order-sidebar .admin__table-primary .col-add { text-align: right; } .order-sidebar .admin__table-primary .col-add .icon-configure, .order-sidebar .admin__table-primary .col-add .icon-add { margin-right: 1rem; } .order-sidebar .action-refresh { display: table-cell; font-size: 2rem; padding-right: 1rem; vertical-align: middle; } .order-sidebar .action-refresh:after { color: #d4d4d4; content: '\e61f'; } .order-sidebar .action-refresh:hover { text-decoration: none; } .order-sidebar .action-refresh:hover:after { color: #bbbbbb; } .order-sidebar .create-order-sidebar-block .sidebar-title-block { margin: 0 0 2.4rem; } .order-sidebar .create-order-sidebar-block .auto-scroll { margin: 0 -2rem 0.5rem; max-height: 24rem; overflow: auto; position: relative; } .order-sidebar .create-order-sidebar-block .auto-scroll::-webkit-scrollbar { -webkit-appearance: none; height: 4px; } .order-sidebar .create-order-sidebar-block .auto-scroll::-webkit-scrollbar-thumb { -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; } .order-sidebar .create-order-sidebar-block .auto-scroll + .action-default { margin-top: 1.7rem; } .order-sidebar .create-order-sidebar-block .auto-scroll .no-items { padding-left: 2rem; } .order-sidebar .create-order-sidebar-block .admin__field-option { padding-top: 0; } .order-sidebar .create-order-sidebar-label { display: table-cell; font-size: 1.5rem; font-weight: 400; margin: 0; vertical-align: middle; } .order-sidebar .create-order-sidebar-label + .admin__control-select, .order-sidebar .create-order-sidebar-label + .ui-datepicker .ui-datepicker-title select { margin-top: 1.7rem; } .order-sidebar .actions .action-secondary { width: 100%; } .add-by-sku-wrapper .add-by-sku { margin: 0 0 2rem; } .add-by-sku-wrapper .admin__field-note { margin: 1.4rem 0; } .add-by-sku-wrapper .action-reset { display: inline-block; font-size: 1.6rem; margin: -0.4rem 0 0; opacity: .5; vertical-align: middle; } .add-by-sku-wrapper .action-reset:after { color: '\e620'; content: '\e620'; } .add-by-sku-wrapper .action-reset:hover { opacity: 1; } .add-by-sku-wrapper .action-reset:hover:after { color: #35302c; } .add-by-sku-wrapper .col-qty { width: 8rem; } .order-subtotal-table .admin__control-text { width: 5.4rem; } .order-subtotal-table .admin__total-amount { text-align: right; } .order-totals .admin__total-amount { text-align: right; } .totals-actions { text-align: right; } .order-totals-actions { margin-top: 1rem; } .order-totals-actions .actions { margin-top: 3rem; text-align: right; } .order-totals-actions .primary + .primary { margin-left: 1rem; } .edit-order-comments .note-list { font-size: 1.2rem; list-style: none; margin: 0 0 2.4rem; } .edit-order-comments .note-list-item { margin: 0 0 0.5rem; } .edit-order-comments .note-list-date, .edit-order-comments .note-list-time { padding: 0 1rem 0 0; } .edit-order-comments .note-list-status, .edit-order-comments .note-list-customer { border-left: 1px solid #a6a6a6; padding: 0 1rem; } .edit-order-comments .note-list-customer-notapplicable, .edit-order-comments .note-list-customer-not-notified, .edit-order-comments .note-list-customer-notified { font-weight: 700; padding: 0 1rem 0 0; } .edit-order-comments .note-list-comment { margin: 0 0 1.7rem; } .edit-order-comments .comments-block-item { margin: 0 0 2.4rem; } .edit-order-comments .comments-block-item-comment { margin: 0 0 0.5rem; } .edit-order-comments .comments-block-item-date-time { font-size: 1.1rem; } .edit-order-comments-block-title { margin: 0 0 2.4rem; color: #41362f; font-weight: 600; line-height: 1.2; font-size: 1.9rem; } .order-view > .ui-tabs-panel { border: 0; margin: 0; padding: 0; } .order-view .admin__data-grid-pager-wrap .selectmenu { margin-bottom: 10px; } .order-view .data-grid-search-control-wrap { margin-bottom: 10px; } .admin__page-section { margin-bottom: 5rem; } .admin__page-section .admin__control-table-wrapper { margin-top: 2rem; } .admin__page-section address { font-style: normal; } .admin__page-subsection + .admin__page-subsection { margin-top: 2.5rem; } .admin__page-section-title { border-bottom: 1px solid #cccccc; margin-bottom: 1.7rem; padding: 1.4rem 0 .5rem; } .admin__page-section-title strong, .admin__page-section-title .title { float: left; margin: 0; } .admin__page-section-title .actions { display: inline-block; margin-left: 0.5rem; } .admin__page-section-title .actions._primary { float: right; } .admin__page-section-item-title, .admin__page-section-content .admin__page-section-title { border-bottom: 0; margin-bottom: 1.5rem; padding: 0; } .admin__page-section-item-title .title, .admin__page-section-content .admin__page-section-title .title { margin: 0; } .admin__page-section-item-title .actions, .admin__page-section-content .admin__page-section-title .actions { display: inline-block; margin-left: 0.5rem; } .order-customer-selector .admin__page-section-title .title { margin: 0 0 2rem; } .order-customer-selector .admin__page-section-title .actions { float: right; margin-top: -.5rem; } .tree-store-scope .admin__field { margin: 0 0 1rem; } .abs-qty-table th, .abs-qty-table td, .abs-order-tables .qty-table th, .abs-order-tables .qty-table td, .order-creditmemo-tables .qty-table th, .order-creditmemo-tables .qty-table td, .order-tables .qty-table th, .order-tables .qty-table td, .order-invoice-tables .qty-table th, .order-invoice-tables .qty-table td, .edit-order-table .qty-table th, .edit-order-table .qty-table td, .order-shipment-table .qty-table th, .order-shipment-table .qty-table td { border: none; font-weight: 400; padding: 0 0.5rem 0.5rem 0; } .abs-order-tbody-border tbody, .order-creditmemo-tables tbody, .order-tables tbody, .order-invoice-tables tbody, .edit-order-table tbody, .order-shipment-table tbody { border-bottom: 1px solid #e3e3e3; } .abs-order-tbody-border tbody:last-of-type, .order-creditmemo-tables tbody:last-of-type, .order-tables tbody:last-of-type, .order-invoice-tables tbody:last-of-type, .edit-order-table tbody:last-of-type, .order-shipment-table tbody:last-of-type { border-bottom: none; } .product-configure-popup .weee .price-excluding-tax, .product-configure-popup .weee .price-including-tax { display: block; font-size: 1.3rem; } .product-configure-popup .weee .price-excluding-tax:before, .product-configure-popup .weee .price-including-tax:before { content: attr(data-label) ': '; } .options-list.nested .admin__field-option .admin__field-label > span:after { content: none; } .summary-total { cursor: pointer; } .summary-total .summary-collapse { display: inline-block; padding: 0 0 0 2.3rem; position: relative; } .summary-total .summary-collapse:before { content: '\e616'; font-size: 1.8rem; left: 0; position: absolute; top: 0; } .summary-total .summary-collapse:active:before { transform: scale(0.9); } .show-details .summary-collapse:before { content: '\e615'; } .summary-details .label, .summary-details .admin__total-mark { padding-left: 3.3rem; } #sales_order_create_search_grid .col-in_products .data-grid-checkbox-cell-inner { position: relative; } #sales_order_create_search_grid .col-in_products .checkbox { width: 1.6rem; height: 1.6rem; left: 0; right: 0; margin: auto; } #product_composite_configure_form_fields .admin__field.required .admin__field-label:after { color: #e22626; content: '*'; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 1; margin-left: 10px; margin-top: .2rem; position: absolute; z-index: 1; } #product_composite_configure_form_fields .admin__field.required .price-container:after, #product_composite_configure_form_fields .admin__field.required .price-notice:after, #product_composite_configure_form_fields .admin__field.required .price-wrapper:after { color: unset; content: unset; display: unset; font-size: unset; font-weight: unset; line-height: unset; margin-left: unset; margin-top: unset; position: unset; z-index: unset; } .abs-admin__table-secondary-edit-order th, .order-payment-method-title .admin__table-secondary th, .order-information-table th, .order-account-information-table th { font-weight: 400; text-align: left; vertical-align: top; } .abs-admin__table-secondary-edit-order td, .order-payment-method-title .admin__table-secondary td, .order-information-table td, .order-account-information-table td { text-align: right; } .abs-admin__table-secondary-edit-order tr:last-child td, .order-payment-method-title .admin__table-secondary tr:last-child td, .order-information-table tr:last-child td, .order-account-information-table tr:last-child td { border: none; } .edit-order-table { margin-bottom: 5rem; } .edit-order-table tfoot._hide { display: none; } .edit-order-table tfoot td { padding-top: 1rem; } .edit-order-table tfoot .col-total { text-align: right; } .edit-order-table .edit-total-price-block { padding-left: 3rem; } .order-subtotal-table tr td:last-child { text-align: right; } .order-history-block { margin: 0 0 5rem; } .order-history-comments-actions { margin-top: 1.7rem; } .block-schedule { border: 1px solid #bbbbbb; margin-bottom: 4rem; position: relative; z-index: 1; } .block-schedule .block-title { background: #f8f8f8; padding: 2rem 2.5rem; } .block-schedule .block-title .title { font-size: 2rem; font-weight: 200; } .block-schedule .block-title .subtitle { font-style: italic; } .block-schedule .block-title .subtitle:before { content: ' ('; } .block-schedule .block-title .subtitle:after { content: ')'; } .block-schedule .block-title-actions { float: right; line-height: 3.2rem; text-align: right; white-space: nowrap; } .block-schedule .block-title-actions .action-secondary { float: right; margin-left: 2.5rem; } .block-schedule .admin__data-grid-outer-wrap { min-height: 0; } .block-schedule .admin__data-grid-outer-wrap { position: relative; } .block-content-actions { padding: 0 0 1.2rem 1.8rem; position: relative; text-align: center; } .block-content-actions:before { background: linear-gradient(to top, #ffffff 30%, rgba(255, 255, 255, 0) 100%); content: ''; height: 20px; left: -12px; position: absolute; top: -20px; width: 24px; } .block-schedule-table .block-content { border-top: 1px solid #bbbbbb; } .block-schedule-table .block-content .schedule-table-wrapper { margin: 2.5rem; } .block-schedule-table .ui-resizable-s { cursor: ns-resize; } .schedule-table { border-collapse: collapse; width: 100%; } .schedule-table td { line-height: 2rem; padding: 0 1rem 1rem; vertical-align: top; } .schedule-table td:first-child { border-left: 3px solid #514943; } .schedule-table em { color: #666666; } .schedule-table .schedule-date { font-weight: 700; padding-left: 2rem; white-space: nowrap; width: 10rem; } .schedule-table .schedule-date:before { background: #ffffff; border: 3px solid #514943; border-radius: 50%; box-sizing: content-box; content: ''; display: inline-block; height: 17px; margin-left: -33px; margin-top: -1px; position: absolute; width: 17px; } .schedule-table .schedule-date time { white-space: nowrap; } .schedule-table .schedule-date.schedule-date-empty:before { display: none; } .schedule-table .schedule-end .schedule-date:before { background: #514943; border: 0; margin-left: -30px; margin-top: 2px; } .schedule-table .schedule-time { white-space: nowrap; width: 7rem; } .schedule-table .schedule-label { color: #666666; font-size: 1.2rem; width: 1%; } .schedule-table tr:last-child td { padding-bottom: 3rem; } .schedule-table .schedule-actions { padding-right: 0; white-space: nowrap; width: 10%; } .schedule-table .schedule-actions a + a:before { color: #666666; content: '|'; display: inline-block; margin: 0 .3rem 0 .4rem; } .schedule-table .schedule-actions .action-menu-item { cursor: pointer; } .schedule-name { font-weight: 700; } .limited-text { display: inline-block; line-height: 1.4em; max-height: 4.4em; overflow: hidden; position: relative; vertical-align: top; } .limited-text:after { background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%); content: '...'; height: 1.2em; position: absolute; right: 0; text-align: right; top: 1.2em; width: 5rem; } .limited-text + .limited-text { line-height: 1.6rem; margin: .8rem 0 0; } @supports (-webkit-line-clamp: 3) { .limited-text { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; height: auto; max-height: 4.4em; } .limited-text:after { display: none; } } .limited-text-changes { font-size: 1.2rem; } .block-nodata { padding: 2.5rem; } .fieldset-schedule:last-child { border-bottom: 1px solid #cccccc; } .fieldset-schedule .admin__fieldset { padding: 0; } .fieldset-schedule .admin__fieldset > :last-child { margin-bottom: 3rem; } .fieldset-schedule .admin__fieldset > .fieldset-wrapper:last-child { border-bottom: 1px solid #cccccc; margin-bottom: 0; } .fieldset-schedule .fieldset-wrapper-title { border-bottom: 0; line-height: 1.2; margin: 2rem 0 1rem; padding: 0; } .fieldset-schedule .fieldset-wrapper-title strong { font-size: 2rem; font-weight: 400; } .fieldset-schedule ._has-datepicker.admin__control-text { width: 19rem; } .schedule-summary { display: table; list-style: none; width: 100%; } .schedule-summary .schedule-summary-name, .schedule-summary .schedule-summary-date { display: table-cell; padding-right: .5rem; } .schedule-summary .schedule-summary-name { width: 50%; } .schedule-summary .schedule-summary-date { width: 25%; } .staging-preview-header { background-color: #373330; color: #c3bbb1; position: relative; } .staging-preview-header .logo { float: left; margin: 1.5rem 2.5rem; } .staging-preview-item-title { cursor: pointer; float: left; font-size: 1.3rem; min-height: 8.5rem; padding: 1.5rem 4rem 2.5rem; position: relative; } .staging-preview-item-title:hover { background-color: #45403d; } .staging-preview-item-title._active { background-color: #524d49; cursor: default; } .staging-preview-item-title._active:hover { background-color: #524d49; } .staging-preview-item-title .title { margin: 0 0 1rem; text-transform: uppercase; } .staging-preview-item-title .subtitle { font-size: 1.1rem; font-style: italic; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .staging-preview-item-calendar:before { background: #736963; content: ''; height: 55px; left: -1px; position: absolute; top: 1rem; width: 1px; } .staging-preview-item-calendar:focus:before, .staging-preview-item-calendar._active:before { display: none; } .staging-preview-item-calendar .title { display: inline-block; text-decoration: none; } .staging-preview-item-calendar .title:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; line-height: 2rem; color: inherit; content: '\e627'; font-family: 'Admin Icons'; margin: -0.2rem 1rem 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .staging-preview-item-screen .title { display: inline-block; text-decoration: none; } .staging-preview-item-screen .title:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; line-height: 2rem; color: inherit; content: '\e640'; font-family: 'Admin Icons'; margin: -0.2rem 1rem 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .staging-preview-item-customer .title { display: inline-block; text-decoration: none; } .staging-preview-item-customer .title:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2.2rem; line-height: 2rem; color: inherit; content: '\e603'; font-family: 'Admin Icons'; margin: -0.2rem 1rem 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .staging-preview-item-content-wrapper { background-color: #524d49; display: none; left: 0; position: absolute; right: 0; top: 100%; } .staging-preview-item-content-wrapper > .actions-toolbar { border-bottom: 1px solid #8a837f; padding: 1.5rem 2rem 2rem; text-align: right; } .staging-preview-item-content-wrapper > .actions-toolbar .action-close { color: #c3bbb1; font-size: 2rem; margin-left: 1.5rem; vertical-align: middle; } .staging-preview-item-content-wrapper > .actions-toolbar .action-close:hover { color: #ada294; } .staging-preview-item-content-wrapper > .actions-toolbar .action-close:focus { background: transparent; } .staging-preview-item-content { padding: 4rem; } .staging-preview-item-content .admin__fieldset > .admin__legend { font-size: 2rem; font-weight: 300; } .staging-preview-item-content .admin__field > .admin__field-label { color: #c3bbb1; } .staging-preview-item-content .admin__control-text { background-color: #5b5652; border-color: #c3bbb1; color: #ffffff; } .staging-preview-item-content .admin__control-text:hover { border-color: #ada294; } .staging-preview-item-content .admin__control-text:focus { border-color: #007bdb; } .staging-preview-item-content .admin__control-select, .staging-preview-item-content .ui-datepicker .ui-datepicker-title select { background-image: url('../images/arrows-bg-light.svg'), linear-gradient(#373330, #373330), linear-gradient(#c3bbb1, #c3bbb1); background-position: calc(100% - 12px) -34px, 100%, calc(100% - 3.2rem) 0; background-size: auto, 3.2rem 100%, 1px 100%; background-color: #5b5652; background-repeat: no-repeat; border-color: #c3bbb1; color: #ffffff; } .staging-preview-item-content .admin__control-select:hover, .staging-preview-item-content .ui-datepicker .ui-datepicker-title select:hover { border-color: #ada294; } .staging-preview-item-content .admin__control-select:focus, .staging-preview-item-content .ui-datepicker .ui-datepicker-title select:focus { background-image: url('../images/arrows-bg-light.svg'), linear-gradient(#373330, #373330), linear-gradient(#007bdb, #007bdb); background-position: calc(100% - 12px) 13px, 100%, calc(100% - 3.2rem) 0; border-color: #007bdb; } .staging-preview-item-content .ui-datepicker-trigger:after { color: #c3bbb1; } .staging-preview-item-segment .admin__field:last-child { margin-bottom: 0; } .staging-preview-item-segment .admin__field > .admin__field-label { width: 12rem; } .staging-preview-item-segment .admin__control-select, .staging-preview-item-segment .ui-datepicker .ui-datepicker-title select { min-width: 275px; } .staging-preview-content { bottom: 0; height: 400px; left: 0; overflow: auto; right: 0; top: 0; } .staging-preview-content iframe { border: none; display: block; height: 100%; width: 100%; } .staging-preview-content-dynamic { border: 1px solid #999999; height: 100%; margin: 0 auto; transition: width 1s, height 1s; width: 100%; } .staging-update-preview > .data-grid._dragging-copy .data-grid-th { background-color: #373330; color: #ffffff; } .staging-update-preview > .data-grid._dragging-copy td { background-color: #524d49; border-bottom: 1px solid #7f7c7a; color: #ffffff; } .staging-preview-item-content-wrapper .row-gutter { margin-left: 0; margin-right: 0; } .staging-preview-item-content-wrapper .row-gutter > [class*='col-'] { padding-left: 0; padding-right: 0; } .staging-preview-item-content-wrapper .view-specific-date .admin__control-text { width: auto; } .staging-preview-item-content-wrapper .admin__data-grid-outer-wrap { border-top: 1px solid #666666; max-height: 400px; overflow-y: auto; padding: 15px 1rem 0 0; } .staging-preview-item-content-wrapper .data-grid:not(._dragging-copy) ._odd-row td._dragging { background-color: #45403d; color: rgba(255, 255, 255, 0.95); } .staging-preview-item-content-wrapper .data-grid:not(._dragging-copy) td._dragging { background-color: #45403d; color: rgba(255, 255, 255, 0.95); } .staging-preview-item-content-wrapper .data-grid .data-grid-th { background-color: #373330; color: #ffffff; } .staging-preview-item-content-wrapper .data-grid .data-grid-th._sortable:focus { background-color: #0e0d0c; } .staging-preview-item-content-wrapper .data-grid .data-grid-th._sortable:hover { background-color: #1c1a18; } .staging-preview-item-content-wrapper .data-grid tr._odd-row td { background-color: #524d49; } .staging-preview-item-content-wrapper .data-grid tr:active td, .staging-preview-item-content-wrapper .data-grid tr:hover td { background-color: #6d6661; } .staging-preview-item-content-wrapper .data-grid tr:not(.data-grid-editable-row):last-child td { border-bottom-color: #7f7c7a; } .staging-preview-item-content-wrapper .data-grid td { background-color: #524d49; border-bottom: 1px solid #7f7c7a; border-left-color: #999999; border-right-color: #999999; color: #ffffff; } .staging-preview-item-content-wrapper .data-grid td:first-child { border-left: none; } .staging-preview-item-content-wrapper .data-grid td:last-child { border-right: none; } .staging-preview-item-content-wrapper .admin__data-grid-loading-mask { background-color: rgba(0, 0, 0, 0.3); } .staging-preview-item-content-wrapper .selectmenu { background-color: #524d49; } .staging-preview-item-content-wrapper .selectmenu._active { border-color: #c3bbb1; } .staging-preview-item-content-wrapper .selectmenu._active .selectmenu-toggle:before { border-color: #c3bbb1; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-value input[type='text'] { background-color: #524d49; color: #ffffff; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-toggle:before { background: #373330; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-toggle:after { border-color: #c3bbb1 transparent transparent transparent; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-items { background-color: inherit; border-color: #c3bbb1; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-items li:hover { background-color: #6d6661; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-items li:last-child .selectmenu-item-action { color: #ffffff; text-decoration: none; } .staging-preview-item-content-wrapper .selectmenu .action-delete, .staging-preview-item-content-wrapper .selectmenu .action-edit, .staging-preview-item-content-wrapper .selectmenu .action-save { color: #ffffff; } .staging-preview-item-content-wrapper .selectmenu .action-delete, .staging-preview-item-content-wrapper .selectmenu .action-edit { border-color: #c3bbb1; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-item-action { color: #ffffff; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-item-action:hover { background-color: #6d6661; } .staging-preview-item-content-wrapper .admin__data-grid-actions-wrap .admin__action-dropdown-wrap:after { border-color: #c3bbb1; } .staging-preview-item-content-wrapper .admin__action-dropdown { background-color: #524d49; color: #ffffff; } .staging-preview-item-content-wrapper .admin__action-dropdown:after { border-color: #c3bbb1 transparent transparent; } .staging-preview-item-content-wrapper .admin__action-dropdown-menu { background-color: #524d49; color: #ffffff; } .staging-preview-item-content-wrapper .admin__action-dropdown-wrap._active .admin__action-dropdown-text:after { background-color: #524d49; } .staging-preview-item-content-wrapper .admin__data-grid-action-columns-menu .admin__field-label { color: #ffffff; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li:not(.action-dropdown-menu-action):hover { background-color: #6d6661; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action > a { color: #ffffff; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action > a:hover { color: #ffffff; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-link { color: #ffffff; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .action-submit, .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .action-delete, .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .action-edit { color: #ffffff; } .staging-preview-item-content-wrapper .admin__control-radio:checked + label:before, .staging-preview-item-content-wrapper .admin__control-checkbox:checked + label:before { color: #ffffff; } .staging-preview-item-content-wrapper .admin__control-radio + label:before, .staging-preview-item-content-wrapper .admin__control-checkbox + label:before { background-color: #524d49; } .staging-preview-item-content-wrapper .action-tertiary, .staging-preview-item-content-wrapper .downloadable-form .action-add, .staging-preview-item-content-wrapper .field-vat-number .action-default, .staging-preview-item-content-wrapper .order-billing-method-summary .action-default, .staging-preview-item-content-wrapper .order-shipping-method-summary .action-default, .staging-preview-item-content-wrapper .order-shipping-method-info .action-default { color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-select { color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-select:hover { color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-select:hover:after { border-color: #ffffff transparent transparent transparent; } .staging-preview-item-content-wrapper .action-select-wrap .action-select:after { border-color: #ffffff transparent transparent transparent; } .staging-preview-item-content-wrapper .action-select-wrap .action-select._active:hover:after { border-color: #ffffff transparent transparent transparent; } .staging-preview-item-content-wrapper .action-select-wrap .action-menu, .staging-preview-item-content-wrapper .action-select-wrap .abs-action-menu .action-submenu, .staging-preview-item-content-wrapper .action-select-wrap .action-menu .action-submenu, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .dropdown-menu .action-submenu, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .action-menu .action-submenu { background-color: #524d49; border-color: #6d6661; color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-menu > li:hover, .staging-preview-item-content-wrapper .action-select-wrap .abs-action-menu .action-submenu > li:hover, .staging-preview-item-content-wrapper .action-select-wrap .action-menu .action-submenu > li:hover, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .dropdown-menu .action-submenu > li:hover, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .action-menu .action-submenu > li:hover { background-color: #6d6661; } .staging-preview-item-content-wrapper .action-select-wrap .action-menu > li > a, .staging-preview-item-content-wrapper .action-select-wrap .abs-action-menu .action-submenu > li > a, .staging-preview-item-content-wrapper .action-select-wrap .action-menu .action-submenu > li > a, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .dropdown-menu .action-submenu > li > a, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .action-menu .action-submenu > li > a { color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-menu > li > a:hover, .staging-preview-item-content-wrapper .action-select-wrap .abs-action-menu .action-submenu > li > a:hover, .staging-preview-item-content-wrapper .action-select-wrap .action-menu .action-submenu > li > a:hover, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .dropdown-menu .action-submenu > li > a:hover, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .action-menu .action-submenu > li > a:hover { color: #ffffff; } .staging-preview-item-screen-sizes .admin__control-checkbox + .admin__field-label, .staging-preview-item-screen-sizes .admin__control-radio + .admin__field-label { color: #ffffff; } .staging-preview-item-screen-sizes ul { display: table; margin: 2.5rem 0; overflow: hidden; width: 100%; } .staging-preview-item-screen-sizes li { display: table-cell; max-width: 30rem; padding: 0 2rem; position: relative; vertical-align: top; } .staging-preview-item-screen-sizes li:first-child { padding-left: 0; } .staging-preview-item-screen-sizes li:last-child { border-right: none; } .staging-preview-item-screen-sizes li:last-child .admin__field-option { padding-left: 2rem; white-space: nowrap; } .staging-preview-item-screen-sizes li:last-child .admin__field-option:after { color: #c3bbb1; content: 'px'; margin-left: 1rem; } .staging-preview-item-screen-sizes li:last-child .admin__field-label { display: inline-block; width: 5rem; } .staging-preview-item-screen-sizes li:last-child .admin__control-text { width: 6rem; } .staging-preview-item-screen-sizes li:last-child .platform:after { content: none; } .staging-preview-item-screen-sizes li .platform { display: inline-block; margin-bottom: 1rem; } .staging-preview-item-screen-sizes li .platform:after { background: repeating-linear-gradient(0deg, #999999, #999999 1px, transparent 1px, transparent 5px); content: ''; display: block; height: 100%; position: absolute; right: 0; top: 3rem; width: 1px; } .ie11 .staging-preview-item-screen-sizes li .platform:after { height: 1000px; } .abs-staging-events-item, .staging-events-actions, .staging-events-summary, .staging-events-campaign { border-bottom: 1px solid #cccccc; padding: 0 0 2rem; } .abs-staging-events-count-icon, .staging-events-campaign-objects-count { border-radius: 10px; display: inline-block; line-height: 2.4rem; padding: 0 1rem; } .abs-staging-events-count-icon:before, .staging-events-campaign-objects-count:before { content: '\e643'; display: inline-block; font-size: 1.4rem; margin-right: 0.5rem; } .staging-events-actions { margin: 1rem 0 0; text-align: right; } .staging-events-actions .action-secondary { margin-left: 1rem; } .staging-events-summary { margin: 0 0 1.5rem; } .staging-events-summary dt { clear: left; float: left; font-weight: 700; margin: 1.5rem 0 0; } .staging-events-summary dd { float: left; margin: 1.5rem 0 0 1rem; } .staging-events-summary dd span { color: #999999; } .staging-events-campaign .items { margin-left: 2rem; } .staging-events-campaign-objects { margin: 0 0 1rem; } .staging-events-campaign-objects-count { background-color: #eeeeee; margin-left: 1rem; } .timeline-item .staging-events-campaign-objects-count { background: #86de00; } .timeline-item._active .staging-events-campaign-objects-count { background: #77dcff; } .staging-events-delete { margin-top: 1rem; text-align: right; } .staging-events-delete .action-delete { font-weight: 400; } .scheduled-changes-modal-slide .page-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .scheduled-changes-modal-slide .page-actions .store-switcher { -ms-flex-order: -1; -webkit-order: -1; order: -1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } .scheduled-changes-modal-slide .page-actions .store-switcher .admin__action-dropdown { font-size: 1.3rem; letter-spacing: -.025em; } .block-footer .action-add { -webkit-appearance: none; } .import-export-tax-rates { padding-top: 2rem; } .block.mselect-list.paginated .admin__action-multiselect-search-wrap { border: 1px solid #cccccc; border-bottom: none; border-radius: 3px; margin: 0; padding: 1rem; } .block.mselect-list.paginated .admin__action-multiselect-search-count { font-size: 1.3rem; } .translate-table-container table { width: 100%; } .translate-table-container td { background: none; padding: 0.5rem; text-align: left; } .translate-table-container td.value .input-text { width: 100%; } .translate-table-container th.label { border: none; font-weight: 700; padding: 0.5rem; text-align: left; width: 150px; } .translate-inline-title { display: block; left: 0; position: absolute; top: 0; z-index: 701; } .menu-wrapper ~ .translate-inline-script { display: block; left: 8.800000000000001rem; position: absolute; top: 0; z-index: 701; } .admin__data-grid-wrap-static .data-grid { box-sizing: border-box; } .admin__data-grid-wrap-static .data-grid thead { color: #41362f; } .admin__data-grid-wrap-static .data-grid tr:nth-child(even) td { background-color: #f5f5f5; } .admin__data-grid-wrap-static .data-grid tr:nth-child(even) td._dragging { background-color: rgba(245, 245, 245, 0.95); } .admin__data-grid-wrap-static .data-grid ul { margin-left: 1rem; padding-left: 1rem; } .admin__data-grid-wrap-static .admin__data-grid-loading-mask { background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 399; } .admin__data-grid-wrap-static .admin__data-grid-loading-mask .grid-loader { background: url('../images/loader-2.gif') 50% 50% no-repeat; bottom: 0; height: 149px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 218px; } .data-grid-filters-actions-wrap { float: right; } .data-grid-search-control-wrap { float: left; max-width: 45.5rem; position: relative; width: 35%; } .data-grid-search-control-wrap :-ms-input-placeholder { font-style: italic; } .data-grid-search-control-wrap ::-webkit-input-placeholder { font-style: italic; } .data-grid-search-control-wrap ::-moz-placeholder { font-style: italic; } .data-grid-search-control-wrap .action-submit { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; padding: .6rem 2rem .2rem; position: absolute; right: 0; top: 1px; } .data-grid-search-control-wrap .action-submit:hover { background-color: transparent; border: none; box-shadow: none; } .data-grid-search-control-wrap .action-submit:active { transform: scale(0.9); } .data-grid-search-control-wrap .action-submit:hover:before { color: #231d1a; } ._keyfocus .data-grid-search-control-wrap .action-submit:focus { box-shadow: 0 0 0 1px #008bdb; } .data-grid-search-control-wrap .action-submit:before { content: '\e60c'; font-size: 2rem; transition: color 0.1s linear; } .data-grid-search-control-wrap .action-submit > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .data-grid-search-control-wrap .action-menu, .data-grid-search-control-wrap .abs-action-menu .action-submenu, .data-grid-search-control-wrap .action-menu .action-submenu, .data-grid-search-control-wrap .actions-split .dropdown-menu .action-submenu, .data-grid-search-control-wrap .actions-split .action-menu .action-submenu { max-height: 19.25rem; overflow-y: auto; z-index: 398; } .data-grid-search-control-wrap .action-menu-item._selected { background-color: #e0f6fe; } .data-grid-search-control-wrap .data-grid-search-label { display: none; } .data-grid-search-control { padding-right: 6rem; width: 100%; } .data-grid-filters-action-wrap { float: left; padding-left: 2rem; } .data-grid-filters-action-wrap .action-default { font-size: 1.3rem; margin-bottom: 1rem; padding-left: 1.7rem; padding-right: 2.1rem; padding-top: 0.7rem; } .data-grid-filters-action-wrap .action-default._active { background-color: #ffffff; border-bottom-color: #ffffff; border-right-color: #cccccc; font-weight: 600; margin: -0.1rem 0 0; padding-bottom: 1.6rem; padding-top: 0.8rem; position: relative; z-index: 281; } .data-grid-filters-action-wrap .action-default._active:after { background-color: #eb5202; bottom: 100%; content: ''; height: 3px; left: -1px; position: absolute; right: -1px; } .data-grid-filters-action-wrap .action-default:before { color: #41362f; content: '\e605'; font-size: 1.8rem; margin-right: .4rem; position: relative; top: -1px; vertical-align: top; } .data-grid-filters-action-wrap .filters-active { display: none; } .admin__action-grid-select .admin__control-select, .admin__action-grid-select .ui-datepicker .ui-datepicker-title select { margin: -0.5rem 0.5rem 0 0; padding-bottom: .6rem; padding-top: .6rem; } .admin__data-grid-filters-wrap { opacity: 0; visibility: hidden; clear: both; font-size: 1.3rem; transition: opacity .3s ease; } .admin__data-grid-filters-wrap._show { opacity: 1; visibility: visible; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin-bottom: .7rem; padding: 3.6rem 0 3rem; position: relative; top: -1px; z-index: 280; } .admin__data-grid-filters-wrap._show .admin__data-grid-filters-footer, .admin__data-grid-filters-wrap._show .admin__data-grid-filters { display: block; } .admin__data-grid-filters-wrap .admin__form-field-legend, .admin__data-grid-filters-wrap .admin__form-field-label { display: block; font-weight: bold; margin: 0 0 .3rem; text-align: left; } .admin__data-grid-filters-wrap .admin__form-field { display: inline-block; margin-bottom: 2em; margin-left: 0; padding-left: 2rem; padding-right: 2rem; vertical-align: top; width: calc(100% / 4 - 4px); } .admin__data-grid-filters-wrap .admin__form-field .admin__form-field { display: block; float: none; margin-bottom: 1.5rem; padding-left: 0; padding-right: 0; width: auto; } .admin__data-grid-filters-wrap .admin__form-field .admin__form-field:last-child { margin-bottom: 0; } .admin__data-grid-filters-wrap .admin__form-field .admin__form-field .admin__form-field-label { border: 1px solid transparent; float: left; font-weight: normal; line-height: 1.36; margin-bottom: 0; padding-bottom: 0.6rem; padding-right: 1em; padding-top: 0.6rem; width: 25%; } .admin__data-grid-filters-wrap .admin__form-field .admin__form-field .admin__form-field-control { margin-left: 25%; } .admin__data-grid-filters-wrap .admin__form-field-label, .admin__data-grid-filters-wrap .admin__control-text, .admin__data-grid-filters-wrap .admin__control-select, .admin__data-grid-filters-wrap .admin__action-multiselect, .admin__data-grid-filters-wrap .ui-datepicker .ui-datepicker-title select { font-size: 1.3rem; } .admin__data-grid-filters-wrap .admin__control-select, .admin__data-grid-filters-wrap .ui-datepicker .ui-datepicker-title select { height: 3.2rem; padding-top: 0.5rem; } .admin__data-grid-filters-wrap .admin__action-multiselect:before { height: 3.2rem; width: 3.2rem; } .admin__data-grid-filters-wrap .admin__control-text._has-datepicker, .admin__data-grid-filters-wrap .admin__control-select, .admin__data-grid-filters-wrap .ui-datepicker .ui-datepicker-title select { width: 100%; } .admin__data-grid-filters { display: none; margin-left: -2rem; margin-right: -2rem; } .admin__filters-legend { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .admin__data-grid-filters-footer { display: none; font-size: 1.4rem; } .admin__data-grid-filters-footer .admin__footer-main-actions { margin-left: 25%; text-align: right; } .admin__data-grid-filters-footer .admin__footer-secondary-actions { float: left; width: 50%; } .admin__data-grid-filters-current { border-bottom: 0.1rem solid #cccccc; border-top: 0.1rem solid #cccccc; display: none; font-size: 1.3rem; margin-bottom: 0.9rem; padding-bottom: .8rem; padding-top: 1.1rem; width: 100%; } .admin__data-grid-filters-current._show { display: table; position: relative; top: -1px; z-index: 3; } .admin__data-grid-filters-current._show + .admin__data-grid-filters-wrap._show { margin-top: -1rem; } .admin__current-filters-list-wrap, .admin__current-filters-title-wrap, .admin__current-filters-actions-wrap { display: table-cell; vertical-align: top; } .admin__current-filters-title { margin-right: 1em; white-space: nowrap; } .admin__current-filters-list-wrap { width: 100%; word-break: break-all; } .admin__current-filters-list { margin-bottom: 0; } .admin__current-filters-list > li { display: inline-block; font-weight: 600; margin: 0 1rem .5rem; padding-right: 2.6rem; position: relative; } .admin__current-filters-list .action-remove { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; line-height: 1; position: absolute; right: 0; top: 1px; } .admin__current-filters-list .action-remove:hover { background-color: transparent; border: none; box-shadow: none; } .admin__current-filters-list .action-remove:hover:before { color: #949494; } .admin__current-filters-list .action-remove:active { transform: scale(0.9); } .admin__current-filters-list .action-remove:before { color: #adadad; content: '\e620'; font-size: 1.6rem; transition: color 0.1s linear; } .admin__current-filters-list .action-remove > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .admin__current-filters-actions-wrap .action-clear { border: none; padding-bottom: 0; padding-top: 0; white-space: nowrap; } .admin__data-grid-pager-wrap { float: right; text-align: right; } .admin__data-grid-pager { display: inline-block; margin-left: 3rem; } .admin__data-grid-pager .admin__control-text::-webkit-outer-spin-button, .admin__data-grid-pager .admin__control-text::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .admin__data-grid-pager .admin__control-text { -moz-appearance: textfield; text-align: center; width: 4.4rem; } .action-previous, .action-next { width: 4.4rem; } .action-previous:before, .action-next:before { font-weight: 700; } .action-previous > span, .action-next > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .action-previous { margin-right: 2.5rem; text-indent: -.25em; } .action-previous:before { content: '\e629'; } .action-next { margin-left: 1.5rem; text-indent: .1em; } .action-next:before { content: '\e62a'; } .admin__data-grid-action-bookmarks { opacity: 0.98; } .admin__data-grid-action-bookmarks .admin__action-dropdown-text:after { left: 0; right: -6px; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: 0; right: auto; } .admin__data-grid-action-bookmarks._active { z-index: 290; } .admin__data-grid-action-bookmarks .admin__action-dropdown .admin__action-dropdown-text { display: inline-block; max-width: 15rem; min-width: 4.9rem; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin__data-grid-action-bookmarks .admin__action-dropdown:before { content: '\e60f'; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { font-size: 1.3rem; left: 0; padding: 1rem 0 1rem; right: auto; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li { padding: 0 5rem 0 0; position: relative; white-space: nowrap; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li:not(.action-dropdown-menu-action) { transition: background-color 0.1s linear; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li:not(.action-dropdown-menu-action):hover { background-color: #e3e3e3; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item { max-width: 23rem; min-width: 18rem; white-space: normal; word-break: break-all; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item-edit { display: none; padding-bottom: 1rem; padding-left: 1rem; padding-top: 1rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item-edit .action-dropdown-menu-item-actions { padding-bottom: 1rem; padding-top: 1rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action { padding-left: 1rem; padding-top: 1rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action + .action-dropdown-menu-item-last { padding-top: .5rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action > a { color: #007bdb; text-decoration: none; display: inline-block; padding-left: 1.1rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action > a:hover { color: #007bdb; text-decoration: underline; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item-last { padding-bottom: 0; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu ._edit .action-dropdown-menu-item { display: none; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu ._edit .action-dropdown-menu-item-edit { display: block; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu ._active .action-dropdown-menu-link { font-weight: 600; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .admin__control-text { font-size: 1.3rem; min-width: 15rem; width: calc(100% - 4rem); } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item-actions { border-left: 1px solid #ffffff; bottom: 0; position: absolute; right: 0; top: 0; width: 5rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-link { color: #41362f; display: block; text-decoration: none; padding: 1rem 1rem 1rem 2.1rem; } .admin__data-grid-action-bookmarks .action-submit, .admin__data-grid-action-bookmarks .action-delete, .admin__data-grid-action-bookmarks .action-edit { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; vertical-align: top; } .admin__data-grid-action-bookmarks .action-submit:hover, .admin__data-grid-action-bookmarks .action-delete:hover, .admin__data-grid-action-bookmarks .action-edit:hover { background-color: transparent; border: none; box-shadow: none; } .admin__data-grid-action-bookmarks .action-submit:before, .admin__data-grid-action-bookmarks .action-delete:before, .admin__data-grid-action-bookmarks .action-edit:before { font-size: 1.7rem; } .admin__data-grid-action-bookmarks .action-submit > span, .admin__data-grid-action-bookmarks .action-delete > span, .admin__data-grid-action-bookmarks .action-edit > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .admin__data-grid-action-bookmarks .action-delete, .admin__data-grid-action-bookmarks .action-edit { padding: 0.6rem 1.4rem; } .admin__data-grid-action-bookmarks .action-delete:active, .admin__data-grid-action-bookmarks .action-edit:active { transform: scale(0.9); } .admin__data-grid-action-bookmarks .action-submit { padding: 0.6rem 1rem 0.6rem 0.8rem; } .admin__data-grid-action-bookmarks .action-submit:active { position: relative; right: -1px; } .admin__data-grid-action-bookmarks .action-submit:before { content: '\e625'; } .admin__data-grid-action-bookmarks .action-delete:before { content: '\e630'; } .admin__data-grid-action-bookmarks .action-edit { padding-top: 0.8rem; } .admin__data-grid-action-bookmarks .action-edit:before { content: '\e631'; } .admin__data-grid-action-columns._active { opacity: 0.98; z-index: 290; } .admin__data-grid-action-columns .admin__action-dropdown:before { content: '\e610'; font-size: 1.8rem; margin-right: 0.7rem; vertical-align: top; } .admin__data-grid-action-columns-menu { color: #303030; font-size: 1.3rem; overflow: hidden; padding: 2.2rem 3.5rem 1rem; z-index: 1; } .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-header { border-bottom: 1px solid #d1d1d1; } .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-content { width: 49.2rem; } .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-footer { border-top: 1px solid #d1d1d1; padding-top: 2.5rem; } .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content { max-height: 22.85rem; overflow-y: auto; padding-top: 1.5rem; position: relative; width: 47.4rem; } .admin__data-grid-action-columns-menu .admin__field-option { float: left; height: 1.9rem; margin-bottom: 1.5rem; padding: 0 1rem 0 0; width: 15.8rem; } .admin__data-grid-action-columns-menu .admin__field-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-header { padding-bottom: 1.5rem; } .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-footer { padding: 1rem 0 2rem; } .admin__data-grid-action-columns-menu .admin__action-dropdown-footer-main-actions { margin-left: 25%; text-align: right; } .admin__data-grid-action-columns-menu .admin__action-dropdown-footer-secondary-actions { float: left; margin-left: -1em; } .admin__data-grid-action-export._active { opacity: 0.98; z-index: 290; } .admin__data-grid-action-export .admin__action-dropdown:before { content: '\e635'; font-size: 1.7rem; left: .3rem; margin-right: 0.7rem; vertical-align: top; } .admin__data-grid-action-export-menu { padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; } .admin__data-grid-action-export-menu .admin__action-dropdown-footer-main-actions { padding-bottom: 2rem; padding-top: 2.5rem; white-space: nowrap; } .sticky-header { background-color: #f8f8f8; border-bottom: 1px solid #e3e3e3; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25); left: 8.800000000000001rem; margin-top: -1px; padding: 0.5rem 3rem 0; position: fixed; right: 0; top: 77px; z-index: 398; } .sticky-header .admin__data-grid-wrap { margin-bottom: 0; overflow-x: visible; padding-bottom: 0; } .sticky-header .admin__data-grid-header-row { position: relative; text-align: right; } .sticky-header .admin__data-grid-header-row:last-child { margin: 0; } .sticky-header .data-grid-search-control-wrap, .sticky-header .data-grid-filters-actions-wrap, .sticky-header .admin__data-grid-filters-wrap, .sticky-header .admin__data-grid-pager-wrap, .sticky-header .admin__data-grid-actions-wrap { display: inline-block; float: none; vertical-align: top; } .sticky-header .action-select-wrap { float: left; margin-right: 1.5rem; width: 16.66666667%; } .sticky-header .admin__control-support-text { float: left; } .sticky-header .data-grid-search-control-wrap { margin: -0.5rem 0 0 1.1rem; width: auto; } .sticky-header .data-grid-search-control-wrap .data-grid-search-label { box-sizing: border-box; cursor: pointer; display: block; min-width: 3.8rem; padding: 1.2rem 0.6rem 1.7rem; position: relative; text-align: center; } .sticky-header .data-grid-search-control-wrap .data-grid-search-label:before { color: #41362f; content: '\e60c'; font-size: 2rem; transition: color 0.1s linear; } .sticky-header .data-grid-search-control-wrap .data-grid-search-label:hover:before { color: #060504; } .sticky-header .data-grid-search-control-wrap .data-grid-search-label span { display: none; } .sticky-header .data-grid-filters-actions-wrap { margin: -0.5rem 0 0 1.1rem; padding-left: 0; position: relative; } .sticky-header .data-grid-filters-actions-wrap .action-default { background-color: transparent; border: 1px solid transparent; box-sizing: border-box; min-width: 3.8rem; padding: 1.2rem 0.6rem 1.7rem; text-align: center; transition: all 0.15s ease; } .sticky-header .data-grid-filters-actions-wrap .action-default span { display: none; } .sticky-header .data-grid-filters-actions-wrap .action-default:before { margin: 0; } .sticky-header .data-grid-filters-actions-wrap .action-default._active { background-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #adadad; border-right-color: #adadad; border-top-color: #adadad; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); z-index: 210; } .sticky-header .data-grid-filters-actions-wrap .action-default._active:after { background-color: #ffffff; content: ''; height: 6px; left: -2px; position: absolute; right: -6px; top: 100%; } .sticky-header .data-grid-filters-action-wrap { padding: 0; } .sticky-header .admin__data-grid-filters-wrap { background-color: #ffffff; border: 1px solid #adadad; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25); left: 0; padding-left: 3.5rem; padding-right: 3.5rem; position: absolute; top: 100%; width: 100%; z-index: 209; } .sticky-header .admin__data-grid-filters-current + .admin__data-grid-filters-wrap._show { margin-top: -6px; } .sticky-header .filters-active { background-color: #e04f00; border-radius: 10px; color: #ffffff; display: block; font-size: 1.4rem; font-weight: 700; padding: .1rem .7rem; position: absolute; right: -7px; top: 0; z-index: 211; } .sticky-header .filters-active:empty { padding-bottom: 0; padding-top: 0; } .sticky-header .admin__data-grid-actions-wrap { margin: -0.5rem 0 0 1.1rem; padding-right: .3rem; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown { background-color: transparent; box-sizing: border-box; min-width: 3.8rem; padding-left: 0.6rem; padding-right: 0.6rem; text-align: center; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown .admin__action-dropdown-text { display: inline-block; max-width: 0; min-width: 0; overflow: hidden; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown:before { margin: 0; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown-wrap { margin-right: 1.1rem; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown-wrap:after, .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown:after { display: none; } .sticky-header .admin__data-grid-actions-wrap ._active .admin__action-dropdown { background-color: #ffffff; } .sticky-header .admin__data-grid-action-bookmarks .admin__action-dropdown:before { position: relative; top: -3px; } .sticky-header .admin__data-grid-filters-current { border-bottom: 0; border-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .sticky-header .data-grid-search-control-wrap .data-grid-search-control, .sticky-header .data-grid-search-control-wrap .action-submit, .sticky-header .admin__data-grid-pager .admin__control-text, .sticky-header .admin__data-grid-pager-wrap .admin__control-support-text { display: none; } .sticky-header .action-next { margin: 0; } .sticky-header .data-grid { margin-bottom: -1px; } .data-grid-cap-left, .data-grid-cap-right { background-color: #f8f8f8; bottom: -2px; position: absolute; top: 6rem; width: 3rem; z-index: 201; } .data-grid-cap-left { left: 0; } .admin__data-grid-header { font-size: 1.4rem; } .admin__data-grid-header-row + .admin__data-grid-header-row { margin-top: 1.1rem; } .admin__data-grid-header-row:last-child { margin-bottom: 0; } .admin__data-grid-header-row .action-select-wrap { display: block; } .admin__data-grid-header-row .action-select { width: 100%; } .admin__data-grid-actions-wrap { float: right; margin-left: 1.1rem; margin-top: -0.5rem; text-align: right; } .admin__data-grid-actions-wrap .admin__action-dropdown-wrap { position: relative; text-align: left; vertical-align: middle; } .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._active:after, .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._active + .admin__action-dropdown-wrap:after, .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._hide + .admin__action-dropdown-wrap:after, .admin__data-grid-actions-wrap .admin__action-dropdown-wrap:first-child:after { display: none; } .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._active .admin__action-dropdown, .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._active .admin__action-dropdown-menu { border-color: #adadad; } .admin__data-grid-actions-wrap .admin__action-dropdown-wrap:after { border-left: 1px solid #cccccc; content: ''; height: 3.2rem; left: 0; position: absolute; top: 0.5rem; z-index: 3; } .admin__data-grid-actions-wrap .admin__action-dropdown { padding-bottom: 1.7rem; padding-top: 1.2rem; } .admin__data-grid-actions-wrap .admin__action-dropdown:after { margin-top: -.4rem; } .admin__data-grid-outer-wrap { min-height: 8rem; position: relative; } .admin__data-grid-wrap { margin-bottom: 2rem; max-width: 100%; overflow-x: auto; padding-bottom: 1rem; padding-top: 2rem; } .admin__data-grid-loading-mask { background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 399; } .admin__data-grid-loading-mask .spinner { font-size: 4rem; left: 50%; margin-left: -2rem; margin-top: -2rem; position: absolute; top: 50%; } .data-grid-cell-content { display: inline-block; overflow: hidden; width: 100%; } body._in-resize { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: col-resize; user-select: none; } body._in-resize .data-grid-th, body._in-resize .data-grid-th._sortable, body._in-resize .data-grid-th._draggable { cursor: col-resize !important; } body._in-resize * { cursor: col-resize !important; } ._layout-fixed { table-layout: fixed; } .data-grid { border: none; font-size: 1.3rem; margin-bottom: 0; width: 100%; } .data-grid:not(._dragging-copy) ._odd-row td._dragging { background-color: #d0d0d0; } .data-grid:not(._dragging-copy) ._dragging { background-color: #d9d9d9; color: rgba(48, 48, 48, 0.95); } .data-grid:not(._dragging-copy) ._dragging a { color: rgba(0, 123, 219, 0.95); } .data-grid:not(._dragging-copy) ._dragging a:hover { color: rgba(0, 123, 219, 0.95); } .data-grid._dragged { outline: 1px solid #007bdb; } .data-grid thead { background-color: transparent; } .data-grid tfoot th { padding: 1rem 1rem; } .data-grid tr._odd-row td { background-color: #f5f5f5; } .data-grid tr._odd-row td._update-status-active { background: #89e1ff; } .data-grid tr._odd-row td._update-status-upcoming { background: #b7ee63; } .data-grid tr:hover td._update-status-active, .data-grid tr:hover td._update-status-upcoming { background-color: #e5f7fe; } .data-grid tr.data-grid-tr-no-data td { font-size: 1.6rem; padding: 3rem; text-align: center; } .data-grid tr.data-grid-tr-no-data:hover td { background-color: #ffffff; cursor: default; } .data-grid tr:active td { background-color: #e0f6fe; } .data-grid tr:hover td { background-color: #e5f7fe; } .data-grid tr._dragged td { background: #d0d0d0; } .data-grid tr._dragover-top td { box-shadow: inset 0 3px 0 0 #008bdb; } .data-grid tr._dragover-bottom td { box-shadow: inset 0 -3px 0 0 #008bdb; } .data-grid tr:not(.data-grid-editable-row):last-child td { border-bottom: 0.1rem solid #d6d6d6; } .data-grid tr._clickable, .data-grid tr ._clickable { cursor: pointer; } .data-grid tr._disabled { pointer-events: none; } .data-grid th, .data-grid td { font-size: 1.3rem; line-height: 1.36; transition: background-color 0.1s linear; vertical-align: middle; } .data-grid th._resizing, .data-grid td._resizing { border-left: 1px solid #007bdb; border-right: 1px solid #007bdb; } .data-grid th._hidden, .data-grid td._hidden { display: none; } .data-grid th._fit, .data-grid td._fit { width: 1%; } .data-grid td { background-color: #ffffff; border-left: 0.1rem dashed #d6d6d6; border-right: 0.1rem dashed #d6d6d6; color: #303030; padding: 1rem 1rem; } .data-grid td:first-child { border-left-style: solid; } .data-grid td:last-child { border-right-style: solid; } .data-grid td .action-select-wrap { position: static; } .data-grid td .action-select { color: #007bdb; text-decoration: none; background-color: transparent; border: none; font-size: 1.3rem; padding: 0 3rem 0 0; position: relative; } .data-grid td .action-select:hover { color: #007bdb; text-decoration: underline; } .data-grid td .action-select:hover:after { border-color: #007bdb transparent transparent transparent; } .data-grid td .action-select:after { border-color: #007bdb transparent transparent transparent; margin: .6rem 0 0 .7rem; right: auto; top: auto; } .data-grid td .action-select:before { display: none; } .data-grid td .action-menu, .data-grid td .abs-action-menu .action-submenu, .data-grid td .action-menu .action-submenu, .data-grid td .actions-split .dropdown-menu .action-submenu, .data-grid td .actions-split .action-menu .action-submenu { left: auto; min-width: 10rem; right: 0; text-align: left; top: auto; z-index: 1; } .data-grid td._update-status-active { background: #bceeff; } .data-grid td._update-status-upcoming { background: #ccf391; } .data-grid th { background-color: #514943; border: 0.1rem solid #8a837f; border-left-color: transparent; color: #ffffff; font-weight: 600; padding: 0; text-align: left; } .data-grid th:first-child { border-left-color: #8a837f; } .data-grid th._dragover-left { box-shadow: inset 3px 0 0 0 #ffffff; z-index: 2; } .data-grid th._dragover-right { box-shadow: inset -3px 0 0 0 #ffffff; } .data-grid .shadow-div { cursor: col-resize; height: 100%; margin-right: -5px; position: absolute; right: 0; top: 0; width: 10px; } .data-grid .data-grid-th { background-clip: padding-box; color: #ffffff; padding: 1rem 1rem; position: relative; vertical-align: middle; } .data-grid .data-grid-th._resize-visible .shadow-div { cursor: auto; display: none; } .data-grid .data-grid-th._draggable { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .data-grid .data-grid-th._sortable { cursor: pointer; transition: background-color 0.1s linear; z-index: 1; } .data-grid .data-grid-th._sortable:focus, .data-grid .data-grid-th._sortable:hover { background-color: #5f564f; } .data-grid .data-grid-th._sortable:active { padding-bottom: 0.9rem; padding-top: 1.1rem; } .data-grid .data-grid-th.required > span:after { color: #f38a5e; content: '*'; margin-left: .3rem; } .data-grid .data-grid-checkbox-cell { overflow: hidden; padding: 0; vertical-align: middle; width: 5.2rem; } .data-grid .data-grid-checkbox-cell:hover { cursor: default; } .data-grid .data-grid-thumbnail-cell { text-align: center; width: 7rem; } .data-grid .data-grid-thumbnail-cell img { border: 1px solid #d6d6d6; width: 5rem; } .data-grid .data-grid-multicheck-cell { padding: 1rem 1rem 0.9rem; text-align: center; vertical-align: middle; } .data-grid .data-grid-onoff-cell { text-align: center; width: 12rem; } .data-grid .data-grid-actions-cell { padding-left: 2rem; padding-right: 2rem; text-align: center; width: 1%; } .data-grid._hidden { display: none; } .data-grid._dragging-copy { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); left: 0; opacity: .95; position: fixed; top: 0; z-index: 1000; } .data-grid._dragging-copy .data-grid-th { border: 1px solid #007bdb; border-bottom: none; } .data-grid._dragging-copy .data-grid-th, .data-grid._dragging-copy .data-grid-th._sortable { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .data-grid._dragging-copy tr:last-child td { border-bottom: 1px solid #007bdb; } .data-grid._dragging-copy td { border-left: 1px solid #007bdb; border-right: 1px solid #007bdb; } .data-grid._dragging-copy._in-edit .data-grid-editable-row.data-grid-bulk-edit-panel:hover td { background-color: rgba(255, 251, 230, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row.data-grid-bulk-edit-panel td { background-color: rgba(255, 251, 230, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row.data-grid-bulk-edit-panel td:before { background-color: rgba(255, 251, 230, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row:hover td { background-color: rgba(255, 255, 255, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row td { background-color: rgba(255, 255, 255, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row td:before, .data-grid._dragging-copy._in-edit .data-grid-editable-row td:after { left: 0; right: 0; } .data-grid._dragging-copy._in-edit .data-grid-editable-row td:before { background-color: rgba(255, 255, 255, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row td:only-child { border-left: 1px solid #007bdb; border-right: 1px solid #007bdb; left: 0; } .data-grid._dragging-copy._in-edit .data-grid-editable-row .admin__control-text, .data-grid._dragging-copy._in-edit .data-grid-editable-row .admin__control-select, .data-grid._dragging-copy._in-edit .data-grid-editable-row .ui-datepicker .ui-datepicker-title select { opacity: 0.5; } .data-grid .data-grid-controls-row td { padding-top: 1.6rem; } .data-grid .data-grid-controls-row td.data-grid-checkbox-cell { padding-top: 0.6rem; } .data-grid .data-grid-controls-row td button, .data-grid .data-grid-controls-row td [class*='admin__control-'], .data-grid .data-grid-controls-row td .block-footer .action-add { margin-top: -1.7rem; } .data-grid._in-edit tr:hover td { background-color: #e6e6e6; } .data-grid._in-edit ._odd-row.data-grid-editable-row:hover td { background-color: #ffffff; } .data-grid._in-edit ._odd-row.data-grid-editable-row td { background-color: #ffffff; } .data-grid._in-edit ._odd-row:hover td { background-color: #dcdcdc; } .data-grid._in-edit ._odd-row td { background-color: #dcdcdc; } .data-grid._in-edit .data-grid-editable-row-actions:hover td { background-color: #ffffff; } .data-grid._in-edit .data-grid-editable-row-actions td { background-color: #ffffff; } .data-grid._in-edit td { background-color: #e6e6e6; pointer-events: none; } .data-grid._in-edit .data-grid-checkbox-cell { pointer-events: auto; } .data-grid._in-edit .data-grid-editable-row { border: 0.1rem solid #adadad; border-bottom-color: #c2c2c2; } .data-grid._in-edit .data-grid-editable-row:hover td { background-color: #ffffff; } .data-grid._in-edit .data-grid-editable-row td { background-color: #ffffff; border-bottom-color: #ffffff; border-left-style: hidden; border-right-style: hidden; border-top-color: #ffffff; pointer-events: auto; vertical-align: middle; } .data-grid._in-edit .data-grid-editable-row td:first-child { border-left-color: #adadad; border-left-style: solid; } .data-grid._in-edit .data-grid-editable-row td:first-child:after { left: 0; } .data-grid._in-edit .data-grid-editable-row td:first-child:before { left: 0; } .data-grid._in-edit .data-grid-editable-row td:last-child { border-right-color: #adadad; border-right-style: solid; left: -0.1rem; } .data-grid._in-edit .data-grid-editable-row td:last-child:after { right: 0; } .data-grid._in-edit .data-grid-editable-row td:last-child:before { right: 0; } .data-grid._in-edit .data-grid-editable-row .admin__control-text, .data-grid._in-edit .data-grid-editable-row .admin__control-select, .data-grid._in-edit .data-grid-editable-row .ui-datepicker .ui-datepicker-title select { width: 100%; } .data-grid._in-edit .data-grid-bulk-edit-panel td { vertical-align: bottom; } .data-grid .data-grid-editable-row td { border-left-color: #ffffff; border-left-style: solid; position: relative; z-index: 1; } .data-grid .data-grid-editable-row td:after { bottom: 0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); content: ''; height: 0.9rem; left: 0; margin-top: -1rem; position: absolute; right: 0; } .data-grid .data-grid-editable-row td:before { background-color: #ffffff; bottom: 0; content: ''; height: 1rem; left: -10px; position: absolute; right: -10px; z-index: 1; } .data-grid .data-grid-editable-row.data-grid-editable-row-actions:hover td { background-color: #ffffff; } .data-grid .data-grid-editable-row.data-grid-editable-row-actions td { background-color: #ffffff; } .data-grid .data-grid-editable-row.data-grid-editable-row-actions td:first-child { border-left-color: #ffffff; border-right-color: #ffffff; } .data-grid .data-grid-editable-row.data-grid-editable-row-actions td:last-child { left: 0; } .data-grid .data-grid-editable-row.data-grid-bulk-edit-panel td { background-color: #fffbe6; } .data-grid .data-grid-editable-row.data-grid-bulk-edit-panel td:before { background-color: #fffbe6; } .data-grid .data-grid-editable-row.data-grid-bulk-edit-panel:hover td { background-color: #fffbe6; } .data-grid .data-grid-editable-row-actions { left: 50%; margin-left: -12.5rem; margin-top: -2px; position: absolute; text-align: center; } .data-grid .data-grid-editable-row-actions td { width: 25rem; } .data-grid .data-grid-editable-row-actions [class*='action-'] { min-width: 9rem; } .data-grid .data-grid-draggable-row-cell { width: 1%; } .data-grid .data-grid-draggable-row-cell .draggable-handle { padding: 0; } .data-grid-th._sortable._ascend, .data-grid-th._sortable._descend { padding-right: 2.7rem; } .data-grid-th._sortable._ascend:before, .data-grid-th._sortable._descend:before { margin-top: -1em; position: absolute; right: 1rem; top: 50%; } .data-grid-th._sortable._ascend:before { content: '\2193'; } .data-grid-th._sortable._descend:before { content: '\2191'; } .data-grid-checkbox-cell-inner { display: block; padding: 1.1rem 1.8rem 0.9rem; text-align: right; } .data-grid-checkbox-cell-inner:hover { cursor: pointer; } .data-grid-state-cell-inner { display: block; padding: 1.1rem 1.8rem 0.9rem; text-align: center; } .data-grid-state-cell-inner > span { display: inline-block; font-style: italic; padding: .6rem 0; } .data-grid-row-parent._active > td .data-grid-checkbox-cell-inner:before { content: '\e62b'; } .data-grid-row-parent > td .data-grid-checkbox-cell-inner { padding-left: 3.7rem; position: relative; } .data-grid-row-parent > td .data-grid-checkbox-cell-inner:before { content: '\e628'; font-size: 1rem; font-weight: 700; left: 1.35rem; position: absolute; top: 1.6rem; } .data-grid-th._col-xs { width: 1%; } .data-grid-info-panel { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); margin: 2rem 0.1rem -2rem; } .data-grid-info-panel .messages { overflow: hidden; } .data-grid-info-panel .messages .message, .data-grid-info-panel .messages .order-errors .admin__fieldset-wrapper .title { margin: 1rem; } .data-grid-info-panel .messages .message:last-child, .data-grid-info-panel .messages .order-errors .admin__fieldset-wrapper .title:last-child { margin-bottom: 1rem; } .data-grid-info-panel-actions { padding: 1rem; text-align: right; } .data-grid-editable-row .admin__field-control { position: relative; } .data-grid-editable-row .admin__field-control._error:after { border-color: transparent #ee7d7d transparent transparent; border-style: solid; border-width: 0 12px 12px 0; content: ''; position: absolute; right: 0; top: 0; } .data-grid-editable-row .admin__field-control._error .admin__control-text { border-color: #ee7d7d; } .data-grid-editable-row .admin__field-control._focus:after { display: none; } .data-grid-editable-row .admin__field-error { bottom: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); left: 0; margin: 0 auto 1.5rem; max-width: 32rem; position: absolute; right: 0; } .data-grid-editable-row .admin__field-error:after, .data-grid-editable-row .admin__field-error:before { border-style: solid; content: ''; left: 50%; position: absolute; top: 100%; } .data-grid-editable-row .admin__field-error:after { border-color: #fffbbb transparent transparent transparent; border-width: 10px 10px 0 10px; margin-left: -10px; z-index: 1; } .data-grid-editable-row .admin__field-error:before { border-color: #ee7d7d transparent transparent transparent; border-width: 11px 12px 0 12px; margin-left: -12px; } .data-grid-bulk-edit-panel .admin__field-label-vertical { display: block; font-size: 1.2rem; margin-bottom: .5rem; text-align: left; } .data-grid-row-changed { cursor: default; display: block; opacity: .5; position: relative; width: 100%; z-index: 1; } .data-grid-row-changed:after { content: '\e631'; display: inline-block; } .data-grid-row-changed .data-grid-row-changed-tooltip { background: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 1px; bottom: 100%; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); display: none; font-weight: 400; line-height: 1.36; margin-bottom: 1.5rem; padding: 1rem; position: absolute; right: -1rem; text-transform: none; width: 27rem; word-break: normal; z-index: 2; } .data-grid-row-changed._changed { opacity: 1; z-index: 3; } .data-grid-row-changed._changed:hover .data-grid-row-changed-tooltip { display: block; } .data-grid-row-changed._changed:hover:before { background: #f1f1f1; border: 1px solid #f1f1f1; bottom: 100%; box-shadow: 4px 4px 3px -1px rgba(0, 0, 0, 0.15); content: ''; display: block; height: 1.6rem; left: 50%; margin: 0 0 0.7rem -0.8rem; position: absolute; transform: rotate(45deg); width: 1.6rem; z-index: 3; } .data-grid-column-tooltip { z-index: 100; } .data-grid-column-tooltip .data-tooltip { background-color: #fffbbb; border-color: #afadac; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); min-width: 24rem; padding: 1.5rem; } .data-grid-column-tooltip .data-tooltip .action-close { padding: 1.5rem; right: 0; top: 0; } .data-grid-column-tooltip .data-tooltip-tail:before { background-color: #fffbbb; border-color: #afadac; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .data-grid-column-tooltip .data-tooltip-tail:after { background-color: #fffbbb; } .data-grid-column-tooltip .data-tooltip-content .items { max-height: 24rem; overflow-y: auto; } .data-grid-column-tooltip .data-tooltip-content .items .item { margin-bottom: .5rem; } .data-grid-column-tooltip .admin__tooltip-title { font-weight: 700; margin-bottom: 1rem; } .admin__control-short-label { margin-bottom: 1rem; } .admin__data-grid-outer-wrap .data-grid-checkbox-cell { overflow: hidden; } .admin__data-grid-outer-wrap .data-grid-checkbox-cell-inner { position: relative; } .admin__data-grid-outer-wrap .data-grid-checkbox-cell-inner:before { bottom: 0; content: ''; height: 500%; left: 0; position: absolute; right: 0; top: 0; } .admin__data-grid-wrap-static .data-grid-checkbox-cell:hover { cursor: pointer; } .admin__data-grid-wrap-static .data-grid-checkbox-cell-inner { margin: 0 1.8rem 0; padding: 0; text-align: center; } .adminhtml-cms-hierarchy-index .admin__data-grid-wrap-static .data-grid-actions-cell:first-child { padding: 0; } .adminhtml-export-index .admin__data-grid-wrap-static .data-grid-checkbox-cell-inner { margin: 0; padding: 1.1rem 1.8rem 1.9rem; } .masonry-image-grid { margin: 10px -10px; overflow: hidden; position: relative; } .masonry-image-grid .no-data-message-container, .masonry-image-grid .error-message-container { font-size: 1.6rem; padding: 3rem; text-align: center; } .masonry-image-column { background-color: #ffffff; float: left; margin: 10px; overflow: hidden; } .masonry-image-column .masonry-image-block.active img { border: 2px #558dd6 solid; padding: 1px; } .masonry-image-column img { cursor: pointer; height: 100%; width: 100%; } .masonry-image-overlay { background-color: #507dc8; color: #ffffff; opacity: 1; padding: .5rem; position: absolute; text-align: center; width: 80px; z-index: 10; } .masonry-image-preview { background-color: #ffffff; display: table; left: 0; position: absolute; right: 0; width: 100%; } .masonry-image-preview .container { margin: auto; max-width: 880px; padding-top: 10px; } .masonry-image-preview .container .action-buttons { text-align: right; } .masonry-image-preview .container .action-buttons .action-close { padding: 30px; position: static; } .masonry-image-preview .container .action-buttons .action-previous, .masonry-image-preview .container .action-buttons .action-next { background: transparent; border: none; margin: 0; white-space: nowrap; } .masonry-image-preview .container .action-buttons .action-close, .masonry-image-preview .container .action-buttons .action-previous, .masonry-image-preview .container .action-buttons .action-next { font-size: 2rem; } .masonry-image-preview .container .preview-row-content { display: flex; } .masonry-image-preview .container .preview-row-content:after { clear: both; content: ''; display: table; } .masonry-image-preview .container .preview-row-content img.preview { display: block; flex-basis: 300px; float: left; margin-bottom: 20px; max-height: 500px; max-width: 60%; width: auto; } .masonry-image-sortby select { background-image: url(../images/arrows-bg.svg); border: none; padding-right: 3.2rem; } .masonry-image-sortby select:active { background-image: url('../images/arrows-bg.svg'); } .order-billing-method .payment-icon { display: inline-block; margin-right: 0.5rem; vertical-align: middle; } .cms-hierarchy .cms-hierarchy-tree, .cms-hierarchy .cms-hierarchy-node { float: left; width: 50%; } .cms-hierarchy .cms-page-grid-container { clear: both; } .cms-hierarchy .admin__page-section-title .actions { float: right; } .cms-hierarchy .buttons-set { margin: 0 0 1.14rem; } .cms-hierarchy .buttons-set button, .cms-hierarchy .buttons-set .block-footer .action-add { margin-right: .36rem; } .version-fieldset .grid-actions { border-bottom: 1px solid #fffbe6; margin: 0 0 15px; padding: 0 0 15px; } .merchandiser-app ul.tabs { float: right; } .merchandiser-app .merchandiser-tab { padding: 0; } .merchandiser-app .tabs { list-style: none; overflow: hidden; } .merchandiser-app .tabs li { background-color: #f0f0f0; float: left; } .merchandiser-app .tabs li > a { border: 1px solid #cccccc; color: #777777; display: block; padding: 7px 10px; text-decoration: none; } .merchandiser-app .tabs li:last-child > a { border-left: 0; } .merchandiser-app .tabs li.ui-tabs-active { background-color: #d9d9d9; } .merchandiser-app .catalog-category-merchandiser-list { overflow: hidden; } .merchandiser-app .catalog-category-merchandiser-list > li { background-color: #ffffff; border: 1px solid #d9d9d9; float: left; height: 340px; list-style: none; margin: 0 25px 20px 0; padding: 10px; width: 190px; } .merchandiser-app .catalog-category-merchandiser-list .image-holder { text-align: center; } .merchandiser-app .catalog-category-merchandiser-list .image-holder img { max-height: 130px; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-top { overflow: hidden; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-top a { color: #d9d9d9; cursor: move; display: block; float: left; text-decoration: none; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-top a:last-child { cursor: pointer; float: right; } .merchandiser-app .catalog-category-merchandiser-list .info-block { height: 100px; } .merchandiser-app .catalog-category-merchandiser-list .info-block > span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-bottom .position { border-top: 1px solid #d9d9d9; margin-top: 6px; padding-top: 4px; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-bottom .position input { float: left; height: 25px; margin-right: 5px; width: 50px; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-bottom .position a { color: #d9d9d9; display: block; float: left; margin-right: 5px; margin-top: -2px; text-decoration: none; } .merchandiser-app .catalog-category-merchandiser-list .selected { background-color: #f5d6c7; } .merchandiser-app table.data-grid th.col-draggable-position { margin: 0 auto; width: 10px; } .merchandiser-app table.data-grid td.col-position > * { float: left; margin-right: 5px; } .merchandiser-app table.data-grid td.col-position .position input { text-align: center; width: 40px; } .merchandiser-app table.data-grid td.col-position a { color: #d9d9d9; text-decoration: none; } .merchandiser-app table.data-grid .selected td { background-color: #f5d6c7; } .merchandiser-app table.data-grid tr.on-mouse td { background-color: #e0f6fe; } .merchandiser-app .mode-tile:before, .merchandiser-app .mode-grid:before, .merchandiser-app .icon-gripper:before, .merchandiser-app .icon-close-mage:before, .merchandiser-app .icon-backward:before, .merchandiser-app .icon-forward:before, .merchandiser-app .block-search .label:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-size: 17px; speak: none; } .merchandiser-app .mode-grid > span, .merchandiser-app .mode-tile > span, .merchandiser-app .icon-backward > span, .merchandiser-app .icon-forward > span, .merchandiser-app .icon-close-mage > span, .merchandiser-app .icon-gripper > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .merchandiser-app .mode-tile:before { content: '\e63d'; } .merchandiser-app .mode-grid:before { content: '\e63e'; } .merchandiser-app .icon-gripper:before { content: '\e617'; } .merchandiser-app .icon-close-mage:before { content: '\e62f'; } .merchandiser-app .icon-backward:before { content: '\e619'; } .merchandiser-app .icon-forward:before { content: '\e618'; } .merchandiser-app .hidden { display: none; } .merchandiser-app .automatic-sorting { margin-bottom: 5px; margin-top: 5px; } .catalog-category-add-product-tabs-content .admin__data-grid-header .admin__data-grid-pager-wrap { float: right; } .catalog-category-add-product-tabs-content .data-grid-search-control-wrap .massassign-textarea, .catalog-category-add-product-tabs-content .data-grid-search-control-wrap .massassign-buttons, .catalog-category-add-product-tabs-content .data-grid-search-control-wrap .massassign-messages { display: block; margin: 5px; } .manage-rules-panel { box-sizing: border-box; margin: 2rem 0 0; } .manage-rules-panel .message, .manage-rules-panel .order-errors .admin__fieldset-wrapper .title { margin: 0 0 2rem; } .manage-rules-panel .admin__data-grid-wrap { padding-bottom: 0; } .manage-rules-panel .smart-category-table .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; } .manage-rules-panel .smart-category-table .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .manage-rules-panel .smart-category-table .action-delete:before { content: '\e630'; } .manage-rules-panel .smart-category-table .action-delete > span { display: none; } .manage-rules-panel .hidden + .action-secondary { margin-top: 2rem; } .regular-category-settings { margin: 0 0 2rem; } .regular-category-settings .actions { float: right; } .merchandiser-toolbar { float: left; width: 80%; } .merchandiser-toolbar .admin__field { display: inline-block; margin-right: 1rem; } .merchandiser-toolbar .admin__field > .admin__field-label, .manage-rules-sorting .admin__field > .admin__field-label { margin-right: 0.5rem; text-align: left; } .merchandiser-toolbar .admin__field > .admin__field-label span, .manage-rules-sorting .admin__field > .admin__field-label span { white-space: nowrap; } .smart-category-switcher { margin: 0 0 2rem; } .smart-category-switcher .admin__actions-switch { margin-left: 0.5rem; } .merchandiser-tabs { border-top: 1px solid #cccccc; padding: 2rem 0 0; } .merchandiser-tabs .merchandiser-tab { border-top: 0 !important; clear: both; } .attribute-popup .page-wrapper { margin-left: 0; width: 100%; } .attribute-popup .menu-wrapper, .attribute-popup .page-header-hgroup, .attribute-popup .page-header-actions { display: none; } [class*='admin__'] + label, [class*='admin__'] + label:after, [class*='admin__'] + label:before, [class*='admin__']:before, [class*='admin__']:after { box-sizing: border-box; } td.col-date.col-date-min-width.col-created_at { min-width: 14rem; } .colorRed { color: red; } .rule-tree-wrapper { line-height: 28px; } .admin__field-control .rule-tree { padding-top: .3rem; } .rule-tree ul { border-left: 1px dotted #858585; list-style: none; padding-left: 16px; } .rule-tree li { margin: 0 0 10px; } .rule-tree .x-tree ul { border-left: none !important; padding-left: 0 !important; } .rule-tree .x-tree li { margin-bottom: 0 !important; line-height: normal !important; } .rule-tree .legend { font-weight: 600; } .rule-tree .fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } @-moz-document url-prefix() { .rule-tree .fieldset { display: table-cell; } } .rule-param .label { color: #000000; float: none; padding: 0; text-align: left; vertical-align: baseline; width: auto; } .rule-param .label-disabled { color: #eeeeee; cursor: default; text-decoration: none; } .rule-chooser, .rule-param .element, .rule-param-edit .label { display: none; } .rule-chooser .field-row { display: block; margin-bottom: 17px; } .rule-chooser .field-row:before, .rule-chooser .field-row:after { content: ''; display: table; } .rule-chooser .field-row:after { clear: both; } .rule-chooser .field-row .input-text { margin-top: 5px; } .rule-chooser .field-row .ui-datepicker-trigger { margin-left: 5px; margin-top: -2px; } .rule-param input, .rule-param select { margin: 0; min-width: 170px; width: auto !important; } .rule-param-edit .element { display: inline; } .rule-param-edit .element .addafter { padding-left: 5px; } [class^='rule-param-'] img, .rule-chooser-trigger img { vertical-align: middle; } .rule-chooser { border: 1px solid #cccccc; margin: 20px; overflow: auto; padding: 15px 10px 5px; } .rule-param-wait { background: url(../mui/images/ajax-loader-small.gif) no-repeat left center; padding-left: 20px; } @media all and (max-width: 1023px) { .admin__data-grid-toolbar .admin__data-grid-header-row .admin__filter-actions { float: none; margin-bottom: 2rem; } .admin__data-grid-toolbar .admin__data-grid-header-row .admin__control-support-text { margin-left: 0; } .admin__menu .submenu li { min-width: 19.8rem; } .nav { padding-bottom: 5.284rem; padding-left: 1.5rem; text-align: center; } .nav-bar { display: inline-block; float: none; margin-right: 0; vertical-align: top; } .nav .btn-group, .nav-bar-outer-actions { display: inline-block; float: none; margin-top: -8.384rem; text-align: center; vertical-align: top; width: 100%; } .nav-bar-outer-actions { padding-right: 0; } .nav-bar-outer-actions .outer-actions-inner-wrap { display: inline-block; } .order-details .order-search-items .action-configure { display: block; float: none; } } @media all and (min-width: 768px) { .col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12 { float: left; } .col-m-12 { width: 100%; } .col-m-11 { width: 91.66666667%; } .col-m-10 { width: 83.33333333%; } .col-m-9 { width: 75%; } .col-m-8 { width: 66.66666667%; } .col-m-7 { width: 58.33333333%; } .col-m-6 { width: 50%; } .col-m-5 { width: 41.66666667%; } .col-m-4 { width: 33.33333333%; } .col-m-3 { width: 25%; } .col-m-2 { width: 16.66666667%; } .col-m-1 { width: 8.33333333%; } .col-m-pull-12 { right: 100%; } .col-m-pull-11 { right: 91.66666667%; } .col-m-pull-10 { right: 83.33333333%; } .col-m-pull-9 { right: 75%; } .col-m-pull-8 { right: 66.66666667%; } .col-m-pull-7 { right: 58.33333333%; } .col-m-pull-6 { right: 50%; } .col-m-pull-5 { right: 41.66666667%; } .col-m-pull-4 { right: 33.33333333%; } .col-m-pull-3 { right: 25%; } .col-m-pull-2 { right: 16.66666667%; } .col-m-pull-1 { right: 8.33333333%; } .col-m-pull-0 { right: auto; } .col-m-push-12 { left: 100%; } .col-m-push-11 { left: 91.66666667%; } .col-m-push-10 { left: 83.33333333%; } .col-m-push-9 { left: 75%; } .col-m-push-8 { left: 66.66666667%; } .col-m-push-7 { left: 58.33333333%; } .col-m-push-6 { left: 50%; } .col-m-push-5 { left: 41.66666667%; } .col-m-push-4 { left: 33.33333333%; } .col-m-push-3 { left: 25%; } .col-m-push-2 { left: 16.66666667%; } .col-m-push-1 { left: 8.33333333%; } .col-m-push-0 { left: auto; } .col-m-offset-12 { margin-left: 100%; } .col-m-offset-11 { margin-left: 91.66666667%; } .col-m-offset-10 { margin-left: 83.33333333%; } .col-m-offset-9 { margin-left: 75%; } .col-m-offset-8 { margin-left: 66.66666667%; } .col-m-offset-7 { margin-left: 58.33333333%; } .col-m-offset-6 { margin-left: 50%; } .col-m-offset-5 { margin-left: 41.66666667%; } .col-m-offset-4 { margin-left: 33.33333333%; } .col-m-offset-3 { margin-left: 25%; } .col-m-offset-2 { margin-left: 16.66666667%; } .col-m-offset-1 { margin-left: 8.33333333%; } .col-m-offset-0 { margin-left: 0%; } .page-layout-admin-2columns-left .page-columns { margin-left: -30px; } .page-layout-admin-2columns-left .page-columns:after { clear: both; content: ''; display: table; } .page-layout-admin-2columns-left .page-columns .main-col { width: calc( (100%) * 0.75 - 30px ); float: right; } .page-layout-admin-2columns-left .page-columns .side-col { width: calc( (100%) * 0.25 - 30px ); float: left; margin-left: 30px; } .gift-registry-info { float: left; width: calc( (100%) * 0.5 - 30px ); } .gift-registry-address { float: right; width: calc( (100%) * 0.5 - 30px ); } .rma-request-details, .rma-wrapper .order-shipping-address { float: left; /** * @codingStandardsIgnoreStart */ width: calc( (100%) * 0.5 - 30px ); } .rma-confirmation, .rma-wrapper .order-return-address, .rma-wrapper .order-shipping-method { float: right; /** * @codingStandardsIgnoreStart */ width: calc( (100%) * 0.5 - 30px ); } .order-details { float: right; width: calc( (100%) * 0.75 - 30px ); margin-left: 0; } .order-sidebar { width: calc( (100%) * 0.25 - 30px ); float: left; margin-left: 30px; margin-left: 0; } .order-billing-address, .order-billing-method, .order-history, .order-information, .order-payment-method, .order-comments-history { float: left; width: calc( (100%) * 0.5 - 30px ); } .order-shipping-address, .order-shipping-method, .order-totals, .order-view-account-information .order-account-information { float: right; width: calc( (100%) * 0.5 - 30px ); } } @media all and (min-width: 1024px) { .col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10, .col-l-11, .col-l-12 { float: left; } .col-l-12 { width: 100%; } .col-l-11 { width: 91.66666667%; } .col-l-10 { width: 83.33333333%; } .col-l-9 { width: 75%; } .col-l-8 { width: 66.66666667%; } .col-l-7 { width: 58.33333333%; } .col-l-6 { width: 50%; } .col-l-5 { width: 41.66666667%; } .col-l-4 { width: 33.33333333%; } .col-l-3 { width: 25%; } .col-l-2 { width: 16.66666667%; } .col-l-1 { width: 8.33333333%; } .col-l-pull-12 { right: 100%; } .col-l-pull-11 { right: 91.66666667%; } .col-l-pull-10 { right: 83.33333333%; } .col-l-pull-9 { right: 75%; } .col-l-pull-8 { right: 66.66666667%; } .col-l-pull-7 { right: 58.33333333%; } .col-l-pull-6 { right: 50%; } .col-l-pull-5 { right: 41.66666667%; } .col-l-pull-4 { right: 33.33333333%; } .col-l-pull-3 { right: 25%; } .col-l-pull-2 { right: 16.66666667%; } .col-l-pull-1 { right: 8.33333333%; } .col-l-pull-0 { right: auto; } .col-l-push-12 { left: 100%; } .col-l-push-11 { left: 91.66666667%; } .col-l-push-10 { left: 83.33333333%; } .col-l-push-9 { left: 75%; } .col-l-push-8 { left: 66.66666667%; } .col-l-push-7 { left: 58.33333333%; } .col-l-push-6 { left: 50%; } .col-l-push-5 { left: 41.66666667%; } .col-l-push-4 { left: 33.33333333%; } .col-l-push-3 { left: 25%; } .col-l-push-2 { left: 16.66666667%; } .col-l-push-1 { left: 8.33333333%; } .col-l-push-0 { left: auto; } .col-l-offset-12 { margin-left: 100%; } .col-l-offset-11 { margin-left: 91.66666667%; } .col-l-offset-10 { margin-left: 83.33333333%; } .col-l-offset-9 { margin-left: 75%; } .col-l-offset-8 { margin-left: 66.66666667%; } .col-l-offset-7 { margin-left: 58.33333333%; } .col-l-offset-6 { margin-left: 50%; } .col-l-offset-5 { margin-left: 41.66666667%; } .col-l-offset-4 { margin-left: 33.33333333%; } .col-l-offset-3 { margin-left: 25%; } .col-l-offset-2 { margin-left: 16.66666667%; } .col-l-offset-1 { margin-left: 8.33333333%; } .col-l-offset-0 { margin-left: 0%; } .steps-wizard .steps-wizard-navigation { text-align: left; } .nav-bar-outer-actions { float: right; } } @media all and (min-width: 1440px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0%; } } @media all and (max-width: 767px) { .abs-clearer-mobile:after { clear: both; content: ''; display: table; } .modal-popup.modal-slide { left: 14.8rem; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: none; } .media-gallery-image-details-modal .image-details { display: block; } .media-gallery-image-details-modal .image-details .image-details-sidebar { margin-top: 20px; padding-left: 0; } .media-gallery-image-details-modal .image-details .image-details-image img { max-height: 450px; } .footer-legal { padding-top: 3rem; text-align: left; } .dashboard-totals-item { float: left; margin-bottom: 1rem; width: 50%; } .nav { padding-bottom: 0; padding-left: 0; padding-right: 0; } .nav-bar-outer-actions { margin-top: 0; } .nav-bar { display: block; margin-bottom: 0; margin-left: auto; margin-right: auto; width: 41.2rem; } .nav-bar > li { float: left; min-height: 9rem; } .nav-bar > li:after { display: none; } .nav-bar a { line-height: 1.4; } } @media all and (max-width: 639px) { .nav-bar:before { display: none; } } @media all and (max-width: 479px) { .nav-bar { width: 23.175rem; } .nav-bar > li { width: 10rem; } .nav .btn-group .btn-wrap-try-again, .nav-bar-outer-actions .btn-wrap-try-again { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; margin-top: 1rem; padding-top: 1rem; } } pub/static/adminhtml/Magento/backend/en_US/css/styles-old.less000077700000317661151323550650020401 0ustar00 @import 'source/lib/_lib.less'; // Global lib @import 'source/lib/_utilities.less'; @baseDir: "../"; // Default @import "../mui/clearless/_all.less"; @import "../mui/styles/_vars.less"; @import (reference) "../mui/styles/_abstract.less"; // Import some abstract .collapse.in, .no-js .collapse { height: auto !important; overflow: visible; } .invisible { visibility: hidden; } .admin__scope-old { box-sizing: content-box; @import "../mui/styles/_base.less"; @import "../mui/styles/_table.less"; // Import table styles .field { position: relative; box-sizing: border-box; margin: 0 0 12px 0; } .field > .label { margin: 0 0 6px; } span.required { display: none; } .field.required > .label { &:not(.admin__field-label) { :after { content: '*'; color: #f00; margin-left: 3px; } } } .addon { padding: 0; display: table; width: 100%; } .addon textarea, .addon select, .addon input { width: 100%; border-radius: 0; box-shadow: none; margin: 0; } .addon select { width: auto; } .addon select + .addafter { border: none; } .ie .addon textarea, .ie .addon select { display: inline-block; } .addon textarea:first-child, .addon select:first-child, .addon input[type=text]:first-child, .addon .addbefore:first-child { border-radius: 0; } .addon textarea:last-child, .addon select:last-child, .addon input[type=text]:last-child, .addon .addafter:last-child { border-radius: 0; } .addon .addbefore, .addon .addafter { background: #f5f5f5; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; vertical-align: middle; width: 1px; color: #666; font-size: 11px; font-weight: bold; height: 0; white-space: nowrap; display: inline-block; display: table-cell; padding: 4px; border: solid #ccc; border-width: 1px 0 1px 1px; } .addon .addafter { border-width: 1px 1px 1px 0; } .choice .addafter, .choice .addbefore { display: inline; } .field-price .addon { direction: rtl; } .field-price .addon > * { direction: ltr; } .field-price .addon .addafter { border-width: 1px 0 1px 1px; border-radius: 1px 0 0 1px; } .admin__field-control { .admin__control-addon { [class*='admin__control-'][type] { &[disabled], &:focus { background-color: transparent; border-color: transparent; } } } } .form-actions { padding: 10px; margin: 10px 0; } .form-inline .label, .form-inline .control { margin: 0; float: left; width: 55%; box-sizing: border-box; } .form-inline .label { width: 45%; text-align: right; padding: 5px 15px 0 0; } .form-inline .choice { position: relative; z-index: 1; } .form-inline .choice .control { position: absolute; margin-top: 4px; width: auto; left: 45%; } .form-inline .choice .tooltip { margin-left: 20px; position: relative; z-index: 1; margin-top: 7px; } .form-inline .with-tooltip:not(.choice) { padding-top: 20px; } .control .control-value { display: inline-block; padding: 6px 0 0; vertical-align: top; } .control .control-value.special { font-weight: bold; } [class^="fields-group-"] .field { vertical-align: top; margin: 0; display: inline-block; } [class^="fields-group-"] .field .label { width: auto; float: none; text-align: left; padding-right: 0; } [class^="fields-group-"] .choice .label { display: inline; } [class^="fields-group-"] .field .control { float: none; width: auto; margin-left: 0; } @media screen and (max-width: 960px) { [class^="fields-group-"] .field { width: 100% !important; margin-bottom: 20px !important; } } [class^="fields-group-"] { letter-spacing: -0.31em; // webkit word-spacing: -0.43em; // IE < 8 && gecko } [class^="fields-group-"] > * { letter-spacing: normal; word-spacing: normal; } .nested { padding: 6px 0 0; } .nested .choice .label, .nested .choice .control { float: none; position: static; left: auto; text-align: left; display: inline; padding: 0; } .nested .field { width: auto; padding: 0; margin: 5px 0; display: block; } .nested .field:first-child { margin-top: 0; } .nested .field:last-child { margin-bottom: 0; } .buttons-set:before, .buttons-set:after, .form-inline .field:before, .form-inline .field:after, .form-actions:before, .form-actions:after, .clearfix:before, .clearfix:after { content: ""; display: table; } .buttons-set:after, .form-inline .field:after, .form-actions:after, .clearfix:after { clear: both; } .customer-current-activity .action-refresh, .data-table .action-.delete, .data-table .action-.delete:hover, .data-table .action-.delete:active, .data-table .action-.delete.active, .data-table .action-delete, .data-table .action-delete:hover, .data-table .action-delete:active, .data-table .action-delete.active, .data-table .action-locked, .data-table .action-locked:hover, .data-table .action-locked:active, .data-table .action-locked.active, .data-table .action-locked[disabled], #product-variations-matrix .action-choose, .action-manage-images, .action-manage-images:hover, .action-manage-images:active, .action-manage-images.active, .action-manage-images[disabled], .image-panel .action-close, .image-panel .action-close:hover, .image-panel .action-close:active, .image-panel .action-close.active, .image-panel .action-close[disabled], .image-panel-controls .action-remove, .image-panel-controls .action-remove:hover, .image-panel-controls .action-remove:active, .image-panel-controls .action-remove.active, .image-panel-controls .action-remove[disabled], .vde-image-sizing .action-connect, .vde-image-sizing .action-connect:hover, .vde-image-sizing .action-connect:active, .vde-image-sizing .action-connect.active, .vde-image-sizing .action-connect[disabled], .suggest-expandable .action-show-all, .suggest-expandable .action-show-all:hover, .suggest-expandable .action-show-all:active, .suggest-expandable .action-show-all.active, .suggest-expandable .action-show-all[disabled], .custom-file > .action-add, .custom-file > .action-add:hover, .custom-file > .action-add:active, .custom-file > .action-add.active, .custom-file > .action-add[disabled], .vde-tools-header .action-close, .vde-tools-header .action-close:hover, .vde-tools-header .action-close:active, .vde-tools-header .action-close.active, .image .action-delete, .image .action-delete:hover, .image .action-delete:active, .image .action-delete.active, .fieldset-wrapper-title .actions .action-delete, .fieldset-wrapper-title .actions .action-delete:hover, .fieldset-wrapper-title .actions .action-delete:active, .fieldset-wrapper-title .actions .action-delete.active, .notification .action-close, .notification .action-close:hover, .notification .action-close:active, .notification .action-close.active, .page-login .action-forgotpassword, .page-login .action-forgotpassword:hover, .page-login .action-forgotpassword:active, .page-login .action-forgotpassword.active, .page-login .action-back, .page-login .action-back:hover, .page-login .action-back:active, .page-login .action-back.active, .data-table .action-.delete[disabled], .data-table .action-delete[disabled], .data-table .action-locked[disabled], .image-panel .action-close[disabled], .image-panel-controls .action-remove[disabled], .suggest-expandable .action-show-all[disabled], #store-view-window [class^='action-close'], #store-view-window [class^='action-close']:hover, #store-view-window [class^='action-close']:active, #store-view-window [class^='action-close'].active, #store-view-window [class^='action-close'][disabled], .custom-file > .action-add[disabled], .image .action-delete, .image .action-delete:hover, .image .action-delete:active, .image .action-delete.active, .fieldset-wrapper-title .actions .action-delete, .fieldset-wrapper-title .actions .action-delete:hover, .fieldset-wrapper-title .actions .action-delete:active, .fieldset-wrapper-title .actions .action-delete.active, .notification .action-close, .notification .action-close:hover, .notification .action-close:active, .notification .action-close.active, .vde-tools-header .action-close[disabled], .vde-image-sizing .action-reset, .vde-image-sizing .action-reset:hover, .vde-image-sizing .action-reset:active, .vde-image-sizing .action-reset.active, .vde-image-sizing .action-reset[disabled], .vde-image-sizing .action-connect, .vde-image-sizing .action-connect:hover, .vde-image-sizing .action-connect:active, .vde-image-sizing .action-connect.active, .vde-image-sizing .action-connect[disabled], .vde-tab-data .action-download, .vde-tab-data .action-download:hover, .vde-tab-data .action-download:active, .vde-tab-data .action-download.active, .vde-tab-data .action-download[disabled], .vde-tab-data .action-delete, .vde-tab-data .action-delete:hover, .vde-tab-data .action-delete:active, .vde-tab-data .action-delete.active, .vde-tab-data .action-delete[disabled], .vde-tab-data .action-edit, .vde-tab-data .action-edit:hover, .vde-tab-data .action-edit:active, .vde-tab-data .action-edit.active, .vde-tab-data .action-edit[disabled], .image .action-delete[disabled], .fieldset-wrapper-title .actions .action-delete[disabled] { border: none; border-radius: 0; background: none; margin: 0; padding: 0; box-shadow: none; text-shadow: none; filter: none; } .attribute-popup .messages { margin: 0 15px; } .fade.critical-notification { display: block; } .fade.critical-notification .popup { top: 200px; } .notification-entry-dialog .action-close { background: none; border: none; color: #6d665e; font-weight: normal; font-size: 12px; cursor: pointer; text-decoration: underline; } .notification-entry-dialog .action-close:hover { color: @color-black; border-bottom-color: @color-black; filter: none; } .action-upload { position: relative; } .action-upload > input[type="file"] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; font-size: 10em; } .dropdown-menu, .ui-autocomplete { position: absolute; display: none; list-style: none; min-width: 100px; margin: 1px 0 0; padding: 0; right: 0; top: 100%; border: 1px solid #cac2b5; background: @color-white; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); z-index: 990; } .dropdown-menu > li, .ui-autocomplete > li { padding: 5px; border-bottom: 1px solid #e5e5e5; } .dropdown-menu > li.selected, .ui-autocomplete > li.selected { background: #eef8fc; } .dropdown-menu > li:hover, .ui-autocomplete > li:hover { background: #eef8fc; } .dropdown-menu > li:last-child, .ui-autocomplete > li:last-child { border-bottom: none; } .dropdown-menu > li > .item, .ui-autocomplete > li > .item { cursor: pointer; } .dropdown-menu-top { margin: 0 0 3px; top: auto; bottom: 100%; } .ui-autocomplete { right: auto; } .ui-autocomplete > li { padding: 0; } .ui-autocomplete > li > a { display: block; padding: 5px; } .ui-autocomplete > li > a.level-0 { padding-left: 5px !important; } .ui-autocomplete .ui-state-focus { background: #f5f5f5; } .active .dropdown-menu { display: block; } .action-dropdown { text-align: left; position: relative; display: inline-block; } .action-dropdown > [class^='action-'] { float: left; border-radius: 0; } .action-dropdown > .action-default { border-radius: 5px 0 0 5px; } .action-dropdown > .action-toggle { border-left: 1px solid #c5c0b9; border-radius: 0 5px 5px 0; margin-left: -1px; padding: 4px 7px; } .action-dropdown > .action-toggle > span { display: none; } .action-dropdown > .action-toggle:before { display: block; font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: '\e02c'; // arrow down font-size: 11px; } .action-dropdown > .action-toggle.active:before { content: '\e029'; // arrow up } .action-dropdown > .action-toggle.primary { border-left: 1px solid #e1721d; } .action-dropdown > .action-toggle.primary:hover { background: #e2701a; margin-left: -1px; } .action-dropdown.active .dropdown-menu { display: block; white-space: nowrap; } .action-dropdown.active .dropdown-menu > li { padding: 0; } .action-dropdown .dropdown-menu > li > .item { display: block; padding: 6px 10px 5px; color: #333; text-decoration: none; } .data-table .action-.delete span, .data-table .action-delete span, .data-table .action-locked span, .image .action-delete span, .fieldset-wrapper-title .actions .action-delete span { display: none; } .data-table .action-.delete:before, .data-table .action-delete:before, .image .action-delete:before, .fieldset-wrapper-title .actions .action-delete:before { font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; font-size: 18px; -webkit-font-smoothing: antialiased; content: '\e07f'; // delete icon color: #b7b3ad; } .data-table .action-locked:before { font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; font-size: 20px; -webkit-font-smoothing: antialiased; content: '\e03e'; // lock icon color: #b7b3ad; } .data-table .action-.delete:hover:before, .data-table .action-delete:hover:before, .data-table .action-locked:hover:before, .image .action-delete:hover:before, .fieldset-wrapper-title .actions .action-delete:hover:before { color: #7e7e7e; } .data-table input.action-.delete[type="button"], .data-table input.action-.delete[type="submit"], .data-table input.action-.delete[type="reset"], .data-table button.action-.delete, .data-table input.action-.delete[type="button"]:visited, .data-table input.action-.delete[type="submit"]:visited, .data-table input.action-.delete[type="reset"]:visited, .data-table button.action-.delete:visited, .data-table input.action-.delete[type="button"]:hover, .data-table input.action-.delete[type="submit"]:hover, .data-table input.action-.delete[type="reset"]:hover, .data-table button.action-.delete:hover, .data-table input.action-.delete[type="button"]:active, .data-table input.action-.delete[type="submit"]:active, .data-table input.action-.delete[type="reset"]:active, .data-table button.action-.delete:active { background: transparent; padding: 3px 7px 0; } .data-table input.action-.delete[type=button]:hover:before, .data-table input.action-.delete[type=submit]:hover:before, .data-table input.action-.delete[type=reset]:hover:before, .data-table button.action-.delete:hover:before, .data-table input.action-.delete[type=button]:focus:before, .data-table input.action-.delete[type=submit]:focus:before, .data-table input.action-.delete[type=reset]:focus:before, .data-table button.action-.delete:focus:before { background: transparent; color: #a5a29d; } fieldset { min-width: 0; padding: 20px; } legend { padding: 0 10px; margin: 0 -10px; } fieldset legend + br { display: none; } label > input[type="radio"], label > input[type="checkbox"] { margin: -3px 3px 0 0; vertical-align: middle; } input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=range], input[type=email], input[type=url], input[type=search], input.search, input[type=tel], input[type=color], textarea, select { box-sizing: border-box; border: 1px solid #adadad; border-radius: 1px; padding: .6rem 1rem .6rem; color: #303030; background-color: @color-white; font-weight: 500; font-size: 14px; height: 33px; &:focus { border-color: #007bdb; box-shadow: none; outline: 0; } } select { &:not([multiple]) { .lib-css(appearance, none, 1); display: inline-block; line-height: normal; min-width: 80px; background-repeat: no-repeat; background-image+: url('../images/arrows-bg.svg'); background-position+: ~'calc(100% - 12px)' -34px; background-size+: auto; background-image+: linear-gradient(#e3e3e3, #e3e3e3); background-position+: 100%; background-size+: 33px 100%; background-image+: linear-gradient(#adadad, #adadad); background-position+: ~'calc(100% - 33px)' 0; background-size+: 1px 100%; padding-right: 44px; &:active { background-image+: url('../images/arrows-bg.svg'); background-position+: ~'calc(100% - 12px)' 13px; background-image+: linear-gradient(#e3e3e3, #e3e3e3); background-position+: 100%; background-image+: linear-gradient(#007bdb, #007bdb); background-position+: ~'calc(100% - 33px)' 0; } &::-ms-expand { display: none; } } } select[multiple], select[size] { height: auto; } textarea { resize: vertical; padding-top: 6px; padding-bottom: 6px; line-height: 1.18em; max-width: none; min-height: 100px; } textarea, .input-text { height: auto; } input[type="radio"], input[type="checkbox"] { .lib-css(appearance, none, 1); background: @color-white; border-radius: 2px; border: 1px solid #adadad; cursor: pointer; display: inline-block; height: 16px; margin: 0 5px 0 0; position: relative; transition: all 0.1s ease-in; vertical-align: middle; width: 16px; &:focus { border-color: #007bdb; box-shadow: none; outline: 0; } &[disabled] { background-color: #e9e9e9; border-color: #adadad; opacity: .5; &.admin__control-checkbox, &.admin__control-radio { opacity: 0.01; } } &:checked { &:after { font-family: 'Admin Icons'; content: "\e62d"; display: inline-block; position: absolute; top: 0; left: 0; width: 14px; color: #514943; font-size: 11px; line-height: 13px; text-align: center; font-weight: 400 } } } .jstree .jstree-real-checkbox { display: none; } input[type="radio"] { border-radius: 8px; &:checked { &:after { content: ''; display: block; width: 10px; height: 10px; border-radius: 10px; background: #514943; top: 50%; left: 50%; position: absolute; margin-top: -5px; margin-left: -5px; } } } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #e9e9e9; border-color: #adadad; color: #303030; opacity: .5; cursor: not-allowed; } select[disabled] option[selected] { color: @color-white; background: #aaa; } textarea:-moz-placeholder, input:-moz-placeholder { color: #999 !important; font-style: italic; } option.placeholder { color: #999 !important; font-style: italic !important; } :-ms-input-placeholder { color: #999 !important; font-style: italic; } ::-webkit-input-placeholder { color: #999 !important; } :-moz-placeholder { color: #999 !important; } .form-inline .control { width: 100%; .control-inner-wrap { padding-top: 7px; } } .form-inline .label { width: 20%; padding-top: 8px; padding-right: 30px; &.admin__field-label { padding-top: 0; padding-right: 30px; width: 20%; margin-left: 0; } } .form-inline .label ~ .control { margin: 0; width: 60%; } .form-inline .no-label .control { margin-left: 20%; width: 60%; } fieldset.field [class^='fields-group-'] .field .control { width: auto; margin: 0 0 0 20px; } .form-inline .field-service { box-sizing: border-box; float: left; width: 20%; padding: 7px 0 0 15px; color: #999; font-size: 12px; letter-spacing: .05em; } .form-inline .field-service[value-scope]:before { content: attr(value-scope) !important; white-space: nowrap; display: block; margin-bottom: 5px; } .form-inline .field-service .checkbox { margin: 0; vertical-align: middle; } .form-inline > form > div > .message { margin-left: 18px; margin-right: 18px; } .control > input { width: 100%; padding: 4px 10px; } .control > input[type="button"] { width: auto; } .control > input._has-datepicker { width: 160px; } .control { > input[type="file"] { width: auto; } > input[type="checkbox"], > input[type="radio"] { width: 16px; padding: 0; } } .control > table { width: 100%; } .multi-input { margin: 0 0 20px; } .multi-input > input { width: 100%; } .control .input-file { margin-top: 4px; } .control { ._has-datepicker { & + .ui-datepicker-trigger { .lib-button-reset(); .lib-icon-font( @icon-calendar, @_icon-font-size: 42px, @_icon-font-line-height: 30px, @_icon-font-text-hide: true, @_icon-font-position: after, @_icon-font-color: @field-date-icon--color ); display: inline-block; vertical-align: middle; &:focus { outline: 0; box-shadow: none; } } } } .nobr { white-space: nowrap; } label.mage-error { border: 1px solid #e22626; display: block; margin: 2px 0 0; padding: 6px 10px 10px; background: #fff8d6; color: #555; font-size: 12px; font-weight: 500; box-sizing: border-box; } textarea.mage-error, select.mage-error, input.mage-error { border-color: #e22626 !important; } input.mage-error ~ .addafter { border-color: #e22626 !important; } .form-inline .field-store_id .label + .control, .form-inline .field-store_ids .label + .control, .form-inline .field-website_ids .label + .control, .form-inline .field-website_id .label + .control, .form-inline .field-select_stores .label + .control, .form-inline .field-stores .label + .control { width: auto; } .page-content-inner { position: relative; background: #f5f2ed; border: 1px solid #b7b2a6; border-radius: 5px; padding: 20px; } .fieldset-wrapper, .fieldset { background: @color-white; border: 0; margin: 0; padding: 5px 0 38px; position: relative; } .fieldset-wrapper > .fieldset-wrapper-title, .fieldset > .legend { position: static; float: left; width: 100%; box-sizing: border-box; padding: 0; border-bottom: 1px solid #cac3b4; margin: 0 0 18px; } .fieldset-wrapper > .fieldset-wrapper-title { float: none; } .fieldset-wrapper > .fieldset-wrapper-title .title, .fieldset > .legend span { color: #303030; font-size: 1.7rem; font-weight: 600; padding: 7px 0 10px; display: inline-block; } .fieldset .fieldset-wrapper, .fieldset-wrapper .fieldset-wrapper { border: 1px solid #cac3b4; border-radius: 2px; margin-bottom: 5px; padding: 0; } .fieldset .fieldset-wrapper .fieldset-wrapper-title, .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title { background: #f7f3eb; padding: 0 18px; border: 0; } .fieldset .fieldset-wrapper.opened .fieldset-wrapper-title, .fieldset-wrapper .fieldset-wrapper.opened .fieldset-wrapper-title { border-bottom: 1px solid #cccbca; -webkit-touch-callout: none; -webkit-user-select: none; // use in 41 Chrome -moz-user-select: none; // use in 36 Firefox -ms-user-select: none; // use in 11 IE user-select: none; min-height: 39px; } .fieldset .fieldset-wrapper .fieldset-wrapper-title .actions, .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .actions { padding: 6px 0 0; } .fieldset .fieldset-wrapper .fieldset-wrapper-title .title, .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .title { padding-top: 9px; padding-bottom: 8px; color: #555; font: normal 16px/1.333 Arial, Verdana, sans-serif; } .fieldset .fieldset-wrapper .fieldset-wrapper-title .title:before, .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .title:before { top: 9px; } .fieldset-wrapper-content .fieldset > .title { margin-top: 0; padding-left: 22px; } .fieldset-wrapper .draggable-handle, .fieldset .draggable-handle { background: url(../Magento_Backend/images/draggable-handle-vertical.png) no-repeat 0 0; color: #b2b0ad; cursor: ns-resize; height: 14px; line-height: 14px; margin: 0; vertical-align: top; width: 8px; &:before { display: none; } } .fieldset-wrapper-title > .draggable-handle { position: absolute; left: 10px; top: 12px; } .fieldset .fieldset-wrapper .fieldset-wrapper-content, .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-content { padding: 0 10px; } .ui-sortable { margin-bottom: 15px; // should be the same as .sortable-wrapper } .ui-sortable .entry-edit .fieldset-wrapper-title, #product_options_container_top .fieldset-wrapper-title { padding-left: 30px; } #super_config-wrapper, #grouped-wrapper { border-bottom: 0; } .fieldset .legend > .actions { float: right; padding-top: 8px; } .fieldset-wrapper-title > .actions { float: right; } .fieldset > .legend + br { display: block; height: 0; overflow: hidden; clear: left; } .fieldset-wrapper .fieldset, .fieldset .fieldset { background: transparent; padding: 9px 0; border: none; border-radius: 0; margin: 0 0 29px; } .fieldset .comment { margin: 0 0 29px 10px; } .fieldset { .field { margin: 0 0 29px; } } .with-note .note, .field .note, .data-table .note { color: #303030; font-size: 12px; font-weight: 400; margin: 5px 0; } .fieldset .field .options-list { list-style: none; margin: 0; padding: 0; } .fieldset .field .options-list input[type="checkbox"], .fieldset .field .options-list input[type="radio"] { margin-right: 5px; } [class^="fields-group-"] .field { margin-bottom: 0; } .fieldset-wrapper .fieldset:last-child, .fieldset .fieldset:last-child, .fieldset .field:last-child { margin-bottom: 0; } .fieldset .label { color: #303030; font-size: 14px; font-weight: 600; } .fieldset .control .label { .style9(); padding-top: 0; } .form-inline div:not([class*='fields-group']) > .field > .label, .form-inline .fieldset > .field > .label { color: #303030; font-size: 14px; font-weight: 600; line-height: 3.2rem; padding: 0 30px 0 30px; white-space: nowrap; word-wrap: break-word; &:before { content: '.'; margin-left: -7px; overflow: hidden; visibility: hidden; width: 0; } span { display: inline-block; line-height: 1.33; vertical-align: middle; white-space: normal; &[data-config-scope] { position: relative; &:before { bottom: -1.3rem; color: #808080; content: attr(data-config-scope); font-size: 1.1rem; font-weight: @font-weight__regular; min-width: 15rem; position: absolute; right: 0; text-transform: lowercase; } } } } .details-content > .field.required > .label, .fieldset > .field.required > .label { padding-left: 1.5rem; &:after { content: ''; } span { &:after { color: #e22626; content: '*'; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 1; margin-left: 10px; margin-top: 0; position: absolute; top: 1.2rem; z-index: 1; } &[data-config-scope] { position: relative; &:after { top: .2rem; } } } } .form-inline { .details-content > .field.required > .label, .fieldset > .field.required > .label { padding-left: 0; span { &:after { left: auto; margin-left: 10px; top: 1.2rem; } &[data-config-scope] { &:after { top: .2rem; } } } } } .with-addon { .textarea { margin: 0 0 6px; } .addon { display: inline-block; width: auto; } } .fieldset .control .textarea, .fieldset .control .addon .textarea { width: 100%; } .details-content > .field > input[type="checkbox"], .fieldset > .field > input[type="checkbox"] { margin-top: 9px; } .fieldset-alt { position: relative; display: table-row; border: 0; padding: 0; margin-bottom: 20px; width: 100%; } .fieldset-alt > .field { display: table-cell; vertical-align: top; padding-right: 4%; } .fieldset-alt > .field.no-display { display: none; } .fieldset-alt .field > .label { display: block; width: 100%; clear: both; text-align: left; margin: 0 0 10px; } .fieldset-alt .label + .control { width: 100%; } .fieldset-alt .field-option-title { width: 50%; } .fieldset .tooltip .help { margin: 5px 0 0 15px; display: inline-block; } .fieldset-alt .field-option-store-view { width: 20%; } .fieldset-alt .field-option-input-type { width: 20%; } .fieldset-alt .field-option-input-type select { width: 100%; } .fieldset-alt .field-option-req { width: 105px; white-space: nowrap; } .fieldset-alt .field-option-req .control { position: relative; top: 32px; } .fieldset-alt .field-option-position, .fieldset-alt .field-option-position .control { width: 60px; } .use-default-control { display: none; } .use-default-label { cursor: pointer; text-decoration: underline; font-size: 11px; color: #a29c94; } .use-default-label:hover { color: #7e7e7e; } .multiselect-alt { margin: 0; padding: 0; list-style: none; border: 1px solid #ccc; border-radius: 5px; color: #333; } .multiselect-alt .item { position: relative; border-top: 1px solid @color-white; cursor: pointer; } .multiselect-alt .item:first-child { border-top: 0; } .multiselect-alt .item.selected { background: #d7ebf5; } .multiselect-alt .item.selected:hover { background: #afdef2; } .multiselect-alt label { display: block; cursor: pointer; padding: 6px 25px 5px; } .multiselect-alt .item.selected label:before { position: absolute; left: 8px; top: 1px; bottom: 0; width: 10px; line-height: 28px; font-family: 'MUI-Icons'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: '\e01e'; // checked icon text-align: center; color: #7ba4b1; font-size: 9px; text-shadow: 0 -1px 1px #60727b; } .multiselect-alt input[type="checkbox"] { width: 0; height: 0; opacity: 0; margin: 0; padding: 0; } .with-table { .label { float: none; text-align: left; width: 100%; } .control { clear: left; float: none; width: 100%; } } .addon { input[type="text"] { border-width: 1px 1px 1px 0; ~ .addafter strong { display: inline-block; background: @color-white; line-height: 24px; margin: 0 3px 0 0; padding-left: 4px; padding-right: 4px; position: relative; font-size: 14px; font-weight: 400; color: #858585; top: 0; } &:focus ~ .addafter { border-color: #007bdb; strong { margin-top: 0; } } } .addafter { background: none; color: #a6a6a6; border-width: 1px 1px 1px 0; border-radius: 1px 1px 0 0; padding: 0; border-color: #ada89e; } input[type="text"], select { &[disabled], &[readonly] { ~ .addafter { background-color: #e9e9e9; border-color: #adadad; color: #303030; opacity: .5; cursor: not-allowed; } } } .pager input { border-width: 1px; } } .field-weight, .field-base_price { .addon { input[type="text"] { border-width: 1px 0 1px 1px; } } } .field.type-price .addon, .field-price .addon, .field-special_price .addon, .field-gift_wrapping_price .addon, .field-msrp .addon { direction: rtl; } .field.type-price .addon > *, .field-price .addon > *, .field-special_price .addon > *, .field-gift_wrapping_price .addon > *, .field-msrp .addon > * { direction: ltr; } .field.type-price .addon .addafter, .field-price .addon .addafter, .field-special_price .addon .addafter, .field-gift_wrapping_price .addon .addafter, .field-msrp .addon .addafter { border-width: 1px 0 1px 1px; border-radius: 1px 0 0 1px; } .field.type-price .addon input[type=text]:first-child, .field-price .addon input[type=text]:first-child, .field-special_price .addon input[type=text]:first-child, .field-gift_wrapping_price .addon input[type=text]:first-child, .field-msrp .addon input[type=text]:first-child { border-radius: 0 1px 1px 0; } .field.type-price input:focus, .field-price input:focus, .field-special_price input:focus, .field-gift_wrapping_price input:focus, .field-msrp input:focus { border-color: #007bdb; } .field.type-price input:focus ~ label.addafter, .field-price input:focus ~ label.addafter, .field-special_price input:focus ~ label.addafter, .field-gift_wrapping_price input:focus ~ label.addafter, .field-msrp input:focus ~ label.addafter { border-color: #007bdb; } .field.type-price input ~ label.addafter strong, .field-price input ~ label.addafter strong, .field-special_price input ~ label.addafter strong, .field-msrp input ~ label.addafter strong, .field-gift_wrapping_price input ~ label.addafter strong { margin-left: 2px; margin-right: -2px; } summary { cursor: pointer; display: inline-block; } .no-details details > * { display: none; } .no-details details > summary:before { float: left; width: 20px; content: '► '; } .no-details details.open > summary:before { content: '▼ '; } .no-details details summary { display: block; } blockquote { border-left: 2px solid #ccc; padding-left: 5px; } blockquote small:before { content: '\2014 \00A0'; } address { font-style: normal; } .x-tree-node .leaf .x-tree-node-icon { background-image: url(../images/fam_leaf.png); } .x-tree-node .system-leaf .x-tree-node-icon { background-image: url(../images/fam_application_form_delete.png); } .x-tree-node .x-tree-node-el input[type=checkbox] { margin-left: 3px; } .tipsy { padding: 11px; } .tipsy-inner { padding: 12px 15px; max-width: 185px; background: #faf8f6; border: 1px solid #dcd8ce; box-shadow: 0 2px 5px rgba(49, 48, 43, .4); } .tipsy-inner .error { width: 158px; } .tipsy-inner .error h5 { color: #be0a0a; font-size: 16px; font-weight: 500; margin: 0 0 6px; } .tipsy-inner .error p { color: #676056; line-height: 1.5; margin: 0; } .tipsy-e .tipsy-arrow { top: 50%; left: 1px; margin-top: -10px; border-top: 10px solid transparent; border-right: 10px solid #dcd8ce; border-bottom: 10px solid transparent; border-left: none; } .tipsy-w .tipsy-arrow { top: 50%; right: 0; margin-top: -10px; border-top: 10px solid transparent; border-right: none; border-bottom: 10px solid transparent; border-left: 10px solid #dcd8ce; } .tipsy-n .tipsy-arrow, .tipsy-ne .tipsy-arrow, .tipsy-nw .tipsy-arrow { bottom: 1px; border-top: 10px solid #dcd8ce; border-right: 10px solid transparent; border-bottom: none; border-left: 10px solid transparent; } .tipsy-ne .tipsy-arrow { left: 16px; } .tipsy-nw .tipsy-arrow { right: 16px; } .tipsy-s .tipsy-arrow, .tipsy-se .tipsy-arrow, .tipsy-sw .tipsy-arrow { top: 1px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #dcd8ce; border-top: none; } .tipsy-se .tipsy-arrow { left: 16px; } .tipsy-sw .tipsy-arrow { right: 16px; } .tipsy-arrow:after, .tipsy-arrow:before { position: absolute; width: 0; height: 0; content: ''; } .tipsy-e .tipsy-arrow:after { top: -5px; left: 2px; margin-top: -4px; border-top: 9px solid transparent; border-right: 9px solid #faf8f6; border-bottom: 9px solid transparent; } .tipsy-e .tipsy-arrow:before { top: -8px; margin-top: 0; border-top: 10px solid transparent; border-right: 10px solid rgba(49, 48, 43, .1); border-bottom: 10px solid transparent; } .tipsy-w .tipsy-arrow:after { top: -5px; left: -12px; margin-top: -4px; border-top: 9px solid transparent; border-right: none; border-bottom: 9px solid transparent; border-left: 9px solid #faf8f6; } .tipsy-w .tipsy-arrow:before { top: -8px; left: -10px; margin-top: 0; border-top: 10px solid transparent; border-right: none; border-bottom: 10px solid transparent; border-left: 10px solid rgba(49, 48, 43, .1); } .tipsy-n .tipsy-arrow:after, .tipsy-ne .tipsy-arrow:after, .tipsy-nw .tipsy-arrow:after { margin-top: -4px; left: -9px; top: -7px; border-top: 9px solid #faf8f6; border-right: 9px solid transparent; border-left: 9px solid transparent; } .tipsy-n .tipsy-arrow:before, .tipsy-ne .tipsy-arrow:before, .tipsy-nw .tipsy-arrow:before { left: -10px; top: -8px; margin-top: 0; border-top: 10px solid rgba(49, 48, 43, .1); border-right: 10px solid transparent; border-left: 10px solid transparent; } .tipsy-s .tipsy-arrow:after, .tipsy-sw .tipsy-arrow:after, .tipsy-se .tipsy-arrow:after { left: -9px; top: 6px; margin-top: -4px; border-top: none; border-right: 9px solid transparent; border-bottom: 9px solid #faf8f6; border-left: 9px solid transparent; } .tipsy-inner dl { margin: 0; } .tipsy-inner dt { margin: 0 0 4px; font-size: 16px; font-weight: 400; color: #f47b20; } .tipsy-inner dd { margin: 0; color: #676056; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; } .backup-dialog { margin-top: inherit !important; } .col-left { float: left; } .col-right { float: right; } .col-1-layout { .main-col { width: auto; } } .col-2-left-layout { margin: 0 auto; position: relative; &:before { position: absolute; content: ""; background-color: @color-white; right: 0; top: 0; bottom: 0; min-width: 730px; width: 80%; } } .col-2-left-layout .main-col, .col-2-right-layout .main-col { min-width: 730px; } .admin__actions-switch { .admin__actions-switch-checkbox { position: absolute; z-index: -1; } } .admin__actions-switch { .admin__actions-switch-checkbox { position: absolute; z-index: -1; } } .page-actions .buttons-group { vertical-align: top; text-align: left; } .page-actions > .switcher { display: inline-block; vertical-align: top; margin: 6px 10px 0 0; } .catalog-product-index .page-actions { padding-top: 0; } [class^=" catalog-product-"] .store-scope .store-tree { float: left; } .x-tree ul { margin: 0; padding: 0; } .tree-wrapper { width: 100%; overflow: auto; float: left; // Fixed Chrome scroll issue } .page-actions.fixed .page-actions-inner:before { content: attr(data-title); float: left; font-size: 20px; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dynamic-grid th { padding: 2px; width: 100px; } .dynamic-grid td { padding: 2px; } .dynamic-grid td input { width: 94px; } tr.dynamic-grid td, tr.dynamic-grid th { padding: 2px 10px 2px 0; width: auto; } tr.dynamic-grid input.input-text { width: 154px; } .available { color: #080; font-weight: bold; } .not-available { color: #800; } .categories-side-col { padding: 0 3%; } .store-tree { .website-name { font-size: 14px; font-weight: bold; } .webiste-groups { margin: 5px 0 20px 25px; dt { font-weight: bold; } dd { margin: 5px 0 15px 15px; > ul { list-style: none; margin: 0; padding: 0; > li { margin: 0 0 5px; } } } } } .tree-store-scope { .buttons-set { margin-bottom: 9px; button { margin-right: 4px; } } .field { margin: 0 0 5px; input[type="checkbox"] { &:not(.banner-content-checkbox) { margin-right: 8px; position: relative; top: 2px; } } .addafter { display: inline-block; padding-top: 6px; } } .tooltip { .help { margin-top: 11px; } } } .widget-layout-updates .fieldset-wrapper, .widget-layout-updates .data-table { margin: 0 0 18px; } .widget-layout-updates .fieldset-wrapper-title label { &:not(.mage-error) { padding: 10px 0 0; } } .widget-layout-updates .fieldset-wrapper-title select { margin: 3px 10px 5px; } .widget-layout-updates .fieldset-wrapper-title span, .widget-layout-updates .fieldset-wrapper-title select { vertical-align: middle; } .widget-layout-updates .data-table { table-layout: fixed; } .widget-layout-updates .data-table, .widget-layout-updates .data-table tr:nth-child(odd) td, .widget-layout-updates .data-table tr:nth-child(odd):hover td { background: none; border: none; } .widget-layout-updates .data-table th, .widget-layout-updates .data-table tbody td { border: none; padding: 5px 10px; } .widget-layout-updates .data-table select { margin: 0; max-width: 99%; overflow: hidden; } .widget-layout-updates .chooser_container { padding: 0 10px; margin-bottom: 18px; } .widget-layout-updates .chooser_container p { margin: 0 0 18px; } .widget-layout-updates .chooser_container p img, .widget-layout-updates .chooser_container p input { vertical-align: middle; } .preview-window { background: @color-white; } .preview-window .toolbar { background: #f5f2ed; padding: 20px; } .preview-window .toolbar .switcher { margin: 0; } .preview-window .toolbar .switcher span { background: none; width: auto; } .no-products-message { background: #fbfaf6; padding: 12px; text-align: center; font-size: 12px; color: #666; margin-bottom: 13px; } .action-wysiwyg { margin: 10px 0; } #catalog-wysiwyg-editor .buttons-set { margin-bottom: 9px; } #catalog-wysiwyg-editor .buttons-set button { margin-right: 4px; } #create_new_attribute { overflow: hidden; } #create_new_attribute > .loading-mask { left: -25px; top: -50px; } #front_fieldset-wrapper { border-bottom: 0; } .attribute-popup { background: none; } .attribute-popup #edit_form { display: block; > div:last-of-type { margin-bottom: 150px; } } .attribute-popup #edit_form > .fieldset > .legend { display: none; } .attribute-popup .wrapper-popup { padding: 0; height: 511px; overflow-x: hidden; overflow-y: auto; } .attribute-popup .fieldset, .attribute-popup .fieldset-wrapper { border: none; border-radius: 0; padding: 4px 0 20px; margin: 0 23px 20px; } .attribute-popup .fieldset-wrapper { border-top: none; } .attribute-popup .fieldset-wrapper:not(.admin__collapsible-block) .fieldset-wrapper-title { border-bottom: none; } .attribute-popup .fieldset-wrapper .fieldset-wrapper-content > .fieldset { margin-left: 0; margin-right: 0; } .attribute-popup .fieldset > .field > input[type="checkbox"] { margin-top: 7px; } .attribute-popup .fieldset .label { width: 35%; } .attribute-popup .admin__collapsible-block-wrapper, #manage-titles-wrapper { .fieldset-wrapper-title { margin-bottom: 0; padding-bottom: 0; } .col-store-view { .input-text { width: 100%; } } } .attribute-popup .admin__collapsible-block-wrapper .fieldset-wrapper-title > .title:before { color: #797269; font-size: 14px; top: 9px; } .attribute-popup form .entry-edit:first-child .fieldset { border-bottom: 1px solid #dfdcd7; } .attribute-popup .fieldset .legend { border: none; } .attribute-popup .page-actions [class^='action-'] { margin-left: 18px; } .attribute-popup #base_fieldset { padding-top: 20px; } .attribute-popup #base_fieldset > .legend { display: none; } .attribute-popup .page-actions-placeholder { display: none; } .attribute-popup .page-actions.fixed .page-actions-inner { background: @color-white; padding: 0; min-width: 100%; max-width: 100%; min-height: 100%; margin: 0; } .attribute-popup .footer { display: none; } #manage-options-panel { .admin__control-table { clear: both; } .input-text { width: 100%; } } .CustomGridView { .page-layout-admin-1column .page-columns { background: transparent; } } .CustomGridAction { .grid-actions { border-radius: 5px 5px 0 0; margin-top: 20px; padding: 9px 15px; } .page-actions.fixed { left: 0; margin: 0; padding: 0 21px; position: fixed; } .page-actions { position: absolute; z-index: 2; margin-top: 10px; margin-left: 15px; padding: 0; } } .sidebar-actions { padding: 14px 0; } .sidebar-actions button { margin: 0 0 5px; } .data-table .fpt-item-container { td { vertical-align: top; } select:first-child { margin-bottom: 8px; } } .clearfix:before, .clearfix:after, [class$="-layout"]:after, .tabs-horiz:before, .tabs-horiz:after, .page-create-order:before, .page-create-order:after, .order-addresses:before, .order-addresses:after, .order-summary:before, .order-summary:after, .order-methods:before, .order-methods:after, .payment-methods:before, .payment-methods:after, .grid-actions:before, .grid-actions:after, .fieldset-wrapper-title:before, .fieldset-wrapper-title:after { content: ""; display: table; } .clearfix:after, [class$="-layout"]:after, .tabs-horiz:after, .page-create-order:after, .order-addresses:after, .order-summary:after, .order-methods:after, .payment-methods:after, .grid-actions:after, .fieldset-wrapper-title:after { clear: both; } .field-weight .control .field:first-child { width: 36%; margin-right: 15px; } #allow_open_amount { margin-top: 8px; } #tab_content_downloadableInfo .data-table td { vertical-align: top; .row { margin-bottom: 10px; } } #customer_info_tabs_account_content #_accountsendemail { margin-top: 8px; } .customer-information:before, .customer-information:after { content: ""; display: table; } .customer-information:after { clear: both; } .customer-information .admin__table-secondary, .customer-information address { width: 48.5%; } .customer-information .admin__table-secondary { float: left; width: 48.5%; } .customer-information address { float: right; line-height: 2.2; padding-top: 4px; } .address-list { float: left; list-style: none; margin: 0 0 10px; padding: 0; width: 278px; } #row_design_theme_ua_regexp { .design_theme_ua_regexp { float: left; width: 100%; } .tooltip { margin-top: 8px; } .note { clear: both; } } .form-list { .small-image-preview { display: inline-block; margin: 0 @indent__xs 0 0; vertical-align: middle; } .delete-image { display: block; margin: @indent__xs 0; white-space: nowrap; } } #row_system_adminnotification_last_update { .value { vertical-align: bottom; } } #banner_properties_customer_segment_ids { min-width: 20%; } .cms-hierarchy .cms-scope { float: right; margin-right: 25px; position: relative; top: 2px; z-index: 1; } .cms-hierarchy #tree-container { margin-top: 25px; overflow: auto; padding-bottom: 10px; } .cms-hierarchy .cms-hierarchy-tree { width: 48.93617020799999%; float: left; margin: 10px 0 8px 0; } .cms-hierarchy .cms-hierarchy-node { width: 48.93617020799999%; float: left; margin: 10px 0 8px 2.127659574%; } .cms-hierarchy #cms_page_grid_container { clear: both; } .cms-hierarchy .store-switcher { position: relative; top: 10px; } .cms-hierarchy .store-switcher label { margin-right: 8px; } .cms-hierarchy-node #node_properties_fieldset #node_preview { position: relative; top: 6px; } .cms-hierarchy-node .form-inline .label { width: 30%; } #widget_instace_tabs_properties_section_content .widget-option-label { margin-top: 7px; display: inline-block; } .cms-manage-content-actions textarea { width: 100%; } .adminhtml-logging-details .log-details-grid table { th { border: 1px solid #c9c2b8; border-width: 0 0 1px; padding: 6px 10px 7px; background: @color-white; .style2(); span { border: 0; padding: 0; } } td { border: none; padding: 6px 10px 7px; background: @color-white; } tr:last-child td { border: 1px solid #eae8e4; border-width: 0 0 1px; } tr.on-mouse { cursor: inherit; } tr:nth-child(odd) td, tr.on-mouse:nth-child(odd):hover td { background: #fbfaf6; } } #gws_container ul { padding: 0; margin: 0; list-style: none; } #gws_container ul ul { margin: .8em 0 .8em 1.4em; } #gws_container input[type="checkbox"] { margin-right: 3px; position: relative; top: -1px; } .reports-title .page-actions { float: right; } .reports-title .store-switcher { padding: 14px 0 18px; } .reports-content select { width: 160px; } .reports-content input._has-datepicker { width: 133px; } .reports-content .required .control { position: relative; } .reports-content input._has-datepicker + label.mage-error { left: 0; position: absolute; top: 30px; } .reports-title:before, .reports-title:after { content: ""; display: table; } .reports-title:after { clear: both; } .table-fieldset-alt, .type-options { margin-bottom: 20px; } .table-fieldset-alt thead th, .table-fieldset-alt tbody tr td { border-width: 0; } .table-fieldset-alt tbody tr:nth-child(odd) td, .table-fieldset-alt tbody tr:nth-child(odd):hover td { background: @color-white; } .mselect-hidden + .mage-error { position: absolute; top: 100%; } .tag-title { overflow: hidden; } .tag-title .page-actions { float: right; } .field-attributes_box .control-value { width: 100%; } #order-totals strong { .style28(); } #order-billing-method-summary a, #order-shipping-method-summary a { .style3(); } .customer-current-activity-inner { padding: 18px; } .customer-current-activity .action-refresh { float: right; &:hover { text-decoration: none; } } .order-currency { padding: 18px; } .order-details-existing-customer { background: @color-white; padding-left: 0; position: relative; width: 77.9%; float: right; } #order-data .order-account-information { float: none; width: auto; } #order-data .actions .action-add, #order-data .actions .action-delete, #order-customer-selector .actions .action-add { margin: 0 0 0 20px; } #order-data .order-methods ul, #order-data .payment-methods ul { list-style: none; margin: 0; padding: 0; } #order-data .order-methods dl, #order-data .order-methods dt, #order-data .order-methods dd, #order-data .payment-methods dl, #order-data .payment-methods dt, #order-data .payment-methods dd { margin: 0; padding: 0; } #order-data .order-methods dd + dt, #order-data .payment-methods dd + dt { margin-top: 17px; } #order-data .order-methods dt, #order-data .payment-methods dt { margin: 0 0 8px; } .order-account-information { .admin__fieldset-wrapper-title { margin: 0 0 18px; padding: 12px 0 14px; .title { margin: 0; } } } .order-gift-options { padding: 0 18px; } .order-coupons .box-left, .order-gift-options .box-left { float: left; width: 49%; } .order-coupons .box-right, .order-gift-options .box-right { float: right; width: 49%; } .order-gift-options .box-left:last-child, .order-gift-options .fieldset-wrapper-title + .box-right { float: none; width: auto; } .order-coupons .content { .action- { vertical-align: top; } input[type="text"] { height: 28px; } } .order-gift-options { fieldset { border-radius: 5px; } .gift-wrapping-form select { margin-left: 10px; } .giftmessage-whole-order-container { textarea { height: 6em; width: 100%; } .actions { margin-left: 20%; } } } .ui-dialog.gift-options-popup .ui-dialog-content { padding: 25px; } .ui-dialog.gift-options-popup .ui-dialog-content h4 { margin: 0 0 17px; } .gift-options-tooltip { background: @color-white; border-radius: 5px; padding: 10px; box-shadow: 0 0 3px rgba(0, 0, 0, .3); } #order-data .box-left fieldset, #order-data .box-right fieldset { border-radius: 5px; } .adminhtml-rma-new .order-totals { float: none; width: 100%; } #order-data .page-actions { padding-top: 0; } .create-order-sidebar-container > div + div { border-top: 1px solid #cac3b4; margin-top: 35px; } .create-order-sidebar-container > div .head h5 { .style9(); margin: 17px 0 17px; } .customer-current-activity-inner > h4 { .style10(); border-bottom: 1px solid #cac3b4; margin-top: 0; padding: 0 0 16px; } .customer-current-activity-inner .auto-scroll { margin-right: -18px; margin-left: -18px; .no-items { padding: 5px 18px; display: block; } } .customer-current-activity-inner .data-table { thead { background-color: transparent; } thead th { background-color: transparent; .style18(); border: 0; &:first-child { padding-left: 18px; } &:last-child { padding-right: 18px; } } tbody tr { td { background-color: transparent; border: 0; &:first-child { padding-left: 18px; } &:first-child { padding-right: 18px; } } &:nth-child(2n + 1) td { background: #e0dace; } } } .customer-current-activity .action-refresh { float: right; } .customer-current-activity .action-refresh, .customer-current-activity .data-table .icon { display: inline-block; text-indent: 100%; overflow: hidden; height: 16px; width: 16px; line-height: 16px; white-space: nowrap; } .customer-current-activity .action-refresh:before, .customer-current-activity .data-table .icon:before { content: "\e010"; color: #c3c2be; display: block; text-indent: 0; font-size: 16px; line-height: 16px; font-family: 'MUI-Icons'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; } .customer-current-activity .data-table .icon-remove:before { content: "\e07f"; } .customer-current-activity .data-table .icon-add:before { content: "\e071"; } .customer-current-activity .auto-scroll { .style18(); overflow: auto; max-height: 150px; } .customer-current-activity .auto-scroll + button { margin: 22px 0 0; } .customer-current-activity .actions { border-top: none; margin: 20px 0 0; padding: 0; } .overlay { background: rgba(255, 255, 255, .5); border-radius: 5px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; span { color: #111; font-weight: bold; position: absolute; top: 56px; left: 0; margin: 0 8px; padding: 10px; background: @color-white; } } .note-list { list-style: none; padding: 0; li { border-top: 1px solid #ededed; padding: 9px 0; &:first-child { border: 0; padding-top: 13px; } } div { font-size: 12px; } .note-list-date, .note-list-status, .note-list-customer span { font-weight: bold; } .note-list-time, .note-list-status { border-right: 1px solid #676056; padding: 0 5px 0 0; margin: 0 5px 0 0; } .note-list-customer { white-space: nowrap; } .note-list-comment { margin: 5px 0 0; } .note-list-customer-notapplicable { color: #d87e34; } .note-list-customer-notified { color: #185b00; } .note-list-customer-not-notified { color: #963535; } } .adminhtml-rma-item-attribute-edit .col-position input { text-align: center; } .order-subtotal .label { text-align: right; } .items-to-invoice { border: 1px solid #c0bbaf; margin-top: 13px; width: 100%; } .items-to-invoice td, table.items-to-invoice tbody tr:hover td { background-color: #e6e3de; border: 0; text-align: center; } .items-to-invoice .grand-total { color: #19a3d1; font-weight: bold; } .creditmemo-totals .data-table input[type="text"] { text-align: right; width: 60px; } .col-product .product_to_add { float: right; } .field-refund-store-credit { .input-text { text-align: right; width: 60px; } } #popup-window-mask, .popup-window-mask { background: rgba(0, 0, 0, .5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .grid .popup-window { text-align: left; } .grid tr.on-mouse td .popup-window .data-table tbody tr:nth-child(2n+1) td, .grid table tbody tr.on-mouse:nth-child(odd):hover td .popup-window .data-table tbody tr:nth-child(2n+1) td, .grid table tbody tr.on-mouse:nth-child(odd):hover td .popup-window .data-table tbody tr:nth-child(2n+1):hover td, .grid table tbody tr.on-mouse:nth-child(2n+1):hover td .popup-window .data-table tbody tr:nth-child(2n+1) td, .grid table tbody tr.on-mouse:nth-child(2n+1):hover td .popup-window .data-table tbody tr:nth-child(2n+1):hover td, .grid table tbody tr.on-mouse:hover td .popup-window .data-table tbody tr:nth-child(2n+1), .grid table tbody tr.on-mouse:hover th .popup-window .data-table tbody tr:nth-child(2n+1) { background-color: #fbfaf6; } .grid .popup-window { text-align: left; } .popup-window-buttons-set { text-align: right; padding: 25px; } .popup-window-title { background: #f3efea; padding: 19px 20px; } .popup-window-title .title { color: #676056; display: block; font-size: 20px; line-height: 1; } .popup-window-title .actions { float: right; } .popup-window-content { padding: 25px 25px 0; } .popup-window-content > ul { list-style: none; padding: 0; } .sp-methods > dt { font-weight: bold; } .sp-methods > dd { margin: 5px 0 5px 15px; } .sp-methods > dd > ul { list-style: none; padding: 0; } #product_composite_configure_messages { margin-left: 0 !important; padding: 10px 15px; } .rma-popup, .cms-popup { background: @color-white; box-shadow: 0 3px 6px rgba(0, 0, 0, .4); cursor: default; position: fixed; left: 50%; top: 50%; z-index: 1000; } .rma-popup { width: 540px; margin: 0 0 0 -271px; } .rma-popup .entry-edit .fieldset { border: none; } .rma-popup .validation-advice, .rma-popup label.mage-error { margin-left: 0; } .rma-popup .content { background: @color-white; border-bottom: 1px solid #ccc; max-height: 400px; overflow: auto; } .rma-popup .content .grid { padding: 0; } .rma-popup .content .grid table { border-bottom: 1px solid #cbd3d4; } .rma-popup .product-options { border-bottom: 1px solid #e7e7e7; margin: 0 0 15px; padding: 0 0 12px; } .rma-popup .product-options .required { color: #333 !important; font-weight: normal !important; } .rma-popup .product-options .required em { color: #d40707; } .rma-popup .last-fieldset .product-options { border: 0 none; margin-bottom: 0; padding-bottom: 0; } .rma-popup .buttons-set { text-align: right; margin: 0; overflow: hidden; padding: 7px 10px 8px; } .rma-popup .buttons-set { width: 518px; } .cms-popup .buttons-set { width: 289px; } .rma-popup .buttons-set button { margin: 0 0 0 5px; } .grid .rma-popup .form-list tr, .grid tr.even .rma-popup .form-list tr, .grid tr.on-mouse .rma-popup .form-list tr { background: @color-white !important; } .adminhtml-urlrewrite-edit .field-entity-type-selector .label { width: auto; } .fieldset .field-coupon_code, .fieldset .field-rule_use_auto_generation { margin-bottom: 0; } .field-rule_use_auto_generation .label { margin-left: 5px; } .field-rule_use_auto_generation .nested { margin-bottom: 29px; } #catalog_placeholder .input-file, #catalog_placeholder .delete-image > input { margin-right: 5px; } .control > [name="product[url_key_create_redirect]"], .control > [name="general[url_key_create_redirect]"] { float: left; margin: 8px 5px 0 0; } .control > [name="product[url_key_create_redirect]"] + .label, .control > [name="general[url_key_create_redirect]"] + .label { width: auto; padding-top: 8px; } .field-skeleton_set .select { width: 100%; } #affected-attribute-set-form .fieldset .field { margin-bottom: 12px; &:last-child { margin-bottom: 0; } } .additional-cache-management .label { margin-top: 5px; } .category-content .form-inline.permissions-custom-options { .messages { li { margin-top: 0; } } .data-table { margin-bottom: 25px; } } .lt-1280 .adminhtml-reminder-edit #customerGrid .grid .filter .range div.date { min-width: 0; } .checkout-index-index { .products-search { margin-top: 35px; > .actions { text-align: right; margin: 10px 0; } } .shopping-cart-items { > .actions { margin-bottom: 15px; } .box-left, .box.right { width: 49%; fieldset { border-radius: 5px; } } .box-left { float: left; } .box.right { float: right; } } .grid table .action-configure { float: right; } } .shopping-cart-items:before, .shopping-cart-items:after, .image-panel:before, .image-panel:after, .images:before, .images:after, .tax-rate-popup .field:before, .tax-rate-popup .field:after, .clearfix:before, .clearfix:after, #tab_content_downloadableInfo .data-table td .row:before, #tab_content_downloadableInfo .data-table td .row:after { content: ""; display: table; } .shopping-cart-items:after, .image-panel:after, .images:after, .tax-rate-popup .field:after, .clearfix:after, #tab_content_downloadableInfo .data-table td .row:after { clear: both; } .debug { border: 1px solid red !important; } .order-items .entry-edit-head .form-buttons { float: right; } .order-items .entry-edit-head .icon-head { display: inline; } .order-items .entry-edit-head { margin-bottom: 20px; } .order-items .entry-edit-head:before, .order-items .entry-edit-head:after { content: ""; display: table; } .order-items .entry-edit-head:after { clear: both; } .import-export-tax-rates input[type=file] { margin-right: 10px; } .import-tax-rates, .export-tax-rates { float: left; width: 48.9362%; } .export-tax-rates { margin-left: 2.12766%; } .import-export-tax-rates:before, .import-export-tax-rates:after { content: ""; display: table; } .import-export-tax-rates:after { clear: both; } .tier { margin: 20px 0 0; } .attribute-set-col { display: block; float: left; margin-left: 2.127659574%; -moz-box-sizing: border-box; box-sizing: border-box; width: 31.9149%; } .edit-attribute-set, .attribute-set-col:first-child { margin-left: 0; } .attribute-set-tree { margin-top: 5px; overflow: auto; height: 400px; width: 100%; } .attribute-set:before, .attribute-set:after { content: ""; display: table; } .attribute-set:after { clear: both; } .catalog-category-edit .category-edit-title { float: left; } .rule-tree-wrapper { line-height: 28px; } .rule-tree .fieldset { min-width: 0; // Fixed Chrome fieldset issue } @-moz-document url-prefix() { // Fixed Firefox fieldset issue .rule-tree .fieldset { display: table-cell; } } .rule-tree ul { list-style: none; padding-left: 16px; border-left: dotted 1px #888; } .rule-tree li { margin: 0 0 10px; } .rule-tree .x-tree ul { padding-left: 0 !important; border-left: none !important; } .rule-tree { ._has-datepicker { + .ui-datepicker-trigger { position: static; } } } .rule-param .label { color: @color-black; float: none; text-align: left; padding: 0; vertical-align: baseline; width: auto; } .rule-param .label-disabled { color: #eee; cursor: default; text-decoration: none; } .rule-chooser, .rule-param .element, .rule-param-edit .label { display: none; } .rule-chooser .field-row { .lib-clearfix(); display: block; margin-bottom: 17px; .input-text { margin-top: 5px; } .ui-datepicker-trigger { margin-left: 5px; margin-top: -2px; } } .rule-param input, .rule-param select { width: auto !important; margin: 0; min-width: 170px; } .rule-param-edit .element { display: inline; position: relative; } .rule-param-edit .element input.input-date, .rule-param-edit .element input.input-date[readonly] { background-color: @color-white; min-width: 140px; width: 140px !important; cursor: pointer; text-align: center; opacity: 1; margin-right: 10px; padding-right: 40px; + .ui-datepicker-trigger { position: absolute; width: 140px; text-align: right; left: 0; } } .rule-param-edit .element .addafter { padding-left: 5px; } [class^="rule-param-"] img, .rule-chooser-trigger img { vertical-align: middle; } .rule-chooser { border: solid 1px #CCC; margin: 20px; padding: 15px 10px; overflow: auto; } .rule-param-wait { background: url(../mui/images/ajax-loader-small.gif) no-repeat left center; padding-left: 20px; } .field-entity-type-selector { padding-top: 13px; } @import '../Magento_Backend/css/source/_module-old.less'; @import '../Magento_Catalog/css/source/_module-old.less'; @import '../Magento_ConfigurableProduct/css/source/_module-old.less'; @import '../Magento_Developer/css/source/_module-old.less'; @import '../Magento_Enterprise/css/source/_module-old.less'; @import '../Magento_GiftRegistry/css/source/_module-old.less'; @import '../Magento_Msrp/css/source/_module-old.less'; @import '../Magento_Tax/css/source/_module-old.less'; @import '../Magento_Theme/css/source/_module-old.less'; @import '../Magento_Ui/css/source/_module-old.less'; .defaultSkin { table.mceLayout { td { background: @color-white; } } td.mceToolbar { padding: 1px 0 0; } } .ui-tabs-panel { border-top: 0; } #category_tab_content { .ui-tabs-panel { border-top: 1px solid #adadad; } } } [class^=" catalog-product-"], [class^=" newsletter-"] { .admin__scope-old { .page-actions .action-back.mage-error { color: #b57c72; } } } .catalog-product-new, .catalog-product-edit { .admin__scope-old { .user-defined.type-select select { width: 100%; } } } .customer-index-edit { .admin__scope-old { .grid tr.headings th > span { white-space: normal; } } } .adminhtml-system-config-edit, .adminhtml-system_config-edit { .admin__scope-old { .payflow-settings-notice { margin-top: 2rem; padding: 10px; .important-label { .style32(); } ul.options-list strong { .style28(); } } .pp-buttons-container { .action-default { display: inline-block; margin-bottom: @indent__xs; } } } } .adminhtml-system-backup-index, .adminhtml-scheduled-operation-index, .adminhtml-system-currency-index, .adminhtml-system-currencysymbol-index, .adminhtml-cache-index, .adminhtml-system-store-index, .sales-order-status-index { .admin__scope-old { .page-actions.fixed { background-image: none; padding: 0 21px; position: fixed; } } } .adminhtml-system-currency-index { .admin__scope-old { .page-actions.fixed .import-service { display: inline-block; float: none; } } } .adminhtml-cache-index { .admin__scope-old { .additional-cache-management { margin-bottom: 0; } } } .adminhtml-paypal-reports-index { .admin__scope-old { .grid tr.headings th > span { white-space: normal; } .col-transaction_event_code { max-width: 150px; } .col-amount, .col-fee-amount { text-align: right; } } } .newsletter-template-index { .admin__scope-old { .col-id { width: 35px; } .col-actions { width: 80px; } .col-type { width: 100px; } .col-added, .col-updated { width: 140px; } } } .newsletter-template-preview { height: 100%; .cms-revision-preview { height: 100%; .preview_iframe { height: calc(~'100% - 50px'); } } } .adminhtml-email_template-preview { .cms-revision-preview { padding-top: 56.25%; position: relative; #preview_iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } } } .admin__scope-old { .buttons-set { margin: 0 0 15px; button { margin-right: 4px; } } } .newsletter-queue-index { .admin__scope-old { .col-id { width: 35px; } .col-finish, .col-start { width: 130px; } .col-status, .col-processed, .col-recipients { white-space: nowrap; width: 85px; } td.col-processed, .newsletter-queue-index td.col-recipients { text-align: right; } .col-actions { width: 80px; } } } .newsletter-subscriber-index { .admin__scope-old { .col-id { width: 35px; } .col-type { width: 75px; } .col-status { white-space: nowrap; width: 85px; } } } .newsletter-problem-index { .admin__scope-old { .col-select { width: 25px; } .col-id { width: 35px; } .col-start { width: 130px; } .col-error-code { width: 150px; } } } [class*="-order-"] .admin__scope-old .order-information, [class*="-order-"] .admin__scope-old .order-billing-address, [class*="-order-"] .admin__scope-old .order-payment-method, [class^=" adminhtml-rma-"] .admin__scope-old .order-comments-history, [class^=" adminhtml-rma-"] .admin__scope-old .order-shipping-address, [class^=" adminhtml-rma-"] .admin__scope-old .rma-request-details { float: left; width: 49.5%; } [class*="-order-"] .admin__scope-old .order-totals, [class*="-order-"] .admin__scope-old .order-account-information, [class*="-order-"] .admin__scope-old .order-shipping-address, [class*="-order-"] .admin__scope-old .order-payment-method-virtual, [class*="-order-"] .admin__scope-old .order-shipping-method, [class^=" adminhtml-rma-"] .admin__scope-old .rma-confirmation, [class^=" adminhtml-rma-"] .admin__scope-old .order-shipping-method, [class^=" adminhtml-rma-"] .admin__scope-old .order-return-address { float: right; width: 49%; } [class*="-order-"] { .admin__scope-old { .order-card-validation { width: 49.5%; box-sizing: border-box; .actions { margin-top: 17px; } } .order-totals { .field.choice { margin: 20px 0; } } } } [class^=" sales-"] { .admin__scope-old { .order-information .fieldset-wrapper > .fieldset-wrapper-title .title { width: 100%; } } } .adminhtml-rma-new .admin__scope-old .order-totals, [class^=" adminhtml-rma-"] .admin__scope-old .rma-comments-history { float: none; width: 100%; } .checkout-index-index .checkout-errors { .fieldset-wrapper-title { border-bottom: 0; margin: 0; } .title { border-bottom: 1px solid #cac3b4; margin: 0 0 18px; width: 100%; } } [class^=" sales-"] { .admin__scope-old { tr.headings { .col-parent-transaction-id > span, .col-method > span, .col-transaction-id > span, .col-transaction-type > span, .col-gtbase > span, .col-gtpurchased > span, .col-discont > span { white-space: normal; } } } } [class*="-order-"] { .admin__scope-old { .col-price .label, .col-subtotal .label { display: inline-block; min-width: 60px; white-space: nowrap; } .order-subtotal .label { width: 80%; } } } [class*="-order-"] { .admin__scope-old { .item-options { margin: 5px 0 5px 10px; dt { font-weight: bold; } dd { margin: 0 0 0 10px; } } } } [class~=" -order-creditmemo-"] { .admin__scope-old { .no-items { padding-top: 13px; text-align: center; } } } .adminhtml-order-shipment-new { .admin__scope-old { .order-totals .fieldset-wrapper { padding-top: 18px; } } } [class^=" adminhtml-rma-"], .adminhtml-rma-edit { .admin__scope-old { .rma-items th.col-qty span { text-align: left; white-space: normal; } } } .adminhtml-rma-edit .admin__scope-old .data-table .col-carrier, [class^=" sales-billing-agreement-"] .admin__scope-old .log-details .data-table th { width: 20%; } .adminhtml-rma-edit { .admin__scope-old { .data-table { .col-title { width: 35%; } .col-number { width: 25%; } } } } [class*="-order-"] .admin__scope-old .order-shipping-address .price, .order-shipping-address .admin__scope-old .shipping-description-title { font-weight: bold; } [class^=" adminhtml-rma-"] { .admin__scope-old { .col-actions a { cursor: pointer; white-space: nowrap; } .col-reason input[type="text"] { margin: 5px 0 0; width: 100%; } .col-actions .separator { margin: 0 3px; } } } [class^=" sales-"] { .admin__scope-old { .order-payment-method .data-table { margin-top: 15px; } .order-payment-currency { margin-top: 15px; } .grid .data { border-bottom: 1px solid #c0bbaf; } .grid td .option-label { font-weight: bold; } .grid td .option-value { margin: 0 0 0 10px; } } } [class^=" adminhtml-extension-custom-"] { .admin__scope-old { #authors_fieldset .data-table td { vertical-align: top; } } } [class*="-order-"] { .admin__scope-old { .order-billing-address .packaging-window .actions, .order-shipping-address .packaging-window .actions { margin: 0; } } } [class^=' sales-order-'] { .admin__scope-old { .grid .col-name { &:extend(.col-220-max all); } } } .sales-order-index { .admin__scope-old { .grid .col-name { &:extend(.col-110-max all); } } } .sales-order-create-index { .admin__scope-old { .col-phone { &:extend(.col-70-max all); } .col-in_products { &:extend(.col-70); } } } .sales-order-create-index, .sales-order-edit-index { .admin__scope-old { .grid, .grid-actions { &:extend(.side-paddings-0); table .action-configure { float: right; &.disabled { cursor: default; opacity: .5; &:hover { text-decoration: none; } } } } .data-table { .border td { padding-bottom: 15px; } .col-product { &:extend(.ellipsis all); &:extend(.col-150-max all); } } .actions.update { margin: 10px 0; } } } .adminhtml-order-shipment-new { .admin__scope-old { .grid .col-product { max-width: 770px; width: 770px; } } } [class^=' adminhtml-rma-'] { .admin__scope-old { .fieldset-wrapper .data-table td { &:extend(.ellipsis all); &:extend(.col-670-max); } .grid { .col-product_sku { &:extend(.ellipsis all); &:extend(.col-70-max all); } .col-name, .col-product { &:extend(.col-150-max all); } .col-product_name { &:extend(.ellipsis all); &:extend(.col-110-max all); } } .col-actions { a { &:extend(.col-actions-links); } } .rma-request-details { &:extend(.data-table-td-max all); } #rma_items_grid_table .headings th { &:extend(.nowrap all); } } } .catalog-product-index { .admin__scope-old { .grid .col-name { &:extend(.col-110-max all); } } } .catalog-product-edit { .admin__scope-old { .ui-tabs-panel .grid { .hor-scroll { &:extend(.h-scroll); } .col-name, .col-type, .col-sku { &:extend(.col-70-max all); } .col-price, .col-position { &:extend(.col-50 all); } } } } .catalog-product-index { .admin__scope-old { .grid .hor-scroll { &:extend(.h-scroll); } } } .catalog-product-review-index { .admin__scope-old { .grid { .col-name, .col-title { &:extend(.col-110-max all); } } } } .catalog-category-edit { .admin__scope-old { .grid { .col-name { &:extend(.col-220-max all); } } } } .customer-index-index { .admin__scope-old { .grid { .col-name { max-width: 90px; width: 90px; } .col-customer_since, .col-billing_country_id { &:extend(.col-70-max all); } .col-billing_region { width: 70px; } } } } [class^=' customer-index-'] { .admin__scope-old { .fieldset-wrapper, .accordion { .grid .col-created_at { &:extend(.col-70-max all); } } .col-action a { &:extend(.col-actions-links); } } } .customer-index-edit { .admin__scope-old { .ui-tabs-panel .grid .col-name { &:extend(.col-110-max all); } } } .col-grid_segment_name { .admin__scope-old { &:extend(.col-570-max all); &:extend(.ellipsis all); } } .adminhtml-catalog-event-index { .admin__scope-old { .col-category { &:extend(.ellipsis all); &:extend(.col-220-max all); } } } [class^=' catalog-search'] { .admin__scope-old { .col-search_query, .col-synonym_for, .col-redirect { &:extend(.ellipsis all); &:extend(.col-150-max all); } } } .adminhtml-urlrewrite-index { .admin__scope-old { .col-request_path { &:extend(.ellipsis all); &:extend(.col-150-max all); } } } .content-category-tree { clear: both; .jstree-default { margin-bottom: 3rem; .disabled { > a { color: #a29c94; } } } } .review-product-index { .admin__scope-old { .grid { .hor-scroll { &:extend(.h-scroll); } .col-name { &:extend(.col-110-max all); } } } } .adminhtml-cms-page-index { .admin__scope-old { .col-title, .col-identifier { &:extend(.ellipsis all); &:extend(.col-110-max all); } } } .adminhtml-cms-hierarchy-index { .admin__scope-old { .col-title, .col-identifier { &:extend(.ellipsis all); max-width: 410px; width: 410px; } } } .adminhtml-widget-instance-index { .admin__scope-old { .col-title { &:extend(.col-370-max all); &:extend(.ellipsis all); } } } .adminhtml-widget-instance-edit { .admin__scope-old { .grid-chooser .control { margin-top: -19px; width: 80%; .grid-actions { padding: 0 0 15px; } .grid { padding: 0; } .addon { input:last-child, select:last-child { border-radius: 0; } } } } .fieldset-widget-options { // ToDo UI: To be removed after renderer form elements is refactored or updated. .admin__field { &:last-child { .mage-error { margin-bottom: @indent__m; margin-top: -@indent__xl; } } } } } .reports-report-product-lowstock { .admin__scope-old { .grid { .col-name { &:extend(.col-670-max all); } .col-sku { &:extend(.col-220-max all); } } } } .reports-report-shopcart-product, .reports-report-review-customer { .admin__scope-old { .grid .col-name { &:extend(.col-670-max all); } } } .reports-report-shopcart-abandoned { .admin__scope-old { .grid .col-name { &:extend(.col-150-max all); } } } [class^=' reports-'] [class^='col-total'], [class^=' reports-'] [class^='col-average'], [class^=' reports-'] [class^='col-ref-'], [class^=' reports-'] [class^='col-rate'], [class^=' reports-'] [class^='col-tax-amount'] { .admin__scope-old { &:extend(.col-70 all); } } .reports-report-sales-invoiced, .reports-report-sales-refunde { .admin__scope-old { .grid .col-period { &:extend(.col-auto all); } } } .reports-index-search { .admin__scope-old { .col-query_text { &:extend(.col-570-max all); &:extend(.ellipsis all); } } } .reports-report-product-sold { .admin__scope-old { .grid .col-name { max-width: 720px; width: 720px; } } } .newsletter-problem-index { .admin__scope-old { .grid { .col-name, .col-subject, .col-product { &:extend(.col-220-max all); } } } } .adminhtml-banner-edit { .admin__scope-old { .grid .col-name { &:extend(.col-220-max all); } } } .tax-rule-index { .admin__scope-old { .grid .col-title { &:extend(.col-150-max all); } } } .adminhtml-rma-item-attribute-index { .admin__scope-old { .grid { .col-label { &:extend(.col-220-max all); } .col-attr-code { &:extend(.ellipsis); &:extend(.col-150-max all); } } } } .adminhtml-rma-edit { .admin__scope-old { .hor-scroll { &:extend(.h-scroll); } } } .adminhtml-system-store-index { .admin__scope-old { .grid td { &:extend(.ellipsis all); max-width: 310px; } } } .adminhtml-system-currency-index { .admin__scope-old { .grid { padding-top: 0; } .col-currency-edit-rate { min-width: 40px; } .col__base-currency { font-weight: bold; } .old-rate { display: block; margin-top: 3px; text-align: center; } .hor-scroll { overflow-x: auto; min-width: 970px; } } } .adminhtml-system-currencysymbol-index { .admin__scope-old { .col-currency { width: 35%; } .grid .input-text { margin: 0 10px 0 0; width: 50%; } } } [class^=' adminhtml-customer-'], .adminhtml-rma-item-attribute-index { .admin__scope-old { .col-label { &:extend(.col-370-max all); } .col-required, .col-system, .col-is_visible, .col-sort_order { &:extend(.col-70 all); } } } .catalog-product-attribute-index { .admin__scope-old { .col-attr-code, .col-label { &:extend(.col-110-max all); &:extend(.ellipsis); } [class^=' col-is_'], .col-required, .col-system { &:extend(.col-70 all); } } } .catalog-product-attribute-edit { .admin__scope-old { .data-table { th { &._required { span { &:after { content: '*'; .lib-typography( @_font-size: @form-field-label-asterisk__font-size, @_color: @form-field-label-asterisk__color, @_font-family: @form-field-label-asterisk__font-family, @_font-weight: @form-field-label-asterisk__font-weight, @_line-height: @form-field-label-asterisk__line-height, @_font-style: @form-field-label-asterisk__font-style ); .lib-css(margin, @form-field-label-asterisk__margin); } } } } } } .admin__control-table-wrapper { clear: both; } } .catalog-product-set-index { .admin__scope-old { .col-set_name { max-width: 930px; width: 930px; } } } .adminhtml-export-index { .admin__scope-old { .grid-actions, .data-grid { &:extend(.side-paddings-0); } .col-label, .col-code { &:extend(.col-220-max all); } .col-code { &:extend(.ellipsis all); } .data-grid { td { vertical-align: middle; } .input-text-range { margin: 0 10px 0 5px; width: 37%; } ._has-datepicker { margin: 0 5px; width: 32%; } .admin__control-support-text { margin-right: .5rem; } } .data-grid-checkbox-cell { padding-right: 1rem; padding-left: 1rem; text-align: center; } } } .adminhtml-scheduled-operation-index { .admin__scope-old { .grid .col-name { &:extend(.col-220-max all); } } } .adminhtml-logging-index { .admin__scope-old { .grid .col-fullaction { &:extend(.ellipsis all); &:extend(.col-220-max all); } } } .adminhtml-notification-index { .col-actions a { &:extend(.col-actions-links); white-space: nowrap; } } .adminhtml-process-list { .admin__scope-old { .col-action a, .col-mode { &:extend(.nowrap all); } } } .adminhtml-notification-index, .adminhtml-cache-index, .adminhtml-process-list, .indexer-indexer-list { .admin__scope-old { .grid .col-select { width: 10px; } } } .adminhtml-locks-index { .admin__scope-old { .grid .col-name { &:extend(.col-570-max all); } } } .adminhtml-system-variable-index { .admin__scope-old { .grid .col-code { &:extend(.col-370-max all); &:extend(.ellipsis all); } } } .adminhtml-logging-index { .admin__scope-old { .grid .col-info { &:extend(.col-110-max all); &:extend(.ellipsis all); } } } .tax-rate-popup .form-inline .field { position: static; &.required .label { position: relative; z-index: 1; } } #product-edit-form-tabs .ui-tabs-panel { border-top-width: 0; .main-col & { padding-left: 0; padding-right: 0; } } .ext-strict { .x-small-editor { .x-form-text.x-form-field.folder { height: auto !important; } } } @media print { * { background: transparent !important; color: @color-black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Theme/css/source/_module-old.less000077700000001324151323550650024500 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // @group Header .main-col { min-height: 20rem; // ToDo UI: delete if sticky footer } // // Icons // --------------------------------------------- .icon-error { margin-left: 15px; color: #c00815; font-size: 11px; &:before { font-family: 'MUI-Icons'; content: "\e086"; font-size: 13px; line-height: 13px; overflow: hidden; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle; text-align: center; margin: -1px 5px 0 0; } } pub/static/adminhtml/Magento/backend/en_US/Magento_Theme/css/source/.htaccess000077700000000177151323550650023213 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Theme/css/.htaccess000077700000000177151323550650021713 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Theme/.htaccess000077700000000177151323550650021123 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Shipping/css/source/_module.less000077700000000443151323550650024444 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Order Shipment // --------------------------------------------- .order-shipment-table { &:extend(.abs-order-tables all); &:extend(.abs-order-tbody-border all); } pub/static/adminhtml/Magento/backend/en_US/Magento_Shipping/css/source/.htaccess000077700000000177151323550650023732 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Shipping/css/.htaccess000077700000000177151323550650022432 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Shipping/.htaccess000077700000000177151323550650021642 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/PHPCuong_Faq/css/source/_module.less000077700000000214151323550650023417 0ustar00@import '../faq-extension/style.css'; .admin__menu .item-faqs.level-0>a:before { content: "\e900"; font-family: 'faq-extension'; } pub/static/adminhtml/Magento/backend/en_US/PHPCuong_Faq/css/source/.htaccess000077700000000177151323550650022711 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/PHPCuong_Faq/css/faq-extension/.htaccess000077700000000177151323550650024172 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/PHPCuong_Faq/css/faq-extension/style.css000077700000002536151323550650024247 0ustar00@font-face { font-family: 'faq-extension'; src: url('fonts/faq-extension.eot?uvajb2'); src: url('fonts/faq-extension.eot?uvajb2#iefix') format('embedded-opentype'), url('fonts/faq-extension.ttf?uvajb2') format('truetype'), url('fonts/faq-extension.woff?uvajb2') format('woff'), url('fonts/faq-extension.svg?uvajb2#faq-extension') format('svg'); font-weight: normal; font-style: normal; } [class^="faq-icon"], [class*=" faq-icon"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'faq-extension' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .faq-iconkeyboard_arrow_right:before { content: "\e902"; } .faq-iconicon-gpg:before { content: "\e901"; } .faq-iconfaq-icon:before { content: "\e900"; color: #fff; } .faq-iconcalendar:before { content: "\e953"; } .faq-iconuser:before { content: "\e971"; } .faq-iconeye:before { content: "\e9ce"; } .faq-iconhappy:before { content: "\e9df"; } .faq-iconangry:before { content: "\e9ed"; } .faq-iconplus:before { content: "\ea0a"; } .faq-iconminus:before { content: "\ea0b"; } .faq-iconsearch:before { content: "\e986"; } pub/static/adminhtml/Magento/backend/en_US/PHPCuong_Faq/css/.htaccess000077700000000177151323550650021411 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/PHPCuong_Faq/.htaccess000077700000000177151323550650020621 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Reward/css/source/_module.less000077700000001651151323550650024111 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Reward Page // _____________________________________________ // // Variables // --------------------------------------------- @boundary__margin: 30px; @boundary__ratio: 1.75; .adminhtml-reward-rate-edit { .field-rate { .admin__field-control { &:extend(.abs-clearfix all); } .boundary { float: left; width: 125px; } .boundary-upper { margin-left: @boundary__margin; position: relative; &:before { content: '»'; left: -(@boundary__margin / @boundary__ratio); position: absolute; top: 25%; } label { .lib-visibility-hidden(); display: block; } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Reward/css/source/.htaccess000077700000000177151323550650023375 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Reward/css/.htaccess000077700000000177151323550650022075 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Reward/.htaccess000077700000000177151323550650021305 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/.htaccess000077700000000177151323550650016407 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Developer/css/source/_module-old.less000077700000000506151323550650025364 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .debugging-hints { .page-actions { position: relative; z-index: 1; .debugging-hint-template-file { left: auto !important; right: 0 !important; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Developer/css/source/.htaccess000077700000000177151323550650024076 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Developer/css/.htaccess000077700000000177151323550650022576 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Developer/.htaccess000077700000000177151323550650022006 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_MediaGalleryCatalogUi/css/source/_module.less000077700000001256151323550650027016 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ & when (@media-common = true) { .media-gallery-category-container { .admin__field-label { text-align: left; } .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .admin__field:not(.admin__field-option) > .admin__field-label { font-size: 1.3rem; font-weight: bold; line-height: 2.1rem; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_MediaGalleryCatalogUi/css/source/.htaccess000077700000000177151323550650026301 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_MediaGalleryCatalogUi/css/.htaccess000077700000000177151323550650025001 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_MediaGalleryCatalogUi/.htaccess000077700000000177151323550650024211 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Analytics/css/source/_module.less000077700000007546151323550650024625 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @button-advanced-reports__background-color: #007dbd; @button-advanced-reports__color: @color-white; @button-advanced-reports__hover__background-color: darken(@button-advanced-reports__background-color, 3%); @button-advanced-reports__hover__border-color: @button-advanced-reports__background-color; // // Dashboard Section // _____________________________________________ .dashboard-advanced-reports { .lib-vendor-prefix-display(flex); border-color: @color-gray89; border-style: solid; border-width: 1px 0; margin-bottom: @indent__l; padding: @indent__m 0; } .dashboard-advanced-reports-title { &:extend(.dashboard-item-title all); margin-bottom: @indent__s; } .dashboard-advanced-reports-content { line-height: @line-height__xl; } .dashboard-advanced-reports-actions { .lib-vendor-prefix-flex-basis(auto); .lib-vendor-prefix-flex-grow(1); .lib-vendor-prefix-flex-shrink(1); align-self: center; margin-left: @indent__m; margin-right: @page-main-actions__padding; text-align: right; } .action-advanced-reports { &:extend(.abs-action-l all); &:extend(.abs-action-pattern all); background-color: @button-advanced-reports__background-color; border-color: @button-advanced-reports__background-color; color: @button-advanced-reports__color; text-shadow: 1px 1px 0 rgba(0, 0, 0, .25); white-space: nowrap; &:after { &:extend(.abs-icon all); content: @icon-external-link__content; font-size: @font-size__xs; vertical-align: super; } &:hover, &:active, &:focus { background-color: @button-advanced-reports__hover__background-color; border-color: @button-advanced-reports__hover__border-color; box-shadow: @button__hover__box-shadow; color: @button-advanced-reports__color; text-decoration: none; } &.disabled, &[disabled] { cursor: default; opacity: @disabled__opacity; pointer-events: none; } } // // Modal on dashboard // --------------------------------------------- .advanced-reports-subscription-modal { .modal-inner-wrap { margin-top: 13rem; max-width: 75rem; .modal-content, .modal-header { padding-left: 4rem; padding-right: 4rem; .action-close { display: none; } } } .admin__fieldset { padding: 0; } } .advanced-reports-subscription-text { line-height: @line-height__xl; padding-bottom: 8rem; } .advanced-reports-subscription-close { display: block; float: right; } .advanced-reports-subscription-modal { h1:first-of-type { background: url("Magento_Analytics::images/analytics-icon.svg") no-repeat; background-size: 55px 49.08px; padding: 1.5rem 0 2rem 7rem; } } // // Configuration // _____________________________________________ .config-additional-comment { border-color: @color-gray80; border-style: solid; border-width: 1px 0; margin: @indent__l 0; padding: @indent__m; } .config-additional-comment-title { margin-bottom: @indent__xs; } .config-additional-comment-content { line-height: @line-height__l; } .config-vertical-title { clear: both; color: rgb(48, 48, 48); font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; } .config-vertical-comment { line-height: 1.5; margin-bottom: .5em; margin-top: 1rem; } /** * @codingStandardsIgnoreStart */ #row_analytics_general_vertical { >td.config-vertical-label { >label.admin__field-label { padding-right: 0; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Analytics/css/source/.htaccess000077700000000177151323550650024100 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Analytics/css/.htaccess000077700000000177151323550650022600 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Analytics/.htaccess000077700000000177151323550650022010 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Config/css/source/_module.less000077700000006761151323550650024101 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Stores -> Configuration // _____________________________________________ .section-config { .__collapsible-block-wrapper-pattern(); .admin__collapsible-block { tr { &:last-child { > td { > .section-config { border-bottom-color: transparent; padding-bottom: 0; > .config { padding-bottom: 0; } } } } } } // Sub blocks .section-config { .__collapsible-sub-block-wrapper-pattern(); .entry-edit-head { > a { .__collapsible-sub-title-pattern(); } } } &.complex .section-config.with-button.enabled > .entry-edit-head, // PayPal connected .config td.label label.enabled { &:before { &:extend(.abs-icon all); background-color: @success__color; border-radius: 100%; color: @color-white; content: @icon-check-mage__content; display: block; float: left; font-size: 1.6rem; font-weight: @font-weight__regular; height: 1em; margin-left: -25px; margin-top: .2rem; overflow: hidden; width: 1em; } } &.config-advanced { padding-top: @collapsible-content__indent; .section-config { padding-top: @collapsible-content__indent; } } &.with-button { padding: 2rem 0; &.active { padding-bottom: 0; .config-heading { margin-bottom: 2rem; } } .section-config { margin-left: 0; .section-config { margin-left: @collapsible-sub-block__indent; } } .config-heading { strong { display: block; font-size: @font-size__base; font-weight: @font-weight__bold; margin-bottom: .5rem; } .button-container { margin: 1.5rem 0 0; } } .button-container { line-height: 28px; a { margin-left: 20px; } } .action-configure { &.open { .state-opened { height: auto; overflow: auto; visibility: visible; } } &.open .state-closed, .state-opened { height: 0; overflow: hidden; visibility: hidden; } span { display: block; position: relative; text-align: center; } } } .config { padding-bottom: @collapsible-content__indent; h4 { color: @collapsible-title__color; font-size: @collapsible-title__font-size; font-weight: @font-weight__semibold; margin-bottom: 0; padding-left: (@collapsible-title-icon__size + 1rem); padding-top: @collapsible-content__indent; } } > .config { &.admin__collapsible-block { display: none; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Config/css/source/.htaccess000077700000000177151323550650023356 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Config/css/.htaccess000077700000000177151323550650022056 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Config/.htaccess000077700000000177151323550650021266 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Downloadable/css/source/_module.less000077700000005653151323550650025266 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .admin__field-is-downloaodable { margin-bottom: @indent__l; } // // File uploads dynamic control // --------------------------------------------- .downloadable-form { .admin__legend { font-size: 1.8rem; + .note { margin-bottom: @indent__l; } } .admin__control-table { th { padding-bottom: 1.3rem; vertical-align: top; } tbody { tr { &:first-child { td { padding-top: 0; } } } } td { vertical-align: top; &.col-sort { padding-right: 15px; width: 15px; } } } th { &.col-sort { span { display: none; } } } td { &.col-actions-add { background: @page-wrapper__background-color; padding: 0; } } .col-actions { width: 15px; } .draggable-handle { &:extend(.abs-draggable-handle all); margin-top: .3rem; } &.admin__fieldset { // ToDo UI: remove with .admin__scope-old .draggable-handle { background: none; height: inherit; line-height: inherit; } } .action-delete { margin-top: .4rem; padding: 0; &:before { color: @color-gray60; font-size: 1.8rem; } } .action-add { &:extend(.action-tertiary all); padding: @indent__xs 0 0; } .admin__field-file-url { padding-left: 2.6rem; .admin__field-label { span { display: none; } } .admin__field-label { margin-left: -2.6rem; } } .admin__field-uploader { display: inline-block; margin-left: @indent__xs; vertical-align: top; } .fileinput-button { color: @link__color; cursor: pointer; display: inline-block; &:hover { color: @link__hover__color; text-decoration: underline; } } .file-info-size { font-size: 1.2rem; } .note { margin-top: .8rem; } &.admin__fieldset { // ToDo UI: remove after admin__scope-old class removal for the product page padding: 0; .admin__control-radio { position: absolute; } } } @-moz-document url-prefix() { // Firefox fieldset overflow bug fix: horizontal scroll for the table does not appear .downloadable-form { display: table-column; } } .admin__dynamic-rows { &.admin__control-table { .file-uploader-filename { max-width: 170px; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_Downloadable/css/source/.htaccess000077700000000177151323550650024544 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Downloadable/css/.htaccess000077700000000177151323550650023244 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_Downloadable/.htaccess000077700000000177151323550650022454 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftWrapping/css/source/_module.less000077700000006666151323550650025301 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Create Order -> Gift wrapping // _____________________________________________ .order-create-gift-wrapping { float: left; #mix-grid .width(6, 12); .admin__field { margin: 1.5rem 0; } .gift-wrapping-design { display: none; &._active { display: block; } } } .giftmessage-order-create { & + .order-create-gift-wrapping { float: right; } } .order-create-gift-wrapping, .order-gift-options, .gift-options-popup { .gift-wrapping-design { &:extend(.abs-clearfix all); .image-box { float: left; margin-right: 1.5rem; max-height: 7.5rem; max-width: 7.5rem; } } } .order-gift-options { .admin__field { margin: 1.5rem 0; } } .gift-options-popup { .admin__legend { &:extend(.abs-fieldset-legend all); } .admin__field { &:extend(.abs-field-rows all); margin-bottom: 1.5rem; } .price { font-weight: @font-weight__bold; } .image-box { display: none; &._active { display: block; } } } .ui-dialog { .gift-wrapping-form { .admin__legend { margin: 0; } } } // // Stores -> Other Settings -> Gift wrapping (create/edit) // _____________________________________________ // TODO UI: remove after page build on ui-components [class*='adminhtml-giftwrapping-'] { .field-base_price { .admin__field-control { max-width: @field-size__s; } .admin__control-addon { > .addafter { &:extend(.admin__addon-prefix all); .lib-vendor-prefix-flex-basis(auto); .lib-vendor-prefix-flex-grow(0); .lib-vendor-prefix-flex-shrink(0); position: relative; z-index: 1; } [class*='admin__control-'][class] { & ~ .addafter:last-child { padding-left: 1rem; position: static !important; z-index: 0; > * { position: relative; vertical-align: top; z-index: 1; } } & ~ .addafter:last-child:before { &:extend(.abs-form-control-pattern); bottom: 0; box-sizing: border-box; content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } &[disabled] ~ .addafter:last-child:before { &:extend(.abs-form-control-pattern[disabled]); } &:focus ~ .addafter:last-child:before { &:extend(.abs-form-control-pattern:focus); } &:hover ~ .addafter:last-child:before { &:extend(.abs-form-control-pattern:hover); } } } } .field-image { .admin__field-control { padding-top: .8rem; > a { display: inline-block; vertical-align: middle; } } } } pub/static/adminhtml/Magento/backend/en_US/Magento_GiftWrapping/css/source/.htaccess000077700000000177151323550650024552 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftWrapping/css/.htaccess000077700000000177151323550650023252 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_GiftWrapping/.htaccess000077700000000177151323550650022462 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ReCaptchaUser/css/recaptcha.css000077700000000427151323550650024206 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-content .field-recaptcha { margin-left: auto; } .login-content .field-invisible-recaptcha { padding-left: 30px !important; margin-top: -10px; margin-bottom: 35px; } pub/static/adminhtml/Magento/backend/en_US/Magento_ReCaptchaUser/css/.htaccess000077700000000177151323550650023342 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ReCaptchaUser/css/recaptcha.less000077700000000465151323550650024366 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-content { .field-recaptcha { margin-left: auto; } .field-invisible-recaptcha { padding-left: 30px !important; margin-top: -10px; margin-bottom: 35px; } } pub/static/adminhtml/Magento/backend/en_US/Magento_ReCaptchaUser/.htaccess000077700000000177151323550650022552 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/source/_module.less000077700000001350151323550650026622 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components // --------------------------------------------- @import 'module/components/_steps-wizard.less'; // Steps Wizard Container @import 'module/components/_navigation-bar.less'; // Navigation Bar @import 'module/components/_grid.less'; // Grid styles @import 'module/components/_currency-addon.less'; // Currency Addon Styles @import 'module/components/_attributes_template_popup.less'; // Choose Affected Attribute Set popup // Main Steps @import 'module/steps/_select-attributes.less'; @import 'module/steps/_attribute-values.less'; @import 'module/steps/_bulk-images.less'; @import 'module/steps/_summary.less'; pub/static/adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/source/_module-old.less000077700000005766151323550650027415 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .product-actions { .lib-clearfix(); .switcher { float: right; } } #configurable-attributes-container .actions-select { .lib-dropdown( @_dropdown-list-pointer: false ); .action.toggle { background: @color-white; border-radius: 0 1px 1px 0; border: 1px solid #ada89e; height: 33px; padding: 4px 5px; > span { display: inline-block; padding-top: 3px; } &:after { width: 14px; text-indent: -2px; } } ul.dropdown { li:hover { background: #eef8fc; } a { color: #333; text-decoration: none; } } } #product-variations-matrix { .actions-image-uploader { .lib-dropdown-split( @_dropdown-split-list-pointer: false ); display: block; position: static; width: 70px; .action.toggle { padding: 0 3px; border: 1px solid #b7b2a7; background: @color-white; border-radius: 0 1px 1px 0; border-left: none; height: 50px; float: left; &.no-display { display: none; } &:after { width: 12px; text-indent: -5px; } } ul.dropdown { left: 0; margin-top: 50px; min-width: 0; top: auto; width: 100px; li:hover { background: #eef8fc; } a { color: #333; text-decoration: none; } } } .col-name { background-clip: padding-box; // Firefox missing border fix } .action-choose { margin-left: 5px; position: absolute; } input { + .action-choose { top: 17px; } } .col-qty, .col-weight { > input { width: 5.5rem; } } .col-price { .addon { direction: rtl; position: relative; width: auto; .addafter { background: @color-white; border-width: 1px 0 1px 1px; direction: ltr; height: 33px; left: 0; position: absolute; top: 0; width: 16px; strong { background: none; top: 4px; } } input { border-width: 1px 1px 1px 0; direction: ltr; margin-left: 16px; width: 100px; &[disabled] { + .addafter { background: #e8e8e8; } } } } } } backend/en_US/Magento_ConfigurableProduct/css/source/module/components/navigation-bar/_buttons.less000077700000000560151323550650035331 0ustar00pub/static/adminhtml/Magento// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .action-wrap-prev, .action-wrap-next { &:extend(.abs-action-wrap-triangle all); min-width: 8.5rem; } .action-wrap-prev { &:extend(.abs-action-wrap-triangle-left all); } .action-wrap-next { &:extend(.abs-action-wrap-triangle-right all); } backend/en_US/Magento_ConfigurableProduct/css/source/module/components/navigation-bar/.htaccess000077700000000177151323550650034406 0ustar00pub/static/adminhtml/Magento<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>en_US/Magento_ConfigurableProduct/css/source/module/components/navigation-bar/_navigation-bar.less000077700000021447151323550650036543 0ustar00pub/static/adminhtml/Magento/backend// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Navigation Bar in Steps Wizard // _____________________________________________ // // Variables // _____________________________________________ @nav__background-color: @color-white-fog; @nav__border-color: @color-gray89; @nav__indent-right: 1.5rem; @nav-bar__color: @color-brownie; @nav-bar__font-size: 1.2rem; @nav-bar__height__base: ((@button__font-size * @button__line-height) + (@button__font-size * @button__padding-top) + (@button__font-size * @button__padding-top)); @nav-bar__indent-top: 3rem; @nav-bar__min-height: 5.8rem; @nav-bar-bullet-wrap__background-color: @color-gray84; @nav-bar-bullet-wrap__border-bottom-color: @color-gray85; @nav-bar-bullet-wrap__border-top-color: @color-gray75; @nav-bar-dot__size: 2.2rem; @nav-bar-items__indent-bottom: 1.7rem; @nav-bar-item__color: @color-gray65; @nav-bar-point__border-width: .4rem; @nav-bar-point__size: .7rem; @nav-bar-step__width: 10.3rem; // // Common // _____________________________________________ // // Navigation // --------------------------------------------- .nav { &:extend(.abs-clearfix all); background-color: @nav__background-color; border-bottom: 1px solid @nav__border-color; border-top: 1px solid @nav__border-color; display: none; padding: @nav-bar-dot__size @nav__indent-right 0 0; } // Buttons panel .nav-bar-outer-actions { margin-bottom: @nav-bar-items__indent-bottom; .action-wrap { display: inline-block; margin-left: .5rem; margin-right: .5rem; } } .nav-bar-outer-actions { margin-top: -(@nav-bar__indent-top + @nav-bar__min-height + @nav-bar-items__indent-bottom + .1rem); padding-right: @nav__indent-right; } // // Progress bar // --------------------------------------------- .nav-bar { counter-reset: i; float: left; margin: 0 1rem @nav-bar-items__indent-bottom 0; padding: 0; position: relative; white-space: nowrap; // Progress line tunnel &:before { .lib-background-gradient( @_background-gradient: true, @_background-gradient-direction: vertical, @_background-gradient-color-start: @color-gray82, @_background-gradient-color-end: @color-gray83 ); border-bottom: 1px solid @nav-bar-bullet-wrap__border-bottom-color; border-top: 1px solid @nav-bar-bullet-wrap__border-top-color; content: ''; height: .8rem; left: @nav-bar-step__width / 2; position: absolute; right: @nav-bar-step__width / 2; top: @nav-bar-point__size; } // Step link wrap > li { display: inline-block; font-size: 0; position: relative; vertical-align: top; width: @nav-bar-step__width; // Discard progress line for first item &:first-child { &:after { display: none; } } // Progress line &:after { background-color: @nav-bar__color; content: ''; height: .5rem; left: ~'calc(-50% + .25rem)'; position: absolute; right: ~'calc(50% + .7rem)'; top: .9rem; } // Disabled state &.disabled, &.ui-state-disabled { &:before { bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } } // Active step link wrap &.active, &.ui-state-active { // Not visited ~ li { // Not visited progress line (discard) &:after { display: none; } a { // Not visited step link bullet &:after { background-color: transparent; border-color: transparent; color: @nav-bar-item__color; } } } // Active link a { color: darken(@nav-bar__color, 30%); &:hover { cursor: default; } // Active step link bullet &:after { background-color: @color-white; content: ''; } } } } // Visited step link a { color: @nav-bar__color; display: block; font-size: @nav-bar__font-size; font-weight: @font-weight__semibold; line-height: 1.2; overflow: hidden; padding: 3rem .5em 0; position: relative; text-align: center; text-overflow: ellipsis; &:hover { text-decoration: none; } // Visited step link bullet &:after { background-color: @nav-bar__color; border: 4px solid @nav-bar__color; border-radius: 100%; color: @color-white; content: counter(i); counter-increment: i; height: @nav-bar-point__size; left: 50%; line-height: .6; margin-left: -@nav-bar-point__size - .1; position: absolute; right: auto; text-align: center; top: @nav-bar-dot__size / 2 - (@nav-bar-point__size / 2) - @nav-bar-point__border-width + .05; width: @nav-bar-point__size; } // Visited step link bullet wrap &:before { background-color: @nav-bar-bullet-wrap__background-color; border: 1px solid transparent; border-radius: 100%; content: ''; height: @nav-bar-dot__size - .1; left: 50%; line-height: 1; margin-left: -(@nav-bar-dot__size / 2) - .1; position: absolute; top: 0; width: @nav-bar-dot__size - .1; } } } // // Steps // --------------------------------------------- .steps-wizard { .nav-bar { margin: @indent__xs 0 0; a { text-overflow: initial; white-space: normal; } :after, :before { box-sizing: content-box; } } .nav-bar-outer-actions { margin-top: @indent__s; padding-right: 0; } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .nav-bar { width: @nav-bar-step__width * .75 * 3; > li { width: @nav-bar-step__width - .3; } } .nav .btn-group, .nav-bar-outer-actions { .btn-wrap-try-again { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; margin-top: 1rem; padding-top: 1rem; } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .nav-bar { &:before { display: none; } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .nav { padding-bottom: 0; padding-left: 0; padding-right: 0; } .nav-bar-outer-actions { margin-top: 0; } .nav-bar { &:extend(.abs-clearfix all); display: block; margin-bottom: 0; margin-left: auto; margin-right: auto; width: @nav-bar-step__width * 4; > li { float: left; min-height: 9rem; &:after { display: none; } } a { line-height: 1.4; } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) { .nav { padding-bottom: @nav-bar__height__base + @nav-bar-items__indent-bottom; padding-left: 1.5rem; text-align: center; } .nav-bar { display: inline-block; float: none; margin-right: 0; vertical-align: top; } .nav .btn-group, .nav-bar-outer-actions { display: inline-block; float: none; margin-top: -(@nav-bar__indent-top + @nav-bar__height__base + @nav-bar-items__indent-bottom + .1rem); text-align: center; vertical-align: top; width: 100%; } .nav-bar-outer-actions { padding-right: 0; .outer-actions-inner-wrap { display: inline-block; } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { // Buttons panel .nav-bar-outer-actions { float: right; } } Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/components/_steps-wizard.less000077700000003773151323550650033377 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @steps-wizard-section-title__border-color: @color-gray89; @steps-wizard-section-title__font-size: 1.8rem; // // Common // _____________________________________________ .product-create-configuration { &:extend(.abs-clearfix all); padding: @indent__s 0; .product-create-configuration-info { float: left; width: 60%; } .product-create-configuration-actions { float: right; text-align: right; width: 40%; &:extend(.abs-clearfix all); } .product-create-configuration-action { float: right; margin-left: @indent__s; } .action-menu-item { padding-right: 0; } } .steps-wizard { position: relative; .steps-wizard-navigation { &:extend(.abs-clearfix all); background: @page-main-actions__background-color; border-bottom: 1px solid @page-main-actions__border-color; border-top: 1px solid @page-main-actions__border-color; margin: 0 0 @indent__base; padding: @page-main-actions__padding; text-align: center; } .steps-wizard-title { font-size: 2.4rem; margin: 0 0 @indent__s; } .steps-wizard-info { margin: 0 0 @indent__base; } .admin__data-grid-wrap { .action-multicheck-wrap { position: static; .action-menu { left: 0; margin-top: 16px; right: auto; top: auto; z-index: 2; } } .note { margin: @indent__base 0; } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .steps-wizard { .steps-wizard-navigation { text-align: left; } } } en_US/Magento_ConfigurableProduct/css/source/module/components/_attributes_template_popup.less000077700000000763151323550650036243 0ustar00pub/static/adminhtml/Magento/backend// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .affected-attribute-set { .admin__fieldset { margin: @indent__base 0 0 @indent__l; .admin__field { &:extend(.abs-field-rows all); } } .admin__field-option { .addafter { &:before { margin-right: @indent__s; } &:after { top: 3px; } } } } Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/components/_currency-addon.less000077700000003661151323550650033654 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @currency-addon-symbol__border-color: @field-control__border-color; @currency-addon-symbol__color: @color-gray52; @currency-addon-symbol__height: @field-control__height; @currency-addon-symbol__width: 2.6rem; // // Common // _____________________________________________ .currency-addon { .lib-vendor-prefix-display(inline-flex); border: 1px solid rgb(173,173,173); flex-flow: row nowrap; position: relative; width: 100%; .admin__control-text { -ms-flex-order: 1; -webkit-appearance: none; -webkit-flex-grow: 1; -webkit-flex-shrink: 1; -webkit-order: 1; appearance: none; background-color: transparent; border-color: transparent; box-shadow: none; flex-grow: 1; flex-shrink: 1; order: 1; vertical-align: top; &:focus { + .currency-symbol { border-color: @field-control__focus__border-color; } } } label.error { left: 0; position: absolute; top: 33px; } .currency-symbol { -webkit-flex-basis: auto; -webkit-flex-grow: 0; -webkit-flex-shrink: 0; border: solid @currency-addon-symbol__border-color; border-width: 0; box-sizing: border-box; color: @currency-addon-symbol__color; flex-basis: auto; flex-grow: 0; flex-shrink: 0; height: @currency-addon-symbol__height; order: 0; padding: 7px 0 0 @indent__xs; position: static; transition: @smooth__border-color; z-index: 1; } ._error & { .admin__control-text, .currency-symbol { border-color: @field-error-control__border-color; } } } adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/components/_grid.less000077700000001236151323550650031660 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .data-grid-configurable { .col-image { padding: 1rem; width: 6rem; } .images-uploaded { display: inline-block; position: relative; span { .lib-font-size(11); background: @color-white; border: 1px solid @color-gray64; border-radius: 10px; line-height: 10px; min-width: 20px; padding: .4rem; position: absolute; right: -8px; text-align: center; top: -8px; } } } adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/components/.htaccess000077700000000177151323550650031505 0ustar00pub/static<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/components/_navigation-bar.less000077700000000426151323550650033634 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Local Navigation Bar // --------------------------------------------- @import 'navigation-bar/_navigation-bar.less'; @import 'navigation-bar/_buttons.less'; pub/static/adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/.htaccess000077700000000177151323550650027377 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/steps/_select-attributes.less000077700000001020151323550650033336 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // --------------------------------------------- .steps-wizard { .select-attributes-block { &:extend(.abs-clearfix all); margin: 0 0 @indent__base; } .select-attributes-actions { float: right; margin-bottom: @indent__s; .action-default { &:extend(.abs-action-secondary all); &:extend(.abs-action-l all); } } } adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/steps/_summary.less000077700000000507151323550650031401 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // --------------------------------------------- .steps-wizard { .data-grid-configurable { .col-image { img { max-width: 5rem; } } } } Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/steps/_attribute-values.less000077700000010773151323550650033212 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // --------------------------------------------- @steps-wizard-attribute-entity__background: @color-white; @steps-wizard-attribute-entity__border-color: @color-gray82; @steps-wizard-attribute-entity__active__border-color: @color-blue1; @steps-wizard-attribute-entity__transition: border-color .3s; @steps-wizard-attribute-entity-title__font-size: 1.8rem; @steps-wizard-attribute-entity-action-remove__content: @icon-delete__content; @steps-wizard-attribute-entity-action-save__content: @icon-arrow-right__content; @steps-wizard-attribute-entity-action-save__hover__content: @color-very-dark-gray-black2; @steps-wizard-attribute-option-width: 100%/3; // // Common // --------------------------------------------- .steps-wizard { .attribute-entity { background: @steps-wizard-attribute-entity__background; border: 1px solid @steps-wizard-attribute-entity__border-color; margin: 0 0 @indent__l; max-width: 70rem; padding: @indent__s; transition: @steps-wizard-attribute-entity__transition; &.ui-sortable-helper { border-color: @steps-wizard-attribute-entity__active__border-color; cursor: -moz-grabbing; cursor: -webkit-grabbing; .draggable-handle { cursor: -moz-grabbing; cursor: -webkit-grabbing; } } .action-select-all, .action-deselect-all { display: inline-block; font-weight: @font-weight__regular; line-height: 1; margin: @indent__xs 0 0; padding: 0 0 0 @indent__xs; } .action-deselect-all { border-left: 1px solid @steps-wizard-attribute-entity__border-color; } .action-remove-all { display: inline-block; padding: 0; vertical-align: top; .lib-icon-font( @steps-wizard-attribute-entity-action-remove__content, @_icon-font: @icons-admin__font-name, @_icon-font-size: 1.8rem, @_icon-font-color: @image-gallery-icons__color, @_icon-font-color-hover: @image-gallery-icons__hover__color, @_icon-font-margin: -2px 0 0, @_icon-font-text-hide: true ); } } .attribute-entity-top { .lib-vendor-prefix-display(); margin: 0 0 @indent__s; &:extend(.abs-clearfix all); } .attribute-entity-title { display: inline; font-size: @steps-wizard-attribute-entity-title__font-size; } .attribute-options-block { display: inline-block; margin-left: @indent__s; } .attribute-entity-actions { margin-left: auto; white-space: nowrap; } .draggable-handle { &:extend(.abs-draggable-handle all); } .attribute-options { &:extend(.abs-list-reset-styles all); font-size: 0; margin: 0 0 @indent__s; .admin__field { + .admin__field { margin-top: 0; } } } .attribute-option { box-sizing: border-box; display: inline-block; font-size: @font-size__base; padding: 0 @indent__xs @indent__s 0; width: @steps-wizard-attribute-option-width; .action-save, .action-remove { .action-icon(); padding: 0 @indent__xs; &:before { &:extend(.abs-icon all); content: @steps-wizard-attribute-entity-action-save__content; } &:hover { color: @steps-wizard-attribute-entity-action-save__hover__content; } > span { display: none; } } .action-remove { &:before { content: @steps-wizard-attribute-entity-action-remove__content; } } .admin__field-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .admin__field-create-new { .admin__field-control { display: inline-block; width: 50%; } } } .admin__field-create-new { .admin__control-text { width: 100%; } } .action-create-new { font-weight: @font-weight__regular; padding-left: 0; } } static/adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/steps/.htaccess000077700000000177151323550650030456 0ustar00pub<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>Magento/backend/en_US/Magento_ConfigurableProduct/css/source/module/steps/_bulk-images.less000077700000004410151323550650032101 0ustar00pub/static/adminhtml// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @steps-wizard-gallery-image__background-color: @color-white-fog; @steps-wizard-gallery-image__padding: 14px @indent__base; // // Common // _____________________________________________ .steps-wizard { .steps-wizard-section-list { &:extend(.abs-list-reset-styles all); margin: 0 0 @indent__l; > li { margin: 0 0 @indent__s; } } .steps-wizard-section { margin: 0 0 @indent__l; .admin__field-control { .admin__control-select { min-width: 100%; } } } .steps-wizard-section-title { border-bottom: 1px solid @steps-wizard-section-title__border-color; font-size: @steps-wizard-section-title__font-size; margin: 0 0 @indent__s; padding: 0 0 @indent__s; } .gallery-image-wrapper { background: @steps-wizard-gallery-image__background-color; padding: @steps-wizard-gallery-image__padding; position: relative; .multiselect-alt { &:extend(.abs-list-reset-styles all); } } .attribute-image-selector { .attribute-label { display: block; margin: 0 0 @indent__s; } .attributes-selector-list { border: 1px solid @color-gray-light01; list-style-type: none; margin: 0 0 @indent__m; padding: @indent__m @indent__s; &:empty { display: none; } > .item { + .item { margin-top: @indent__m; } } } .attribute-label { .lib-font-size(16); margin-bottom: @indent__xs; } .image-panel { margin: 0; } } .bulk-attribute-values { max-width: 700px; .admin__field-label { padding-left: 2.6rem; text-align: left; } } .button-assign-sources { margin-left: 0; .admin__field-control { display: block; float: right; } } } pub/static/adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/source/.htaccess000077700000000177151323550650026112 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/css/.htaccess000077700000000177151323550650024612 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/en_US/Magento_ConfigurableProduct/.htaccess000077700000000177151323550650024022 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/backend/.htaccess000077700000000177151323550650015376 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/Magento/.htaccess000077700000000177151323550650014007 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/adminhtml/.htaccess000077700000000177151323550650012415 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaNewsletter/css/source/_module.less000077700000000447151323550650026573 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .block.newsletter { .field-recaptcha { .field { .control { &:before { content: none; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaNewsletter/css/source/.htaccess000077700000000177151323550650026055 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaNewsletter/css/.htaccess000077700000000177151323550650024555 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaNewsletter/.htaccess000077700000000177151323550650023765 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Wishlist/css/source/_module.less000077700000021551151323550650024471 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .form.wishlist.items { .actions-toolbar { &:extend(.abs-reset-left-margin all); } } .product-social-links, .product-addto-links, .block-bundle-summary, .product-item, .table-comparison { .action.towishlist { &:extend(.abs-actions-addto all); .lib-icon-font-symbol( @_icon-font-content: @icon-wishlist-full, @_icon-font-position: before ); } } .account .table-wrapper .data.table.wishlist { .lib-table-bordered( @_table_type: horizontal ); thead > tr > th { border-bottom: 0; } tbody > tr:last-child > td { border-bottom: 1px solid @table__border-color; } .product.name { display: inline-block; margin-bottom: @indent__s; } .box-tocart { margin: @indent__s 0; .qty { vertical-align: middle; &:extend(.abs-input-qty all); } } .col { &.item { width: 50%; } &.photo { max-width: 150px; } &.selector { max-width: 15px; } } textarea { margin: @indent__s 0; } .input-text.qty { margin-bottom: @indent__s; } .action.primary { vertical-align: top; } .price { font-weight: @font-weight__bold; } } .link.wishlist { .counter { .lib-css(color, @text__color__muted); white-space: nowrap; &:before { content: '('; } &:after { content: ')'; } } } .block-wishlist { .block-title { &:extend(.abs-block-widget-title all); } .counter { &:extend(.abs-block-items-counter all); } .product-item-name { margin-right: @indent__m; } } .products-grid.wishlist { .product { &-item { &-photo { display: block; margin-bottom: @indent__s; } &-name { margin-top: 0; } .price-box { margin: 0; } .comment-box { .label { &:extend(.abs-visually-hidden all); } } &-comment { display: block; height: 42px; margin: @indent__s 0; } &-actions { > * { margin-right: 15px; &:last-child { margin-right: 0; } } } .box-tocart { input.qty { &:extend(.abs-input-qty all); } .tocart { &:extend(.abs-revert-secondary-size all); } } } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .products-grid.wishlist { .product-item { border-bottom: 1px solid @secondary__color; &:first-child { border-top: 1px solid @secondary__color; } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .products-grid.wishlist { margin-bottom: @indent__l; margin-right: -@indent__s; .product { &-item { padding: @indent__base @indent__s @indent__base @indent__base; position: relative; &-photo { float: left; margin-right: @indent__base; } &-name { .lib-font-size(16); } &-actions { display: block; .action { margin-right: 15px; &:last-child { margin-right: 0; } &.edit { float: left; } &.delete { float: right; } &.edit, &.delete { margin-top: 7px; } } } &-name, &-description, .price-box, &-tooltip { margin-left: 95px; } .box-tocart { float: left; margin-right: @indent__base; .stock { margin-top: 7px; } } .giftregisty-dropdown, .field.qty { display: none; } } &-image-container { max-width: 80px; } } } .wishlist-index-index { .product { &-item { width: 100%; &-info { width: auto; } } } } .cart.table-wrapper { .action-towishlist { .lib-icon-font( @icon-wishlist-full, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color ); } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .wishlist-index-index { .products-grid { .product-item { margin-bottom: 20px; width: 50%; } .product-item-actions { margin: 0; } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .products-grid.wishlist { .product { &-item { &-info { &:hover { .product-item-inner { display: block; } } } &-tooltip { display: inline-block; } &-actions { margin: @indent__s 0 0; > * { display: inline-block; margin-bottom: 7px; margin-top: 7px; } } .fieldset { display: table; .field.qty, .product-item-actions { display: table-cell; vertical-align: bottom; } .field.qty { padding-right: @indent__s; } } .box-tocart { .actions-primary { margin: 0; } .stock { margin: @indent__base 0 0; } } .tocart { width: auto; } } } } .wishlist-index-index { .product-item-info { width: auto; } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .wishlist-index-index { .product-item-inner { padding: 0 0 9px; } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .wishlist-index-index { .products-grid { .product-items { margin: 0; } .product-item { margin-bottom: @indent__base; margin-left: calc(~"(100% - 4 * 24%) / 3"); padding: 0; width: 24.439%; &:nth-child(4n+1) { margin-left: 0; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Wishlist/css/source/.htaccess000077700000000177151323550650023754 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Wishlist/css/.htaccess000077700000000177151323550650022454 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Wishlist/.htaccess000077700000000177151323550650021664 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Expedux_Chitfund/css/source/_module.less000077700000021154151323550650024456 0ustar00& when (@media-common = true) { .customotp { width: 50%; } .customotp .fieldset { margin: 0 ; } .resendotp { margin-top: 30px; margin-bottom:30px; } .otp .label{ width: 100%; } .otp .control{ float: left } .sendotp{ float: left; margin-left: 20px; } .product.data.items > .item.title { float: left; width: 48%; } ._has-datepicker ~ .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; margin-top: 0px; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; margin-top: -4px; vertical-align: middle; float:right; } ._has-datepicker ~ .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; line-height: 23px; color: #7d7d7d; content: '\f865'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0,0,0,.05); } .right_content{ float:right; } .modal-popup._inner-scroll .modal-inner-wrap { width: 747px; } .footer-middle .block.newsletter label{ display:none !important; } .footer-middle{ > a{ color:#FFFFFF; } } .footer-bottom{ color: #FFFFFF; margin-top: -2% !important; .custom-block img{ margin-left: 15px; } .social-icons { margin-left: 100px !important; margin-top: -10px !important; } } .header.links.li:not(.greet){ display:none; } .page-header.header-newskin:not(.type16) .nav-sections { background-color: #2e3192 !important; margin-bottom: 10px; } .page-header.type8.header-newskin .header.content { background-color:#FFFFFF !important; } .page-header.type8.header-newskin .custom-block > *{ color :#777777; } .page-header.type8.header-newskin > .panel.wrapper { background-color:#ffcb08 !important; > .panel.header > .header > li:not(.greet){ display: none; } } span.split{ border-right: 1px solid #000 !important; } .minicart-wrapper,.search-category{ display:none !important; } .products-grid .product-item-details .product-item-actions { .actions-primary{ display: block !important; } .tocart{ background-color: #dbd6d6 !important; } } .page-header.header-newskin .navigation .level0 > .level-top{ font-size:11px !important; color: #FFFFFF !important; } .filterproduct-title { text-align: center !important; } .recent-posts a.readmore{ color:#FFFFFF; } .dropdown-button{ cursor: pointer; } .products-grid .product-item-details .product-item-actions .actions-secondary.tocompare { float: left; margin: -32px 0 0 -22px; } .products-grid .product-item .product-item-inner{ margin: 9px 0 0 34px !important; } .products-grid .product-item-details .product-item-actions .actions-secondary.towishlist{ float: right; margin-right: -5px; } .dropdown-wrap{ padding : 10px; z-index: 9; position: fixed; top: 5%; right: 18%; .ui-dialog-buttonpane { display: none; } ul { list-style-type: none; padding: 0; border: 1px solid orange; background-color: white; } ul > li { padding: 8px 16px; border-bottom: 1px solid orange; line-height: 20px; margin-bottom: 0; } ul > li:last-child { border-bottom: none } } .dropdown-wrap.active::before { content: ""; width: 0; height: 0; position: absolute; bottom: 95.5%; right: 20px; border-width: 0 15px 13px; border-style: solid; border-color: #ffa500 transparent; } .dropdown-wrap.active::after { content: ""; width: 0; height: 0; position: absolute; bottom: 95%; right: 23px; border-width: 0 12px 12px; border-style: solid; border-color: #fff transparent; visibility: visible; } .navigation { background: white !important; } header.page-header.type14 .top-links-area{ margin-left: 22% !important; } .contact-index-index .page-main .contact-info p{ margin-top:10px; } .greet.welcome{ display: none; } .top-links-area .far,.my-wishlist .far,.fas{ color: #000000 !important; } .toplinkimage img{ margin-bottom: -5px; } .topbar{ border : 1px solid #f0ca84; background-color:#ce5a142b; max-width: 47% !important; } .topbar.right{ margin-left: 50px; } .grt_savings_scheme .book_appoinment_div { top: -301px; box-shadow: 0 2px 9px 1px #f2f2f2; } .book_appoinment_div .appoinment_btn .btn_golden { background: #00008B; } .book_appoinment_div h2 { font-size: 25px; text-align: center; font-weight: bold; margin: 10px 0; letter-spacing: 2px; } .book_appoinment_div { height: auto; padding: 25px; z-index: 9; width: 328px; background: #fff; } .grt_savings_scheme .book_appoinment_div p { text-align: center; } .grt_savings_scheme .mutedtxt { color: #7f7f7f; font-size: 12px; letter-spacing: 2px; font-weight: bold; } .book_appoinment_div .appoinment_btn .btn_talegreen { background: #32CD32; } .grt_savings_scheme .appoinment_btn a { width: 100%; padding: 12px; border-radius: 0; cursor: pointer; border: 0; color: #fff; font-size: 14px; font-weight: bold; margin: 20px 0 0 0 !important; display: block; text-align: center; } .grt_savings_scheme .padtop35 { padding: 40px 0 20px 0; } .sucess_message{ color:green; text-align:center; font-size:16px; background-color: lightgreen; } .enquiry-popup{ margin: auto; } .modal-inner-content{ padding: 20px; .field{ margin-bottom: 20px; } .enquirynow { border: medium none; background-color: #ffcb08; color: rgb(251, 247, 242); height: 40px; width: 120px; transition: all 0.3s ease-in 0s; } } .show_requests,.trigger-auth-popup { border: medium none; background-color: #ffcb08; color: rgb(251, 247, 242); height: 40px; width: 120px; transition: all 0.3s ease-in 0s; margin-bottom:10px; } .product-info-main .box-tocart{ display:none; } .modal-popup .modal-title{ text-align: center; border-bottom : none !important; } } .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened{ width: auto !important; .fancybox-inner{ width: auto !important; height: auto !important; } } #newsletter_popup .block-content{ max-width: 100% !important; padding:0 !important; } #newsletter_popup{ padding: 0 !important; } @media only screen and (min-width: 782px) { .mobileonly{ display: none; } .desktoponly{ display: block; } .grt_live_contentArea { width: 1080px; margin: 0 auto; padding-bottom: 175px !important; padding: 0 15px; padding-bottom: 0px; position: relative; } .book_appoinment_div { position: absolute; right: -100px; top: -290px; } .goldschemetitle{ margin-top: -200px; } .customer-account-login .sidebar-main{ height:484px; } } @media only screen and (max-width: 781px) { .customotp { width: 100%; } .mobileonly{ display: block; } .desktoponly{ display: none; } .book_appoinment_div{ margin: 0 auto; h2 { font-size: 12px; } p{ font-size: 10px; } .padtop35 { padding: 10px 0 10px 0; } } .grt_savings_scheme .appoinment_btn a{ margin: 7px 0 0 0 !important; font-size: 10px; } .columns .column.main{ margin-top: 25px; } .customer-account-login .sidebar-main{ height:auto; } .porto-icon-location + p{ margin-top: -11px !important; margin-left: 8px !important; } .chitfund-scheme-schemelist .col-sm-6{ width: 65% !important; } .chitfund-scheme-schemelist .row{ display: block !important; } } .product-reviews-summary.empty .reviews-actions::before { display: none !important; } .product-reviews-summary .reviews-actions a{ padding: 0 !important; margin: 0 !important; border-left: none !important; } pub/static/frontend/Smartwave/porto/en_US/Expedux_Chitfund/css/source/.htaccess000077700000000177151323550650023742 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Expedux_Chitfund/css/.htaccess000077700000000177151323550650022442 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Expedux_Chitfund/.htaccess000077700000000177151323550650021652 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Msrp/css/source/_module.less000077700000004153151323550650023603 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .map-popup-wrapper { &.popup { .action { &.close { .lib-css(top, @popup-button-close__position-top); } } } } .map-popup { .lib-popup( @_popup-margin-top: @indent__s, @_popup-margin-left: false, @_popup-content-margin: false, @_popup-position-bottom: false, @_popup-position-right: false, @_popup-position: absolute ); .map-info-price { &:extend(.abs-add-clearfix all); margin: 0 0 @indent__base; .price-box { margin: 0 0 @indent__base; .label { &:after { content: ": "; } } } } .action { &.primary { margin-right: @indent__s; } } .map-msrp { margin-bottom: @indent__s; } .actual-price { margin: 3px 0 15px; } .popup-header { display: none; } } .map-old-price { text-decoration: none; .price-wrapper { text-decoration: line-through; } } .map-old-price, .product-item .map-old-price, .product-info-price .map-show-info { &:not(:last-child) { margin-right: @indent__s; } } .product-options-bottom .price-box, .product-info-price .price-box { .old-price { .price-container > span { display: inline; } } } .map-form-addtocart { display: inline-block; text-align: center; img { display: block; margin: 0 auto; } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; &:not(:last-child) { margin-bottom: @indent__s; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Msrp/css/source/.htaccess000077700000000177151323550650023067 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Msrp/css/.htaccess000077700000000177151323550650021567 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Msrp/.htaccess000077700000000177151323550650020777 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftCardAccount/css/source/_module.less000077700000002473151323550660025666 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .giftcard-account { .please-wait { display: none; } .form-giftcard-redeem { .giftcard.info { margin-bottom: @indent__l; } .fieldset { &:extend(.abs-forms-margin-small all); } } } .opc-wrapper { .form-giftcard-account { max-width: 500px; .field { margin: 0 0 @indent__base; .label { &:extend(.abs-visually-hidden all); } } } .giftcard-account-info { margin: 0 0 @indent__base; .giftcard-account-number { margin: 0 0 @indent__s; } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .form-giftcard-redeem { &:extend(.abs-forms-general-desktop all); } .block-balance-giftcard { .block-content { &:extend(.abs-account-block-font-size all); } } } pub/static/frontend/Smartwave/porto/en_US/Magento_GiftCardAccount/css/source/.htaccess000077700000000177151323550660025147 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftCardAccount/css/.htaccess000077700000000177151323550660023647 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftCardAccount/.htaccess000077700000000177151323550660023057 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Dotdigitalgroup_Sms/css/source/_module.less000077700000000036151323550660025170 0ustar00@import "_intlTelInput.less"; pub/static/frontend/Smartwave/porto/en_US/Dotdigitalgroup_Sms/css/source/_intlTelInput.less000077700000060213151323550660026341 0ustar00.iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 31px; // 100% means the flag moves when a .mage-error is appended padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5241px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('@{baseDir}Dotdigitalgroup_Sms/images/flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url('@{baseDir}Dotdigitalgroup_Sms/images/flags@2x.png'); } } .iti__flag.iti__np { background-color: transparent; } pub/static/frontend/Smartwave/porto/en_US/Dotdigitalgroup_Sms/css/source/.htaccess000077700000000177151323550660024460 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Dotdigitalgroup_Sms/css/.htaccess000077700000000177151323550660023160 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Dotdigitalgroup_Sms/.htaccess000077700000000177151323550660022370 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Catalog/css/source/_module.less000077700000075654151323550660024253 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @import 'module/_listings.less'; @import 'module/_toolbar.less'; @product-h1-margin-bottom-desktop: @indent__s + @indent__xs; // // Common //-------------------------------------- & when (@media-common = true) { // // Category view //-------------------------------------- .action.tocompare { &:extend(.abs-actions-addto all); .lib-icon-font-symbol( @_icon-font-content: @icon-compare-full, @_icon-font-position: before ); } .catalog-category-view .page-title-wrapper { display: none; } .price-box { margin: 8px 0 13px; .price { font-weight: 600; } } .old-price, .old.price { .lib-css(color, @product-info-old-price); } .old-price { display: inline-block; vertical-align: middle; .price { text-decoration: line-through; color: #999; font-size: 14px; } .price-label { display: none; } } .special-price { display: inline-block; vertical-align: middle; } .price-tier_price { .price-including-tax + .price-excluding-tax { &:before { content: "(" attr(data-label) ":"; } &:last-child:after { content: ")"; } } .weee[data-label] { display: inline; &:before { content: " +" attr(data-label) ":"; } } } .actual-price { font-weight: @font-weight__bold; } .product.name a { &:extend(.abs-product-link all); } .special-price { .price-label { &:extend(.abs-visually-hidden all); } } .category { &-image { .image { max-width: 100%; width: 100%; height: auto; display: block; } } &-cms, &-image, &-description { margin-bottom: @indent__base; word-wrap: break-word; } } // // Product images general container //-------------------------------------- .product-image { &-container { display: inline-block; max-width: 100%; min-width: 100%; position: relative; background: #fff; overflow: hidden; z-index: 0; } &-wrapper { height: 0; display: block; position: relative; z-index: 1; overflow: hidden; } &-photo { display: block; position: absolute; top: 0; left: 0; margin: auto; height: auto; width: 100%; &.default_image { position: static; } &.hover_image { visibility: hidden; opacity: 0; transition: all 0.3s; padding: 3px; .product-item-photo:hover & { visibility: visible; opacity: 1; } } } } // // Product view //-------------------------------------- .product.media { margin-top: 0; margin-bottom: 50px; .product.photo .photo.image { &:extend(.abs-adaptive-images-centered); } .placeholder .photo.container { max-width: 100%; } .notice { margin: @indent__s 0; .lib-css(color, @text__color__muted); .lib-font-size(@font-size__s); } .product.thumbs { margin: @indent__s 0 @indent__m; } .items.thumbs { .lib-list-inline(); > li { margin: 1rem 0 0; } img { display: block; } .active { display: block; line-height: 1; } } } .product.info.detailed { clear: both; margin-bottom: 50px; .additional-attributes { width: auto; .lib-table-bordered( @_table_type: clear ); .lib-table-resize( @_th-padding-left: 0, @_th-padding-right: @indent__l, @_th-padding-bottom: @indent__s, @_td-padding-bottom: @indent__s ); } } .fieldset, .nested.options-list { > .field.qty { display: inline-block; vertical-align: middle; margin: 0; margin-right: 15px; > .label { display: none; } } } .fieldset > .actions { display: inline-block; vertical-align: middle; margin: 0; } .input-text.qty { border-radius: 3px; } .product-info-main { margin-bottom: 30px; .page-title-wrapper h1 { margin: 0 0 15px; font-size: 28px; font-weight: 600; line-height: 1; color: @product-info-page-title; } .product-info-price { border-bottom: 1px #ebebeb solid; display: table; width: 100%; margin-bottom: 15px; .price-box { display: table-cell; vertical-align: top; .price-final_price > span { display: block; margin-bottom: @indent__xs; &:last-child { margin-bottom: 0; } } } .price-including-tax + .price-excluding-tax, .weee + .price-excluding-tax, .weee { .lib-font-size(14); .price { .lib-font-size(14); font-weight: @font-weight__semibold; line-height: 16px; } } .price-wrapper .price { .lib-font-size(22); font-weight: @font-weight__semibold; line-height: 22px; .lib-css(color, @product-view-product-info-price); } .old-price { .price-wrapper .price { .lib-font-size(20); font-weight: @font-weight__light; .lib-css(color, @product-view-product-info-old-price); } } .special-price { .price-label { &:after { content: ": "; } } } } .product-info-stock-sku { min-width: 15rem; text-align: right; display: table-cell; vertical-align: bottom; padding-left: 10%; padding-bottom: 30px; color: @base-font-color; } .stock { margin: 0; &.available, &.unavailable { font-weight: @font-weight__bold; text-transform: uppercase; } } .product.sku { word-wrap: break-word; } .product { &-add-form { clear: both; } &.sku { .type { font-weight: normal; margin-right: @indent__xs; &:after { content: '#:'; } } .value { display: inline-block; } } &.overview { margin: @indent__base 0; } &.alert { margin: @indent__s 0; } } .product-reviews-summary { margin-bottom: 20px; } .box-tocart { margin-top: 0; margin-bottom: 30px; .actions { margin-right: 20px; } } .product-options-bottom { .box-tocart { margin-top: 20px; margin-bottom: 20px; } } } .product-options-wrapper { padding-bottom: 10px; border-bottom: 1px solid #ebebeb; .fieldset-product-options-inner { .legend { border: none; .lib-css(font-weight, @font-weight__semibold); display: inline-block; .lib-font-size(14px); float: none; padding: 0; margin: 0 0 8px; } &.required { .legend { &:after { content: '*'; .lib-typography( @_font-size: @form-field-label-asterisk__font-size, @_color: @form-field-label-asterisk__color, @_font-family: @form-field-label-asterisk__font-family, @_font-weight: @form-field-label-asterisk__font-weight, @_line-height: @form-field-label-asterisk__line-height, @_font-style: @form-field-label-asterisk__font-style ); .lib-css(margin, @form-field-label-asterisk__margin); } } } } .field { .note { display: block; .lib-css(margin-top, @indent__xs); } } } .product-options-bottom .price-box, .product-info-price .price-box { display: table-cell; vertical-align: top; padding-bottom: 20px; .old-price { font-size: 20px; font-weight: @font-weight__light; .price-container > span { display: inline-block; color: @product-view-product-info-old-price; &.price-label { display: none; } } } .price-container { > span { display: block; margin-bottom: @indent__xs; &:last-child { margin-bottom: 0; } } .price { font-size: 22px; line-height: 22px; font-weight: @font-weight__semibold; color: @product-view-product-info-price; } .price-including-tax + .price-excluding-tax, .weee + .price-excluding-tax, .weee { .lib-font-size(12); line-height: 14px; .price { .lib-font-size(12); font-weight: @font-weight__bold; } } } } .box-tocart { &:extend(.abs-box-tocart all); .field.qty { } .input-text.qty { &:extend(.abs-input-qty all); } .actions { } .action.tocart { &:extend(.abs-button-l all); &:extend(.abs-button-responsive all); &:not(:last-child) { margin-bottom: 0; } vertical-align: top; } } .product-addto-links { display: inline; .action { margin-right: 5%; } } .product-social-links { margin: 0 0 20px; text-align: left; padding-top: 20px; border-top: 1px solid #ebebeb; } .moved-add-to-links { display: inline-block; vertical-align: top; } .product-addto-links, .moved-add-to-links, .product-social-links { .action span { display: none; } .action.tocompare { &:extend(.abs-actions-addto all); .lib-icon-font-symbol( @_icon-font-content: @icon-compare-full, @_icon-font-position: before ); } .action.mailto.friend { color: @mailto-friend-icon; border-color: @mailto-friend-icon; border-radius: 3px; } a.action:before { line-height: 30px; } } .product-addto-links .action { margin-right: 5px; border-radius: 3px; &.towishlist { color: @addto-wishlist-icon; border-color: @addto-wishlist-icon; } &.tocompare { color: @addto-compare-icon; border-color: @addto-compare-icon; } } .prices-tier { &:extend(.abs-reset-list all); margin-bottom: @indent__s + @indent__xs; .item { margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } } .price-excluding-tax, .price-including-tax { display: inline-block; } } .minimal-price-link, .price-excluding-tax, .price-including-tax { white-space: nowrap; display: block; } .ui-dialog-titlebar-close { .lib-button-as-link(); } .qty.field { .control, .qty-changer { display: inline-block; vertical-align: middle; } .qty-changer { > a { display: block; border: 1px solid @form-element-input__border-color; border-radius: 3px; height: 18px; line-height: 16px; margin-top: 2px; color: #ccc; font-size: 11px; &:first-child { margin-top: 0; } &:hover { color: @_link-color-hover; } } } } .fotorama__nav .fotorama__thumb-border { border-color: @theme-color; } // // Sidebar product view //-------------------------------------- .sidebar { .product-items { .product-item { margin-bottom: @indent__base; position: relative; float: none; width: auto; padding: 0; &:last-child { margin-bottom: 0; } &-info { position: relative; width: auto; margin-bottom: 20px; &:after { content: ""; display: table; clear: both; } .product-item-photo { float: left; max-width: 33%; margin-right: 10px; img { position: static; width: auto; } } } &-name { margin-top: 0; } &-details { text-align: left; margin-left: ~'calc(33% + 15px)'; padding: 7px 0; } &-actions { display: block; margin: 0; } .product-reviews-summary { background: none; } } .price-box { display: block; margin: 3px 0; } .text { margin-right: 8px; } .counter { .lib-css(color, @primary__color__lighter); font-size: 12px; white-space: nowrap; } .minilist { .price { display: inline; padding: 0; } .weee:before { display: inline-block; } } .action { &.delete { &:extend(.abs-remove-button-for-blocks all); position: absolute; right: 0; top: 0; } } } .subtitle { &:extend(.abs-no-display all); } // // Product images only //-------------------------------------- .product-items-images { &:extend(.abs-add-clearfix all); margin-left: -@indent__xs; .product-item { &:extend(.abs-add-box-sizing all); float: left; padding-left: @indent__xs; } } // // Product names only //-------------------------------------- .product-items-names { .product-item { margin-bottom: @indent__s; } .product-item-name { margin: 0; } } } .side-list { .product-item-name { font-size: 13px; } .price-container .price { font-size: 15px; } } .product-labels { position: absolute; right: 10px; top: 10px; .product-label:first-child { margin-top: 0; } } .product-label { padding: 7px 10px; font-size: 12px; font-weight: 600; border-radius: 4px; color: #fff; margin-top: 5px; line-height: 1; &.new-label { background-color: #62b959; } &.sale-label { background-color: #e27c7c; } } } // // Mobile @screen__m //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .catalog-product-view { .column.main { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(column); } .product.media { .lib-vendor-prefix-order(-1); } } } // // Mobile @screen__s //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .product-social-links { .action.tocompare { display: none; } } .product-info-price { margin: 0 -@indent__s 0; width: ~"calc(100% + 2*@{indent__s})"!important; > *:first-child { padding-left: @indent__s; } > *:last-child { padding-right: @indent__s; } } .product.info.detailed { .additional-attributes-wrapper { &:extend(.abs-no-border-top all); } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product-info-main { .page-title-wrapper { h1 { .lib-css(margin-bottom, @product-h1-margin-bottom-desktop); } } .product-add-form { padding-top: 15px; } } .box-tocart { .action.tocart { margin-bottom: 0; min-width: 150px; } } .product-social-links { text-align: left; } .product-options-bottom, .product-info-price { .price-box { .price-container { .price { font-size: 36px; line-height: 36px; } } .price-including-tax + .price-excluding-tax { .price { .lib-font-size(14); line-height: 16px; } } } } // // Category page layout //-------------------------------------- .product-info-main { float: right; } .product.media { float: left; } .page-layout-1column { .product-info-main { width: 40%; } .product.media { width: 57%; } } .page-layout-2columns-left, .page-layout-2columns-right, .page-layout-3columns { .product-info-main { width: 48%; } .product.media { width: 50%; } } } // // Common //-------------------------------------- & when (@media-common = true) { // // Compare Products Page //-------------------------------------- body.catalog-product-compare-index { .action.print { float: right; margin: 15px 0; } } .table-wrapper.comparison { clear: both; overflow-x: auto; .table-comparison { > tbody > tr{ > th, > td { border-top: 0; &.info { background-color: transparent; } } } > thead > tr > th { border-bottom: 0; } } .product-image-container { border: 0; border-radius: 0; padding: 0; background: none; } } .table-comparison { table-layout: fixed; .cell.label.remove, .cell.label.product { span { &:extend(.abs-visually-hidden all); } } .cell.label, td:last-child { border-right: @table__border-width @table__border-style @table__border-color; } .cell { width: 180px; padding: 15px; .attibute.value { width: 100%; overflow: hidden; } &.product.info, &.product.label { border-bottom: @table__border-width @table__border-style @table__border-color; } &.label { .attribute.label { display: block; width: 100%; word-wrap: break-word; } } &.attribute { .lib-font-size(13); img { max-width: 100%; height: auto; } } &.remove { padding-top: 0; padding-bottom: 0; text-align: right; .action.delete { &:extend(.abs-remove-button-for-blocks all); } } } .product-item-photo { display: block; margin: 0 auto 15px; } .product-image-photo { margin-left: 0; } .product-item-actions, .price-box, .product.rating, .product-item-name { display: block; margin: 15px 0; } .product-addto-links { margin-top: 15px; .action.split, .action.toggle { .lib-button-s(); } .action.toggle { padding: 0; } } .action { &.tocart { white-space: nowrap; height: 32px; padding: 0 17px; } } .actions-primary, .actions-secondary { display: inline-block; } } .comparison.headings { position: absolute; z-index: 2; top: 0; left: 0; width: auto; .lib-css(background, @color-white); } .sidebar { .product-item { .tocart { border-radius: 3px; } } } .block-compare { .block-title { &:extend(.abs-block-widget-title all); } .product-item .product-item-name { margin-left: 22px; } .action.delete { &:extend(.abs-remove-button-for-blocks all); position: absolute; left: 0; right: auto; top: 0; } .counter { &:extend(.abs-block-items-counter all); } .actions-toolbar { margin: 17px 0 0; } .action.primary { &:extend(.abs-revert-to-action-secondary all); } } .sticky-product { position: fixed; top: 0; left: 0; width: 100%; z-index: 4; background-color: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.08); padding: 60px 0 15px 0; &.no-sticky-header { padding: 15px 0; } & > .container { position: relative; } .sticky-image, .sticky-detail { display: inline-block; vertical-align: middle; margin-right: 15px; } .sticky-detail { .product-name-area { display: inline-block; vertical-align: top; margin: 0; margin-right: 15px; } .product-name-area .product-name { line-height: 25px; margin: 0; font-size: 16px; font-weight: 600; } .availability span { font-size: 14px; font-weight: 400; } } .product-info-price .price-box { padding-bottom: 0; .price-container { & > span { margin-bottom: 0; } .price { font-size: 25px; color: #444; } } .old-price { .price-container .price { color: #999; font-size: 18px; } } } .add-to-cart { position: absolute; right: 15px; top: 50%; margin-top: -19px; } .product-info-stock-sku { min-width: 150px; text-align: right; display: table-cell; vertical-align: bottom; padding-left: 10%; color: #777; } .stock { margin: 0; &.available, &.unavailable { font-weight: 700; text-transform: uppercase; } } .product.attibute.sku { word-wrap: break-word; .type { font-weight: normal; margin-right: 4.5px; &:after { content: '#:'; } } .value { display: inline-block; } } .actions { position: absolute; right: 15px; top: 50%; margin-top: -19px; .action.primary { min-width: 150px; } } } .layout-fullwidth .sticky-product > .container { max-width: 100%; } .prev-next-products { float: right; a { color: #555; display: inline-block; font-size: 22px; line-height: 28px; } .product-nav { display: inline-block; vertical-align: middle; position: relative; .product-pop { border-top: 3px solid @theme-color; position: absolute; left: 0; top: 100%; padding: 10px; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); z-index: 1; visibility: hidden; opacity: 0; transition: all 0.2s; text-align: center; border-radius: 4px; width: 100px; margin-top: 10px; &:before { content: ""; width: 5px; height: 2px; border: 5px solid transparent; border-bottom-color: @theme-color; display: block; position: absolute; top: -13px; left: 0; } .product-image { margin-bottom: 10px; } .product-name { margin: 0; font-weight: 600; font-size: 11px; } } &:hover .product-pop { opacity: 1; visibility: visible; } &.product-prev { .product-pop { right: auto; left: 0; margin-left: -20px; &:before { left: 32px; right: auto; } } } &.product-next { .product-pop { left: auto; right: 0; margin-right: -15px; &:before { right: 26px; left: auto; } } } } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper.comparison { .table-comparison > tbody > tr{ > th, > td { display: table-cell; &:extend(.abs-col-no-prefix all); } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .compare.wrapper, [class*="block-compare"] { display: none; } .sticky-product { padding: 5px 15px; .sticky-detail { display: none; } } .mobile-sticky .sticky-product { padding: 70px 15px 5px; } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .compare.wrapper { float: right; .lib-list-reset-styles(); .action.compare { line-height: @form-element-input__height; .lib-link( @_link-color: @primary__color, @_link-text-decoration: none, @_link-color-visited: @primary__color, @_link-text-decoration-visited: none, @_link-color-hover: @primary__color, @_link-text-decoration-hover: underline, @_link-color-active: @primary__color, @_link-text-decoration-active: underline ); } .counter.qty { .lib-css(color, @primary__color__lighter); &:before { content: "("; } &:after { content: ")"; } } } .product.info.detailed { &.accordion .product.data.items { & > .item.title, & > .item.content { float: none; margin: 0; } & > .item.title[aria-expanded=false] > .switch { border-bottom: 1px solid #eee; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } } &.vertical .product.data.items > .item { &.title { float: none; max-width: 160px; text-align: right; overflow: hidden; & > .switch { border: 1px solid #eee; border-radius: 5px 0 0 5px; border-right: 0; border-left-width: 3px; } &.active > .switch { &, &:focus, &:hover { border-left-color: #08c; } } } &.content { position: absolute; float: none; margin: 0; width: ~'calc(100% - 159px)'; right: 0; top: 0; min-height: 180px; } } } } // // Common //-------------------------------------- & when (@media-common = true) { .block.related { .action.select { &:extend(.abs-action-button-as-link all); vertical-align: top; } .product-item-details { z-index: 1; } .field.choice { position: absolute; top: 2px; left: 6px; .label { &:extend(.abs-visually-hidden all); } } } .block.upsell { .title { background: url(../images/slider-bar.png) right no-repeat; strong { font-size: 16px; text-transform: uppercase; background-color: #fff; padding: 0; padding-right: 20px; } } } .sidebar { .custom-block { margin-bottom: 30px; padding-bottom: 40px; background: url(../images/bkg_4.png) bottom no-repeat; &.custom-block-1 { padding-bottom: 20px; > div { min-height: 50px; margin-bottom: 20px; clear: both; em { font-size: 30px; color: #000; float: left; width: 50px; height: 50px; line-height: 48px; border: 1px solid #bbb; border-radius: 50%; text-align: center; margin-right: 10px; } h3 { color: #313131; font-size: 16px; margin: 0; line-height: 1.5; margin-left: 50px; padding-top: 4px; font-weight: 600; letter-spacing: -0.1px; } p { font-size: 12px; margin: 0; margin-left: 50px; line-height: 1; } } } } } } // // Desktop large //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .box-tocart { .paypal:first-of-type { margin-top: 13px; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Catalog/css/source/_widgets.less000077700000010413151323550660024412 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .block-product-link, .block-category-link { &.widget { display: block; margin-bottom: @indent__base; } } .block-product-link-inline { &.widget { margin: 0; } } .block.widget { .products-grid .product-item { margin-left: 2%; width: calc(~'(100% - 2%) / 2'); &:nth-child(2n + 1) { margin-left: 0; } } .product-item-info { width: auto; } .pager { padding: 0; .toolbar-amount { float: none; .lib-font-size(12); } .pages-item-previous { padding-left: 0; } .pages-item-next { position: relative; } .items { white-space: nowrap; } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .sidebar .block-viewed-products-grid { .products-grid { .product-item { margin-left: 2%; width: calc(~'(100% - 2%) / 2'); &:nth-child(2n + 1) { margin-left: 0; } } .product-item-photo { display: block; position: relative; } .product-item-details { margin: 0; } .product-item-info { text-align: center; } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 100%/3; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc(~'(100% - 4%) / 3'); &:nth-child(3n + 1) { margin-left: 0; } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block.widget .products-grid .product-item { width: 100%/3; .sidebar & { margin-left: 0; width: 100%; .actions-secondary { display: block; padding: 10px 0; } } } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc(~'(100% - 6%) / 4'); &:nth-child(3n + 1) { margin-left: 2%; } &:nth-child(4n + 1) { margin-left: 0; } } .page-layout-3columns .block.widget .products-grid .product-item { width: 100%/2; } .sidebar .block.widget .pager { .item:not(.pages-item-next):not(.pages-item-previous) { &:extend(.abs-no-display-desktop all); } .pages-item-next { padding: 0; .action { margin: 0; } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .block.widget .products-grid .product-item { width: 100%/5; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc(~'(100% - 8%) / 5'); &:nth-child(4n + 1) { margin-left: 2%; } &:nth-child(5n + 1) { margin-left: 0; } } .page-layout-3columns .block.widget .products-grid .product-item { width: 100%/4; } .block.widget .products-grid .product-items { margin: 0; } .block.widget .products-grid .product-item { margin-left: calc(~'(100% - 4 * 24.439%) / 3'); padding: 0; width: 24.439%; &:nth-child(4n + 1) { margin-left: 0; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Catalog/css/source/module/_listings.less000077700000055461151323550660026101 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // --------------------------------------------- @product-name-link__color: @text__color; @product-name-link__color__active: @text__color; @product-name-link__color__hover: @text__color; @product-name-link__color__visited: @text__color; @product-name-link__text-decoration: none; @product-name-link__text-decoration__active: @link__hover__text-decoration; @product-name-link__text-decoration__hover: @link__hover__text-decoration; @product-name-link__text-decoration__visited: @link__hover__text-decoration; // // // Common //-------------------------------------- & when (@media-common = true) { .products-grid { &:after { display: table; content: ""; clear: both; } .product-item { float: left; } & { .product-item { width: 100%/2; padding: 10px; &.nth-child-2np1 { clear: left; } } } &.products.grid.flex-grid, &.divider-line { .product-item { border-left: 1px solid #e3e4e4; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -1px; transition: all 0.3s; padding-top: 0; padding-bottom: 0; position: relative; &.nth-child-2np1 { border-left-color: transparent; } &:nth-child(1), &:nth-child(2) { .product-item-info { border-top-color: transparent; } } .product-item-info { border-top: 1px solid #e3e4e4; padding: 50px 0 10px; transition: all 0.3s; margin-top: -1px; } &:hover { background-color: #fff; border-top-color: #e3e4e4; border-bottom-color: #e3e4e4; box-shadow: 0 0 40px rgba(0,0,0,0.1); .product-item-info { border-top-color: transparent; padding: 10px 0 50px; } .product-item-details { .product-item-actions { visibility: visible; opacity: 1; } } } &-details { .product-item-inner { margin-bottom: -30px; } .product-item-actions { visibility: hidden; opacity: 0; transition: all 0.3s; .tocart { background-color: @theme-color; color: #fff; border: 0; height: 40px; line-height: 40px; } .actions-secondary { &.towishlist, &.tocompare { visibility: visible; position: static; opacity: 1; height: 40px; line-height: 40px; top: 0; width: 40px; border: 0; background-color: #e6e6e6; color: #000; } &.towishlist { margin-right: -3px; } &.tocompare { margin-left: -3px; } } } } } } } // Product Lists .products { margin: 4px 0; } .product { &-items { &:extend(.abs-reset-list all); } &-item { vertical-align: top; &:extend(.abs-add-box-sizing all); &-details { padding: 10px 0; } &-name { &:extend(.abs-product-link all); display: block; font-size: 14px; margin: 0 0 3px 0; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } &-info { width: 100%; max-width: 100%; text-align: center; } &-photo { display: block; position: relative; overflow: hidden; padding: 3px; border: 1px solid #ddd; border-radius: 7px; .product-item-inner { position: absolute; left: 10px; bottom: 10px; text-align: center; visibility: hidden; opacity: 0; transition: all 0.3s; z-index: 3; .product-item-actions { > .action { background-color: #fff; } > .actions-primary { display: inline-block; .tocart { width: 32px; padding: 0; &:before { margin-right: 0; } span { display: none; } } } } } &:hover .product-item-inner { visibility: visible; opacity: 1; } } &-actions { .actions-secondary { &.action { &:extend(.abs-actions-addto all); &:before { margin: 0; } span { &:extend(.abs-visually-hidden all); } } } .action.towishlist { border-color: @addto-wishlist-icon; color: @addto-wishlist-icon; > span { display: none; } } .action.tocompare { border-color: @addto-compare-icon; color: @addto-compare-icon; > span { display: none; } } } &-description { margin: 10px 0; } .product-reviews-summary { background: url(../images/rating-bar.png) center no-repeat; line-height: 1; margin: 7px 0; .reviews-actions { display: none; text-transform: lowercase; font-size: @font-size__s; } } .rating-summary { .lib-rating-summary( @_icon-font-size: 12px, @_icon-letter-spacing: 3px, @_label-hide: true ); } .price-box { .price-label { font-size: @font-size__s; .lib-css(color, @text__color__muted); } } .minimal-price { .price-container { display: block; } } .minimal-price-link { margin-top: @indent__xs; } .price-from, .price-to { margin: 0; } .tocompare { .lib-icon-font-symbol( @icon-compare-full ); } .tocart { white-space: nowrap; border-radius: 0; .lib-font-size(14px); line-height: 30px; padding: 0 10px; height: 32px; border-radius: 5px; font-weight: 400; &:before { display: inline; content: @icon-cart; font-family: @icon-font-family; margin-right: 5px; font-size: 15px; } } } } .products-grid { .product-item .box-tocart input.qty { height: 32px; padding: 0 9px; } .product-item-details { .product-item-actions { white-space: nowrap; margin: 0 -20px; .actions-primary { display: inline-block; vertical-align: middle; position: relative; z-index: 1; } .actions-secondary { display: inline-block; vertical-align: middle; position: relative; transition: all 0.3s; &.towishlist { right: -36px; visibility: hidden; opacity: 0; } &.tocompare { left: -36px; visibility: hidden; opacity: 0; } } .tocart { color: #333; background-color: #fff; border-color: #ccc; } } } .product-item-info { &:hover { .product-item-details { .product-item-actions { .actions-secondary { &.towishlist { right: 0; visibility: visible; opacity: 1; } &.tocompare { left: 0; visibility: visible; opacity: 1; } } .tocart { background-color: @theme-color; border-color: @theme-color; color: #fff; } } } } } .owl-carousel .product-item { width: auto; float: none; } } .price-container { .price { .lib-font-size(20); color: #444; } .price-including-tax + .price-excluding-tax, .weee { margin-top: 5px; } .price-including-tax + .price-excluding-tax, .weee, .price-including-tax + .price-excluding-tax .price, .weee .price, .weee + .price-excluding-tax:before, .weee + .price-excluding-tax .price { .lib-font-size(11); } .weee { &:before { content: "("attr(data-label) ": "; } &:after { content: ")"; } + .price-excluding-tax { &:before { content: attr(data-label) ": "; } } } } .products-list { .product { &-item { display: table; width: 100%; padding: 10px 0; &-info { display: table-row; text-align: left; &:after { display: table; content: ''; clear: both; } } &-photo { width: 20%; display: block; float: left; margin-bottom: 20px; } &-details { display: block; width: 80%; padding: 0 0 20px 20px; float: left; .actions-primary { display: inline-block; } .actions-secondary { margin-left: 2px; } } &-name { font-size: 18px; line-height: 1; margin: 10px 0; } .product-reviews-summary { background: none; } } } .product-image-wrapper { &:extend(.abs-reset-image-wrapper all); } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .products-grid { &.columns3, &.columns4, &.columns5 { .product-item { width: 100%/2; &.nth-child-2np1{ clear: left; } } } &.columns6, &.columns7, &.columns8 { .product-item { width: 100%/3; &.nth-child-2np1{ clear: none; } &.nth-child-3np1{ clear: left; } } } &.products.grid.flex-grid, &.divider-line { &.columns3, &.columns4, &.columns5 { .product-item { &.nth-child-2np1{ border-left-color: transparent; } &:nth-child(1), &:nth-child(2) { .product-item-info { border-top-color: transparent; } } } } &.columns6, &.columns7, &.columns8 { .product-item { &.nth-child-2np1{ border-left-color: #e3e4e4; } &.nth-child-3np1{ border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3) { .product-item-info { border-top-color: transparent; } } } } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .products-grid { &.columns3, &.columns4, &.columns5 { .product-item { width: 100%/3; &.nth-child-2np1{ clear: none; } &.nth-child-3np1{ clear: left; } } } &.columns6, &.columns7, &.columns8 { .product-item { width: 100%/5; &.nth-child-3np1, &.nth-child-2np1{ clear: none; } &.nth-child-5np1{ clear: left; } } } &.products.grid.flex-grid, &.divider-line { &.columns3, &.columns4, &.columns5 { .product-item { &.nth-child-2np1{ border-left-color: #e3e4e4; } &.nth-child-3np1{ border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3) { .product-item-info { border-top-color: transparent; } } } } &.columns6, &.columns7, &.columns8 { .product-item { &.nth-child-3np1, &.nth-child-2np1{ border-left-color: #e3e4e4; } &.nth-child-5np1{ border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) { .product-item-info { border-top-color: transparent; } } } } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { .products-grid { &.columns3 { .product-item { width: 100%/3; &.nth-child-2np1{ clear: none; } &.nth-child-3np1{ clear: left; } } } &.columns4 { margin-left: -10px; margin-right: -10px; .product-item{ padding: 10px; width: 100%/4; &.nth-child-2np1, &.nth-child-3np1{ clear: none; } &.nth-child-4np1{ clear: left; } } } &.columns5 { margin-left: -5px; margin-right: -5px; .product-item{ padding: 10px 5px; width: 100%/5; &.nth-child-2np1, &.nth-child-3np1{ clear: none; } &.nth-child-5np1{ clear: left; } } } &.columns6 { margin-left: -4px; margin-right: -4px; .product-item { padding: 10px 4px; width: 100%/6; &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ clear: none; } &.nth-child-6np1{ clear: left; } } } &.columns7 { margin-left: -3px; margin-right: -3px; .product-item { padding:10px 3px; width: 100%/7; &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ clear: none; } &.nth-child-7np1 { clear: left; } } } .columns8 { margin-left: -3px; margin-right: -3px; .product-item{ padding: 10px 3px; width: 100%/8; &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ clear: none; } &.nth-child-8np1 { clear: left; } } } &.products.grid.flex-grid, &.divider-line { &.columns3 { .product-item { &.nth-child-2np1{ border-left-color: #e3e4e4; } &.nth-child-3np1{ border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3) { .product-item-info { border-top-color: transparent; } } } } &.columns4 { .product-item{ &.nth-child-2np1, &.nth-child-3np1{ border-left-color: #e3e4e4; } &.nth-child-4np1{ border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4) { .product-item-info { border-top-color: transparent; } } } } &.columns5 { .product-item{ &.nth-child-2np1, &.nth-child-3np1{ border-left-color: #e3e4e4; } &.nth-child-5np1{ border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5) { .product-item-info { border-top-color: transparent; } } } } &.columns6 { .product-item { &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ border-left-color: #e3e4e4; } &.nth-child-6np1{ border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6) { .product-item-info { border-top-color: transparent; } } } } &.columns7 { .product-item { &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ border-left-color: #e3e4e4; } &.nth-child-7np1 { border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7) { .product-item-info { border-top-color: transparent; } } } } .columns8 { .product-item{ &.nth-child-2np1, &.nth-child-3np1, &.nth-child-5np1{ border-left-color: #e3e4e4; } &.nth-child-8np1 { border-left-color: transparent; } &:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8) { .product-item-info { border-top-color: transparent; } } } } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .products-list { .product { &-item { &-photo { width: 100%; padding: 0; display: block; } &-details { display: block; } } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .products-grid { .product-item-info { .product-item-details { .product-item-actions { .actions-secondary { display: none; } } } } } }pub/static/frontend/Smartwave/porto/en_US/Magento_Catalog/css/source/module/_toolbar.less000077700000007606151323550660025705 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @toolbar-mode-icon-font-size: 16px; @toolbar-background: transparent; @pager-action__background: @toolbar-element-background; @pager__font-weight: @font-weight__bold; // // Common // _____________________________________________ & when (@media-common = true) { .page-products .columns { position: relative; z-index: 1; padding-top: 60px; } .toolbar { select { .lib-css(background-color, @toolbar-element-background); border-radius: 3px; padding-top: 0; padding-bottom: 0; height: 26px; } text-align: center; &:extend(.abs-add-clearfix all); &-amount { position: static; display: block; float: left; line-height: @toolbar-mode-icon-font-size+2; padding: 6px 0; margin: 0; vertical-align: middle; text-align: left; .products.wrapper ~ .toolbar & { display: none; } } .page-with-filter & { &-amount { position: static; } } &-products { .lib-css(background-color, @toolbar-background); .pages { display: none; .products.wrapper ~ & { display: block; } } } .pages { margin-bottom: @indent__m; } .products.wrapper ~ & .pages { float: left; margin-bottom: 0; } } .sorter { float: right; .page-products & { position: static; } &-label { margin-bottom: 0; line-height: 26px; font-weight: 400; } &-options { margin: 0 @indent__xs 0 7px; width: auto; } &-action { display: inline-block; vertical-align: top; .lib-icon-font( @icon-arrow-up, @_icon-font-size: 16px, @_icon-font-color: @header-icons-color, @_icon-font-color-hover: @header-icons-color-hover ); .lib-icon-text-hide(); &:before { vertical-align: top; } &.sort-desc:before { content: @icon-arrow-down; } } } .modes { float: left; display: inline-block; margin-right: @indent__base; & > a { text-decoration: none; } &-label { &:extend(.abs-visually-hidden); } &-mode { float: left; border: 1px solid #ccc; font-weight: @font-weight__regular; .lib-css(color, #ccc); text-align: center; width: 26px; line-height: 26px; .lib-css(background-color, @toolbar-element-background); display: block; margin-right: 5px; border-radius: 3px; &:last-child { margin-right: 0; } &.active, &:hover { background-color: @theme-color; border-color: @theme-color; color: #fff; } .lib-icon-font( @icon-grid, @_icon-font-size: @toolbar-mode-icon-font-size, @_icon-font-text-hide: true ); &:before { display: block; } } } .mode-list:before { content: @icon-list; } .limiter { float: right; .products.wrapper ~ .toolbar & { display: block; } &-options { width: auto; margin: 0 5px 0 7px; } & .label { font-weight: 400; margin: 0; } .control { display: inline-block; } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .toolbar-products { margin-bottom: 0; } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .page-products .columns { position: relative; z-index: 1; padding-top: 0; } } pub/static/frontend/Smartwave/porto/en_US/Magento_Catalog/css/source/module/.htaccess000077700000000177151323550660025006 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Catalog/css/source/.htaccess000077700000000177151323550660023521 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Catalog/css/.htaccess000077700000000177151323550660022221 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Catalog/.htaccess000077700000000177151323550660021431 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Reports/css/source/_widgets.less000077700000001245151323550660024501 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .block { &.widget { &.viewed { .grid, .list, .links, .mini.products.images { } } &.compared { .grid, .list, .links, .mini.products.images { } } } &.viewed, &.compared { .links { } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Reports/css/source/.htaccess000077700000000177151323550660023605 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Reports/css/.htaccess000077700000000177151323550660022305 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Reports/.htaccess000077700000000177151323550660021515 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CustomerBalance/css/source/_module.less000077700000002322151323550660025726 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .block-balance { .balance-price-label { &:extend(.abs-visually-hidden all); } .price { .lib-font-size(32); line-height: 32px; display: inline-block; .lib-css(margin-top, -@indent__s); } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .storecredit { .block { &:extend(.abs-blocks-2columns all); } .block-balance-history { width: 100%; } } .table-balance-history { .col { width: 25%; } } .table-wrapper.balance-history { &:extend(.abs-account-table-margin-desktop all); } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper.balance-history { &:extend(.abs-account-table-margin-mobile all); &:extend(.abs-no-border-top all); } } pub/static/frontend/Smartwave/porto/en_US/Magento_CustomerBalance/css/source/.htaccess000077700000000177151323550660025216 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CustomerBalance/css/.htaccess000077700000000177151323550660023716 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CustomerBalance/.htaccess000077700000000177151323550660023126 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/WeltPixel_Quickview/css/source/_module.less000077700000004463151323550660025161 0ustar00.weltpixel-quickview-catalog-product-view { .box-tocart .action.tocart { width: 100%; } .page-wrapper .page-main {margin: 20px 0;} .reviews-actions .add {display: none;} } .box-gotoproduct #product-gotoproduct-button {width: 100%; padding: 7px 20px; font-size: 14px; text-align: center; min-width: 150px; } .product-item .weltpixel-quickview {display: none} .products-grid .product-item .product-item-info { position: relative; } .products-grid .product-item .product-item-details { position: static !important; } .side-list .product-item .weltpixel-quickview { display: none !important; } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .weltpixel-quickview-catalog-product-view { &.catalog-product-view .breadcrumbs, &.catalog-product-view .columns, &.catalog-product-view .page.messages, &.catalog-product-view .page-title-wrapper { max-width: 100%; width: 100%; margin: 0 auto; } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .products-grid .product-item { position: relative; .product-item-inner {margin: 9px -9px 0 -10px;} .product-item-details {position: relative;} .product-item-info { .weltpixel-quickview.weltpixel_quickview_button_v1 span {padding: 18px; display: block;} &:hover { .weltpixel-quickview.weltpixel_quickview_button_v1 { display: block; position: absolute; top: -66px; z-index: 9; width: 100%; text-align: center; color: #555; background: rgba(255,255,255,0.7); font-size: 14px; text-decoration: none; } .weltpixel-quickview.weltpixel_quickview_button_v2 { display: block; z-index: 9; position: absolute; top: 0px; right: 0px; background-color: #08c; color: #fff; padding: 10px; z-index: 9; border-radius: 0 5px; transition: 0.1s all; font-size: 12px; line-height: 1.4; &:hover { opacity: 0.9; } .porto-icon-eye { margin-right: 3px; } } } } } }pub/static/frontend/Smartwave/porto/en_US/WeltPixel_Quickview/css/source/.htaccess000077700000000177151323550660024441 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/WeltPixel_Quickview/css/.htaccess000077700000000177151323550660023141 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/WeltPixel_Quickview/.htaccess000077700000000177151323550660022351 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftRegistry/css/source/_module.less000077700000021257151323550660025311 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .form-giftregistry-share, .form-giftregistry-edit { &:extend(.abs-add-fields all); .actions-toolbar:not(:last-child) { margin-bottom: @indent__xl; } .fieldset { .nested { .field:not(.choice) { .control { width: 100%; } } } } } .form.giftregistry.items { .actions-toolbar { &:extend(.abs-reset-left-margin all); } } .giftregisty-dropdown { &:extend(.abs-dropdown-simple all); .action.toggle { .lib-css(color, @link__color); } } .table-giftregistry-items { .field.qty .qty { &:extend(.abs-input-qty all); } .product-image { .lib-css(margin-right, @indent__s); float: left; } } .form.giftregistry .fieldset { .cart-summary & { margin: 15px 0 @indent__xs; text-align: left; .field { margin: 0 0 @indent__s; .control { float: none; width: auto; } } .action.primary { &:extend(.abs-revert-to-action-secondary all); } } } .form-giftregistry-create { .fieldset { &:extend(.abs-forms-margin-small all); } } .form-giftregistry-edit { .giftregistry-type { .lib-css(margin-bottom, @indent__l); .lib-css(margin-top, -@indent__m); } .field.date { &:extend(.abs-field-date all); } } .form-giftregistry-search { margin-bottom: @indent__l*2; .legend { &:extend(.abs-account-title all); } .fields-specific-options { .field { &:nth-last-of-type(1) { margin-bottom: 0; } } .datetime-picker { &:extend(.abs-field-date-input all); } } } .block-giftregistry-results { .block-title { &:extend(.abs-account-title all); } .data.table { &:extend(.abs-table-striped all); } } .block-giftregistry { .actions-toolbar { margin: 17px 0 0; } } .block-giftregistry-shared { .item-options { .item-value { margin: 0 0 @indent__m; } } } .block-giftregistry-shared-items { .block-title { &:extend(.abs-account-title all); } .product-image-wrapper { &:extend(.abs-reset-image-wrapper all); } .item { .col { border: 0; } } th { border-bottom: @border-width__base solid @border-color__base; } .col { padding: @cart-item-cell-padding-top 11px 10px; .price-box { display: inline-block; } .price-wrapper { .lib-font-size(18); display: block; font-weight: @font-weight__bold; white-space: nowrap; } } .qty { .qty { &:extend(.abs-input-qty all); } } .product { .item-options { &:extend(.abs-product-options-list all); &:extend(.abs-add-clearfix all); margin: 0; } &-item-photo { display: block; max-width: 65px; padding: @indent__s 0; } &-item-name { .lib-font-size(18); display: block; margin: 0 0 @indent__xs; } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .account { .table-giftregistry { .col.actions { &:extend(.abs-col-no-prefix all); } } } .table-giftregistry-items { .col.product { &:before { &:extend(.abs-visually-hidden-mobile all); } &:extend(.abs-add-clearfix-mobile all); } .field.choice, .field.qty { display: inline-block; } } .form-giftregistry-search { .fieldset { margin-bottom: @indent__base; } } .block-giftregistry-results { .block-title { margin-bottom: 0; } .table-wrapper { border-top: none; } } .block-giftregistry-shared-items { .block-title { margin-bottom: @indent__s; } .table-wrapper { border-top: 0; } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { // Shopping cart link .cart.table-wrapper { .action-giftregistry { .lib-icon-font( @icon-gift-registry, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color ); } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .form-giftregistry-share, .form-giftregistry-edit { &:extend(.abs-add-fields-desktop all); &:extend(.abs-form-field-column-2 all); .fieldset .field { width: 45%; } } .form-giftregistry-edit { .fieldset.shipping_address { .fieldset { margin-top: @form-field__vertical-indent; } } } .form-giftregistry-create { &:extend(.abs-forms-general-desktop all); } .table-giftregistry { .col.create { white-space: nowrap; } .col.message { width: 40%; } .col.actions { width: 30%; } } .table-giftregistry-items { .col.note { width: 30%; } .account .data.table& { .lib-table-bordered( @_table_type: horizontal ); th { border-bottom: 0; } > tbody > tr:nth-child(even) { > td, > th { background: none; } } } } .form-giftregistry-search { .fieldset { margin-bottom: @form-field__vertical-indent__desktop; .field { &.name, &.lastname { .lib-form-field-column(@_column: true); margin-bottom: auto; } &.lastname { padding: 0; } } } } .toolbar-giftregistry-results { &:extend(.abs-pager-toolbar all); } .block-giftregistry-shared { .item-options { &:extend(.abs-product-options-list-desktop all); &:extend(.abs-add-clearfix-desktop all); } } .block-giftregistry-shared-items { .column.main & { .actions-toolbar { &:extend(.abs-reset-left-margin-desktop all); } } .item { border-bottom: @border-width__base solid @border-color__base; border-top: 0; } .product { &-item-photo { display: table-cell; max-width: 100%; padding: 0 @indent__base 0 0; vertical-align: top; width: 1%; } &-item-details { display: table-cell; vertical-align: top; width: 99%; word-break: normal; } } .col { &.product { width: 48%; } &:not(.product) { text-align: center; } &.price { padding-top: 17px; } } .input-text { &.qty { margin-top: -4px; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_GiftRegistry/css/source/_widgets.less000077700000000217151323550660025463 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .widget.block-giftregistry { } pub/static/frontend/Smartwave/porto/en_US/Magento_GiftRegistry/css/source/.htaccess000077700000000177151323550660024571 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftRegistry/css/.htaccess000077700000000177151323550660023271 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftRegistry/.htaccess000077700000000177151323550660022501 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftMessage/css/source/_module.less000077700000024734151323550660025070 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @gift-message-field-label__color: @color-gray40; @gift-item-block__border-color: @color-gray-light5; @gift-item-block__border-width: @border-width__base; @gift-item-block-title__color: @color-blue1; @gift-item-block-title-icon__content: @icon-down; @gift-item-block-title-icon__active__content: @icon-up; @gift-item-block-title-icon__color: @color-gray52; @gift-item-block-title-icon__font-size: 18px; @gift-item-block-title-icon__line-height: 20px; @gift-item-block-title-icon__margin: 0 0 0 @indent__s; // // Common // _____________________________________________ & when (@media-common = true) { .gift-message { .field { .label { .lib-css(color, @gift-message-field-label__color); .lib-css(font-weight, @font-weight__regular); } } } .cart.table-wrapper { .item-gift { &._active { .lib-css(border-top, @gift-item-block__border-width solid @gift-item-block__border-color); } .action { margin-right: 0; } } } .gift-options { margin: @indent__base 0; .actions-toolbar { .action-cancel { &:extend(.abs-action-button-as-link all); display: none; } } } .gift-options-title { .lib-css(font-weight, @font-weight__semibold); margin: 0 0 @indent__base; } .gift-options-content { .fieldset { margin: 0 0 @indent__base; } } .gift-summary { position: relative; .actions-toolbar { > .secondary { .action { margin: 0 0 0 @indent__base; width: auto; } } } .action-edit, .action-delete { &:extend(.abs-action-button-as-link all); .lib-icon-font( @icon-edit, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color ); } .action-delete { .lib-icon-font-symbol( @_icon-font-content: @icon-trash ); } } .gift-summary, .cart.table-wrapper .gift-summary { .actions-toolbar { padding: 0; position: absolute; right: 0; top: 0; } } // // In-table block // --------------------------------------------- .cart.table-wrapper { .gift-content { display: none; clear: left; float: left; margin-right: -100%; padding: @indent__base 0; width: 100%; &._active { display: table; table-layout: fixed; } } } // // Collapsible block // --------------------------------------------- .gift-item-block { .lib-css(border-bottom, @gift-item-block__border-width solid @gift-item-block__border-color); margin: 0; &._active { .title { &:after { .lib-css(content, @gift-item-block-title-icon__active__content); } } } .title { .lib-css(color, @gift-item-block-title__color); cursor: pointer; .lib-icon-font( @gift-item-block-title-icon__content, @_icon-font-size: @gift-item-block-title-icon__font-size, @_icon-font-line-height: @gift-item-block-title-icon__line-height, @_icon-font-color: @gift-item-block-title-icon__color, @_icon-font-color-hover: @primary__color, @_icon-font-margin: @gift-item-block-title-icon__margin, @_icon-font-position: after, @_icon-font-display: block ); margin: 0; padding: @indent__s @indent__xl @indent__s 15px; position: relative; } .content { &:extend(.abs-add-clearfix all); padding: @indent__s 0 @indent__base; position: relative; } } // // Account order gift message // --------------------------------------------- .order-details-items { .order-gift-message, .block-order-details-gift-message { &:extend(.abs-add-clearfix all); dt { &:after { content: ''; } } .label { &:extend(.abs-colon all); } .item-message { clear: left; } .item-options { dt { .lib-css(font-weight, @font-weight__regular); margin: @indent__s 0; } } } } .order-details-items { .order-items { .order-gift-message { &:not(.expanded-content) { &:extend(.abs-hidden); } .action.close { &:extend(.abs-no-display all); } } } } .options-order-container, .options-items-container { margin-bottom: @indent__s; } .gift-messages-order { margin-bottom: @indent__m; } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .gift-message { .actions-toolbar { .action-update { .lib-font-size(20); padding: 15px; width: 100%; } } } .gift-item-block { border-bottom: 0; .lib-css(border-top, @gift-item-block__border-width solid @gift-item-block__border-color); .title { &:after { .lib-font-size(12); position: absolute; right: 20px; top: 10px; } } .content { padding-left: 1.5rem; padding-right: 1.5rem; } } .gift-message-summary { padding-right: 7rem; } .cart.table-wrapper { .action-gift { .lib-icon-font( @icon-present, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color, @_icon-font-position: after ); &._active { border: @border-width__base solid @color-gray-light5; border-bottom-color: @color-white; margin: -@indent__xs 14px -1px -15px; padding: 4px @indent__s 9px 14px; &:after { color: @primary__color; } } } .gift-content { border-top: @border-width__base solid @color-gray-light5; margin-right: -@mobile-cart-padding; padding-left: @mobile-cart-padding; padding-right: @mobile-cart-padding; overflow: hidden; } } .gift-options-cart-item { & + .action-towishlist { left: 43px; position: absolute; } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .gift-message { .field { &:extend(.abs-clearfix all); .lib-form-field-type-revert( @_type: inline, @_type-inline-label-align: left ); } } .gift-options { position: relative; z-index: 1; .actions-toolbar { clear: both; padding: 0; position: static; .secondary { float: right; .action { float: right; margin-left: @indent__base; margin-right: 0; } .action-cancel { display: block; float: left; margin-top: 6px; } } &:nth-child(3) { &:before { .lib-css(border-left, 1px solid @gift-item-block__border-color); bottom: 5rem; content: ""; display: block; left: 50%; overflow: hidden; position: absolute; top: 0; width: 0; } } } } .gift-options-title { .lib-css(font-weight, @font-weight__light); .lib-font-size(18); } .gift-item-block { .title { padding: @indent__base 0; } } .item-gift { td { padding-left: 0; padding-right: 0; } } // // In-table block // --------------------------------------------- .cart.table-wrapper { .action-gift { float: left; .lib-icon-font( @icon-down, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color, @_icon-font-margin: 0 0 0 @indent__s, @_icon-font-position: after ); &._active { &:after { content: @icon-up; } } } .gift-options { .actions-toolbar { clear: both; padding: 0; position: static; } } } .cart-container { .cart-gift-item { &:extend(.abs-shopping-cart-items-desktop all); margin-bottom: @indent__base; .gift-options, .gift-summary { padding-bottom: @indent__base; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_GiftMessage/css/source/.htaccess000077700000000177151323550660024345 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftMessage/css/.htaccess000077700000000177151323550660023045 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftMessage/.htaccess000077700000000177151323550660022255 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/js-translation.json000077700000001135151323550660020445 0ustar00{"Card Verification Number":"CVV","Proceed to Checkout":"Go to Checkout","Remove item":"Remove","Securely login into our website using your existing Amazon details.":"Securely login to our website using your existing Amazon details.","The address is not valid":"We found potential improvements for this address:","Warning: Updating the address will replace all street address fields.":"<strong>Warning:<\/strong> Updating the address will replace <em>all<\/em> street address fields.","We did not find a valid address":"The address could not be validated. Please ensure it is correct before continuing."}pub/static/frontend/Smartwave/porto/en_US/Magento_GroupedProduct/css/source/_module.less000077700000006051151323550660025630 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .table-wrapper.grouped { width: auto; } .table.grouped { .row-tier-price { > td { border-top: 0; } } .col.item { width: 90%; } .col.qty { width: 10%; min-width: 95px; .control.qty { display: inline-block; vertical-align: middle; .qty { &:extend(.abs-input-qty all); } } .qty-changer { display: inline-block; vertical-align: middle; > a { display: block; border: 1px solid @form-element-input__border-color; border-radius: 3px; height: 18px; line-height: 16px; margin-top: 2px; color: #ccc; font-size: 11px; &:first-child { margin-top: 0; } &:hover { color: @_link-color-hover; } } } } .product-item-name { font-weight: @font-weight__regular; margin-bottom: @indent__s; display: inline-block; } .price-box { margin: 8px 0 3px; p { margin: 0; } .price { font-weight: @font-weight__bold; color: @product-view-product-info-price; } .old-price { .price { font-weight: normal; color: @product-view-product-info-old-price; } } } .stock.unavailable { margin: 0; white-space: nowrap; text-transform: none; font-weight: normal; } .row-tier-price { } } .page-product-grouped .product-info-price { float: right; display: block; width: auto; border: 0; } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table.grouped { > thead > tr > th { display: table-cell; border-bottom: @table__border-width @table__border-style @table__border-color; } > tbody { border-bottom: @table__border-width @table__border-style @table__border-color; > tr > td { &:extend(.abs-col-no-prefix all); border: 0; display: table-cell; padding: @table-cell__padding-vertical @table-cell__padding-horizontal; &:last-child { border: 0; } } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .table-wrapper.grouped { margin-left: -@layout__width-xs-indent; margin-right: -@layout__width-xs-indent; } } pub/static/frontend/Smartwave/porto/en_US/Magento_GroupedProduct/css/source/.htaccess000077700000000177151323550660025115 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GroupedProduct/css/.htaccess000077700000000177151323550660023615 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GroupedProduct/.htaccess000077700000000177151323550660023025 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftCard/css/source/_module.less000077700000007302151323550660024345 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .page-product-giftcard { .giftcard-amount { text-align: left; margin-bottom: 0; clear: both; border-top: 1px @color-gray-light5 solid; padding-top: 15px; .field:last-child { padding-bottom: @form-field__vertical-indent !important; } } .product-info-main { .price-box { .old-price { font-size: 20px; } .price-container.price-final_price { > span { display: block; margin-bottom: @indent__xs; &:last-child { margin-bottom: 0; } } .price { font-size: 22px; line-height: 22px; font-weight: @font-weight__semibold; } } & + .giftcard.form { border-top: 1px @color-gray-light5 solid; padding-top: 15px; } } } .product-info-stock-sku { display: block; } .product-add-form { clear: none; border: 0; padding-top: 0; .product-options-wrapper .field:not(.text) { margin-top: @form-field__vertical-indent; margin-bottom: @form-field__vertical-indent; } } .giftcard.form { clear: both; } .price-box { margin-bottom: 10px; } .product-info-price { float: right; width: auto; display: block; white-space: nowrap; border: 0; } .fieldset.giftcard { >.legend { &:extend(.abs-visually-hidden all); } >.legend + br { &:extend(.abs-no-display all); } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .cart-discount { .giftcard .content { padding-bottom: 35px; } .actions-toolbar { .secondary { bottom: 17px; } } } .field.open-amount { width: 100%; } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .page-product-giftcard { .product-info-main { .price-box { .price-container.price-final_price { font-size: @font-size__xl; .price { font-size: 36px; line-height: 36px; } } } } .product-add-form { .field:not(.text) { .lib-form-field( @_type: block, @_column: true ); &:nth-child(odd) { padding-right: 25px; } &:nth-child(even) { padding-right: 0; } } .product-options-wrapper { .field:not(.date) > .control { width: auto; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_GiftCard/css/source/.htaccess000077700000000177151323550660023632 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftCard/css/.htaccess000077700000000177151323550660022332 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftCard/.htaccess000077700000000177151323550660021542 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_SendFriend/css/source/_module.less000077700000002277151323550660024711 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .form.send.friend { display: block; border: 1px solid #ececec; border-radius: 8px; background: #fff; border-top: 4px solid @theme-color; padding: 35px 25px; box-shadow: 0 2px 3px rgba(0,0,0,0.08); &:extend(.abs-add-fields all); } .product-social-links, .moved-add-to-links { .action.mailto.friend { &:extend(.abs-actions-addto all); .lib-icon-font-symbol( @_icon-font-content: @icon-envelope, @_icon-font-position: before ); } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .form.send.friend { &:extend(.abs-add-fields-desktop all); &:extend(.abs-form-field-column-2 all); .fieldset { .field { } .field.text { //&:extend(.abs-form-field-revert-column-1 all); width: 100%; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_SendFriend/css/source/.htaccess000077700000000177151323550660024170 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_SendFriend/css/.htaccess000077700000000177151323550660022670 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_SendFriend/.htaccess000077700000000177151323550660022100 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Multishipping/css/source/_module.less000077700000024740151323550660025523 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .multicheckout { .title { margin-bottom: @indent__l; strong { font-weight: @font-weight__regular; } } .table-wrapper { margin-bottom: 0; .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; } .action.delete { display: inline-block; } .col { .qty { display: inline-block; .input-text { &:extend(.abs-input-qty all); } } .label { &:extend(.abs-visually-hidden all); } &.item { .action.edit { font-weight: @font-weight__regular; margin-left: @indent__s; } } } .cart-price { &:extend(.abs-checkout-cart-price all); } .product-item-name { &:extend(.abs-checkout-product-name all); > a { &, &:hover { color: @link__color; } } } } &:not(.address) { .table-wrapper { .product-item-name { margin: 0; } } } > .actions-toolbar { margin-top: @indent__xl; } .actions-toolbar { > .secondary { display: block; .action { &.back { display: block; margin-left: 0; } } } > .primary { margin-right: @indent__s; } } .action.primary { &:extend(.abs-button-l all); } .item-options { margin: @indent__s 0 0; &:extend(.abs-product-options-list all); &:extend(.abs-add-clearfix all); } &:extend(.abs-account-blocks all); .block { &:extend(.abs-add-clearfix all); .methods-shipping { .item-content { .fieldset { > .legend { &:extend(.abs-visually-hidden all); } > .legend + br { &:extend(.abs-no-display all); } > .field { &:before { display: none; } .control { display: inline-block; } } } } } } .block-title, .block-content .title { &:extend(.abs-account-title all); border-bottom: @border-width__base solid @border-color__base; padding-bottom: @indent__s; strong { font-weight: @font-weight__regular; span { .lib-css(color, @primary__color__light); } } } .block-content { &:extend(.abs-add-clearfix all); .title { border-bottom: none; padding-bottom: 0; } } &.order-review { .box-items { .box-content { border-top: 1px solid #ddd; border-radius: 8px; } .data.table { margin-bottom: 0; } } .block-title > strong { .lib-font-size(24); } .block-shipping { .block-content:not(:last-child) { margin-bottom: @indent__xl; } } } .box-title { span { margin-right: @indent__s; } > .action { margin: 0; } } .box-shipping-method { .price { font-weight: @font-weight__bold; } } .box-billing-method { .fieldset { margin: 0; .legend.box-title { margin: 0; color: @primary__color; font-weight: 700; text-transform: none; font-size: 14px; line-height: 1.4; } } .methods-payment .item-title label { font-size: 14px; vertical-align: top; font-weight: 600; } } .hidden { &:extend(.abs-no-display all); } .checkout-review .grand.totals { .lib-font-size(@font-size__xl); margin-bottom: @indent__xl; .mark { font-weight: @font-weight__regular; padding: 0; background: none; } } } [class^="multishipping-"] { .nav-sections, .nav-toggle { &:extend(.abs-no-display all); } .logo { margin-left: 0; } } .multishipping-checkout-success { .nav-sections { display: block; } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .multicheckout { .data.table { .address { &:before { margin-bottom: @indent__xs; } } } .product-item-name, .price-including-tax, .price-excluding-tax { display: inline-block; } .block-content .box { &:not(:last-child) { margin-bottom: @indent__xl; } &:last-child { margin-bottom: 0; } } &.order-review { .box-items { .data.table { thead { display: block; tr { display: block; } .col.item { display: block; padding: 0; } } } } .data.table { &:extend(.abs-checkout-order-review all); } } .actions-toolbar { .action { margin-bottom: @indent__m; } > .primary { margin-bottom: @indent__m; margin-right: 0; } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .multicheckout { .actions-toolbar { .column:not(.sidebar-main) & { &:extend(.abs-reset-left-margin-desktop-s all); } .secondary { float: none; text-align: right; .action { margin-left: @indent__s; &.back { display: block; float: left; } } } } .item-options { margin: @indent__base 0 0; } .block-content .box { margin-bottom: 0; } .block-shipping { .box { &:extend(.abs-add-box-sizing-desktop-s all); float: left; width: 25%; } .box-shipping-method { padding-left: @indent__m; padding-right: @indent__m; width: 50%; .fieldset { .legend { &:extend(.abs-reset-left-margin-desktop-s all); } .field { &:before { display: none; } } } } } .block-billing { &:extend(.abs-add-clearfix-desktop-s all); .box-billing-address { &:extend(.abs-add-box-sizing-desktop-s all); float: left; width: 25%; } .box-billing-method { &:extend(.abs-add-box-sizing-desktop-s all); float: left; padding-left: @indent__m; width: 50%; } } &.form.address { .table-wrapper { .applicable { margin: 7px 0 0; } } } &.order-review { .box-items { clear: left; float: none; padding-top: @indent__xl; width: auto; } .col.item { width: 75%; } } // Payment methods .methods-payment { .item-content > .fieldset { width: auto; .field { &.cvv { display: inline-block; width: auto; } } } .fieldset > .field:not(.choice) { > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } &:not(.cvv) { .control { width: 100%; } } } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .multishipping-checkout-success { .nav-toggle { display: block; } .logo { margin-left: @indent__xl; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Multishipping/css/source/.htaccess000077700000000177151323550660025003 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Multishipping/css/.htaccess000077700000000177151323550660023503 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Multishipping/.htaccess000077700000000177151323550660022713 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_SalesRule/css/source/_module.less000077700000000663151323550660024564 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .opc-wrapper { .form-discount { max-width: 500px; .field { .label { &:extend(.abs-visually-hidden all); } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_SalesRule/css/source/.htaccess000077700000000177151323550660024046 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_SalesRule/css/.htaccess000077700000000177151323550660022546 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_SalesRule/.htaccess000077700000000177151323550660021756 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Filterproducts/css/source/_module.less000077700000006446151323550660026262 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ & when (@media-common = true) { .filterproducts.products { margin: 0; } .filterproduct-title { background: url(../images/slider-bar.png) right no-repeat; font-size: 16px; font-weight: 300; line-height: 42px; margin: 0; color: #313131; text-transform: uppercase; text-align: left; .content { background-color: #fff; padding-right: 20px; display: inline; } } h3.fullwidth-filter-title { font-size: 28px; color: #000; line-height: 1.2; } p.fullwidth-filter-description { font-size: 14px; color: #666; line-height: 1.4; } .owl-top-narrow .owl-theme .owl-controls { position: absolute; right: 0; top: -37px; margin: 0; .owl-nav [class*=owl-] { font-size: 18px; margin: 0; padding: 0; } } .owl-middle-narrow .owl-theme, .owl-middle-narrow.owl-theme { .owl-controls { margin: 0; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -37px; visibility: hidden; opacity: 0; transition: all 0.2s; pointer-events: none; .owl-dots .owl-dot { pointer-events: all; } } &:hover .owl-controls { opacity: 1; visibility: visible; } .owl-controls .owl-nav [class*=owl-] { position: absolute; font-size: 40px; pointer-events: all; } .owl-prev { left: 0; } .owl-next { right: 0; } } .owl-top-narrow .recent-posts .owl-item .item { padding-top: 10px; } .owl-border-radius-7 .owl-stage-outer { border-radius: 7px; } .owl-bottom-absolute-narrow.owl-theme .owl-controls { position: absolute; left: 0; width: 100%; bottom: 15px; } .small-list.products-grid { .product-item { float: none; padding: 0; width: auto; margin-bottom: 15px; &-info { .product-item-photo { float: left; width: 33.33%; padding: 0; } .product-item-details { float: left; padding: 5px 0; padding-left: 10px; width: 66.66%; text-align: left; } &:after { content: ""; display: table; clear: both; } } .product-item-name { font-size: 12px; } .product-reviews-summary { background-image: none; } .price-container .price { font-size: 14px; } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { }pub/static/frontend/Smartwave/porto/en_US/Smartwave_Filterproducts/css/source/.htaccess000077700000000177151323550660025537 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Filterproducts/css/.htaccess000077700000000177151323550660024237 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Filterproducts/.htaccess000077700000000177151323550660023447 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ProductVideo/css/source/_module.less000077700000004340151323550660025270 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .fotorama-video-container { &:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .magnify-lens { display: none !important; } &.video-unplayed { &:hover { img { opacity: .6; } &:after { transform: scale(1.25); } } } } .video-thumb-icon:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading { &:after { visibility: hidden; } } } // // Mobile // _____________________________________________ // @TODO UI: check possibility to use .media-width() mixin @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } pub/static/frontend/Smartwave/porto/en_US/Magento_ProductVideo/css/source/.htaccess000077700000000177151323550660024556 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ProductVideo/css/.htaccess000077700000000177151323550660023256 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ProductVideo/.htaccess000077700000000177151323550660022466 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Customer/css/source/_module.less000077700000025444151323550660024472 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @account-title-border-color: @color-gray-middle2; @account-table-border-bottom-color: @color-gray-middle1; @account-table-action-delete: @color-red12; // // Common // --------------------------------------------- & when (@media-common = true) { .login-container { .block { &-new-customer { .actions-toolbar { margin-top: 25px; } } .block-title { &:extend(.abs-login-block-title all); .lib-font-size(18); } } .fieldset { .lib-form-hasrequired(bottom); &:after { margin-top: 25px; } } } .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage { display: block; border: 1px solid #ececec; border-radius: 8px; background: #fff; border-top: 4px solid @theme-color; padding: 35px 25px 0; box-shadow: 0 2px 3px rgba(0,0,0,0.08); } .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage{ padding-bottom: 35px; } .fieldset > .legend { padding: 0; border: 0; color: @theme-color; text-transform: uppercase; margin: 0 0 20px; font-size: 16px; font-weight: 400; } .box { .box-title { padding: 10px 15px; border: 1px solid #ddd; background-color: #f5f5f5; position: relative; border-radius: 7px 7px 0 0; } .box-content { padding: 20px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; background-color: #fbfbfb; min-height: 135px; } .box-actions { margin: 0; border: 1px solid #ddd; border-top: 0; background-color: #f5f5f5; border-radius: 0 0 7px 7px; padding: 10px 15px; } } .block-order-details-view { margin: 0 -10px; .block-title { padding: 0 10px; } .box { padding: 0 10px; .box-content { min-height: 155px; border-radius: 0 0 5px 5px; } } } .block-dashboard-addresses { address { margin-bottom: 0; } } .customer-account-index { .block { .block-title { color: #313131; strong { font-weight: 600; } } } .box { .box-title { color: #313131; font-weight: 600; text-transform: uppercase; } } } .block-addresses-list { .items.addresses { > .item { margin-bottom: @indent__base; &:last-child { margin-bottom: 0; } } .item.actions { margin-top: @indent__xs; .action { &:extend(.abs-account-actions all); } } } address { &:extend(.abs-account-block-line-height all); } } .form-address-edit { #region_id { display: none; } .actions-toolbar .action.primary { &:extend(.abs-button-l all); } } .form-edit-account { .fieldset.password { display: none; } } .form-create-account { .fieldset-fullname { .fields { .field { float: none; } } } } .box-billing-address, .box-shipping-address, .box-information, .box-newsletter { .box-content { &:extend(.abs-account-block-line-height all); } } // My account .account { .page-title-wrapper { .page-title { display: inline-block; } } .column.main { margin-bottom: @indent__l; h2 { margin-top: 0; } .block:not(.widget) { &:extend(.abs-account-blocks all); } } .sidebar-additional { margin-top: @indent__xl; } .table-wrapper { .lib-css(margin-bottom, @indent__base); &:last-child { margin-bottom: 0; } } .legend { &:extend(.abs-account-title all); } } .account, [class^="sales-guest-"], .sales-guest-view { .column.main { .order-details-items { .table-wrapper { .data.table { &:extend(.abs-table-striped all); } } } } .data.table { .col.actions { .action { &:extend(.abs-account-actions all); &.delete { .lib-css(color, @account-table-action-delete); } } } } } // Checkout address (create shipping address) .field.street { .field.additional { .label { &:extend(.abs-visually-hidden all); } } } // // Blocks & Widgets // --------------------------------------------- .block { &:extend(.abs-margin-for-blocks-and-widgets all); .column.main & { &:last-child { margin-bottom: 0; } } .title { strong { font-size: 18px; color: #313131; padding: 10px 0; margin: 0; line-height: 1; .column.main & { } } margin-bottom: @indent__s; } p:last-child { margin: 0; } .box-actions { .action { &:extend(.abs-account-actions all); } } } .control.captcha-image { .lib-css(margin-top, @indent__s); .captcha-img { vertical-align: middle; } } .account { .data.table-return-items { .qty { .input-text { &:extend(.abs-input-qty all); } } } } } // // Desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .login-container { &:extend(.abs-add-clearfix-desktop all); .block { &:extend(.abs-blocks-2columns all); &.login { .actions-toolbar { > .primary { margin-bottom: 0; margin-right: @indent__l; } > .secondary { float: left; } } } } .fieldset { > .field { > .control { width: 55%; } } } } .actions-toolbar .secondary a.action { margin-top: 10px; } .form-create-account { .fieldset-fullname { .fields { .field { float: left; margin: 0 @indent__s @indent__s 0; } } .field-name-prefix, .field-name-suffix { width: 50px; } } } .form.create.account { padding: 35px 0; > .fieldset { width: 50%; padding: 0 25px; float: left; } .actions-toolbar { clear: both; padding: 0 25px; } } .form.forget .field { max-width: 600px; } // My account .account.page-layout-2columns-left { .sidebar-main, .sidebar-additional { width: 22.3%; } .column.main { width: 77.7%; } } .account { .page-title-wrapper { &:extend(.abs-add-clearfix-desktop all); } .column.main { .block:not(.widget) { .block-content { &:extend(.abs-add-clearfix-desktop all); .box { &:extend(.abs-blocks-2columns all); } } } } .data.table { margin-bottom: 0; .col { &.actions { white-space: nowrap; } } } .toolbar { &:extend(.abs-pager-toolbar all); } } .block-addresses-list { .items.addresses { &:extend(.abs-add-clearfix-desktop all); > .item { &:extend(.abs-blocks-2columns all); margin-bottom: @indent__base; &:nth-last-child(1), &:nth-last-child(2) { margin-bottom: 0; } } } address { &:extend(.abs-account-block-font-size all); } } .page-main .block { &:extend(.abs-margin-for-blocks-and-widgets-desktop all); } .form-edit-account, .form-address-edit { .fieldset { &:extend(.abs-blocks-2columns all); } } .box-billing-address, .box-shipping-address, .box-information { .box-content { &:extend(.abs-account-block-font-size all); } } .control.captcha-image { .captcha-img { margin: 0 @indent__s @indent__s 0; } } } // // Mobile @screen__s // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .account { .column.main, .sidebar-additional { margin: 0; } .data.table { &:extend(.abs-table-striped-mobile all); } } } // // Mobile @screen__m // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .login-container { padding-bottom: 35px; .fieldset { &:after { text-align: center; } } } .account { .page.messages { margin-bottom: @indent__xl; } .column.main { .block:not(.widget) { .block-title { &:extend(.abs-add-clearfix-mobile-m all); > .action { float: right; .lib-css(margin-top, @indent__xs); } } .block-content { .box { .lib-css(margin-bottom, @indent__base); &:last-child { margin-bottom: 0; } } } } } } .control.captcha-image { .captcha-img { display: block; .lib-css(margin-bottom, @indent__s); } } .customer-account-index { .page-title-wrapper { position: relative; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Customer/css/source/_email.less000077700000002477151323550660024275 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Customer Module Styles // _____________________________________________ .email-credentials { width: 100%; th { text-align: left; } tr + tr { th, td { padding-bottom: @indent__s; } } } .email-features { width: 100%; td { width: 50%; table { width: 100%; td { padding-right: @indent__s; width: 30px; h3 { margin-bottom: 0; margin-top: 5px; } p { margin-bottom: 0; } } td + td { padding-right: @indent__m; width: auto; } } } tr + tr > td { padding-top: @indent__base; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .email-features{ > tbody { > tr { > td { clear: both; display: block; padding-top: @indent__base; width: auto !important; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Customer/css/source/.htaccess000077700000000177151323550660023750 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Customer/css/.htaccess000077700000000177151323550660022450 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Customer/.htaccess000077700000000177151323550660021660 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Weee/css/source/_module.less000077700000000743151323550660023551 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .minilist { .weee { display: table-row; .lib-font-size(11); &:before { display: none; } } } .price-container.weee { &:before { display: none; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Weee/css/source/.htaccess000077700000000177151323550660023034 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Weee/css/.htaccess000077700000000177151323550660021534 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Weee/.htaccess000077700000000177151323550660020744 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Banner/css/source/_widgets.less000077700000001200151323550660024237 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .block-banners, .block-banners-inline { &:extend(.abs-margin-for-blocks-and-widgets); .banner-items { &:extend(.abs-reset-list all); } .banner-item { display: block; } .banner-item-content { margin-bottom: @indent__base; img { display: block; margin: 0 auto; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Banner/css/source/.htaccess000077700000000177151323550660023354 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Banner/css/.htaccess000077700000000177151323550660022054 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Banner/.htaccess000077700000000177151323550660021264 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Review/css/source/_module.less000077700000022131151323550660024120 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .data.switch .counter { .lib-css(color, @text__color__muted); &:before { content:"("; } &:after { content:")"; } } .rating-summary { .lib-rating-summary(); .rating-result { display: block; width: 83px; } } .product-reviews-summary, .table-reviews { .rating-summary { .lib-rating-summary-label-hide(); } } .review-control-vote { .lib-rating-vote(); &:before { .lib-rating-icons-content( @_icon-content: @icon-star-empty ); } } // // Review product page //-------------------------------------- .review { &-toolbar { padding: 0; border-top: 1px solid @color-gray79; margin: 0 0 @indent__base; text-align: center; &:first-child { display: none; } .pages { display: block; text-align: center; border-bottom: 1px solid @color-gray79; padding: @indent__base 0; } .limiter { display: none; } } &-add { .block-title { display: none; } } &-form { .action.submit.primary { .lib-button-revert-secondary-size(); margin: 0; } .actions-toolbar .actions-primary { padding: 0; } } &-fieldset {} .fieldset &-legend.legend { line-height: 1.3; border-bottom: 0; padding: 0; span { margin: 0; } strong { display: block; font-weight: 600; } margin-bottom: @indent__base; } .fieldset &-field-ratings { > .label { margin-bottom: @indent__s; font-weight: 600; padding: 0; } } &-control-vote label:before, &-control-vote:before { font-size: 32px; line-height: 32px; height: 32px; letter-spacing: 10px; } &-field-rating { .label { font-weight: 600; } .control { margin-top: @indent__s; margin-bottom: 1.2*@indent__xl; } } &-list { .block-title strong { .lib-heading(h2); } margin-bottom: @indent__l; } &-item { padding: @indent__base 0; border-bottom: 1px solid @color-gray79; margin: 0; .lib-clearer(); &:last-child { border-width: 0; } } &-ratings { display: table; max-width: 100%; margin-bottom: @indent__s; &:extend(.abs-rating-summary all); } &-author { display: inline; .review-details-value { font-weight: 400; } } &-date { display: inline; .review-details-label { &:extend(.abs-visually-hidden all); } } &-title { .lib-heading(h3); margin: 0 0 @indent__base; } &-content { margin-bottom: @indent__base; } } .page-main { .column { .review-add { margin-bottom: 0; } } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .review { &-form { max-width: 500px; } @review-ratings-left: 280px; &-ratings { max-width: @review-ratings-left - @indent__xl; float: left; margin-bottom: 0; } &-ratings ~ &-content, &-ratings ~ &-details { margin-left: @review-ratings-left; } } .review { @reviews-indent-desktop: 30px; &-toolbar { margin: 0 0 @reviews-indent-desktop; .pages { padding: @reviews-indent-desktop 0; } } .fieldset &-legend.legend { margin-bottom: @reviews-indent-desktop; } &-item { padding: @reviews-indent-desktop 0; } &-title { margin: 0 0 @reviews-indent-desktop; } } } // // Common //-------------------------------------- & when (@media-common = true) { .data.table.reviews { .rating-summary { margin-top: -4px; } } .customer.review.view { .review.title, .ratings.summary.items, .product.details { margin-bottom: @indent__base; } } .product-reviews-summary { margin-bottom: 10px; .products.wrapper.list & { margin: 0 auto; } .rating-summary { display:inline-block; vertical-align: middle; } .reviews-actions { display:inline-block; vertical-align: middle; font-size: 14px; margin-top: 0; line-height: 16px; a { color: @product-reviews-summary-links; padding: 0 15px 0 10px; } a:not(:last-child) { border-right: 1px solid #ccc; } .action.view span { } } &.no-rating { .reviews-actions { a:first-child { padding-left: 0; } } } } .product-info-main, .customer-review { .product-reviews-summary { margin-bottom: 20px; } .rating-summary { margin-right: 15px; } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product-reviews-summary { .products.wrapper.list & { margin: 0; } } } // // Common //-------------------------------------- & when (@media-common = true) { // // Account //-------------------------------------- .block-reviews-dashboard { .items { .item { .lib-css(margin-bottom, @indent__base); &:last-child { margin-bottom: 0; } } } .product-name { display: inline-block; &:not(:last-child) { .lib-css(margin-bottom, @indent__xs); } } .rating-summary { .label { .lib-css(font-weight, @font-weight__semibold); .lib-css(margin-right, @indent__s); } } } .table-reviews, .block-reviews-dashboard { .product-name { .lib-css(font-weight, @font-weight__regular); } } .table-reviews { .rating-summary { display: inline-block; vertical-align: baseline; } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .account { .table-reviews { .col.actions { &:extend(.abs-col-no-prefix all); } } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-reviews-dashboard { .product-name { &:extend(.abs-account-block-font-size all); } } } // // Common //-------------------------------------- & when (@media-common = true) { .customer-review { .product-details { &:extend(.abs-add-clearfix all); &:extend(.abs-margin-for-blocks-and-widgets all); .rating-average-label { &:extend(.abs-visually-hidden all); } } .product-media { width: 30%; max-width: 285px; float: left; margin-right: 3%; } .product-info { } .review-details { margin: 0; .title { &:extend(.abs-account-title all); } .customer-review-rating { .lib-css(margin-bottom, @indent__base); .item { .lib-css(margin-bottom, @indent__s); &:last-child { margin-bottom: 0; } } &:extend(.abs-rating-summary all); } .review-title { .lib-heading(h3); .lib-css(font-weight, @font-weight__semibold); .lib-css(margin-bottom, @indent__base); } .review-content { margin: 0; .lib-css(margin-bottom, @indent__base); } .review-date { .lib-css(color, @primary__color__light); } } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .customer-review { .product-name { .lib-css(margin-bottom, @indent__xs); } .product-reviews-summary { .rating-summary { display: block; .lib-css(margin-bottom, @indent__xs); } } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .customer-review { .product-details { &:extend(.abs-margin-for-blocks-and-widgets-desktop all); } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Review/css/source/.htaccess000077700000000177151323550660023410 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Review/css/.htaccess000077700000000177151323550660022110 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Review/.htaccess000077700000000177151323550660021320 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/PayPal_Braintree/css/source/.htaccess000077700000000177151323550660023656 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/PayPal_Braintree/css/source/_extend.less000077700000020554151323550660024377 0ustar00// // 3D Secure Container // _____________________________________________ & when (@media-common = true) { #braintree-three-d-modal { .lib-vendor-prefix-display(); position: fixed; top: 0; left: 0; align-items: center; height: 100vh; width: 100vw; z-index: 100000; visibility: visible; } #braintree-three-d-modal .bt-modal-frame { height: 420px; width: 440px; margin: auto; background-color: @color-white; z-index: 2; border-radius: 6px; } #braintree-three-d-modal .bt-modal-body { height: 380px; margin: 20px; background-color: white; border: 1px solid lightgray; } #braintree-three-d-modal .bt-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; } // // Apple Pay button // _____________________________________________ .braintree-applepay-container-product { display: inline-block; .braintree-apple-pay-button { padding: 10px 0; margin: 0; margin-bottom: 15px; } } .braintree-apple-pay-button { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: plain; display: block; width: 200px; min-height: 40px; border: 1px solid black; background-image: -webkit-named-image(apple-pay-logo-black); background-size: 100% ~'calc(60% + 2px)'; background-repeat: no-repeat; background-color: black; background-position: 50% 50%; border-radius: 5px; padding: 2px; margin: 20px auto; transition: background-color .15s; cursor: pointer; } // // PP Credit Calculator // _____________________________________________ .ppcredit-summary { background: linear-gradient(to right, #009CDE, #003087); color: @color-white; padding: 15px; text-align: center; margin: 10px 0px; } .ppcreditcalc-container { border: 1px solid #dedede; background: @color-white; } .ppcreditcalc-header { background: @color-white; padding: 15px; } .ppcreditcalc-legal { background-color: #eee; border-top: 1px solid #dedede; padding: 15px; font-size: 1.2rem; line-height: 2rem; } .ppcreditcalc-instalments { list-style: none; margin: 0; padding: 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; background-color: #eeeeee; } .ppcreditcalc-instalments li { display: inline-block; margin: 0; padding: 0; } .ppcreditcalc-instalments-term { display: block; padding: 10px 15px; color: #000; } .ppcreditcalc-instalments-term:hover { background: #009CDE; color: #FFF; text-decoration: none; } .ppcreditcalc-instalments-term.active { background: #003087; color: #FFF; } .ppcreditcalc-instalment-summary { padding: 15px; dl { margin: 0; } dt { display: inline-block; width: 50%; } dd { display: inline-block; } } // // CC FORM // _____________________________________________ #braintree_expirationDate { width: 90px; } // // Google Pay // _____________________________________________ button.braintree-googlepay-button { background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0 1px 1px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; cursor: pointer; height: 40px; min-height: 40px; padding: 11px 24px; } button.braintree-googlepay-button.black { background-color: #000; box-shadow: none; padding: 12px 24px @indent__s; } button.braintree-googlepay-button.white { background-color: @color-white; } button.braintree-googlepay-button.short { min-width: 90px; width: 160px; } button.braintree-googlepay-button.black.short { background-image: url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg); } button.braintree-googlepay-button.white.short { background-image: url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg); } button.braintree-googlepay-button.black:active { background-color: #5f6368; } button.braintree-googlepay-button.black:hover { background-color: #3c4043; } button.braintree-googlepay-button.white:active { background-color: @color-white; } button.braintree-googlepay-button.white:focus { box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px; } button.braintree-googlepay-button.white:hover { background-color: #f8f8f8; } button.braintree-googlepay-button.long { min-width: 152px; width: 240px; } button.braintree-googlepay-button.white.long { background-image: url(https://www.gstatic.com/instantbuy/svg/light/en.svg); } button.braintree-googlepay-button.black.long { background-image: url(https://www.gstatic.com/instantbuy/svg/dark/en.svg); } .googlepay-minicart-logo { margin-top: 15px; text-align: center; } .checkout-payment-method .credit-card-types.braintree-credit-card-types img { width: 30px; -webkit-filter: none; -webkit-transition: none; } .braintree-card-control { position: relative; } .braintree-credit-card-selected { position: absolute; z-index: 10; left: @indent__s; } .braintree-paypal-logo.oneclick-container { width: 100%; } #payment_form_braintree_ach_direct_debit { .field > .fields { .field { .label { font-weight: @font-weight__semibold; } &.required > .label:after { content: '*'; color: @color-red10; .lib-font-size(18px); margin: 0 0 0 5px; } .control { margin: @indent__s @indent__s 0 0; input[type="text"]::placeholder, input[type="number"]::placeholder { color: lightgrey; } } } } } #payment-method-braintree-lpm { .primary { width: 100%; .action { margin-bottom: 12px; width: 100%; img { height: 40px; } } } } #payment-method-braintree-cc-vault { .field { &.required { .label { font-weight: @font-weight__semibold; &:after { content: '*'; color: @color-red10; .lib-font-size(18px); margin: 0 0 0 5px; } } } .hosted-control { background: @color-white; background-clip: padding-box; border: 1px solid @color-gray76; border-radius: 1px; font-family: @font-family__base; .lib-font-size(14px); height: 32px; padding: 0 9px; vertical-align: baseline; box-sizing: border-box; position: relative; width: 5rem; &.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } } .hosted-error { clear: both; color: @color-red10; .lib-font-size(12px); height: 0; margin-top: 7px; opacity: 0; } } } // // Paypal // _____________________________________________ .braintree-paypal-fieldset { display: none; } // // Payment Method Braintree // _____________________________________________ .payment-method-braintree { .hosted-control { border: 1px solid @color-gray76; height: 32px; padding: 8px 15px; max-width: 300px; &.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } } .hosted-error { clear: both; color: @color-red10; .lib-font-size(12px); height: 0; margin-top: 7px; opacity: 0; } } .payment-method-braintree .cvv { max-width: 200px; position: relative; .field-tooltip { top: @indent__s; right: @indent__l; } } #braintree_cc_number { padding-left: 68px; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { #braintree-three-d-modal .bt-modal-frame { width: 100%; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .braintree-applepay-container-product { display: block; .braintree-apple-pay-button { width: 100%; } } }pub/static/frontend/Smartwave/porto/en_US/PayPal_Braintree/css/.htaccess000077700000000177151323550660022356 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/PayPal_Braintree/.htaccess000077700000000177151323550660021566 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Amazon_Login/css/source/_module.less000077700000005072151323550660023567 0ustar00/** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ @import 'module/_vars.less'; & when (@media-common = true) { .amazon-button-container { display: table; margin: 0 0 22px; &__cell { display: table-cell; min-width: 45px; position: relative; } img { display: block; } .field-tooltip { display: none; margin: -12px 0 0; right: 5px; top: 50%; } .checkout-shipping-address & { margin: 22px 0; } } .login-container { .block { &-amazon-login { .actions-toolbar { margin-top: 25px; } } } } .amazon-validate-container { .block { .block-title { &:extend(.abs-login-block-title all); .lib-font-size(18); } } .fieldset { .lib-form-hasrequired(bottom); &:after { margin-top: 35px; } } } } @media all and (max-width: @screen__m) { .amazon-button-container { width: 100%; } } // // Desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .login-container { .block { &-amazon-login { clear: none; float: right; .actions-toolbar { margin-top: 25px; } } &:nth-child(2) + .block-amazon-login { clear: none; } } } .amazon-validate-container { margin: 40px auto 0 auto; width: 500px; .primary { width: 190px; } .continue-as-guest { width: 130px; } .forgot-password { text-align: right; width: 175px; } } } .amazon-logout-widget { display: none; } pub/static/frontend/Smartwave/porto/en_US/Amazon_Login/css/source/module/_vars.less000077700000001364151323550660024542 0ustar00/** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ /** * Amazon Pay variables **/ @amazon-tooltip-background: #999; @amazon-tooltip-border: #999; @amazon-tooltip-background__hover: #333; @amazon-tooltip-border__hover: #333; pub/static/frontend/Smartwave/porto/en_US/Amazon_Login/css/source/module/.htaccess000077700000000177151323550660024337 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Amazon_Login/css/source/.htaccess000077700000000177151323550660023052 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Amazon_Login/css/.htaccess000077700000000177151323550660021552 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Amazon_Login/.htaccess000077700000000177151323550660020762 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Vertex_AddressValidation/css/source/_module.less000077700000001222151323550660026140 0ustar00/** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ // // Common // _____________________________________________ & when (@media-common = true) { .form-address-edit { .actions-toolbar { .action.vertex-secondary { &:extend(.abs-button-l all); } .vertex-update-address { margin-top: 10px; } } } .vertex__address-suggestion { margin: 5px 0; padding-left: 10px; font-weight: 500; border-left: 2px solid gray; } } pub/static/frontend/Smartwave/porto/en_US/Vertex_AddressValidation/css/source/.htaccess000077700000000177151323550660025432 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Vertex_AddressValidation/css/.htaccess000077700000000177151323550660024132 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Vertex_AddressValidation/.htaccess000077700000000177151323550660023342 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Cms/css/source/_widgets.less000077700000001053151323550660023562 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @widgets-indent__bottom: @indent__base; // // Common // _____________________________________________ & when (@media-common = true) { .block-static-block, .block-cms-link { &.widget { .lib-css(margin-bottom, @widgets-indent__bottom); .links & { margin-bottom: 0; } } } .block-cms-link-inline { &.widget { margin: 0; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Cms/css/source/.htaccess000077700000000177151323550660022671 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Cms/css/.htaccess000077700000000177151323550660021371 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Cms/.htaccess000077700000000177151323550660020601 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogEvent/css/source/_module.less000077700000005760151323550660025244 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @catalog-event-background-color: @color-gray94; @catalog-event-color: @primary__color; // // Common // _____________________________________________ & when (@media-common = true) { // // Catalog Events // --------------------------------------------- .block-category-event { .lib-css(background, @catalog-event-background-color); .lib-css(color, @catalog-event-color); padding: @indent__s 0 15px; text-align: center; &.block:last-child { margin-bottom: @indent__s; } .block-title { margin: 0 0 @indent__s; strong { .lib-font-size(15); font-weight: @font-weight__light; } } .ticker { .lib-list-reset-styles(); li { display: none; margin: 0 15px; } .value { .lib-font-size(18); font-weight: @font-weight__light; } .label { .lib-font-size(10); display: block; text-transform: lowercase; } } .dates { display: table; margin: 0 auto; .start, .end { display: table-cell; vertical-align: top; } .date { .lib-font-size(18); } .time { display: block; } .start { padding-right: @indent__xl; position: relative; &:after { .lib-font-size(18); content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-category-event { &.block:last-child { margin-bottom: @indent__l; padding: @indent__s 0 @indent__l; } .block-title { margin: 0; strong { .lib-font-size(24); } } .ticker { li { display: none; margin: 0 50px; } .value { .lib-font-size(60); } .label { .lib-font-size(14); text-transform: none; } } .dates { .date { .lib-font-size(50); } .start { padding-right: 50px; &:after { .lib-font-size(50); right: 10px; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogEvent/css/source/_widgets.less000077700000012377151323550660025427 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .block-event { .columns & { position: relative; z-index: 2; } .block-content { position: relative; > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; &.backward, &.forward { opacity: .5; overflow: hidden; width: 20px; .lib-icon-font( @_icon-font-content: @icon-prev, @_icon-font-text-hide: true, @_icon-font-size: 55px, @_icon-font-line-height: 30px ); &:before { margin-left: -15px; } } &.backward { left: 0; } &.forward { .lib-icon-font-symbol(@icon-next); right: 0; &:before { margin-left: -20px; } } &.inactive { cursor: default; display: none; } &:hover { opacity: 1; } } } .slider-panel { overflow: hidden; position: relative; z-index: 2; .slider { &:extend(.abs-reset-list all); white-space: nowrap; .item { .lib-css(background, @catalog-event-background-color); display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; .sidebar-main &, .sidebar-additional & { width: 100%; } img { max-width: 100%; } .category-name { display: inline-block; .lib-font-size(18); padding: 15px 5px 0; word-break: break-all; } .ticker { .lib-list-reset-styles(); li { display: none; margin: 0 5px; } .value { .lib-font-size(26); font-weight: @font-weight__light; } .label { display: block; .lib-font-size(13); } } .dates { font-weight: @font-weight__light; .start, .end, .date { display: block; } .start { &:after { .lib-font-size(18); content: '\2013'; display: block; } } .date { .lib-font-size(18); font-weight: @font-weight__light; } .time { .lib-font-size(13); } } .box-event { .box-content { padding: 5px 0 @indent__s; } .box-title { display: block; font-weight: @font-weight__light; margin: @indent__s 0 0; } } .action { &.show { &:extend(.abs-add-box-sizing all); display: block; padding: 0; .category.name { display: inline-block; padding: 30px 10px 0; } img { display: block; } } &.event { .lib-button-primary(); &:extend(.abs-action-link-button all); margin-top: 15px; &:hover { text-decoration: none; } } } } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogEvent/css/source/.htaccess000077700000000177151323550660024523 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogEvent/css/.htaccess000077700000000177151323550660023223 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogEvent/.htaccess000077700000000177151323550660022433 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_Search/css/source/_module.less000077700000004223151323550660024375 0ustar00/** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Search * @copyright Copyright (c) 2017 Mageplaza (http://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .autocomplete-suggestions { border: 1px solid #bbb; background: #fff; cursor: default; border-top: none; overflow: auto; max-height: 10000px; } .autocomplete-suggestion { cursor: pointer; //height: 67px; overflow: hidden; padding: 10px 5px 10px 5px; font-size: 1.2em; //white-space: nowrap; border-bottom: 1px solid #eee; display: block; &:last-child { border-bottom: none; } } .search-category, #mpsearch-category{ height: 100%; } .autocomplete-selected { background: #eef3d6; } input#searchauto { border: 1px solid #bbb; border-radius: 2px; width: 375px; } .suggestion-left { float: left; width: 15%; padding: auto; } .suggestion-right { width: 82%; padding-left: 10px; text-align: left; color: black; float: left; } .product-name { font-size: 14px; color: #3399cc; display: block; overflow: hidden; text-overflow: ellipsis; } .product-price { font-size: 12px; } .product-des { font-size: 12px; p { display: block; //white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .product-line { margin-bottom: 5px; } ul#ui-id-1 { background: #fff; width: 373px; font-family: inherit; padding: 0px; border-bottom: none; } p.short-des { margin: 0px; font-size: 0.9em; color: #aaa; } #view_all { text-align: center; background: #eff4f7; cursor: pointer; } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { #search_mini_form { width: 374px; float: right; } } pub/static/frontend/Smartwave/porto/en_US/Mageplaza_Search/css/source/.htaccess000077700000000177151323550660023663 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_Search/css/.htaccess000077700000000177151323550660022363 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_Search/.htaccess000077700000000177151323550660021573 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_LayeredNavigation/css/source/_module.less000077700000033611151323550660026271 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .filter { &.block { margin-bottom: 0; } &-title { strong { position: absolute; z-index: 2; line-height: 16px; border: 1px solid @border-color__base; text-align: center; padding: 7px 10px; @_shadow: inset 0 1px 0 0 @color-white, inset 0 -1px 0 0 fade(@border-color__base, 30); .lib-css(background-color, @toolbar-element-background); .lib-css(box-shadow, @_shadow); border-radius: 3px; font-weight: 400; top: 0; left: 0; &[data-count]:after { content: attr(data-count); display: inline-block; border-radius: 2px; padding: 2px; font-size: .8em; margin: 0 5px; .lib-css(color, @color-white); min-width: 1em; line-height: 1; background: @color-orange-red4; } &.disabled { opacity: .5; } } } .block-subtitle { font-weight: @font-weight__semibold; padding: @indent__s @indent__s @indent__base; font-size: @font-size__base; line-height: 1em; border-bottom: @border-width__base solid @border-color__base; display: none; } &-subtitle { display: none; } &-current { margin: 0; .items { border: 1px solid #ddd; border-width: 0 1px; background-color: #fbfbfb; padding: 10px 0; margin: 0 } .item { position: relative; z-index: 1; padding-left: 17px; } .filter &-subtitle { display: block; padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; color: #777; position: relative; cursor: pointer; border-radius: 7px 7px 0 0; } .action.remove { &:extend(.abs-remove-button-for-blocks all); position: absolute; right: 15px; top: -2px; } } &-actions { font-size: 11px; padding: 10px 15px; background: #f7f7f7; border: 1px solid #ddd; border-radius: 0 0 7px 7px; text-align: right; margin-bottom: 14px; } &-label { text-transform: uppercase; &:after { content: ": "; } } &-value { .lib-css(color, @filter-quantity); } &-options { display: none; margin: 0; &-item { margin-bottom: 14px; &.active { .filter-options-title { border-radius: 7px 7px 0 0; } .filter-options-content { display: block !important; } } } &-title { padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; position: relative; cursor: pointer; border-radius: 7px; .lib-icon-font( @_icon-font-content: @icon-down-dir, @_icon-font-size: 13px, @_icon-font-position: after, @_icon-font-display: block ); &:after { width: 26px; height: 26px; display: block; border: 1px solid #ddd; position: absolute; right: 15px; top: 50%; margin-top: -13px; border-radius: 3px; color: #ccc; text-align: center; line-height: 24px; background-color: #fff; font-size: 10px; } &:hover { &:after { background-color: @theme-color; color: #fff; } } .active > & { .lib-icon-font-symbol( @_icon-font-content: @icon-up-dir, @_icon-font-position: after ); } } &-content { margin: 0; padding: 10px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 7px 7px; background-color: #fbfbfb; .item { margin: 13px 0; line-height: 1.5em; } a { color: @base-font-color !important; &:hover { .count { text-decoration: none; } } } .count { .lib-css(color, @filter-quantity); padding-right: 5px; &:before { content: "("; } &:after { content: ")"; } } .filter-count-label { &:extend(.abs-visually-hidden all); } } } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { body.filter-active { .page-wrapper { visibility: hidden; height: 0; margin-top: -999999em; } .columns { z-index: 999; } } .filter { &.active { position: relative; z-index: 99; visibility: visible; .filter-options-item:last-child { margin-bottom: @indent__xl; } .filter-title { position: fixed; top: 0; right: 0; left: 0; height: 48px; z-index: 2; border-bottom: 1px solid @border-color__base; strong { right: 3px; left: auto; top: 10px; border: 0; background: none; .lib-css(box-shadow, none); color: transparent; .lib-icon-font( @icon-remove, @_icon-font-color: @text__color__muted, @_icon-font-size: 16px, @_icon-font-position: after ); } } .filter-subtitle { display: block; position: fixed; top: 0; right: 0; left: 0; height: 50px; .lib-css(background, @toolbar-background); z-index: 1; line-height: 32px; } .filter-options { display: block; position: fixed; top: 50px; left: 0; right: 0; bottom: 0; overflow: scroll; .lib-css(background, @color-white); z-index: 10; } } } .filter { & &-subtitle { font-size: 20px; font-weight: @font-weight__light; } &-actions { margin: -35px -@indent__s @indent__m; } &-options-content { padding: @indent__xs @indent__s; } } .filter-no-options { .filter-title:before { content: ""; width: 100px; height: 40px; background: rgba(255,255,255,.5); display: block; position: relative; z-index: 99; margin-top: -40px; left: -15px; } } .filter .filter-current { margin: @indent__xs -@indent__s 0; border: solid @border-color__base; border-width: 1px 0; .items { display: none; } &-subtitle { text-transform: uppercase; position: relative; z-index: 1; .lib-icon-font( @_icon-font-content: @icon-down, @_icon-font-size: 13px, @_icon-font-position: before, @_icon-font-display: block ); &:before { position: absolute; right: 10px; top: 10px; } &:after { content:' (' attr(data-count) ')'; font-size:.9em; .lib-css(color, @text__color__muted); } } &.active { padding-bottom: 30px; .block-subtitle { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: before ); } .items { display: block; } & + .block-actions { display: block; } } & + .block-actions { display: none; } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .filter { &.block { margin-bottom: @indent__xl; } &-title { display: none; } &-content { .item { margin: @indent__s 0; } } &.active &-options, &-options { clear: both; position: static; overflow: initial; display: block; background: transparent; } &-subtitle { position: static; display: block; } } .page-layout-1column { .toolbar-products { position: absolute; top: 0; width: 100%; } .products ~ .toolbar-products { position: static; } &.page-with-filter .column.main { position: relative; z-index: 1; padding-top: 45px; } .filter { &.block { border-top: 1px solid @border-color__base; } &-content { margin-top: @indent__s; } &-subtitle { display: none; } &-options { &-item { display: inline-block; border: 0; margin-right: @indent__m; &.active { position: relative; z-index: 2; &:hover { z-index: 3; } &:after, &:before { content: ""; display: block; .lib-arrow(up, 8px, @color-black); position: absolute; left: 50%; bottom: -1px; z-index: 3; margin-left: -20px; } &:after { .lib-css(border-bottom-color, @color-white); margin-top:2px; z-index: 4; } } } &-title { padding: 0 20px 0 0; &:after { right: 2px; top: 3px; z-index: 3; } } &-content { position: absolute; z-index: 2; .lib-css(background, @color-white); width: 180px; top: 100%; border: 1px solid @border-color__base; padding: @indent__xs 0; @_shadow: 0 3px 5px 0 rgba(50, 50, 50, .75); .lib-css(box-shadow, @_shadow, 1); .item { padding: @indent__xs; margin:0; a { margin-left: 0; } &:hover { background-color: @color-gray91; } } } } &-current { display: inline; line-height: 35px; &-subtitle { display: inline; padding: 0; .lib-css(color, @text__color__muted); font-size: @font-size__base; font-weight: normal; &:after { content: ":"; } } .item, .items { display: inline; } .item { margin-right: @indent__m; } .action.remove { line-height: normal; } } &-actions { display: inline; & ~ .filter-options { margin-top: @indent__m; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_LayeredNavigation/css/source/.htaccess000077700000000177151323550660025554 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_LayeredNavigation/css/.htaccess000077700000000177151323550660024254 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_LayeredNavigation/.htaccess000077700000000177151323550660023464 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Invitation/css/source/_module.less000077700000003277151323550660025015 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .form-add-invitations { &:extend(.abs-add-fields all); .fields { .label { &:extend(.abs-visually-hidden all); } } .additional, .field.message { .lib-css(margin-top, @form-field__vertical-indent); } .action { &.remove { top: 4px; } &.add { .lib-button-icon( @_icon-font-content: @icon-expand, @_icon-font-text-hide: true, @_icon-font-size: 18px ); line-height: normal; padding: 4px; width: auto; } } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .form-add-invitations { .action { &.remove { .lib-button-icon( @_icon-font-content: @icon-trash, @_icon-font-text-hide: true, @_icon-font-size: 18px, @_icon-font-color: @minicart-icons-color ); } } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .form-add-invitations { &:extend(.abs-add-fields-desktop all); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .table-invitations { .col { width: 50%; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Invitation/css/source/.htaccess000077700000000177151323550660024273 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Invitation/css/.htaccess000077700000000177151323550660022773 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Invitation/.htaccess000077700000000177151323550660022203 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Vertex_Tax/css/source/_module.less000077700000000412151323550660023274 0ustar00/** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ .opc-block-summary .vertex-message td, .cart-summary .vertex-message td { padding: 0; border-top: none; } pub/static/frontend/Smartwave/porto/en_US/Vertex_Tax/css/source/.htaccess000077700000000177151323550660022566 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Vertex_Tax/css/.htaccess000077700000000177151323550660021266 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Vertex_Tax/.htaccess000077700000000177151323550660020476 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/mage/gallery/gallery.less000077700000051712151323550660021507 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @import 'module/_variables.less'; //Default gallery variables @import '../../css/source/lib/_lib.less'; // Global lib @import '../../css/source/_theme.less'; // Theme overrides @import '../../css/source/_variables.less'; // Local theme variables @import 'module/_mixins.less'; //Mixins in gallery @import 'module/_extends.less'; @import 'module/_focus.less'; @import 'module/_fullscreen.less'; .fotorama__zoom-in, .fotorama__zoom-out { display: none; } .fotorama { min-width: 1px; overflow: hidden; } .fotorama__wrap { &:extend(.fotorama-no-select); -webkit-text-size-adjust: 100%; direction: ltr; position: relative; z-index: 0; } .fotorama__wrap--rtl { .fotorama__stage__frame { direction: rtl; } } .fotorama__stage, .fotorama__nav { max-width: 100%; overflow: hidden; position: relative; } .fotorama__wrap--pan-y { -ms-touch-action: pan-y; } .fotorama__stage__shaft { &:extend(.fotorama-stretch); &:extend(.fotorama-no-tap); position: relative; } .fotorama__wrap { .fotorama__pointer { cursor: pointer; } .fotorama__grab { &:extend(.fotorama-grab-cursor); } } .fotorama__wrap--slide { .fotorama__stage__frame { opacity: 1 !important; } } .fotorama__grabbing * { &:extend(.fotorama-grabbing-cursor); } .fotorama__stage__frame { &:extend(.fotorama-no-tap); &:extend(.fotorama-stretch); overflow: hidden; &.fotorama__active { z-index: 8; } } .fotorama__wrap--fade { .fotorama__stage__frame { display: none; } .fotorama__stage__frame.fotorama__active, .fotorama__fade-front, .fotorama__fade-rear { display: block; left: 0; top: 0; } .fotorama__fade-front { z-index: 8; } .fotorama__fade-rear { z-index: 7; &.fotorama__active { z-index: 9; } } .fotorama__stage .fotorama__shadow { display: none; } } .fotorama__img { border: none !important; max-width: inherit; opacity: 0; .fotorama__loaded &, .fotorama__error & { opacity: 1; } } .fotorama__img--full { display: none; } .fotorama__html { &:extend(.fotorama-stretch); } .fotorama__nav { &:extend(.fotorama-auto-margin); &:extend(.fotorama-no-tap); display: none; font-size: 0; line-height: 0; white-space: nowrap; z-index: 5; } .fotorama__nav__shaft { &:extend(.fotorama-inline-block); &:extend(.fotorama-no-tap); left: 0; position: relative; text-align: left; top: 0; } .fotorama__nav__frame { &:extend(.fotorama-auto-margin); &:extend(.fotorama-content-box); &:extend(.fotorama-focus); &:extend(.fotorama-inline-block); &:extend(.fotorama-no-tap); position: relative; } .fotorama__nav--dots { display: block; text-align: center; .fotorama__nav__frame { height: 30px; width: 18px; } .fotorama__nav__frame--thumb, .fotorama__thumb-border { display: none; } } .fotorama__nav--thumbs { display: block; .fotorama__nav__frame { padding-left: 0 !important; &:last-child { padding-right: 0 !important; } } .fotorama__nav__frame--dot { display: none; } } .fotorama__active { .fotorama__dot { background-color: @active__color; border-color: @active__color; } } .fotorama__nav__frame { &.fotorama__active & { border-width: 3px; height: 0; width: 0; &:after { left: -3px; padding: 3px; top: -3px; } } } .fotorama__nav__frame:focus & { &:extend(.fotorama-focus-overlay); box-shadow: none; &:after { left: -1px; padding: 1px; top: -1px; } } .fotorama__dot { border-radius: 6px; border: 1px solid @color-gray52; display: block; height: 4px; left: 6px; position: relative; top: 12px; width: 4px; } .fotorama__thumb { background-color: @color-gray92; height: 100%; overflow: hidden; position: relative; width: 100%; .fotorama__nav__frame:focus & { &:extend(.fotorama-focus-overlay); z-index: 2; } } .fotorama__thumb-border { &:extend(.fotorama-border-box); &:extend(.fotorama-print-background); backface-visibility: hidden; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); border: 1px solid @active__color; left: 0; position: absolute; top: 0; z-index: 9; } .fotorama__caption { &:extend(.fotorama-gpu); bottom: 0; color: @color-black; font-size: 14px; left: 0; line-height: 1.5; position: absolute; right: 0; z-index: 12; a { border-bottom: 1px solid; border-color: fade(@color-black, 0.5); color: @color-black; text-decoration: none; &:hover { border-color: fade(@color-black, 0.5); color: @color-black; } } .fotorama__wrap--rtl & { left: auto; right: 0; } .fotorama__wrap--video &, .fotorama__wrap--no-captions & { display: none; } } .fotorama__caption__wrap { &:extend(.fotorama-border-box); &:extend(.fotorama-inline-block); background-color: @color-white; padding: 5px 10px; } .fotorama--hidden { &:extend(.fotorama-hidden); } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fotorama__spinner { .fotorama-abs-center(); } .fotorama__wrap--css3 { .fotorama__stage__shaft, .fotorama__nav__shaft, .fotorama__thumb-border { &:extend(.fotorama-transition-for-slide); } .fotorama__spinner { &:extend(.fotorama-gpu); animation: spinner 24s infinite linear; } .fotorama__stage, .fotorama__nav, .fotorama__stage__frame { &:extend(.fotorama-gpu); } .fotorama__html { &:extend(.fotorama-gpu); transition-duration: @fotorama-duration-time; transition-property: opacity; transition-timing-function: linear; } } .fotorama__wrap--video { .fotorama__stage__shaft, .fotorama__stage, .fotorama__stage__frame--video { &:extend(.fotorama-transform-disabled); } .fotorama__stage__frame--video { .fotorama__img, .fotorama__html { &:extend(.fotorama-transform-disabled); opacity: 0; } } } .fotorama__select { &:extend(.fotorama-select); cursor: auto; } .fotorama__no-select { &:extend(.fotorama-no-select); } .fotorama__load { &:extend(.fotorama-hidden); } .fotorama__video { bottom: 0; left: 0; position: absolute; right: 0; top: 32px; z-index: 10; iframe { &:extend(.fotorama-stretch); } } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { &:extend(.fotorama-no-select); &:extend(.fotorama-no-tap); cursor: pointer; position: absolute; } .fotorama__arr { z-index: @z-index-9; } .fotorama__fullscreen-icon, .fotorama__zoom-out, .fotorama__zoom-in, .fotorama__video-close { z-index: @z-index-10; } .fotorama__arr { &:extend(.fotorama-border-box); bottom: 0; position: absolute; top: 0; width: @fotorama-arw-size; ._block-content-loading & { opacity: 0; } .fotorama__arr__arr { &:extend(.fotorama-sprite); .fotorama-abs-center(); height: @size-fotorama-block; width: @size-fotorama-block; } } .fotorama__arr--prev { left: 0; .fotorama__arr__arr { background-position: -@size-fotorama-block -@size-fotorama-block; } } .fotorama__arr--next { right: 0; .fotorama__arr__arr { background-position: (-@size-fotorama-block*2) (-@size-fotorama-block); } } .fotorama__arr--disabled { cursor: default; opacity: 0; pointer-events: none; } .fotorama__fullscreen-icon { &:extend(.fotorama-sprite); background-position: 0 0; display: none; height: @size-fotorama-block; right: 0; top: 0; width: @size-fotorama-block; z-index: @z-index-10; } .fotorama--fullscreen-icons { .fotorama__fullscreen-icon { display: none; } } .fotorama__fullscreen-icon, .fotorama__zoom-out, .fotorama__zoom-in { &:focus { &:extend(.fotorama-focus); } } .fotorama--fullscreen { .fotorama__fullscreen-icon { background-position: (-@size-fotorama-block) 0; display: inline-block; } } .fotorama__video-play { &:extend(.fotorama-sprite); .fotorama-abs-center(); background-position: (-@size-fotorama-block) (-@size-fotorama-block*2); height: @size-fotorama-block * 2; width: @size-fotorama-block * 2; .fotorama__wrap--css2 &, .fotorama__wrap--video .fotorama__stage & { display: none; } .fotorama__loaded &, .fotorama__error &, .fotorama__nav__frame & { display: block; opacity: 1; } .fotorama__nav__frame & { background-position: 0 (-@size-fotorama-block*3); height: @size-fotorama-block; width: @size-fotorama-block; } } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows { .fotorama__arr, .fotorama__fullscreen-icon { opacity: 0; &:focus { opacity: 1; } } } .fotorama__wrap--toggle-arrows { &:not(.fotorama__wrap--video) { .fotorama__video-close { display: none; } } } .fotorama__wrap--toggle-arrows { &.fotorama__wrap--video { .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } } } .fotorama__wrap--toggle-arrows { &:not(.fotorama__wrap--video) { .fotorama__video-close { display: none; } } } .fotorama__wrap--toggle-arrows { &.fotorama__wrap--video { .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } } } .fotorama__wrap--toggle-arrows { &:not(.fotorama__wrap--video) { .fotorama__video-close { display: none; } } } .fotorama__wrap--toggle-arrows { &.fotorama__wrap--video { .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } } } .fotorama__wrap--video { .fotorama__arr, .fotorama__fullscreen-icon { opacity: 0 !important; } } .fotorama__wrap--css2 { &.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows { .fotorama__arr, .fotorama__fullscreen-icon { display: none; &:focus { display: block; } } } &.fotorama__wrap--video { .fotorama__arr, .fotorama__fullscreen-icon { display: none !important; } } } .fotorama__wrap--css3 { &.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows { .fotorama__fullscreen-icon:not(:focus) { .fotorama-translate3d(@fotorama-arw-size, -@fotorama-arw-size, 0); } .fotorama__arr--prev:not(:focus) { .fotorama-translate3d(-@fotorama-arw-size * 1.5, 0, 0); } .fotorama__arr--next:not(:focus) { .fotorama-translate3d(@fotorama-arw-size * 1.5, 0, 0); } } &.fotorama__wrap--video { .fotorama__fullscreen-icon { .fotorama-translate3d(@fotorama-arw-size, -@fotorama-arw-size, 0) !important; } .fotorama__arr--prev { .fotorama-translate3d(-@fotorama-arw-size * 1.5, 0, 0) !important; } .fotorama__arr--next { .fotorama-translate3d(@fotorama-arw-size * 1.5, 0, 0) !important; } } } .fotorama__wrap--css3 { .fotorama__arr:not(:focus), .fotorama__fullscreen-icon:not(:focus), .fotorama__video-play:not(:focus), .fotorama__video-close:not(:focus) { transition-duration: @fotorama-duration-time; transition-property: transform, opacity, background-color; } } .fotorama__stage, .fotorama__nav { &:before, &:after { &:extend(.fotorama-gpu); background-repeat: no-repeat; content: ''; display: block; pointer-events: none; position: absolute; text-decoration: none; z-index: 10; } &:before { left: -10px; top: -10px; } &:after { right: -10px; bottom: -10px; } &.fotorama__shadows--left:before, &.fotorama__shadows--right:after { background-size: 1px 100%, 5px 100%; bottom: 0; height: auto; top: 0; width: 10px; } &.fotorama__shadows--top:before, &.fotorama__shadows--bottom:after { background-size: 100% 1px, 100% 5px ; height:10px; left: 0; right:0; width:auto; } &.fotorama__shadows--left:before { .fotorama-shadow-gradient(0, 50%); background-position: 0 0, 0 0; left: 0; } &.fotorama__shadows--right:after { .fotorama-shadow-gradient(100%, 50%); background-position: 100% 0, 100% 0; right: 0; } &.fotorama__shadows--top:before { .fotorama-shadow-gradient(50%, 0); background-position: 0 0, 0 0; top:0; } &.fotorama__shadows--bottom:after { .fotorama-shadow-gradient(50%, 100%); background-position: 0 100%, 0 100%; bottom:0; } } .fotorama--fullscreen .fotorama__stage, .fotorama--fullscreen .fotorama__nav, .fotorama__wrap--no-shadows .fotorama__stage, .fotorama__wrap--no-shadows .fotorama__nav, .fotorama__wrap--fade .fotorama__stage { &:before, &:after { display: none; } } .fotorama-abs-center() { .fotorama-translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; } .fotorama__nav-wrap { .fotorama_vertical_ratio { .fotorama__img { .translateY(-50%); height: auto; position: absolute; top: 50%; width: 100%; } } .fotorama_horizontal_ratio { .fotorama__img { .translate(-50%, -50%); top: 50%; left: 50%; position: absolute; width: auto; } } } .magnifier-thumb-wrapper { display: block; left: 0; position: relative; top: 0; } .magnifier-lens { border: solid 1px @color-gray-light2; left: 0; overflow: hidden; position: absolute; top: 0; z-index: @z-index-8; } .magnify-lens { background: rgba(255, 255, 255, 0.5); border: solid 1px @color-gray-light2; color: @color-white; left: 0; position: absolute; text-align: center; top: 0; z-index: @z-index-10; overflow: hidden; .magnifier-large { width: auto; height: auto; max-height: none; max-width: none; border: none; position: absolute; z-index: @z-index-1; } } .magnifier-loader-text { margin-top: 10px; } .magnifier-preview { bottom: 0; left: 58%; overflow: hidden; padding: 0; position: absolute; z-index: 2; top: 215px; &:not(.hidden) { background-color: @color-white; } img { left: 0; max-width: inherit; max-height: inherit; position: absolute; top: 0; object-fit: scale-down; } } .fotorama__stage__frame { text-align: center; .fotorama__img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; .fotorama-translate3d(-50%, -50%, 0); transition-duration: @fotorama-fullscreen-zoom-time; transition-property: width, height, top, left; vertical-align: middle; width: auto; } } .magnify-opaque { opacity: .5; } .magnify-hidden { display: none; } .fotorama__nav-wrap--vertical { &.fotorama__nav-wrap { display: inline-block; left: 0; position: absolute; top: 0; } .fotorama__nav__shaft { background-color: white; width: 100%; .fotorama__nav__frame--thumb { display: block; padding-bottom: inherit !important; } } } .fotorama--fullscreen { .fotorama__stage__frame { .fotorama__img { display: none; } .fotorama__img, .fotorama__img--full { bottom: 0; left: 0; margin: auto; max-height: inherit; max-width: inherit; position: absolute; right: 0; top: 0; } .fotorama__img--full { cursor: default; display: block; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; top: 0; transition: @fotorama-fullscreen-zoom-time linear; vertical-align: middle; width: auto; &:extend(.fotorama-gpu); &.fotorama__img--zoommable { cursor: pointer; max-height: none; max-width: none; transition-property: width, height, bottom, right, top, left; } &.fotorama__img--draggable { cursor: move; transition-property: none; } } iframe { left: @fotorama-arw-size; width: calc(~'100% - @{fotorama-arw-size} * 2'); } } } .fotorama__nav-wrap--horizontal { .fotorama__thumb__arr--left, .fotorama__thumb__arr--right { bottom: 0; cursor: pointer; position: absolute; top: 0; width: @fotorama-thumb-arrow; z-index: @z-index-10; .fotorama__thumb--icon { .fotorama-abs-center(); width: 100%; } } .fotorama__thumb__arr--left { left: 0; } .fotorama__thumb__arr--right { right: 0; } } .fotorama__nav-wrap--vertical { .fotorama__thumb__arr--left, .fotorama__thumb__arr--right { cursor: pointer; height: @fotorama-thumb-arrow; left: 0; position: absolute; right: 0; z-index: @z-index-10; .fotorama__thumb--icon { .fotorama-rotate(90deg); margin: auto; width: @fotorama-thumb-arrow; } } .fotorama__thumb__arr--left { top: 0; } .fotorama__thumb__arr--right { bottom: 0; } } .fotorama__wrap--only-active { .fotorama__stage, .fotorama__nav { max-width: 99999px !important; } .fotorama__stage__frame { visibility: hidden; } .fotorama__stage__frame.fotorama__active { visibility: visible; } } .fotorama__thumb--icon { &:extend(.fotorama-sprite); font-size: 0.001px; padding-bottom: @fotorama-thumb-arrow; } .fotorama__thumb__arr--left { .fotorama__thumb--icon { background-position: -25px -265px; } } .fotorama__thumb__arr--right { .fotorama__thumb--icon { background-position: -25px -350px; } } .magnify-fullimage { display: none; } .fotorama__arr, .fotorama__thumb__arr { .fotorama-button-background(); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) { .fotorama__fullscreen-icon, .fotorama__zoom-out, .fotorama__zoom-in{ .fotorama-button-background(); } } .fotorama__video-close { &:extend(.fotorama-sprite); background-position: (-@fotorama_close_button) 0; height: @fotorama_close_button; opacity: 0; right: 0; top: 0; transform: translate3d((@fotorama_close_button), (-@fotorama_close_button), 0); transition: opacity 0.3s ease-in-out; width: @fotorama_close_button; @media all and (max-width: 768px) { background-position: -100px -20px; top: 10px; height: 40px; width: 40px; } &.fotorama-show-control { opacity: 1; transform: translate3d(0, -10px, 0); } } // While first time init .gallery-placeholder { &__image { display: block; margin: auto; } } // Styles for spinner in gallery. .fotorama__spinner { background-image: url('@{baseDir}../images/loader-1.gif'); bottom: 0; display: none; height: @fotorama-spinner-size; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: @fotorama-spinner-size; z-index: @z-index-1; &.fotorama__spinner--show { display: block; } } .fotorama__product-video--loaded { .fotorama__img, .fotorama__img--full { display: none !important; } } .fotorama__stage { .fotorama__arr--shown { display: block !important; } .fotorama__arr--hidden { display: none !important; } } pub/static/frontend/Smartwave/porto/en_US/mage/gallery/gallery.css000077700000070073151323550660021332 0ustar00.fotorama-stretch, .fotorama-focus-overlay:after, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .fotorama-grab-cursor, .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .fotorama-grabbing-cursor, .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama-gpu, .fotorama--fullscreen, .fotorama__caption, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__html, .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { transform: translateZ(0); } .fotorama-focus, .fotorama__nav__frame, .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus { outline: 0; } .fotorama-focus-overlay:after { background-color: #006bb4; border-radius: inherit; content: ''; } .fotorama-transform-disabled, .fotorama__wrap--video .fotorama__stage__shaft, .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { transform: none !important; } .fotorama-transition-for-slide, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-duration: 0ms; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); } .fotorama-no-select, .fotorama__wrap, .fotorama__no-select, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { user-select: none; } .fotorama-select, .fotorama__select { user-select: text; } .fotorama-empty-bg { background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=); } .fotorama-auto-margin, .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; } .fotorama-inline-block, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__caption__wrap { *display: inline; *zoom: 1; -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; vertical-align: middle; } .fotorama-content-box, .fotorama__nav__frame { box-sizing: content-box; } .fotorama-border-box, .fotorama__thumb-border, .fotorama__caption__wrap, .fotorama__arr { box-sizing: border-box; } .fotorama-hidden, .fotorama--hidden, .fotorama__load { left: -99999px; position: absolute; top: -99999px; z-index: -1000; } .fotorama-visible { left: auto; opacity: 1; position: relative; top: auto; z-index: auto; } .fotorama-no-tap, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__nav, .fotorama__nav__shaft, .fotorama__nav__frame, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .transitionDuration { transition-duration: 333ms; } .transitionDurationZero { transition-duration: 0ms; } .fotorama-sprite, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background-image: url('gallery.png'); background-repeat: no-repeat; } @media print { .fotorama-print-background, .fotorama-sprite, .fotorama__thumb-border, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__video-play, .fotorama__thumb--icon, .fotorama__video-close { background: none !important; } } .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus, .fotorama__arr:focus, .fotorama__stage__shaft:focus, .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__dot { box-shadow: none; } .fotorama__fullscreen-icon:focus:after, .fotorama__zoom-out:focus:after, .fotorama__zoom-in:focus:after, .fotorama__arr:focus:after, .fotorama__stage__shaft:focus:after, .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { border-radius: inherit; bottom: 3px; box-shadow: 0 0 3px 1px #68a8e0; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__nav__frame--thumb:focus .fotorama__thumb:after, .fotorama__nav__frame--dot:focus .fotorama__thumb:after, .fotorama__nav__frame--thumb:focus .fotorama__dot:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { bottom: 0; left: 0; right: 0; top: 0; } .fotorama__nav__frame--thumb:focus .fotorama__thumb.fotorama_vertical_ratio:after, .fotorama__nav__frame--dot:focus .fotorama__thumb.fotorama_vertical_ratio:after { left: 2px; right: 2px; } .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__thumb { overflow: inherit; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb:after { left: 1px; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb.fotorama_vertical_ratio:after { top: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb:after { right: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb.fotorama_vertical_ratio:after { bottom: 1px; } .fotorama__thumb__arr { box-shadow: none; } .fotorama--fullscreen { background: #ffffff; bottom: 0 !important; float: none !important; left: 0 !important; margin: 0 !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: 1000 !important; } .fotorama--fullscreen .fotorama__wrap { max-width: 100% !important; } .fotorama__fullscreen { overflow: hidden; position: relative; } .fotorama__fullscreen .fotorama__zoom-in, .fotorama__fullscreen .fotorama__zoom-out { cursor: pointer; display: block; height: 80px; overflow: hidden; position: absolute; width: 80px; } .fotorama__fullscreen .fotorama__zoom-out { background-position: 0 -80px !important; top: 80px; } .fotorama__fullscreen .fotorama__zoom-out.fotorama__zoom-out--disabled { display: none; } .fotorama__fullscreen .fotorama__zoom-in { background-position: 0 0 !important; top: 0; } .fotorama__fullscreen .fotorama__zoom-in.fotorama__zoom-in--disabled { display: none; } .fotorama__fullscreen .fotorama__video-close { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; } .fotorama__zoom-in, .fotorama__zoom-out { display: none; } .fotorama { min-width: 1px; overflow: hidden; } .fotorama__wrap { -webkit-text-size-adjust: 100%; direction: ltr; position: relative; z-index: 0; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; } .fotorama__stage, .fotorama__nav { max-width: 100%; overflow: hidden; position: relative; } .fotorama__wrap--pan-y { -ms-touch-action: pan-y; } .fotorama__stage__shaft { position: relative; } .fotorama__wrap .fotorama__pointer { cursor: pointer; } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; } .fotorama__stage__frame { overflow: hidden; } .fotorama__stage__frame.fotorama__active { z-index: 8; } .fotorama__wrap--fade .fotorama__stage__frame { display: none; } .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active, .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8; } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; } .fotorama__img { border: none !important; max-width: inherit; opacity: 0; } .fotorama__loaded .fotorama__img, .fotorama__error .fotorama__img { opacity: 1; } .fotorama__img--full { display: none; } .fotorama__nav { display: none; font-size: 0; line-height: 0; white-space: nowrap; z-index: 5; } .fotorama__nav__shaft { left: 0; position: relative; text-align: left; top: 0; } .fotorama__nav__frame { position: relative; } .fotorama__nav--dots { display: block; text-align: center; } .fotorama__nav--dots .fotorama__nav__frame { height: 30px; width: 18px; } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none; } .fotorama__nav--thumbs { display: block; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; } .fotorama__active .fotorama__dot { background-color: #ff5501; border-color: #ff5501; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame { border-width: 3px; height: 0; width: 0; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame:after { left: -3px; padding: 3px; top: -3px; } .fotorama__nav__frame:focus { box-shadow: none; } .fotorama__nav__frame:focus :after { left: -1px; padding: 1px; top: -1px; } .fotorama__dot { border-radius: 6px; border: 1px solid #858585; display: block; height: 4px; left: 6px; position: relative; top: 12px; width: 4px; } .fotorama__thumb { background-color: #ebebeb; height: 100%; overflow: hidden; position: relative; width: 100%; } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2; } .fotorama__thumb-border { backface-visibility: hidden; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); border: 1px solid #ff5501; left: 0; position: absolute; top: 0; z-index: 9; } .fotorama__caption { bottom: 0; color: #000000; font-size: 14px; left: 0; line-height: 1.5; position: absolute; right: 0; z-index: 12; } .fotorama__caption a { border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.005); color: #000000; text-decoration: none; } .fotorama__caption a:hover { border-color: rgba(0, 0, 0, 0.005); color: #000000; } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; } .fotorama__wrap--video .fotorama__caption, .fotorama__wrap--no-captions .fotorama__caption { display: none; } .fotorama__caption__wrap { background-color: #ffffff; padding: 5px 10px; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fotorama__spinner { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; } .fotorama__wrap--css3 .fotorama__spinner { animation: spinner 24s infinite linear; } .fotorama__wrap--css3 .fotorama__html { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: linear; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { opacity: 0; } .fotorama__select { cursor: auto; } .fotorama__video { bottom: 0; left: 0; position: absolute; right: 0; top: 32px; z-index: 10; } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close { cursor: pointer; position: absolute; } .fotorama__arr { z-index: 900; } .fotorama__fullscreen-icon, .fotorama__zoom-out, .fotorama__zoom-in, .fotorama__video-close { z-index: 1000; } .fotorama__arr { bottom: 0; position: absolute; top: 0; width: 80px; } ._block-content-loading .fotorama__arr { opacity: 0; } .fotorama__arr .fotorama__arr__arr { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; height: 80px; width: 80px; } .fotorama__arr--prev { left: 0; } .fotorama__arr--prev .fotorama__arr__arr { background-position: -80px -80px; } .fotorama__arr--next { right: 0; } .fotorama__arr--next .fotorama__arr__arr { background-position: -160px -80px; } .fotorama__arr--disabled { cursor: default; opacity: 0; pointer-events: none; } .fotorama__fullscreen-icon { background-position: 0 0; display: none; height: 80px; right: 0; top: 0; width: 80px; z-index: 1000; } .fotorama--fullscreen-icons .fotorama__fullscreen-icon { display: none; } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -80px 0; display: inline-block; } .fotorama__video-play { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; background-position: -80px -160px; height: 160px; width: 160px; } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; } .fotorama__loaded .fotorama__video-play, .fotorama__error .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { display: block; opacity: 1; } .fotorama__nav__frame .fotorama__video-play { background-position: 0 -240px; height: 80px; width: 80px; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { opacity: 1; right: 93px; top: 97px; } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(80px, -80px, 0); -ms-transform: translate3d(80px, -80px, 0); -o-transform: translate3d(80px, -80px, 0); transform: translate3d(80px, -80px, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-120px, 0, 0); -ms-transform: translate3d(-120px, 0, 0); -o-transform: translate3d(-120px, 0, 0); transform: translate3d(-120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(120px, 0, 0); -ms-transform: translate3d(120px, 0, 0); -o-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(80px, -80px, 0) !important; -ms-transform: translate3d(80px, -80px, 0) !important; -o-transform: translate3d(80px, -80px, 0) !important; transform: translate3d(80px, -80px, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-120px, 0, 0) !important; -ms-transform: translate3d(-120px, 0, 0) !important; -o-transform: translate3d(-120px, 0, 0) !important; transform: translate3d(-120px, 0, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(120px, 0, 0) !important; -ms-transform: translate3d(120px, 0, 0) !important; -o-transform: translate3d(120px, 0, 0) !important; transform: translate3d(120px, 0, 0) !important; } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after { background-repeat: no-repeat; content: ''; display: block; pointer-events: none; position: absolute; text-decoration: none; z-index: 10; } .fotorama__stage:before, .fotorama__nav:before { left: -10px; top: -10px; } .fotorama__stage:after, .fotorama__nav:after { right: -10px; bottom: -10px; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-size: 1px 100%, 5px 100%; bottom: 0; height: auto; top: 0; width: 10px; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before, .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-size: 100% 1px, 100% 5px ; height: 10px; left: 0; right: 0; width: auto; } .fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; left: 0; } .fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 100% 0, 100% 0; right: 0; } .fotorama__stage.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--top:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; top: 0; } .fotorama__stage.fotorama__shadows--bottom:after, .fotorama__nav.fotorama__shadows--bottom:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 100%, 0 100%; bottom: 0; } .fotorama--fullscreen .fotorama__stage:before, .fotorama--fullscreen .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--fade .fotorama__stage:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--fade .fotorama__stage:after { display: none; } .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: auto; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img { -webkit-transform: translate(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); transform: translateY(-50%, -50%); top: 50%; left: 50%; position: absolute; width: auto; } .magnifier-thumb-wrapper { display: block; left: 0; position: relative; top: 0; } .magnifier-lens { border: solid 1px #bbbbbb; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 800; } .magnify-lens { background: rgba(255, 255, 255, 0.5); border: solid 1px #bbbbbb; color: #ffffff; left: 0; position: absolute; text-align: center; top: 0; z-index: 1000; overflow: hidden; } .magnify-lens .magnifier-large { width: auto; height: auto; max-height: none; max-width: none; border: none; position: absolute; z-index: 100; } .magnifier-loader-text { margin-top: 10px; } .magnifier-preview { bottom: 0; left: 58%; overflow: hidden; padding: 0; position: absolute; z-index: 2; top: 215px; } .magnifier-preview:not(.hidden) { background-color: #ffffff; } .magnifier-preview img { left: 0; max-width: inherit; max-height: inherit; position: absolute; top: 0; object-fit: scale-down; } .fotorama__stage__frame { text-align: center; } .fotorama__stage__frame .fotorama__img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 0.3s; transition-property: width, height, top, left; vertical-align: middle; width: auto; } .magnify-opaque { opacity: .5; } .magnify-hidden { display: none; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap { display: inline-block; left: 0; position: absolute; top: 0; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft { background-color: white; width: 100%; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb { display: block; padding-bottom: inherit !important; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { bottom: 0; left: 0; margin: auto; max-height: inherit; max-width: inherit; position: absolute; right: 0; top: 0; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { cursor: default; display: block; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; top: 0; transition: 0.3s linear; vertical-align: middle; width: auto; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--zoommable { cursor: pointer; max-height: none; max-width: none; transition-property: width, height, bottom, right, top, left; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--draggable { cursor: move; transition-property: none; } .fotorama--fullscreen .fotorama__stage__frame iframe { left: 80px; width: calc(100% - 80px * 2); } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { bottom: 0; cursor: pointer; position: absolute; top: 0; width: 30px; z-index: 1000; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; width: 100%; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left { left: 0; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { right: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { cursor: pointer; height: 30px; left: 0; position: absolute; right: 0; z-index: 1000; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: auto; width: 30px; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { top: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { bottom: 0; } .fotorama__wrap--only-active .fotorama__stage, .fotorama__wrap--only-active .fotorama__nav { max-width: 99999px !important; } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; } .fotorama__thumb--icon { font-size: 0.001px; padding-bottom: 30px; } .fotorama__thumb__arr--left .fotorama__thumb--icon { background-position: -25px -265px; } .fotorama__thumb__arr--right .fotorama__thumb--icon { background-position: -25px -350px; } .magnify-fullimage { display: none; } .fotorama__arr, .fotorama__thumb__arr { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__arr:hover, .fotorama__thumb__arr:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__arr:active, .fotorama__thumb__arr:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__video-close { background-position: -80px 0; height: 80px; opacity: 0; right: 0; top: 0; transform: translate3d(80px, -80px, 0); transition: opacity 0.3s ease-in-out; width: 80px; } @media all and (max-width: 768px) { .fotorama__video-close { background-position: -100px -20px; top: 10px; height: 40px; width: 40px; } } .fotorama__video-close.fotorama-show-control { opacity: 1; transform: translate3d(0, -10px, 0); } .gallery-placeholder__image { display: block; margin: auto; } .fotorama__spinner { background-image: url('../../images/loader-1.gif'); bottom: 0; display: none; height: 64px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 64px; z-index: 100; } .fotorama__spinner.fotorama__spinner--show { display: block; } .fotorama__product-video--loaded .fotorama__img, .fotorama__product-video--loaded .fotorama__img--full { display: none !important; } .fotorama__stage .fotorama__arr--shown { display: block !important; } .fotorama__stage .fotorama__arr--hidden { display: none !important; } pub/static/frontend/Smartwave/porto/en_US/mage/gallery/module/_focus.less000077700000002705151323550660022611 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .fotorama__fullscreen-icon:focus, .fotorama__zoom-out:focus, .fotorama__zoom-in:focus, .fotorama__arr:focus, .fotorama__stage__shaft:focus, .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__dot { box-shadow: none; &:after { border-radius: inherit; bottom: @fotorama-inner-box-shadow; box-shadow: @focus__box-shadow; content: ''; left: @fotorama-inner-box-shadow; position: absolute; right: @fotorama-inner-box-shadow; top: @fotorama-inner-box-shadow; z-index: @z-index-10; } } .fotorama__nav__frame--thumb:focus, .fotorama__nav__frame--dot:focus { .fotorama__thumb:after, .fotorama__dot:after{ bottom: 0; left: 0; right: 0; top: 0; } .fotorama__thumb.fotorama_vertical_ratio:after { left: 2px; right: 2px; } .fotorama__thumb { overflow: inherit; } } .fotorama__nav__frame:nth-child(2):focus { .fotorama__thumb:after{ left: 1px; } .fotorama__thumb.fotorama_vertical_ratio:after{ top: 1px; } } .fotorama__nav__frame:last-child:focus { .fotorama__thumb:after{ right: 1px; } .fotorama__thumb.fotorama_vertical_ratio:after{ bottom: 1px; } } .fotorama__thumb__arr { box-shadow: none; } pub/static/frontend/Smartwave/porto/en_US/mage/gallery/module/_mixins.less000077700000003246151323550660023002 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .fotorama-translate3d(@x; @y; @z) { -webkit-transform: translate3d(@x, @y, @z); -ms-transform: translate3d(@x, @y, @z); -o-transform: translate3d(@x, @y, @z); transform: translate3d(@x, @y, @z); } .fotorama-rotate (@deg) { -webkit-transform: rotate(@deg); -ms-transform: rotate(@deg); transform: rotate(@deg); } .translateX(@value) { -webkit-transform: translateX(@value); -ms-transform: translateX(@value); -o-transform: translateX(@value); transform: translateX(@value); } .translateY(@value) { -webkit-transform: translateY(@value); -ms-transform: translateY(@value); -o-transform: translateY(@value); transform: translateY(@value); } .translate(@x, @y) { -webkit-transform: translate(@x, @y); -ms-transform: translateY(@x, @y); -o-transform: translateY(@x, @y); transform: translateY(@x, @y); } .fotorama-shadow-gradient(@x, @y) { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at @x @y, rgba(0, 0, 0, 0.4), transparent); } .fotorama-inline-block(@va: middle) { *display: inline; *zoom: 1; -moz-box-orient: vertical; display: -moz-inline-box; display: inline-block; vertical-align: @va; } .fotorama-button-background() { background-color: rgba(255, 255, 255, 0.3); transition: background-color @fotorama-duration-time ease-in-out; &:hover { background-color: rgba(255, 255, 255, 0.5); } &:active { background-color: rgba(213, 213, 213, 0.5); } } pub/static/frontend/Smartwave/porto/en_US/mage/gallery/module/_fullscreen.less000077700000002674151323550660023641 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .fotorama--fullscreen { background: @color-white; bottom: 0 !important; float: none !important; left: 0 !important; margin: 0 !important; position: fixed !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: @z-index-10 !important; &:extend(.fotorama-gpu); .fotorama__wrap { max-width: 100% !important; } } .fotorama__fullscreen { overflow: hidden; position: relative; .fotorama__zoom-in, .fotorama__zoom-out { cursor: pointer; display: block; height: @size-fotorama-block; overflow: hidden; position: absolute; width: @size-fotorama-block; } .fotorama__zoom-out { &:extend(.fotorama-sprite); background-position: 0 (-@size-fotorama-block) !important; top: 80px; &.fotorama__zoom-out--disabled { display: none; } } .fotorama__zoom-in { &:extend(.fotorama-sprite); background-position: 0 0 !important; top: 0; &.fotorama__zoom-in--disabled { display: none; } } .fotorama__video-close { display: none; } } .fotorama--fullscreen .fotorama__loaded--full { .fotorama__img { display: none; } .fotorama__img--full { display: block; } } pub/static/frontend/Smartwave/porto/en_US/mage/gallery/module/_extends.less000077700000004172151323550660023144 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .fotorama-stretch { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .fotorama-grab-cursor { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .fotorama-grabbing-cursor { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama-gpu { transform: translateZ(0); } .fotorama-focus { outline: 0; } .fotorama-focus-overlay { &:after { &:extend(.fotorama-stretch); background-color: @theme__color__primary-alt; border-radius: inherit; content: ''; } } .fotorama-transform-disabled { transform: none !important; } .fotorama-transition-for-slide { transition-duration: 0ms; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); } .fotorama-no-select { user-select: none; } .fotorama-select { user-select: text; } .fotorama-empty-bg { background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=); } .fotorama-auto-margin { margin: auto; padding: 0; } .fotorama-inline-block { .fotorama-inline-block(); } .fotorama-content-box { box-sizing: content-box; } .fotorama-border-box { box-sizing: border-box; } .fotorama-hidden { left: -99999px; position: absolute; top: -99999px; z-index: -@z-index-10; } .fotorama-visible { left: auto; opacity: 1; position: relative; top: auto; z-index: auto; } .fotorama-no-tap { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .transitionDuration { transition-duration: 333ms; } .transitionDurationZero { transition-duration: 0ms; } .fotorama-sprite { &:extend(.fotorama-print-background); background-image: url('gallery.png'); background-repeat: no-repeat; } .fotorama-print-background { @media print { background: none !important; } } pub/static/frontend/Smartwave/porto/en_US/mage/gallery/module/_variables.less000077700000000541151323550660023436 0ustar00// * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // /** @fotorama-arw-size: 80px; @fotorama-duration-time: 0.3s; @fotorama-fullscreen-zoom-time: 0.3s; @fotorama-inner-box-shadow: 3px; @fotorama-spinner-size: 64px; @fotorama-thumb-arrow: 30px; @fotorama_close_button: 80px; @size-fotorama-block: 80px; pub/static/frontend/Smartwave/porto/en_US/mage/gallery/module/.htaccess000077700000000177151323550660022242 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/mage/gallery/.htaccess000077700000000177151323550660020755 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/mage/.htaccess000077700000000177151323550660017316 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Yotpo_Yotpo/css/source/_module.less000077700000002065151323550660023515 0ustar00& when (@media-common = true) { .yotpo-yotpo-is-enabled { .yotpoBottomLine { width: 100%; } .yotpo-icon-double-bubble, .yotpo-stars { margin: 0 5px 0 0 !important; } .thumbnail .yotpo a { display: inline-block; } div.yotpo.bottomLine { display: inline-block; margin: 0 10px 1px 0; } div.yotpo.QABottomLine { display: inline-block; } div.yotpo.bottomLine.bottomline-position { display: inline-block; margin: 0 10px 1px 0; } .product-item .product-item-actions { margin-top: 5px !important; } &.catalog-category-view, &.catalog-product-view { &.page-products { .product-item .product-item-actions { margin-top: 0 !important; } } .product-info-main .product-reviews-summary { width: 100%; } } } }pub/static/frontend/Smartwave/porto/en_US/Yotpo_Yotpo/css/source/.htaccess000077700000000177151323550660023001 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Yotpo_Yotpo/css/.htaccess000077700000000177151323550660021501 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Yotpo_Yotpo/.htaccess000077700000000177151323550660020711 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Megamenu/css/source/_module.less000077700000042616151323550660025006 0ustar00// /** // * Copyright © 2018 Porto. All rights reserved. // */ & when (@media-common = true) { } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .sw-megamenu.navigation { > ul { position: relative; &:after { disaply: table; content: ''; clear: both; } } .open-children-toggle { display: none; } span.cat-label { position: absolute; text-transform: uppercase; font: inherit; font-size: 9px; padding: 2px; border-radius: 2px; line-height: 1; color: #fff; &:before { content: ""; position: absolute; width: 3px; height: 3px; border: 3px solid transparent; } &.cat-label-label1 { background-color: #0cc485; } &.cat-label-label2 { background-color: #eb2771; } &.cat-label-label3 { background-color: #0ae3eb; } } a:hover > span > span.cat-label { text-decoration: none; } li { > a > span { position: relative; } &.level0 { > .level-top { transition-delay: 0s !important; } > a > span.cat-label { top: -13px; right: 14px; &:before { left: 3px; bottom: -6px; } &.cat-label-label1 { &:before { border-top-color: #0cc485; } } &.cat-label-label2 { &:before { border-top-color: #eb2771; } } &.cat-label-label3 { &:before { border-top-color: #0ae3eb; } } } } .subchildmenu { li > a > span > span.cat-label { top: 3px; right: -35px; &:before { left: -6px; bottom: 3px; } &.cat-label-label1 { &:before { border-right-color: #0cc485; } } &.cat-label-label2 { &:before { border-right-color: #eb2771; } } &.cat-label-label3 { &:before { border-right-color: #0ae3eb; } } } } } .subchildmenu.mega-columns { > li { float: left; padding: 0 5px; } &.columns1 { > li { float: none; } } &.columns2 { > li { width: 50%; &:nth-child(2n+1) { clear: both; } } } &.columns3 { > li { width: 33.33%; &:nth-child(3n+1) { clear: both; } } } &.columns4 { > li { width: 25%; &:nth-child(4n+1) { clear: both; } } } &.columns5 { > li { width: 20%; &:nth-child(5n+1) { clear: both; } } } &.columns6 { > li { width: 16.66%; &:nth-child(6n+1) { clear: both; } } } } li.level0 { transition-delay: 0s; transition: .2s opacity; &.fl-left { float: left; } &.fl-right { float: right; &.staticwidth { .submenu { left: auto; right: 0; border-radius: 6px 0 6px 6px; } } } .submenu { display: block; visibility: hidden; opacity: 0; transition: .2s opacity; color: #777; > ul { margin-top: 0; &:before, &:after { display: none; } } } &.parent > .submenu.popup-left { left: auto; right: 0; border-radius: 6px 0 6px 6px; } .row { margin-left: -5px; margin-right: -5px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { padding-left: 5px; padding-right: 5px; } &.fullwidth { position: static; > .submenu { width: 100%; border-radius: 0 0 6px 6px; } } &.fullwidth, &.staticwidth { > .submenu { padding: 5px 8px 10px; left: 0; } &:hover { > .submenu { visibility: visible; opacity: 1; } } .submenu { li.parent { > a { &:after { display: none; } } } li.level1 { > a { font-size: 14px; font-weight: 600; text-transform: uppercase; margin-top: 10px; } .subchildmenu { .subchildmenu { padding-left: 10px; } } > .menu-thumb-img { margin: 10px 0 -5px; } } .subchildmenu { .subchildmenu { padding: 5px 0; } } a { padding: 5px; line-height: 1; font-size: 13px; &:hover { background: none; > span { text-decoration: underline; } } } .menu-top-block, .menu-left-block, .menu-right-block, .menu-bottom-block { a { display: inline; &:hover { text-decoration: underline; } } a.btn-default { background-color: #08c; color: #fff; &:hover, &:focus { background-color: #08c; color: #fff; text-decoration: none; opacity: 0.8; } } } } } &.classic { .submenu > .row { margin: 0; } .subchildmenu { min-width: 230px; .subchildmenu { visibility: hidden; opacity: 0; transition: .2s opacity; padding: 6px 8px; box-shadow: 0 0 3px rgba(0,0,0,0.25); border-radius: 0 6px 6px 6px; position: absolute; left: 0; top: -6px; background: #fff; z-index: 1; } > li:hover { > .subchildmenu { visibility: visible; opacity: 1; } } } li.parent { & > .subchildmenu.popup-left { left: auto; right: 100%; border-radius: 6px 0 6px 6px; } } .subchildmenu.popup-left .subchildmenu { left: auto; right: 100%; border-radius: 6px 0 6px 6px; } &:hover { > .submenu { visibility: visible; opacity: 1; } } li:hover > .submenu { visibility: visible; opacity: 1; } } &.classic { .submenu, .subchildmenu .subchildmenu { left: 0; } } &.staticwidth { .submenu { left: 0; } } } &.side-megamenu { li { margin: 0; position: relative; &.level0 { display: block; position: relative; border-radius: 0; margin: 0; &.parent > a:after { content: '\f801'; display: inline-block; font-family: 'porto-icons'; vertical-align: top; margin-left: 6px; line-height: 41px; float: right; } &.classic .submenu li.parent > a:after { content: '\f801'; display: inline-block; font-family: 'porto-icons'; vertical-align: top; margin-left: 6px; margin-right: 5px; line-height: 15px; float: right; } &.fullwidth > .submenu, &.staticwidth > .submenu { left: 100% !important; top: 0; padding-bottom: 15px; } &.classic > .submenu { left: 100% !important; top: 0; } &.fullwidth > .submenu { width: 871px; } & > a { display: block; padding: 0 5px; margin: 0 10px; border-top: 1px solid #ddd; line-height: 41px; font-weight: 400; font-size: 14px; > span.cat-label { position: relative; margin-left: 10px; padding: 0 2px; top: 0; right: 0; &:before { left: -6px; top: 3px; bottom: auto; border-top-color: transparent; } &.cat-label-label1 { &:before { border-right-color: #0cc485; } } &.cat-label-label2 { &:before { border-right-color: #eb2771; } } &.cat-label-label3 { &:before { border-right-color: #0ae3eb; } } } } &:first-child > a { border-top: 0; } &:hover { background-color: #08c; & > a { color: #fff; border-top-color: #08c; } } & > .submenu { border-left-width: 5px; border-top-width: 0; padding: 5px 8px; box-shadow: 0 0 3px rgba(0,0,0,0.25); border-radius: 0 6px 6px 6px; } } } } } .home-side-menu { background-color: #fbfbfb; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; } h2.side-menu-title { margin: 0; background-color: #f5f5f5; color: #a39f9c; font-size: 13px; font-weight: 700; line-height: 1; padding: 14px 15px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #ddd; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .sw-megamenu.navigation { &.side-megamenu { display: none; } .submenu.level0 { height: 0; visibility: hidden; &.opened { visibility: visible; height: auto; } } li.level0 { &.staticwidth { > .submenu { width: auto !important; } } &.fullwidth, &.staticwidth { .menu-top-block, .menu-right-block, .menu-left-block, .menu-bottom-block { display: none; } } .menu-thumb-img { display: none; } } li.ui-menu-item { position: relative; > a { position: relative; } > .open-children-toggle { display: block; position: absolute; width: 42px; height: 42px; right: 0; top: 0; z-index: 1; cursor: pointer; } } span.cat-label { top: 50%; right: 36px; margin-top: -7px; position: absolute; text-transform: uppercase; font: inherit; font-size: 9px; padding: 2px; border-radius: 2px; line-height: 1; color: #fff; &:before { content: ""; position: absolute; width: 3px; height: 3px; border: 3px solid transparent; left: -6px; bottom: 3px; } &.cat-label-label1 { background-color: #0cc485; &:before { border-right-color: #0cc485; } } &.cat-label-label2 { background-color: #eb2771; &:before { border-right-color: #eb2771; } } &.cat-label-label3 { background-color: #0ae3eb; &:before { border-right-color: #0ae3eb; } } } } }pub/static/frontend/Smartwave/porto/en_US/Smartwave_Megamenu/css/source/.htaccess000077700000000177151323550660024264 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Megamenu/css/.htaccess000077700000000177151323550660022764 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Megamenu/.htaccess000077700000000177151323550660022174 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>Smartwave/porto/en_US/Magento_InventoryConfigurableProductFrontendUi/css/source/_module.less000077700000000276151323550660032463 0ustar00pub/static/frontend/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .product-info-stock-sku { .configurable-variation-qty { display: none; } } frontend/Smartwave/porto/en_US/Magento_InventoryConfigurableProductFrontendUi/css/source/.htaccess000077700000000177151323550660031745 0ustar00pub/static<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>static/frontend/Smartwave/porto/en_US/Magento_InventoryConfigurableProductFrontendUi/css/.htaccess000077700000000177151323550660030445 0ustar00pub<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_InventoryConfigurableProductFrontendUi/.htaccess000077700000000177151323550660027734 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Socialfeeds/css/source/_module.less000077700000003706151323550660025466 0ustar00// /** // * Copyright © 2018 Porto. All rights reserved. // */ & when (@media-common = true) { .block-facebook-like .block-title a.btn-like { background-color: #08c; height: 34px; line-height: 34px; font-size: 14px; width: 80px; text-align: center; border-radius: 5px; margin-top: -8px; font-weight: 400; margin-right: 45px; } .block-tweets { ul { margin-top: -15px; li { padding: 15px 0; border-top: 1px solid #75b11f; &:first-child { border-top: 0; } } } p.tweet { margin-bottom: 10px; } p.timePosted { margin-bottom: 0; color: #a5d75f; font-size: 11px; font-style: italic; } } .block-flickr-photos { .block-content { margin: -5px; } a.flickr-image { width: 65px; display: inline-block; margin: 5px; &:hover { opacity:.8; filter: alpha(opacity=80); } img { width: 100%; } } } .fb-persons { margin: -5px; .fb-person { display: inline-block; width: 75px; padding: 5px; text-align: center; a { width: 100%; display: inline-block; &:hover img { opacity: .8; filter: alpha(opacity=80); } } img{width:100%} } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { }pub/static/frontend/Smartwave/porto/en_US/Smartwave_Socialfeeds/css/source/.htaccess000077700000000177151323550660024747 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Socialfeeds/css/.htaccess000077700000000177151323550660023447 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Socialfeeds/.htaccess000077700000000177151323550660022657 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_VersionsCms/css/source/_widgets.less000077700000000676151323550660025325 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .block-cms-hierarchy-link { &.widget { display: block; margin-bottom: @indent__base; } } .block-cms-hierarchy-link-inline { &.widget { margin: 0; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_VersionsCms/css/source/.htaccess000077700000000177151323550660024422 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_VersionsCms/css/.htaccess000077700000000177151323550660023122 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_VersionsCms/.htaccess000077700000000177151323550660022332 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Vault/css/source/_module.less000077700000002776151323550660023767 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .my-credit-cards { .status { font-style: italic; } .action.delete { .lib-button-reset(); .lib-button-as-link(); } } .my-credit-cards-popup { .modal-footer { text-align: right; } .action.secondary { .lib-button-reset(); .lib-button-as-link(); margin-right: @indent__base; } } } // // Mobile @screen__s // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .my-credit-cards { .table:not(.totals):not(.cart):not(.table-comparison) { .status { display: none; &:before { display: none; } &._default { display: block; } } } .card-type { img { vertical-align: middle; } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .my-credit-cards { .card-type { img { display: block; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Vault/css/source/.htaccess000077700000000177151323550660023242 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Vault/css/.htaccess000077700000000177151323550660021742 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Vault/.htaccess000077700000000177151323550660021152 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_LayeredNavigation/css/source/_module.less000077700000002045151323550660026575 0ustar00/** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_LayeredNavigation * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .ln_overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; width: 100%; z-index: 555; display: none; img { top: 40%; left: 45%; display: block; position: fixed; } } .ln_slider_container { width: calc(100% - 20px); margin: 0 15px 0 5px; } .layered-filter-block-container .ln_tooltip { display: inline-block; vertical-align: middle; margin-left: 5px; }pub/static/frontend/Smartwave/porto/en_US/Mageplaza_LayeredNavigation/css/source/.htaccess000077700000000177151323550660026063 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_LayeredNavigation/css/.htaccess000077700000000177151323550660024563 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_LayeredNavigation/.htaccess000077700000000177151323550660023773 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaReview/css/source/_module.less000077700000000256151323550660025677 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .review-form { .field-recaptcha { margin-bottom: 10px; } } pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaReview/css/source/.htaccess000077700000000177151323550660025163 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaReview/css/.htaccess000077700000000177151323550660023663 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaReview/.htaccess000077700000000177151323550660023073 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Paypal/css/source/_module.less000077700000000325151323550660024106 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @import 'module/_billing.less'; @import 'module/_paypal-button.less'; @import 'module/_review.less'; pub/static/frontend/Smartwave/porto/en_US/Magento_Paypal/css/source/module/_review.less000077700000007421151323550660025413 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { // PayPal Review Order page .paypal-review { .block { &:extend(.abs-account-blocks all); .actions-toolbar { .action { &.primary { &:extend(.abs-revert-secondary-color all); } } } } .actions-toolbar { margin-top: @indent__s; } .paypal-review-title { padding: 0 0 @indent__s; > strong { .lib-font-size(24); font-weight: @font-weight__light; } .action { display: inline-block; margin: 12px 0 0 @indent__l; } } .table-paypal-review-items { .col { &.price, &.subtotal { &:extend(.abs-incl-excl-tax all); } &.name { padding-top: 16px; } &.qty { text-align: center; } } .cart-tax-total { &:extend(.abs-tax-total all); &-expanded { &:extend(.abs-tax-total-expanded all); } } } .item-options { dt { display: inline-block; &:after { content: ': '; } } dd { margin: 0; } } } // Discounts .paypal-review-discount { &:extend(.abs-discount-block all); border-bottom: @border-width__base solid @border-color__base; margin: 0 0 @indent__xl; padding: @indent__s 0 0; } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-paypal-review-items { .col { &.subtotal { text-align: left; } } .product-item-name { display: inline-block; } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .paypal-review { .paypal-review-title { border-bottom: @border-width__base solid @border-color__base; } .block-content { &:extend(.abs-add-clearfix-desktop all); .box-order-shipping-address, .box-order-shipping-method, .box-order-shipping-method + .box-order-billing-address { box-sizing: border-box; float: left; width: 33%; } .box-order-shipping-address { padding: 0 5%; width: 34%; } } .column.main & { .actions-toolbar { &:extend(.abs-reset-left-margin-desktop all); } } .table-paypal-review-items { .col { &.price, &.qty { text-align: center; } &.item { width: 60%; } } } .col.subtotal, .mark, .amount { text-align: right; } } // Discounts .paypal-review-discount { &:extend(.abs-add-clearfix-desktop all); &:extend(.abs-discount-block-desktop all); border-top: @border-width__base solid @border-color__base; } } pub/static/frontend/Smartwave/porto/en_US/Magento_Paypal/css/source/module/_billing.less000077700000001501151323550660025523 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { // Paypal billing agreement .table-wrapper { &.billing-agreements { margin-bottom: @indent__xl; } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .account { .table-billing-agreements, .table-billing-agreements-related { .col { &.actions { &:extend(.abs-col-no-prefix all); } } } } .form-new-agreement { select { width: auto; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Paypal/css/source/module/_paypal-button.less000077700000002002151323550660026677 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { // PayPal checkout button .paypal { display: inline-block; vertical-align: top; .block-minicart &, .cart-summary & { display: block; } img { display: block; margin: @indent__xs auto 0; } .opc & { vertical-align: middle; } &.acceptance { display: block; margin: 0 0 @indent__base; } .map-form-addtocart & { display: block; margin: @indent__s auto @indent__xs; } .cart-summary & { + .paypal { margin-top: @indent__m; } } } .paypal-button-widget { .paypal-button { &:extend(.abs-action-button-as-link all); } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Paypal/css/source/module/.htaccess000077700000000177151323550660024662 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Paypal/css/source/.htaccess000077700000000177151323550660023375 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Paypal/css/.htaccess000077700000000177151323550660022075 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Paypal/.htaccess000077700000000177151323550660021305 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaFrontendUi/css/source/_module.less000077700000000415151323550660026510 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .required-captcha.checkbox{ position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaFrontendUi/css/source/.htaccess000077700000000177151323550660025777 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaFrontendUi/css/.htaccess000077700000000177151323550660024477 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaFrontendUi/.htaccess000077700000000177151323550660023707 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Sales/css/source/_module.less000077700000031365151323550660023737 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // --------------------------------------------- & when (@media-common = true) { .order-links { .item { line-height: @tab-control__height; margin: 0 0 -1px; strong { .lib-css(background, @tab-control__active__background-color); border: @border-width__base solid @border-color__base; display: block; font-weight: @tab-control__font-weight; padding: 0 20px; } a { .lib-css(background, @tab-control__background-color); .lib-css(color, @tab-control__color); border: @border-width__base solid @border-color__base; display: block; font-weight: @tab-control__font-weight; padding: 0 20px; &:hover { .lib-css(background, @tab-control__hover__background-color); .lib-css(text-decoration, @tab-control__hover__text-decoration); } } } } .order-details-items { border: @border-width__base solid @border-color__base; margin-bottom: @indent__xl; padding: @indent__s; &.ordered { .order-title { display: none; } } .order-title { border-bottom: @border-width__base solid @border-color__base; padding: 0 0 @indent__s; > strong { .lib-font-size(24); font-weight: @font-weight__light; } .action { display: inline-block; } } .table-wrapper { margin: 0; + .actions-toolbar { > .secondary .action.back { display: inline-block; } } } .table-order-items { > thead > tr > th { border-bottom: 1px solid @border-color__base; } tbody { & + tbody { border-top: 1px solid @border-color__base; } .account & { tr:nth-child(even) td { background: none; } } td { padding-top: 20px; padding-bottom: 20px; } .col { &.label { font-weight: @font-weight__bold; padding-top: 0; padding-bottom: 5px; } &.options { padding: 0 0 15px; } } > .item-parent { td { padding-bottom: 5px; } + tr td { padding-top: 5px; } } .item-options-container td { padding-top: 0; padding-bottom: 15px; } } .product-item-name { margin: 0 0 10px; } } .item-options { margin: 0; dt { margin: 0; } dd { margin: 0 0 15px; &:last-child { margin-bottom: 0; } } &.links { dt { display: inline-block; &:after { content: ": "; } } dd { margin: 0; } } } thead { .col.qty { text-align: center; } } .col { &.price, &.subtotal { &:extend(.abs-incl-excl-tax all); } &.name { padding-top: 16px; } } .cart-tax-total { &:extend(.abs-tax-total all); &-expanded { &:extend(.abs-tax-total-expanded all); } } tfoot { &:extend(.abs-account-summary all); } .action { &.show { .lib-icon-font( @icon-down, @_icon-font-size: 10px, @_icon-font-line-height: 10px, @_icon-font-text-hide: true, @_icon-font-position: after, @_icon-font-display: inline-block ); .lib-css(color, @primary__color); &.expanded { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } } } .items-qty { &:extend(.abs-reset-list all); .item { white-space: nowrap; } .title { &:after { content: ": "; } } } .action.print { display: none; } } .block-order-details { &-comments { margin: 0 0 40px; .comment-date { font-weight: @font-weight__semibold; } .comment-content { line-height: 1.6; margin: 0 0 20px; } } &-view { .block-content .box { margin-bottom: 30px; } .box-title { font-weight: @font-weight__semibold; } .box-content { .payment-method { .title { font-weight: @font-weight__regular; } .content { margin: 0; > strong { font-weight: @font-weight__regular; &:after { content: ': '; } } } } } } &-gift-message { .column.main .order-details-items & { margin: 40px 0 0; } + .actions-toolbar { display: none; } } } .order-tracking { .order-title + & { border-bottom: @border-width__base solid @border-color__base; } margin: 0; padding: 20px 0; .tracking-title { display: inline-block; } .tracking-content { display: inline-block; margin: 0 0 0 5px; } } .order-actions-toolbar { margin-bottom: 25px; .action { margin-right: 30px; &.print { &:extend(.abs-action-print all); display: none; margin: 0; } } } .order-status { &:extend(.abs-status all); } .account, [class^="sales-guest-"], .sales-guest-view, .magento-rma-guest-returns { &:extend(.abs-title-orders all); } .form-orders-search { &:extend(.abs-forms-general-desktop all); .field { &.email, &.zip { margin-bottom: 0; } } } .block-reorder { .block-title { &:extend(.abs-block-widget-title all); } .actions-toolbar { margin: 17px 0; } .product-item-name { display: inline-block; } .product-item { .label { &:extend(.abs-visually-hidden all); } .field.item { display: inline-block; } } } // // Guest order view page // --------------------------------------------- [class^="sales-guest-"], .sales-guest-view { .column.main { .block:not(.widget) { &:extend(.abs-account-blocks all); } } } .magento-rma-guest-returns { .column.main { .order-details-items { .table-wrapper { .data.table { &:extend(.abs-table-striped all); } } } } } } // // Mobile // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper { &.orders-recent { &:extend(.abs-account-table-margin-mobile all); } } .table-wrapper { &.orders-recent { &:extend(.abs-no-border-top all); } } .account { .table-order-items { tbody tr { display: block; } .product-item-name { display: inline-block; margin: 0; } .action.show { margin-top: 0; } .col { &.actions, &.options { &:extend(.abs-col-no-prefix all); } } } } .account, [class^="sales-guest-"], .sales-guest-view { &:extend(.abs-title-orders-mobile all); } .order-details-items { .table-wrapper { &:extend(.abs-no-border-top all); } .order-title { strong { display: block; } } .action { .lib-css(margin-top, @indent__s); } .items-qty { display: inline-block; vertical-align: top; } .col { &.price, &.subtotal { .price-including-tax, .price-excluding-tax { display: inline-block; } } } .data.table .col.options { padding: 0 10px 15px; &:before { display: none; } } .table-order-items .options-label { &:extend(.abs-no-display-s all); } .options-label + .item-options-container, .item-options-container + .item-options-container { &:before { content: attr(data-th) ":"; display: block; font-weight: @font-weight__bold; padding-left: 10px; } .col { .lib-font-size(12); padding: 0 10px; &:first-child { padding-top: 3px; } &:last-child { padding-bottom: 20px; } } } } } // // Desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .order-details-items { .order-title { .action { margin: 12px 0 0 30px; &.track { float: right; } } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .order-links { &:extend(.abs-add-clearfix-desktop all); .item { float: left; margin: 0 @tab-control__margin-right 0 0; a { padding: @tab-control__padding-top @tab-control__padding-right; } strong { border-bottom: 0; margin-bottom: -1px; padding: @tab-control__padding-top @tab-control__padding-right @tab-control__padding-bottom+1 @tab-control__padding-left; } } } .order-actions-toolbar { .action.print { display: block; float: right; } } .account, [class^="sales-guest-"], .sales-guest-view { &:extend(.abs-title-orders-desktop all); .column.main .block.block-order-details-view { &:extend(.abs-add-clearfix-desktop all); .block-content:not(.widget) .box { &:extend(.abs-add-box-sizing-desktop all); clear: none; float: left; width: 100%/4; } } } .order-status { &:extend(.abs-status-desktop all); } .block-order-details-comments { margin: 0 0 60px; .comment-date { clear: left; float: left; margin-right: 50px; max-width: 90px; } .comment-content { overflow: hidden; } } .order-details-items { margin-top: -1px; padding: 25px; .col { &.name { padding-left: 0; } &.price { text-align: center; } &.subtotal { text-align: right; } } tbody td { padding-top: 20px; padding-bottom: 20px; } tfoot { .amount, .mark { text-align: right; } } } .table-order-items { tbody { .col { &.label, &.value { padding-left: 0; } } } &.invoice, &.shipment { .col.qty { text-align: center; } } &.creditmemo { .col { &.qty, &.discount, &.subtotal { text-align: center; } &.total { text-align: right; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Sales/css/source/_email.less000077700000011561151323550660023535 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Sales Module Styles // _____________________________________________ .email-intro { td { padding-bottom: @indent__base; } } .email-summary { h1 { border-bottom: @border-width__base solid @border-color__base; margin-bottom: @indent__s; padding-bottom: @indent__s; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { // Shrink order number in order email so it will fit on single line on small screens .email-summary { h1 { font-size: ceil(1.7 * @font-size__base) !important; // 24px } } } // // Order Summary // ---------------------------------------------- .order-details { width: 100%; tr { > .address-details, > .method-info { padding: @email-content__padding__base @email-content__padding__base @email-content__padding__base 0; width: 50%; h3 { margin-top: 0; } } // Prevent extra spacing on Payment & Shipping Method row & + .method-info { > td { padding: 0 0 @email-content__padding__base; } } } .payment-method { margin-bottom: @indent__s; .title { font-weight: @font-weight__regular; } .data.table { > caption { display: none; } th { padding-right: @email-content__padding__base; } } } } // Remove address and phone number link color on iOS .address-details a:extend(.no-link a) {}; .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { // Stack columns .order-details { .address-details, .method-info { display: block; padding: @email-content__padding__base 0 !important; width: auto !important; h3 { margin-top: 0 !important; margin-bottom: @indent__xs !important; } } } } // // Shipment Tracking // ---------------------------------------------- .shipment-track { .lib-table(@table__width, 0); thead, tbody { > tr { > th, > td { background-color: @email__background-color; padding: @email-content__padding__base; width: 50%; } & + tr { th, td { padding-top: 0; } } } } } // // Items Table // ---------------------------------------------- .email-items { .lib-table(@table__width, 0); tfoot { > tr { > th, > td { background-color: @email__background-color; } } } > thead, > tbody { > tr { > th { padding: @email-content__padding__base; } > td { padding: @email-content__padding__base; &.message-gift { border-top: none; padding-top: 0; } } } } > tbody { > tr { > th, > td { border-top: @table__border-width @table__border-style @table__border-color; } & + tr { > th, > td { border-top: 0; } } } } p { margin-bottom: 0; } .product-name { font-weight: @font-weight__bold; margin-bottom: @email-content__padding__s; } .has-extra .sku { margin-bottom: @email-content__padding__base; } .item-info { dl { margin-bottom: 0; padding-left: @email-content__padding__m; dt, dd { margin-bottom: 0; padding-bottom: 0; } dd { padding-left: @email-content__padding__base; } } } .item-qty { text-align: center; } .item-price { text-align: right; } .item-extra { padding-top: 0; } .order-totals { > tr { > th { font-weight: @font-weight__regular; } > th, > td { padding: @email-content__padding__base; text-align: right; } & + tr { th, td { padding-top: 0; } } } .price { white-space: nowrap; } } } .email-non-inline() { .email-items { .lib-table-overflow(); } } pub/static/frontend/Smartwave/porto/en_US/Magento_Sales/css/source/_widgets.less000077700000000221151323550660024103 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ .widget.block.orders.returns { } pub/static/frontend/Smartwave/porto/en_US/Magento_Sales/css/source/.htaccess000077700000000177151323550660023216 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Sales/css/.htaccess000077700000000177151323550660021716 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Sales/.htaccess000077700000000177151323550660021126 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaCustomer/css/source/_module.less000077700000000332151323550660026232 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-container, .form-login, .form-edit-account { .g-recaptcha { margin-bottom: 10px !important; } } pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaCustomer/css/source/.htaccess000077700000000177151323550660025523 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaCustomer/css/.htaccess000077700000000177151323550660024223 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaCustomer/.htaccess000077700000000177151323550660023433 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Amazon_Payment/css/source/_module.less000077700000012315151323550660024132 0ustar00/** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ & when (@media-common = true) { .amazon-divider { border-bottom: 1px solid #cccccc; line-height: 0.1em; margin: 18px 0 20px; text-align: center; max-width: 500px; span { background: #fff; padding:0 5px; } } /** mini cart styling **/ .product-social-links, .amazon-minicart-container { width: 100%; display: block; text-align: center; .amazon-button-container { display: inline-block; margin: 0px; } .field-tooltip { .field-tooltip-content { top: 38px; left: -245px; &:before { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #666666; top: -10px; left: 244px; } &:after { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f4f4f4; top: -8px; left: 244px; } } } } .product-social-links { .amazon-button-container { margin-bottom: 30px; display: block; } } .amazon-checkout-now { border-top: 1px solid #c1c1c1; padding-top: 10px; margin-bottom: 10px; } .amazon-addtoCart { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .revert-checkout { margin-top: 20px; margin-bottom: 20px; display: block; } .centered-button { text-align: center; display: inline-block; .catalog-product-view & { display: table; } } .checkout-payment-method { .amazon-sandbox-simulator { .lib-css(border-bottom, @checkout-payment-option-title__border); .payment-option-title { border-top: none; padding-top: 0; } .amazon-sandbox-simulator-scenario { margin-bottom: 10px; } } } .checkout-methods-items { .amazon-minicart-container { .amazon-divider { display: none; } } .centered-button { margin-bottom: 0; @media all and (max-width: @screen__m) { width: auto; } } .field-tooltip { display: none; .field-tooltip-content { @abs-checkout-tooltip-content-position-top(); @media all and (max-width: @screen__m) { @right-shift: 56px; right: -@right-shift; top: 38px; left: auto; &:before, &:after { right: @right-shift; } } } } } .amazon-widget { max-width: 400px; height: 228px; } .amazon-widget--address { margin-top: 20px; } .amazon-addresses { margin-top: 20px; .amazon-address { margin-bottom: 20px; } } #checkout-step-shipping { .amazon-divider { margin: 40px 0; } } .checkout-payment-method { .amazon-payment-method { .payment-method-title { visibility: hidden; //hide the title for Amazon Pay methods only padding-bottom: 0; } } } /** Prevent movement after a soft decline to other payment steps **/ .opc-progress-bar-item._complete.lock-step { cursor: none; pointer-events: none; } } @media all and (max-width: @screen__m) { .amazon-minicart-container { .amazon-button-container { width: auto; } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .checkout-payment-method { .amazon-sandbox-simulator { .lib-css(border-top, @checkout-payment-option-title__border); } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .amazon-addresses { &:extend(.abs-add-clearfix-desktop all); .amazon-address { &:extend(.abs-blocks-2columns all); margin-bottom: 0; } } } pub/static/frontend/Smartwave/porto/en_US/Amazon_Payment/css/source/.htaccess000077700000000177151323550660023417 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Amazon_Payment/css/.htaccess000077700000000177151323550660022117 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Amazon_Payment/.htaccess000077700000000177151323550660021327 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Porto/css/source/_module.less000077700000035616151323550660024355 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ & when (@media-common = true) { .theme-color { color: @theme-color !important; } .block { .block-title { margin: 5px 0 10px; line-height: 1.2; font-size: 16px; } } // // Footer // --------------------------------------------- .footer { ul { list-style: none; margin: 0; padding: 0; } li { margin: 0; } } .footer-top { } .footer-middle { background-color: @footer-middle_background-color; color: @footer-middle_font-color; padding: 40px 0; > .container { position: relative; } [class^="porto-icon-"], [class*=" porto-icon-"] { color: @footer-middle-icon_font-color; } .block { text-align: left; line-height: 1.5; margin: 0; width: auto; .block-title { margin-bottom: 20px; strong { font-weight: 400; padding: 0; font-size: 16px; color: @footer-middle-block-title_font-color; text-transform: none; } } &.newsletter { width: auto; .form.subscribe { max-width: 300px; } label { margin-top: 50px; display: block; text-align: left; font-size: 13px; font-weight: 400; padding: 0; margin-bottom: 15px; line-height: 1.5; } .field .control:before { display: none; } input { padding: 0 10px; background-color: @footer-middle-newsletter-input_background-color; border-radius: 5px 0 0 5px; height: 30px; border: 0; } .action.subscribe { border-radius: 0 5px 5px 0; height: 30px; font-size: 14px; line-height: 30px; padding: 0 13px; font-weight: 400; } } } ul { &.links { margin-top: -5px; li { position: relative; padding: 10px 0; line-height: 1; display: block; margin: 0; [class^="porto-icon-"], [class*=" porto-icon-"] { margin-left: -5px; } } } &.contact-info { li { padding: 5px 0; &:first-child { padding-top: 0; } } [class^="porto-icon-"], [class*=" porto-icon-"] { display: inline-block; vertical-align: top; font-size: 14px; line-height: 18px; margin-left: -5px; margin-right: 3px; } p { display: inline-block; vertical-align: top; margin: 0; } } &.features { margin-top: -5px; li { position: relative; padding: 10px 0; line-height: 1; display: block; [class^="porto-icon-"], [class*=" porto-icon-"] { margin-left: -5px; margin-right: 3px; } } } } a { &, &:hover, &:focus { color: @footer-middle-link_font-color; } } p { margin-bottom: 15px; line-height: 1.5; } } .footer-bottom { min-height: 50px; line-height: 40px; background-color: @footer-bottom_background-color; padding: 25px 0; .logo { margin: 0; margin-right: 45px; float: left; } .custom-block { float: left; line-height: 1; margin: 3px 0; img { display: inline-block; vertical-align: middle; } } .social-icons { display: inline-block; vertical-align: middle; margin-right: 60px; } address { float: right; line-height: 30px; margin: 0; } .custom-block { &.f-right { margin-left: 60px; } ul.links { display: inline-block; li { padding: 0 12px; border-right: 1px solid #bbb; font-size: 11px; display: inline; vertical-align: middle; &:first-child { padding-left: 0; } } a { color: #777; font-size: 11px; } } } .switcher { line-height: 1 !important; display: block; height: auto; margin-top: 15px; float: left; label { display: none; } select { display: inline-block; width: auto; line-height: 1; } } } .footer-ribbon { position: absolute; margin: -56px 0 25px; padding: 10px 20px 6px 20px; background-color: @footer-ribbon_background-color; &:before { content: ''; display: block; width: 7px; height: 0; position: absolute; left: -10px; top: 0; border-right: 10px solid darken(@footer-ribbon_background-color, 10%); border-top: 16px solid transparent; } span { color: @footer-ribbon_font-color; font-size: 20px; font-family: "Shadows Into Light",cursive; line-height: 1; } } .social-icons { li { display: inline-block; vertical-align: middle; &:first-child a { margin-left: 0; } } > li > a { display: inline-block; width: 30px; height: 30px; background-color: #9e9e9e; line-height: 30px; text-align: center; border-radius: 50%; color: #fff; font-size: 16px; margin-left: 7px; transition: 0.3s background-color; &:hover, &:focus { color: #fff; } &.facebook-link:hover { background-color: #3c599b; } &.twitter-link:hover { background-color: #1ca8e3; } &.linkedin-link:hover { background-color: #4975b6; } } } /*** About US ***/ h2.word-rotator-title { line-height: 30px; font-size: 20px; font-weight: 300; margin: 0 0 20px 0; color: #121214; } .word-rotate { visibility: hidden; width: 100px; height: 0; margin-bottom: -7px; display: inline-block; overflow: hidden; text-align: center; position: relative; h2 & { margin-bottom: -7px } &.active { visibility: visible; width: auto; } .word-rotate-items { position: relative; top: 0; width: 100%; span { display: block; white-space: nowrap; } } } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; color: @theme-color; font-family: "Shadows Into Light",cursive; font-size: 1.6em; } .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: @button-primary__background; border-color: @button-primary__background; &:hover { color: #fff; opacity: 0.85; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; &:hover { text-decoration: none; } &-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } } .push-top { margin-top: 20px; } hr.tall { margin: 30px 0; background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent); background-image: linear-gradient(left,transparent,rgba(0,0,0,.2),transparent); border: 0; height: 1px; } .entry-content { h3 { font-size: 1.7em; font-weight: normal; color: @theme-color; letter-spacing: normal; line-height: 24px; margin-bottom: 33px; text-transform: uppercase; } p { font-size: 14px; line-height: 24px; margin-bottom: 20px; } .lead { font-size: 21px; line-height: 1.4; } } .history { margin: 25px 0; padding: 0; clear: both; .thumb { background: transparent url(../images/history-thumb.png) no-repeat 0 0; width: 227px; height: 160px; margin: 0 0 30px; padding: 0; float: left; img { border-radius: 50%; margin: 7px 8px; width: 145px; height: 145px; } } h4 { float: left; margin: 15px 0; padding: 0; color: @theme-color; line-height: 27px; } p { margin: 0; margin-left: 55px; line-height: 24px; } } .featured-box { background: #f5f5f5; background-color: transparent; background: linear-gradient(to bottom,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent; box-sizing: border-box; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; .box-content { border-radius: 8px; border-top: 4px solid @theme-color; padding: 30px 20px; } h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; text-transform: uppercase; } .block-flickr-photos { border: 0; .block-title { display: none; } a.flickr-image { margin: 5px; display: inline-block; border: 1px solid #dcdcdc; padding: 5px; border-radius: 5px; img { max-width: 100%; width: 75px; } } } } .history .featured-box { text-align: left; margin-left: 225px; margin-bottom: 35px; min-height: 115px; .box-content { border-top-color: @theme-color; } } #newsletter_popup { margin: 0; border-top: 4px solid @theme-color; text-align: left; position: relative; border-radius: 5px; .block-content { max-width: 312px; text-align: center; padding: 6px; } h2 { font-weight: 700; color: #313131; font-size: 16px; line-height: 1; margin: 30px 0 12px; } p { font-size: 13px; line-height: 1.4; } .input-box { padding: 0; } input[type="email"] { float: left; padding: 2px 13px; line-height: 30px; width: 100%; height: 34px; } .actions { float: left; margin-left: -55px; position: relative; z-index: 1; width: 55px; border-left: 1px solid #ccc; } .action.primary { height: 34px; background-color: transparent; color: #555; line-height: 34px; padding: 0; text-align: center; width: 100%; border: 0; } .subscribe-bottom { position: absolute; bottom: 30px; label { font-size: 11px; vertical-align: middle; } } #newsletter_popup_dont_show_again { margin-top: 1px; vertical-align: middle; } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .footer-bottom { & > .container > * { float: none !important; line-height: 35px !important; } } .history { .featured-box { margin-left: 0; } .thumb { display: none; } } }pub/static/frontend/Smartwave/porto/en_US/Smartwave_Porto/css/source/.htaccess000077700000000177151323550660023631 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Porto/css/.htaccess000077700000000177151323550660022331 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Smartwave_Porto/.htaccess000077700000000177151323550660021541 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_AdvancedCheckout/css/source/_module.less000077700000011015151323550660026051 0ustar00// /** // * Copyright © 2018 Porto. All rights reserved. // */ // // Common // _____________________________________________ & when (@media-common = true) { .column { .block-addbysku { .fieldset { margin: 0; .fields { position: relative; .field { display: inline-block; margin-bottom: @indent__s; vertical-align: top; } .actions-toolbar { position: absolute; right: 0; top: 7px; } } } .sku { &:extend(.abs-add-box-sizing all); margin-right: -155px; padding-right: 160px; width: 100%; } .qty { .qty { &:extend(.abs-input-qty all); + .mage-error { width: 80px; } } } .block-content { &:extend(.abs-add-clearfix-desktop all); .box { &:extend(.abs-blocks-2columns all); } .actions-toolbar { clear: both; .lib-actions-toolbar( @_actions-toolbar-actions-position: left, @_actions-toolbar-margin: 0 0 @indent__base ); .lib-actions-toolbar-clear-floats(); > .secondary { text-align: left; } } } .action { &.add { .lib-button-icon( @_icon-font-content: @icon-expand, @_icon-font-text-hide: true, @_icon-font-size: 20px ); line-height: normal; padding: 4px; width: auto; } } .reset { margin: 7px 0; } .note { display: block; margin: 0 0 @indent__base; padding-top: @indent__s; } } } .block-cart-failed { margin: @indent__xl 0; &:extend(.abs-shopping-cart-items all); .block-title { .lib-font-size(@h2__font-size); strong { font-weight: @h2__font-weight; } } .actions { text-align: center; .action { display: block; margin: 0 auto @indent__s; } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .column { .block-addbysku { .sku { margin-right: -85px; padding-right: 90px; } .action { &.remove { .lib-button-icon( @_icon-font-content: @icon-trash, @_icon-font-text-hide: true, @_icon-font-size: 18px, @_icon-font-color: @minicart-icons-color, @_icon-font-margin: -4px 0 0 ); .lib-button-reset(); } } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .block-cart-failed { .block-title { margin: 0 @indent__base @indent__base; } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .column { .block-addbysku { .action { &.remove { .lib-button-reset(); .lib-button-as-link(); margin-top: -4px; } } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-cart-failed { &:extend(.abs-shopping-cart-items-desktop all); .secondary { .action { margin: 0; } } .actions.primary { float: right; } .block-content { &:extend(.abs-add-clearfix-desktop all); } } } pub/static/frontend/Smartwave/porto/en_US/Magento_AdvancedCheckout/css/source/_widgets.less000077700000005345151323550660026243 0ustar00// /** // * Copyright © 2018 Porto. All rights reserved. // */ // // Common // _____________________________________________ & when (@media-common = true) { .sidebar { .block-addbysku { .fieldset { margin: 0; .fields { position: relative; .field { display: inline-block; margin-bottom: @indent__s; vertical-align: top; &.sku { &:extend(.abs-add-box-sizing all); margin-right: -85px; padding-right: 90px; width: 100%; } &.qty { .qty { &:extend(.abs-input-qty all); + .mage-error { width: 80px; } } } } .actions-toolbar { position: absolute; top: 7px; right: 0; } } } .form-addbysku { .actions-toolbar { margin-bottom: @indent__base; .primary { text-align: left; .action { width: auto; } } .secondary { float: none; text-align: left; } } } .action { &.add { .lib-button-icon( @_icon-font-content: @icon-expand, @_icon-font-text-hide: true, @_icon-font-size: 18px ); line-height: normal; padding: 4px; width: auto; } &.links { display: inline-block; margin: @indent__base 0 0; } &.reset { display: block; margin: @indent__s 0; } &.remove { .lib-button-icon( @_icon-font-content: @icon-remove, @_icon-font-text-hide: true, @_icon-font-size: 12px, @_icon-font-color: @color-gray60 ); .lib-button-reset(); } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_AdvancedCheckout/css/source/.htaccess000077700000000177151323550660025342 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_AdvancedCheckout/css/.htaccess000077700000000177151323550660024042 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_AdvancedCheckout/.htaccess000077700000000177151323550660023252 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Klarna_Kp/css/source/_module.less000077700000002136151323550660023052 0ustar00// // Common // _____________________________________________ .klarna-payments-method-cell { display: table-cell; vertical-align: middle; } label.klarna-payments-method-cell { > span { padding-left: 5px; } } span.klarna-payments-method-cell { > img { display: block; } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { /* Overwriting Magento's padding for the method title to make sure our KP methods have the same height as the core methods */ .klarna-payments-method { > .payment-method-title { padding: 11.5px 0; } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { /* Overwriting Magento's padding for the method title to make sure our KP methods have the same height as the core methods */ .klarna-payments-method { > .payment-method-title { padding: 6.5px 0 6.5px 15px; } } } pub/static/frontend/Smartwave/porto/en_US/Klarna_Kp/css/source/.htaccess000077700000000177151323550660022337 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Klarna_Kp/css/.htaccess000077700000000177151323550660021037 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Klarna_Kp/.htaccess000077700000000177151323550660020247 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Rma/css/source/_module.less000077700000006715151323550660023410 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .order-details-items.rma { .order-title { display: none; + .toolbar { display: none; } } } .form-create-return { &:extend(.abs-add-fields all); .additional { &:first-child { margin-top: 0; } } .field.comment { margin-top: 55px; } .actions-toolbar { &:extend(.abs-add-clearfix all); } } .return-status { &:extend(.abs-status all); } .block-returns-comments { .returns-comments { dt, dd { margin: 0; } dt { font-weight: @font-weight__regular; } dd { margin-bottom: 15px; &:last-child { margin-bottom: 0; } } } .fieldset { margin-bottom: @indent__base; } } .magento-rma-returns-returns, .magento-rma-returns-view { &:extend(.abs-title-orders all); } // // Guest return view page //-------------------------------------- .magento-rma-guest-returns { .column.main { .block:not(.widget) { &:extend(.abs-account-blocks all); } } &:extend(.abs-title-orders all); } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .form-create-return { .additional { .field:nth-last-child(2) { margin-bottom: 0; } .field:last-child { margin-top: @form-field__vertical-indent; } } } .magento-rma-returns-returns, .magento-rma-returns-view { &:extend(.abs-title-orders-mobile all); } .account { .column.main { .returns-details-items { .block-returns-tracking { .block-title { > .action.track { float: none; display: block; margin: @indent__s 0 0; } } } } } } .table-wrapper.table-returns { &:extend(.abs-no-border-top all); } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .form-create-return { &:extend(.abs-add-fields-desktop all); &:extend(.abs-form-field-column-2 all); .fieldset .field { width: 45%; } } .return-status { &:extend(.abs-status-desktop all); } .magento-rma-returns-returns, .magento-rma-returns-view { &:extend(.abs-title-orders-desktop all); } .magento-rma-guest-returns { .column.main .block.block-order-details-view { &:extend(.abs-add-clearfix-desktop all); .block-content:not(.widget) .box { &:extend(.abs-add-box-sizing-desktop all); clear: none; float: left; width: 100%/4; } } } .block-returns-tracking { .block-title { .action { margin: 12px 0 0 30px; &.track { float: right; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Rma/css/source/_email.less000077700000000772151323550660023207 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // RMA table styles // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { // Shrink table size on small screens to fit as much as possible without requiring horizontal scrolling .rma-items td, .rma-items th { font-size: @font-size__s !important; padding: 5px !important; } } pub/static/frontend/Smartwave/porto/en_US/Magento_Rma/css/source/.htaccess000077700000000177151323550660022666 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Rma/css/.htaccess000077700000000177151323550660021366 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Rma/.htaccess000077700000000177151323550660020576 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/css/styles-m.css000077700001536277151323550660017706 0ustar00@import '../PHPCuong_Faq/css/faq-extension/style.css'; @import '../PHPCuong_Faq/css/bootstrap.css'; body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { max-width: 100%; height: auto; border: 0; } video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.4; font-size: 1.3rem; } p { margin-top: 0rem; margin-bottom: 0.9rem; } abbr[title] { border-bottom: 1px dotted #cccccc; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f6f6f6; color: #1e1e1e; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #cccccc; margin-bottom: 18px; margin-top: 18px; } sub, sup { font-size: 69.23076923000001%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { font-style: italic; } h1 { font-weight: 300; line-height: 1.1; font-size: 2.5rem; margin-top: 0rem; margin-bottom: 1.8rem; } h2 { font-weight: 300; line-height: 1.1; font-size: 2.5rem; margin-top: 2.25rem; margin-bottom: 1.8rem; } h3 { font-weight: 600; line-height: 1.1; font-size: 1.7rem; margin-top: 1.8rem; margin-bottom: 0.9rem; } h4 { font-weight: 700; line-height: 1.1; font-size: 1.3rem; margin-top: 1.8rem; margin-bottom: 1.8rem; } h5 { font-weight: 700; line-height: 1.1; font-size: 1.2rem; margin-top: 1.8rem; margin-bottom: 1.8rem; } h6 { font-weight: 700; line-height: 1.1; font-size: 1rem; margin-top: 1.8rem; margin-bottom: 1.8rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #0088cc; text-decoration: none; } a:visited, .alink:visited { color: #0088cc; text-decoration: none; } a:hover, .alink:hover { color: #0088cc; text-decoration: underline; } a:active, .alink:active { color: #0088cc; text-decoration: underline; } ul, ol { margin-top: 0rem; margin-bottom: 2.25rem; } ul > li, ol > li { margin-top: 0rem; margin-bottom: 0.9rem; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-bottom: 18px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 4.5px; margin-top: 0; } dd { margin-bottom: 9px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { background: #f6f6f6; color: #555555; padding: 2px 4px; font-size: 1.2rem; white-space: nowrap; } kbd { background: #f6f6f6; color: #555555; padding: 2px 4px; font-size: 1.2rem; } pre { background: #f6f6f6; border: 1px solid #cccccc; color: #555555; line-height: 1.4; margin: 0 0 9px; padding: 9px; font-size: 1.2rem; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #cccccc; margin: 0 0 18px 36px; padding: 0; color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.4; font-size: 1.3rem; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #777777; line-height: 1.4; font-size: 0.9rem; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } table th { text-align: left; } table > tbody > tr > th, table > tfoot > tr > th, table > tbody > tr > td, table > tfoot > tr > td { vertical-align: top; } table > thead > tr > th, table > thead > tr > td { vertical-align: bottom; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 11px 9px; } button { background-image: none; background: #eeeeee; border: 1px solid #cccccc; color: #777777; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.5rem; box-sizing: border-box; vertical-align: middle; } button:focus, button:active { background: #e2e2e2; border: 1px solid #cccccc; color: #777777; } button:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #777777; } button.disabled, button[disabled], fieldset[disabled] button { opacity: 0.5; cursor: default; pointer-events: none; } button::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] { background: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 6px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; height: 38px; line-height: 1.4; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type*="date"]:disabled, input[type="email"]:disabled { opacity: 0.5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type*="date"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #dddddd; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type*="date"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #dddddd; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type*="date"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #dddddd; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } select { background: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 6px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; height: 38px; line-height: 1.4; padding: 4.5px 9px 4px; vertical-align: baseline; width: 100%; box-sizing: border-box; } select:disabled { opacity: 0.5; } select[multiple] { height: auto; background-image: none; } textarea { background: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 6px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; height: auto; line-height: 1.4; margin: 0; padding: 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: vertical; } textarea:disabled { opacity: 0.5; } textarea::-moz-placeholder { color: #dddddd; } textarea::-webkit-input-placeholder { color: #dddddd; } textarea:-ms-input-placeholder { color: #dddddd; } input[type="checkbox"] { margin: 2px 4.5px 0 0; position: relative; top: 2px; } input[type="checkbox"]:disabled { opacity: 0.5; } input[type="radio"] { margin: 2px 4.5px 0 0; } input[type="radio"]:disabled { opacity: 0.5; } input.mage-error, select.mage-error, textarea.mage-error { border-color: #ed8380; } div.mage-error[generated] { color: #e02b27; font-size: 1.2rem; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } address { font-style: normal; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: 0 0 3px 1px #68a8e0; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .bundle-options-container .block-bundle-summary .bundle.items, .product-items, .prices-tier, .search-terms, .cart-summary .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .block-wishlist-management .wishlist-select-items, .order-details-items .items-qty, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider { margin: 0; padding: 0; list-style: none none; } .bundle-options-container .block-bundle-summary .bundle.items > li, .product-items > li, .prices-tier > li, .search-terms > li, .cart-summary .checkout-methods-items > li, .opc-wrapper .opc > li, .opc-progress-bar > li, .checkout-agreements-items > li, .block-wishlist-management .wishlist-select-items > li, .order-details-items .items-qty > li, .block-banners .banner-items > li, .block-banners-inline .banner-items > li, .block-event .slider-panel .slider > li { margin: 0; } .action-primary:focus, .action-primary:active { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; } .action-primary:hover { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; } .action-primary.disabled, .action-primary[disabled], fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; } .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel { border-radius: 3px; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #eeeeee; border: 1px solid #cccccc; color: #777777; cursor: pointer; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.5rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 3px; } .abs-action-link-button:focus, .abs-action-link-button:active, .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #e2e2e2; border: 1px solid #cccccc; color: #777777; } .abs-action-link-button:hover, .block-event .slider-panel .slider .item .action.event:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #777777; } .abs-action-link-button.disabled, .abs-action-link-button[disabled], fieldset[disabled] .abs-action-link-button, .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-link-button:active, .abs-action-link-button:focus, .block-event .slider-panel .slider .item .action.event:hover, .block-event .slider-panel .slider .item .action.event:active, .block-event .slider-panel .slider .item .action.event:focus { text-decoration: none; } .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { line-height: 1.4; padding: 0; color: #0088cc; text-decoration: none; background: none; border: 0; display: inline; border-radius: 0; font-weight: 400; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .abs-discount-block .action.check:visited, .popup .actions-toolbar .action.cancel:visited, .paypal-button-widget .paypal-button:visited, .bundle-options-container .action.back:visited, .block.related .action.select:visited, .cart.table-wrapper .actions-toolbar > .action-delete:visited, .cart.table-wrapper .action.help.map:visited, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:visited, .opc-wrapper .edit-address-link:visited, .opc-block-shipping-information .shipping-information-title .action-edit:visited, .action-auth-toggle:visited, .checkout-payment-method .payment-method-billing-address .action-cancel:visited, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:visited, .checkout-agreements-block .action-show:visited, .gift-options .actions-toolbar .action-cancel:visited, .gift-summary .action-edit:visited, .gift-summary .action-delete:visited, .gift-wrapping-title .action-remove:visited, .wishlist.split.button > .action:visited, .abs-add-fields .action.remove:visited, .paypal-review-discount .action.check:visited, .cart-discount .action.check:visited, .form-giftregistry-share .action.remove:visited, .form-giftregistry-edit .action.remove:visited, .form-add-invitations .action.remove:visited, .form-create-return .action.remove:visited, .form.send.friend .action.remove:visited { color: #0088cc; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover { color: #0088cc; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-discount-block .action.check:active, .popup .actions-toolbar .action.cancel:active, .paypal-button-widget .paypal-button:active, .bundle-options-container .action.back:active, .block.related .action.select:active, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .action.help.map:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .payment-method-billing-address .action-cancel:active, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:active, .checkout-agreements-block .action-show:active, .gift-options .actions-toolbar .action-cancel:active, .gift-summary .action-edit:active, .gift-summary .action-delete:active, .gift-wrapping-title .action-remove:active, .wishlist.split.button > .action:active, .abs-add-fields .action.remove:active, .paypal-review-discount .action.check:active, .cart-discount .action.check:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active { color: #0088cc; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .abs-action-remove:hover, .abs-action-remove:active, .abs-action-remove:focus, .abs-discount-block .action.check:hover, .abs-discount-block .action.check:active, .abs-discount-block .action.check:focus, .popup .actions-toolbar .action.cancel:hover, .popup .actions-toolbar .action.cancel:active, .popup .actions-toolbar .action.cancel:focus, .paypal-button-widget .paypal-button:hover, .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:focus, .bundle-options-container .action.back:hover, .bundle-options-container .action.back:active, .bundle-options-container .action.back:focus, .block.related .action.select:hover, .block.related .action.select:active, .block.related .action.select:focus, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:focus, .cart.table-wrapper .action.help.map:hover, .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:focus, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:focus, .opc-wrapper .edit-address-link:hover, .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:focus, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:focus, .action-auth-toggle:hover, .action-auth-toggle:active, .action-auth-toggle:focus, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:active, .checkout-payment-method .payment-method-billing-address .action-cancel:focus, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:active, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:focus, .checkout-agreements-block .action-show:hover, .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:focus, .gift-options .actions-toolbar .action-cancel:hover, .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:focus, .gift-summary .action-edit:hover, .gift-summary .action-edit:active, .gift-summary .action-edit:focus, .gift-summary .action-delete:hover, .gift-summary .action-delete:active, .gift-summary .action-delete:focus, .gift-wrapping-title .action-remove:hover, .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:focus, .wishlist.split.button > .action:hover, .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .abs-add-fields .action.remove:hover, .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:focus, .paypal-review-discount .action.check:hover, .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:focus, .cart-discount .action.check:hover, .cart-discount .action.check:active, .cart-discount .action.check:focus, .form-giftregistry-share .action.remove:hover, .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:focus, .form-giftregistry-edit .action.remove:hover, .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:focus, .form-add-invitations .action.remove:hover, .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:focus, .form-create-return .action.remove:hover, .form-create-return .action.remove:active, .form-create-return .action.remove:focus, .form.send.friend .action.remove:hover, .form.send.friend .action.remove:active, .form.send.friend .action.remove:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .abs-action-remove.disabled, .abs-action-remove[disabled], fieldset[disabled] .abs-action-remove, .abs-discount-block .action.check.disabled, .abs-discount-block .action.check[disabled], fieldset[disabled] .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel.disabled, .popup .actions-toolbar .action.cancel[disabled], fieldset[disabled] .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button.disabled, .paypal-button-widget .paypal-button[disabled], fieldset[disabled] .paypal-button-widget .paypal-button, .bundle-options-container .action.back.disabled, .bundle-options-container .action.back[disabled], fieldset[disabled] .bundle-options-container .action.back, .block.related .action.select.disabled, .block.related .action.select[disabled], fieldset[disabled] .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete.disabled, .cart.table-wrapper .actions-toolbar > .action-delete[disabled], fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map.disabled, .cart.table-wrapper .action.help.map[disabled], fieldset[disabled] .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup.disabled, .checkout-index-index .modal-popup .modal-footer .action-hide-popup[disabled], fieldset[disabled] .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link.disabled, .opc-wrapper .edit-address-link[disabled], fieldset[disabled] .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit.disabled, .opc-block-shipping-information .shipping-information-title .action-edit[disabled], fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle.disabled, .action-auth-toggle[disabled], fieldset[disabled] .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel.disabled, .checkout-payment-method .payment-method-billing-address .action-cancel[disabled], fieldset[disabled] .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address.disabled, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address[disabled], fieldset[disabled] .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show.disabled, .checkout-agreements-block .action-show[disabled], fieldset[disabled] .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel.disabled, .gift-options .actions-toolbar .action-cancel[disabled], fieldset[disabled] .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit.disabled, .gift-summary .action-edit[disabled], fieldset[disabled] .gift-summary .action-edit, .gift-summary .action-delete.disabled, .gift-summary .action-delete[disabled], fieldset[disabled] .gift-summary .action-delete, .gift-wrapping-title .action-remove.disabled, .gift-wrapping-title .action-remove[disabled], fieldset[disabled] .gift-wrapping-title .action-remove, .wishlist.split.button > .action.disabled, .wishlist.split.button > .action[disabled], fieldset[disabled] .wishlist.split.button > .action, .abs-add-fields .action.remove.disabled, .abs-add-fields .action.remove[disabled], fieldset[disabled] .abs-add-fields .action.remove, .paypal-review-discount .action.check.disabled, .paypal-review-discount .action.check[disabled], fieldset[disabled] .paypal-review-discount .action.check, .cart-discount .action.check.disabled, .cart-discount .action.check[disabled], fieldset[disabled] .cart-discount .action.check, .form-giftregistry-share .action.remove.disabled, .form-giftregistry-share .action.remove[disabled], fieldset[disabled] .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove.disabled, .form-giftregistry-edit .action.remove[disabled], fieldset[disabled] .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove.disabled, .form-add-invitations .action.remove[disabled], fieldset[disabled] .form-add-invitations .action.remove, .form-create-return .action.remove.disabled, .form-create-return .action.remove[disabled], fieldset[disabled] .form-create-return .action.remove, .form.send.friend .action.remove.disabled, .form.send.friend .action.remove[disabled], fieldset[disabled] .form.send.friend .action.remove { color: #0088cc; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-remove:active, .abs-action-remove:not(:focus), .abs-discount-block .action.check:active, .abs-discount-block .action.check:not(:focus), .popup .actions-toolbar .action.cancel:active, .popup .actions-toolbar .action.cancel:not(:focus), .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:not(:focus), .bundle-options-container .action.back:active, .bundle-options-container .action.back:not(:focus), .block.related .action.select:active, .block.related .action.select:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:not(:focus), .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:not(:focus), .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:not(:focus), .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:not(:focus), .action-auth-toggle:active, .action-auth-toggle:not(:focus), .checkout-payment-method .payment-method-billing-address .action-cancel:active, .checkout-payment-method .payment-method-billing-address .action-cancel:not(:focus), .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:active, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:not(:focus), .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:not(:focus), .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:not(:focus), .gift-summary .action-edit:active, .gift-summary .action-edit:not(:focus), .gift-summary .action-delete:active, .gift-summary .action-delete:not(:focus), .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:not(:focus), .wishlist.split.button > .action:active, .wishlist.split.button > .action:not(:focus), .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:not(:focus), .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:not(:focus), .cart-discount .action.check:active, .cart-discount .action.check:not(:focus), .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:not(:focus), .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:not(:focus), .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:not(:focus), .form-create-return .action.remove:active, .form-create-return .action.remove:not(:focus), .form.send.friend .action.remove:active, .form.send.friend .action.remove:not(:focus) { box-shadow: none; } #store-selector .form-continue .actions-toolbar .action.primary, .form-address-edit .actions-toolbar .action.vertex-secondary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .multicheckout .action.primary { line-height: 1; padding: 0 17px; } .cart.table-wrapper .item-options dt, .block-giftregistry-shared-items .product .item-options dt, .multicheckout .item-options dt { float: left; clear: left; margin: 0 9px 4.5px 0; } .cart.table-wrapper .item-options dt:after, .block-giftregistry-shared-items .product .item-options dt:after, .multicheckout .item-options dt:after { content: ': '; } .cart.table-wrapper .item-options dd, .block-giftregistry-shared-items .product .item-options dd, .multicheckout .item-options dd { float: left; display: inline-block; margin: 0 0 4.5px; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart { width: 100%; } .products-list .product-image-wrapper, .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper { height: auto; padding: 0 !important; } .products-list .product-image-wrapper .product-image-photo, .cart.table-wrapper .product-image-wrapper .product-image-photo, .minicart-items .product-image-wrapper .product-image-photo, .block-giftregistry-shared-items .product-image-wrapper .product-image-photo { position: static; } .product.media .product.photo .photo.image { display: block; height: auto; max-width: 100%; margin: 0 auto; } .amazon-validate-container .block .block-title, .login-container .block .block-title { margin-bottom: 15px; font-size: 1.8rem; } .amazon-validate-container .block .block-title strong, .login-container .block .block-title strong { font-weight: 400; } .giftregisty-dropdown, .wishlist-dropdown { display: inline-block; position: relative; } .abs-dropdown-simple:before, .abs-dropdown-simple:after, .giftregisty-dropdown:before, .giftregisty-dropdown:after, .wishlist-dropdown:before, .wishlist-dropdown:after { content: ''; display: table; } .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { clear: both; } .abs-dropdown-simple .action.toggle, .giftregisty-dropdown .action.toggle, .wishlist-dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after, .giftregisty-dropdown .action.toggle:after, .wishlist-dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after, .giftregisty-dropdown .action.toggle:hover:after, .wishlist-dropdown .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after, .giftregisty-dropdown .action.toggle:active:after, .wishlist-dropdown .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active, .giftregisty-dropdown .action.toggle.active, .wishlist-dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after, .giftregisty-dropdown .action.toggle.active:after, .wishlist-dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\f804'; font-family: 'porto-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after, .giftregisty-dropdown .action.toggle.active:hover:after, .wishlist-dropdown .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after, .giftregisty-dropdown .action.toggle.active:active:after, .wishlist-dropdown .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown, .giftregisty-dropdown ul.dropdown, .wishlist-dropdown ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li, .giftregisty-dropdown ul.dropdown li, .wishlist-dropdown ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover, .giftregisty-dropdown ul.dropdown li:hover, .wishlist-dropdown ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:before, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active, .giftregisty-dropdown.active, .wishlist-dropdown.active { overflow: visible; } .abs-dropdown-simple.active ul.dropdown, .giftregisty-dropdown.active ul.dropdown, .wishlist-dropdown.active ul.dropdown { display: block; } .giftregisty-dropdown ul.items, .wishlist-dropdown ul.items { padding: 6px 0; } .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .box-tocart .input-text.qty, .account .data.table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .col.qty .control.qty .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { width: 54px; text-align: center; } .block, .customer-review .product-details, .block-banners, .block-banners-inline { margin-bottom: 36px; } .sidebar .product-items .action.delete, .table-comparison .cell.remove .action.delete, .block-compare .action.delete, .filter-current .action.remove { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .sidebar .product-items .action.delete > span, .table-comparison .cell.remove .action.delete > span, .block-compare .action.delete > span, .filter-current .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before, .sidebar .product-items .action.delete:before, .table-comparison .cell.remove .action.delete:before, .block-compare .action.delete:before, .filter-current .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 15px; color: #999999; content: '\f819'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before, .sidebar .product-items .action.delete:hover:before, .table-comparison .cell.remove .action.delete:hover:before, .block-compare .action.delete:hover:before, .filter-current .action.remove:hover:before { color: #494949; } .abs-remove-button-for-blocks:active:before, .sidebar .product-items .action.delete:active:before, .table-comparison .cell.remove .action.delete:active:before, .block-compare .action.delete:active:before, .filter-current .action.remove:active:before { color: #999999; } .product-item-name, .product.name a { font-weight: 400; } .product-item-name > a, .product.name a > a { color: #777777; text-decoration: none; } .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited { color: #777777; text-decoration: underline; } .abs-product-link > a:hover, .product-item-name > a:hover, .product.name a > a:hover { color: #777777; text-decoration: underline; } .abs-product-link > a:active, .product-item-name > a:active, .product.name a > a:active { color: #777777; text-decoration: underline; } .abs-like-link:visited { color: #0088cc; text-decoration: none; } .abs-like-link:hover { color: #0088cc; text-decoration: underline; } .abs-like-link:active { color: #0088cc; text-decoration: underline; } .form.giftregistry.items .actions-toolbar, .form.wishlist.items .actions-toolbar { margin-left: 0; } .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { width: auto; line-height: normal; position: absolute; top: 34px; margin-left: 73%; } .form-giftregistry-share .fieldset .field .control, .form-giftregistry-edit .fieldset .field .control, .form-add-invitations .fieldset .field .control, .form-create-return .fieldset .field .control, .form.send.friend .fieldset .field .control { width: 70%; } .form-giftregistry-share .fieldset .actions-toolbar > .secondary, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary, .form-add-invitations .fieldset .actions-toolbar > .secondary, .form-create-return .fieldset .actions-toolbar > .secondary, .form.send.friend .fieldset .actions-toolbar > .secondary { float: left; } .form-giftregistry-share .fieldset .actions-toolbar > .secondary .action.add, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary .action.add, .form-add-invitations .fieldset .actions-toolbar > .secondary .action.add, .form-create-return .fieldset .actions-toolbar > .secondary .action.add, .form.send.friend .fieldset .actions-toolbar > .secondary .action.add { margin-top: 27px; } .form-giftregistry-share .fieldset .fields .actions-toolbar, .form-giftregistry-edit .fieldset .fields .actions-toolbar, .form-add-invitations .fieldset .fields .actions-toolbar, .form-create-return .fieldset .fields .actions-toolbar, .form.send.friend .fieldset .fields .actions-toolbar { margin: 0; } .form-giftregistry-share .additional, .form-giftregistry-edit .additional, .form-add-invitations .additional, .form-create-return .additional, .form.send.friend .additional { margin-top: 55px; position: relative; } .form-giftregistry-share .message.notice, .form-giftregistry-edit .message.notice, .form-add-invitations .message.notice, .form-create-return .message.notice, .form.send.friend .message.notice { margin: 27px 0 0; } .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: 0; visibility: hidden; } .opc-wrapper .form-discount .field .label, .bundle-options-container .block-bundle-summary .product-image-container, .bundle-options-container .block-bundle-summary .product.name, .bundle-options-container .block-bundle-summary .stock, .product-item-actions .actions-secondary.action span, .modes-label, .special-price .price-label, .table-comparison .cell.label.remove span, .table-comparison .cell.label.product span, .block.related .field.choice .label, .cart.table-wrapper .col.qty .label, .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .checkout-index-index .page-title-wrapper, .checkout-onepage-success .page-title-wrapper, .checkout-payment-method .field-select-billing > .label, .checkout-payment-method .payments .legend, .checkout-payment-method .ccard .legend, .field.street .field.additional .label, .block-balance .balance-price-label, .page-product-downloadable .product-options-wrapper .fieldset .legend.links-title, .page-product-giftcard .fieldset.giftcard > .legend, .opc-wrapper .form-giftcard-account .field .label, .form-add-invitations .fields .label, .filter-options-content .filter-count-label, .table-comparison .wishlist.split.button > .action.split span, .product-items .wishlist.split.button > .action.split span, .page-multiple-wishlist .page-title-wrapper .page-title, .block-wishlist-search-form .form-wishlist-search .fieldset > .legend, .multicheckout .table-wrapper .col .label, .multicheckout .block .methods-shipping .item-content .fieldset > .legend, .block.newsletter .label, .review-date .review-details-label, .customer-review .product-details .rating-average-label, .block-reorder .product-item .label, .action.skip:not(:focus), .page-header .switcher .label, .page-footer .switcher .label, .products-grid.wishlist .product-item .comment-box .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .shipping-policy-block.field-tooltip .field-tooltip-action span { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-add-clearfix:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:before, .abs-add-fields .fieldset .actions-toolbar:after, .bundle-options-container .product-options-wrapper .field.choice .label:before, .bundle-options-container .product-options-wrapper .field.choice .label:after, .bundle-options-container .product-options-wrapper .field.choice .label:before, .bundle-options-container .product-options-wrapper .field.choice .label:after, .toolbar:before, .toolbar:after, .sidebar .product-items-images:before, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:before, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:before, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:before, .minicart-items .product-item > .product:after, .checkout-container:before, .checkout-container:after, .opc-estimated-wrapper:before, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:before, .opc-wrapper .field.addresses:after, .page-product-downloadable .product-add-form:before, .page-product-downloadable .product-add-form:after, .gift-item-block .content:before, .gift-item-block .content:after, .order-details-items .order-gift-message:before, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:before, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:before, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:before, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:before, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:before, .table-order-items .gift-wrapping .content:after, .map-popup .map-info-price:before, .map-popup .map-info-price:after, .multicheckout .item-options:before, .multicheckout .item-options:after, .multicheckout .block:before, .multicheckout .block:after, .multicheckout .block-content:before, .multicheckout .block-content:after, .customer-review .product-details:before, .customer-review .product-details:after, .form-create-return .actions-toolbar:before, .form-create-return .actions-toolbar:after, .header.content:before, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:before, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:before, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:before, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:before, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:before, .form.send.friend .fieldset .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:after, .bundle-options-container .product-options-wrapper .field.choice .label:after, .bundle-options-container .product-options-wrapper .field.choice .label:after, .toolbar:after, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .checkout-container:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .page-product-downloadable .product-add-form:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .form-create-return .actions-toolbar:after, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:after { clear: both; } .abs-field-date .control, .abs-field-tooltip, .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional, .column .block-addbysku .sku, .product-item, .sidebar .product-items-images .product-item, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .block-event .slider-panel .slider .item .action.show, .sidebar .block-addbysku .fieldset .fields .field.sku, .form.search.advanced .fields.range .field.date .control, .field .control._with-tooltip, .form-giftregistry-edit .field.date .control { box-sizing: border-box; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\f804'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 4.5px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist { color: #999999; vertical-align: middle; text-transform: uppercase; font-weight: 600; letter-spacing: .05em; width: 32px; height: 32px; line-height: 30px; border: 1px solid #999999; border-radius: 5px; display: inline-block; text-decoration: none; } .abs-actions-addto:before, .bundle-options-container .block-bundle-summary .product-addto-links > .action:before, .product-item-actions .actions-secondary.action:before, .action.tocompare:before, .product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before, .wishlist.split.button > .action.split:before, .product-social-links .action.mailto.friend:before, .moved-add-to-links .action.mailto.friend:before, .product-social-links .action.towishlist:before, .product-addto-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; line-height: inherit; color: inherit; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .product-item-actions .actions-secondary.action:hover, .action.tocompare:hover, .product-addto-links .action.tocompare:hover, .moved-add-to-links .action.tocompare:hover, .product-social-links .action.tocompare:hover, .wishlist.split.button > .action.split:hover, .product-social-links .action.mailto.friend:hover, .moved-add-to-links .action.mailto.friend:hover, .product-social-links .action.towishlist:hover, .product-addto-links .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .product-item .action.towishlist:hover, .table-comparison .action.towishlist:hover { text-decoration: none; } .bundle-options-container .block-bundle-summary .product-addto-links > .action:before, .product-item-actions .actions-secondary.action:before, .action.tocompare:before, .product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before, .wishlist.split.button > .action.split:before, .product-social-links .action.mailto.friend:before, .moved-add-to-links .action.mailto.friend:before, .product-social-links .action.towishlist:before, .product-addto-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { display: block; } .bundle-options-container .block-bundle-summary .box-tocart, .box-tocart { margin: 0 0 27px; } .abs-cart-block > .title, .abs-discount-block .block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title { border-top: 1px solid #cccccc; cursor: pointer; margin-bottom: 0; position: relative; padding: 9px 36px 9px 15px; display: block; text-decoration: none; } .abs-cart-block > .title:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { position: absolute; right: 18px; top: 9px; } .abs-toggling-title > span, .abs-cart-block > .title > span, .abs-discount-block .block > .title > span, .cart-summary .block > .title > span, .paypal-review-discount .block > .title > span, .cart-discount .block > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-toggling-title:after, .abs-cart-block > .title:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-discount-block .block, .cart-summary .block, .paypal-review-discount .block, .cart-discount .block { margin: 0; } .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { color: #858585; } .abs-discount-block .block .content, .cart-summary .block .content, .paypal-review-discount .block .content, .cart-discount .block .content { display: none; padding: 5px 15px 23px; position: relative; } .abs-cart-block.active > .title:after, .abs-discount-block .block.active > .title:after, .cart-summary .block.active > .title:after, .paypal-review-discount .block.active > .title:after, .cart-discount .block.active > .title:after { content: '\f804'; } .abs-discount-block .block.active .content, .cart-summary .block.active .content, .paypal-review-discount .block.active .content, .cart-discount .block.active .content { display: block; } .multicheckout .table-wrapper .cart-price { font-size: 1.4rem; font-weight: 400; } .multicheckout .table-wrapper .product-item-name { font-size: 1.4rem; font-weight: 300; margin: 0; } .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-information .box-content, .box-newsletter .box-content { line-height: 24px; } .paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.price .price-including-tax, .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax { color: #444444; display: block; font-size: 1.3rem; line-height: 1; white-space: nowrap; } .paypal-review .table-paypal-review-items .col.price .price-including-tax .price, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.price .price-including-tax .price, .cart.table-wrapper .col.price .price-excluding-tax .price, .cart.table-wrapper .col.subtotal .price-including-tax .price, .cart.table-wrapper .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.msrp .price-including-tax .price, .cart.table-wrapper .col.msrp .price-excluding-tax .price, .order-details-items .col.price .price-including-tax .price, .order-details-items .col.price .price-excluding-tax .price, .order-details-items .col.subtotal .price-including-tax .price, .order-details-items .col.subtotal .price-excluding-tax .price { font-weight: 400; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-excluding-tax, .cart-summary .price-including-tax, .cart-summary .price-excluding-tax, .gift-summary .price-including-tax, .gift-summary .price-excluding-tax, .gift-options .price-including-tax, .gift-options .price-excluding-tax { display: inline-block; font-size: 1.4rem; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax, .cart-summary .price-including-tax + .price-excluding-tax, .gift-summary .price-including-tax + .price-excluding-tax, .gift-options .price-including-tax + .price-excluding-tax { display: inline-block; font-size: 1.1rem; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .cart-summary .price-including-tax + .price-excluding-tax:before, .gift-summary .price-including-tax + .price-excluding-tax:before, .gift-options .price-including-tax + .price-excluding-tax:before { content: "(" attr(data-label) ": "; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .cart-summary .price-including-tax + .price-excluding-tax:after, .gift-summary .price-including-tax + .price-excluding-tax:after, .gift-options .price-including-tax + .price-excluding-tax:after { content: ")"; } .price-including-tax .cart-tax-total, .price-excluding-tax .cart-tax-total, .paypal-review .table-paypal-review-items .cart-tax-total, .cart.table-wrapper .cart-tax-total, .order-details-items .cart-tax-total { cursor: pointer; position: relative; padding-right: 9px; display: inline-block; text-decoration: none; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; line-height: 8px; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { position: absolute; right: -2px; top: 4px; } .abs-tax-total-expanded:after, .price-including-tax .cart-tax-total-expanded:after, .price-excluding-tax .cart-tax-total-expanded:after, .paypal-review .table-paypal-review-items .cart-tax-total-expanded:after, .cart.table-wrapper .cart-tax-total-expanded:after, .order-details-items .cart-tax-total-expanded:after { content: '\f804'; } .giftcard-account .form-giftcard-redeem .fieldset, .form-giftregistry-create .fieldset { margin-bottom: 18px; } .review-ratings .rating-summary, .customer-review .review-details .customer-review-rating .rating-summary { display: table-row; } .review-ratings .rating-label, .customer-review .review-details .customer-review-rating .rating-label { display: table-cell; vertical-align: top; padding-top: 1px; padding-right: 22.5px; padding-bottom: 4.5px; } .review-ratings .rating-result, .customer-review .review-details .customer-review-rating .rating-result { vertical-align: top; display: table-cell; } .block-addresses-list .items.addresses .item.actions .action:after, .account .data.table .col.actions .action:after, [class^="sales-guest-"] .data.table .col.actions .action:after, .sales-guest-view .data.table .col.actions .action:after, .block .box-actions .action:after { content: ""; display: inline-block; height: 12px; margin: 0 9px; border-left: 1px solid #eaeaea; vertical-align: -1px; } .block-addresses-list .items.addresses .item.actions .action:last-child:after, .account .data.table .col.actions .action:last-child:after, [class^="sales-guest-"] .data.table .col.actions .action:last-child:after, .sales-guest-view .data.table .col.actions .action:last-child:after, .block .box-actions .action:last-child:after { display: none; } .paypal-review .block .block-title > .action, .account .column.main .block:not(.widget) .block-title > .action, .multicheckout .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action { float: right; font-size: 13px; line-height: 19px; } .paypal-review .block .box-title, .account .column.main .block:not(.widget) .box-title, .multicheckout .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^="sales-guest-"] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title { display: block; } .paypal-review .block .box-title > .action, .account .column.main .block:not(.widget) .box-title > .action, .multicheckout .box-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action, [class^="sales-guest-"] .column.main .block:not(.widget) .box-title > .action, .sales-guest-view .column.main .block:not(.widget) .box-title > .action { font-weight: 400; margin-left: 9px; } .block-minicart .subtotal .label:after, .minicart-items .details-qty .label:after, .minicart-items .price-minicart .label:after, .order-details-items .order-gift-message .label:after, .order-details-items .block-order-details-gift-message .label:after, .block-wishlist-management .wishlist-select .wishlist-name-label:after { content: ": "; } .abs-dropdown-items-new .action.new, .wishlist.split.button .action.new, .wishlist-dropdown .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .items .item:last-child:hover, .wishlist-dropdown .items .item:last-child:hover { background: #e8e8e8; } .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { margin-left: -17px; margin-right: 4.5px; } .abs-sidebar-totals .table-caption, .sidebar .subtitle, .cart-summary .block .fieldset.estimate > .legend, .cart-summary .block .fieldset.estimate > .legend + br, .minicart-items .product-item-details .weee[data-label] .label, .page-product-giftcard .fieldset.giftcard > .legend + br, .order-details-items .order-items .order-gift-message .action.close, .multicheckout .block .methods-shipping .item-content .fieldset > .legend + br, .multicheckout .hidden, [class^="multishipping-"] .nav-sections, [class^="multishipping-"] .nav-toggle, .no-display, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption { display: none; } .return-status, .order-status { border: 2px solid #cccccc; border-radius: 3px; display: inline-block; padding: 0 9px; text-transform: uppercase; vertical-align: top; } .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title { color: #0088cc; font-size: 20px; margin: 0 0 15px; font-weight: 400; } .magento-rma-returns-returns .page-main .page-title-wrapper .order-date, .magento-rma-returns-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date, .account .page-main .page-title-wrapper .order-date, [class^="sales-guest-"] .page-main .page-title-wrapper .order-date, .sales-guest-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date { font-size: 13px; margin-bottom: 9px; } .magento-rma-returns-returns .page-main .page-title-wrapper .order-date .label, .magento-rma-returns-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label, .account .page-main .page-title-wrapper .order-date .label, [class^="sales-guest-"] .page-main .page-title-wrapper .order-date .label, .sales-guest-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label { display: none; } .account .column.main .order-details-items .table-wrapper .data.table, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table, .block-giftregistry-results .data.table, .block-wishlist-search-results .data.table, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table { border: none; } .abs-table-striped > tbody > tr:nth-child(even) > td, .abs-table-striped > tbody > tr:nth-child(even) > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > td, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > th, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > td, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th { background: #f6f6f6; } .abs-table-striped > thead > tr > th, .abs-table-striped > tbody > tr > th, .abs-table-striped > tfoot > tr > th, .abs-table-striped > thead > tr > td, .abs-table-striped > tbody > tr > td, .abs-table-striped > tfoot > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > tbody > tr > th, .block-giftregistry-results .data.table > tfoot > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-giftregistry-results .data.table > tbody > tr > td, .block-giftregistry-results .data.table > tfoot > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > tbody > tr > th, .block-wishlist-search-results .data.table > tfoot > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > tbody > tr > td, .block-wishlist-search-results .data.table > tfoot > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td { border: none; } .abs-table-striped > thead > tr > th, .abs-table-striped > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td { border-bottom: 1px solid #cccccc; } .block-compare .counter, .block-wishlist .counter { color: #c1c1c1; font-size: 1.2rem; white-space: nowrap; } .block-compare .block-title, .block-reorder .block-title, .widget .block-title, .block-wishlist .block-title { margin: 0 0 18px; } .block-compare .block-title strong, .block-reorder .block-title strong, .widget .block-title strong, .block-wishlist .block-title strong { font-size: 16px; font-weight: 600; color: #000; } .block-cart-failed, .cart-container .form-cart { margin-bottom: 18px; } .block-cart-failed .actions.main .continue, .block-cart-failed .actions.main .clear, .cart-container .form-cart .actions.main .continue, .cart-container .form-cart .actions.main .clear { display: none; } .form.search.advanced .fields.range .field.date .control, .form-giftregistry-edit .field.date .control { position: relative; } .abs-field-date input, .form-giftregistry-search .fields-specific-options .datetime-picker, .form.search.advanced .fields.range .field.date input, .form-giftregistry-edit .field.date input { margin-right: 9px; width: calc(100% - (23px + 9px)); } .field .control._with-tooltip { position: relative; } .field .control._with-tooltip input { margin-right: 9px; width: calc(100% - (21px + 9px + 4.5px)); } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content, .shipping-policy-block.field-tooltip .field-tooltip-content { right: -9px; top: 40px; left: auto; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 9px; left: auto; top: 0%; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before { border-bottom-color: #dddddd; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { padding-bottom: 9px; color: #777777; font-weight: 300; font-size: 2.2rem; } .cart-totals, .opc-block-summary .table-totals { border-top: 1px solid #cccccc; padding-top: 10px; } .cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark { border: 0; font-weight: 400; padding: 6px 0; } .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount { border: 0; font-weight: 400; padding: 6px 0 6px 14px; text-align: right; color: #000; } .cart-totals .grand th, .cart-totals .grand td, .opc-block-summary .table-totals .grand th, .opc-block-summary .table-totals .grand td { padding: 11px 0; } .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong { display: inline-block; font-weight: 600; padding: 3px 0 0; } .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark { border-top: 1px solid #cccccc; font-size: 1.8rem; padding-right: 9px; } .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { border-top: 1px solid #cccccc; font-size: 1.8rem; } .cart-totals .msrp, .opc-block-summary .table-totals .msrp { margin-bottom: 9px; } .cart-totals tbody tr:last-child td, .opc-block-summary .table-totals tbody tr:last-child td { padding-bottom: 19px; } .cart-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .amount { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; cursor: pointer; } .cart-totals .totals-tax-summary .amount .price, .opc-block-summary .table-totals .totals-tax-summary .amount .price { position: relative; padding-right: 18px; display: inline-block; text-decoration: none; } .abs-sidebar-totals .totals-tax-summary .amount .price > span, .cart-totals .totals-tax-summary .amount .price > span, .opc-block-summary .table-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { position: absolute; right: 3px; top: 3px; } .cart-totals .totals-tax-summary.expanded .mark, .cart-totals .totals-tax-summary.expanded .amount, .opc-block-summary .table-totals .totals-tax-summary.expanded .mark, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount { border-bottom: 0; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after, .cart-totals .totals-tax-summary.expanded .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after { content: '\f804'; } .cart-totals .totals-tax-details, .opc-block-summary .table-totals .totals-tax-details { display: none; border-bottom: 1px solid #cccccc; } .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown { display: table-row; } .cart-totals .table-wrapper, .opc-block-summary .table-totals .table-wrapper { margin-bottom: 0; } .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong { color: #1979c3; font-weight: 400; } .paypal-review-discount .actions-toolbar, .cart-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -1px; white-space: nowrap; width: auto; } .paypal-review-discount .actions-toolbar .secondary, .cart-discount .actions-toolbar .secondary { bottom: 5px; left: 15px; position: absolute; } .paypal-review-discount .action.check, .cart-discount .action.check { font-weight: 400; } .paypal-review-discount .fieldset, .cart-discount .fieldset { display: table; width: 100%; } .paypal-review-discount .fieldset > .field > .label, .cart-discount .fieldset > .field > .label { display: none; } .paypal-review-discount .field, .cart-discount .field { display: table-cell; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../fonts/opensans/light/opensans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../fonts/opensans/regular/opensans-400.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../fonts/opensans/semibold/opensans-600.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../fonts/opensans/bold/opensans-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } .items { margin: 0; padding: 0; list-style: none none; } .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .columns .column.main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; padding-bottom: 36px; -ms-flex-order: 1; -webkit-order: 1; order: 1; max-width: 100%; } .columns .sidebar-main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 1; -webkit-order: 1; order: 1; max-width: 100%; } .columns .sidebar-additional { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; max-width: 100%; } .page-main { padding-top: 20px; padding-bottom: 50px; } .page-main > .page-title-wrapper .page-title { font-size: 20px; margin: 0 0 15px; color: #0088cc; } .table { margin-bottom: 0; } th.mark { background-color: transparent; } .table-wrapper { margin-bottom: 18px; } table > caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table tfoot { border-top: 1px solid #ccc; } .table tfoot > tr:first-child th, .table tfoot > tr:first-child td { border-top: 1px solid #cccccc; padding-top: 18px; } .table tfoot th, .table tfoot td { border: 0; } .table tfoot .mark { font-weight: 400; text-align: right; } .message.info { margin: 0 0 9px; padding: 12px 18px 12px 22.5px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.info a { color: #0088cc; } .message.info a:hover { color: #0088cc; } .message.info a:active { color: #0088cc; } .message.info > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\f84a'; font-family: 'porto-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.error { margin: 0 0 9px; padding: 12px 18px 12px 22.5px; display: block; font-size: 1.3rem; background: #fae5e5; color: #e02b27; padding-left: 45px; position: relative; } .message.error a { color: #0088cc; } .message.error a:hover { color: #0088cc; } .message.error a:active { color: #0088cc; } .message.error > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #b30000; content: '\f847'; font-family: 'porto-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.warning { margin: 0 0 9px; padding: 12px 18px 12px 22.5px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.warning a { color: #0088cc; } .message.warning a:hover { color: #0088cc; } .message.warning a:active { color: #0088cc; } .message.warning > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\f84a'; font-family: 'porto-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.notice { margin: 0 0 9px; padding: 12px 18px 12px 22.5px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.notice a { color: #0088cc; } .message.notice a:hover { color: #0088cc; } .message.notice a:active { color: #0088cc; } .message.notice > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\f84a'; font-family: 'porto-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.success { margin: 0 0 9px; padding: 12px 18px 12px 22.5px; display: block; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 45px; position: relative; } .message.success a { color: #0088cc; } .message.success a:hover { color: #0088cc; } .message.success a:active { color: #0088cc; } .message.success > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #006400; content: '\f846'; font-family: 'porto-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .panel.header .links, .panel.header .switcher { display: none; } .nav-toggle { display: inline-block; text-decoration: none; cursor: pointer; display: block; font-size: 0; float: left; line-height: 60px; margin-right: 20px; position: relative; z-index: 1; } .nav-toggle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 25px; line-height: inherit; color: #0088cc; content: '\f827'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-toggle:hover:before { color: #0088cc; } .nav-toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #777777; line-height: 1.4; border: 1px solid #bbbbbb; margin-top: 5px; left: 0; top: 100%; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { bottom: 100%; } .tooltip.wrapper .tooltip.content:after { border-bottom-color: #ffffff; left: 15px; margin-left: -5px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbbbbb; left: 15px; margin-left: -6px; } .tooltip.wrapper .tooltip.toggle { cursor: help; } .tooltip.wrapper .tooltip.toggle:hover + .tooltip.content, .tooltip.wrapper .tooltip.toggle:focus + .tooltip.content, .tooltip.wrapper:hover .tooltip.content { display: block; } .tooltip.wrapper .tooltip.content dl { margin-bottom: 0; } .tooltip.wrapper .tooltip.content dd { white-space: normal; } .tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .tooltip.wrapper .tooltip.content .label { margin-top: 9px; } .tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; } .tooltip.wrapper .tooltip.content .values { margin: 0; } .ui-tooltip { position: absolute; z-index: 9999; } .load.indicator { background-color: rgba(255, 255, 255, 0.7); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; } .load.indicator:before { background: transparent url('../images/loader-2.gif') no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .load.indicator > span { display: none; } .loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.5); } .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } .loading-mask .loader > p { display: none; } body > .loading-mask { z-index: 9999; } ._block-content-loading { position: relative; } [data-role='main-css-loader'] { display: none; } .fieldset { border: 0; margin: 0 0 36px; padding: 0; letter-spacing: -.31em; } .fieldset > * { letter-spacing: normal; } .fieldset > .legend { margin: 0 0 18px; padding: 0 0 9px; width: 100%; box-sizing: border-box; float: left; font-weight: 300; line-height: 1.2; font-size: 1.8rem; } .fieldset > .legend + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .fieldset:last-child { margin-bottom: 0; } .fieldset > .field, .fieldset > .fields > .field { margin: 0 0 18px; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { margin: 0 0 8px; display: inline-block; } .fieldset > .field:last-child, .fieldset > .fields > .field:last-child { margin-bottom: 0; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { font-weight: 400; font-size: 1.4rem; } .fieldset > .field > .label + br, .fieldset > .fields > .field > .label + br { display: none; } .fieldset > .field .choice input, .fieldset > .fields > .field .choice input { vertical-align: top; } .fieldset > .field .fields.group:before, .fieldset > .fields > .field .fields.group:before, .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { content: ''; display: table; } .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { clear: both; } .fieldset > .field .fields.group .field, .fieldset > .fields > .field .fields.group .field { box-sizing: border-box; float: left; } .fieldset > .field .fields.group.group-2 .field, .fieldset > .fields > .field .fields.group.group-2 .field { width: 50% !important; } .fieldset > .field .fields.group.group-3 .field, .fieldset > .fields > .field .fields.group.group-3 .field { width: 33.3% !important; } .fieldset > .field .fields.group.group-4 .field, .fieldset > .fields > .field .fields.group.group-4 .field { width: 25% !important; } .fieldset > .field .fields.group.group-5 .field, .fieldset > .fields > .field .fields.group.group-5 .field { width: 20% !important; } .fieldset > .field .addon, .fieldset > .fields > .field .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; width: 100%; } .fieldset > .field .addon textarea, .fieldset > .fields > .field .addon textarea, .fieldset > .field .addon select, .fieldset > .fields > .field .addon select, .fieldset > .field .addon input, .fieldset > .fields > .field .addon input { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore, .fieldset > .field .addon .addafter, .fieldset > .fields > .field .addon .addafter { background: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 6px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; height: 38px; line-height: 1.4; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .fieldset > .field .addon .addbefore:disabled, .fieldset > .fields > .field .addon .addbefore:disabled, .fieldset > .field .addon .addafter:disabled, .fieldset > .fields > .field .addon .addafter:disabled { opacity: 0.5; } .fieldset > .field .addon .addbefore::-moz-placeholder, .fieldset > .fields > .field .addon .addbefore::-moz-placeholder, .fieldset > .field .addon .addafter::-moz-placeholder, .fieldset > .fields > .field .addon .addafter::-moz-placeholder { color: #dddddd; } .fieldset > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .field .addon .addafter::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder { color: #dddddd; } .fieldset > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .field .addon .addafter:-ms-input-placeholder, .fieldset > .fields > .field .addon .addafter:-ms-input-placeholder { color: #dddddd; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore { float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .fieldset > .field .additional, .fieldset > .fields > .field .additional { margin-top: 9px; } .fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 4.5px; } .fieldset > .field .note, .fieldset > .fields > .field .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; } .fieldset > .field .note:before, .fieldset > .fields > .field .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 12px; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .fieldset > .field.no-label > .label, .fieldset > .fields > .field.no-label > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label { font-weight: normal; margin: 0; display: inline; } .column:not(.main) .fieldset > .field .label, .column:not(.main) .fieldset > .fields > .field .label { font-weight: normal; } .fieldset > .field .field.choice, .fieldset > .fields > .field .field.choice { margin-bottom: 9px; } .fieldset > .field .field.choice:last-child, .fieldset > .fields > .field .field.choice:last-child { margin-bottom: 0; } .legend + .fieldset, .legend + div { clear: both; } .legend span { margin-right: 4.5px; } fieldset.field { border: 0; padding: 0; } .field.date .time-picker { white-space: nowrap; margin-top: 9px; display: inline-block; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: 1px solid #cccccc; height: 32px; background: #ffffff url('../images/select-bg.svg') no-repeat 100% 48%; background-size: 30px 60px; padding-right: 25px; text-indent: .01em; text-overflow: ''; } select::-ms-expand { display: none; } .lt-ie10 select { background-image: none; padding-right: 4px; } div.mage-error[generated] { margin-top: 7px; } .field .tooltip { position: relative; } .field .tooltip .tooltip-content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #777777; line-height: 1.4; border: 1px solid #bbbbbb; margin-left: 5px; left: 100%; top: 0; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { right: 100%; } .field .tooltip .tooltip-content:after { border-right-color: #ffffff; margin-top: -5px; top: 15px; } .field .tooltip .tooltip-content:before { border-right-color: #bbbbbb; margin-top: -6px; top: 15px; } .field .tooltip .tooltip-toggle { cursor: help; } .field .tooltip .tooltip-toggle:hover + .tooltip-content, .field .tooltip .tooltip-toggle:focus + .tooltip-content, .field .tooltip:hover .tooltip-content { display: block; } .field .tooltip .tooltip-content { min-width: 200px; white-space: normal; } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } .hasDatepicker + .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; vertical-align: middle; } .hasDatepicker + .ui-datepicker-trigger:focus, .hasDatepicker + .ui-datepicker-trigger:active { background: none; border: none; } .hasDatepicker + .ui-datepicker-trigger:hover { background: none; border: none; } .hasDatepicker + .ui-datepicker-trigger.disabled, .hasDatepicker + .ui-datepicker-trigger[disabled], fieldset[disabled] .hasDatepicker + .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } .hasDatepicker + .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .hasDatepicker + .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; line-height: 23px; color: #c1c1c1; content: '\e612'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .hasDatepicker + .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } .sidebar .fieldset { margin: 0; } .sidebar .fieldset > .field:not(.choice):not(:last-child), .sidebar .fieldset .fields > .field:not(:last-child) { margin: 0 0 18px; } .sidebar .fieldset > .field:not(.choice) .label, .sidebar .fieldset .fields > .field .label { margin: 0 0 4px; padding: 0 0 4.5px; text-align: left; width: 100%; } .sidebar .fieldset > .field:not(.choice) .control, .sidebar .fieldset .fields > .field .control { width: 100%; } @font-face { font-family: 'porto-icons'; src: url('../icon-fonts/font/porto-icons.woff2') format('woff2'), url('../icon-fonts/font/porto-icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } button, a.action.primary { border-radius: 3px; height: 38px; line-height: 22px; font-weight: 400; } button.action.switch { height: auto; } button:not(.primary) { border: 1px solid #ccc; color: #777; line-height: 30px; padding: 0 12px; height: 32px; background-color: #fff; } button:hover { color: #fff; background-color: #0088cc; border-color: #0088cc; } body:not(._keyfocus) button:focus { box-shadow: none; } a.action.primary { display: inline-block; text-decoration: none; } a.action.primary:hover, a.action.primary:active, a.action.primary:focus { text-decoration: none; } .action.primary { background-image: none; background: #0088cc; border: 1px solid #0088cc; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; font-weight: 400; line-height: 22px; } .action.primary:focus, .action.primary:active { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; } .action.primary:hover { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; } .action.primary.disabled, .action.primary[disabled], fieldset[disabled] .action.primary { opacity: 0.5; cursor: default; pointer-events: none; } #discount-coupon-form #coupon_code { border-radius: 3px 0 0 3px; } .product.data.items { margin: 0; padding: 0; border-bottom: 1px solid #eeeeee; margin-bottom: 18px; margin-left: -15px; margin-right: -15px; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0; } .product.data.items > .item.title > .switch { border-top: 1px solid #eeeeee; height: 36px; padding: 1px 9px 1px 9px; font-weight: 600; line-height: 36px; font-size: 1.3rem; color: #777777; text-decoration: none; } .product.data.items > .item.title > .switch:visited { color: #c1c1c1; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #777777; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #777777; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { color: #777777; text-decoration: none; padding-bottom: 1px; } .product.data.items > .item.content { background: #ffffff; margin: 0; padding: 9px 9px 27px; } .product.data.items .item.title a { position: relative; text-decoration: none; } .product.data.items .item.title a:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .product.data.items .item.title a:after { position: absolute; right: 9px; top: 1px; } .product.data.items .item.title.active a:after { content: '\f804'; } .product.data.items .value p:last-child { margin-bottom: 0; } .product.data.items .table-wrapper { margin: 0; } .pages > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .items { font-size: 0; letter-spacing: -1px; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block; font-weight: 400; } .pages .item { font-size: 1.3rem; line-height: 2.4rem; letter-spacing: normal; margin: 0 5px 0 0; display: inline-block; } .pages .item .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages a.page { background: #ffffff; border: 1px solid #cccccc; color: #0088cc; display: inline-block; padding: 0 4.5px; text-decoration: none; } .pages a.page:visited { color: #0088cc; } .pages a.page:hover { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; text-decoration: none; } .pages a.page:active { color: #ffffff; } .pages strong.page { background: #0088cc; border: 1px solid #0088cc; font-size: 1.3rem; line-height: 2.4rem; letter-spacing: normal; color: #ffffff; display: inline-block; font-weight: 400; padding: 0 4.5px; } .pages .action { background: #ffffff; border: 1px solid #cccccc; color: #999999; display: inline-block; padding: 0; text-decoration: none; } .pages .action:visited { color: #999999; } .pages .action:hover { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; text-decoration: none; } .pages .action:active { color: #ffffff; } .pages .action.next { display: inline-block; text-decoration: none; } .pages .action.next:visited:before { color: #999999; } .pages .action.next:active:before { color: #ffffff; } .pages .action.next > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #999999; content: '\f801'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.next:hover:before { color: #ffffff; } .pages .action.next:active:before { color: #ffffff; } .pages .action.previous { display: inline-block; text-decoration: none; } .pages .action.previous:visited:before { color: #999999; } .pages .action.previous:active:before { color: #ffffff; } .pages .action.previous > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.previous:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #999999; content: '\f802'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.previous:hover:before { color: #ffffff; } .pages .action.previous:active:before { color: #ffffff; } .pages .page { width: 26px; border-radius: 3px; } .pages .action { border-radius: 3px; padding: 0 8px; width: 26px; } .pages .item:last-child { margin-right: 0; } .actions-toolbar > .primary, .actions-toolbar > .secondary { text-align: center; margin-bottom: 9px; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 9px; } .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child { margin-bottom: 0; } .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child { margin-bottom: 0; } .actions-toolbar > .secondary .action.back { display: none; } .sidebar .actions-toolbar .action.primary { height: 32px; line-height: 30px; padding: 0 15px; } .sidebar .actions-toolbar .secondary a.action { line-height: 32px; margin: 0; } .breadcrumbs { margin: 0 0 15px; } .breadcrumbs .items { font-size: 1.3rem; color: #a3a3a3; margin: 0; padding: 0; list-style: none none; } .breadcrumbs .items > li { display: inline-block; vertical-align: top; } .breadcrumbs .item { margin: 0; } .breadcrumbs a { color: #777777; padding: 12px 0; text-decoration: none; } .breadcrumbs a:visited { color: #777777; text-decoration: none; } .breadcrumbs a:hover { color: #777777; text-decoration: underline; } .breadcrumbs a:active { color: #777777; text-decoration: none; } .breadcrumbs strong { font-weight: 400; padding: 12px 0; } .breadcrumbs .item:not(:last-child) { display: inline-block; text-decoration: none; } .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 18px; color: inherit; content: '\f80d'; font-family: 'porto-icons'; margin: 0 9px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-wrapper > .breadcrumbs { padding: 0; background-color: #171717; color: #ffffff; } .page-wrapper > .breadcrumbs .items { color: inherit; padding: 10px 15px; margin: 0 auto; max-width: 1140px; } .page-wrapper > .breadcrumbs a, .page-wrapper > .breadcrumbs a:hover, .page-wrapper > .breadcrumbs a:focus { color: #ffffff; } .page-wrapper > .breadcrumbs .item:not(:last-child):after { line-height: 15px; } .ui-dialog.popup .action.close { position: absolute; height: 40px; right: 0; top: 0; width: 40px; z-index: 1001; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .ui-dialog.popup .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-dialog.popup .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\f819'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close:hover:before { color: #737373; } .ui-dialog.popup .action.close:active:before { color: popup-icon-font__color-active; } .ui-dialog.popup .action.close:focus, .ui-dialog.popup .action.close:active { background: none; border: none; } .ui-dialog.popup .action.close:hover { background: none; border: none; } .ui-dialog.popup .action.close.disabled, .ui-dialog.popup .action.close[disabled], fieldset[disabled] .ui-dialog.popup .action.close { pointer-events: none; opacity: 0.5; } .popup .actions-toolbar .action.cancel { font-weight: 400; } .popup-pointer { margin-left: -14px; position: absolute; top: -14px; } .popup-pointer:before, .popup-pointer:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } .popup-pointer:before { left: 2px; top: 2px; border: solid 6px; border-color: transparent transparent #ffffff transparent; z-index: 99; } .popup-pointer:after { left: 1px; top: 0px; border: solid 7px; border-color: transparent transparent #aeaeae transparent; z-index: 98; } .price-tier_price .price-excluding-tax, .price-tier_price .price-including-tax { display: inline; } .price-including-tax, .price-excluding-tax { display: block; font-size: 1.8rem; line-height: 1; } .price-including-tax .price, .price-excluding-tax .price { font-weight: 700; } .price-including-tax + .price-excluding-tax, .weee[data-label] { display: block; font-size: 1.8rem; } .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { content: attr(data-label) ': '; font-size: 1.1rem; } .price-including-tax + .price-excluding-tax .price, .weee[data-label] .price { font-size: 1.1rem; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 44px; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup.confirm .modal-inner-wrap { max-width: 50rem; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; } .modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active { background: none; border: none; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none; } .modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close { pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: 13px; color: #0088cc; content: '\f819'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #5e5e5e; } .modal-custom .action-close { margin: 22.5px; } .modal-popup { pointer-events: none; } .modal-popup .modal-title { border-bottom: 1px solid #c1c1c1; font-weight: 300; padding-bottom: 9px; font-size: 26px; margin-bottom: 0; min-height: 1em; word-wrap: break-word; } .modal-popup .action-close { padding: 9px; } .modal-slide .action-close { padding: 1.1rem 2rem; } .modal-slide .page-main-actions { margin-bottom: -11.4rem; margin-top: 2.1rem; } .modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .product-info-stock-sku .configurable-variation-qty { display: none; } /** * @codingStandardsIgnoreStart */ #store-pickup.selected-shipping ~ #store-selector { display: none; } #store-pickup.selected-store-pickup ~ #shipping, #store-pickup.selected-store-pickup ~ #opc-shipping_method { visibility: hidden; height: 0; overflow: hidden; } #delivery-method-selector { display: -webkit-flex; display: -ms-flexbox; display: flex; } #delivery-method-selector .action { line-height: 2.1rem; padding: 14px 17px; font-size: 1.7rem; } #delivery-method-selector .action.selected { background: #ffffff; } #delivery-method-selector .action-select-shipping { border-bottom-right-radius: 0; border-top-right-radius: 0; } #delivery-method-selector .action-select-store-pickup { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } /** * @codingStandardsIgnoreStart */ #store-selector .form-login { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #store-selector .form-continue { margin: 18px 0 0; } .location-details .location-name { font-size: 17px; font-weight: 700; } .store-selector-popup .modal-title { border-bottom: 0; } .store-selector-popup .modal-header { padding-bottom: 0; } /** * @codingStandardsIgnoreStart */ #opc-store-selector-popup { display: none; } #opc-store-selector-popup .block-search { float: none; width: 100%; margin: 0 0 18px; padding: 0 0 9px; border-bottom: 1px solid #c1c1c1; } .modal-content #opc-store-selector-popup { display: block; } .store-selector-popup-table thead th { display: none; } .store-selector-popup-table tbody .location .location-name { font-size: 17px; } .store-selector-popup-table tbody .location + .location { border-top: 1px solid #cccccc; } .store-selector-popup-table tbody .col-location-details { padding-left: 0; } .store-selector-popup-table tbody .col-location-details p:last-child { margin-bottom: 0; } .store-selector-popup-table tbody .col-location-actions { padding-right: 0; vertical-align: middle; } .store-selector-popup-table tbody .col-location-actions .action { float: right; } .store-selector-popup-empty-query, .store-selector-popup-no-locations { margin: 0 0 18px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .lac-notification-sticky { position: relative; z-index: 999; } .lac-notification-sticky .lac-notification { background-color: #373330; color: #ffffff; font-size: 16px; } .lac-notification-sticky .lac-notification .lac-notification-icon { float: left; margin: 10px 25px 10px 10px; } .lac-notification-sticky .lac-notification .lac-notification-icon .logo-img { display: block; } .lac-notification-sticky .lac-notification .lac-notification-text { float: left; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links { float: right; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links a { color: #ffffff; font-size: 14px; } .lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:after { background: url('../Magento_LoginAsCustomerFrontendUi/images/close.svg'); content: ' '; display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; width: 12px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-container .g-recaptcha, .form-login .g-recaptcha, .form-edit-account .g-recaptcha { margin-bottom: 10px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .required-captcha.checkbox { position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .block.newsletter .field-recaptcha .field .control:before { content: none; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .review-form .field-recaptcha { margin-bottom: 10px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.send.friend .g-recaptcha { margin-top: 40px; } /** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ /** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ /** * Amazon Pay variables **/ .amazon-button-container { display: table; margin: 0 0 22px; } .amazon-button-container__cell { display: table-cell; min-width: 45px; position: relative; } .amazon-button-container img { display: block; } .amazon-button-container .field-tooltip { display: none; margin: -12px 0 0; right: 5px; top: 50%; } .checkout-shipping-address .amazon-button-container { margin: 22px 0; } .login-container .block-amazon-login .actions-toolbar { margin-top: 25px; } .amazon-validate-container .block .block-title { font-size: 1.8rem; } .amazon-validate-container .fieldset:after { margin: 9px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .amazon-validate-container .fieldset:after { margin-top: 35px; } @media all and (max-width: 768px) { .amazon-button-container { width: 100%; } } .amazon-logout-widget { display: none; } /** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ .amazon-divider { border-bottom: 1px solid #cccccc; line-height: 0.1em; margin: 18px 0 20px; text-align: center; max-width: 500px; } .amazon-divider span { background: #fff; padding: 0 5px; } /** mini cart styling **/ .product-social-links, .amazon-minicart-container { width: 100%; display: block; text-align: center; } .product-social-links .amazon-button-container, .amazon-minicart-container .amazon-button-container { display: inline-block; margin: 0px; } .product-social-links .field-tooltip .field-tooltip-content, .amazon-minicart-container .field-tooltip .field-tooltip-content { top: 38px; left: -245px; } .product-social-links .field-tooltip .field-tooltip-content:before, .amazon-minicart-container .field-tooltip .field-tooltip-content:before { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #666666; top: -10px; left: 244px; } .product-social-links .field-tooltip .field-tooltip-content:after, .amazon-minicart-container .field-tooltip .field-tooltip-content:after { border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f4f4f4; top: -8px; left: 244px; } .product-social-links .amazon-button-container { margin-bottom: 30px; display: block; } .amazon-checkout-now { border-top: 1px solid #c1c1c1; padding-top: 10px; margin-bottom: 10px; } .amazon-addtoCart { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .revert-checkout { margin-top: 20px; margin-bottom: 20px; display: block; } .centered-button { text-align: center; display: inline-block; } .catalog-product-view .centered-button { display: table; } .checkout-payment-method .amazon-sandbox-simulator { border-bottom: 1px solid #cccccc; } .checkout-payment-method .amazon-sandbox-simulator .payment-option-title { border-top: none; padding-top: 0; } .checkout-payment-method .amazon-sandbox-simulator .amazon-sandbox-simulator-scenario { margin-bottom: 10px; } .checkout-methods-items .amazon-minicart-container .amazon-divider { display: none; } .checkout-methods-items .centered-button { margin-bottom: 0; } @media all and (max-width: 768px) { .checkout-methods-items .centered-button { width: auto; } } .checkout-methods-items .field-tooltip { display: none; } .checkout-methods-items .field-tooltip .field-tooltip-content { right: -9px; top: 40px; left: auto; } .checkout-methods-items .field-tooltip .field-tooltip-content:before, .checkout-methods-items .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 9px; left: auto; top: 0%; } .checkout-methods-items .field-tooltip .field-tooltip-content:before { border-bottom-color: #dddddd; } .checkout-methods-items .field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } @media all and (max-width: 768px) { .checkout-methods-items .field-tooltip .field-tooltip-content { right: -56px; top: 38px; left: auto; } .checkout-methods-items .field-tooltip .field-tooltip-content:before, .checkout-methods-items .field-tooltip .field-tooltip-content:after { right: 56px; } } .amazon-widget { max-width: 400px; height: 228px; } .amazon-widget--address { margin-top: 20px; } .amazon-addresses { margin-top: 20px; } .amazon-addresses .amazon-address { margin-bottom: 20px; } #checkout-step-shipping .amazon-divider { margin: 40px 0; } .checkout-payment-method .amazon-payment-method .payment-method-title { visibility: hidden; padding-bottom: 0; } /** Prevent movement after a soft decline to other payment steps **/ .opc-progress-bar-item._complete.lock-step { cursor: none; pointer-events: none; } @media all and (max-width: 768px) { .amazon-minicart-container .amazon-button-container { width: auto; } } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 31px; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5241px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('../Dotdigitalgroup_Sms/images/flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url('../Dotdigitalgroup_Sms/images/flags@2x.png'); } } .iti__flag.iti__np { background-color: transparent; } .customotp { width: 50%; } .customotp .fieldset { margin: 0; } .resendotp { margin-top: 30px; margin-bottom: 30px; } .otp .label { width: 100%; } .otp .control { float: left; } .sendotp { float: left; margin-left: 20px; } .product.data.items > .item.title { float: left; width: 48%; } ._has-datepicker ~ .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; margin-top: 0px; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; margin-top: -4px; vertical-align: middle; float: right; } ._has-datepicker ~ .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; line-height: 23px; color: #7d7d7d; content: '\f865'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); } .right_content { float: right; } .modal-popup._inner-scroll .modal-inner-wrap { width: 747px; } .footer-middle .block.newsletter label { display: none !important; } .footer-middle > a { color: #FFFFFF; } .footer-bottom { color: #FFFFFF; margin-top: -2% !important; } .footer-bottom .custom-block img { margin-left: 15px; } .footer-bottom .social-icons { margin-left: 100px !important; margin-top: -10px !important; } .header.links.li:not(.greet) { display: none; } .page-header.header-newskin:not(.type16) .nav-sections { background-color: #2e3192 !important; margin-bottom: 10px; } .page-header.type8.header-newskin .header.content { background-color: #FFFFFF !important; } .page-header.type8.header-newskin .custom-block > * { color: #777777; } .page-header.type8.header-newskin > .panel.wrapper { background-color: #ffcb08 !important; } .page-header.type8.header-newskin > .panel.wrapper > .panel.header > .header > li:not(.greet) { display: none; } span.split { border-right: 1px solid #000 !important; } .minicart-wrapper, .search-category { display: none !important; } .products-grid .product-item-details .product-item-actions .actions-primary { display: block !important; } .products-grid .product-item-details .product-item-actions .tocart { background-color: #dbd6d6 !important; } .page-header.header-newskin .navigation .level0 > .level-top { font-size: 11px !important; color: #FFFFFF !important; } .filterproduct-title { text-align: center !important; } .recent-posts a.readmore { color: #FFFFFF; } .dropdown-button { cursor: pointer; } .products-grid .product-item-details .product-item-actions .actions-secondary.tocompare { float: left; margin: -32px 0 0 -22px; } .products-grid .product-item .product-item-inner { margin: 9px 0 0 34px !important; } .products-grid .product-item-details .product-item-actions .actions-secondary.towishlist { float: right; margin-right: -5px; } .dropdown-wrap { padding: 10px; z-index: 9; position: fixed; top: 5%; right: 18%; } .dropdown-wrap .ui-dialog-buttonpane { display: none; } .dropdown-wrap ul { list-style-type: none; padding: 0; border: 1px solid orange; background-color: white; } .dropdown-wrap ul > li { padding: 8px 16px; border-bottom: 1px solid orange; line-height: 20px; margin-bottom: 0; } .dropdown-wrap ul > li:last-child { border-bottom: none; } .dropdown-wrap.active::before { content: ""; width: 0; height: 0; position: absolute; bottom: 95.5%; right: 20px; border-width: 0 15px 13px; border-style: solid; border-color: #ffa500 transparent; } .dropdown-wrap.active::after { content: ""; width: 0; height: 0; position: absolute; bottom: 95%; right: 23px; border-width: 0 12px 12px; border-style: solid; border-color: #fff transparent; visibility: visible; } .navigation { background: white !important; } header.page-header.type14 .top-links-area { margin-left: 22% !important; } .contact-index-index .page-main .contact-info p { margin-top: 10px; } .greet.welcome { display: none; } .top-links-area .far, .my-wishlist .far, .fas { color: #000000 !important; } .toplinkimage img { margin-bottom: -5px; } .topbar { border: 1px solid #f0ca84; background-color: #ce5a142b; max-width: 47% !important; } .topbar.right { margin-left: 50px; } .grt_savings_scheme .book_appoinment_div { top: -301px; box-shadow: 0 2px 9px 1px #f2f2f2; } .book_appoinment_div .appoinment_btn .btn_golden { background: #00008B; } .book_appoinment_div h2 { font-size: 25px; text-align: center; font-weight: bold; margin: 10px 0; letter-spacing: 2px; } .book_appoinment_div { height: auto; padding: 25px; z-index: 9; width: 328px; background: #fff; } .grt_savings_scheme .book_appoinment_div p { text-align: center; } .grt_savings_scheme .mutedtxt { color: #7f7f7f; font-size: 12px; letter-spacing: 2px; font-weight: bold; } .book_appoinment_div .appoinment_btn .btn_talegreen { background: #32CD32; } .grt_savings_scheme .appoinment_btn a { width: 100%; padding: 12px; border-radius: 0; cursor: pointer; border: 0; color: #fff; font-size: 14px; font-weight: bold; margin: 20px 0 0 0 !important; display: block; text-align: center; } .grt_savings_scheme .padtop35 { padding: 40px 0 20px 0; } .sucess_message { color: green; text-align: center; font-size: 16px; background-color: lightgreen; } .enquiry-popup { margin: auto; } .modal-inner-content { padding: 20px; } .modal-inner-content .field { margin-bottom: 20px; } .modal-inner-content .enquirynow { border: medium none; background-color: #ffcb08; color: #fbf7f2; height: 40px; width: 120px; transition: all 0.3s ease-in 0s; } .show_requests, .trigger-auth-popup { border: medium none; background-color: #ffcb08; color: #fbf7f2; height: 40px; width: 120px; transition: all 0.3s ease-in 0s; margin-bottom: 10px; } .product-info-main .box-tocart { display: none; } .modal-popup .modal-title { text-align: center; border-bottom: none !important; } .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: auto !important; } .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .fancybox-inner { width: auto !important; height: auto !important; } #newsletter_popup .block-content { max-width: 100% !important; padding: 0 !important; } #newsletter_popup { padding: 0 !important; } @media only screen and (min-width: 782px) { .mobileonly { display: none; } .desktoponly { display: block; } .grt_live_contentArea { width: 1080px; margin: 0 auto; padding-bottom: 175px !important; padding: 0 15px; padding-bottom: 0px; position: relative; } .book_appoinment_div { position: absolute; right: -100px; top: -290px; } .goldschemetitle { margin-top: -200px; } .customer-account-login .sidebar-main { height: 484px; } } @media only screen and (max-width: 781px) { .customotp { width: 100%; } .mobileonly { display: block; } .desktoponly { display: none; } .book_appoinment_div { margin: 0 auto; } .book_appoinment_div h2 { font-size: 12px; } .book_appoinment_div p { font-size: 10px; } .book_appoinment_div .padtop35 { padding: 10px 0 10px 0; } .grt_savings_scheme .appoinment_btn a { margin: 7px 0 0 0 !important; font-size: 10px; } .columns .column.main { margin-top: 25px; } .customer-account-login .sidebar-main { height: auto; } .porto-icon-location + p { margin-top: -11px !important; margin-left: 8px !important; } .chitfund-scheme-schemelist .col-sm-6 { width: 65% !important; } .chitfund-scheme-schemelist .row { display: block !important; } } .product-reviews-summary.empty .reviews-actions::before { display: none !important; } .product-reviews-summary .reviews-actions a { padding: 0 !important; margin: 0 !important; border-left: none !important; } .klarna-payments-method-cell { display: table-cell; vertical-align: middle; } label.klarna-payments-method-cell > span { padding-left: 5px; } span.klarna-payments-method-cell > img { display: block; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_AjaxLayer * @copyright Copyright (c) Mageplaza (http://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .ln_overlay { background-color: #FFFFFF; height: 300%; left: 0; text-align: center; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0px; width: 500%; z-index: 555; display: none; } .ln_overlay img { margin-top: 300px; left: 45%; display: block; position: fixed; } .ln_slider_container { width: calc(80%); margin: 0 15px 0 5px; } .filter-options-content a { display: inline-block !important; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_LayeredNavigation * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .ln_overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; width: 100%; z-index: 555; display: none; } .ln_overlay img { top: 40%; left: 45%; display: block; position: fixed; } .ln_slider_container { width: calc(80%); margin: 0 15px 0 5px; } .layered-filter-block-container .ln_tooltip { display: inline-block; vertical-align: middle; margin-left: 5px; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Search * @copyright Copyright (c) 2017 Mageplaza (http://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .autocomplete-suggestions { border: 1px solid #bbb; background: #fff; cursor: default; border-top: none; overflow: auto; max-height: 10000px; } .autocomplete-suggestion { cursor: pointer; overflow: hidden; padding: 10px 5px 10px 5px; font-size: 1.2em; border-bottom: 1px solid #eee; display: block; } .autocomplete-suggestion:last-child { border-bottom: none; } .search-category, #mpsearch-category { height: 100%; } .autocomplete-selected { background: #eef3d6; } input#searchauto { border: 1px solid #bbb; border-radius: 2px; width: 375px; } .suggestion-left { float: left; width: 15%; padding: auto; } .suggestion-right { width: 82%; padding-left: 10px; text-align: left; color: black; float: left; } .product-name { font-size: 14px; color: #3399cc; display: block; overflow: hidden; text-overflow: ellipsis; } .product-price { font-size: 12px; } .product-des { font-size: 12px; } .product-des p { display: block; overflow: hidden; text-overflow: ellipsis; } .product-line { margin-bottom: 5px; } ul#ui-id-1 { background: #fff; width: 373px; font-family: inherit; padding: 0px; border-bottom: none; } p.short-des { margin: 0px; font-size: 0.9em; color: #aaa; } #view_all { text-align: center; background: #eff4f7; cursor: pointer; } /* faq content */ [class^="faq-"] h1 { margin-left: -2px; } .faq-faq-view h1, .faq-question-view h1 { font-family: Nguyenhoang; font-size: 25px !important; font-weight: 400; color: #3c3c3c; border-bottom: 1px solid #d6d6d6; margin: 0 0 20px !important; padding: 0 0 15px; text-transform: uppercase; } .faq-category { padding: 15px 0px 10px; } .faq-content { font-family: "Open Sans", sans-serif; font-weight: 400; color: #797979; padding: 10px; } .hidden { display: none !important; } .faq-content .green { color: green; } .faq-content .created-by { font-size: 1.2rem; color: #a3a3a3; } .faq-content .created-by span:first-child { margin-left: 0px; } .faq-content .created-by span { margin-left: 15px; } .faq-content .details { color: #2E4A01; } .filter-options-title[aria-expanded=true]::after { content: '\f823' !important; } .button-set a { color: #636363; text-decoration: none; } .faq-content .details .content { text-decoration: none; color: #2E4A01; padding: 15px 0px 0px; text-align: justify; margin-bottom: 25px; } .faq-content .details .feedback { margin-top: 15px; } .faq-content .related-question { margin-top: 30px; } /* feed back */ .feedback .btn { position: relative; min-width: 60px; padding: 6px 12px; } .feedback .btn span:last-child { margin-left: 3px; } .feedback .btn span:first-child { font-size: 13px; } /* sider left category */ .faq-category-group { padding: 0 0 5px !important; border-bottom: 0px solid #B6D1E2; float: left; max-width: 45% !important; margin-right: 5%; margin-bottom: 20px; color: #2E4A01; text-align: justify; } .block-faq-category .block-title { margin: 0 0 20px; } .block-faq-category .block-title strong { font-size: 18px; font-weight: 300; } .block-faq-category .block-content .items .item a .count { color: #858585; padding-right: 5px; } /* FAQs list */ .faqs-list { float: left; width: 100%; } .faqs-list li { padding: 4px 0; margin: 0; } .faqs-list li a { text-decoration: none; color: #2E4A01; font-size: 14px; } .faqs-list li a:hover { color: #007433; text-decoration: underline; } .faqs-list .item { border: 1px solid #e3e3e3; margin-bottom: 15px; } .faqs-list .item.active a span:before { content: '\ea0b'; } .faqs-list .item.active .description { display: block; } .faqs-list .item.active .read-more { display: block; } .faqs-list .item .read-more { padding: 5px 20px; text-align: right; cursor: pointer; display: none; background: rgba(248, 248, 248, 0.63); font-weight: 500; color: rgba(51, 51, 51, 0.61); position: relative; } .faqs-list .item .read-more:hover { color: #198dd3; } .faqs-list .item .read-more:after { content: '\e902'; font-family: 'faq-extension'; right: 5px; top: 6px; position: absolute; } .faqs-list .description { padding: 14px 20px; display: none; border-top: 1px solid #e3e3e3; } .faqs-list .item > a { font-size: 14px; line-height: 1.5; font-weight: 500; color: #41362f; padding: 10px 15px; display: block; background: #f8f8f8; } .faqs-list .item > a span:before { margin-right: 15px; font-size: 10px; } .faqs-list .item > a:hover { text-decoration: none; } h2.first-title { margin-top: 0px; } .faqcat-title { background-color: #0072b6 !important; color: #FFFFFF; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; font-style: normal; line-height: 1.4; text-transform: none; text-align: justify; margin: 0 0 10px; } .faqcat-title i { float: left; width: 2.15em; border-bottom: 1px solid #b55; position: absolute; bottom: -1px; z-index: 9999; border-bottom-color: #198dd3; } .faqcat-title img { max-width: 33px; margin: 0 auto; padding: 0px 8px; max-height: 20px; width: auto; height: auto; } .faqs-list .no-question > a { font-weight: normal; } /* category list */ .category-list { padding: 0px; margin: 0px -15px; } .category-list .category { list-style: none; } .category-list .category { margin: 0px; margin-bottom: 15px; } .category-list .category .block { height: 210px; text-align: center !important; padding: 0px; } .category-list .category .block > a:hover { border: 1px solid #198dd3; } .category-list .category .block h3 { text-transform: uppercase; line-height: 1.5; font-size: 14px; margin: 0px; } .category-list .category .block > a { border: 1px solid #e4e4e4; cursor: pointer; display: block; line-height: 138px; margin-bottom: 12px; min-height: 138px; padding: 16px 10px; -moz-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; } .category-list .category .block a img { vertical-align: middle; } .category-list .category .block a:hover { text-decoration: none; color: #198dd3 !important; } .category-list .category .block h3 a { font-weight: 500; } .category-list .category .block a:last-child { color: #333; } /* FAQ form search */ .faq-search-form { margin: 0 auto; width: 100%; margin-bottom: 30px; } .faq-search-form form { display: table; width: 100%; } .faq-search-form .field { margin: 0; } .faq-search-form .field .control { display: inline-block; text-decoration: none; display: block; } .faq-search-form .field .control:before { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 32px; color: #c2c2c2; content: '\e986'; font-family: 'faq-extension'; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; } .faq-search-form input { padding-left: 35px; } .faq-search-form .actions { display: table-cell; vertical-align: top; width: 1%; } .faq-search-form .actions button { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; } @media (max-width: 991px) { .page.messages, .column.main { margin-top: 0px; } } .block-facebook-like .block-title a.btn-like { background-color: #08c; height: 34px; line-height: 34px; font-size: 14px; width: 80px; text-align: center; border-radius: 5px; margin-top: -8px; font-weight: 400; margin-right: 45px; } .block-tweets ul { margin-top: -15px; } .block-tweets ul li { padding: 15px 0; border-top: 1px solid #75b11f; } .block-tweets ul li:first-child { border-top: 0; } .block-tweets p.tweet { margin-bottom: 10px; } .block-tweets p.timePosted { margin-bottom: 0; color: #a5d75f; font-size: 11px; font-style: italic; } .block-flickr-photos .block-content { margin: -5px; } .block-flickr-photos a.flickr-image { width: 65px; display: inline-block; margin: 5px; } .block-flickr-photos a.flickr-image:hover { opacity: .8; filter: alpha(opacity=80); } .block-flickr-photos a.flickr-image img { width: 100%; } .fb-persons { margin: -5px; } .fb-persons .fb-person { display: inline-block; width: 75px; padding: 5px; text-align: center; } .fb-persons .fb-person a { width: 100%; display: inline-block; } .fb-persons .fb-person a:hover img { opacity: .8; filter: alpha(opacity=80); } .fb-persons .fb-person img { width: 100%; } /** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ .opc-block-summary .vertex-message td, .cart-summary .vertex-message td { padding: 0; border-top: none; } /** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ .form-address-edit .actions-toolbar .vertex-update-address { margin-top: 10px; } .vertex__address-suggestion { margin: 5px 0; padding-left: 10px; font-weight: 500; border-left: 2px solid gray; } .yotpo-yotpo-is-enabled .yotpoBottomLine { width: 100%; } .yotpo-yotpo-is-enabled .yotpo-icon-double-bubble, .yotpo-yotpo-is-enabled .yotpo-stars { margin: 0 5px 0 0 !important; } .yotpo-yotpo-is-enabled .thumbnail .yotpo a { display: inline-block; } .yotpo-yotpo-is-enabled div.yotpo.bottomLine { display: inline-block; margin: 0 10px 1px 0; } .yotpo-yotpo-is-enabled div.yotpo.QABottomLine { display: inline-block; } .yotpo-yotpo-is-enabled div.yotpo.bottomLine.bottomline-position { display: inline-block; margin: 0 10px 1px 0; } .yotpo-yotpo-is-enabled .product-item .product-item-actions { margin-top: 5px !important; } .yotpo-yotpo-is-enabled.catalog-category-view.page-products .product-item .product-item-actions, .yotpo-yotpo-is-enabled.catalog-product-view.page-products .product-item .product-item-actions { margin-top: 0 !important; } .yotpo-yotpo-is-enabled.catalog-category-view .product-info-main .product-reviews-summary, .yotpo-yotpo-is-enabled.catalog-product-view .product-info-main .product-reviews-summary { width: 100%; } .block-category-event { background: #f0f0f0; color: #777777; padding: 9px 0 15px; text-align: center; } .block-category-event.block:last-child { margin-bottom: 9px; } .block-category-event .block-title { margin: 0 0 9px; } .block-category-event .block-title strong { font-size: 1.5rem; font-weight: 300; } .block-category-event .ticker { margin: 0; padding: 0; list-style: none none; } .block-category-event .ticker li { display: none; margin: 0 15px; } .block-category-event .ticker .value { font-size: 1.8rem; font-weight: 300; } .block-category-event .ticker .label { font-size: 1rem; display: block; text-transform: lowercase; } .block-category-event .dates { display: table; margin: 0 auto; } .block-category-event .dates .start, .block-category-event .dates .end { display: table-cell; vertical-align: top; } .block-category-event .dates .date { font-size: 1.8rem; } .block-category-event .dates .time { display: block; } .block-category-event .dates .start { padding-right: 36px; position: relative; } .block-category-event .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } .table-wrapper.billing-agreements { margin-bottom: 36px; } .paypal { display: inline-block; vertical-align: top; } .block-minicart .paypal, .cart-summary .paypal { display: block; } .paypal img { display: block; margin: 4.5px auto 0; } .opc .paypal { vertical-align: middle; } .paypal.acceptance { display: block; margin: 0 0 18px; } .map-form-addtocart .paypal { display: block; margin: 9px auto 4.5px; } .cart-summary .paypal + .paypal { margin-top: 22.5px; } .paypal-review .actions-toolbar { margin-top: 9px; } .paypal-review .paypal-review-title { padding: 0 0 9px; } .paypal-review .paypal-review-title > strong { font-size: 2.4rem; font-weight: 300; } .paypal-review .paypal-review-title .action { display: inline-block; margin: 12px 0 0 27px; } .paypal-review .table-paypal-review-items .col.name { padding-top: 16px; } .paypal-review .table-paypal-review-items .col.qty { text-align: center; } .paypal-review .item-options dt { display: inline-block; } .paypal-review .item-options dt:after { content: ': '; } .paypal-review .item-options dd { margin: 0; } .paypal-review-discount { border-bottom: 1px solid #cccccc; margin: 0 0 36px; padding: 9px 0 0; } .fotorama-video-container:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: .6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading:after { visibility: hidden; } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .opc-wrapper .form-discount { max-width: 500px; } .swatch-attribute-label { font-weight: 700; position: relative; } .swatch-attribute-label.required { padding-right: 9px; } .swatch-attribute-label[data-required='1']:after { color: #e02b27; content: '*'; font-size: 13px; font-weight: 700; position: absolute; right: -11px; top: -2px; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-attribute-options { margin: 9px 0; } .swatch-attribute-options:focus { box-shadow: none; } .swatch-attribute-options .swatch-option-tooltip-layered .title { color: #282828; bottom: -5px; height: 20px; left: 0; margin-bottom: 9px; position: absolute; text-align: center; width: 100%; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { background: #ffffff; border: 1px solid #ffffff; color: #000000; } .swatch-option { border: 1px solid #dadada; cursor: pointer; float: left; height: 20px; margin: 0 9px 4.5px 0; max-width: 100%; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; } .swatch-option:focus { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 12px; font-weight: 700; line-height: 20px; margin-right: 7px; min-width: 22px; padding: 4px 8px; } .swatch-option.text.selected { background-color: #ffffff; } .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #ffffff; color: #333333; } .swatch-option:not(.disabled):hover { border: 1px solid #ffffff; color: #333333; outline: 1px solid #999999; } .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { border: 1px solid #ffffff; outline: 2px solid #c34000; } .swatch-option.disabled { box-shadow: unset; cursor: default; pointer-events: none; } .swatch-option.disabled:after { background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); bottom: 0; content: ''; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)'; left: 0; position: absolute; right: 0; top: 0; } .swatch-option-disabled { border: 0; cursor: default; outline: none !important; } .swatch-option-disabled:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); background: #e02b27; content: ''; height: 2px; left: -4px; position: absolute; top: 10px; width: 42px; z-index: 995; } .swatch-option-loading { content: url('../images/loader-2.gif'); } .swatch-option-tooltip { border: 1px solid #dadada; color: #949494; background: #ffffff; display: none; max-height: 100%; min-height: 20px; min-width: 20px; padding: 4.5px; position: absolute; text-align: center; z-index: 999; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { bottom: 0; height: 8px; left: 40%; position: absolute; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before, .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-style: solid; content: ''; font-size: 1px; height: 0; position: relative; width: 0; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { border-color: #adadad transparent transparent transparent; border-width: 8px 8.5px 0 8.5px; left: 0; top: 2px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-color: #ffffff transparent transparent transparent; border-width: 7px 7.5px 0 7.5px; left: -15px; top: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; margin: 0 auto; width: 130px; } .swatch-option-tooltip-layered { background: #ffffff; border: 1px solid #dadada; color: #949494; display: none; left: -47px; position: absolute; width: 140px; z-index: 999; } .swatch-option-tooltip .title { color: #282828; display: block; max-height: 200px; min-height: 20px; overflow: hidden; text-align: center; } .swatch-option-link-layered { margin: 0 !important; padding: 0 !important; position: relative; } .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-opt { margin: 18px 0; } .swatch-opt-listing { margin-bottom: 9px; } .swatch-more { display: inline-block; margin: 2px 0; padding: 2px; position: static; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-input { left: -1000px; position: absolute; visibility: hidden; } .clearfix:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .my-credit-cards .status { font-style: italic; } .my-credit-cards .action.delete { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.4; margin: 0; padding: 0; color: #0088cc; text-decoration: none; background: none; border: 0; display: inline; } .my-credit-cards .action.delete:focus, .my-credit-cards .action.delete:active { background: none; border: none; } .my-credit-cards .action.delete:hover { background: none; border: none; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { pointer-events: none; opacity: 0.5; } .my-credit-cards .action.delete:visited { color: #0088cc; text-decoration: none; } .my-credit-cards .action.delete:hover { color: #0088cc; text-decoration: underline; } .my-credit-cards .action.delete:active { color: #0088cc; text-decoration: underline; } .my-credit-cards .action.delete:hover, .my-credit-cards .action.delete:active, .my-credit-cards .action.delete:focus { background: none; border: 0; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { color: #0088cc; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .my-credit-cards-popup .modal-footer { text-align: right; } .my-credit-cards-popup .action.secondary { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.4; margin: 0; padding: 0; color: #0088cc; text-decoration: none; background: none; border: 0; display: inline; margin-right: 18px; } .my-credit-cards-popup .action.secondary:focus, .my-credit-cards-popup .action.secondary:active { background: none; border: none; } .my-credit-cards-popup .action.secondary:hover { background: none; border: none; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { pointer-events: none; opacity: 0.5; } .my-credit-cards-popup .action.secondary:visited { color: #0088cc; text-decoration: none; } .my-credit-cards-popup .action.secondary:hover { color: #0088cc; text-decoration: underline; } .my-credit-cards-popup .action.secondary:active { color: #0088cc; text-decoration: underline; } .my-credit-cards-popup .action.secondary:hover, .my-credit-cards-popup .action.secondary:active, .my-credit-cards-popup .action.secondary:focus { background: none; border: 0; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { color: #0088cc; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .minilist .weee { display: table-row; font-size: 1.1rem; } .minilist .weee:before { display: none; } .price-container.weee:before { display: none; } .column .block-addbysku .fieldset { margin: 0; } .column .block-addbysku .fieldset .fields { position: relative; } .column .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 9px; vertical-align: top; } .column .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 7px; } .column .block-addbysku .sku { margin-right: -155px; padding-right: 160px; width: 100%; } .column .block-addbysku .qty .qty + .mage-error { width: 80px; } .column .block-addbysku .block-content .actions-toolbar { clear: both; margin: 0 0 18px; text-align: left; } .column .block-addbysku .block-content .actions-toolbar:before, .column .block-addbysku .block-content .actions-toolbar:after { content: ''; display: table; } .column .block-addbysku .block-content .actions-toolbar:after { clear: both; } .column .block-addbysku .block-content .actions-toolbar .primary { float: left; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary a.action, .column .block-addbysku .block-content .actions-toolbar .secondary a.action { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary .action { margin: 0 15px 0 0; } .column .block-addbysku .block-content .actions-toolbar .secondary a.action { margin-top: 6px; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: block; float: none; } .column .block-addbysku .block-content .actions-toolbar > .secondary { text-align: left; } .column .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .column .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.add:hover:before { color: inherit; } .column .block-addbysku .action.add:active:before { color: inherit; } .column .block-addbysku .reset { margin: 7px 0; } .column .block-addbysku .note { display: block; margin: 0 0 18px; padding-top: 9px; } .block-cart-failed { margin: 36px 0; } .block-cart-failed .block-title { font-size: 2.5rem; } .block-cart-failed .block-title strong { font-weight: 300; } .block-cart-failed .actions { text-align: center; } .block-cart-failed .actions .action { display: block; margin: 0 auto 9px; } .bundle-actions { margin: 0 0 27px; } .bundle-options-container { clear: both; margin-bottom: 36px; } .bundle-options-container .legend.title { font-weight: 300; line-height: 1.1; font-size: 2.5rem; margin-top: 0rem; margin-bottom: 1.8rem; border: 0; padding: 0; } .bundle-options-container .product-add-form { display: none; } .bundle-options-container .product-options-wrapper { margin-bottom: 27px; } .bundle-options-container .product-options-wrapper .fieldset > .field { border-top: 1px #e4e4e4 solid; padding-top: 18px; } .bundle-options-container .product-options-wrapper .fieldset > .field:first-of-type { border-top: 0; padding-top: 0; } .bundle-options-container .product-options-wrapper .field.choice input { float: left; } .bundle-options-container .product-options-wrapper .field.choice .label { margin-left: 24px; display: block; } .bundle-options-container .product-options-wrapper .field.choice .product-name { display: block; } .bundle-options-container .product-options-wrapper .field.choice .price-notice { float: left; } .bundle-options-container .product-options-wrapper .field.choice .price-excluding-tax { display: inline-block; } .bundle-options-container .action.back { margin-bottom: 27px; } .bundle-options-container .block-bundle-summary > .title { margin-bottom: 15px; } .bundle-options-container .block-bundle-summary > .title > strong { font-weight: 300; line-height: 1.1; font-size: 2.5rem; margin-top: 2.25rem; margin-bottom: 1.8rem; } .bundle-options-container .block-bundle-summary > .title, .bundle-options-container .block-bundle-summary .bundle-summary .subtitle { border-bottom: 1px #e4e4e4 solid; margin-bottom: 22.5px; padding-bottom: 16px; } .bundle-options-container .block-bundle-summary .price-box { margin-bottom: 18px; } .bundle-options-container .block-bundle-summary .price-box .price-label { display: block; margin-bottom: 4.5px; } .bundle-options-container .block-bundle-summary .bundle-summary { margin-top: 27px; } .bundle-options-container .block-bundle-summary .bundle-summary.empty { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle { font-weight: 300; line-height: 1.1; font-size: 2.5rem; margin-top: 2.25rem; margin-bottom: 1.8rem; display: block; } .bundle-options-container .block-bundle-summary .bundle.items > li { margin-bottom: 18px; } .bundle-options-container .block-bundle-summary .product-addto-links { text-align: center; } .bundle-options-container .block-bundle-summary .product-addto-links > .action { margin-right: 5%; } .bundle-options-container .block-bundle-summary .product-addto-links > .action.tocompare:before { content: '\f83b'; } .bundle-options-container p.required { color: #e02b27; } .bundle-options-container .nested .field label { font-weight: 400; } .bundle-options-container .nested .product-name { font-weight: 600; } .bundle-options-container .nested .field.qty { margin: 0 0 18px; margin-top: 18px; } .bundle-options-container .nested .field.qty > .label { margin: 0 0 8px; display: inline-block; } .bundle-options-container .nested .field.qty .label { font-weight: 400; } .bundle-options-container .nested .field.qty:last-child { margin-bottom: 0; } .bundle-options-container .price { font-weight: 600; } .fieldset-bundle-options .nested.options-list .field.qty { display: block; margin-top: 9px; } .products-grid:after { display: table; content: ""; clear: both; } .products-grid .product-item { float: left; } .products-grid .product-item { width: 50%; padding: 10px; } .products-grid .product-item.nth-child-2np1 { clear: left; } .products-grid.products.grid.flex-grid .product-item, .products-grid.divider-line .product-item { border-left: 1px solid #e3e4e4; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -1px; transition: all 0.3s; padding-top: 0; padding-bottom: 0; position: relative; } .products-grid.products.grid.flex-grid .product-item.nth-child-2np1, .products-grid.divider-line .product-item.nth-child-2np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid .product-item:nth-child(1) .product-item-info, .products-grid.divider-line .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid .product-item:nth-child(2) .product-item-info, .products-grid.divider-line .product-item:nth-child(2) .product-item-info { border-top-color: transparent; } .products-grid.products.grid.flex-grid .product-item .product-item-info, .products-grid.divider-line .product-item .product-item-info { border-top: 1px solid #e3e4e4; padding: 50px 0 10px; transition: all 0.3s; margin-top: -1px; } .products-grid.products.grid.flex-grid .product-item:hover, .products-grid.divider-line .product-item:hover { background-color: #fff; border-top-color: #e3e4e4; border-bottom-color: #e3e4e4; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .products-grid.products.grid.flex-grid .product-item:hover .product-item-info, .products-grid.divider-line .product-item:hover .product-item-info { border-top-color: transparent; padding: 10px 0 50px; } .products-grid.products.grid.flex-grid .product-item:hover .product-item-details .product-item-actions, .products-grid.divider-line .product-item:hover .product-item-details .product-item-actions { visibility: visible; opacity: 1; } .products-grid.products.grid.flex-grid .product-item-details .product-item-inner, .products-grid.divider-line .product-item-details .product-item-inner { margin-bottom: -30px; } .products-grid.products.grid.flex-grid .product-item-details .product-item-actions, .products-grid.divider-line .product-item-details .product-item-actions { visibility: hidden; opacity: 0; transition: all 0.3s; } .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .products-grid.divider-line .product-item-details .product-item-actions .tocart { background-color: #0088cc; color: #fff; border: 0; height: 40px; line-height: 40px; } .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .actions-secondary.towishlist, .products-grid.divider-line .product-item-details .product-item-actions .actions-secondary.towishlist, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .actions-secondary.tocompare, .products-grid.divider-line .product-item-details .product-item-actions .actions-secondary.tocompare { visibility: visible; position: static; opacity: 1; height: 40px; line-height: 40px; top: 0; width: 40px; border: 0; background-color: #e6e6e6; color: #000; } .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .actions-secondary.towishlist, .products-grid.divider-line .product-item-details .product-item-actions .actions-secondary.towishlist { margin-right: -3px; } .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .actions-secondary.tocompare, .products-grid.divider-line .product-item-details .product-item-actions .actions-secondary.tocompare { margin-left: -3px; } .products { margin: 4px 0; } .product-item { vertical-align: top; } .product-item-details { padding: 10px 0; } .product-item-name { display: block; font-size: 14px; margin: 0 0 3px 0; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .product-item-info { width: 100%; max-width: 100%; text-align: center; } .product-item-photo { display: block; position: relative; overflow: hidden; padding: 3px; border: 1px solid #ddd; border-radius: 7px; } .product-item-photo .product-item-inner { position: absolute; left: 10px; bottom: 10px; text-align: center; visibility: hidden; opacity: 0; transition: all 0.3s; z-index: 3; } .product-item-photo .product-item-inner .product-item-actions > .action { background-color: #fff; } .product-item-photo .product-item-inner .product-item-actions > .actions-primary { display: inline-block; } .product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart { width: 32px; padding: 0; } .product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart:before { margin-right: 0; } .product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart span { display: none; } .product-item-photo:hover .product-item-inner { visibility: visible; opacity: 1; } .product-item-actions .actions-secondary.action:before { margin: 0; } .product-item-actions .action.towishlist { border-color: #ed4949; color: #ed4949; } .product-item-actions .action.towishlist > span { display: none; } .product-item-actions .action.tocompare { border-color: #52b9b5; color: #52b9b5; } .product-item-actions .action.tocompare > span { display: none; } .product-item-description { margin: 10px 0; } .product-item .product-reviews-summary { background: url(../images/rating-bar.png) center no-repeat; line-height: 1; margin: 7px 0; } .product-item .product-reviews-summary .reviews-actions { display: none; text-transform: lowercase; font-size: 12px; } .product-item .rating-summary { overflow: hidden; white-space: nowrap; } .product-item .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .product-item .rating-summary .rating-result { width: 72px; display: inline-block; position: relative; vertical-align: middle; } .product-item .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c3c5c9; font-family: 'porto-icons'; font-size: 12px; height: 12px; letter-spacing: 3px; line-height: 12px; content: '\f844' '\f844' '\f844' '\f844' '\f844'; display: block; font-style: normal; font-weight: normal; speak: none; } .product-item .rating-summary .rating-result > span { display: block; overflow: hidden; } .product-item .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ffc600; font-family: 'porto-icons'; font-size: 12px; height: 12px; letter-spacing: 3px; line-height: 12px; content: '\f844' '\f844' '\f844' '\f844' '\f844'; display: block; font-style: normal; font-weight: normal; speak: none; } .product-item .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .product-item .price-box .price-label { font-size: 12px; color: #c1c1c1; } .product-item .minimal-price .price-container { display: block; } .product-item .minimal-price-link { margin-top: 4.5px; } .product-item .price-from, .product-item .price-to { margin: 0; } .product-item .tocompare:before { content: '\f83b'; } .product-item .tocart { white-space: nowrap; border-radius: 0; font-size: 1.4rem; line-height: 30px; padding: 0 10px; height: 32px; border-radius: 5px; font-weight: 400; } .product-item .tocart:before { display: inline; content: '\f814'; font-family: 'porto-icons'; margin-right: 5px; font-size: 15px; } .products-grid .product-item .box-tocart input.qty { height: 32px; padding: 0 9px; } .products-grid .product-item-details .product-item-actions { white-space: nowrap; margin: 0 -20px; } .products-grid .product-item-details .product-item-actions .actions-primary { display: inline-block; vertical-align: middle; position: relative; z-index: 1; } .products-grid .product-item-details .product-item-actions .actions-secondary { display: inline-block; vertical-align: middle; position: relative; transition: all 0.3s; } .products-grid .product-item-details .product-item-actions .actions-secondary.towishlist { right: -36px; visibility: hidden; opacity: 0; } .products-grid .product-item-details .product-item-actions .actions-secondary.tocompare { left: -36px; visibility: hidden; opacity: 0; } .products-grid .product-item-details .product-item-actions .tocart { color: #333; background-color: #fff; border-color: #ccc; } .products-grid .product-item-info:hover .product-item-details .product-item-actions .actions-secondary.towishlist { right: 0; visibility: visible; opacity: 1; } .products-grid .product-item-info:hover .product-item-details .product-item-actions .actions-secondary.tocompare { left: 0; visibility: visible; opacity: 1; } .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart { background-color: #0088cc; border-color: #0088cc; color: #fff; } .products-grid .owl-carousel .product-item { width: auto; float: none; } .price-container .price { font-size: 2rem; color: #444; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee { margin-top: 5px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax:before, .price-container .weee + .price-excluding-tax .price { font-size: 1.1rem; } .price-container .weee:before { content: "(" attr(data-label) ": "; } .price-container .weee:after { content: ")"; } .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ": "; } .products-list .product-item { display: table; width: 100%; padding: 10px 0; } .products-list .product-item-info { display: table-row; text-align: left; } .products-list .product-item-info:after { display: table; content: ''; clear: both; } .products-list .product-item-photo { width: 20%; display: block; float: left; margin-bottom: 20px; } .products-list .product-item-details { display: block; width: 80%; padding: 0 0 20px 20px; float: left; } .products-list .product-item-details .actions-primary { display: inline-block; } .products-list .product-item-details .actions-secondary { margin-left: 2px; } .products-list .product-item-name { font-size: 18px; line-height: 1; margin: 10px 0; } .products-list .product-item .product-reviews-summary { background: none; } .page-products .columns { position: relative; z-index: 1; padding-top: 60px; } .toolbar { text-align: center; } .toolbar select { background-color: #ffffff; border-radius: 3px; padding-top: 0; padding-bottom: 0; height: 26px; } .toolbar-amount { position: static; display: block; float: left; line-height: 14px; padding: 6px 0; margin: 0; vertical-align: middle; text-align: left; } .products.wrapper ~ .toolbar .toolbar-amount { display: none; } .page-with-filter .toolbar-amount { position: static; } .toolbar-products { background-color: transparent; } .toolbar-products .pages { display: none; } .products.wrapper ~ .toolbar-products .pages { display: block; } .toolbar .pages { margin-bottom: 22.5px; } .products.wrapper ~ .toolbar .pages { float: left; margin-bottom: 0; } .sorter { float: right; } .page-products .sorter { position: static; } .sorter-label { margin-bottom: 0; line-height: 26px; font-weight: 400; } .sorter-options { margin: 0 4.5px 0 7px; width: auto; } .sorter-action { vertical-align: top; display: inline-block; text-decoration: none; } .sorter-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #0088cc; content: '\f840'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sorter-action:hover:before { color: #0088cc; } .sorter-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sorter-action:before { vertical-align: top; } .sorter-action.sort-desc:before { content: '\f842'; } .modes { float: left; display: inline-block; margin-right: 18px; } .modes > a { text-decoration: none; } .modes-mode { float: left; border: 1px solid #ccc; font-weight: 400; color: #cccccc; text-align: center; width: 26px; line-height: 26px; background-color: #ffffff; display: block; margin-right: 5px; border-radius: 3px; display: inline-block; text-decoration: none; } .modes-mode:last-child { margin-right: 0; } .modes-mode.active, .modes-mode:hover { background-color: #0088cc; border-color: #0088cc; color: #fff; } .modes-mode > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modes-mode:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\f839'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modes-mode:before { display: block; } .mode-list:before { content: '\f83a'; } .limiter { float: right; } .products.wrapper ~ .toolbar .limiter { display: block; } .limiter-options { width: auto; margin: 0 5px 0 7px; } .limiter .label { font-weight: 400; margin: 0; } .limiter .control { display: inline-block; } .action.tocompare:before { content: '\f83b'; } .catalog-category-view .page-title-wrapper { display: none; } .price-box { margin: 8px 0 13px; } .price-box .price { font-weight: 600; } .old-price, .old.price { color: #999999; } .old-price { display: inline-block; vertical-align: middle; } .old-price .price { text-decoration: line-through; color: #999; font-size: 14px; } .old-price .price-label { display: none; } .special-price { display: inline-block; vertical-align: middle; } .price-tier_price .price-including-tax + .price-excluding-tax:before { content: "(" attr(data-label) ":"; } .price-tier_price .price-including-tax + .price-excluding-tax:last-child:after { content: ")"; } .price-tier_price .weee[data-label] { display: inline; } .price-tier_price .weee[data-label]:before { content: " +" attr(data-label) ":"; } .actual-price { font-weight: 700; } .category-image .image { max-width: 100%; width: 100%; height: auto; display: block; } .category-cms, .category-image, .category-description { margin-bottom: 18px; word-wrap: break-word; } .product-image-container { display: inline-block; max-width: 100%; min-width: 100%; position: relative; background: #fff; overflow: hidden; z-index: 0; } .product-image-wrapper { height: 0; display: block; position: relative; z-index: 1; overflow: hidden; } .product-image-photo { display: block; position: absolute; top: 0; left: 0; margin: auto; height: auto; width: 100%; } .product-image-photo.default_image { position: static; } .product-image-photo.hover_image { visibility: hidden; opacity: 0; transition: all 0.3s; padding: 3px; } .product-item-photo:hover .product-image-photo.hover_image { visibility: visible; opacity: 1; } .product.media { margin-top: 0; margin-bottom: 50px; } .product.media .placeholder .photo.container { max-width: 100%; } .product.media .notice { margin: 9px 0; color: #c1c1c1; font-size: 1.2rem; } .product.media .product.thumbs { margin: 9px 0 22.5px; } .product.media .items.thumbs { margin: 0; padding: 0; list-style: none none; } .product.media .items.thumbs > li { display: inline-block; vertical-align: top; } .product.media .items.thumbs > li { margin: 1rem 0 0; } .product.media .items.thumbs img { display: block; } .product.media .items.thumbs .active { display: block; line-height: 1; } .product.info.detailed { clear: both; margin-bottom: 50px; } .product.info.detailed .additional-attributes { width: auto; border: none; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th, .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { border: none; } .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 5.5px 4.5px 9px 4.5px; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 5.5px 27px 9px 0; } .fieldset > .field.qty, .nested.options-list > .field.qty { display: inline-block; vertical-align: middle; margin: 0; margin-right: 15px; } .fieldset > .field.qty > .label, .nested.options-list > .field.qty > .label { display: none; } .fieldset > .actions { display: inline-block; vertical-align: middle; margin: 0; } .input-text.qty { border-radius: 3px; } .product-info-main { margin-bottom: 30px; } .product-info-main .page-title-wrapper h1 { margin: 0 0 15px; font-size: 28px; font-weight: 600; line-height: 1; color: #555555; } .product-info-main .product-info-price { border-bottom: 1px #ebebeb solid; display: table; width: 100%; margin-bottom: 15px; } .product-info-main .product-info-price .price-box { display: table-cell; vertical-align: top; } .product-info-main .product-info-price .price-box .price-final_price > span { display: block; margin-bottom: 4.5px; } .product-info-main .product-info-price .price-box .price-final_price > span:last-child { margin-bottom: 0; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax, .product-info-main .product-info-price .weee + .price-excluding-tax, .product-info-main .product-info-price .weee { font-size: 1.4rem; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax .price, .product-info-main .product-info-price .weee + .price-excluding-tax .price, .product-info-main .product-info-price .weee .price { font-size: 1.4rem; font-weight: 600; line-height: 16px; } .product-info-main .product-info-price .price-wrapper .price { font-size: 2.2rem; font-weight: 600; line-height: 22px; color: #0088cc; } .product-info-main .product-info-price .old-price .price-wrapper .price { font-size: 2rem; font-weight: 300; color: #999999; } .product-info-main .product-info-price .special-price .price-label:after { content: ": "; } .product-info-main .product-info-stock-sku { min-width: 15rem; text-align: right; display: table-cell; vertical-align: bottom; padding-left: 10%; padding-bottom: 30px; color: #777777; } .product-info-main .stock { margin: 0; } .product-info-main .stock.available, .product-info-main .stock.unavailable { font-weight: 700; text-transform: uppercase; } .product-info-main .product.sku { word-wrap: break-word; } .product-info-main .product-add-form { clear: both; } .product-info-main .product.sku .type { font-weight: normal; margin-right: 4.5px; } .product-info-main .product.sku .type:after { content: '#:'; } .product-info-main .product.sku .value { display: inline-block; } .product-info-main .product.overview { margin: 18px 0; } .product-info-main .product.alert { margin: 9px 0; } .product-info-main .product-reviews-summary { margin-bottom: 20px; } .product-info-main .box-tocart { margin-top: 0; margin-bottom: 30px; } .product-info-main .box-tocart .actions { margin-right: 20px; } .product-info-main .product-options-bottom .box-tocart { margin-top: 20px; margin-bottom: 20px; } .product-options-wrapper { padding-bottom: 10px; border-bottom: 1px solid #ebebeb; } .product-options-wrapper .fieldset-product-options-inner .legend { border: none; font-weight: 600; display: inline-block; font-size: 1.4rem; float: none; padding: 0; margin: 0 0 8px; } .product-options-wrapper .fieldset-product-options-inner.required .legend:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 4.5px; } .product-options-wrapper .field .note { display: block; margin-top: 4.5px; } .product-options-bottom .price-box, .product-info-price .price-box { display: table-cell; vertical-align: top; padding-bottom: 20px; } .product-options-bottom .price-box .old-price, .product-info-price .price-box .old-price { font-size: 20px; font-weight: 300; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline-block; color: #999999; } .product-options-bottom .price-box .old-price .price-container > span.price-label, .product-info-price .price-box .old-price .price-container > span.price-label { display: none; } .product-options-bottom .price-box .price-container > span, .product-info-price .price-box .price-container > span { display: block; margin-bottom: 4.5px; } .product-options-bottom .price-box .price-container > span:last-child, .product-info-price .price-box .price-container > span:last-child { margin-bottom: 0; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 22px; line-height: 22px; font-weight: 600; color: #0088cc; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax, .product-info-price .price-box .price-container .weee + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee, .product-info-price .price-box .price-container .weee { font-size: 1.2rem; line-height: 14px; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax .price, .product-info-price .price-box .price-container .weee + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee .price, .product-info-price .price-box .price-container .weee .price { font-size: 1.2rem; font-weight: 700; } .box-tocart .action.tocart { vertical-align: top; } .box-tocart .action.tocart:not(:last-child) { margin-bottom: 0; } .product-addto-links { display: inline; } .product-addto-links .action { margin-right: 5%; } .product-social-links { margin: 0 0 20px; text-align: left; padding-top: 20px; border-top: 1px solid #ebebeb; } .moved-add-to-links { display: inline-block; vertical-align: top; } .product-addto-links .action span, .moved-add-to-links .action span, .product-social-links .action span { display: none; } .product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before { content: '\f83b'; } .product-addto-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.mailto.friend { color: #999999; border-color: #999999; border-radius: 3px; } .product-addto-links a.action:before, .moved-add-to-links a.action:before, .product-social-links a.action:before { line-height: 30px; } .product-addto-links .action { margin-right: 5px; border-radius: 3px; } .product-addto-links .action.towishlist { color: #ed4949; border-color: #ed4949; } .product-addto-links .action.tocompare { color: #52b9b5; border-color: #52b9b5; } .prices-tier { margin-bottom: 13.5px; } .prices-tier .item { margin-bottom: 9px; } .prices-tier .item:last-child { margin-bottom: 0; } .prices-tier .price-excluding-tax, .prices-tier .price-including-tax { display: inline-block; } .minimal-price-link, .price-excluding-tax, .price-including-tax { white-space: nowrap; display: block; } .ui-dialog-titlebar-close { line-height: 1.4; margin: 0; padding: 0; color: #0088cc; text-decoration: none; background: none; border: 0; display: inline; } .ui-dialog-titlebar-close:visited { color: #0088cc; text-decoration: none; } .ui-dialog-titlebar-close:hover { color: #0088cc; text-decoration: underline; } .ui-dialog-titlebar-close:active { color: #0088cc; text-decoration: underline; } .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus { background: none; border: 0; } .ui-dialog-titlebar-close.disabled, .ui-dialog-titlebar-close[disabled], fieldset[disabled] .ui-dialog-titlebar-close { color: #0088cc; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .qty.field .control, .qty.field .qty-changer { display: inline-block; vertical-align: middle; } .qty.field .qty-changer > a { display: block; border: 1px solid #cccccc; border-radius: 3px; height: 18px; line-height: 16px; margin-top: 2px; color: #ccc; font-size: 11px; } .qty.field .qty-changer > a:first-child { margin-top: 0; } .qty.field .qty-changer > a:hover { color: #0088cc; } .fotorama__nav .fotorama__thumb-border { border-color: #0088cc; } .sidebar .product-items .product-item { margin-bottom: 18px; position: relative; float: none; width: auto; padding: 0; } .sidebar .product-items .product-item:last-child { margin-bottom: 0; } .sidebar .product-items .product-item-info { position: relative; width: auto; margin-bottom: 20px; } .sidebar .product-items .product-item-info:after { content: ""; display: table; clear: both; } .sidebar .product-items .product-item-info .product-item-photo { float: left; max-width: 33%; margin-right: 10px; } .sidebar .product-items .product-item-info .product-item-photo img { position: static; width: auto; } .sidebar .product-items .product-item-name { margin-top: 0; } .sidebar .product-items .product-item-details { text-align: left; margin-left: calc(33% + 15px); padding: 7px 0; } .sidebar .product-items .product-item-actions { display: block; margin: 0; } .sidebar .product-items .product-item .product-reviews-summary { background: none; } .sidebar .product-items .price-box { display: block; margin: 3px 0; } .sidebar .product-items .text { margin-right: 8px; } .sidebar .product-items .counter { color: #c1c1c1; font-size: 12px; white-space: nowrap; } .sidebar .product-items .minilist .price { display: inline; padding: 0; } .sidebar .product-items .minilist .weee:before { display: inline-block; } .sidebar .product-items .action.delete { position: absolute; right: 0; top: 0; } .sidebar .product-items-images { margin-left: -4.5px; } .sidebar .product-items-images .product-item { float: left; padding-left: 4.5px; } .sidebar .product-items-names .product-item { margin-bottom: 9px; } .sidebar .product-items-names .product-item-name { margin: 0; } .side-list .product-item-name { font-size: 13px; } .side-list .price-container .price { font-size: 15px; } .product-labels { position: absolute; right: 10px; top: 10px; } .product-labels .product-label:first-child { margin-top: 0; } .product-label { padding: 7px 10px; font-size: 12px; font-weight: 600; border-radius: 4px; color: #fff; margin-top: 5px; line-height: 1; } .product-label.new-label { background-color: #62b959; } .product-label.sale-label { background-color: #e27c7c; } body.catalog-product-compare-index .action.print { float: right; margin: 15px 0; } .table-wrapper.comparison { clear: both; overflow-x: auto; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { border-top: 0; } .table-wrapper.comparison .table-comparison > tbody > tr > th.info, .table-wrapper.comparison .table-comparison > tbody > tr > td.info { background-color: transparent; } .table-wrapper.comparison .table-comparison > thead > tr > th { border-bottom: 0; } .table-wrapper.comparison .product-image-container { border: 0; border-radius: 0; padding: 0; background: none; } .table-comparison { table-layout: fixed; } .table-comparison .cell.label, .table-comparison td:last-child { border-right: 1px solid #cccccc; } .table-comparison .cell { width: 180px; padding: 15px; } .table-comparison .cell .attibute.value { width: 100%; overflow: hidden; } .table-comparison .cell.product.info, .table-comparison .cell.product.label { border-bottom: 1px solid #cccccc; } .table-comparison .cell.label .attribute.label { display: block; width: 100%; word-wrap: break-word; } .table-comparison .cell.attribute { font-size: 1.3rem; } .table-comparison .cell.attribute img { max-width: 100%; height: auto; } .table-comparison .cell.remove { padding-top: 0; padding-bottom: 0; text-align: right; } .table-comparison .product-item-photo { display: block; margin: 0 auto 15px; } .table-comparison .product-image-photo { margin-left: 0; } .table-comparison .product-item-actions, .table-comparison .price-box, .table-comparison .product.rating, .table-comparison .product-item-name { display: block; margin: 15px 0; } .table-comparison .product-addto-links { margin-top: 15px; } .table-comparison .product-addto-links .action.split, .table-comparison .product-addto-links .action.toggle { line-height: 1.2rem; padding: 4.5px 8px; font-size: 1.1rem; } .table-comparison .product-addto-links .action.toggle { padding: 0; } .table-comparison .action.tocart { white-space: nowrap; height: 32px; padding: 0 17px; } .table-comparison .actions-primary, .table-comparison .actions-secondary { display: inline-block; } .comparison.headings { position: absolute; z-index: 2; top: 0; left: 0; width: auto; background: #ffffff; } .sidebar .product-item .tocart { border-radius: 3px; } .block-compare .product-item .product-item-name { margin-left: 22px; } .block-compare .action.delete { position: absolute; left: 0; right: auto; top: 0; } .block-compare .actions-toolbar { margin: 17px 0 0; } .sticky-product { position: fixed; top: 0; left: 0; width: 100%; z-index: 4; background-color: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); padding: 60px 0 15px 0; } .sticky-product.no-sticky-header { padding: 15px 0; } .sticky-product > .container { position: relative; } .sticky-product .sticky-image, .sticky-product .sticky-detail { display: inline-block; vertical-align: middle; margin-right: 15px; } .sticky-product .sticky-detail .product-name-area { display: inline-block; vertical-align: top; margin: 0; margin-right: 15px; } .sticky-product .sticky-detail .product-name-area .product-name { line-height: 25px; margin: 0; font-size: 16px; font-weight: 600; } .sticky-product .sticky-detail .availability span { font-size: 14px; font-weight: 400; } .sticky-product .product-info-price .price-box { padding-bottom: 0; } .sticky-product .product-info-price .price-box .price-container > span { margin-bottom: 0; } .sticky-product .product-info-price .price-box .price-container .price { font-size: 25px; color: #444; } .sticky-product .product-info-price .price-box .old-price .price-container .price { color: #999; font-size: 18px; } .sticky-product .add-to-cart { position: absolute; right: 15px; top: 50%; margin-top: -19px; } .sticky-product .product-info-stock-sku { min-width: 150px; text-align: right; display: table-cell; vertical-align: bottom; padding-left: 10%; color: #777; } .sticky-product .stock { margin: 0; } .sticky-product .stock.available, .sticky-product .stock.unavailable { font-weight: 700; text-transform: uppercase; } .sticky-product .product.attibute.sku { word-wrap: break-word; } .sticky-product .product.attibute.sku .type { font-weight: normal; margin-right: 4.5px; } .sticky-product .product.attibute.sku .type:after { content: '#:'; } .sticky-product .product.attibute.sku .value { display: inline-block; } .sticky-product .actions { position: absolute; right: 15px; top: 50%; margin-top: -19px; } .sticky-product .actions .action.primary { min-width: 150px; } .layout-fullwidth .sticky-product > .container { max-width: 100%; } .prev-next-products { float: right; } .prev-next-products a { color: #555; display: inline-block; font-size: 22px; line-height: 28px; } .prev-next-products .product-nav { display: inline-block; vertical-align: middle; position: relative; } .prev-next-products .product-nav .product-pop { border-top: 3px solid #0088cc; position: absolute; left: 0; top: 100%; padding: 10px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); z-index: 1; visibility: hidden; opacity: 0; transition: all 0.2s; text-align: center; border-radius: 4px; width: 100px; margin-top: 10px; } .prev-next-products .product-nav .product-pop:before { content: ""; width: 5px; height: 2px; border: 5px solid transparent; border-bottom-color: #0088cc; display: block; position: absolute; top: -13px; left: 0; } .prev-next-products .product-nav .product-pop .product-image { margin-bottom: 10px; } .prev-next-products .product-nav .product-pop .product-name { margin: 0; font-weight: 600; font-size: 11px; } .prev-next-products .product-nav:hover .product-pop { opacity: 1; visibility: visible; } .prev-next-products .product-nav.product-prev .product-pop { right: auto; left: 0; margin-left: -20px; } .prev-next-products .product-nav.product-prev .product-pop:before { left: 32px; right: auto; } .prev-next-products .product-nav.product-next .product-pop { left: auto; right: 0; margin-right: -15px; } .prev-next-products .product-nav.product-next .product-pop:before { right: 26px; left: auto; } .block.related .action.select { vertical-align: top; } .block.related .product-item-details { z-index: 1; } .block.related .field.choice { position: absolute; top: 2px; left: 6px; } .block.upsell .title { background: url(../images/slider-bar.png) right no-repeat; } .block.upsell .title strong { font-size: 16px; text-transform: uppercase; background-color: #fff; padding: 0; padding-right: 20px; } .sidebar .custom-block { margin-bottom: 30px; padding-bottom: 40px; background: url(../images/bkg_4.png) bottom no-repeat; } .sidebar .custom-block.custom-block-1 { padding-bottom: 20px; } .sidebar .custom-block.custom-block-1 > div { min-height: 50px; margin-bottom: 20px; clear: both; } .sidebar .custom-block.custom-block-1 > div em { font-size: 30px; color: #000; float: left; width: 50px; height: 50px; line-height: 48px; border: 1px solid #bbb; border-radius: 50%; text-align: center; margin-right: 10px; } .sidebar .custom-block.custom-block-1 > div h3 { color: #313131; font-size: 16px; margin: 0; line-height: 1.5; margin-left: 50px; padding-top: 4px; font-weight: 600; letter-spacing: -0.1px; } .sidebar .custom-block.custom-block-1 > div p { font-size: 12px; margin: 0; margin-left: 50px; line-height: 1; } .block-search { margin-bottom: 0; } .block-search .block-title { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { text-decoration: none; display: inline-block; float: right; } .block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #0088cc; content: '\f818'; font-family: 'porto-icons'; margin: 0 9px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #0088cc; } .block-search .label:active:before { color: #0088cc; } .block-search .label.active + .control input { position: static; } .block-search .action.search { display: none; } .block-search .control { clear: both; margin: 0 -15px -1px; padding: 0 15px; } .block-search input { left: -300%; position: absolute; margin: 15px 0; } .block-search .nested { display: none; } .search-autocomplete { display: none; position: absolute; z-index: 3; overflow: hidden; margin-top: -15px; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul:not(:empty) { background: #ffffff; border: 1px solid #cccccc; border-top: 0; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; padding: 4.5px 36px 4.5px 9px; margin: 0; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 4.5px; } .form.search.advanced { display: block; border: 1px solid #ececec; border-radius: 8px; background: #fff; border-top: 4px solid #0088cc; padding: 35px 25px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; text-align: center; width: 25px; position: absolute; right: 0; top: 6px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error[generated] { position: absolute; top: 32px; left: 0; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search-terms { line-height: 2em; } .search-terms > li { display: inline-block; margin-right: 9px; } .checkout-cart-index .page-main { padding-left: 0; padding-right: 0; } .checkout-cart-index .page-title-wrapper { padding-left: 15px; padding-right: 15px; } .cart-summary { background: #f5f5f5; margin-bottom: 22.5px; padding: 1px 0 22.5px; background: #fbfbfb; border: 1px solid #ddd; border-radius: 8px; } .cart-summary > .title { font-size: 2.4rem; display: none; font-weight: 300; margin: 12px 0; } .cart-summary .block form:not(:last-of-type) .fieldset { margin: 0 0 22.5px; } .cart-summary .block .price { font-weight: 700; } .cart-summary .block .field { margin: 0 0 16px; } .cart-summary .block .field.note { display: none; } .cart-summary .block .actions-toolbar > .primary { text-align: left; } .cart-summary .block .actions-toolbar > .primary .action.primary { width: auto; } .cart-summary .block .title strong { font-size: 1.4rem; font-weight: 600; } .cart-summary .block .item-options { margin: 0 0 16px; } .cart-summary .block .item-options .field .radio { float: left; margin-right: 8px; } .cart-summary .block .item-options .field .radio + .label { display: block; margin: 0; overflow: hidden; font-weight: 400; } .page-main .cart-summary .block { margin-bottom: 0; } .cart-summary .checkout-methods-items { margin: 18px 0 0; padding: 0 15px; text-align: center; } .cart-summary .checkout-methods-items .action.primary.checkout { width: 100%; } .cart-summary .checkout-methods-items .item { margin-bottom: 22.5px; } .cart-summary .checkout-methods-items .item:last-child { margin-bottom: 0; } .cart-summary .message { padding-left: 18px; } .cart-summary .message > *:first-child:before { display: none; } .cart-totals tbody .mark, .cart-totals tfoot .mark { text-align: left; } .cart.table-wrapper .product-item-name > a { font-size: 14px; } .cart.table-wrapper .product-item-name > a, .cart.table-wrapper .product-item-name > a:hover { color: #0088cc; } .cart.table-wrapper .product-image-container { border: 1px solid #ccc; border-radius: 5px; padding: 3px; } .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #cccccc; padding-bottom: 12px; padding-top: 24px; font-size: 14px; font-weight: 600; } .cart.table-wrapper .cart tbody td { border: 0; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #cccccc; position: relative; } .cart.table-wrapper .col { vertical-align: middle; } .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { font-size: 14px; text-align: center; } .cart.table-wrapper .col.subtotal .price { color: #0088cc; } .cart.table-wrapper .col.qty { text-align: center; } .cart.table-wrapper .col.qty .input-text { text-align: center; width: 45px; } .cart.table-wrapper .col.qty .field.qty { min-width: 67px; } .cart.table-wrapper .col > .price { color: #c1c1c1; font-size: 1.8rem; font-weight: 700; } .cart.table-wrapper .item-actions td { padding-bottom: 0; padding-left: 15px; padding-right: 15px; white-space: normal; } .cart.table-wrapper .item .col.item { display: block; min-height: 75px; padding: 15px 15px 9px 90px; position: relative; } .cart.table-wrapper .actions-toolbar { min-height: 20px; padding-bottom: 30px; position: relative; } .cart.table-wrapper .actions-toolbar > .action-edit, .cart.table-wrapper .actions-toolbar > .action-delete { position: absolute; right: 16px; top: 0; display: inline-block; text-decoration: none; } .cart.table-wrapper .actions-toolbar > .action-edit > span, .cart.table-wrapper .actions-toolbar > .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .actions-toolbar > .action-edit:before, .cart.table-wrapper .actions-toolbar > .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\f826'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before { color: #777777; } .cart.table-wrapper .actions-toolbar > .action-edit:active:before, .cart.table-wrapper .actions-toolbar > .action-delete:active:before { color: #0088cc; } .cart.table-wrapper .actions-toolbar > .action-delete { right: 0; } .cart.table-wrapper .actions-toolbar > .action-delete:before { content: '\f81a'; } .cart.table-wrapper .action { margin-right: 15px; } .cart.table-wrapper .action:last-child { margin-right: 0; } .cart.table-wrapper .action.help.map { font-weight: 400; } .cart.table-wrapper .product-item-photo { display: block; left: 15px; max-width: 65px; padding: 0; position: absolute; top: 15px; width: 100%; border: 0; border-radius: 0; } .cart.table-wrapper .product-item-name { font-size: 1.8rem; display: block; margin: 0; margin-top: 10px; } .cart.table-wrapper .gift-registry-name-label:after { content: ':'; } .cart.table-wrapper .item-options { margin-bottom: 0; } .cart.table-wrapper .product-item-name + .item-options { margin-top: 18px; } .cart.table-wrapper .action.configure { display: inline-block; margin: 9px 0 0; } .cart.table-wrapper .item .message { margin-top: 18px; } .cart-discount { border-bottom: 1px solid #cccccc; clear: left; } .cart-empty { padding-left: 15px; padding-right: 15px; } .cart-tax-info + .cart-tax-total { display: block; } .block.crosssell { padding: 0 15px; margin-top: 70px; } .block.crosssell .product-item-info { width: 200px; } .block-minicart .items-total { float: right; margin-top: 20px; } .block-minicart .items-total .count { font-weight: 700; color: #000; } .block-minicart .subtotal { text-align: left; } .block-minicart .amount .price-wrapper { color: #000; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 17px; font-weight: 700; } .block-minicart .subtitle { display: none; } .block-minicart .subtitle.empty { display: block; padding: 27px 0 18px; text-align: center; font-size: 13px; font-weight: 400; } .block-minicart .text.empty { text-align: center; } .block-minicart .block-content > .actions { margin-top: 15px; } .block-minicart .block-content > .actions > .secondary { text-align: center; margin: 0 0 15px; } .block-minicart .block-content > .actions > .secondary .action.viewcart { display: block; width: 100%; padding: 10px 15px; text-transform: uppercase; font-size: 15px; border: 1px solid #ccc; border-radius: 3px; } .block-minicart .block-content > .actions > .primary { margin: 0 0 15px; } .block-minicart .block-content > .actions > .primary .action.primary { display: block; width: 100%; padding: 10px 15px; font-weight: 400; text-transform: uppercase; font-size: 15px; } .block-minicart .block-content > .actions .paypal-logo { margin-top: 15px; text-align: center; } .block-minicart .block-category-link, .block-minicart .block-product-link, .block-minicart .block-cms-link, .block-minicart .block-banners { margin: 15px 0 0; text-align: center; } .minicart-wrapper { display: inline-block; position: relative; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .action.showcart { cursor: pointer; display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #0088cc; content: '\f815'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart:hover:before { color: #0088cc; } .minicart-wrapper .action.showcart:active:before { color: #0088cc; } .minicart-wrapper .action.showcart.active { display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart.active:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #0088cc; content: '\f815'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart.active:hover:before { color: #0088cc; } .minicart-wrapper .action.showcart.active:active:before { color: #0088cc; } .minicart-wrapper .block-minicart { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 0; margin-top: 7px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .minicart-wrapper .block-minicart li { margin: 0; } .minicart-wrapper .block-minicart li:hover { cursor: pointer; } .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .minicart-wrapper .block-minicart:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .minicart-wrapper .block-minicart:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .minicart-wrapper .block-minicart:before { left: 10px; top: -21px; } .minicart-wrapper .block-minicart:after { left: 9px; top: -23px; } .minicart-wrapper.active { overflow: visible; } .minicart-wrapper.active .block-minicart { display: block; } .minicart-wrapper .block-minicart { padding: 25px 18px; width: 320px; right: -15px; border-top: 6px solid #0088cc; color: #777777; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } .minicart-wrapper .block-minicart .block-title { display: none; } .minicart-wrapper .block-minicart:after { left: auto; right: 25px; border: 9px solid; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; } .minicart-wrapper .block-minicart:before { left: auto; right: 26px; border: 8px solid; border-color: transparent transparent #0088cc transparent; } .minicart-wrapper .product .actions { float: right; margin: -30px 0 0; } .minicart-wrapper .product .actions > .primary, .minicart-wrapper .product .actions > .secondary { display: inline; } .minicart-wrapper .product .actions > .primary:not(:last-child), .minicart-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 15px; } .minicart-wrapper .action.close { width: 40px; height: 40px; top: 0; right: 0; position: absolute; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; } .minicart-wrapper .action.close:focus, .minicart-wrapper .action.close:active { background: none; border: none; } .minicart-wrapper .action.close:hover { background: none; border: none; } .minicart-wrapper .action.close.disabled, .minicart-wrapper .action.close[disabled], fieldset[disabled] .minicart-wrapper .action.close { pointer-events: none; opacity: 0.5; } .minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-wrapper .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #777777; content: '\f819'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.close:hover:before { color: inherit; } .minicart-wrapper .action.close:active:before { color: inherit; } .minicart-wrapper .action.showcart { white-space: nowrap; } .minicart-wrapper .action.showcart .counter.qty { color: #ffffff; height: 24px; line-height: 24px; border-radius: 2px; display: inline-block; margin: -11px 0 0; min-width: 18px; width: 100%; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; position: absolute; top: 50%; left: 0; font-weight: 600; font-size: 14px; } .minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 24px; } .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before { color: #0088cc; line-height: 40px; margin: 0; } .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before { color: #0088cc; } .minicart-wrapper .minicart-widgets { margin-top: 15px; } .minicart-items-wrapper { margin: 0 -15px; overflow-x: auto; padding: 15px; } .minicart-items { margin: 0; padding: 0; list-style: none none; } .minicart-items .product-item { padding: 18px 0; } .minicart-items .product-item:not(:first-child) { border-top: 1px solid #eeeeee; } .minicart-items .product-item:first-child { padding-top: 0; } .minicart-items .product-item-pricing .label { display: inline-block; width: 4.5rem; } .minicart-items .price-minicart { margin-bottom: 4.5px; } .minicart-items .product-item-name { font-size: 14px; font-weight: 400; margin: 0 0 9px; } .minicart-items .product-item-name a { color: #0088cc; } .minicart-items .product-item-details { padding-left: 95px; text-align: left; } .minicart-items .product-item-details .price { font-weight: 700; color: #000; } .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax { margin: 4.5px 0; } .minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; } .minicart-items .product-item-details .details-qty { margin-top: 9px; } .minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container { float: left; min-width: 0; } .minicart-items .product .toggle { border: 0; padding: 0 36px 4.5px 0; } .minicart-items .product .toggle:after { position: static; margin: 0 0 0 4.5px; color: #8f8f8f; } .minicart-items .product .product.options > .toggle:after { font-family: 'porto-icons'; } .minicart-items .product .product.options > .toggle:after { content: '\f807'; } .minicart-items .product .product.options.active > .toggle:after { content: '\f804'; } .minicart-items .product.pricing { margin-top: 3px; } .minicart-items .product.options .tooltip.toggle { display: inline-block; text-decoration: none; } .minicart-items .product.options .tooltip.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .tooltip.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .product.options .details { display: none; } .minicart-items .item-qty { width: 40px; text-align: center; margin-right: 9px; border-radius: 3px; } .minicart-items .update-cart-item { vertical-align: top; font-size: 1.1rem; } .minicart-items .action.edit, .minicart-items .action.delete { display: inline-block; text-decoration: none; } .minicart-items .action.edit > span, .minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .action.edit:before, .minicart-items .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\f826'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before { color: #0088cc; } .minicart-items .action.edit:active:before, .minicart-items .action.delete:active:before { color: #0088cc; } .minicart-items .action.delete:before { content: '\f81a'; } .minicart-items .subtitle { display: none; } .checkout-container { margin: 0 0 18px; } .opc-wrapper { margin: 0 0 18px; } .opc-wrapper .step-title { border-bottom: 1px solid #cccccc; } .opc-wrapper .step-content { margin: 0 0 36px; } .checkout-index-index .logo { margin-left: 0; } .opc-estimated-wrapper { background: #f4f4f4; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: -21px -15px 15px; padding: 18px 15px; } .opc-estimated-wrapper .estimated-block { font-size: 18px; float: left; font-weight: 600; } .opc-estimated-wrapper .estimated-block .estimated-label { display: block; margin: 0 0 4.5px; } .opc-estimated-wrapper .estimated-block .estimated-price { color: #0088cc; } .opc-estimated-wrapper .minicart-wrapper { float: right; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; height: auto; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:focus, .opc-estimated-wrapper .minicart-wrapper button.action.showcart:active { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:hover { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart.disabled, .opc-estimated-wrapper .minicart-wrapper button.action.showcart[disabled], fieldset[disabled] .opc-estimated-wrapper .minicart-wrapper button.action.showcart { pointer-events: none; opacity: 0.5; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart .counter.qty { left: 0; } .opc-progress-bar { display: none; } .field._error .control input, .field._error .control select, .field._error .control textarea { border-color: #ed8380; } .checkout-index-index .modal-popup .fieldset .field .label { font-weight: 400; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 3px; } .field-tooltip { cursor: pointer; position: absolute; right: 0; top: 1px; } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: #777777; } .field-tooltip .field-tooltip-action { display: inline-block; text-decoration: none; } .field-tooltip .field-tooltip-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; line-height: inherit; color: #bbbbbb; content: '\f853'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .field-tooltip .field-tooltip-action:hover:before { color: #777777; } ._keyfocus .field-tooltip .field-tooltip-action:focus { z-index: 100; } ._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content { display: block; } ._keyfocus .field-tooltip .field-tooltip-action:focus:before { color: #777777; } .field-tooltip .field-tooltip-content { background: #f4f4f4; border: 1px solid #dddddd; border-radius: 1px; font-size: 13px; padding: 12px; width: 270px; display: none; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; border-right-color: #f4f4f4; left: -21px; top: 12px; content: ''; display: block; position: absolute; z-index: 3; } .field-tooltip .field-tooltip-content:before { border-right-color: #dddddd; } .field-tooltip .field-tooltip-content:after { border-right-color: #f4f4f4; width: 1px; z-index: 4; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; margin-bottom: 28px; } .opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label { font-weight: 400; } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 13px; margin-top: 9px; } .opc-wrapper .shipping-address-items { font-size: 0; } .opc-wrapper .shipping-address-item { border: 2px solid transparent; font-size: 13px; line-height: 30px; margin: 0 0 18px; padding: 18px 32px 18px 18px; transition: 0.3s border-color; width: 50%; display: inline-block; position: relative; vertical-align: top; word-wrap: break-word; } .opc-wrapper .shipping-address-item.selected-item { border-color: #ff5501; } .opc-wrapper .shipping-address-item.selected-item:after { background: #ff5501; color: #ffffff; content: '\f82b'; font-family: 'porto-icons'; height: 27px; width: 29px; font-size: 19px; line-height: 21px; padding-top: 2px; position: absolute; right: 0; text-align: center; top: 0; } .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { visibility: hidden; } .opc-wrapper .action-show-popup { margin: 0 0 18px; } .opc-wrapper .action-show-popup > span:before { content: '+'; padding-right: 4.5px; } .opc-wrapper .action-select-shipping-item { float: right; margin: 18px 0 0; } .opc-wrapper .edit-address-link { display: block; float: left; margin: 26px 5px 0 0; } .checkout-shipping-method .step-title { margin-bottom: 0; } .checkout-shipping-method .no-quotes-block { margin: 18px 0; } .methods-shipping .actions-toolbar .action.primary { margin: 18px 0 0; } .table-checkout-shipping-method thead th { display: none; font-weight: 600; } .table-checkout-shipping-method tbody td { border-top: 1px solid #cccccc; padding-bottom: 18px; padding-top: 18px; } .table-checkout-shipping-method tbody td:first-child { padding-left: 0; padding-right: 0; width: 20px; } .table-checkout-shipping-method tbody tr:first-child td { border-top: none; } .table-checkout-shipping-method tbody .col-price { font-weight: 600; } .table-checkout-shipping-method tbody .row-error td { border-top: none; padding-bottom: 9px; padding-top: 0; } .checkout-shipping-method { position: relative; } .shipping-policy-block.field-tooltip { top: 12px; } .shipping-policy-block.field-tooltip .field-tooltip-action { color: #0088cc; cursor: pointer; } .shipping-policy-block.field-tooltip .field-tooltip-action:before { display: none; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 420px; top: 27px; } .opc-block-shipping-information .shipping-information-title { border-bottom: 1px solid #cccccc; margin: 0 0 18px; position: relative; } .opc-block-shipping-information .shipping-information-title .action-edit { top: 9px; display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-shipping-information .shipping-information-title .action-edit:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\f826'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-shipping-information .shipping-information-title .action-edit:hover:before { color: #0088cc; } .opc-block-shipping-information .shipping-information-title .action-edit:active:before { color: #0088cc; } .opc-block-shipping-information .shipping-information-title .action-edit:before { display: block; } .opc-block-shipping-information .shipping-information-content { line-height: 27px; } .opc-block-shipping-information .shipping-information-content .actions-toolbar { margin-left: 0; } .opc-block-shipping-information .ship-to, .opc-block-shipping-information .ship-via { margin: 0 0 18px; } .opc-block-summary { background: #f5f5f5; padding: 22px 27px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 30px; } .opc-block-summary > .title { display: block; } .opc-block-summary .mark .value { color: #999999; display: block; } .opc-block-summary .grand.incl + .grand.excl .mark, .opc-block-summary .grand.incl + .grand.excl .amount { border-top: 0; font-size: 1.4rem; padding-top: 0; } .opc-block-summary .grand.incl + .grand.excl .mark strong, .opc-block-summary .grand.incl + .grand.excl .amount strong { font-weight: 400; } .opc-block-summary .not-calculated { font-style: italic; } .opc-block-summary .items-in-cart > .title { border-bottom: 1px solid #cccccc; padding: 9px 36px 9px 0; cursor: pointer; display: block; text-decoration: none; margin-bottom: 0; position: relative; } .opc-block-summary .items-in-cart > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-summary .items-in-cart > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-summary .items-in-cart > .title:after { position: absolute; right: 0; top: 9px; } .opc-block-summary .items-in-cart > .title strong { font-size: 1.8rem; font-weight: 300; margin: 0; } .opc-block-summary .items-in-cart.active > .title:after { content: '\f804'; } .opc-block-summary .items-in-cart .product { position: relative; } .opc-block-summary .minicart-items-wrapper { margin: 0 -15px 0 0; max-height: 370px; padding: 15px 15px 0 0; border: 0; } .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0; } .opc-block-summary .product-item .product-item-inner { display: table; margin: 0 0 9px; width: 100%; } .opc-block-summary .product-item .product-item-name-block { display: table-cell; padding-right: 4.5px; text-align: left; } .opc-block-summary .product-item .subtotal { display: table-cell; text-align: right; } .opc-block-summary .product-item .price { font-size: 1.6rem; font-weight: 400; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price { font-size: 1rem; } .authentication-dropdown { box-sizing: border-box; } .authentication-dropdown .modal-inner-wrap { padding: 25px 18px; } .authentication-dropdown button.action-close { width: 40px; height: 40px; margin: 0; } .authentication-dropdown .modal-header { min-height: 0; padding: 0; border: 0; } .authentication-dropdown .modal-content { box-shadow: none; -webkit-box-shadow: none; position: static; background: none; border: 0; border-radius: 0; } .authentication-wrapper { float: right; margin-top: -70px; max-width: 50%; position: relative; z-index: 1; } ._has-auth-shown .authentication-wrapper { z-index: 900; } .authentication-wrapper button.action-auth-toggle { border: 0; color: #0088cc; padding: 0; background: none; } .block-authentication .block-title { font-size: 1.7rem; border-bottom: 0; margin-bottom: 22.5px; } .block-authentication .block-title strong { font-weight: 300; } .block-authentication .field .label { font-weight: 400; } .block-authentication .block[class] { margin: 0; } .block-authentication .block[class] ul { list-style: none; padding-left: 9px; } .block-authentication .block[class] .field .control, .block-authentication .block[class] .field .label { float: none; width: auto; } .block-authentication .block[class] + .block { border-top: 1px solid #c1c1c1; margin-top: 36px; padding-top: 36px; position: relative; } .block-authentication .block[class] + .block::before { height: 36px; line-height: 34px; margin: -19px 0 0 -18px; min-width: 36px; background: #ffffff; border-radius: 50%; border: 1px solid #c1c1c1; box-sizing: border-box; color: #c1c1c1; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 .2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } .checkout-payment-method .step-title { margin-bottom: 0; } .checkout-payment-method .payment-method:first-child .payment-method-title { border-top: 0; } .checkout-payment-method .payment-method._active .payment-method-content { display: block; } .checkout-payment-method .payment-method-title { border-top: 1px solid #cccccc; padding: 18px 0; margin: 0; } .checkout-payment-method .payment-method-title .payment-icon { display: inline-block; margin-right: 4.5px; vertical-align: middle; } .checkout-payment-method .payment-method-title .action-help { display: inline-block; margin-left: 4.5px; } .checkout-payment-method .payment-method-content { display: none; padding: 0 0 18px 22px; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { margin: 0 0 18px; } .checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form { max-width: 500px; } .checkout-payment-method .billing-address-same-as-shipping-block { margin: 0 0 9px; } .checkout-payment-method .payment-method-billing-address { margin: 0 0 18px; } .checkout-payment-method .payment-method-billing-address .primary .action-update { margin-right: 0; } .checkout-payment-method .payment-method-billing-address .billing-address-details { line-height: 27px; padding: 0 0 0 23px; } .checkout-payment-method .payment-method-note + .payment-method-billing-address { margin-top: 18px; } .checkout-payment-method .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .checkout-payment-method .no-payments-block { margin: 18px 0; } .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after { content: '\f804'; } .checkout-payment-method .payment-option._collapsible .payment-option-title { cursor: pointer; } .checkout-payment-method .payment-option._collapsible .payment-option-content { display: none; } .checkout-payment-method .payment-option-title { border-top: 1px solid #cccccc; padding: 18px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #0088cc; display: inline-block; text-decoration: none; } .checkout-payment-method .payment-option-title .action-toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 16px; color: #0088cc; content: '\f807'; font-family: 'porto-icons'; margin: 0 0 0 9px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .checkout-payment-method .payment-option-title .action-toggle:hover:after { color: #777777; } .checkout-payment-method .payment-option-title .action-toggle:active:after { color: #0088cc; } .checkout-payment-method .payment-option-title .action-toggle > span { display: inline-block; vertical-align: middle; } .checkout-payment-method .payment-option-content { padding: 0 0 18px 22px; } .checkout-payment-method .payment-option-inner { margin: 0 0 18px; } .checkout-payment-method .credit-card-types { padding: 0; } .checkout-payment-method .credit-card-types .item { display: inline-block; list-style: none; margin: 0 4.5px 0 0; vertical-align: top; } .checkout-payment-method .credit-card-types .item._active { font-weight: 700; } .checkout-payment-method .credit-card-types .item._active img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; } .checkout-payment-method .credit-card-types .item._inactive { opacity: 0.4; filter: alpha(opacity=40); } .checkout-payment-method .credit-card-types .item span { display: inline-block; padding-top: 6px; vertical-align: top; } .checkout-payment-method .credit-card-types img { -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; filter: grayscale(100%); filter: gray; } .checkout-payment-method .ccard .fields > .year { padding-left: 4.5px; } .checkout-payment-method .ccard .fields .select { padding-left: 4.5px; padding-right: 4.5px; } .checkout-payment-method .ccard .month .select { width: 140px; } .checkout-payment-method .ccard .year .select { width: 80px; } .checkout-payment-method .ccard .number .input-text { width: 225px; } .checkout-payment-method .ccard > .field.cvv > .control { display: inline-block; padding-right: 18px; } .checkout-payment-method .ccard .cvv .label { display: block; } .checkout-payment-method .ccard .cvv .input-text { width: 55px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: auto !important; } .checkout-agreements-block .checkout-agreements { margin-bottom: 18px; } .checkout-agreements-block .checkout-agreement.field { display: -webkit-flex; display: -ms-flexbox; display: flex; } .checkout-agreements-block .checkout-agreement.field.required label:after { content: none; } .checkout-agreements-block .checkout-agreement.field.required .action-show:after { content: '*'; color: #e02b27; font-size: 1.2rem; } .checkout-agreements-block .action-show { vertical-align: baseline; } .checkout-agreements-items { padding-bottom: 27px; } .checkout-agreements-items .checkout-agreements-item { margin-bottom: 18px; } .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 0; } .checkout-agreement-item-content { overflow: auto; } .contact-index-index .page-title-wrapper { display: none; } .contact-index-index .fieldset > .legend, .contact-index-index .contact-info .contacts-title { color: #777777; font-size: 20px; margin-bottom: 20px; font-weight: 300; letter-spacing: 0; text-transform: none; } .contact-index-index .page-main .contact-info [class^="porto-icon-"], .contact-index-index .page-main .contact-info [class*=" porto-icon-"] { float: left; width: 43px; height: 43px; background-color: #0088cc; color: #fff; line-height: 43px; text-align: center; font-size: 16px; border-radius: 6px; margin-bottom: 15px; } .contact-index-index .page-main .contact-info p { margin-left: 55px; margin-bottom: 0; font-size: 14px; line-height: 21px; } .login-container .block-new-customer .actions-toolbar { margin-top: 25px; } .login-container .block .block-title { font-size: 1.8rem; } .login-container .fieldset:after { margin: 9px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .login-container .fieldset:after { margin-top: 25px; } .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage { display: block; border: 1px solid #ececec; border-radius: 8px; background: #fff; border-top: 4px solid #0088cc; padding: 35px 25px 0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage { padding-bottom: 35px; } .fieldset > .legend { padding: 0; border: 0; color: #0088cc; text-transform: uppercase; margin: 0 0 20px; font-size: 16px; font-weight: 400; } .box .box-title { padding: 10px 15px; border: 1px solid #ddd; background-color: #f5f5f5; position: relative; border-radius: 7px 7px 0 0; } .box .box-content { padding: 20px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; background-color: #fbfbfb; min-height: 135px; } .box .box-actions { margin: 0; border: 1px solid #ddd; border-top: 0; background-color: #f5f5f5; border-radius: 0 0 7px 7px; padding: 10px 15px; } .block-order-details-view { margin: 0 -10px; } .block-order-details-view .block-title { padding: 0 10px; } .block-order-details-view .box { padding: 0 10px; } .block-order-details-view .box .box-content { min-height: 155px; border-radius: 0 0 5px 5px; } .block-dashboard-addresses address { margin-bottom: 0; } .customer-account-index .block .block-title { color: #313131; } .customer-account-index .block .block-title strong { font-weight: 600; } .customer-account-index .box .box-title { color: #313131; font-weight: 600; text-transform: uppercase; } .block-addresses-list .items.addresses > .item { margin-bottom: 18px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .block-addresses-list .items.addresses .item.actions { margin-top: 4.5px; } .form-address-edit #region_id { display: none; } .form-edit-account .fieldset.password { display: none; } .form-create-account .fieldset-fullname .fields .field { float: none; } .account .page-title-wrapper .page-title { display: inline-block; } .account .column.main { margin-bottom: 27px; } .account .column.main h2 { margin-top: 0; } .account .sidebar-additional { margin-top: 36px; } .account .table-wrapper { margin-bottom: 18px; } .account .table-wrapper:last-child { margin-bottom: 0; } .account .data.table .col.actions .action.delete, [class^="sales-guest-"] .data.table .col.actions .action.delete, .sales-guest-view .data.table .col.actions .action.delete { color: #d10029; } .column.main .block:last-child { margin-bottom: 0; } .block .title { margin-bottom: 9px; } .block .title strong { font-size: 18px; color: #313131; padding: 10px 0; margin: 0; line-height: 1; } .block p:last-child { margin: 0; } .control.captcha-image { margin-top: 9px; } .control.captcha-image .captcha-img { vertical-align: middle; } .block-balance .price { font-size: 3.2rem; line-height: 32px; display: inline-block; margin-top: -9px; } .table-downloadable-products .product-name { font-weight: 400; margin-right: 15px; } .table-downloadable-products .action.download { display: inline-block; text-decoration: none; } .table-downloadable-products .action.download:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: inherit; content: '\e626'; font-family: 'porto-icons'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-product-downloadable .product-add-form { clear: both; margin-bottom: 22.5px; } .page-product-downloadable .product-options-bottom .field.qty { display: none; } .page-product-downloadable .product-options-wrapper { border-bottom: 0; } .samples-item-title { font-size: 1.4rem; font-weight: 600; margin: 0 0 9px; } .samples-item { margin: 0 0 9px; } .field.downloads { margin-bottom: 9px; } .page-product-downloadable .product-add-form .product-options-wrapper .field.downloads > .control { width: 100%; } .field.downloads .price-container { display: inline; white-space: nowrap; } .field.downloads .price-container:before { content: " + "; display: inline; } .field.downloads .price-excluding-tax { display: inline; } .field.downloads .price-excluding-tax:before { content: " (" attr(data-label) ": "; } .field.downloads .price-excluding-tax:after { content: ")"; } .field.downloads .price-including-tax { display: inline; font-weight: 600; font-size: 1.4rem; } .field.downloads .field.choice { box-sizing: border-box; border-bottom: 1px solid #ebebeb; padding-bottom: 9px; margin-bottom: 9px; width: 100%; position: relative; z-index: 1; padding-left: 25px; } .field.downloads .field.choice input { position: absolute; left: 0; top: 2px; } .field.downloads .field.downloads-all { padding-left: 0; border-bottom: 0; } .field.downloads .sample.link { float: right; } .field.downloads-all .label { color: #0088cc; text-decoration: none; cursor: pointer; } .field.downloads-all .label:visited { color: #0088cc; text-decoration: none; } .field.downloads-all .label:hover { color: #0088cc; text-decoration: underline; } .field.downloads-all .label:active { color: #0088cc; text-decoration: underline; } .field.downloads-all input { opacity: 0; } .field.downloads.downloads-no-separately .field.choice { padding-left: 0; } .page-product-giftcard .giftcard-amount { text-align: left; margin-bottom: 0; clear: both; border-top: 1px #c1c1c1 solid; padding-top: 15px; } .page-product-giftcard .giftcard-amount .field:last-child { padding-bottom: 18px !important; } .page-product-giftcard .product-info-main .price-box .old-price { font-size: 20px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final_price > span { display: block; margin-bottom: 4.5px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final_price > span:last-child { margin-bottom: 0; } .page-product-giftcard .product-info-main .price-box .price-container.price-final_price .price { font-size: 22px; line-height: 22px; font-weight: 600; } .page-product-giftcard .product-info-main .price-box + .giftcard.form { border-top: 1px #c1c1c1 solid; padding-top: 15px; } .page-product-giftcard .product-info-stock-sku { display: block; } .page-product-giftcard .product-add-form { clear: none; border: 0; padding-top: 0; } .page-product-giftcard .product-add-form .product-options-wrapper .field:not(.text) { margin-top: 18px; margin-bottom: 18px; } .page-product-giftcard .giftcard.form { clear: both; } .page-product-giftcard .price-box { margin-bottom: 10px; } .page-product-giftcard .product-info-price { float: right; width: auto; display: block; white-space: nowrap; border: 0; } .giftcard-account .please-wait { display: none; } .giftcard-account .form-giftcard-redeem .giftcard.info { margin-bottom: 27px; } .opc-wrapper .form-giftcard-account { max-width: 500px; } .opc-wrapper .form-giftcard-account .field { margin: 0 0 18px; } .opc-wrapper .giftcard-account-info { margin: 0 0 18px; } .opc-wrapper .giftcard-account-info .giftcard-account-number { margin: 0 0 9px; } .gift-message .field .label { color: #666666; font-weight: 400; } .cart.table-wrapper .item-gift._active { border-top: 1px solid #c1c1c1; } .cart.table-wrapper .item-gift .action { margin-right: 0; } .gift-options { margin: 18px 0; } .gift-options .actions-toolbar .action-cancel { display: none; } .gift-options-title { font-weight: 600; margin: 0 0 18px; } .gift-options-content .fieldset { margin: 0 0 18px; } .gift-summary { position: relative; } .gift-summary .actions-toolbar > .secondary .action { margin: 0 0 0 18px; width: auto; } .gift-summary .action-edit, .gift-summary .action-delete { display: inline-block; text-decoration: none; } .gift-summary .action-edit > span, .gift-summary .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-summary .action-edit:before, .gift-summary .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\f826'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-summary .action-edit:hover:before, .gift-summary .action-delete:hover:before { color: #777777; } .gift-summary .action-edit:active:before, .gift-summary .action-delete:active:before { color: #0088cc; } .gift-summary .action-delete:before { content: '\f81a'; } .gift-summary .actions-toolbar, .cart.table-wrapper .gift-summary .actions-toolbar { padding: 0; position: absolute; right: 0; top: 0; } .cart.table-wrapper .gift-content { display: none; clear: left; float: left; margin-right: -100%; padding: 18px 0; width: 100%; } .cart.table-wrapper .gift-content._active { display: table; table-layout: fixed; } .gift-item-block { border-bottom: 1px solid #c1c1c1; margin: 0; } .gift-item-block._active .title:after { content: '\f804'; } .gift-item-block .title { color: #1979c3; cursor: pointer; display: block; text-decoration: none; margin: 0; padding: 9px 36px 9px 15px; position: relative; } .gift-item-block .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #858585; content: '\f807'; font-family: 'porto-icons'; margin: 0 0 0 9px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-item-block .title:hover:after { color: #777777; } .gift-item-block .content { padding: 9px 0 18px; position: relative; } .order-details-items .order-gift-message dt:after, .order-details-items .block-order-details-gift-message dt:after { content: ''; } .order-details-items .order-gift-message .item-message, .order-details-items .block-order-details-gift-message .item-message { clear: left; } .order-details-items .order-gift-message .item-options dt, .order-details-items .block-order-details-gift-message .item-options dt { font-weight: 400; margin: 9px 0; } .options-order-container, .options-items-container { margin-bottom: 9px; } .gift-messages-order { margin-bottom: 22.5px; } .form-giftregistry-share .actions-toolbar:not(:last-child), .form-giftregistry-edit .actions-toolbar:not(:last-child) { margin-bottom: 36px; } .form-giftregistry-share .fieldset .nested .field:not(.choice) .control, .form-giftregistry-edit .fieldset .nested .field:not(.choice) .control { width: 100%; } .giftregisty-dropdown .action.toggle { color: #0088cc; } .table-giftregistry-items .product-image { margin-right: 9px; float: left; } .cart-summary .form.giftregistry .fieldset { margin: 15px 0 4.5px; text-align: left; } .cart-summary .form.giftregistry .fieldset .field { margin: 0 0 9px; } .cart-summary .form.giftregistry .fieldset .field .control { float: none; width: auto; } .form-giftregistry-edit .giftregistry-type { margin-bottom: 27px; margin-top: -22.5px; } .form-giftregistry-search { margin-bottom: 54px; } .form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) { margin-bottom: 0; } .block-giftregistry .actions-toolbar { margin: 17px 0 0; } .block-giftregistry-shared .item-options .item-value { margin: 0 0 22.5px; } .block-giftregistry-shared-items .item .col { border: 0; } .block-giftregistry-shared-items th { border-bottom: 1px solid #cccccc; } .block-giftregistry-shared-items .col { padding: 20px 11px 10px; } .block-giftregistry-shared-items .col .price-box { display: inline-block; } .block-giftregistry-shared-items .col .price-wrapper { font-size: 1.8rem; display: block; font-weight: 700; white-space: nowrap; } .block-giftregistry-shared-items .product .item-options { margin: 0; } .block-giftregistry-shared-items .product-item-photo { display: block; max-width: 65px; padding: 9px 0; } .block-giftregistry-shared-items .product-item-name { font-size: 1.8rem; display: block; margin: 0 0 4.5px; } .gift-wrapping-info { font-weight: 300; font-size: 17px; margin: 18px 0; } .gift-wrapping-list { list-style: none; margin: 18px 0 9px; padding: 0; } .gift-wrapping-list .no-image { background: #f2f2f2; display: inline-block; text-decoration: none; } .gift-wrapping-list .no-image > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-list .no-image:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 4rem; color: #494949; content: '\e62a'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-list .no-image:after { display: block; } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 9px 9px 0; } .gift-wrapping-item:last-child { margin-right: 0; } .gift-wrapping-item._active span:before { border: 3px solid #333333; box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } .gift-wrapping-item > span { height: 4rem; width: 4rem; } .gift-wrapping-title { margin: 9px 0; } .gift-wrapping-title .action-remove { margin: -4.5px 0 0 4.5px; display: inline-block; text-decoration: none; } .gift-wrapping-title .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-title .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\f81a'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-title .action-remove:hover:before { color: #777777; } .gift-wrapping-title .action-remove:active:before { color: #0088cc; } .gift-options-content .fieldset .field { margin: 9px 0; } .gift-wrapping-summary { padding-right: 7rem; } .gift-wrapping-summary .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } .opc-wrapper .fieldset.gift-message .field.gift-wrapping { padding: 0; width: 100%; } .opc-wrapper .data.table .gift-wrapping, .table-order-items .gift-wrapping { margin: 18px 0 0; } .opc-wrapper .data.table .gift-wrapping .title, .table-order-items .gift-wrapping .title { float: none; } .opc-wrapper .data.table .gift-wrapping .content, .table-order-items .gift-wrapping .content { margin: 0; } .opc-wrapper .data.table .gift-wrapping .content > img, .table-order-items .gift-wrapping .content > img { float: left; margin: 0 9px 0 0; max-height: 50px; max-width: 50px; } .gift-summary .price-box, .gift-options .price-box { margin-left: 22px; } .gift-summary .regular-price:before, .gift-options .regular-price:before { content: attr(data-label) ": "; } .gift-summary .regular-price .price, .gift-options .regular-price .price { font-weight: 700; } .table-wrapper.grouped { width: auto; } .table.grouped .row-tier-price > td { border-top: 0; } .table.grouped .col.item { width: 90%; } .table.grouped .col.qty { width: 10%; min-width: 95px; } .table.grouped .col.qty .control.qty { display: inline-block; vertical-align: middle; } .table.grouped .col.qty .qty-changer { display: inline-block; vertical-align: middle; } .table.grouped .col.qty .qty-changer > a { display: block; border: 1px solid #cccccc; border-radius: 3px; height: 18px; line-height: 16px; margin-top: 2px; color: #ccc; font-size: 11px; } .table.grouped .col.qty .qty-changer > a:first-child { margin-top: 0; } .table.grouped .col.qty .qty-changer > a:hover { color: #0088cc; } .table.grouped .product-item-name { font-weight: 400; margin-bottom: 9px; display: inline-block; } .table.grouped .price-box { margin: 8px 0 3px; } .table.grouped .price-box p { margin: 0; } .table.grouped .price-box .price { font-weight: 700; color: #0088cc; } .table.grouped .price-box .old-price .price { font-weight: normal; color: #999999; } .table.grouped .stock.unavailable { margin: 0; white-space: nowrap; text-transform: none; font-weight: normal; } .page-product-grouped .product-info-price { float: right; display: block; width: auto; border: 0; } .form-add-invitations .additional, .form-add-invitations .field.message { margin-top: 18px; } .form-add-invitations .action.remove { top: 4px; } .form-add-invitations .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .form-add-invitations .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.add:hover:before { color: inherit; } .form-add-invitations .action.add:active:before { color: inherit; } .filter.block { margin-bottom: 0; } .filter-title strong { position: absolute; z-index: 2; line-height: 16px; border: 1px solid #cccccc; text-align: center; padding: 7px 10px; background-color: #ffffff; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); border-radius: 3px; font-weight: 400; top: 0; left: 0; } .filter-title strong[data-count]:after { content: attr(data-count); display: inline-block; border-radius: 2px; padding: 2px; font-size: .8em; margin: 0 5px; color: #ffffff; min-width: 1em; line-height: 1; background: #fc5e10; } .filter-title strong.disabled { opacity: .5; } .filter .block-subtitle { font-weight: 600; padding: 9px 9px 18px; font-size: 13px; line-height: 1em; border-bottom: 1px solid #cccccc; display: none; } .filter-subtitle { display: none; } .filter-current { margin: 0; } .filter-current .items { border: 1px solid #ddd; border-width: 0 1px; background-color: #fbfbfb; padding: 10px 0; margin: 0; } .filter-current .item { position: relative; z-index: 1; padding-left: 17px; } .filter .filter-current-subtitle { display: block; padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; color: #777; position: relative; cursor: pointer; border-radius: 7px 7px 0 0; } .filter-current .action.remove { position: absolute; right: 15px; top: -2px; } .filter-actions { font-size: 11px; padding: 10px 15px; background: #f7f7f7; border: 1px solid #ddd; border-radius: 0 0 7px 7px; text-align: right; margin-bottom: 14px; } .filter-label { text-transform: uppercase; } .filter-label:after { content: ": "; } .filter-value { color: #858585; } .filter-options { display: none; margin: 0; } .filter-options-item { margin-bottom: 14px; } .filter-options-item.active .filter-options-title { border-radius: 7px 7px 0 0; } .filter-options-item.active .filter-options-content { display: block !important; } .filter-options-title { padding: 10px 15px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; background-color: #f5f5f5; position: relative; cursor: pointer; border-radius: 7px; display: block; text-decoration: none; } .filter-options-title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\f823'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter-options-title:after { width: 26px; height: 26px; display: block; border: 1px solid #ddd; position: absolute; right: 15px; top: 50%; margin-top: -13px; border-radius: 3px; color: #ccc; text-align: center; line-height: 24px; background-color: #fff; font-size: 10px; } .filter-options-title:hover:after { background-color: #0088cc; color: #fff; } .active > .filter-options-title:after { content: '\f820'; } .filter-options-content { margin: 0; padding: 10px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 7px 7px; background-color: #fbfbfb; } .filter-options-content .item { margin: 13px 0; line-height: 1.5em; } .filter-options-content a { color: #777777 !important; } .filter-options-content a:hover .count { text-decoration: none; } .filter-options-content .count { color: #858585; padding-right: 5px; } .filter-options-content .count:before { content: "("; } .filter-options-content .count:after { content: ")"; } .map-popup-wrapper.popup .action.close { top: 9px; } .map-popup { background: #ffffff; border: 1px solid #adadad; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; left: 0; margin-top: 9px; position: absolute; top: 0; z-index: 1001; display: none; opacity: 0; } .map-popup .popup-header { margin: 0 0 25px; padding-right: 16px; } .map-popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 2.5rem; margin-top: 2.25rem; margin-bottom: 1.8rem; } .map-popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 9px; top: 9px; } .map-popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .map-popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\f819'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .map-popup .popup-actions .action.close:hover:before { color: #737373; } .map-popup .popup-actions .action.close:active:before { color: #737373; } .map-popup .popup-actions .action.close:focus, .map-popup .popup-actions .action.close:active { background: none; border: none; } .map-popup .popup-actions .action.close:hover { background: none; border: none; } .map-popup .popup-actions .action.close.disabled, .map-popup .popup-actions .action.close[disabled], fieldset[disabled] .map-popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .map-popup.active { opacity: 1; } .map-popup .map-info-price { margin: 0 0 18px; } .map-popup .map-info-price .price-box { margin: 0 0 18px; } .map-popup .map-info-price .price-box .label:after { content: ": "; } .map-popup .action.primary { margin-right: 9px; } .map-popup .map-msrp { margin-bottom: 9px; } .map-popup .actual-price { margin: 3px 0 15px; } .map-popup .popup-header { display: none; } .map-old-price { text-decoration: none; } .map-old-price .price-wrapper { text-decoration: line-through; } .map-old-price:not(:last-child), .product-item .map-old-price:not(:last-child), .product-info-price .map-show-info:not(:last-child) { margin-right: 9px; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline; } .map-form-addtocart { display: inline-block; text-align: center; } .map-form-addtocart img { display: block; margin: 0 auto; } .wishlist.split.button { display: inline-block; position: relative; margin-right: 5%; vertical-align: middle; } .wishlist.split.button:before, .wishlist.split.button:after { content: ''; display: table; } .wishlist.split.button:after { clear: both; } .wishlist.split.button .action.split { float: left; margin: 0; } .wishlist.split.button .action.toggle { float: right; margin: 0; } .wishlist.split.button .action.toggle { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\f807'; font-family: 'porto-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle:hover:after { color: #777777; } .wishlist.split.button .action.toggle:active:after { color: inherit; } .wishlist.split.button .action.toggle.active { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\f804'; font-family: 'porto-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle.active:hover:after { color: #777777; } .wishlist.split.button .action.toggle.active:active:after { color: inherit; } .wishlist.split.button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .wishlist.split.button .items li { margin: 0; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li:hover { background: #e8e8e8; cursor: pointer; } .wishlist.split.button .items:before, .wishlist.split.button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .wishlist.split.button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .wishlist.split.button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .wishlist.split.button .items:before { left: 10px; top: -12px; } .wishlist.split.button .items:after { left: 9px; top: -14px; } .wishlist.split.button.active { overflow: visible; } .wishlist.split.button.active .items { display: block; } .wishlist.split.button .items { padding: 6px 0; } .wishlist.split.button > .action.split { margin-right: 5px; } .wishlist.split.button > .action.split:before { content: '\f816'; } .wishlist.split.button > .action.split:before { margin: 0; } .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .wishlist.split.button > .action:hover { color: #777777; } .wishlist.split.button > .action.toggle:before { border-left: 1px solid #999999; content: ''; float: left; height: 15px; margin: 3px 4px 0 0; } .cart.table-wrapper .wishlist.split.button { vertical-align: baseline; } .cart.table-wrapper .wishlist.split.button > .action.split { font-weight: normal; letter-spacing: normal; text-transform: none; } .cart.table-wrapper .wishlist.split.button > .action.toggle:after { color: #0088cc; } .cart.table-wrapper .wishlist.split.button > .action.split, .cart.table-wrapper .wishlist.split.button > .action.toggle { color: #0088cc; } .cart.table-wrapper .wishlist.split.button > .action.split:before, .cart.table-wrapper .wishlist.split.button > .action.toggle:before { display: none; } .wishlist.window.popup { background: #ffffff; border: 1px solid #adadad; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1001; display: none; opacity: 0; } .wishlist.window.popup .popup-header { margin: 0 0 25px; padding-right: 16px; } .wishlist.window.popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 2.5rem; margin-top: 2.25rem; margin-bottom: 1.8rem; } .wishlist.window.popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 9px; top: 9px; } .wishlist.window.popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.window.popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\f819'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.window.popup .popup-actions .action.close:hover:before { color: #737373; } .wishlist.window.popup .popup-actions .action.close:active:before { color: #737373; } .wishlist.window.popup .popup-actions .action.close:focus, .wishlist.window.popup .popup-actions .action.close:active { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close:hover { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close.disabled, .wishlist.window.popup .popup-actions .action.close[disabled], fieldset[disabled] .wishlist.window.popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .wishlist.window.popup.active { opacity: 1; } .wishlist.window.popup.active { display: block; } .wishlist.overlay { transition: opacity 0.15s linear; background: #8c8c8c; z-index: 899; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; } .wishlist.overlay.active { opacity: 0.7; filter: alpha(opacity=70); } .wishlist.overlay.active { display: block; } .wishlist-dropdown.move .action.toggle, .wishlist-dropdown.copy .action.toggle { color: #0088cc; } .page-multiple-wishlist .actions-toolbar > .primary { display: block; float: none; text-align: left; } .page-multiple-wishlist .actions-toolbar > .primary .action.remove { float: right; } .block-wishlist-management { position: relative; } .block-wishlist-management .wishlist-select .wishlist-name-label { font-weight: 600; } .block-wishlist-management .wishlist-title { margin-bottom: 9px; } .block-wishlist-management .wishlist-title strong { font-weight: 300; margin-right: 9px; } .block-wishlist-management .wishlist-notice { color: #c1c1c1; display: inline-block; margin-right: 18px; } .block-wishlist-management .wishlist-notice.private { display: inline-block; text-decoration: none; } .block-wishlist-management .wishlist-notice.private:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: #e7e7e7; content: '\e629'; font-family: 'porto-icons'; margin: 0 4.5px 0 0; vertical-align: text-bottom; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { display: inline-block; } .block-wishlist-management .wishlist-toolbar-select { margin-right: 18px; } .block-wishlist-management .wishlist-dropdown.move { margin-right: 18px; } .block-wishlist-search-form .form-wishlist-search { margin-bottom: 54px; max-width: 500px; } .block-wishlist-search-results .table-wrapper { border-top: none; } .block-wishlist-info-items .block-title { margin-bottom: 18px; font-size: 2.2rem; } .block-wishlist-info-items .block-title > strong { font-weight: 300; } .block-wishlist-info-items .product-item { width: 100%; } .block-wishlist-info-items .product-item-photo { margin-left: 18px; } .block-wishlist-info-items .product-item-info { width: auto; } .block-wishlist-info-items .product-item-info:hover .split { visibility: visible; } .block-wishlist-info-items .price-wrapper { display: block; margin: 0 0 9px; } .block-wishlist-info-items .split { clear: both; padding: 9px 0; visibility: hidden; } .block-wishlist-info-items .wishlist-dropdown .change { color: #0088cc; } .block-wishlist-info-items .action.towishlist { padding: 9px 0; } .block-wishlist-info-items .input-text.qty { margin-right: 10px; } .multicheckout .title { margin-bottom: 27px; } .multicheckout .title strong { font-weight: 400; } .multicheckout .table-wrapper { margin-bottom: 0; } .multicheckout .table-wrapper .table > tbody > tr > td, .multicheckout .table-wrapper .table > tbody > tr > th, .multicheckout .table-wrapper .table > tfoot > tr > td, .multicheckout .table-wrapper .table > tfoot > tr > th, .multicheckout .table-wrapper .table > thead > tr > td, .multicheckout .table-wrapper .table > thead > tr > th { vertical-align: middle; } .multicheckout .table-wrapper .action.delete { display: inline-block; } .multicheckout .table-wrapper .col .qty { display: inline-block; } .multicheckout .table-wrapper .col.item .action.edit { font-weight: 400; margin-left: 9px; } .multicheckout .table-wrapper .product-item-name > a, .multicheckout .table-wrapper .product-item-name > a:hover { color: #0088cc; } .multicheckout:not(.address) .table-wrapper .product-item-name { margin: 0; } .multicheckout > .actions-toolbar { margin-top: 36px; } .multicheckout .actions-toolbar > .secondary { display: block; } .multicheckout .actions-toolbar > .secondary .action.back { display: block; margin-left: 0; } .multicheckout .actions-toolbar > .primary { margin-right: 9px; } .multicheckout .item-options { margin: 9px 0 0; } .multicheckout .block .methods-shipping .item-content .fieldset > .field:before { display: none; } .multicheckout .block .methods-shipping .item-content .fieldset > .field .control { display: inline-block; } .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #cccccc; padding-bottom: 9px; } .multicheckout .block-title strong, .multicheckout .block-content .title strong { font-weight: 400; } .multicheckout .block-title strong span, .multicheckout .block-content .title strong span { color: #eaeaea; } .multicheckout .block-content .title { border-bottom: none; padding-bottom: 0; } .multicheckout.order-review .box-items .box-content { border-top: 1px solid #ddd; border-radius: 8px; } .multicheckout.order-review .box-items .data.table { margin-bottom: 0; } .multicheckout.order-review .block-title > strong { font-size: 2.4rem; } .multicheckout.order-review .block-shipping .block-content:not(:last-child) { margin-bottom: 36px; } .multicheckout .box-title span { margin-right: 9px; } .multicheckout .box-title > .action { margin: 0; } .multicheckout .box-shipping-method .price { font-weight: 700; } .multicheckout .box-billing-method .fieldset { margin: 0; } .multicheckout .box-billing-method .fieldset .legend.box-title { margin: 0; color: #777777; font-weight: 700; text-transform: none; font-size: 14px; line-height: 1.4; } .multicheckout .box-billing-method .methods-payment .item-title label { font-size: 14px; vertical-align: top; font-weight: 600; } .multicheckout .checkout-review .grand.totals { font-size: 2rem; margin-bottom: 36px; } .multicheckout .checkout-review .grand.totals .mark { font-weight: 400; padding: 0; background: none; } [class^="multishipping-"] .logo { margin-left: 0; } .multishipping-checkout-success .nav-sections { display: block; } .block.newsletter { margin-bottom: 20px; } .block.newsletter .form.subscribe { display: table; width: 100%; } .block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.newsletter .field { margin: 0; } .block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; } .block.newsletter .field .control:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 32px; color: #dddddd; content: '\f84c'; font-family: 'porto-icons'; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block.newsletter .field .control:before { position: absolute; } .block.newsletter input { padding-left: 35px; } .block.newsletter .title { display: none; } .block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; } .block.newsletter .action.subscribe { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .data.switch .counter { color: #c1c1c1; } .data.switch .counter:before { content: "("; } .data.switch .counter:after { content: ")"; } .rating-summary { overflow: hidden; white-space: nowrap; } .rating-summary .rating-result { width: 88px; display: inline-block; position: relative; vertical-align: middle; } .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c3c5c9; font-family: 'porto-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\f844' '\f844' '\f844' '\f844' '\f844'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span { display: block; overflow: hidden; } .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ffc600; font-family: 'porto-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\f844' '\f844' '\f844' '\f844' '\f844'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .rating-summary .rating-result { display: block; width: 83px; } .product-reviews-summary .rating-summary .label, .table-reviews .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote { overflow: hidden; } .review-control-vote:before { color: #c3c5c9; font-family: 'porto-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; content: '\f844' '\f844' '\f844' '\f844' '\f844'; display: block; position: absolute; z-index: 1; } .review-control-vote input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote input[type="radio"]:hover + label:before, .review-control-vote input[type="radio"]:checked + label:before { opacity: 1; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote label:before { color: #ffc600; font-family: 'porto-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; opacity: 0; } .review-control-vote label:hover:before { opacity: 1; } .review-control-vote label:hover ~ label:before { opacity: 0; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: '\f844' '\f844' '\f844' '\f844' '\f844'; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: '\f844' '\f844' '\f844' '\f844'; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: '\f844' '\f844' '\f844'; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: '\f844' '\f844'; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: '\f844'; } .review-control-vote:before { content: '\f845' '\f845' '\f845' '\f845' '\f845'; } .review-toolbar { padding: 0; border-top: 1px solid #c9c9c9; margin: 0 0 18px; text-align: center; } .review-toolbar:first-child { display: none; } .review-toolbar .pages { display: block; text-align: center; border-bottom: 1px solid #c9c9c9; padding: 18px 0; } .review-toolbar .limiter { display: none; } .review-add .block-title { display: none; } .review-form .action.submit.primary { font-size: 1.4rem; line-height: 1.5rem; padding: 7px 15px; margin: 0; } .review-form .actions-toolbar .actions-primary { padding: 0; } .fieldset .review-legend.legend { line-height: 1.3; border-bottom: 0; padding: 0; margin-bottom: 18px; } .fieldset .review-legend.legend span { margin: 0; } .fieldset .review-legend.legend strong { display: block; font-weight: 600; } .fieldset .review-field-ratings > .label { margin-bottom: 9px; font-weight: 600; padding: 0; } .review-control-vote label:before, .review-control-vote:before { font-size: 32px; line-height: 32px; height: 32px; letter-spacing: 10px; } .review-field-rating .label { font-weight: 600; } .review-field-rating .control { margin-top: 9px; margin-bottom: 43.2px; } .review-list { margin-bottom: 27px; } .review-list .block-title strong { font-weight: 300; line-height: 1.1; font-size: 2.5rem; margin-top: 2.25rem; margin-bottom: 1.8rem; } .review-item { padding: 18px 0; border-bottom: 1px solid #c9c9c9; margin: 0; } .review-item:after { clear: both; content: ''; display: table; } .review-item:last-child { border-width: 0; } .review-ratings { display: table; max-width: 100%; margin-bottom: 9px; } .review-author { display: inline; } .review-author .review-details-value { font-weight: 400; } .review-date { display: inline; } .review-title { font-weight: 600; line-height: 1.1; font-size: 1.7rem; margin-top: 1.8rem; margin-bottom: 0.9rem; margin: 0 0 18px; } .review-content { margin-bottom: 18px; } .page-main .column .review-add { margin-bottom: 0; } .data.table.reviews .rating-summary { margin-top: -4px; } .customer.review.view .review.title, .customer.review.view .ratings.summary.items, .customer.review.view .product.details { margin-bottom: 18px; } .product-reviews-summary { margin-bottom: 10px; } .products.wrapper.list .product-reviews-summary { margin: 0 auto; } .product-reviews-summary .rating-summary { display: inline-block; vertical-align: middle; } .product-reviews-summary .reviews-actions { display: inline-block; vertical-align: middle; font-size: 14px; margin-top: 0; line-height: 16px; } .product-reviews-summary .reviews-actions a { color: #bdbdbd; padding: 0 15px 0 10px; } .product-reviews-summary .reviews-actions a:not(:last-child) { border-right: 1px solid #ccc; } .product-reviews-summary.no-rating .reviews-actions a:first-child { padding-left: 0; } .product-info-main .product-reviews-summary, .customer-review .product-reviews-summary { margin-bottom: 20px; } .product-info-main .rating-summary, .customer-review .rating-summary { margin-right: 15px; } .block-reviews-dashboard .items .item { margin-bottom: 18px; } .block-reviews-dashboard .items .item:last-child { margin-bottom: 0; } .block-reviews-dashboard .product-name { display: inline-block; } .block-reviews-dashboard .product-name:not(:last-child) { margin-bottom: 4.5px; } .block-reviews-dashboard .rating-summary .label { font-weight: 600; margin-right: 9px; } .table-reviews .product-name, .block-reviews-dashboard .product-name { font-weight: 400; } .table-reviews .rating-summary { display: inline-block; vertical-align: baseline; } .customer-review .product-media { width: 30%; max-width: 285px; float: left; margin-right: 3%; } .customer-review .review-details { margin: 0; } .customer-review .review-details .customer-review-rating { margin-bottom: 18px; } .customer-review .review-details .customer-review-rating .item { margin-bottom: 9px; } .customer-review .review-details .customer-review-rating .item:last-child { margin-bottom: 0; } .customer-review .review-details .review-title { line-height: 1.1; font-size: 1.7rem; margin-top: 1.8rem; margin-bottom: 0.9rem; font-weight: 600; margin-bottom: 18px; } .customer-review .review-details .review-content { margin: 0; margin-bottom: 18px; } .customer-review .review-details .review-date { color: #eaeaea; } .block-reward-info .reward-balance { font-size: 1.8rem; margin-bottom: 22.5px; } .block-reward-info .reward-rates:not(:last-child), .block-reward-info .reward-limit:not(:last-child), .block-reward-info .reward-expiring:not(:last-child) { margin-bottom: 22.5px; } .block-reward-info .reward-rates .title, .block-reward-info .reward-limit .title, .block-reward-info .reward-expiring .title { display: inline-block; margin-bottom: 9px; } .order-details-items.rma .order-title { display: none; } .order-details-items.rma .order-title + .toolbar { display: none; } .form-create-return .additional:first-child { margin-top: 0; } .form-create-return .field.comment { margin-top: 55px; } .block-returns-comments .returns-comments dt, .block-returns-comments .returns-comments dd { margin: 0; } .block-returns-comments .returns-comments dt { font-weight: 400; } .block-returns-comments .returns-comments dd { margin-bottom: 15px; } .block-returns-comments .returns-comments dd:last-child { margin-bottom: 0; } .block-returns-comments .fieldset { margin-bottom: 18px; } .order-links .item { line-height: 36px; margin: 0 0 -1px; } .order-links .item strong { background: #ffffff; border: 1px solid #cccccc; display: block; font-weight: 400; padding: 0 20px; } .order-links .item a { background: #f6f6f6; color: #c1c1c1; border: 1px solid #cccccc; display: block; font-weight: 400; padding: 0 20px; } .order-links .item a:hover { background: #ffffff; text-decoration: none; } .order-details-items { border: 1px solid #cccccc; margin-bottom: 36px; padding: 9px; } .order-details-items.ordered .order-title { display: none; } .order-details-items .order-title { border-bottom: 1px solid #cccccc; padding: 0 0 9px; } .order-details-items .order-title > strong { font-size: 2.4rem; font-weight: 300; } .order-details-items .order-title .action { display: inline-block; } .order-details-items .table-wrapper { margin: 0; } .order-details-items .table-wrapper + .actions-toolbar > .secondary .action.back { display: inline-block; } .order-details-items .table-order-items > thead > tr > th { border-bottom: 1px solid #cccccc; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #cccccc; } .account .order-details-items .table-order-items tbody tr:nth-child(even) td { background: none; } .order-details-items .table-order-items tbody td { padding-top: 20px; padding-bottom: 20px; } .order-details-items .table-order-items tbody .col.label { font-weight: 700; padding-top: 0; padding-bottom: 5px; } .order-details-items .table-order-items tbody .col.options { padding: 0 0 15px; } .order-details-items .table-order-items tbody > .item-parent td { padding-bottom: 5px; } .order-details-items .table-order-items tbody > .item-parent + tr td { padding-top: 5px; } .order-details-items .table-order-items tbody .item-options-container td { padding-top: 0; padding-bottom: 15px; } .order-details-items .table-order-items .product-item-name { margin: 0 0 10px; } .order-details-items .item-options { margin: 0; } .order-details-items .item-options dt { margin: 0; } .order-details-items .item-options dd { margin: 0 0 15px; } .order-details-items .item-options dd:last-child { margin-bottom: 0; } .order-details-items .item-options.links dt { display: inline-block; } .order-details-items .item-options.links dt:after { content: ": "; } .order-details-items .item-options.links dd { margin: 0; } .order-details-items thead .col.qty { text-align: center; } .order-details-items .col.name { padding-top: 16px; } .order-details-items .action.show { display: inline-block; text-decoration: none; color: #777777; } .order-details-items .action.show > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .order-details-items .action.show:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .order-details-items .action.show.expanded:after { content: '\f804'; } .order-details-items .items-qty .item { white-space: nowrap; } .order-details-items .items-qty .title:after { content: ": "; } .order-details-items .action.print { display: none; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 600; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .block-content .box { margin-bottom: 30px; } .block-order-details-view .box-title { font-weight: 600; } .block-order-details-view .box-content .payment-method .title { font-weight: 400; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 400; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .column.main .order-details-items .block-order-details-gift-message { margin: 40px 0 0; } .block-order-details-gift-message + .actions-toolbar { display: none; } .order-tracking { margin: 0; padding: 20px 0; } .order-title + .order-tracking { border-bottom: 1px solid #cccccc; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } .order-actions-toolbar { margin-bottom: 25px; } .order-actions-toolbar .action { margin-right: 30px; } .order-actions-toolbar .action.print { display: none; margin: 0; } .form-orders-search .field.email, .form-orders-search .field.zip { margin-bottom: 0; } .block-reorder .actions-toolbar { margin: 17px 0; } .block-reorder .product-item-name { display: inline-block; } .block-reorder .product-item .field.item { display: inline-block; } .form.send.friend { display: block; border: 1px solid #ececec; border-radius: 8px; background: #fff; border-top: 4px solid #0088cc; padding: 35px 25px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } .product-social-links .action.mailto.friend:before, .moved-add-to-links .action.mailto.friend:before { content: '\f84c'; } .block-collapsible-nav .item { border-bottom: 1px solid #ddd; } .block-collapsible-nav .item:first-child { border-top: 1px solid #ddd; } .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { color: #777777; display: block; padding: 8px 18px 8px 15px; position: relative; } .block-collapsible-nav .item a:before, .block-collapsible-nav .item > strong:before { font-family: 'porto-icons'; content: '\f821'; position: absolute; left: 0; } .block-collapsible-nav .item a { text-decoration: none; } .block-collapsible-nav .item a:hover, .block-collapsible-nav .item a:active, .block-collapsible-nav .item a:focus { color: #0088cc; background-color: transparent; } .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong { color: #0088cc; font-weight: 400; } body { background-color: #ffffff; } .ie9 .page-wrapper { background-color: #ffffff; min-height: 0; } .columns .column.main { max-width: 100%; } .page-header { background-color: #ffffff; border-top: 3px solid #0088cc; position: relative; z-index: 4; } .page-header .panel.wrapper { background-color: #f0f0ed; color: #777777; } .page-header.header-newskin .minicart-wrapper { position: relative; width: 58px; vertical-align: middle; margin-left: 15px; margin-right: 0; } .page-header.header-newskin .minicart-wrapper .action.close { top: 5px; } .page-header.header-newskin .minicart-wrapper .action.showcart { position: relative; padding: 0 25px 0 0; line-height: 31px; } .page-header.header-newskin .minicart-wrapper .action.showcart:before, .page-header.header-newskin .minicart-wrapper .action.showcart.active:before { content: '\e87f'; font-size: 29px; line-height: 32px; } .page-header.header-newskin .minicart-wrapper .action.showcart:after { content: "\f803"; font-family: 'porto-icons'; position: absolute; right: 0; top: 1px; -webkit-font-smoothing: antialiased; } .page-header.header-newskin .minicart-wrapper .action.showcart .counter.qty { width: 16px; height: 16px; display: block; font-size: 10px; color: #fff; background-color: #ed5348; text-align: center; line-height: 16px; border-radius: 20px; min-width: auto; left: auto; right: 16px; margin-top: -16px; } .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart { line-height: 40px; } .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart:before, .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart.active:before { line-height: 39px; } .header.panel > .header.links { margin: 0; padding: 0; list-style: none none; float: right; font-size: 0; margin-left: auto; margin-right: 18px; } .header.panel > .header.links > li { display: inline-block; vertical-align: top; } .header.panel > .header.links > li { font-size: 11px; text-transform: uppercase; } .header.panel > .header.links > li > a { color: #777777; text-decoration: none; } .header.panel > .header.links > li > a:visited { color: #777777; text-decoration: none; } .header.panel > .header.links > li > a:hover { color: #777777; text-decoration: underline; } .header.panel > .header.links > li > a:active { color: #777777; text-decoration: underline; } .header.content { position: relative; } .logo { display: inline-block; vertical-align: middle; margin: 30px 0; max-width: 50%; position: relative; z-index: 5; } .logo img { display: block; max-height: 50px; max-width: 100%; } .page-print .logo { display: inline-block; float: none; } .page-main > .page-title-wrapper .page-title + .action { margin-top: 27px; } .action.skip:focus { background: #f0f0f0; padding: 9px; box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } .message.global p { margin: 0; } .message.global.noscript, .message.global.cookie { margin: 0 0 9px; padding: 12px 18px 12px 22.5px; display: block; font-size: 1.3rem; background: #ffee9c; border-color: #d6ca8e; color: #777777; margin: 0; } .message.global.noscript a, .message.global.cookie a { color: #0088cc; } .message.global.noscript a:hover, .message.global.cookie a:hover { color: #0088cc; } .message.global.noscript a:active, .message.global.cookie a:active { color: #0088cc; } .message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; } .message.global.cookie .actions { margin-top: 9px; } .message.global.demo { margin: 0 0 9px; padding: 12px 18px 12px 22.5px; display: block; font-size: 1.3rem; background: #ff0101; border-color: none; color: #ffffff; margin-bottom: 0; text-align: center; } .message.global.demo a { color: #0088cc; } .message.global.demo a:hover { color: #0088cc; } .message.global.demo a:active { color: #0088cc; } .page-header .switcher, .page-footer .switcher { height: 15px; } .page-header .switcher .options, .page-footer .switcher .options { display: inline-block; position: relative; } .page-header .switcher .options:before, .page-footer .switcher .options:before, .page-header .switcher .options:after, .page-footer .switcher .options:after { content: ''; display: table; } .page-header .switcher .options:after, .page-footer .switcher .options:after { clear: both; } .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle > span, .page-footer .switcher .options .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 15px; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 0 0 0 5px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle:hover:after, .page-footer .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .switcher .options .action.toggle:active:after, .page-footer .switcher .options .action.toggle:active:after { color: inherit; } .page-header .switcher .options .action.toggle.active, .page-footer .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle.active > span, .page-footer .switcher .options .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle.active:after, .page-footer .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 15px; color: inherit; content: '\f804'; font-family: 'porto-icons'; margin: 0 0 0 5px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle.active:hover:after, .page-footer .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .switcher .options .action.toggle.active:active:after, .page-footer .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 0; margin-top: 4px; min-width: 160px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .page-header .switcher .options ul.dropdown li, .page-footer .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .switcher .options.active, .page-footer .switcher .options.active { overflow: visible; } .page-header .switcher .options.active ul.dropdown, .page-footer .switcher .options.active ul.dropdown { display: block; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); left: -10px; } .page-header .switcher .options ul.dropdown li, .page-footer .switcher .options ul.dropdown li { border-radius: 3px; } .page-header .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { display: block; padding: 8px 10px; color: #777777; font-size: 11px; } .page-header .switcher .options ul.dropdown a > img, .page-footer .switcher .options ul.dropdown a > img { margin-bottom: 3px; margin-right: 3px; vertical-align: middle; } .page-header .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover { text-decoration: none; } .page-header .switcher strong, .page-footer .switcher strong { font-weight: 400; line-height: 15px; font-size: 11px; vertical-align: top; display: inline-block; } .page-header .switcher strong > img, .page-footer .switcher strong > img { margin-bottom: 3px; margin-right: 3px; vertical-align: middle; } span.split { height: 14px; width: 1px; border-right: 1px solid #ccc; margin: 0 13px; } .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child) { margin-bottom: 36px; } .widget { clear: both; } .ui-datepicker td { padding: 0; } .ui-tooltip { border: 1px solid #bbbbbb; background: #ffffff; padding: 10px; } [class^="porto-icon-"]:before, [class*=" porto-icon-"]:before { font-family: 'porto-icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .panel { -webkit-box-shadow: none; box-shadow: none; } .recent-posts .item .post-image { border-radius: 5px; overflow: hidden; margin: 0 0 15px 0; padding: 2px; border: 1px solid #e1e1e1; background-color: #fff; min-height: 120px; } .recent-posts .item .post-image img { border-radius: 4px; width: 100%; } .recent-posts .post-date { float: left; margin-right: 10px; text-align: center; } .recent-posts .post-date .day { background-color: #f7f7f7; color: #0088cc; display: block; font-size: 18px; font-weight: bold; padding: 8px; } .recent-posts .post-date .month { background-color: #0088cc; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07000000000000001) inset; color: #fff; font-size: 0.9em; padding: 2px 0; display: block; width: 45px; } .recent-posts .postTitle { min-height: 55px; border: 0; } .recent-posts .postTitle h2 { font-size: 20px; line-height: 27px; font-weight: normal; padding: 0; margin: 0 0 10px 0; } .recent-posts .postTitle a:hover { text-decoration: none; } .recent-posts .postContent { font-size: 14px; line-height: 1.5; padding-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 15px; } .recent-posts .postContent > p { margin: 0; } .recent-posts a.readmore { font-weight: 300; font-size: 16px; } .product-social-links .action.towishlist:before, .product-addto-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { content: '\f816'; } .account .table-wrapper .data.table.wishlist > thead > tr > th, .account .table-wrapper .data.table.wishlist > tbody > tr > th, .account .table-wrapper .data.table.wishlist > tfoot > tr > th, .account .table-wrapper .data.table.wishlist > thead > tr > td, .account .table-wrapper .data.table.wishlist > tbody > tr > td, .account .table-wrapper .data.table.wishlist > tfoot > tr > td { border-top: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th, .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td { border-top: 0; } .account .table-wrapper .data.table.wishlist > tbody + tbody { border-top: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist thead > tr > th { border-bottom: 0; } .account .table-wrapper .data.table.wishlist tbody > tr:last-child > td { border-bottom: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist .product.name { display: inline-block; margin-bottom: 9px; } .account .table-wrapper .data.table.wishlist .box-tocart { margin: 9px 0; } .account .table-wrapper .data.table.wishlist .box-tocart .qty { vertical-align: middle; } .account .table-wrapper .data.table.wishlist .col.item { width: 50%; } .account .table-wrapper .data.table.wishlist .col.photo { max-width: 150px; } .account .table-wrapper .data.table.wishlist .col.selector { max-width: 15px; } .account .table-wrapper .data.table.wishlist textarea { margin: 9px 0; } .account .table-wrapper .data.table.wishlist .input-text.qty { margin-bottom: 9px; } .account .table-wrapper .data.table.wishlist .action.primary { vertical-align: top; } .account .table-wrapper .data.table.wishlist .price { font-weight: 700; } .link.wishlist .counter { color: #c1c1c1; white-space: nowrap; } .link.wishlist .counter:before { content: '('; } .link.wishlist .counter:after { content: ')'; } .block-wishlist .product-item-name { margin-right: 22.5px; } .products-grid.wishlist .product-item-photo { display: block; margin-bottom: 9px; } .products-grid.wishlist .product-item-name { margin-top: 0; } .products-grid.wishlist .product-item .price-box { margin: 0; } .products-grid.wishlist .product-item-comment { display: block; height: 42px; margin: 9px 0; } .products-grid.wishlist .product-item-actions > * { margin-right: 15px; } .products-grid.wishlist .product-item-actions > *:last-child { margin-right: 0; } .filterproducts.products { margin: 0; } .filterproduct-title { background: url(../images/slider-bar.png) right no-repeat; font-size: 16px; font-weight: 300; line-height: 42px; margin: 0; color: #313131; text-transform: uppercase; text-align: left; } .filterproduct-title .content { background-color: #fff; padding-right: 20px; display: inline; } h3.fullwidth-filter-title { font-size: 28px; color: #000; line-height: 1.2; } p.fullwidth-filter-description { font-size: 14px; color: #666; line-height: 1.4; } .owl-top-narrow .owl-theme .owl-controls { position: absolute; right: 0; top: -37px; margin: 0; } .owl-top-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] { font-size: 18px; margin: 0; padding: 0; } .owl-middle-narrow .owl-theme .owl-controls, .owl-middle-narrow.owl-theme .owl-controls { margin: 0; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -37px; visibility: hidden; opacity: 0; transition: all 0.2s; pointer-events: none; } .owl-middle-narrow .owl-theme .owl-controls .owl-dots .owl-dot, .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot { pointer-events: all; } .owl-middle-narrow .owl-theme:hover .owl-controls, .owl-middle-narrow.owl-theme:hover .owl-controls { opacity: 1; visibility: visible; } .owl-middle-narrow .owl-theme .owl-controls .owl-nav [class*=owl-], .owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; font-size: 40px; pointer-events: all; } .owl-middle-narrow .owl-theme .owl-prev, .owl-middle-narrow.owl-theme .owl-prev { left: 0; } .owl-middle-narrow .owl-theme .owl-next, .owl-middle-narrow.owl-theme .owl-next { right: 0; } .owl-top-narrow .recent-posts .owl-item .item { padding-top: 10px; } .owl-border-radius-7 .owl-stage-outer { border-radius: 7px; } .owl-bottom-absolute-narrow.owl-theme .owl-controls { position: absolute; left: 0; width: 100%; bottom: 15px; } .small-list.products-grid .product-item { float: none; padding: 0; width: auto; margin-bottom: 15px; } .small-list.products-grid .product-item-info .product-item-photo { float: left; width: 33.33%; padding: 0; } .small-list.products-grid .product-item-info .product-item-details { float: left; padding: 5px 0; padding-left: 10px; width: 66.66%; text-align: left; } .small-list.products-grid .product-item-info:after { content: ""; display: table; clear: both; } .small-list.products-grid .product-item .product-item-name { font-size: 12px; } .small-list.products-grid .product-item .product-reviews-summary { background-image: none; } .small-list.products-grid .product-item .price-container .price { font-size: 14px; } .theme-color { color: #0088cc !important; } .block .block-title { margin: 5px 0 10px; line-height: 1.2; font-size: 16px; } .footer ul { list-style: none; margin: 0; padding: 0; } .footer li { margin: 0; } .footer-middle { background-color: #121214; color: #777777; padding: 40px 0; } .footer-middle > .container { position: relative; } .footer-middle [class^="porto-icon-"], .footer-middle [class*=" porto-icon-"] { color: #777777; } .footer-middle .block { text-align: left; line-height: 1.5; margin: 0; width: auto; } .footer-middle .block .block-title { margin-bottom: 20px; } .footer-middle .block .block-title strong { font-weight: 400; padding: 0; font-size: 16px; color: #ffffff; text-transform: none; } .footer-middle .block.newsletter { width: auto; } .footer-middle .block.newsletter .form.subscribe { max-width: 300px; } .footer-middle .block.newsletter label { margin-top: 50px; display: block; text-align: left; font-size: 13px; font-weight: 400; padding: 0; margin-bottom: 15px; line-height: 1.5; } .footer-middle .block.newsletter .field .control:before { display: none; } .footer-middle .block.newsletter input { padding: 0 10px; background-color: #dcdcdc; border-radius: 5px 0 0 5px; height: 30px; border: 0; } .footer-middle .block.newsletter .action.subscribe { border-radius: 0 5px 5px 0; height: 30px; font-size: 14px; line-height: 30px; padding: 0 13px; font-weight: 400; } .footer-middle ul.links { margin-top: -5px; } .footer-middle ul.links li { position: relative; padding: 10px 0; line-height: 1; display: block; margin: 0; } .footer-middle ul.links li [class^="porto-icon-"], .footer-middle ul.links li [class*=" porto-icon-"] { margin-left: -5px; } .footer-middle ul.contact-info li { padding: 5px 0; } .footer-middle ul.contact-info li:first-child { padding-top: 0; } .footer-middle ul.contact-info [class^="porto-icon-"], .footer-middle ul.contact-info [class*=" porto-icon-"] { display: inline-block; vertical-align: top; font-size: 14px; line-height: 18px; margin-left: -5px; margin-right: 3px; } .footer-middle ul.contact-info p { display: inline-block; vertical-align: top; margin: 0; } .footer-middle ul.features { margin-top: -5px; } .footer-middle ul.features li { position: relative; padding: 10px 0; line-height: 1; display: block; } .footer-middle ul.features li [class^="porto-icon-"], .footer-middle ul.features li [class*=" porto-icon-"] { margin-left: -5px; margin-right: 3px; } .footer-middle a, .footer-middle a:hover, .footer-middle a:focus { color: #ffffff; } .footer-middle p { margin-bottom: 15px; line-height: 1.5; } .footer-bottom { min-height: 50px; line-height: 40px; background-color: #0c0c0c; padding: 25px 0; } .footer-bottom .logo { margin: 0; margin-right: 45px; float: left; } .footer-bottom .custom-block { float: left; line-height: 1; margin: 3px 0; } .footer-bottom .custom-block img { display: inline-block; vertical-align: middle; } .footer-bottom .social-icons { display: inline-block; vertical-align: middle; margin-right: 60px; } .footer-bottom address { float: right; line-height: 30px; margin: 0; } .footer-bottom .custom-block.f-right { margin-left: 60px; } .footer-bottom .custom-block ul.links { display: inline-block; } .footer-bottom .custom-block ul.links li { padding: 0 12px; border-right: 1px solid #bbb; font-size: 11px; display: inline; vertical-align: middle; } .footer-bottom .custom-block ul.links li:first-child { padding-left: 0; } .footer-bottom .custom-block ul.links a { color: #777; font-size: 11px; } .footer-bottom .switcher { line-height: 1 !important; display: block; height: auto; margin-top: 15px; float: left; } .footer-bottom .switcher label { display: none; } .footer-bottom .switcher select { display: inline-block; width: auto; line-height: 1; } .footer-ribbon { position: absolute; margin: -56px 0 25px; padding: 10px 20px 6px 20px; background-color: #0088cc; } .footer-ribbon:before { content: ''; display: block; width: 7px; height: 0; position: absolute; left: -10px; top: 0; border-right: 10px solid #006699; border-top: 16px solid transparent; } .footer-ribbon span { color: #ffffff; font-size: 20px; font-family: "Shadows Into Light", cursive; line-height: 1; } .social-icons li { display: inline-block; vertical-align: middle; } .social-icons li:first-child a { margin-left: 0; } .social-icons > li > a { display: inline-block; width: 30px; height: 30px; background-color: #9e9e9e; line-height: 30px; text-align: center; border-radius: 50%; color: #fff; font-size: 16px; margin-left: 7px; transition: 0.3s background-color; } .social-icons > li > a:hover, .social-icons > li > a:focus { color: #fff; } .social-icons > li > a.facebook-link:hover { background-color: #3c599b; } .social-icons > li > a.twitter-link:hover { background-color: #1ca8e3; } .social-icons > li > a.linkedin-link:hover { background-color: #4975b6; } /*** About US ***/ h2.word-rotator-title { line-height: 30px; font-size: 20px; font-weight: 300; margin: 0 0 20px 0; color: #121214; } .word-rotate { visibility: hidden; width: 100px; height: 0; margin-bottom: -7px; display: inline-block; overflow: hidden; text-align: center; position: relative; } h2 .word-rotate { margin-bottom: -7px; } .word-rotate.active { visibility: visible; width: auto; } .word-rotate .word-rotate-items { position: relative; top: 0; width: 100%; } .word-rotate .word-rotate-items span { display: block; white-space: nowrap; } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; color: #0088cc; font-family: "Shadows Into Light", cursive; font-size: 1.6em; } .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0088cc; border-color: #0088cc; } .btn-primary:hover { color: #fff; opacity: 0.85; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; } .btn:hover { text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .push-top { margin-top: 20px; } hr.tall { margin: 30px 0; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); border: 0; height: 1px; } .entry-content h3 { font-size: 1.7em; font-weight: normal; color: #0088cc; letter-spacing: normal; line-height: 24px; margin-bottom: 33px; text-transform: uppercase; } .entry-content p { font-size: 14px; line-height: 24px; margin-bottom: 20px; } .entry-content .lead { font-size: 21px; line-height: 1.4; } .history { margin: 25px 0; padding: 0; clear: both; } .history .thumb { background: transparent url(../images/history-thumb.png) no-repeat 0 0; width: 227px; height: 160px; margin: 0 0 30px; padding: 0; float: left; } .history .thumb img { border-radius: 50%; margin: 7px 8px; width: 145px; height: 145px; } .history h4 { float: left; margin: 15px 0; padding: 0; color: #0088cc; line-height: 27px; } .history p { margin: 0; margin-left: 55px; line-height: 24px; } .featured-box { background: #f5f5f5; background-color: transparent; background: linear-gradient(to bottom, #ffffff 1%, #f9f9f9 98%) repeat scroll 0 0 transparent; box-sizing: border-box; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; } .featured-box .box-content { border-radius: 8px; border-top: 4px solid #0088cc; padding: 30px 20px; } .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; text-transform: uppercase; } .featured-box .block-flickr-photos { border: 0; } .featured-box .block-flickr-photos .block-title { display: none; } .featured-box .block-flickr-photos a.flickr-image { margin: 5px; display: inline-block; border: 1px solid #dcdcdc; padding: 5px; border-radius: 5px; } .featured-box .block-flickr-photos a.flickr-image img { max-width: 100%; width: 75px; } .history .featured-box { text-align: left; margin-left: 225px; margin-bottom: 35px; min-height: 115px; } .history .featured-box .box-content { border-top-color: #0088cc; } #newsletter_popup { margin: 0; border-top: 4px solid #0088cc; text-align: left; position: relative; border-radius: 5px; } #newsletter_popup .block-content { max-width: 312px; text-align: center; padding: 6px; } #newsletter_popup h2 { font-weight: 700; color: #313131; font-size: 16px; line-height: 1; margin: 30px 0 12px; } #newsletter_popup p { font-size: 13px; line-height: 1.4; } #newsletter_popup .input-box { padding: 0; } #newsletter_popup input[type="email"] { float: left; padding: 2px 13px; line-height: 30px; width: 100%; height: 34px; } #newsletter_popup .actions { float: left; margin-left: -55px; position: relative; z-index: 1; width: 55px; border-left: 1px solid #ccc; } #newsletter_popup .action.primary { height: 34px; background-color: transparent; color: #555; line-height: 34px; padding: 0; text-align: center; width: 100%; border: 0; } #newsletter_popup .subscribe-bottom { position: absolute; bottom: 30px; } #newsletter_popup .subscribe-bottom label { font-size: 11px; vertical-align: middle; } #newsletter_popup #newsletter_popup_dont_show_again { margin-top: 1px; vertical-align: middle; } .weltpixel-quickview-catalog-product-view .box-tocart .action.tocart { width: 100%; } .weltpixel-quickview-catalog-product-view .page-wrapper .page-main { margin: 20px 0; } .weltpixel-quickview-catalog-product-view .reviews-actions .add { display: none; } .box-gotoproduct #product-gotoproduct-button { width: 100%; padding: 7px 20px; font-size: 14px; text-align: center; min-width: 150px; } .product-item .weltpixel-quickview { display: none; } .products-grid .product-item .product-item-info { position: relative; } .products-grid .product-item .product-item-details { position: static !important; } .side-list .product-item .weltpixel-quickview { display: none !important; } .block-banners .banner-item, .block-banners-inline .banner-item { display: block; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: 18px; } .block-banners .banner-item-content img, .block-banners-inline .banner-item-content img { display: block; margin: 0 auto; } .block-product-link.widget, .block-category-link.widget { display: block; margin-bottom: 18px; } .block-product-link-inline.widget { margin: 0; } .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%) / 2); } .block.widget .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .block.widget .product-item-info { width: auto; } .block.widget .pager { padding: 0; } .block.widget .pager .toolbar-amount { float: none; font-size: 1.2rem; } .block.widget .pager .pages-item-previous { padding-left: 0; } .block.widget .pager .pages-item-next { position: relative; } .block.widget .pager .items { white-space: nowrap; } .columns .block-event { position: relative; z-index: 2; } .block-event .block-content { position: relative; } .block-event .block-content > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; } .block-event .block-content > .action.backward, .block-event .block-content > .action.forward { opacity: .5; overflow: hidden; width: 20px; display: inline-block; text-decoration: none; } .block-event .block-content > .action.backward > span, .block-event .block-content > .action.forward > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 55px; line-height: 30px; color: inherit; content: '\f802'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { margin-left: -15px; } .block-event .block-content > .action.backward { left: 0; } .block-event .block-content > .action.forward { right: 0; } .block-event .block-content > .action.forward:before { content: '\f801'; } .block-event .block-content > .action.forward:before { margin-left: -20px; } .block-event .block-content > .action.inactive { cursor: default; display: none; } .block-event .block-content > .action:hover { opacity: 1; } .block-event .slider-panel { overflow: hidden; position: relative; z-index: 2; } .block-event .slider-panel .slider { white-space: nowrap; } .block-event .slider-panel .slider .item { background: #f0f0f0; display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; } .sidebar-main .block-event .slider-panel .slider .item, .sidebar-additional .block-event .slider-panel .slider .item { width: 100%; } .block-event .slider-panel .slider .item img { max-width: 100%; } .block-event .slider-panel .slider .item .category-name { display: inline-block; font-size: 1.8rem; padding: 15px 5px 0; word-break: break-all; } .block-event .slider-panel .slider .item .ticker { margin: 0; padding: 0; list-style: none none; } .block-event .slider-panel .slider .item .ticker li { display: none; margin: 0 5px; } .block-event .slider-panel .slider .item .ticker .value { font-size: 2.6rem; font-weight: 300; } .block-event .slider-panel .slider .item .ticker .label { display: block; font-size: 1.3rem; } .block-event .slider-panel .slider .item .dates { font-weight: 300; } .block-event .slider-panel .slider .item .dates .start, .block-event .slider-panel .slider .item .dates .end, .block-event .slider-panel .slider .item .dates .date { display: block; } .block-event .slider-panel .slider .item .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; } .block-event .slider-panel .slider .item .dates .date { font-size: 1.8rem; font-weight: 300; } .block-event .slider-panel .slider .item .dates .time { font-size: 1.3rem; } .block-event .slider-panel .slider .item .box-event .box-content { padding: 5px 0 9px; } .block-event .slider-panel .slider .item .box-event .box-title { display: block; font-weight: 300; margin: 9px 0 0; } .block-event .slider-panel .slider .item .action.show { display: block; padding: 0; } .block-event .slider-panel .slider .item .action.show .category.name { display: inline-block; padding: 30px 10px 0; } .block-event .slider-panel .slider .item .action.show img { display: block; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #0088cc; border: 1px solid #0088cc; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; margin-top: 15px; } .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; } .block-event .slider-panel .slider .item .action.event:hover { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; } .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event:hover { text-decoration: none; } .block-static-block.widget, .block-cms-link.widget { margin-bottom: 18px; } .links .block-static-block.widget, .links .block-cms-link.widget { margin-bottom: 0; } .block-cms-link-inline.widget { margin: 0; } .block-wishlist-search .form-wishlist-search { margin: 18px 0 0; } .block-cms-hierarchy-link.widget { display: block; margin-bottom: 18px; } .block-cms-hierarchy-link-inline.widget { margin: 0; } .sidebar .block-addbysku .fieldset { margin: 0; } .sidebar .block-addbysku .fieldset .fields { position: relative; } .sidebar .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 9px; vertical-align: top; } .sidebar .block-addbysku .fieldset .fields .field.sku { margin-right: -85px; padding-right: 90px; width: 100%; } .sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error { width: 80px; } .sidebar .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; top: 7px; right: 0; } .sidebar .block-addbysku .form-addbysku .actions-toolbar { margin-bottom: 18px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary { text-align: left; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action { width: auto; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary { float: none; text-align: left; } .sidebar .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .sidebar .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.add:hover:before { color: inherit; } .sidebar .block-addbysku .action.add:active:before { color: inherit; } .sidebar .block-addbysku .action.links { display: inline-block; margin: 18px 0 0; } .sidebar .block-addbysku .action.reset { display: block; margin: 9px 0; } .sidebar .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .sidebar .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\f819'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.remove:hover:before { color: inherit; } .sidebar .block-addbysku .action.remove:active:before { color: inherit; } .sidebar .block-addbysku .action.remove:focus, .sidebar .block-addbysku .action.remove:active { background: none; border: none; } .sidebar .block-addbysku .action.remove:hover { background: none; border: none; } .sidebar .block-addbysku .action.remove.disabled, .sidebar .block-addbysku .action.remove[disabled], fieldset[disabled] .sidebar .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } @media only screen and (max-width: 768px) { .abs-checkout-tooltip-content-position-top-mobile { right: -9px; top: 40px; left: auto; } } @media only screen and (max-width: 767px) { .abs-visually-hidden-mobile-m { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile-m:before, .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:before, .account .column.main .block:not(.widget) .block-title:after { content: ''; display: table; } .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:after { clear: both; } .abs-toggling-title-mobile, .block-wishlist-management .wishlist-select .wishlist-name, .block-collapsible-nav .title { border-top: 1px solid #cccccc; cursor: pointer; margin-bottom: 0; position: relative; border-bottom: 1px solid #cccccc; padding: 9px 36px 9px 15px; display: block; text-decoration: none; } .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { position: absolute; right: 18px; top: 9px; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .wishlist-name.active:after, .block-collapsible-nav .title.active:after { content: '\f804'; } .abs-icon-add-mobile, .block-wishlist-management .wishlist-add.item .add { display: block; text-decoration: none; } .abs-icon-add-mobile:before, .block-wishlist-management .wishlist-add.item .add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'porto-icons'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: 15px; padding-right: 15px; } .account .page-main, .cms-privacy-policy .page-main { position: relative; padding-top: 41px; } .navigation .parent .level-top { position: relative; display: block; text-decoration: none; color: #777; } .navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; } .navigation .parent .level-top.ui-state-active:after { content: '\f804'; } .nav-sections { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: -80%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(100% - 54px); background-color: #f6f6f6; } .nav-sections .switcher { border-bottom: 1px solid #dddddd; font-size: 1.4rem; font-weight: 400; margin: 0; padding: 12px 20px; height: auto; color: #777; } .nav-sections .switcher strong { font-size: 13px; } .nav-sections .switcher .label { display: block; margin-bottom: 4.5px; } .nav-sections .switcher-trigger strong { display: inline-block !important; position: relative; } .nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; padding: 9px 0; } .nav-sections .header.links { margin: 0; padding: 0; list-style: none none; color: #777777; } .nav-sections .header.links li { border-bottom: 1px solid #dddddd; font-size: 1.3rem; margin: 0; } .nav-sections .header.links li.greet.welcome { font-weight: 400; padding: 12px 20px; } .nav-sections .header.links a, .nav-sections .header.links a:hover { color: #777777; text-decoration: none; display: block; font-weight: 400; padding: 12px 20px; } .nav-sections .header.links a:hover { color: #0088cc !important; } .nav-before-open { height: 100%; width: 100%; } .nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: 80%; left: calc(100% - 54px); overflow: visible; } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.01); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } header.page-header .nav-sections-items { position: relative; z-index: 1; } header.page-header .nav-sections-items:before, header.page-header .nav-sections-items:after { content: ''; display: table; } header.page-header .nav-sections-items:after { clear: both; } header.page-header .nav-sections-item-title { background: #0088cc; border: solid rgba(255, 255, 255, 0.3); border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; } header.page-header .nav-sections-item-title.active { background: transparent; border-bottom: 0; } header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus { color: #0088cc; } header.page-header .nav-sections-item-title > a, header.page-header .nav-sections-item-title > a:hover, header.page-header .nav-sections-item-title > a:focus { color: #ffffff; } header.page-header .nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 71px; width: 100%; } header.page-header .nav-sections-item-content:before, header.page-header .nav-sections-item-content:after { content: ''; display: table; } header.page-header .nav-sections-item-content:after { clear: both; } header.page-header .nav-sections-item-content.active { display: block; } .navigation { background: transparent; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding-top: 9px; padding-right: 0; padding-bottom: 9px; padding-left: 15px; } .navigation a, .navigation a:hover { color: #777777; text-decoration: none; } .navigation .level0 { border-top: 1px solid #dddddd; font-size: 1.3rem; } .navigation .level0 > .level-top { font-weight: 400; padding: 8px 36px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0 > .level-top:hover { color: #777777; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 600; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; } .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: -8px; } .navigation li.level0:last-child { border-bottom: 1px solid #dddddd; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu > li > a:hover { color: #777777; } .navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; } .navigation .submenu:not(:first-child) > li > a { padding-left: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #777777; display: block; line-height: normal; } .navigation .submenu:not(:first-child) ul > li a:hover { color: #777777; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .navigation .submenu:not(:first-child) .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; } .navigation a { padding-top: 10px; padding-bottom: 10px; } .navigation a:hover { color: #0088cc !important; } .navigation li.level0 { line-height: 16px; } .navigation li.level0:first-child { border-top: 0; } .navigation li.level0 > a.level-top { padding: 13px 36px 13px 15px; } .navigation li.level0 > a.ui-state-active { color: #000; font-weight: 600; } .navigation li.level0 > a.ui-state-active, .navigation li.level0 > a.ui-state-active + .submenu { background-color: #eeeeee; } .navigation li.level0.active .all-category .ui-state-focus, .navigation li.level0.active > a:not(.ui-state-active), .navigation li.level0.has-active > a:not(.ui-state-active), .navigation li.level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation li.level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { border-left: 0; margin-left: 0; } .navigation li.level0 > .ui-menu-item > a { font-weight: 400; } .navigation li.level0 .ui-menu-item > a:before { content: '\f801'; display: inline; font-family: 'porto-icons'; margin-right: 10px; font-size: 16px; vertical-align: top; color: #aaaaaa; } .navigation li.level0 ul.level0 > .level1 { font-weight: 400; } .navigation ul.submenu, .navigation ul.submenu:not(:first-child) { padding-left: 15px; } .navigation ul.submenu .active > a, .navigation ul.submenu:not(:first-child) .active > a, .navigation ul.submenu .level1.active > a, .navigation ul.submenu:not(:first-child) .level1.active > a { padding-left: 15px; border: 0; font-weight: 600; } .navigation ul.submenu > li { line-height: 16px; } .breadcrumbs { display: none; } .modal-popup.modal-slide { left: 44px; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: none; } .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; left: 44px; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .custom-slide .modal-inner-wrap { background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } body._has-modal-custom .modal-custom-overlay { background-color: rgba(51, 51, 51, 0.55); } .modal-popup { pointer-events: auto; } .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #f4f4f4; } .modal-popup.modal-slide._inner-scroll._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: 100%; } .modal-popup .modal-title { font-size: 13px; font-weight: 700; } .lac-notification { padding: 5px 0; } .lac-notification .lac-notification-icon { display: none; } .lac-notification .lac-notification-text, .lac-notification .lac-notification-links { float: none; padding: 5px 0; text-align: center; } .sw-megamenu.navigation.side-megamenu { display: none; } .sw-megamenu.navigation .submenu.level0 { height: 0; visibility: hidden; } .sw-megamenu.navigation .submenu.level0.opened { visibility: visible; height: auto; } .sw-megamenu.navigation li.level0.staticwidth > .submenu { width: auto !important; } .sw-megamenu.navigation li.level0.fullwidth .menu-top-block, .sw-megamenu.navigation li.level0.staticwidth .menu-top-block, .sw-megamenu.navigation li.level0.fullwidth .menu-right-block, .sw-megamenu.navigation li.level0.staticwidth .menu-right-block, .sw-megamenu.navigation li.level0.fullwidth .menu-left-block, .sw-megamenu.navigation li.level0.staticwidth .menu-left-block, .sw-megamenu.navigation li.level0.fullwidth .menu-bottom-block, .sw-megamenu.navigation li.level0.staticwidth .menu-bottom-block { display: none; } .sw-megamenu.navigation li.level0 .menu-thumb-img { display: none; } .sw-megamenu.navigation li.ui-menu-item { position: relative; } .sw-megamenu.navigation li.ui-menu-item > a { position: relative; } .sw-megamenu.navigation li.ui-menu-item > .open-children-toggle { display: block; position: absolute; width: 42px; height: 42px; right: 0; top: 0; z-index: 1; cursor: pointer; } .sw-megamenu.navigation span.cat-label { top: 50%; right: 36px; margin-top: -7px; position: absolute; text-transform: uppercase; font: inherit; font-size: 9px; padding: 2px; border-radius: 2px; line-height: 1; color: #fff; } .sw-megamenu.navigation span.cat-label:before { content: ""; position: absolute; width: 3px; height: 3px; border: 3px solid transparent; left: -6px; bottom: 3px; } .sw-megamenu.navigation span.cat-label.cat-label-label1 { background-color: #0cc485; } .sw-megamenu.navigation span.cat-label.cat-label-label1:before { border-right-color: #0cc485; } .sw-megamenu.navigation span.cat-label.cat-label-label2 { background-color: #eb2771; } .sw-megamenu.navigation span.cat-label.cat-label-label2:before { border-right-color: #eb2771; } .sw-megamenu.navigation span.cat-label.cat-label-label3 { background-color: #0ae3eb; } .sw-megamenu.navigation span.cat-label.cat-label-label3:before { border-right-color: #0ae3eb; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default { display: block; } .my-credit-cards .card-type img { vertical-align: middle; } .block-cart-failed .block-title { margin: 0 18px 18px; } .catalog-product-view .column.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .product.media { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .compare.wrapper, [class*="block-compare"] { display: none; } .sticky-product { padding: 5px 15px; } .sticky-product .sticky-detail { display: none; } .mobile-sticky .sticky-product { padding: 70px 15px 5px; } .cart-container .form-cart .actions.main { text-align: center; } .cart-discount { border-bottom: 1px solid #cccccc; } .cart.table-wrapper { border-top: 1px solid #cccccc; } .cart.table-wrapper thead .col.item, .cart.table-wrapper thead .col.qty, .cart.table-wrapper thead .col.price, .cart.table-wrapper thead .col.subtotal, .cart.table-wrapper thead .col.msrp { display: none; } .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { box-sizing: border-box; display: block; float: left; white-space: nowrap; width: 33%; } .cart.table-wrapper .col.qty:before, .cart.table-wrapper .col.price:before, .cart.table-wrapper .col.subtotal:before, .cart.table-wrapper .col.msrp:before { content: attr(data-th); display: block; font-weight: 600; padding-bottom: 10px; } .cart.table-wrapper .col.msrp { white-space: normal; } .cart.table-wrapper .item .col.item { padding-bottom: 0; } .cart.table-wrapper tbody > tr > td:last-child { border: 0; } .cart-totals { padding-left: 15px; padding-right: 15px; } .cart-totals .table-wrapper { border-top: 0; } .cart-totals .totals tbody > tr:not(:last-child) > td:last-child { border: 0; } .checkout-index-index .page-header .minicart-wrapper { display: none; } .page-header.type5 .block-search .label { margin-right: 0; } .checkout-index-index .modal-popup .modal-footer .action-save-address { width: 100%; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 18px; } .checkout-payment-method .payment-methods { margin: 0 -15px; } .checkout-payment-method .payment-method-title { padding: 15px; } .checkout-payment-method .payment-method-content { padding: 0 15px 18px; } .checkout-payment-method .payment-method-billing-address .action-cancel { margin-top: 9px; } .checkout-payment-method .payment-option { margin: 0 -15px; } .checkout-payment-method .payment-option .payment-option-title { padding: 15px; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 15px 18px; } .login-container { padding-bottom: 35px; } .login-container .fieldset:after { text-align: center; } .account .page.messages { margin-bottom: 36px; } .account .column.main .block:not(.widget) .block-title > .action { float: right; margin-top: 4.5px; } .account .column.main .block:not(.widget) .block-content .box { margin-bottom: 18px; } .account .column.main .block:not(.widget) .block-content .box:last-child { margin-bottom: 0; } .control.captcha-image .captcha-img { display: block; margin-bottom: 9px; } .customer-account-index .page-title-wrapper { position: relative; } .cart-discount .giftcard .content { padding-bottom: 35px; } .cart-discount .actions-toolbar .secondary { bottom: 17px; } .field.open-amount { width: 100%; } .gift-message .actions-toolbar .action-update { font-size: 2rem; padding: 15px; width: 100%; } .gift-item-block { border-bottom: 0; border-top: 1px solid #c1c1c1; } .gift-item-block .title:after { font-size: 1.2rem; position: absolute; right: 20px; top: 10px; } .gift-item-block .content { padding-left: 1.5rem; padding-right: 1.5rem; } .gift-message-summary { padding-right: 7rem; } .cart.table-wrapper .action-gift { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-gift > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\e62a'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-gift:hover:after { color: #777777; } .cart.table-wrapper .action-gift:active:after { color: #0088cc; } .cart.table-wrapper .action-gift._active { border: 1px solid #c1c1c1; border-bottom-color: #ffffff; margin: -4.5px 14px -1px -15px; padding: 4px 9px 9px 14px; } .cart.table-wrapper .action-gift._active:after { color: #777777; } .cart.table-wrapper .gift-content { border-top: 1px solid #c1c1c1; margin-right: -15px; padding-left: 15px; padding-right: 15px; overflow: hidden; } .gift-options-cart-item + .action-towishlist { left: 43px; position: absolute; } .cart.table-wrapper .action-giftregistry { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-giftregistry > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-giftregistry:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\e62b'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-giftregistry:hover:before { color: #777777; } .cart.table-wrapper .action-giftregistry:active:before { color: #0088cc; } .gift-wrapping { border-bottom: 1px solid #c1c1c1; margin-bottom: 18px; padding-bottom: 9px; } .gift-wrapping-list { width: 100%; } .gift-wrapping-summary + .gift-message-summary { padding-right: 0; } .gift-options-cart-item { float: left; } .gift-wrapping-preview img { width: 100%; } .item-actions .actions-toolbar .gift-options .gift-wrapping, .item-actions .actions-toolbar .gift-options .gift-message { display: block; } .table-wrapper.grouped { margin-left: -15px; margin-right: -15px; } body.filter-active .page-wrapper { visibility: hidden; height: 0; margin-top: -999999em; } body.filter-active .columns { z-index: 999; } .filter.active { position: relative; z-index: 99; visibility: visible; } .filter.active .filter-options-item:last-child { margin-bottom: 36px; } .filter.active .filter-title { position: fixed; top: 0; right: 0; left: 0; height: 48px; z-index: 2; border-bottom: 1px solid #cccccc; } .filter.active .filter-title strong { right: 3px; left: auto; top: 10px; border: 0; background: none; box-shadow: none; color: transparent; display: inline-block; text-decoration: none; } .filter.active .filter-title strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #c1c1c1; content: '\f819'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter.active .filter-subtitle { display: block; position: fixed; top: 0; right: 0; left: 0; height: 50px; background: transparent; z-index: 1; line-height: 32px; } .filter.active .filter-options { display: block; position: fixed; top: 50px; left: 0; right: 0; bottom: 0; overflow: scroll; background: #ffffff; z-index: 10; } .filter .filter-subtitle { font-size: 20px; font-weight: 300; } .filter-actions { margin: -35px -9px 22.5px; } .filter-options-content { padding: 4.5px 9px; } .filter-no-options .filter-title:before { content: ""; width: 100px; height: 40px; background: rgba(255, 255, 255, 0.5); display: block; position: relative; z-index: 99; margin-top: -40px; left: -15px; } .filter .filter-current { margin: 4.5px -9px 0; border: solid #cccccc; border-width: 1px 0; } .filter .filter-current .items { display: none; } .filter .filter-current-subtitle { text-transform: uppercase; position: relative; z-index: 1; display: block; text-decoration: none; } .filter .filter-current-subtitle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter .filter-current-subtitle:before { position: absolute; right: 10px; top: 10px; } .filter .filter-current-subtitle:after { content: ' (' attr(data-count) ')'; font-size: .9em; color: #c1c1c1; } .filter .filter-current.active { padding-bottom: 30px; } .filter .filter-current.active .block-subtitle:before { content: '\f804'; } .filter .filter-current.active .items { display: block; } .filter .filter-current.active + .block-actions { display: block; } .filter .filter-current + .block-actions { display: none; } .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; } .map-old-price:not(:last-child), .map-show-info:not(:last-child) { margin-bottom: 9px; } .block-wishlist-management { clear: both; margin-top: -21px; } .block-wishlist-management .wishlist-select { margin: 0 -15px 20px; } .block-wishlist-management .wishlist-select .wishlist-name { font-size: 1.6rem; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #cccccc; background: #ffffff; display: none; padding: 15px 0; } .block-wishlist-management .wishlist-select-items.active { display: block; } .block-wishlist-management .wishlist-select-items .item { margin: 3px 0 0; } .block-wishlist-management .wishlist-select-items .item:first-child { margin-top: 0; } .block-wishlist-management .wishlist-select-items .item.current { display: none; } .block-wishlist-management .wishlist-select-items .item a { color: #777777; display: block; padding: 4.5px 18px; text-decoration: none; } .block-wishlist-management .wishlist-select-items .item a:hover { background: #0088cc; } .block-wishlist-management .wishlist-title strong { font-size: 2.6rem; } .block-wishlist-management .wishlist-info { margin-bottom: 15px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { margin-bottom: 15px; } .products-grid.wishlist .product-item-checkbox { left: 20px; position: absolute; top: 20px; } .page-multiple-wishlist .products-grid.wishlist .product-item-photo { margin-left: 22.5px; } .page-multiple-wishlist .products-grid.wishlist .product-item-name, .page-multiple-wishlist .products-grid.wishlist .product-item-description, .page-multiple-wishlist .products-grid.wishlist .product-item .price-box, .page-multiple-wishlist .products-grid.wishlist .product-item-tooltip { margin-left: 115px; } .products-grid.wishlist .wishlist-dropdown { display: none; } .multishipping-checkout-success .nav-toggle { display: block; } .multishipping-checkout-success .logo { margin-left: 36px; } .block-collapsible-nav { left: 0; position: absolute; top: 0; width: 100%; z-index: 5; background-color: #ffffff; } .block-collapsible-nav .content { border-bottom: 1px solid #cccccc; display: none; } .block-collapsible-nav .content.active { display: block; } .block-collapsible-nav .item { padding: 0 15px; } .customer-name, .customer-welcome + .authorization-link { display: none; } .nav-sections .switcher-trigger strong:after { font-size: 1.6rem; right: -25px; top: 2px; } .navigation .parent .level-top:after { font-size: 2.2rem; right: 10px; top: 13px; } .mobile-sticky header.page-header { position: fixed; width: 100%; top: 0; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); } .mobile-sticky .page-main { margin-top: 64px; } .page-header.header-newskin .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 0; float: right; margin-right: -17px; } .page-header.header-newskin .minicart-wrapper .action.showcart:before, .page-header.header-newskin .minicart-wrapper .action.showcart.active:before { font-size: 28px; line-height: 40px; } .page-header.header-newskin .minicart-wrapper .action.showcart { line-height: 40px; } .products-grid.wishlist { margin-bottom: 27px; margin-right: -9px; } .products-grid.wishlist .product-item { padding: 18px 9px 18px 18px; position: relative; } .products-grid.wishlist .product-item-photo { float: left; margin-right: 18px; } .products-grid.wishlist .product-item-name { font-size: 1.6rem; } .products-grid.wishlist .product-item-actions { display: block; } .products-grid.wishlist .product-item-actions .action { margin-right: 15px; } .products-grid.wishlist .product-item-actions .action:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit { float: left; } .products-grid.wishlist .product-item-actions .action.delete { float: right; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { margin-top: 7px; } .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin-left: 95px; } .products-grid.wishlist .product-item .box-tocart { float: left; margin-right: 18px; } .products-grid.wishlist .product-item .box-tocart .stock { margin-top: 7px; } .products-grid.wishlist .product-item .giftregisty-dropdown, .products-grid.wishlist .product-item .field.qty { display: none; } .products-grid.wishlist .product-image-container { max-width: 80px; } .wishlist-index-index .product-item { width: 100%; } .wishlist-index-index .product-item-info { width: auto; } .cart.table-wrapper .action-towishlist { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-towishlist > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\f816'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-towishlist:hover:before { color: #777777; } .cart.table-wrapper .action-towishlist:active:before { color: #0088cc; } .footer-bottom > .container > * { float: none !important; line-height: 35px !important; } .history .featured-box { margin-left: 0; } .history .thumb { display: none; } .sidebar .block-viewed-products-grid .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%) / 2); } .sidebar .block-viewed-products-grid .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item-photo { display: block; position: relative; } .sidebar .block-viewed-products-grid .products-grid .product-item-details { margin: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item-info { text-align: center; } .braintree-applepay-container-product { display: block; } .braintree-applepay-container-product .braintree-apple-pay-button { width: 100%; } } @media only screen and (max-width: 639px) { .abs-visually-hidden-mobile, .table-downloadable-products .col.title:before, .table-giftregistry-items .col.product:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile:before, .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:before, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:before, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:before, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:before, .multicheckout.order-review .data.table tbody > tr:after { content: ''; display: table; } .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:after { clear: both; } .multicheckout.order-review .data.table tbody > tr:not(:last-child) { border-bottom: 1px solid #cccccc; } .multicheckout.order-review .data.table tbody > tr > td.col.item:before { display: none; } .multicheckout.order-review .data.table tbody > tr > td.col.qty, .multicheckout.order-review .data.table tbody > tr > td.col.price, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; } .multicheckout.order-review .data.table tbody > tr > td.col.qty:before, .multicheckout.order-review .data.table tbody > tr > td.col.price:before, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal:before { content: attr(data-th) ":"; display: block; font-weight: 700; padding-bottom: 9px; } .multicheckout.order-review .data.table tbody > tr > td.col:last-child { border: 0; } .abs-checkout-order-review .product-item-name, .multicheckout.order-review .data.table .product-item-name { margin: 0; } .abs-product-items-summary tbody .col { padding: 9px 0 0; } .abs-product-items-summary tfoot .mark { padding-bottom: 4.5px; text-align: left; } .abs-product-items-summary tfoot .amount { padding-top: 0; text-align: left; } .abs-product-items-summary tfoot .grand.totals { font-size: 1.6rem; } .abs-product-items-summary tfoot .grand.totals .mark { padding-top: 4.5px; padding-bottom: 0; } .abs-product-items-summary tfoot .grand.totals .amount { padding-bottom: 9px; padding-top: 0; } .abs-product-items-summary tfoot .grand.totals .amount strong { border-top: none; } .abs-account-table-margin-mobile, .table-wrapper.balance-history, .table-wrapper.reward-history, .table-wrapper.orders-recent { margin-top: -18px; } .abs-sidebar-totals-mobile th:before, .abs-sidebar-totals-mobile td:before, .account .table-billing-agreements .col.actions:before, .account .table-billing-agreements-related .col.actions:before, .table-wrapper.comparison .table-comparison > tbody > tr > th:before, .table-wrapper.comparison .table-comparison > tbody > tr > td:before, .cart .table.items .col.item:before, .cart .table.items .item-actions td:before, .account .table-giftregistry .col.actions:before, .table.grouped > tbody > tr > td:before, .account .table-reviews .col.actions:before, .account .table-order-items .col.actions:before, .account .table-order-items .col.options:before, .cart-totals .totals th:before, .cart-totals .totals td:before, .opc-block-summary .totals th:before, .opc-block-summary .totals td:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-no-display-s, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody th, .order-details-items .table-order-items .options-label, .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { display: none; } .abs-title-orders-mobile .page-main .page-title-wrapper .page-title, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title { display: block; } .abs-title-orders-mobile .page-main .page-title-wrapper .order-status, .magento-rma-returns-returns .page-main .page-title-wrapper .order-status, .magento-rma-returns-view .page-main .page-title-wrapper .order-status, .account .page-main .page-title-wrapper .order-status, [class^="sales-guest-"] .page-main .page-title-wrapper .order-status, .sales-guest-view .page-main .page-title-wrapper .order-status { margin: -9px 0 9px; } .abs-table-striped-mobile > tbody > tr > td:last-child, .account .data.table > tbody > tr > td:last-child { border: 0; } .abs-no-border-top, .product.info.detailed .additional-attributes-wrapper, .table-wrapper.balance-history, .table-wrapper.table-returns, .table-wrapper.orders-recent, .order-details-items .table-wrapper { border-top: 0; } .abs-no-border-bottom { border-bottom: 0; } .abs-sidebar-totals-mobile .amount, .cart-totals .totals .amount, .opc-block-summary .totals .amount { text-align: right; } .table-wrapper { border-top: 1px solid #cccccc; overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; position: relative; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) { border: none; display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th { display: none; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th { border-bottom: none; display: block; padding: 4.5px 9px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before { padding-right: 9px; content: attr(data-th) ': '; display: inline-block; color: #555555; font-weight: 700; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > th { background-color: #f6f6f6; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child { padding-top: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child { border-bottom: 1px solid #cccccc; padding-bottom: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td.col.qty { text-align: left; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody td:last-child { border: none; padding: 0 0 4.5px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td { padding-top: 18px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .mark { box-sizing: border-box; float: left; text-align: left; width: 70%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .amount { box-sizing: border-box; float: left; text-align: right; width: 30%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals { font-size: 1.6rem; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals .amount { padding-bottom: 9px; } .checkout-payment-method .amazon-sandbox-simulator { border-top: 1px solid #cccccc; } /* Overwriting Magento's padding for the method title to make sure our KP methods have the same height as the core methods */ .klarna-payments-method > .payment-method-title { padding: 6.5px 0 6.5px 15px; } .form-new-agreement select { width: auto; } .table-paypal-review-items .col.subtotal { text-align: left; } .table-paypal-review-items .product-item-name { display: inline-block; } .column .block-addbysku .sku { margin-right: -85px; padding-right: 90px; } .column .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .column .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: #0088cc; content: '\f81a'; font-family: 'porto-icons'; margin: -4px 0 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.remove:hover:before { color: inherit; } .column .block-addbysku .action.remove:active:before { color: inherit; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .products-list .product-item-photo { width: 100%; padding: 0; display: block; } .products-list .product-item-details { display: block; } .toolbar-products { margin-bottom: 0; } .product-social-links .action.tocompare { display: none; } .product-info-price { margin: 0 -9px 0; width: calc(100% + 2*9px) !important; } .product-info-price > *:first-child { padding-left: 9px; } .product-info-price > *:last-child { padding-right: 9px; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { display: table-cell; } .cart .table.items .col.qty { text-align: center; } .minicart-wrapper { margin-top: 9px; } .opc-wrapper .step-title { font-size: 18px; border-bottom: 0; padding-bottom: 0; } .opc-wrapper .step-content { margin: 0 0 15px; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping { background: #f4f4f4; margin: 18px -15px 15px; padding: 18px 15px; } .opc-wrapper .form-login + .form-shipping-address { margin-top: -15px; } .opc-wrapper .shipping-address-item { border-bottom: 1px solid #cccccc; margin: 0 0 15px; padding: 0 0 15px; width: 100%; } .opc-wrapper .shipping-address-item.selected-item { padding: 15px 32px 15px 18px; border-bottom-width: 2px; } .opc-wrapper .shipping-address-item.selected-item .edit-address-link { right: 38px; } .opc-wrapper .action-select-shipping-item { float: none; margin-top: 9px; width: 100%; } .opc-wrapper .action-show-popup { width: 100%; } .opc-wrapper .methods-shipping { border-bottom: 1px solid #cccccc; padding-top: 27px; } .opc-wrapper .edit-address-link { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; top: 5px; } .opc-wrapper .edit-address-link > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-wrapper .edit-address-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\f826'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-wrapper .edit-address-link:hover:before { color: #777777; } .opc-wrapper .edit-address-link:active:before { color: #0088cc; } .shipping-policy-block.field-tooltip { margin-bottom: 18px; position: relative; right: auto; top: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 300px; right: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: auto; } .opc-block-summary > .title { border-bottom: 0; font-size: 18px; margin-bottom: 18px; padding-bottom: 0; } .account .column.main, .account .sidebar-additional { margin: 0; } .page-product-downloadable .product-options-wrapper { margin-bottom: 22.5px; } .table-downloadable-products .product-name { display: block; margin-bottom: 4.5px; } .page-product-downloadable .product-info-price ~ *:last-child:after { border-bottom: 1px #c1c1c1 solid; content: ''; display: block; height: 0; overflow: hidden; width: auto; margin: 22.5px -9px; } .table-giftregistry-items .field.choice, .table-giftregistry-items .field.qty { display: inline-block; } .form-giftregistry-search .fieldset { margin-bottom: 18px; } .block-giftregistry-results .block-title { margin-bottom: 0; } .block-giftregistry-results .table-wrapper { border-top: none; } .block-giftregistry-shared-items .block-title { margin-bottom: 9px; } .block-giftregistry-shared-items .table-wrapper { border-top: 0; } .table.grouped > thead > tr > th { display: table-cell; border-bottom: 1px solid #cccccc; } .table.grouped > tbody { border-bottom: 1px solid #cccccc; } .table.grouped > tbody > tr > td { border: 0; display: table-cell; padding: 11px 9px; } .table.grouped > tbody > tr > td:last-child { border: 0; } .form-add-invitations .action.remove { display: inline-block; text-decoration: none; } .form-add-invitations .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: #0088cc; content: '\f81a'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.remove:hover:before { color: inherit; } .form-add-invitations .action.remove:active:before { color: inherit; } .multicheckout .data.table .address:before { margin-bottom: 4.5px; } .multicheckout .product-item-name, .multicheckout .price-including-tax, .multicheckout .price-excluding-tax { display: inline-block; } .multicheckout .block-content .box:not(:last-child) { margin-bottom: 36px; } .multicheckout .block-content .box:last-child { margin-bottom: 0; } .multicheckout.order-review .box-items .data.table thead { display: block; } .multicheckout.order-review .box-items .data.table thead tr { display: block; } .multicheckout.order-review .box-items .data.table thead .col.item { display: block; padding: 0; } .multicheckout .actions-toolbar .action { margin-bottom: 22.5px; } .multicheckout .actions-toolbar > .primary { margin-bottom: 22.5px; margin-right: 0; } .customer-review .product-name { margin-bottom: 4.5px; } .customer-review .product-reviews-summary .rating-summary { display: block; margin-bottom: 4.5px; } .form-create-return .additional .field:nth-last-child(2) { margin-bottom: 0; } .form-create-return .additional .field:last-child { margin-top: 18px; } .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track { float: none; display: block; margin: 9px 0 0; } .account .table-order-items tbody tr { display: block; } .account .table-order-items .product-item-name { display: inline-block; margin: 0; } .account .table-order-items .action.show { margin-top: 0; } .order-details-items .order-title strong { display: block; } .order-details-items .action { margin-top: 9px; } .order-details-items .items-qty { display: inline-block; vertical-align: top; } .order-details-items .col.price .price-including-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-excluding-tax { display: inline-block; } .order-details-items .data.table .col.options { padding: 0 10px 15px; } .order-details-items .data.table .col.options:before { display: none; } .order-details-items .options-label + .item-options-container:before, .order-details-items .item-options-container + .item-options-container:before { content: attr(data-th) ":"; display: block; font-weight: 700; padding-left: 10px; } .order-details-items .options-label + .item-options-container .col, .order-details-items .item-options-container + .item-options-container .col { font-size: 1.2rem; padding: 0 10px; } .order-details-items .options-label + .item-options-container .col:first-child, .order-details-items .item-options-container + .item-options-container .col:first-child { padding-top: 3px; } .order-details-items .options-label + .item-options-container .col:last-child, .order-details-items .item-options-container + .item-options-container .col:last-child { padding-bottom: 20px; } .products-grid.wishlist .product-item { border-bottom: 1px solid #e8e8e8; } .products-grid.wishlist .product-item:first-child { border-top: 1px solid #e8e8e8; } #braintree-three-d-modal .bt-modal-frame { width: 100%; } } @media only screen and (max-width: 479px) { .tooltip.wrapper .tooltip.content { min-width: 10rem; } .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary { display: none; } .minicart-wrapper .block-minicart { width: 290px; } .modal-popup .field-tooltip .field-tooltip-content { width: 200px; } } @media all and (min-width: 640px) { .abs-blocks-2columns-s { width: 48%; } .abs-reset-left-margin-desktop-s, .column:not(.sidebar-main) .multicheckout .actions-toolbar, .multicheckout .block-shipping .box-shipping-method .fieldset .legend { margin-left: 0; } .abs-visually-hidden-desktop-s { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-desktop-s:before, .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:before, .multicheckout .block-billing:after { content: ''; display: table; } .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { clear: both; } .abs-add-box-sizing-desktop-s, .multicheckout .block-shipping .box, .multicheckout .block-billing .box-billing-address, .multicheckout .block-billing .box-billing-method { box-sizing: border-box; } .abs-form-field-column-2-s .fieldset .field { padding: 0 12px 0 0; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; } .abs-form-field-column-2-s .fieldset .field + .fieldset { clear: both; } .abs-form-field-column-2-s .fieldset .field .field { width: 100%; padding: 0; } .abs-form-field-revert-column-1-s { width: 100%; } .abs-action-print-s { display: inline-block; text-decoration: none; } .abs-action-print-s:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; content: '\e624'; font-family: 'porto-icons'; margin: 0 4px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .table > tbody > tr > th, .table > tbody > tr > td { border-top: 1px solid #cccccc; } .table > tbody + tbody { border-top: 1px solid #cccccc; } .ui-dialog.popup { width: 420px; } .column .block-addbysku .action.remove { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.4; margin: 0; padding: 0; color: #0088cc; text-decoration: none; background: none; border: 0; display: inline; margin-top: -4px; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .column .block-addbysku .action.remove:visited { color: #0088cc; text-decoration: none; } .column .block-addbysku .action.remove:hover { color: #0088cc; text-decoration: underline; } .column .block-addbysku .action.remove:active { color: #0088cc; text-decoration: underline; } .column .block-addbysku .action.remove:hover, .column .block-addbysku .action.remove:active, .column .block-addbysku .action.remove:focus { background: none; border: 0; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { color: #0088cc; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .page-products .columns { position: relative; z-index: 1; padding-top: 0; } .multicheckout .actions-toolbar .secondary { float: none; text-align: right; } .multicheckout .actions-toolbar .secondary .action { margin-left: 9px; } .multicheckout .actions-toolbar .secondary .action.back { display: block; float: left; } .multicheckout .item-options { margin: 18px 0 0; } .multicheckout .block-content .box { margin-bottom: 0; } .multicheckout .block-shipping .box { float: left; width: 25%; } .multicheckout .block-shipping .box-shipping-method { padding-left: 22.5px; padding-right: 22.5px; width: 50%; } .multicheckout .block-shipping .box-shipping-method .fieldset .field:before { display: none; } .multicheckout .block-billing .box-billing-address { float: left; width: 25%; } .multicheckout .block-billing .box-billing-method { float: left; padding-left: 22.5px; width: 50%; } .multicheckout.form.address .table-wrapper .applicable { margin: 7px 0 0; } .multicheckout.order-review .box-items { clear: left; float: none; padding-top: 36px; width: auto; } .multicheckout.order-review .col.item { width: 75%; } .multicheckout .methods-payment .item-content > .fieldset { width: auto; } .multicheckout .methods-payment .item-content > .fieldset .field.cvv { display: inline-block; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice) > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control { width: 100%; } .review-form { max-width: 500px; } .review-ratings { max-width: 244px; float: left; margin-bottom: 0; } .review-ratings ~ .review-content, .review-ratings ~ .review-details { margin-left: 280px; } .review-toolbar { margin: 0 0 30px; } .review-toolbar .pages { padding: 30px 0; } .fieldset .review-legend.legend { margin-bottom: 30px; } .review-item { padding: 30px 0; } .review-title { margin: 0 0 30px; } .order-details-items .order-title .action { margin: 12px 0 0 30px; } .order-details-items .order-title .action.track { float: right; } .wishlist-index-index .products-grid .product-item { margin-bottom: 20px; width: 50%; } .wishlist-index-index .products-grid .product-item-actions { margin: 0; } .products-grid .product-item { position: relative; } .products-grid .product-item .product-item-inner { margin: 9px -9px 0 -10px; } .products-grid .product-item .product-item-details { position: relative; } .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v1 span { padding: 18px; display: block; } .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v1 { display: block; position: absolute; top: -66px; z-index: 9; width: 100%; text-align: center; color: #555; background: rgba(255, 255, 255, 0.7); font-size: 14px; text-decoration: none; } .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 { display: block; position: absolute; top: 0px; right: 0px; background-color: #08c; color: #fff; padding: 10px; z-index: 9; border-radius: 0 5px; transition: 0.1s all; font-size: 12px; line-height: 1.4; } .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2:hover { opacity: 0.9; } .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 .porto-icon-eye { margin-right: 3px; } .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 33.33333333%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 4%) / 3); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } } #braintree-three-d-modal { display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; align-items: center; height: 100vh; width: 100vw; z-index: 100000; visibility: visible; } #braintree-three-d-modal .bt-modal-frame { height: 420px; width: 440px; margin: auto; background-color: #ffffff; z-index: 2; border-radius: 6px; } #braintree-three-d-modal .bt-modal-body { height: 380px; margin: 20px; background-color: white; border: 1px solid lightgray; } #braintree-three-d-modal .bt-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; } .braintree-applepay-container-product { display: inline-block; } .braintree-applepay-container-product .braintree-apple-pay-button { padding: 10px 0; margin: 0; margin-bottom: 15px; } .braintree-apple-pay-button { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: plain; display: block; width: 200px; min-height: 40px; border: 1px solid black; background-image: -webkit-named-image(apple-pay-logo-black); background-size: 100% calc(60% + 2px); background-repeat: no-repeat; background-color: black; background-position: 50% 50%; border-radius: 5px; padding: 2px; margin: 20px auto; transition: background-color 0.15s; cursor: pointer; } .ppcredit-summary { background: linear-gradient(to right, #009cde, #003087); color: #ffffff; padding: 15px; text-align: center; margin: 10px 0px; } .ppcreditcalc-container { border: 1px solid #dedede; background: #ffffff; } .ppcreditcalc-header { background: #ffffff; padding: 15px; } .ppcreditcalc-legal { background-color: #eee; border-top: 1px solid #dedede; padding: 15px; font-size: 1.2rem; line-height: 2rem; } .ppcreditcalc-instalments { list-style: none; margin: 0; padding: 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; background-color: #eeeeee; } .ppcreditcalc-instalments li { display: inline-block; margin: 0; padding: 0; } .ppcreditcalc-instalments-term { display: block; padding: 10px 15px; color: #000; } .ppcreditcalc-instalments-term:hover { background: #009CDE; color: #FFF; text-decoration: none; } .ppcreditcalc-instalments-term.active { background: #003087; color: #FFF; } .ppcreditcalc-instalment-summary { padding: 15px; } .ppcreditcalc-instalment-summary dl { margin: 0; } .ppcreditcalc-instalment-summary dt { display: inline-block; width: 50%; } .ppcreditcalc-instalment-summary dd { display: inline-block; } #braintree_expirationDate { width: 90px; } button.braintree-googlepay-button { background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0 1px 1px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; cursor: pointer; height: 40px; min-height: 40px; padding: 11px 24px; } button.braintree-googlepay-button.black { background-color: #000; box-shadow: none; padding: 12px 24px 9px; } button.braintree-googlepay-button.white { background-color: #ffffff; } button.braintree-googlepay-button.short { min-width: 90px; width: 160px; } button.braintree-googlepay-button.black.short { background-image: url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg); } button.braintree-googlepay-button.white.short { background-image: url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg); } button.braintree-googlepay-button.black:active { background-color: #5f6368; } button.braintree-googlepay-button.black:hover { background-color: #3c4043; } button.braintree-googlepay-button.white:active { background-color: #ffffff; } button.braintree-googlepay-button.white:focus { box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px; } button.braintree-googlepay-button.white:hover { background-color: #f8f8f8; } button.braintree-googlepay-button.long { min-width: 152px; width: 240px; } button.braintree-googlepay-button.white.long { background-image: url(https://www.gstatic.com/instantbuy/svg/light/en.svg); } button.braintree-googlepay-button.black.long { background-image: url(https://www.gstatic.com/instantbuy/svg/dark/en.svg); } .googlepay-minicart-logo { margin-top: 15px; text-align: center; } .checkout-payment-method .credit-card-types.braintree-credit-card-types img { width: 30px; -webkit-filter: none; -webkit-transition: none; } .braintree-card-control { position: relative; } .braintree-credit-card-selected { position: absolute; z-index: 10; left: 9px; } .braintree-paypal-logo.oneclick-container { width: 100%; } #payment_form_braintree_ach_direct_debit .field > .fields .field .label { font-weight: 600; } #payment_form_braintree_ach_direct_debit .field > .fields .field.required > .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control { margin: 9px 9px 0 0; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type="text"]::placeholder, #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type="number"]::placeholder { color: lightgrey; } #payment-method-braintree-lpm .primary { width: 100%; } #payment-method-braintree-lpm .primary .action { margin-bottom: 12px; width: 100%; } #payment-method-braintree-lpm .primary .action img { height: 40px; } #payment-method-braintree-cc-vault .field.required .label { font-weight: 600; } #payment-method-braintree-cc-vault .field.required .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment-method-braintree-cc-vault .field .hosted-control { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; height: 32px; padding: 0 9px; vertical-align: baseline; box-sizing: border-box; position: relative; width: 5rem; } #payment-method-braintree-cc-vault .field .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } #payment-method-braintree-cc-vault .field .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .braintree-paypal-fieldset { display: none; } .payment-method-braintree .hosted-control { border: 1px solid #c2c2c2; height: 32px; padding: 8px 15px; max-width: 300px; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .payment-method-braintree .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .payment-method-braintree .cvv { max-width: 200px; position: relative; } .payment-method-braintree .cvv .field-tooltip { top: 9px; right: 27px; } #braintree_cc_number { padding-left: 68px; } pub/static/frontend/Smartwave/porto/en_US/css/email.css000077700000015764151323550660017210 0ustar00@import url("{{base_url_path}}frontend/Smartwave/porto/{{locale}}/css/email-fonts.css"); html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.4; font-size: 13px; } p { margin-top: 0; margin-bottom: 9px; } abbr[title] { border-bottom: 1px dotted #cccccc; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f6f6f6; color: #1e1e1e; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #cccccc; margin-bottom: 18px; margin-top: 18px; } sub, sup { font-size: 69.23076923000001%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { font-style: italic; } h1 { font-weight: 300; line-height: 1.1; font-size: 25px; margin-top: 0; margin-bottom: 18px; } h2 { font-weight: 300; line-height: 1.1; font-size: 25px; margin-top: 22.5px; margin-bottom: 18px; } h3 { font-weight: 300; line-height: 1.1; font-size: 17px; margin-top: 18px; margin-bottom: 9px; } h4 { font-weight: 700; line-height: 1.1; font-size: 13px; margin-top: 18px; margin-bottom: 18px; } h5 { font-weight: 700; line-height: 1.1; font-size: 12px; margin-top: 18px; margin-bottom: 18px; } h6 { font-weight: 700; line-height: 1.1; font-size: 10px; margin-top: 18px; margin-bottom: 18px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #0088cc; text-decoration: none; } a:visited, .alink:visited { color: #0088cc; text-decoration: none; } a:hover, .alink:hover { color: #0088cc; text-decoration: underline; } a:active, .alink:active { color: #0088cc; text-decoration: underline; } ul, ol { margin-top: 0; margin-bottom: 22.5px; } ul > li, ol > li { margin-top: 0; margin-bottom: 9px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-bottom: 18px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 4.5px; margin-top: 0; } dd { margin-bottom: 9px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { background: #f6f6f6; color: #555555; padding: 2px 4px; font-size: 12px; white-space: nowrap; } kbd { background: #f6f6f6; color: #555555; padding: 2px 4px; font-size: 12px; } pre { background: #f6f6f6; border: 1px solid #cccccc; color: #555555; line-height: 1.4; margin: 0 0 9px; padding: 9px; font-size: 12px; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #cccccc; margin: 0 0 18px 36px; padding: 0; color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.4; font-size: 13px; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #777777; line-height: 1.4; font-size: 9px; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } .shipment-track th { text-align: left; } .shipment-track > tbody > tr > th, .shipment-track > tfoot > tr > th, .shipment-track > tbody > tr > td, .shipment-track > tfoot > tr > td { vertical-align: top; } .shipment-track > thead > tr > th, .shipment-track > thead > tr > td { vertical-align: bottom; } .shipment-track > thead > tr > th, .shipment-track > tbody > tr > th, .shipment-track > tfoot > tr > th, .shipment-track > thead > tr > td, .shipment-track > tbody > tr > td, .shipment-track > tfoot > tr > td { padding: 0 9px; } .email-items th { text-align: left; } .email-items > tbody > tr > th, .email-items > tfoot > tr > th, .email-items > tbody > tr > td, .email-items > tfoot > tr > td { vertical-align: top; } .email-items > thead > tr > th, .email-items > thead > tr > td { vertical-align: bottom; } .email-items > thead > tr > th, .email-items > tbody > tr > th, .email-items > tfoot > tr > th, .email-items > thead > tr > td, .email-items > tbody > tr > td, .email-items > tfoot > tr > td { padding: 0 9px; } @media only screen and (max-width: 639px) { html, body { background-color: #ffffff; width: 100% !important; } .main { max-width: 100% !important; min-width: 240px; width: auto !important; } .rma-items td, .rma-items th { font-size: 12px !important; padding: 5px !important; } } @media only screen and (max-width: 479px) { .header, .main-content, .footer { padding: 22.5px 9px !important; } .footer td { display: block; width: auto !important; } .email-features > tbody > tr > td { clear: both; display: block; padding-top: 18px; width: auto !important; } .email-summary h1 { font-size: 23px !important; } .order-details .address-details, .order-details .method-info { display: block; padding: 9px 0 !important; width: auto !important; } .order-details .address-details h3, .order-details .method-info h3 { margin-top: 0 !important; margin-bottom: 4.5px !important; } .button .inner-wrapper { width: 100% !important; } .button .inner-wrapper td a { font-size: 16px; } } body, table, td, a { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } img { -ms-interpolation-mode: bicubic; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } a:visited { color: #0088cc !important; text-decoration: none !important; } a:hover { color: #0088cc !important; text-decoration: underline !important; } a:active { color: #0088cc !important; text-decoration: underline !important; } .no-link a, .address-details a { color: #777777 !important; cursor: default !important; text-decoration: none !important; } .button .inner-wrapper td:hover { background-color: #0088cc !important; } .button .inner-wrapper a:active, .button .inner-wrapper td:active { background-color: #0088cc !important; } .button a:active, .button a:hover, .button a:visited { border: 1px solid #0088cc; color: #ffffff !important; text-decoration: none !important; } .email-items { overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } pub/static/frontend/Smartwave/porto/en_US/css/email.less000077700000001516151323550660017354 0ustar00 @import 'source/lib/_lib.less'; // Global lib @import 'source/lib/variables/_email.less'; // Global email variables @import 'source/_theme.less'; // Global variables override @import 'source/_variables.less'; // Local theme variables @import 'source/_email-variables.less'; // Theme variables for emails @import (reference) 'source/_email-base.less'; // Contains primary email styles @import (reference) 'source/_email-extend.less'; // Contains theme-specific adjustments to email styles @import (reference) '../Magento_Bundle/css/source/_email.less'; @import (reference) '../Magento_Rma/css/source/_email.less'; @import (reference) '../Magento_Customer/css/source/_email.less'; @import (reference) '../Magento_Sales/css/source/_email.less'; @import 'source/lib/_responsive.less'; @media-target: 'all'; .email-non-inline(); pub/static/frontend/Smartwave/porto/en_US/css/email-inline.less000077700000001255151323550660020630 0ustar00 @import 'source/lib/_lib.less'; // Global lib @import 'source/lib/variables/_email.less'; // Global email variables @import 'source/_theme.less'; // Global variables override @import 'source/_variables.less'; // Local theme variables @import 'source/_email-variables.less'; // Theme variables for emails @import 'source/_email-base.less'; // Contains primary email styles @import 'source/_email-extend.less'; // Contains theme-specific adjustments to email styles @import '../Magento_Bundle/css/source/_email.less'; @import '../Magento_Rma/css/source/_email.less'; @import '../Magento_Customer/css/source/_email.less'; @import '../Magento_Sales/css/source/_email.less'; pub/static/frontend/Smartwave/porto/en_US/css/email-inline.css000077700000025400151323550660020450 0ustar00@import url("{{base_url_path}}frontend/Smartwave/porto/{{locale}}/css/email-fonts.css"); body { margin: 0; padding: 0; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse; } table td { vertical-align: top; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.4; font-size: 13px; } p { margin-top: 0; margin-bottom: 9px; } abbr[title] { border-bottom: 1px dotted #cccccc; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f6f6f6; color: #1e1e1e; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #cccccc; margin-bottom: 18px; margin-top: 18px; } sub, sup { font-size: 69.23076923000001%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { font-style: italic; } h1 { font-weight: 300; line-height: 1.1; font-size: 25px; margin-top: 0; margin-bottom: 18px; } h2 { font-weight: 300; line-height: 1.1; font-size: 25px; margin-top: 22.5px; margin-bottom: 18px; } h3 { font-weight: 300; line-height: 1.1; font-size: 17px; margin-top: 18px; margin-bottom: 9px; } h4 { font-weight: 700; line-height: 1.1; font-size: 13px; margin-top: 18px; margin-bottom: 18px; } h5 { font-weight: 700; line-height: 1.1; font-size: 12px; margin-top: 18px; margin-bottom: 18px; } h6 { font-weight: 700; line-height: 1.1; font-size: 10px; margin-top: 18px; margin-bottom: 18px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #0088cc; text-decoration: none; } a:visited, .alink:visited { color: #0088cc; text-decoration: none; } a:hover, .alink:hover { color: #0088cc; text-decoration: underline; } a:active, .alink:active { color: #0088cc; text-decoration: underline; } ul, ol { margin-top: 0; margin-bottom: 22.5px; } ul > li, ol > li { margin-top: 0; margin-bottom: 9px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-bottom: 18px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 4.5px; margin-top: 0; } dd { margin-bottom: 9px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { background: #f6f6f6; color: #555555; padding: 2px 4px; font-size: 12px; white-space: nowrap; } kbd { background: #f6f6f6; color: #555555; padding: 2px 4px; font-size: 12px; } pre { background: #f6f6f6; border: 1px solid #cccccc; color: #555555; line-height: 1.4; margin: 0 0 9px; padding: 9px; font-size: 12px; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #cccccc; margin: 0 0 18px 36px; padding: 0; color: #777777; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.4; font-size: 13px; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #777777; line-height: 1.4; font-size: 9px; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } body { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; } th, td { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } a { color: #0088cc; text-decoration: none; } html, body { background-color: #f5f5f5; } .wrapper { margin: 0 auto; } .wrapper-inner { padding-bottom: 27px; width: 100%; } .main { margin: 0 auto; text-align: left; width: 660px; } .header { padding: 22.5px 22.5px 0; } .main-content { background-color: #ffffff; padding: 22.5px; } .footer { padding: 0 22.5px 22.5px; } .button > tr > td { padding-bottom: 9px; } .button .inner-wrapper td { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: #0088cc; } .button .inner-wrapper td a { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #0088cc; color: #ffffff; display: inline-block; font-size: 14px; padding: 7px 15px; text-decoration: none; } .message-info, .message-gift { width: 100%; } .message-info td, .message-gift td { background-color: #fdf0d5; border: 1px solid false; color: #777777; margin: 0; padding: 9px; } .message-info td a, .message-gift td a { color: #0088cc; } .message-info td h1, .message-gift td h1, .message-info td h2, .message-gift td h2, .message-info td h3, .message-gift td h3, .message-info td h4, .message-gift td h4, .message-info td h5, .message-gift td h5, .message-info td h6, .message-gift td h6 { margin-top: 0; } .message-details { margin-bottom: 9px; } .message-details b { font-weight: bold; } .message-details td { padding-bottom: 4.5px; } .message-details td b { margin-right: 9px; } .header { background-color: #f5f5f5; padding: 22.5px; } .footer { background-color: #f5f5f5; padding: 22.5px; } .footer table { width: 100%; } .footer table td { padding-bottom: 22.5px; width: 33%; } .footer table td p { margin-bottom: 0; } .footer table td p.phone { font-size: 17px; } .footer table td p.phone a { color: inherit; } .email-items .bundle-option-label > td { padding: 0 9px 0 27px; } .email-items .bundle-option-value > td { padding: 0 9px 9px; } .email-items .bundle-option-value > td.item-info { padding: 0 9px 9px 36px; } .email-items tr.bundle-option-value + tr > td.item-extra { padding-top: 9px; } .email-credentials { width: 100%; } .email-credentials th { text-align: left; } .email-credentials tr + tr th, .email-credentials tr + tr td { padding-bottom: 9px; } .email-features { width: 100%; } .email-features td { width: 50%; } .email-features td table { width: 100%; } .email-features td table td { padding-right: 9px; width: 30px; } .email-features td table td h3 { margin-bottom: 0; margin-top: 5px; } .email-features td table td p { margin-bottom: 0; } .email-features td table td + td { padding-right: 22.5px; width: auto; } .email-features tr + tr > td { padding-top: 18px; } .email-intro td { padding-bottom: 18px; } .email-summary h1 { border-bottom: 1px solid #cccccc; margin-bottom: 9px; padding-bottom: 9px; } .order-details { width: 100%; } .order-details tr > .address-details, .order-details tr > .method-info { padding: 9px 9px 9px 0; width: 50%; } .order-details tr > .address-details h3, .order-details tr > .method-info h3 { margin-top: 0; } .order-details tr + .method-info > td { padding: 0 0 9px; } .order-details .payment-method { margin-bottom: 9px; } .order-details .payment-method .title { font-weight: 400; } .order-details .payment-method .data.table > caption { display: none; } .order-details .payment-method .data.table th { padding-right: 9px; } .shipment-track { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } .shipment-track th { text-align: left; } .shipment-track > tbody > tr > th, .shipment-track > tfoot > tr > th, .shipment-track > tbody > tr > td, .shipment-track > tfoot > tr > td { vertical-align: top; } .shipment-track > thead > tr > th, .shipment-track > thead > tr > td { vertical-align: bottom; } .shipment-track > thead > tr > th, .shipment-track > tbody > tr > th, .shipment-track > tfoot > tr > th, .shipment-track > thead > tr > td, .shipment-track > tbody > tr > td, .shipment-track > tfoot > tr > td { padding: 0 9px; } .shipment-track thead > tr > th, .shipment-track tbody > tr > th, .shipment-track thead > tr > td, .shipment-track tbody > tr > td { background-color: #f5f5f5; padding: 9px; width: 50%; } .shipment-track thead > tr + tr th, .shipment-track tbody > tr + tr th, .shipment-track thead > tr + tr td, .shipment-track tbody > tr + tr td { padding-top: 0; } .email-items { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } .email-items th { text-align: left; } .email-items > tbody > tr > th, .email-items > tfoot > tr > th, .email-items > tbody > tr > td, .email-items > tfoot > tr > td { vertical-align: top; } .email-items > thead > tr > th, .email-items > thead > tr > td { vertical-align: bottom; } .email-items > thead > tr > th, .email-items > tbody > tr > th, .email-items > tfoot > tr > th, .email-items > thead > tr > td, .email-items > tbody > tr > td, .email-items > tfoot > tr > td { padding: 0 9px; } .email-items tfoot > tr > th, .email-items tfoot > tr > td { background-color: #f5f5f5; } .email-items > thead > tr > th, .email-items > tbody > tr > th { padding: 9px; } .email-items > thead > tr > td, .email-items > tbody > tr > td { padding: 9px; } .email-items > thead > tr > td.message-gift, .email-items > tbody > tr > td.message-gift { border-top: none; padding-top: 0; } .email-items > tbody > tr > th, .email-items > tbody > tr > td { border-top: 1px solid #cccccc; } .email-items > tbody > tr + tr > th, .email-items > tbody > tr + tr > td { border-top: 0; } .email-items p { margin-bottom: 0; } .email-items .product-name { font-weight: 700; margin-bottom: 4.5px; } .email-items .has-extra .sku { margin-bottom: 9px; } .email-items .item-info dl { margin-bottom: 0; padding-left: 18px; } .email-items .item-info dl dt, .email-items .item-info dl dd { margin-bottom: 0; padding-bottom: 0; } .email-items .item-info dl dd { padding-left: 9px; } .email-items .item-qty { text-align: center; } .email-items .item-price { text-align: right; } .email-items .item-extra { padding-top: 0; } .email-items .order-totals > tr > th { font-weight: 400; } .email-items .order-totals > tr > th, .email-items .order-totals > tr > td { padding: 9px; text-align: right; } .email-items .order-totals > tr + tr th, .email-items .order-totals > tr + tr td { padding-top: 0; } .email-items .order-totals .price { white-space: nowrap; } pub/static/frontend/Smartwave/porto/en_US/css/source/components/_modals_extend.less000077700000011423151323550660024735 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components -> Modals // _____________________________________________ // // Variables // --------------------------------------------- @modal-title__color: @text__color; @modal-title__border: 1px solid @color-gray-light5; @modal-popup-title__font-size: 26px; @modal-popup-title-mobile__font-size: @font-size__base; @modal-slide__first__indent-left: 44px; @modal-slide-mobile__background-color: @color-gray-light01; @modal-overlay__background-color: fade(@color-gray20, 55%); @modal-action-close__color: @primary__color; @modal-action-close__font-size: 32px; @modal-action-close__hover__color: darken(@primary__color, 10%); @modal-slide-action-close__padding: @modal-slide-header__padding-vertical - 1rem @modal-popup__padding - 1rem; // // Common // _____________________________________________ & when (@media-common = true) { .modal-custom, .modal-popup, .modal-slide { .action-close { .lib-button-reset(); .lib-button-icon( @icon-remove, @_icon-font-color: @minicart-icons-color, @_icon-font-size: @modal-action-close__font-size, @_icon-font-line-height: @modal-action-close__font-size, @_icon-font-text-hide: true ); position: absolute; right: 0; top: 0; &:hover { &:before { color: @modal-action-close__hover__color; } } } } .modal-custom { .action-close { .lib-css(margin, @indent__m); } } .modal-popup { pointer-events: none; .modal-title { .lib-css(border-bottom, @modal-title__border); .lib-css(font-weight, @font-weight__light); .lib-css(padding-bottom, @indent__s); font-size: @modal-popup-title__font-size; margin-bottom: 0; min-height: 1em; word-wrap: break-word; } .action-close { padding: @indent__s; } } .modal-slide { .action-close { padding: @modal-slide-action-close__padding; } .page-main-actions { margin-bottom: @modal-slide-header__padding-vertical - (@indent__l/2); margin-top: @modal-slide-header__padding-vertical; } } .modals-overlay { .lib-css(background-color, @modal-overlay__background-color); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body { &._has-modal-custom { .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: @overlay__z-index; } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .custom-slide { .lib-modal(); .lib-modal-slide(); &._show { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .modal-inner-wrap { .lib-css(background-color, @modal-slide-mobile__background-color); box-sizing: border-box; height: auto; min-height: 100%; } } body { &._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; .modal-custom-overlay { .lib-css(background-color, @modal-overlay__background-color); } } } .modal-popup { pointer-events: auto; &.modal-slide { .modal-inner-wrap[class] { .lib-css(background-color, @modal-slide-mobile__background-color); } &._inner-scroll { &._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-inner-wrap { height: auto; min-height: 100%; } } } .modal-title { .lib-css(font-size, @modal-popup-title-mobile__font-size); .lib-css(font-weight, @font-weight__bold); } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .modal-popup { &.modal-slide { .modal-footer { .lib-css(border-top, @modal-title__border); text-align: right; } } } } pub/static/frontend/Smartwave/porto/en_US/css/source/components/_modals.less000077700000014425151323550660023373 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Lib -> Components -> Modals // _____________________________________________ // // Variables // --------------------------------------------- @import '../../source/_variables.less'; @modal__background-color: @color-white; @modal__box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35); @modal-popup__indent-vertical: 5rem; @modal-popup__padding: 3rem; @modal-popup__width: 75%; @modal-popup__z-index: @modal__z-index; @modal-slide__first__indent-left: 14.8rem; @modal-slide__indent-left: 4.5rem; @modal-slide__padding: 2.6rem; @modal-slide__z-index: @modal__z-index; @modal-slide-header__padding-vertical: 2.1rem; @modal-popup-confirm__width: 50rem; @modal-popup-image-box__border-color: @color-gray80; @modal-popup-image-box__max-width: 78rem; @modal-popup-image-box-preview__max-width: @modal-popup-image-box-preview-image__max-height + (2 * @indent__base); @modal-popup-image-box-preview-image__max-height: 54rem; // // Utilities // --------------------------------------------- .lib-modal() { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; &._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .modal-inner-wrap { .lib-css(background-color, @modal__background-color); .lib-css(box-shadow, @modal__box-shadow); opacity: 1; pointer-events: auto; } } .lib-modal-slide() { .lib-css(left, @modal-slide__first__indent-left); .lib-css(z-index, @modal-slide__z-index); &._show { .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } } .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; width: auto; } } .lib-modal-popup() { .lib-css(z-index, @modal-popup__z-index); left: 0; overflow-y: auto; &.confirm { .modal-inner-wrap { .lib-css(max-width, @modal-popup-confirm__width); } } &._show { .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } } .modal-inner-wrap { .lib-css(margin, @modal-popup__indent-vertical auto); .lib-css(width, @modal-popup__width); .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(column); box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; } } // // Common // _____________________________________________ & when (@media-common = true) { body { &._has-modal { height: 100%; overflow: hidden; width: 100%; } } // Modals overlay .modals-overlay { .lib-css(z-index, @overlay__z-index); } .modal-slide, .modal-popup { .lib-modal(); } .modal-slide { .lib-modal-slide(); &._inner-scroll { .modal-inner-wrap { overflow-y: visible; .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(column); } .modal-header, .modal-footer { .lib-vendor-prefix-flex-grow(0); .lib-vendor-prefix-flex-shrink(0); } .modal-content { overflow-y: auto; } .modal-footer { margin-top: auto; } } .modal-header, .modal-content, .modal-footer { .lib-css(padding, 0 @modal-slide__padding @modal-slide__padding); } .modal-header { .lib-css(padding-bottom, @modal-slide-header__padding-vertical); .lib-css(padding-top, @modal-slide-header__padding-vertical); } } .modal-popup { .lib-modal-popup(); // If applied, switching outer popup scroll to inner &._inner-scroll { overflow-y: visible; .ie11 & { overflow-y: auto; } .modal-inner-wrap { max-height: 90%; .ie11 & { max-height: none; } } .modal-content { overflow-y: auto; } } .modal-header, .modal-content, .modal-footer { .lib-css(padding-left, @modal-popup__padding); .lib-css(padding-right, @modal-popup__padding); } .modal-header, .modal-footer { .lib-vendor-prefix-flex-grow(0); .lib-vendor-prefix-flex-shrink(0); } .modal-header { .lib-css(padding-bottom, @modal-popup__padding / 2.5); .lib-css(padding-top, @modal-popup__padding); } .modal-footer { margin-top: auto; .lib-css(padding-bottom, @modal-popup__padding); .lib-css(padding-top, @modal-popup__padding); } .modal-footer-actions { text-align: right; } } } // // Mobile // _____________________________________________ // Mobile transform to modal-slide .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .modal-popup { &.modal-slide { .lib-modal-slide(); .modal-inner-wrap { margin: 0; max-height: none; } } } } pub/static/frontend/Smartwave/porto/en_US/css/source/components/.htaccess000077700000000177151323550660022662 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/css/source/_email-base.less000077700000016103151323550660021721 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // The contents of this file will get split into two output files: email.less and email-inline.less. // // email.less // Styles contained in the .email-non-inline() and .media-width() mixins will be output in the email.less file // and will be included in a <style> tag in emails. Non-inline styles should be used for styles that can't be applied // as inline CSS, such as media queries. // // email-inline.less // Styles not included in the mixins mentioned above will be included in the email-inline.less file. // Since email client support for CSS in <style> tags is limited, the majority of styles should be added as "inline" // styles. CSS will be applied to transactional email HTML via the Emogrifier library, which only has support for // certain CSS selectors (source: https://github.com/jjriv/emogrifier#supported-css-selectors): // // Supported selectors (examples in parenthesis): // * ID (#logo) // * class (.logo) // * type (h1) // * descendant (.logo > a) // * child (.logo a) // * adjacent (.logo + .second-example) // * attribute presence (a[title]) // * attribute value (a[title="example"]) // * attribute only ([title="example"]) // // Unsupported selectors (examples in parenthesis): // * first-child (div:first-child) // * last-child (div:last-child) // * nth-child (div:nth-child(3n+1)) // * universal (*) // * pseudo (a:hover, a:active, a:focus, span:before, span:after, etc) // // Variables // _____________________________________________ @font-size-unit-convert: false; // Prevents font-related measurements from being converted to the incompatible rem unit // // Resets // --------------------------------------------- // Generic resets body { margin: 0; padding: 0; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse; td { vertical-align: top; } } // Client-specific resets (from the Salted email template: https://github.com/rodriguezcommaj/salted) .email-non-inline() { // Prevent WebKit and Windows mobile from changing default text sizes body, table, td, a { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } // Allow smoother rendering of resized images in Internet Explorer (such as high-resolution logo) img { -ms-interpolation-mode: bicubic; } // Remove spacing between tables in Outlook 2007 and up table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } } // // Typography // --------------------------------------------- // See email-fonts.less for @font-face declarations .lib-typography-all(); body { font-family: @font-family__base; font-weight: normal; text-align: left; } th, td { font-family: @font-family__base; } a { color: @link__color; text-decoration: @link__text-decoration; } .email-non-inline() { a:visited { color: @link__visited__color !important; text-decoration: @link__visited__text-decoration !important; } a:hover { color: @link__hover__color !important; text-decoration: @link__hover__text-decoration !important; } a:active { color: @link__active__color !important; text-decoration: @link__active__text-decoration !important; } // Remove link color on iOS .no-link a { color: @text__color !important; cursor: default !important; text-decoration: none !important; } } // // Layout // --------------------------------------------- html, body { background-color: @email__background-color; } .wrapper { margin: 0 auto; } .wrapper-inner { padding-bottom: @email-content__padding__l; width: 100%; } .main { margin: 0 auto; text-align: left; // Necessary to prevent all text from centering in Outlook 2003 width: @email-body__width; } .header { padding: @email-body__padding @email-body__padding 0; } .main-content { background-color: @email-content__background-color; padding: @email-body__padding; } .footer { padding: 0 @email-body__padding @email-body__padding; // Reduce space between body of email and closing text } // Layout (Mobile) .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { html, body { // Change background/foreground to same color background-color: @email-content__background-color; width: 100% !important; } .main { max-width: 100% !important; min-width: 240px; width: auto !important; } } // // Buttons // --------------------------------------------- .button { & > tr > td { padding-bottom: @indent__s; } .inner-wrapper { td { .lib-css(border-radius, @button__border-radius, 1); background-color: @button-primary__background; a { .lib-css(border-radius, @button__border-radius, 1); border: 1px solid @button-primary__background; color: @button-primary__color; display: inline-block; font-size: @button__font-size; padding: @button__padding; text-decoration: none; } } } } .email-non-inline() { .button { .inner-wrapper { td:hover { background-color: @button-primary__hover__background !important; } a:active, td:active { background-color: @button-primary__active__background !important; } } a:active, a:hover, a:visited { // Undo general link hover state border: 1px solid @button-primary__hover__background; color: @button-primary__hover__color !important; text-decoration: none !important; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .button { .inner-wrapper { width: 100% !important; td { a { font-size: @button__font-size + 2; } } } } } } // // Messages // --------------------------------------------- .message-info, .message-gift { width: @table__width; td { background-color: @message-email__background; border: 1px solid @message-email__border-color; color: @message-email__color; margin: 0; padding: @email-content__padding__base; a { color: @message-email-link__color; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } } } .message-details { margin-bottom: @indent__s; b { font-weight: bold; } td { padding-bottom: @indent__xs; b { margin-right: @indent__s; } } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_grids.less000077700000011573151323550660021606 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Grid mixins // _____________________________________________ // You shouldn't need to touch this! Internal use only. @column-width: 1; @total-columns: 1; @gutter-width: 1; @grid-width: (@column-width*@total-columns) + (@gutter-width*(@total-columns - 1)); .lib-column-wrapper() { width: 100%; } .lib-inline-column-wrapper() when not (@using-ieclasses) { letter-spacing: -.31em; *letter-spacing: normal; word-spacing: -.43em; } .lib-inline-column-wrapper() when (@using-ieclasses) { letter-spacing: -.31em; word-spacing: -.43em; } .lib-column() { float: left; .lib-column-gutter(); } .lib-column(@span) when (@span = false) { float: left; } .lib-column( @span, @total-columns: @total-columns, @end-column: false ) when (isnumber(@span)) and (isnumber(@total-columns)) and not (isnumber(@end-column)) { @showgutter: false; .lib-column(@showgutter); .lib-span(@span, @total-columns); } .lib-column( @span, @total-columns: @total-columns, @end-column: false ) when (isnumber(@span)) and (isnumber(@total-columns)) and (@end-column = true) { @showgutter: false; .lib-column(@showgutter); .lib-span( @span, @total-columns ); .lib-end-column(); } .lib-column( @span, @end-column ) when (isnumber(@span)) and not (isnumber(@end-column)) { @showgutter: false; .lib-column(@showgutter); .lib-span(@span); } .lib-column( @span, @end-column ) when (isnumber(@span)) and ( @end-column = true ) { @showgutter: false; .lib-column(@showgutter); .lib-span(@span); .lib-end-column(); } .lib-inline-column() { .lib-column-gutter(); display: inline-block; letter-spacing: normal; vertical-align: top; word-spacing: normal; } .lib-inline-column(@span) when (@span = false) { display: inline-block; letter-spacing: normal; vertical-align: top; word-spacing: normal; } .lib-inline-column( @span, @total-columns: @total-columns, @end-column: false ) when (isnumber(@span)) and (isnumber(@total-columns)) { @showgutter: false; .lib-inline-column(@showgutter); .lib-span( @span, @total-columns ); } .lib-inline-column( @span, @total-columns: @total-columns, @end-column: false ) when (isnumber(@span)) and (@end-column = true) { @showgutter: false; .lib-inline-column(@showgutter); .lib-span( @span, @total-columns ); .lib-inline-end-column(); } .lib-inline-column( @span, @end-column ) when not (isnumber(@end-column)) { @showgutter: false; .lib-inline-column(@showgutter); .lib-span(@span); } .lib-inline-column( @span, @end-column ) when (@end-column = true) { @showgutter: false; .lib-inline-column(@showgutter); .lib-span(@span); .lib-inline-end-column(); } .lib-end-column() { margin-right: 0; float: right; } .lib-inline-end-column() { margin-right: 0; } .lib-span(@span) { .lib-column-width( @span, @total-columns ); } .lib-span( @span, @total-columns ) when (isnumber(@total-columns)) { .lib-column-width( @span, @total-columns ); .lib-column-gutter(@total-columns); } .lib-pre-pad( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)) / @grid-width); .lib-css(padding-left, @calc-column-width); } .lib-post-pad( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)) / @grid-width); .lib-css(padding-right, @calc-column-width); } .lib-pre-push( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)) / @grid-width); .lib-css(margin-left, @calc-column-width); } .lib-post-push( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)+@gutter-width) / @grid-width); .lib-css(margin-right, @calc-column-width); } .lib-post-push-end( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)) / @grid-width); .lib-css(margin-right, @calc-column-width); } .lib-column-width( @span, @total-columns: @total-columns ) { @calc-column-width: 100%*((((@gutter-width+@column-width)*@span)-@gutter-width) / @grid-width); .lib-css(width, @calc-column-width); } .lib-column-gutter( @total-columns: @total-columns, @end-column: false ) when (@end-column) { margin-right: 0; } .lib-column-gutter( @total-columns: @total-columns, @end-column: false ) when not (@end-column) { @calc-gutter-width: 100%*(@gutter-width/@grid-width); .lib-css(margin-right, @calc-gutter-width); } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_responsive.less000077700000004020151323550660022660 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Responsive // _____________________________________________ // // Media variables, that can be used for splitting styles into several files // --------------------------------------------- @media-common: true; // Sets whether to output common styles (true|false) @media-target: 'all'; // Sets target device for styles output (all|desktop|mobile) // // Media width mixin used to group styles output based on media queries // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { } // // Style groups for 'mobile' devices // --------------------------------------------- & when (@media-target = 'mobile'), (@media-target = 'all') { @media only screen and (max-width: @screen__m) { .media-width('max', (@screen__m + 1)); } @media only screen and (max-width: (@screen__m - 1)) { .media-width('max', @screen__m); } @media only screen and (max-width: (@screen__s - 1)) { .media-width('max', @screen__s); } @media only screen and (max-width: (@screen__xs - 1)) { .media-width('max', @screen__xs); } @media only screen and (max-width: (@screen__xxs - 1)) { .media-width('max', @screen__xxs); } @media all and (min-width: @screen__s) { .media-width('min', @screen__s); } } // // Style groups for 'desktop' devices // --------------------------------------------- & when (@media-target = 'desktop'), (@media-target = 'all') { @media all and (min-width: @screen__m), print { .media-width('min', @screen__m); } @media all and (min-width: (@screen__m + 1)), print { .media-width('min', (@screen__m + 1)); } @media all and (min-width: @screen__l), print { .media-width('min', @screen__l); } @media all and (min-width: @screen__xl), print { .media-width('min', @screen__xl); } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_pages.less000077700000041153151323550660021572 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Pager // _____________________________________________ // // When pager items have solid or don't have background // --------------------------------------------- .lib-pager( @_pager-label-display: @pager-label__display, @_pager-item-display: @pager-item__display, @_pager-reset-spaces: @pager-reset-spaces, @_pager-font-size: @pager__font-size, @_pager-font-weight: @pager__font-weight, @_pager-line-height: @pager__line-height, @_pager-item-margin: @pager-item__margin, @_pager-item-padding: @pager-item__padding, @_pager-actions-padding: @pager-actions__padding, // Page current @_pager-current-font-weight: @pager-current__font-weight, @_pager-current-color: @pager-current__color, @_pager-current-background: @pager-current__background, @_pager-current-border: @pager-current__border, @_pager-current-gradient: @pager-current__gradient, @_pager-current-gradient-direction: @pager-current__gradient-direction, @_pager-current-gradient-color-start: @pager-current__gradient-color-start, @_pager-current-gradient-color-end: @pager-current__gradient-color-end, // Page item - text color @_pager-color: @pager__color, @_pager-color-visited: @pager__visited__color, @_pager-color-hover: @pager__hover__color, @_pager-color-active: @pager__active__color, // Page item - background @_pager-background: @pager__background, @_pager-background-visited: @pager__visited__background, @_pager-background-hover: @pager__hover__background, @_pager-background-active: @pager__active__background, // Page item - border @_pager-border: @pager__border, @_pager-border-visited: @pager__visited__border, @_pager-border-hover: @pager__hover__border, @_pager-border-active: @pager__active__border, // Page item - text decoration @_pager-text-decoration: @pager__text-decoration, @_pager-text-decoration-hover: @pager__text-decoration, // Page item gradient @_pager-gradient: @pager__gradient, @_pager-gradient-direction: @pager__gradient-direction, @_pager-gradient-color-start: @pager__gradient-color-start, @_pager-gradient-color-end: @pager__gradient-color-end, @_pager-gradient-color-start-visited: @pager__visited__gradient-color-start, @_pager-gradient-color-end-visited: @pager__visited__gradient-color-end, @_pager-gradient-color-start-hover: @pager__hover__gradient-color-start, @_pager-gradient-color-end-hover: @pager__hover__gradient-color-end, @_pager-gradient-color-start-active: @pager__active__gradient-color-start, @_pager-gradient-color-end-active: @pager__active__gradient-color-end, // Page action item (previous-next) @_pager-action-text-decoration: @pager-action__text-decoration, @_pager-action-text-decoration-hover: @pager-action__hover__text-decoration, // Page action item (previous-next) - default @_pager-action-color: @pager-action__color, @_pager-action-border: @pager-action__border, @_pager-action-background: @pager-action__background, @_pager-action-gradient-color-start: @pager__gradient-color-start, @_pager-action-gradient-color-end: @pager__gradient-color-end, @_pager-action-text-decoration: @pager-action__text-decoration, // Page action item (previous-next) - visited @_pager-action-color-visited: @pager-action__visited__color, @_pager-action-border-visited: @pager-action__visited__border, @_pager-action-background-visited: @pager-action__visited__background, @_pager-action-gradient-color-start-visited: @pager__visited__gradient-color-start, @_pager-action-gradient-color-end-visited: @pager__visited__gradient-color-end, // Page action item (previous-next) - hover @_pager-action-color-hover: @pager-action__hover__color, @_pager-action-border-hover: @pager-action__hover__border, @_pager-action-background-hover: @pager-action__hover__background, @_pager-action-gradient-color-start-hover: @pager__hover__gradient-color-start, @_pager-action-gradient-color-end-hover: @pager__hover__gradient-color-end, @_pager-action-text-decoration-hover: @pager-action__text-decoration, // Page action item (previous-next) - active @_pager-action-color-active: @pager-action__active__color, @_pager-action-border-active: @pager-action__active__border, @_pager-action-background-active: @pager-action__active__background, @_pager-action-gradient-color-start-active: @pager__active__gradient-color-start, @_pager-action-gradient-color-end-active: @pager__active__gradient-color-end, // Page action item (previous-next) - gradient @_pager-action-gradient: @pager__gradient, @_pager-action-gradient-direction: @pager__gradient-direction, // Page action icons @_pager-icon-use: @pager-icon__use, @_pager-icon-previous-content: @pager-icon__previous-content, @_pager-icon-next-content: @pager-icon__next-content, @_pager-icon-font: @pager-icon__font, @_pager-icon-font-size: @pager-icon__font-size, @_pager-icon-font-line-height: @pager-icon__font-line-height, @_pager-icon-font-margin: @pager-icon__font-margin, @_pager-icon-font-vertical-align: @pager-icon__font-vertical-align, @_pager-icon-font-position: @pager-icon__position, @_pager-icon-font-text-hide: @pager-icon__text-hide ) { ._lib-pager-label-display( // To hide or to display label @_pager-label-display: @_pager-label-display, @_pager-font-size: @_pager-font-size, @_pager-font-weight: @_pager-font-weight, @_pager-line-height: @_pager-line-height ); .items { ._lib-pager-inline-block-spaces-container( @_pager-reset-spaces, @_pager-item-display ); .lib-list-reset-styles(); .lib-css(display, @_pager-item-display); .lib-css(font-weight, @_pager-font-weight); } .item { ._lib-pager-inline-block-spaces-item( @_pager-reset-spaces, @_pager-item-display, @_pager-font-size, @_pager-line-height ); .lib-css(margin, @_pager-item-margin); .lib-css(display, @_pager-item-display); .label { .lib-visually-hidden(); } } a.page { .lib-css(background, @_pager-background); .lib-background-gradient( @_pager-gradient-color-start, @_pager-gradient-color-end, @_pager-gradient-direction, @_pager-gradient ); .lib-css(border, @_pager-border); .lib-css(color, @_pager-color); .lib-css(display, @_pager-item-display); .lib-css(padding, @_pager-item-padding); .lib-css(text-decoration, @_pager-text-decoration); &:visited { .lib-css(background, @_pager-background-visited); .lib-background-gradient( @_pager-gradient-color-start-visited, @_pager-gradient-color-end-visited, @_pager-gradient-direction, @_pager-gradient ); .lib-css(border, @_pager-border-visited); .lib-css(color, @_pager-color-visited); } &:hover { .lib-css(background, @_pager-background-hover); .lib-background-gradient( @_pager-gradient-color-start-hover, @_pager-gradient-color-end-hover, @_pager-gradient-direction, @_pager-gradient ); .lib-css(border, @_pager-border-hover); .lib-css(color, @_pager-color-hover); .lib-css(text-decoration, @_pager-text-decoration-hover); } &:active { .lib-css(background, @_pager-background-active); .lib-background-gradient( @_pager-gradient-color-start-active, @_pager-gradient-color-end-active, @_pager-gradient-direction, @_pager-gradient ); .lib-css(border, @_pager-border-active); .lib-css(color, @_pager-color-active); } } strong.page { .lib-css(background, @_pager-current-background); .lib-background-gradient( @_pager-current-gradient-color-start, @_pager-current-gradient-color-end, @_pager-current-gradient-direction, @_pager-current-gradient ); .lib-css(border, @_pager-current-border); ._lib-pager-inline-block-spaces-item( @_pager-reset-spaces, @_pager-item-display, @_pager-font-size, @_pager-line-height ); .lib-css(color, @_pager-current-color); .lib-css(display, @_pager-item-display); .lib-css(font-weight, @_pager-current-font-weight); .lib-css(padding, @_pager-item-padding); } .action { .lib-css(background, @_pager-action-background); .lib-background-gradient( @_pager-action-gradient-color-start, @_pager-action-gradient-color-end, @_pager-gradient-direction, @_pager-action-gradient ); .lib-css(border, @_pager-action-border); .lib-css(color, @_pager-action-color); .lib-css(display, @_pager-item-display); .lib-css(padding, @_pager-actions-padding); .lib-css(text-decoration, @_pager-action-text-decoration); &:visited { .lib-css(background, @_pager-action-background-visited); .lib-background-gradient( @_pager-action-gradient-color-start-visited, @_pager-action-gradient-color-end-visited, @_pager-action-gradient-direction, @_pager-action-gradient ); .lib-css(border, @_pager-action-border-visited); .lib-css(color, @_pager-action-color-visited); } &:hover { .lib-css(background, @_pager-action-background-hover); .lib-background-gradient( @_pager-action-gradient-color-start-hover, @_pager-action-gradient-color-end-hover, @_pager-action-gradient-direction, @_pager-action-gradient ); .lib-css(border, @_pager-action-border-hover); .lib-css(color, @_pager-action-color-hover); .lib-css(text-decoration, @_pager-action-text-decoration-hover); } &:active { .lib-css(background, @_pager-action-background-active); .lib-background-gradient( @_pager-action-gradient-color-start-active, @_pager-action-gradient-color-end-active, @_pager-action-gradient-direction, @_pager-action-gradient ); .lib-css(border, @_pager-action-border-active); .lib-css(color, @_pager-action-color-active); } &.next { ._lib-pager-icon ( @_icon-font-content: @_pager-icon-next-content, @_pager-icon-use: @_pager-icon-use, @_icon-font: @_pager-icon-font, @_icon-font-size: @_pager-icon-font-size, @_icon-font-line-height: @_pager-icon-font-line-height, @_icon-font-color: @_pager-action-color, @_icon-font-color-visited: @_pager-action-color-visited, @_icon-font-color-hover: @_pager-action-color-hover, @_icon-font-color-active: @_pager-action-color-active, @_icon-font-margin: @_pager-icon-font-margin, @_icon-font-vertical-align: @_pager-icon-font-vertical-align, @_icon-font-position: @_pager-icon-font-position, @_icon-font-text-hide: @_pager-icon-font-text-hide ); } &.previous { ._lib-pager-icon ( @_icon-font-content: @_pager-icon-previous-content, @_pager-icon-use: @_pager-icon-use, @_icon-font: @_pager-icon-font, @_icon-font-size: @_pager-icon-font-size, @_icon-font-line-height: @_pager-icon-font-line-height, @_icon-font-color: @_pager-action-color, @_icon-font-color-visited: @_pager-action-color-visited, @_icon-font-color-hover: @_pager-action-color-hover, @_icon-font-color-active: @_pager-action-color-active, @_icon-font-margin: @_pager-icon-font-margin, @_icon-font-vertical-align: @_pager-icon-font-vertical-align, @_icon-font-position: @_pager-icon-font-position, @_icon-font-text-hide: @_pager-icon-font-text-hide ); } } } // Delete spaces between elements when pager items have display: inline-block ._lib-pager-inline-block-spaces-container( @_pager-reset-spaces, @_pager-item-display ) when (@_pager-reset-spaces = true) and (@_pager-item-display = inline-block) { .lib-inline-block-space-container(); white-space: nowrap; } ._lib-pager-inline-block-spaces-item( @_pager-reset-spaces, @_pager-item-display, @_pager-font-size, @_pager-line-height ) when (@_pager-reset-spaces = true) and (@_pager-item-display = inline-block) { .lib-inline-block-space-item( @_font-size: @_pager-font-size, @_line-height: @_pager-line-height ); } // Display or hide "page" label ._lib-pager-label-display( @_pager-label-display, @_pager-font-size, @_pager-font-weight, @_pager-line-height ) when not (@_pager-label-display = none){ > .label { .lib-css(display, @_pager-label-display); .lib-css(font-weight, @_pager-font-weight); .lib-inline-block-space-item( @_font-size: @_pager-font-size, @_line-height: @_pager-line-height ); &:after { content: ': '; } } } ._lib-pager-label-display( @_pager-label-display, @_pager-font-size, @_pager-font-weight, @_pager-line-height ) when (@_pager-label-display = none) { > .label { .lib-visually-hidden(); } } ._lib-pager-label-display( @_pager-label-display, @_pager-font-size, @_pager-font-weight, @_pager-line-height ) when (@_pager-label-display = false) { > .label { .lib-visually-hidden(); } } ._lib-pager-icon ( @_pager-icon-use, @_icon-font-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-visited, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ) when (@_pager-icon-use = true) and (@_icon-font-position = before) { &:visited { &:before { .lib-css(color, @_icon-font-color-visited); } } &:active { &:before { .lib-css(color, @_icon-font-color-active); } } .lib-icon-font( @_icon-font-content: @_icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } ._lib-pager-icon ( @_icon-font-content, @_pager-icon-use, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-visited, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ) when (@_pager-icon-use = true) and (@_icon-font-position = after) { .lib-icon-font( @_icon-font-content: @_icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); &:visited:after { .lib-css(color, @_icon-font-color-visited); } &:active:after { .lib-css(color, @_icon-font-color-active); } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_forms.less000077700000102632151323550660021621 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Forms // _____________________________________________ .lib-form-element-input( @_type: @form-element-input-type, @_background: ~"@{@{_type}__background}", @_border: ~"@{@{_type}__border}", @_border-radius: ~"@{@{_type}__border-radius}", @_height: ~"@{@{_type}__height}", @_width: ~"@{@{_type}__width}", @_padding: ~"@{@{_type}__padding}", @_margin: ~"@{@{_type}__margin}", @_vertical-align: ~"@{@{_type}__vertical-align}", @_background-clip: ~"@{@{_type}__background-clip}", @_font-size: ~"@{@{_type}__font-size}", @_color: ~"@{@{_type}__color}", @_font-family: ~"@{@{_type}__font-family}", @_font-weight: ~"@{@{_type}__font-weight}", @_line-height: ~"@{@{_type}__line-height}", @_font-style: ~"@{@{_type}__font-style}", @_placeholder-color: ~"@{@{_type}-placeholder__color}", @_placeholder-font-style: ~"@{@{_type}-placeholder__font-style}", @_disabled-background: ~"@{@{_type}__disabled__background}", @_disabled-border: ~"@{@{_type}__disabled__border}", @_disabled-opacity: ~"@{@{_type}__disabled__opacity}", @_disabled-color: ~"@{@{_type}__disabled__color}", @_disabled-font-style: ~"@{@{_type}__disabled__font-style}", @_focus-background: ~"@{@{_type}__focus__background}", @_focus-border: ~"@{@{_type}__focus__border}", @_focus-color: ~"@{@{_type}__focus__color}", @_focus-font-style: ~"@{@{_type}__focus__font-style}" ) { .lib-css(background, @_background); .lib-css(background-clip, @_background-clip); .lib-css(border, @_border); .lib-css(border-radius, @_border-radius); .lib-css(color, @_color); .lib-css(font-family, @_font-family); .lib-css(font-size, @_font-size); .lib-css(font-style, @_font-style); .lib-css(font-weight, @_font-weight); .lib-css(height, @_height); .lib-css(line-height, @_line-height); .lib-css(margin, @_margin); .lib-css(padding, @_padding); .lib-css(vertical-align, @_vertical-align); .lib-css(width, @_width); box-sizing: border-box; ._lib-form-element-focus( @_background, @_focus-background, @_border, @_focus-border, @_color, @_focus-color, @_font-style, @_focus-font-style ); ._lib-form-element-disabled( @_background, @_disabled-background, @_border, @_disabled-border, @_color, @_disabled-color, @_font-style, @_disabled-font-style, @_disabled-opacity ); ._lib-form-element-placeholder( @_type, @_placeholder-color, @_font-style, @_placeholder-font-style ); } .lib-form-element-choice( @_type: @form-element-choice__type, @_vertical-align: ~"@{@{_type}__vertical-align}", @_margin: ~"@{@{_type}__margin}", @_disabled-opacity: ~"@{@{_type}__disabled__opacity}" ) { .lib-css(margin, @_margin); .lib-css(vertical-align, @_vertical-align); &:disabled { ._lib-form-element-add-opacity(@_disabled-opacity); } } .lib-form-element-number-reset() { &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } -moz-appearance: textfield; } .lib-form-element-search-reset() { -webkit-appearance: none; &::-webkit-search-cancel-button, &::-webkit-search-decoration, &::-webkit-search-results-button, &::-webkit-search-results-decoration { -webkit-appearance: none; } } .lib-form-element-textarea-resize(@_textarea-resize: @textarea__resize) { .lib-css(resize, @_textarea-resize); } .lib-form-element-color( @_border-color: '', @_background: '', @_color: '', @_focus-border-color: '', @_focus-background: '', @_focus-color: '', @_disabled-border-color: '', @_disabled-background: '', @_disabled-color: '', @_placeholder-color: '' ) { .lib-css(background, @_background); .lib-css(border-color, @_border-color); .lib-css(color, @_color); &:focus { ._lib-form-element-state-add-border-color(@_focus-border-color, @_border-color); ._lib-form-element-state-add-background(@_focus-background, @_background); ._lib-form-element-state-add-font-color(@_focus-color, @_color); } &:disabled { ._lib-form-element-state-add-border-color(@_disabled-border-color, @_border-color); ._lib-form-element-state-add-background(@_disabled-background, @_background); ._lib-form-element-state-add-font-color(@_disabled-color, @_color); } &::-moz-placeholder { .lib-css(color, @_placeholder-color); } &::-webkit-input-placeholder { .lib-css(color, @_placeholder-color); } &:-ms-input-placeholder { .lib-css(color, @_placeholder-color); } } .lib-form-validation( @_element-color-error: @form-element-validation__color-error, @_element-color-valid: @form-element-validation__color-valid, @_element-border-color-error: @form-element-validation__border-error, @_element-border-color-valid: @form-element-validation__border-valid, @_element-background-error: @form-element-validation__background-error, @_element-background-valid: @form-element-validation__background-valid ) { &.mage-error { .lib-form-element-color( @_border-color: @_element-border-color-error, @_background: @_element-background-error, @_color: @_element-color-error ); } &.valid { .lib-form-element-color( @_border-color: @_element-border-color-valid, @_background: @_element-background-valid, @_color: @_element-color-valid ); } } .lib-form-validation-note( @_note-color: @form-validation-note__color-error, @_note-font-size: @form-validation-note__font-size, @_note-font-family: @form-validation-note__font-family, @_note-font-style: @form-validation-note__font-style, @_note-font-weight: @form-validation-note__font-weight, @_note-line-height: @form-validation-note__line-height, @_note-margin: @form-validation-note__margin, @_note-padding: @form-validation-note__padding, @_note-icon-use: @form-validation-note-icon__use, @_note-icon-font-content: @form-validation-note-icon__font-content, @_note-icon-font: @form-validation-note-icon__font, @_note-icon-font-size: @form-validation-note-icon__font-size, @_note-icon-font-line-height: @form-validation-note-icon__font-line-height, @_note-icon-font-color: @form-validation-note-icon__font-color, @_note-icon-font-color-hover: @form-validation-note-icon__font-color-hover, @_note-icon-font-color-active: @form-validation-note-icon__font-color-active, @_note-icon-font-margin: @form-validation-note-icon__font-margin, @_note-icon-font-vertical-align: @form-validation-note-icon__font-vertical-align, @_note-icon-font-position: @form-validation-note-icon__font-position, @_note-icon-font-text-hide: @form-validation-note-icon__font-text-hide ) { .lib-typography( @_font-size: @_note-font-size, @_color: @_note-color, @_font-family: @_note-font-family, @_font-weight: @_note-font-weight, @_line-height: @_note-line-height, @_font-style: @_note-font-style ); ._lib-form-validation-icon( @_note-icon-use, @_note-icon-font-content, @_note-icon-font, @_note-icon-font-size, @_note-icon-font-line-height, @_note-icon-font-color, @_note-icon-font-color-hover, @_note-icon-font-color-active, @_note-icon-font-margin, @_note-icon-font-vertical-align, @_note-icon-font-position, @_note-icon-font-text-hide ); } .lib-form-validation-color( @_element-border-color-error: '', @_element-background-error: '', @_element-color-error: '', @_element-border-color-valid: '', @_element-background-valid: '', @_element-color-valid: '' ) { &.mage-error { .lib-form-element-color( @_border-color: @_element-border-color-error, @_background: @_element-background-error, @_color: @_element-color-error ); } &.valid { .lib-form-element-color( @_border-color: @_element-border-color-valid, @_background: @_element-background-valid, @_color: @_element-color-valid ); } } .lib-form-element-all() { input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] { .lib-form-element-input(@_type: input-text); } input[type="number"] { .lib-form-element-number-reset(); } input[type="search"] { .lib-form-element-search-reset(); } select { .lib-form-element-input(@_type: select); } select[multiple] { .lib-css(height, auto); background-image: none; } textarea { .lib-form-element-input(@_type: textarea); .lib-form-element-textarea-resize(); } input[type="checkbox"] { .lib-form-element-choice(@_type: input-checkbox); position: relative; top: 2px; } input[type="radio"] { .lib-form-element-choice(@_type: input-radio); } input, select, textarea { .lib-form-validation(); } div.mage-error[generated] { .lib-form-validation-note(); } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } } // // Internal use mixins // --------------------------------------------- ._lib-form-validation-icon( @_note-icon-use, @_note-icon-font-content, @_note-icon-font, @_note-icon-font-size, @_note-icon-font-line-height, @_note-icon-font-color, @_note-icon-font-color-hover, @_note-icon-font-color-active, @_note-icon-font-margin, @_note-icon-font-vertical-align, @_note-icon-font-position, @_note-icon-font-text-hide ) when (@_note-icon-use = true) { .lib-icon-font( @_icon-font-content: @_note-icon-font-content, @_icon-font: @_note-icon-font, @_icon-font-size: @_note-icon-font-size, @_icon-font-line-height: @_note-icon-font-line-height, @_icon-font-color: @_note-icon-font-color, @_icon-font-color-hover: @_note-icon-font-color-hover, @_icon-font-color-active: @_note-icon-font-color-active, @_icon-font-margin: @_note-icon-font-margin, @_icon-font-vertical-align: @_note-icon-font-vertical-align, @_icon-font-position: @_note-icon-font-position, @_icon-font-text-hide: @_note-icon-font-text-hide ); } ._lib-form-element-add-opacity(@_opacity) when not (@_opacity = 1) { .lib-css(opacity, @_opacity); } // Only for states :disabled, :focus, placeholder ._lib-form-element-focus( @_background-default, @_background-state, @_border-default, @_border-state, @_color-default, @_color-state, @_font-style-default, @_font-style-state ) { &:focus { ._lib-form-element-state-add-background(@_background-state, @_background-default); ._lib-form-element-state-add-border(@_border-state, @_border-default); ._lib-form-element-state-add-font-color(@_color-state, @_color-default); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } } ._lib-form-element-disabled( @_background-default, @_background-state, @_border-default, @_border-state, @_color-default, @_color-state, @_font-style-default, @_font-style-state, @_opacity ) { &:disabled { ._lib-form-element-add-opacity(@_opacity); ._lib-form-element-state-add-background(@_background-state, @_background-default); ._lib-form-element-state-add-border(@_border-state, @_border-default); ._lib-form-element-state-add-font-color(@_color-state, @_color-default); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } } ._lib-form-element-placeholder( @_type, @_color, @_font-style-default, @_font-style-state ) when not (@_type = select) { &::-moz-placeholder { .lib-css(color, @_color); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } &::-webkit-input-placeholder { .lib-css(color, @_color); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } &:-ms-input-placeholder { .lib-css(color, @_color); ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default); } } ._lib-form-element-state-add-background(@_background-state, @_background-default) when not (@_background-state = @_background-default) { .lib-css(background, @_background-state); } ._lib-form-element-state-add-border(@_border-state, @_border-default) when not ('@{_border-state}' = '@{_border-default}') { .lib-css(border, @_border-state); } ._lib-form-element-state-add-border-color(@_border-state, @_border-default) when not (@_border-state = @_border-default) { .lib-css(border-color, @_border-state); } ._lib-form-element-state-add-font-style(@_font-style-state, @_font-style-default) when not (@_font-style-state = @_font-style-default) { .lib-css(font-style, @_font-style-state); } ._lib-form-element-state-add-font-color(@_color-state, @_color-default) when not (@_color-state = @_color-default) { .lib-css(color, @_color-state); } .lib-form-fieldset( @_border: @form-fieldset__border, @_margin: @form-fieldset__margin, @_padding: @form-fieldset__padding, @_legend-color: @form-fieldset-legend__color, @_legend-font-size: @form-fieldset-legend__font-size, @_legend-font-family: @form-fieldset-legend__font-family, @_legend-font-weight: @form-fieldset-legend__font-weight, @_legend-font-style: @form-fieldset-legend__font-style, @_legend-line-height: @form-fieldset-legend__line-height, @_legend-margin: @form-fieldset-legend__margin, @_legend-padding: @form-fieldset-legend__padding, @_legend-width: @form-fieldset-legend__width ) { .lib-css(border, @_border); .lib-css(margin, @_margin); .lib-css(padding, @_padding); letter-spacing: -.31em; > * { letter-spacing: normal; } > .legend { .lib-css(margin, @_legend-margin); .lib-css(padding, @_legend-padding); .lib-css(width, @_legend-width); box-sizing: border-box; float: left; .lib-typography( @_font-size: @_legend-font-size, @_color: @_legend-color, @_font-family: @_legend-font-family, @_font-weight: @_legend-font-weight, @_line-height: @_legend-line-height, @_font-style: @_legend-font-style ); & + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } } } .lib-form-field( @_type: @form-field-type, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_additional-vertical-indent: @form-field__additional-vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align, @_border: @form-field__border, @_column: @form-field-column, @_column-padding: @form-field-column__padding, @_column-number: @form-field-column__number, @_label-color: @form-field-label__color, @_label-font-size: @form-field-label__font-size, @_label-font-family: @form-field-label__font-family, @_label-font-weight: @form-field-label__font-weight, @_label-font-style: @form-field-label__font-style, @_label-line-height: @form-field-label__line-height, @_label-asterisk-color: @form-field-label-asterisk__color, @_label-asterisk-font-size: @form-field-label-asterisk__font-size, @_label-asterisk-font-family: @form-field-label-asterisk__font-family, @_label-asterisk-font-weight: @form-field-label-asterisk__font-weight, @_label-asterisk-font-style: @form-field-label-asterisk__font-style, @_label-asterisk-line-height: @form-field-label-asterisk__line-height, @_label-asterisk-margin: @form-field-label-asterisk__margin, @_note-color: @form-field-note__color, @_note-font-size: @form-field-note__font-size, @_note-font-family: @form-field-note__font-family, @_note-font-weight: @form-field-note__font-weight, @_note-line-height: @form-field-note__line-height, @_note-font-style: @form-field-note__font-style, @_note-margin: @form-field-note__margin, @_note-padding: @form-field-note__padding, @_note-icon-font-content: @form-field-note-icon-font__content, @_note-icon-font: @form-field-note-icon-font, @_note-icon-font-size: @form-field-note-icon-font__size, @_note-icon-font-line-height: @form-field-note-icon-font__line-height, @_note-icon-font-color: @form-field-note-icon-font__color, @_note-icon-font-color-hover: @form-field-note-icon-font__color-hover, @_note-icon-font-color-active: @form-field-note-icon-font__color-active, @_note-icon-font-margin: @form-field-note-icon-font__margin, @_note-icon-font-vertical-align: @form-field-note-icon-font__vertical-align, @_note-icon-font-position: @form-field-note-icon-font__position, @_note-icon-font-text-hide: @form-field-note-icon-font__text-hide ) { .lib-css(border, @_border); .lib-form-field-type( @_type, @_type-inline-margin, @_type-inline-label-margin, @_type-inline-label-padding, @_type-inline-label-align, @_type-inline-label-width, @_type-inline-control-width, @_vertical-indent, @_type-block-margin, @_type-block-label-margin, @_type-block-label-padding, @_type-block-label-align ); &:last-child { margin-bottom: 0; } .lib-form-field-column( @_column, @_column-padding, @_column-number ); > .label { .lib-typography( @_font-size: @_label-font-size, @_color: @_label-color, @_font-family: @_label-font-family, @_font-weight: @_label-font-weight, @_line-height: @_label-line-height, @_font-style: @_label-font-style ); & + br { display: none; } } .choice { input { vertical-align: top; } } .fields.group { .lib-clearfix(); .field { box-sizing: border-box; float: left; } &.group-2 .field { width: 50% !important; } &.group-3 .field { width: 33.3% !important; } &.group-4 .field { width: 25% !important; } &.group-5 .field { width: 20% !important; } } .addon { .lib-vendor-prefix-display(inline-flex); .lib-vendor-prefix-flex-wrap(nowrap); padding: 0; width: 100%; textarea, select, input { .lib-vendor-prefix-order(2); .lib-vendor-prefix-flex-basis(100%); display: inline-block; margin: 0; width: auto; } .addbefore, .addafter { .lib-form-element-input(@_type: input-text); .lib-vendor-prefix-order(3); display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .addbefore { float: left; .lib-vendor-prefix-order(1); } } .additional { .lib-css(margin-top, @_additional-vertical-indent); } ._lib-form-field-required( @_label-asterisk-color, @_label-asterisk-font-size, @_label-asterisk-font-family, @_label-asterisk-font-weight, @_label-asterisk-font-style, @_label-asterisk-line-height, @_label-asterisk-margin ); ._lib-form-field-note( @_note-font-size, @_note-color, @_note-font-family, @_note-font-weight, @_note-line-height, @_note-font-style, @_note-margin, @_note-padding, @_note-icon-font-content, @_note-icon-font, @_note-icon-font-size, @_note-icon-font-line-height, @_note-icon-font-color, @_note-icon-font-color-hover, @_note-icon-font-color-active, @_note-icon-font-margin, @_note-icon-font-vertical-align, @_note-icon-font-position, @_note-icon-font-text-hide ); } .lib-form-field-type( @_type: @form-field-type, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align ) when (@_type = inline) { ._lib-form-field-type-inline( @_type-inline-margin, @_type-inline-label-margin, @_type-inline-label-padding, @_type-inline-label-width, @_type-inline-control-width, @_type-inline-label-align, @_vertical-indent ); } .lib-form-field-type( @_type: @form-field-type, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align ) when (@_type = block) { ._lib-form-field-type-block( @_type-block-margin, @_type-block-label-margin, @_type-block-label-padding, @_type-block-label-align ); } ._lib-form-field-type-inline( @_type-inline-margin, @_type-inline-label-margin, @_type-inline-label-padding, @_type-inline-label-width, @_type-inline-control-width, @_type-inline-label-align, @_vertical-indent ) { .lib-clearfix(); .lib-css(margin, @_type-inline-margin); box-sizing: border-box; &.choice:before, &.no-label:before { .lib-css(padding, @_type-inline-label-padding); .lib-css(width, @_type-inline-label-width); box-sizing: border-box; content: ' '; float: left; height: 1px; } .description { .lib-css(padding, @_type-inline-label-padding); .lib-css(text-align, @_type-inline-label-align); .lib-css(width, @_type-inline-label-width); box-sizing: border-box; float: left; } &:not(.choice) { > .label { .lib-css(margin, @_type-inline-label-margin); .lib-css(padding, @_type-inline-label-padding); .lib-css(text-align, @_type-inline-label-align); .lib-css(width, @_type-inline-label-width); box-sizing: border-box; float: left; } > .control { .lib-css(width, @_type-inline-control-width); float: left; } } } ._lib-form-field-type-block( @_type-block-margin, @_type-block-label-margin, @_type-block-label-padding, @_type-block-label-align ) { .lib-css(margin, @_type-block-margin); > .label { .lib-css(margin, @_type-block-label-margin); .lib-css(padding, @_type-block-label-padding); .lib-css(text-align, @_type-block-label-align); display: inline-block; } } ._lib-form-field-required( @_color: @form-field-label-asterisk__color, @_font-size: @form-field-label-asterisk__font-size, @_font-family: @form-field-label-asterisk__font-family, @_font-weight: @form-field-label-asterisk__font-weight, @_font-style: @form-field-label-asterisk__font-style, @_line-height: @form-field-label-asterisk__line-height, @_margin: @form-field-label-asterisk__margin ) { &.required > .label, &._required > .label { &:after { content: '*'; .lib-typography( @_font-size: @_font-size, @_color: @_color, @_font-family: @_font-family, @_font-weight: @_font-weight, @_line-height: @_line-height, @_font-style: @_font-style ); .lib-css(margin, @_margin); } } } ._lib-form-field-note( @_note-font-size, @_note-color, @_note-font-family, @_note-font-weight, @_note-line-height, @_note-font-style, @_note-margin, @_note-padding, @_note-icon-font-content, @_note-icon-font, @_note-icon-font-size, @_note-icon-font-line-height, @_note-icon-font-color, @_note-icon-font-color-hover, @_note-icon-font-color-active, @_note-icon-font-margin, @_note-icon-font-vertical-align, @_note-icon-font-position, @_note-icon-font-text-hide ) { .note { .lib-typography( @_font-size: @_note-font-size, @_color: @_note-color, @_font-family: @_note-font-family, @_font-weight: @_note-font-weight, @_line-height: @_note-line-height, @_font-style: @_note-font-style ); .lib-css(margin, @_note-margin); .lib-css(padding, @_note-padding); .lib-icon-font( @_icon-font-content: @_note-icon-font-content, @_icon-font: @_note-icon-font, @_icon-font-size: @_note-icon-font-size, @_icon-font-line-height: @_note-icon-font-line-height, @_icon-font-color: @_note-icon-font-color, @_icon-font-color-hover: @_note-icon-font-color-hover, @_icon-font-color-active: @_note-icon-font-color-active, @_icon-font-margin: @_note-icon-font-margin, @_icon-font-vertical-align: @_note-icon-font-vertical-align, @_icon-font-position: @_note-icon-font-position, @_icon-font-text-hide: @_note-icon-font-text-hide ); } } .lib-form-field-type-revert( @_type: @form-field-type-revert, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align ) when (@_type = block) and not (@_type = false) { &:not(.choice) { > .label { box-sizing: content-box; float: none; width: auto; ._lib-revert-type-block-label-align( @_type-block-label-align ); ._lib-revert-type-block-label-padding( @_type-block-label-padding ); } > .control { float: none; width: auto; } } ._lib-form-field-type-block( @_type-block-margin, @_type-block-label-margin, @_type-block-label-padding, @_type-block-label-align ); &.choice, &.no-label { &:before { display: none; } } } .lib-form-field-type-revert( @_type: @form-field-type-revert, @_type-inline-margin: @form-field-type-inline__margin, @_type-inline-label-margin: @form-field-type-label-inline__margin, @_type-inline-label-padding: @form-field-type-label-inline__padding, @_type-inline-label-align: @form-field-type-label-inline__align, @_type-inline-label-width: @form-field-type-label-inline__width, @_type-inline-control-width: @form-field-type-control-inline__width, @_vertical-indent: @form-field__vertical-indent, @_type-block-margin: @form-field-type-block__margin, @_type-block-label-margin: @form-field-type-label-block__margin, @_type-block-label-padding: @form-field-type-label-block__padding, @_type-block-label-align: @form-field-type-label-block__align ) when (@_type = inline) and not (@_type = false) { > .label { ._lib-revert-type-inline-label-margin( @_type-inline-label-margin ); } ._lib-form-field-type-inline( @_type-inline-margin, @_type-inline-label-margin, @_type-inline-label-padding, @_type-inline-label-width, @_type-inline-control-width, @_type-inline-label-align, @_vertical-indent ); } .lib-form-field-column( @_column: @form-field-column, @_column-padding: @form-field-column__padding, @_column-number: @form-field-column__number ) when (@_column = true) { .lib-css(padding, @_column-padding); box-sizing: border-box; display: inline-block; .lib-form-field-column-number(@_column-number); vertical-align: top; & + .fieldset { clear: both; } } .lib-form-field-column-number(@_column-number: @form-field-column__number) { .lib-css(width, 100% / @_column-number); } ._lib-revert-type-block-label-padding( @_type-block-label-padding ) when (@_type-block-label-padding = false) { padding: 0; } ._lib-revert-type-block-label-align( @_type-block-label-align ) when (@_type-block-label-align = false) { text-align: left; } ._lib-revert-type-inline-label-margin( @_type-inline-label-margin ) when (@_type-inline-label-margin = false) { margin: 0; } .lib-form-hasrequired( @_position: @form-hasrequired__position, @_color: @form-hasrequired__color, @_font-size: @form-hasrequired__font-size, @_font-family: @form-hasrequired__font-family, @_font-weight: @form-hasrequired__font-weight, @_font-style: @form-hasrequired__font-style, @_line-height: @form-hasrequired__line-height, @_border: @form-hasrequired__border, @_margin: @form-hasrequired__margin, @_padding: @form-hasrequired__padding ) { ._lib-form-hasrequired-position( @_position, @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ); } ._lib-form-hasrequired-position( @_position, @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ) when (@_position = top) { &:before { ._lib-form-hasrequired-position-any( @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ); } } ._lib-form-hasrequired-position( @_position, @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ) when (@_position = bottom) { &:after { ._lib-form-hasrequired-position-any( @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ); } } ._lib-form-hasrequired-position-any( @_border, @_margin, @_padding, @_font-size, @_color, @_font-family, @_font-weight, @_line-height, @_font-style ) { .lib-css(border, @_border); .lib-css(margin, @_margin); .lib-css(padding, @_padding); content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; .lib-typography( @_font-size: @_font-size, @_color: @_color, @_font-family: @_font-family, @_font-weight: @_font-weight, @_line-height: @_line-height, @_font-style: @_font-style ); } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_resets.less000077700000021300151323550660021770 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Resets // _____________________________________________ // // Magento reset // --------------------------------------------- .lib-magento-reset() { body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { max-width: 100%; height: auto; border: 0; } video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } .lib-typography-all(); table { .lib-table(); } button { .lib-button(); &::-moz-focus-inner { border: 0; padding: 0; } } .lib-form-element-all(); form { -webkit-tap-highlight-color: rgba(0,0,0,0); } address { font-style: normal; } * { &:focus { box-shadow: none; outline: 0; } } ._keyfocus *, input:not([disabled]), textarea:not([disabled]), select:not([disabled]) { &:focus { .lib-css(box-shadow, @focus__box-shadow); } } } // // Normalize // --------------------------------------------- // ToDo UI: delete with old admin styles .lib-normalize() { /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, main, footer, header, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background: #ff0; color: @color-black; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } } // // Reset // --------------------------------------------- .lib-reset() { /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, main, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, main, footer, header, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } } // // Universal Selector ‘*’ Reset // --------------------------------------------- .lib-universal() { * { margin: 0; padding: 0; } } // // Html5doctor Reset Stylesheet // --------------------------------------------- .lib-html5doctor-reset() { /* html5doctor.com Reset Stylesheet - http://html5doctor.com/html-5-reset-stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, main, footer, header, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } article, aside, details, figcaption, figure, main, footer, header, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { background: transparent; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } ins { background-color: #ff9; color: @color-black; text-decoration: none; } mark { background-color: #ff9; color: @color-black; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } } // // Global border-box // --------------------------------------------- .lib-set-default-border-box() { html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_tables.less000077700000040744151323550660021752 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Tables // _____________________________________________ .lib-table( @_table-width: @table__width, @_cell-padding-vertical: @table-cell__padding-vertical, @_cell-padding-horizontal: @table-cell__padding-horizontal, @_table-margin-bottom: @table__margin-bottom ) { .lib-css(margin-bottom, @_table-margin-bottom); .lib-css(width, @_table-width); border-collapse: collapse; border-spacing: 0; max-width: 100%; th { text-align: left; } > tbody, > tfoot { > tr { > th, > td { vertical-align: top; } } } > thead > tr { > th, > td { vertical-align: bottom; } } > thead, > tbody, > tfoot { > tr { > th, > td { .lib-css(padding, @_cell-padding-vertical @_cell-padding-horizontal); } } } } .lib-table-typography( @_table-td-font-size: @table-td__font-size, @_table-td-color: @table-td__color, @_table-td-font-family: @table-td__font-family, @_table-td-font-weight: @table-td__font-weight, @_table-td-line-height: @table-td__line-height, @_table-td-font-style: @table-td__font-style, @_table-th-font-size: @table-th__font-size, @_table-th-color: @table-th__color, @_table-th-font-family: @table-th__font-family, @_table-th-font-weight: @table-th__font-weight, @_table-th-line-height: @table-th__line-height, @_table-th-font-style: @table-th__font-style ) { > thead, > tbody, > tfoot { > tr { > td { .lib-typography( @_font-size: @_table-td-font-size, @_color: @_table-td-color, @_font-family: @_table-td-font-family, @_font-weight: @_table-td-font-weight, @_line-height: @_table-td-line-height, @_font-style: @_table-td-font-style ); } > th { .lib-typography( @_font-size: @_table-th-font-size, @_color: @_table-th-color, @_font-family: @_table-th-font-family, @_font-weight: @_table-th-font-weight, @_line-height: @_table-th-line-height, @_font-style: @_table-th-font-style ); } } } } .lib-table-background-color( @_table-background-color: @table__background-color, @_table-head-background-color: @table-head__background-color, @_table-foot-background-color: @table-foot__background-color, @_table-td-background-color: @table-td__background-color, @_table-body-th-background-color: @table-body-th__background-color ) { .lib-css(background, @_table-background-color); > thead { .lib-css(background, @_table-head-background-color); } > tfoot { .lib-css(background, @_table-foot-background-color); } > tbody > tr > td { .lib-css(background, @_table-td-background-color); } > tbody > tr >th { .lib-css(background, @_table-body-th-background-color); } } .lib-table-resize( @_td-padding-top: @table-cell__padding-vertical / 2, @_td-padding-right: @table-cell__padding-horizontal / 2, @_td-padding-bottom: @_td-padding-top, @_td-padding-left: @_td-padding-right, @_th-padding-top: @_td-padding-top, @_th-padding-right: @_td-padding-right, @_th-padding-bottom: @_td-padding-top, @_th-padding-left: @_td-padding-right ) { > thead, > tbody, > tfoot { > tr { > td { .lib-css(padding, @_td-padding-top @_td-padding-right @_td-padding-bottom @_td-padding-left); } > th { .lib-css(padding, @_th-padding-top @_th-padding-right @_th-padding-bottom @_th-padding-left); } } } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = normal){ .lib-css(border, @_table_border-width @_table_border-style @_table_border-color); > thead, > tbody, > tfoot { > tr { > th, > td { .lib-css(border, @_table_border-width @_table_border-style @_table_border-color); } } } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = horizontal){ > thead, > tbody, > tfoot { > tr { > th, > td { .lib-css(border-top, @_table_border-width @_table_border-style @_table_border-color); } } } > caption + thead, > colgroup + thead, > thead:first-child { > tr:first-child { > th, > td { border-top: 0; } } } > tbody + tbody { .lib-css(border-top, @_table_border-width @_table_border-style @_table_border-color); } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = horizontal_body){ > tbody { > tr { > th, > td { .lib-css(border-top, @_table_border-width @_table_border-style @_table_border-color); } } } > tbody + tbody { .lib-css(border-top, @_table_border-width @_table_border-style @_table_border-color); } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = vertical){ > thead, > tbody, > tfoot { > tr { > th, > td { .lib-css(border-left, @_table_border-width @_table_border-style @_table_border-color); &:first-child { border-left: none; } } } } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = light){ border: none; > thead, > tbody, > tfoot { > tr { > th, > td { border: none; } } } > thead { > tr { > th, > td { .lib-css(border-bottom, @_table_border-width @_table_border-style @_table_border-color); } } } } .lib-table-bordered( @_table_type: normal, @_table_border-width: @table__border-width, @_table_border-style: @table__border-style, @_table_border-color: @table__border-color ) when (@_table_type = clear){ border: none; > thead, > tbody, > tfoot { > tr { > th, > td { border: none; } } } } .lib-table-striped( @_stripped-background-color: @table-cell-stripped__background-color, @_stripped-color: @table-cell-stripped__color, @_stripped-direction: horizontal, @_stripped-highlight: odd ) when (@_stripped-highlight = odd) and (@_stripped-direction = horizontal){ > tbody > tr:nth-child(odd) { > td, > th { .lib-css(background, @_stripped-background-color); .lib-css(color, @_stripped-color); } } } .lib-table-striped( @_stripped-background-color: @table-cell-stripped__background-color, @_stripped-color: @table-cell-stripped__color, @_stripped-direction: horizontal, @_stripped-highlight: odd ) when (@_stripped-highlight = even) and (@_stripped-direction = horizontal) { > tbody > tr:nth-child(even) { > td, > th { .lib-css(background, @_stripped-background-color); .lib-css(color, @_stripped-color); } } } .lib-table-striped( @_stripped-background-color: @table-cell-stripped__background-color, @_stripped-color: @table-cell-stripped__color, @_stripped-direction: horizontal, @_stripped-highlight: odd ) when (@_stripped-highlight = odd) and (@_stripped-direction = vertical) { > thead, > tbody, > tfoot { > tr { > th:nth-child(odd), > td:nth-child(odd) { .lib-css(background, @_stripped-background-color); .lib-css(color, @_stripped-color); } } } } .lib-table-striped( @_stripped-background-color: @table-cell-stripped__background-color, @_stripped-color: @table-cell-stripped__color, @_stripped-direction: horizontal, @_stripped-highlight: odd ) when (@_stripped-highlight = even) and (@_stripped-direction = vertical) { > thead, > tbody, > tfoot { > tr { > th:nth-child(even), > td:nth-child(even) { .lib-css(background, @_stripped-background-color); .lib-css(color, @_stripped-color); } } } } .lib-table-hover( @_table_cell-background-color-hover: @table-cell__hover__background-color, @_table_cell-odd-background-color-hover: @_table_cell-background-color-hover ) { > tbody > tr:nth-child(even):hover { > td, > th { .lib-css(background, @_table_cell-background-color-hover); } } > tbody > tr:nth-child(odd):hover { > td, > th { .lib-css(background, @_table_cell-odd-background-color-hover); } } } .lib-table-overflow() { .lib-css(margin-bottom, @table__margin-bottom); overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .lib-table-responsive( @_table-background-color-responsive: @table-responsive__background-color, @_table-th-background-color-responsive: @table-responsive-th__background-color, @_reset-table-striped: false, @_reset-table-hover: false, @_table-responsive-cell-padding: @table-responsive-cell__padding ) when (@_reset-table-striped = false) and (@_reset-table-hover = false){ ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ); > tbody > tr > th { .lib-css(background-color, @_table-th-background-color-responsive); } } .lib-table-responsive( @_table-background-color-responsive: @table-responsive__background-color, @_table-th-background-color-responsive: @table-responsive-th__background-color, @_reset-table-striped: false, @_reset-table-hover: false, @_table-responsive-cell-padding: @table-responsive-cell__padding ) when (@_reset-table-striped = true) and (@_reset-table-hover = true){ .lib-table-striped(@_stripped-background-color: @_table-background-color-responsive); .lib-table-hover( @_table_cell-background-color-hover: @_table-background-color-responsive, @_table_cell-odd-background-color-hover: @_table-background-color-responsive ); ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ); > tbody > tr > th { .lib-css(background-color, @_table-th-background-color-responsive ~'!important'); } } .lib-table-responsive( @_table-background-color-responsive: @table-responsive__background-color, @_table-th-background-color-responsive: @table-responsive-th__background-color, @_reset-table-striped: false, @_reset-table-hover: false, @_table-responsive-cell-padding: @table-responsive-cell__padding ) when (@_reset-table-striped = true) and (@_reset-table-hover = false){ .lib-table-striped(@_stripped-background-color: @_table-background-color-responsive); ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ); .lib-css(background-color, @_table-th-background-color-responsive); } .lib-table-responsive( @_table-background-color-responsive: @table-responsive__background-color, @_table-th-background-color-responsive: @table-responsive-th__background-color, @_reset-table-striped: false, @_reset-table-hover: false, @_table-responsive-cell-padding: @table-responsive-cell__padding ) when (@_reset-table-striped = false) and (@_reset-table-hover = true){ .lib-table-hover( @_table_cell-background-color-hover: @_table-background-color-responsive, @_table_cell-odd-background-color-hover: @_table-background-color-responsive ); ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ); > tbody > tr > th { .lib-css(background-color, @_table-th-background-color-responsive ~'!important'); } } .lib-table-caption( @_table-caption-hide: @table-caption__hide, @_table-caption-font-size: @table-caption__font-size, @_table-caption-color: @table-caption__color, @_table-caption-font-family: @table-caption__font-family, @_table-caption-font-weight: @table-caption__font-weight, @_table-caption-font-style: @table-caption__font-style, @_table-caption-line-height: @table-caption__line-height, @_table-caption-alignment: @table-caption__alignment, @_table-caption-margin-top: @table-caption__margin-top, @_table-caption-margin-bottom: @table-caption__margin-bottom ) when (@_table-caption-hide = false){ > caption { .lib-typography( @_table-caption-font-size, @_table-caption-color, @_table-caption-font-family, @_table-caption-font-weight, @_table-caption-line-height, @_table-caption-font-style ); .lib-css(margin-bottom, @_table-caption-margin-bottom); .lib-css(margin-top, @_table-caption-margin-top); .lib-css(text-align, @_table-caption-alignment); } } .lib-table-caption( @_table-caption-hide: @table-caption__hide, @_table-caption-font-size: @table-caption__font-size, @_table-caption-color: @table-caption__color, @_table-caption-font-family: @table-caption__font-family, @_table-caption-font-weight: @table-caption__font-weight, @_table-caption-line-height: @table-caption__line-height, @_table-caption-font-style: @table-caption__font-style, @_table-caption-alignment: @table-caption__alignment, @_table-caption-margin-top: @table-caption__margin-top, @_table-caption-margin-bottom: @table-caption__margin-bottom ) when (@_table-caption-hide = true) { > caption { .lib-visually-hidden(); } } ._lib-responsive-table( @_table-background-color-responsive: @_table-background-color-responsive, @_table-responsive-cell-padding: @_table-responsive-cell-padding ) { .lib-css(background, @_table-background-color-responsive); border: none; display: block; > thead > tr > th { display: none; } > tbody { display: block; > tr { display: block; td, th { border-bottom: none; display: block; .lib-css(padding, @_table-responsive-cell-padding); &[data-th]:before { .lib-css(padding-right, @table-cell__padding-horizontal); content: attr(data-th)': '; display: inline-block; .lib-typography( @_font-size: @table-th__font-size, @_color: @table-th__color, @_font-family: @table-th__font-family, @_font-weight: @table-th__font-weight, @_line-height: @table-th__line-height, @_font-style: @table-th__font-style ); } } td { .lib-css(background, @_table-background-color-responsive); } } } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_icons.less000077700000024253151323550660021610 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Icons // _____________________________________________ // // Icons using font // --------------------------------------------- .lib-icon-font( @_icon-font-content, @_icon-font: @icon-font, @_icon-font-size: @icon-font__size, @_icon-font-line-height: @icon-font__line-height, @_icon-font-color: @icon-font__color, @_icon-font-color-hover: @icon-font__color-hover, @_icon-font-color-active: @icon-font__color-active, @_icon-font-margin: @icon-font__margin, @_icon-font-vertical-align: @icon-font__vertical-align, @_icon-font-position: @icon-font__position, @_icon-font-text-hide: @icon-font__text-hide, @_icon-font-display: @icon-font__display ) when (@_icon-font-position = before) { .lib-css(display, @_icon-font-display); text-decoration: none; & when not (@_icon-font-content = false) { ._lib-icon-text-hide(@_icon-font-text-hide); } &:before { ._lib-icon-font( @_icon-font-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-margin, @_icon-font-vertical-align ); } &:hover { &:before { .lib-css(color, @_icon-font-color-hover); } } &:active { &:before { .lib-css(color, @_icon-font-color-active); } } } .lib-icon-font( @_icon-font-content, @_icon-font: @icon-font, @_icon-font-size: @icon-font__size, @_icon-font-line-height: @icon-font__line-height, @_icon-font-color: @icon-font__color, @_icon-font-color-hover: @icon-font__color-hover, @_icon-font-color-active: @icon-font__color-active, @_icon-font-margin: @icon-font__margin, @_icon-font-vertical-align: @icon-font__vertical-align, @_icon-font-position: @icon-font__position, @_icon-font-text-hide: @icon-font__text-hide, @_icon-font-display: @icon-font__display ) when (@_icon-font-position = after) { .lib-css(display, @_icon-font-display); text-decoration: none; & when not (@_icon-font-content = false) { ._lib-icon-text-hide(@_icon-font-text-hide); } &:after { ._lib-icon-font( @_icon-font-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-margin, @_icon-font-vertical-align ); } &:hover { &:after { .lib-css(color, @_icon-font-color-hover); } } &:active { &:after { .lib-css(color, @_icon-font-color-active); } } } .lib-icon-font-size( @_icon-font-size: @icon-font__size, @_icon-font-line-height: @icon-font__line-height, @_icon-font-position: @icon-font__position ) when (@_icon-font-position = before) { &:before { ._lib-icon-font-size(@_icon-font-size, @_icon-font-line-height); } } .lib-icon-font-size( @_icon-font-size: @icon-font__size, @_icon-font-line-height: @icon-font__line-height, @_icon-font-position: @icon-font__position ) when (@_icon-font-position = after) { &:after { ._lib-icon-font-size(@_icon-font-size, @_icon-font-line-height); } } .lib-icon-font-symbol( @_icon-font-content, @_icon-font-position: @icon-font__position ) when (@_icon-font-position = before) { &:before { .lib-css(content, @_icon-font-content); } } .lib-icon-font-symbol( @_icon-font-content, @_icon-font-position: @icon-font__position ) when (@_icon-font-position = after) { &:after { .lib-css(content, @_icon-font-content); } } // // Icons using image or sprite // --------------------------------------------- .lib-icon-image( @_icon-image, @_icon-image-width: @icon__width, @_icon-image-height: @icon__height, @_icon-image-margin: @icon__margin, @_icon-image-vertical-align: @icon__vertical-align, @_icon-image-position-x: @icon-image__position-x, @_icon-image-position-y: @icon-image__position-y, @_icon-image-position: @icon__position, @_icon-image-text-hide: @icon__text-hide ) when (@_icon-image-position = before) { display: inline-block; & when not (@_icon-image = false) { ._lib-icon-text-hide(@_icon-image-text-hide); } &:before { ._lib-icon-image( @_icon-image, @_icon-image-width, @_icon-image-height, @_icon-image-margin, @_icon-image-vertical-align, @_icon-image-position-x, @_icon-image-position-y ); .lib-css(margin, @_icon-image-margin); } } .lib-icon-image( @_icon-image, @_icon-image-width: @icon__width, @_icon-image-height: @icon__height, @_icon-image-margin: @icon__margin, @_icon-image-vertical-align: @icon__vertical-align, @_icon-image-position-x: @icon-image__position-x, @_icon-image-position-y: @icon-image__position-y, @_icon-image-position: @icon__position, @_icon-image-text-hide: @icon__text-hide ) when (@_icon-image-position = after) { display: inline-block; & when not (@_icon-image = false) { ._lib-icon-text-hide(@_icon-image-text-hide); } &:after { ._lib-icon-image( @_icon-image, @_icon-image-width, @_icon-image-height, @_icon-image-margin, @_icon-image-vertical-align, @_icon-image-position-x, @_icon-image-position-y ); .lib-css(margin, @_icon-image-margin); } } .lib-icon-image-position( @_icon-image-position-x: @icon-image__position-x, @_icon-image-position-y: @icon-image__position-y, @_icon-image-position: @icon__position ) when (@_icon-image-position = before) { &:before { ._lib-icon-image-position( @_icon-image-position-x, @_icon-image-position-y ); } } .lib-icon-image-position( @_icon-image-position-x: @icon-image__position-x, @_icon-image-position-y: @icon-image__position-y, @_icon-image-position: @icon__position ) when (@_icon-image-position = after) { &:after { ._lib-icon-image-position( @_icon-image-position-x, @_icon-image-position-y ); } } .lib-icon-sprite-position( @_icon-sprite-position-x: @icon-sprite__position-x, @_icon-sprite-position-y: @icon-sprite__position-y, @_icon-sprite-grid: @icon-sprite__grid, @_icon-sprite-position: @icon__position ) when (@_icon-sprite-position = before) { &:before { ._lib-icon-sprite-position( @_icon-sprite-position-x, @_icon-sprite-position-y, @_icon-sprite-grid ); } } .lib-icon-sprite-position( @_icon-sprite-position-x: @icon-sprite__position-x, @_icon-sprite-position-y: @icon-sprite__position-y, @_icon-sprite-grid: @icon-sprite__grid, @_icon-sprite-position: @icon__position ) when (@_icon-sprite-position = after) { &:after { ._lib-icon-sprite-position( @_icon-sprite-position-x, @_icon-sprite-position-y, @_icon-sprite-grid ); } } .lib-icon-image-size( @_icon-image-width: @icon__width, @_icon-image-height: @icon__height, @_icon-image-position: @icon__position ) when (@_icon-image-position = before) { &:before { ._lib-icon-image-size(@_icon-image-width, @_icon-image-height); } } .lib-icon-image-size( @_icon-image-width: @icon__width, @_icon-image-height: @icon__height, @_icon-image-position: @icon__position ) when (@_icon-image-position = before) { &:after { ._lib-icon-image-size(@_icon-image-width, @_icon-image-height); } } .lib-icon-text-hide() { > span { .lib-visually-hidden(); } } // // Internal use mixins // --------------------------------------------- ._lib-icon-text-hide(@_icon-text-hide) when (@_icon-text-hide = true) { .lib-icon-text-hide(); } ._lib-icon-image-url(@_path) when not (@_path = false) { .lib-css(background-image, url(@_path)); } ._lib-icon-image( @_icon-image, @_icon-image-width, @_icon-image-height, @_icon-image-margin, @_icon-image-vertical-align, @_icon-image-position-x, @_icon-image-position-y ) { ._lib-icon-image-url(@_icon-image); .lib-css(background-position-x, @_icon-image-position-x); .lib-css(background-position-y, @_icon-image-position-y); .lib-css(line-height, @_icon-image-height); .lib-css(margin, @_icon-image-margin); .lib-css(vertical-align, @_icon-image-vertical-align); ._lib-icon-image-size( @_icon-image-width, @_icon-image-height ); background-repeat: no-repeat; content: ''; display: inline-block; } ._lib-icon-image-position( @_icon-image-position-x, @_icon-image-position-y ) { .lib-css(background-position, @_icon-image-position-x @_icon-image-position-y); } ._lib-icon-image-size( @icon__width, @icon__height ) { .lib-css(height, @icon__height); .lib-css(width, @icon__width); } ._lib-icon-sprite-position( @_icon-sprite-position-x, @_icon-sprite-position-y, @_icon-sprite-grid ) { .lib-css(background-position, -(@_icon-sprite-position-x*@_icon-sprite-grid) -(@_icon-sprite-position-y*@_icon-sprite-grid)); } ._lib-icon-font( @_icon-font-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-margin, @_icon-font-vertical-align ) { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; ._lib-icon-font-size(@_icon-font-size, @_icon-font-line-height); .lib-css(color, @_icon-font-color); .lib-css(content, @_icon-font-content); .lib-css(font-family, @_icon-font); .lib-css(margin, @_icon-font-margin); .lib-css(vertical-align, @_icon-font-vertical-align); display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._lib-icon-font-size(@_icon-font-size, @_icon-font-line-height) { .lib-css(font-size, @_icon-font-size); .lib-css(line-height, @_icon-font-line-height); } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_rating.less000077700000012632151323550660021757 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Ratings // _____________________________________________ // Rating-vote mixin .lib-rating-vote( @_icon-count: @rating-icon__count, @_icon-content: @rating-icon__content, @_icon-font: @rating-icon__font, @_icon-font-size: @rating-icon__font-size, @_icon-letter-spacing: @rating-icon__letter-spacing, @_icon-color: @rating-icon__color, @_icon-color-active: @rating-icon__active__color ) { overflow: hidden; &:before { ._lib-rating-icon-defalt( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-color ); .lib-rating-icons-content( @_icon-count, @_icon-content ); display: block; position: absolute; z-index: 1; } input[type="radio"] { .lib-visually-hidden(); &:hover, &:checked { + label { &:before { opacity: 1; } } } } label { cursor: pointer; display: block; position: absolute; span { .lib-visually-hidden(); } &:before { ._lib-rating-icon-defalt( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-color-active ); opacity: 0; } &:hover { &:before { opacity: 1; } ~ label { &:before { opacity: 0; } } } } ._lib-rating-iteration( @_icon-content, @_icon-count ); } // Rating-summary mixin .lib-rating-summary( @_icon-count: @rating-icon__count, @_icon-content: @rating-icon__content, @_icon-font: @rating-icon__font, @_icon-font-size: @rating-icon__font-size, @_icon-letter-spacing: @rating-icon__letter-spacing, @_icon-color: @rating-icon__color, @_icon-color-active: @rating-icon__active__color, @_label-hide: @rating-label__hide ) { overflow: hidden; white-space: nowrap; ._lib-rating-label-hide(@_label-hide); .rating-result { .lib-css(width, (@_icon-font-size * @_icon-count) + ceil(@_icon-letter-spacing * (@_icon-count - 1))); display: inline-block; position: relative; vertical-align: middle; &:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; ._lib-rating-summary-icon-default( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-count, @_icon-content, @_icon-color ); } > span { display: block; overflow: hidden; &:before { position: relative; z-index: 2; ._lib-rating-summary-icon-default( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-count, @_icon-content, @_icon-color-active ); } span { .lib-visually-hidden(); } } } } .lib-rating-summary-label-hide() { .label { .lib-visually-hidden(); } } // Internal use mixins ._lib-rating-label-hide(@_label-hide) when (@_label-hide = true) { .lib-rating-summary-label-hide(); } ._lib-rating-iteration( @_icon-content, @_icon-count ) { .loopingClass (@_index) when (@_index > 0) { .rating-@{_index} { z-index: @_icon-count - (@_index - 2); &:before { .lib-rating-icons-content(@_index, @_icon-content); } } // Next iteration .loopingClass(@_index - 1); } .loopingClass (0) {} .loopingClass (@_icon-count); } ._lib-rating-icon-defalt( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-color ) { .lib-css(color, @_icon-color); .lib-css(font-family, @_icon-font); .lib-css(font-size, @_icon-font-size); .lib-css(height, @_icon-font-size); .lib-css(letter-spacing, @_icon-letter-spacing); .lib-css(line-height, @_icon-font-size); font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; } ._lib-rating-summary-icon-default( @_icon-font, @_icon-font-size, @_icon-letter-spacing, @_icon-count, @_icon-content, @_icon-color ) { -webkit-font-smoothing: antialiased; .lib-css(color, @_icon-color); .lib-css(font-family, @_icon-font); .lib-css(font-size, @_icon-font-size); .lib-css(height, @_icon-font-size); .lib-css(letter-spacing, @_icon-letter-spacing); .lib-css(line-height, @_icon-font-size); .lib-rating-icons-content(@_icon-count, @_icon-content); display: block; font-style: normal; font-weight: normal; speak: none; } .lib-rating-icons-content( @_icon-count: @rating-icon__count, @_icon-content: @rating-icon__content ) when (@_icon-count > 0) { .lib-rating-icons-content((@_icon-count - 1),@_icon-content); content+_: @_icon-content; } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_variables.less000077700000001721151323550660022440 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @baseDir: "../"; // Base directory path @import 'variables/_colors.less'; @import 'variables/_typography.less'; @import 'variables/_tables.less'; @import 'variables/_layout.less'; @import 'variables/_responsive.less'; @import 'variables/_navigation.less'; @import 'variables/_sections.less'; @import 'variables/_buttons.less'; @import 'variables/_icons.less'; @import 'variables/_messages.less'; @import 'variables/_tooltips.less'; @import 'variables/_loaders.less'; @import 'variables/_forms.less'; @import 'variables/_pages.less'; @import 'variables/_rating.less'; @import 'variables/_dropdowns.less'; @import 'variables/_actions-toolbar.less'; @import 'variables/_breadcrumbs.less'; @import 'variables/_popups.less'; @import 'variables/_structure.less'; @import 'variables/_components.less'; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_responsive.less000077700000000634151323550660024637 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Responsive variables // _____________________________________________ @use-flex: true; // Use flexbox [true|false] @responsive: true; // Theme is responsive [true|false] @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @screen__m: 768px; @screen__l: 1024px; @screen__xl: 1440px; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_pages.less000077700000007027151323550660023544 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Pager variables // _____________________________________________ @pager-label__display: none; @pager-reset-spaces: true; // Reset spaces between inline-block elements @pager__font-size: @font-size__s; @pager__font-weight: @font-weight__bold; @pager__line-height: 32px; @pager-item__display: inline-block; @pager-item__margin: 0 2px 0 0; @pager-item__padding: 0 4px; @pager-actions__padding: 0; // Pager current page @pager-current__font-weight: @font-weight__bold; @pager-current__color: @primary__color; @pager-current__border: false; @pager-current__background: false; @pager-current__gradient: false; @pager-current__gradient-direction: false; @pager-current__gradient-color-start: false; @pager-current__gradient-color-end: false; // Pager link page @pager__gradient: false; @pager__gradient-direction: false; // Pager link default @pager__color: @link__color; @pager__border: false; @pager__text-decoration: none; @pager__background: false; @pager__gradient-color-start: false; @pager__gradient-color-end: false; // Pager link visited @pager__visited__color: @link__visited__color; @pager__visited__border: false; @pager__visited__background: false; @pager__visited__gradient-color-start: false; @pager__visited__gradient-color-end: false; // Pager link hover @pager__hover__color: @link__hover__color; @pager__hover__border: false; @pager__hover__text-decoration: none; @pager__hover__background: false; @pager__hover__gradient-color-start: false; @pager__hover__gradient-color-end: false; // Pager link active @pager__active__color: @link__active__color; @pager__active__border: false; @pager__active__background: false; @pager__active__gradient-color-start: false; @pager__active__gradient-color-end: false; // Pager link.action @pager-icon__use: true; @pager-icon__previous-content: @icon-prev; @pager-icon__next-content: @icon-next; @pager-icon__text-hide: true; @pager-icon__position: before; @pager-icon__font: @icon-font; @pager-icon__font-margin: 0 0 0 -6px; @pager-icon__font-vertical-align: top; @pager-icon__font-size: 46px; @pager-icon__font-line-height: @icon-font__line-height; // Pager link.action gradient: element has a gradient background @pager-action__gradient: false; // [true|false] @pager-action__gradient-direction: false; // [true|false] // Pager link.action default @pager-action__color: @text__color__muted; @pager-action__border: @border-width__base solid @border-color__base; @pager-action__text-decoration: @pager__text-decoration; @pager-action__background: @pager__background; @pager-action__gradient-color-start: false; @pager-action__gradient-color-end: false; // Pager link.action visited @pager-action__visited__color: @pager-action__color; @pager-action__visited__border: false; @pager-action__visited__background: false; @pager-action__visited__gradient-color-start: false; @pager-action__visited__gradient-color-end: false; // Pager link.action hover @pager-action__hover__color: @pager-action__color; @pager-action__hover__border: false; @pager-action__hover__background: false; @pager-action__hover__text-decoration: @pager__hover__text-decoration; @pager-action__hover__gradient-color-start: false; @pager-action__hover__gradient-color-end: false; // Pager link.action active @pager-action__active__color: @pager-action__color; @pager-action__active__border: false; @pager-action__active__background: false; @pager-action__active__gradient-color-start: false; @pager-action__active__gradient-color-end: false; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_forms.less000077700000031356151323550660023575 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Form variables // _____________________________________________ // // Form elements inputs default variables // --------------------------------------------- @form-element-input-type: ''; // [input-text|select|textarea|input-radio|input-checkbox] @form-element-input__background: @color-white; @form-element-input__border-color: @color-gray76; @form-element-input__border: 1px solid @form-element-input__border-color; @form-element-input__border-radius: 1px; @form-element-input__height: 32px; @form-element-input__width: 100%; @form-element-input__margin: false; @form-element-input__padding: 0 9px; @form-element-input__vertical-align: baseline; @form-element-input__background-clip: padding-box; // [border-box|content-box|padding-box] @form-element-input__font-size: @font-size__base; @form-element-input__color: false; @form-element-input__font-family: @font-family__base; @form-element-input__font-weight: false; @form-element-input__font-style: false; @form-element-input__line-height: @line-height__base; // Placeholder @form-element-input-placeholder__color: @color-gray76; @form-element-input-placeholder__font-style: @form-element-input__font-style; // Disabled state @form-element-input__disabled__background: @form-element-input__background; @form-element-input__disabled__border: @form-element-input__border; @form-element-input__disabled__opacity: .5; @form-element-input__disabled__color: @form-element-input__color; @form-element-input__disabled__font-style: @form-element-input__font-style; // Focus state @form-element-input__focus__background: @form-element-input__background; @form-element-input__focus__border: @form-element-input__border; @form-element-input__focus__color: @form-element-input__color; @form-element-input__focus__font-style: @form-element-input__font-style; // Form elements choice default variables @form-element-choice__type: ''; // [radio|checkbox] @form-element-choice__vertical-align: false; @form-element-choice__margin: 2px @indent__xs 0 0; @form-element-choice__disabled__opacity: @form-element-input__disabled__opacity; // // Input-text // --------------------------------------------- @input-text__background: @form-element-input__background; @input-text__border: @form-element-input__border; @input-text__border-radius: @form-element-input__border-radius; @input-text__height: @form-element-input__height; @input-text__width: @form-element-input__width; @input-text__margin: @form-element-input__margin; @input-text__padding: @form-element-input__padding; @input-text__vertical-align: @form-element-input__vertical-align; @input-text__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box] @input-text__font-size: @form-element-input__font-size; @input-text__color: @form-element-input__color; @input-text__font-family: @form-element-input__font-family; @input-text__font-weight: @form-element-input__font-weight; @input-text__font-style: @form-element-input__font-style; @input-text__line-height: @form-element-input__line-height; // Placeholder @input-text-placeholder__color: @form-element-input-placeholder__color; @input-text-placeholder__font-style: @form-element-input-placeholder__font-style; // Disabled state @input-text__disabled__background: @form-element-input__disabled__background; @input-text__disabled__border: @form-element-input__disabled__border; @input-text__disabled__opacity: @form-element-input__disabled__opacity; @input-text__disabled__color: @form-element-input__disabled__color; @input-text__disabled__font-style: @form-element-input__disabled__font-style; // Focus state @input-text__focus__background: @form-element-input__focus__background; @input-text__focus__border: @form-element-input__focus__border; @input-text__focus__color: @form-element-input__focus__color; @input-text__focus__font-style: @form-element-input__focus__font-style; // // Select // --------------------------------------------- @select__background: @form-element-input__background; @select__border: @form-element-input__border; @select__border-radius: @form-element-input__border-radius; @select__height: @form-element-input__height; @select__width: @form-element-input__width; @select__margin: @form-element-input__margin; @select__padding: @indent__xs @indent__s 4px; @select__vertical-align: @form-element-input__vertical-align; @select__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box] @select__font-size: @form-element-input__font-size; @select__color: @form-element-input__color; @select__font-family: @form-element-input__font-family; @select__font-weight: @form-element-input__font-weight; @select__font-style: @form-element-input__font-style; @select__line-height: @form-element-input__line-height; // Placeholder @select-placeholder__color: false; @select-placeholder__font-style: false; // Disabled state @select__disabled__background: @form-element-input__disabled__background; @select__disabled__border: @form-element-input__disabled__border; @select__disabled__opacity: @form-element-input__disabled__opacity; @select__disabled__color: @form-element-input__disabled__color; @select__disabled__font-style: @form-element-input__disabled__font-style; // Focus state @select__focus__background: false; @select__focus__border: @form-element-input__focus__border; @select__focus__color: @form-element-input__focus__color; @select__focus__font-style: @form-element-input__focus__font-style; // // Textarea // --------------------------------------------- @textarea__background: @form-element-input__background; @textarea__border: @form-element-input__border; @textarea__border-radius: @form-element-input__border-radius; @textarea__height: auto; @textarea__width: @form-element-input__width; @textarea__padding: @indent__s; @textarea__margin: 0; @textarea__vertical-align: @form-element-input__vertical-align; @textarea__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box] @textarea__font-size: @form-element-input__font-size; @textarea__color: @form-element-input__color; @textarea__font-family: @form-element-input__font-family; @textarea__font-weight: @form-element-input__font-weight; @textarea__font-style: @form-element-input__font-style; @textarea__line-height: @form-element-input__line-height; @textarea__resize: vertical; // [none|both|horizontal|vertical|inherit] // Placeholder @textarea-placeholder__color: @form-element-input-placeholder__color; @textarea-placeholder__font-style: @form-element-input-placeholder__font-style; // Disabled state @textarea__disabled__background: @form-element-input__disabled__background; @textarea__disabled__border: @form-element-input__disabled__border; @textarea__disabled__opacity: @form-element-input__disabled__opacity; @textarea__disabled__color: @form-element-input__disabled__color; @textarea__disabled__font-style: @form-element-input__disabled__font-style; // Focus state @textarea__focus__background: @form-element-input__focus__background; @textarea__focus__border: @form-element-input__focus__border; @textarea__focus__color: @form-element-input__focus__color; @textarea__focus__font-style: @form-element-input__focus__font-style; // // Radio // --------------------------------------------- @input-radio__vertical-align: @form-element-choice__vertical-align; @input-radio__margin: @form-element-choice__margin; @input-radio__disabled__opacity: @form-element-choice__disabled__opacity; // // Checkbox // --------------------------------------------- @input-checkbox__vertical-align: @form-element-choice__vertical-align; @input-checkbox__margin: @form-element-choice__margin; @input-checkbox__disabled__opacity: @form-element-choice__disabled__opacity; // // Validation // --------------------------------------------- @form-validation-note__color-error: @error__color; @form-validation-note__font-size: @font-size__s; @form-validation-note__font-family: false; @form-validation-note__font-style: false; @form-validation-note__font-weight: false; @form-validation-note__line-height: false; @form-validation-note__margin: 3px 0 0; @form-validation-note__padding: false; @form-validation-note-icon__use: false; @form-validation-note-icon__font-content: @icon-pointer-up; @form-validation-note-icon__font: @icon-font; @form-validation-note-icon__font-size: @form-validation-note__font-size * 2; @form-validation-note-icon__font-line-height: @form-validation-note__font-size; @form-validation-note-icon__font-color: @form-validation-note__color-error; @form-validation-note-icon__font-color-hover: false; @form-validation-note-icon__font-color-active: false; @form-validation-note-icon__font-margin: false; @form-validation-note-icon__font-vertical-align: @icon-font__vertical-align; @form-validation-note-icon__font-position: @icon-font__position; @form-validation-note-icon__font-text-hide: @icon-font__text-hide; @form-element-validation__color-error: false; @form-element-validation__color-valid: false; @form-element-validation__border-error: lighten(@form-validation-note__color-error, 20%); @form-element-validation__border-valid: false; @form-element-validation__background-error: false; @form-element-validation__background-valid: false; // // Fieldset // --------------------------------------------- @form-fieldset__border: 0; @form-fieldset__margin: 0 0 @indent__xl; @form-fieldset__padding: 0; @form-fieldset-legend__color: false; @form-fieldset-legend__font-size: 20px; @form-fieldset-legend__font-family: false; @form-fieldset-legend__font-weight: false; @form-fieldset-legend__font-style: false; @form-fieldset-legend__line-height: 1.2; @form-fieldset-legend__margin: 0 0 @indent__m; @form-fieldset-legend__padding: 0; @form-fieldset-legend__width: false; // // Field // --------------------------------------------- @form-field-type: block; // [inline|block] @form-field-type-revert: inline; // [inline|block|false] @form-field__border: false; @form-field__vertical-indent: @indent__base; @form-field__additional-vertical-indent: @form-field__vertical-indent/2; @form-field-type-block__margin: 0 0 @form-field__vertical-indent; @form-field-type-inline__margin: 0 0 @form-field__vertical-indent; @form-field-column: false; @form-field-column__padding: 0 12px 0 0; @form-field-column__number: 2; // Form field label @form-field-label__align: false; @form-field-label__color: false; @form-field-label__font-size: false; @form-field-label__font-family: false; @form-field-label__font-weight: @font-weight__bold; @form-field-label__font-style: false; @form-field-label__line-height: false; @form-field-type-label-inline__margin: false; @form-field-type-label-inline__padding-top: 6px; @form-field-type-label-inline__padding: @form-field-type-label-inline__padding-top 15px 0 0; @form-field-type-label-inline__width: 25.8%; @form-field-type-label-inline__align: right; @form-field-type-label-block__margin: 0 0 @indent__xs; @form-field-type-label-block__padding: false; @form-field-type-label-block__align: @form-field-label__align; // Form field control @form-field-type-control-inline__width: 74.2%; // Form field label asterisk @form-field-label-asterisk__color: @color-red10; @form-field-label-asterisk__font-size: @font-size__s; @form-field-label-asterisk__font-family: false; @form-field-label-asterisk__font-weight: false; @form-field-label-asterisk__font-style: false; @form-field-label-asterisk__line-height: false; @form-field-label-asterisk__margin: 0 0 0 @indent__xs; // Form field note @form-field-note__color: false; @form-field-note__font-size: @font-size__s; @form-field-note__font-family: false; @form-field-note__font-weight: false; @form-field-note__font-style: false; @form-field-note__line-height: false; @form-field-note__margin: 3px 0 0; @form-field-note__padding: 0; // Form field note icon @form-field-note-icon-font: @icon-font; @form-field-note-icon-font__content: @icon-pointer-up; @form-field-note-icon-font__size: @form-field-note__font-size * 2; @form-field-note-icon-font__line-height: @form-field-note__font-size; @form-field-note-icon-font__color: @form-field-note__color; @form-field-note-icon-font__color-hover: false; @form-field-note-icon-font__color-active: false; @form-field-note-icon-font__margin: false; @form-field-note-icon-font__vertical-align: @icon-font__vertical-align; @form-field-note-icon-font__position: @icon-font__position; @form-field-note-icon-font__text-hide: @icon-font__text-hide; // Hasrequired @form-hasrequired__position: top; // [top|bottom] @form-hasrequired__color: @form-field-label-asterisk__color; @form-hasrequired__font-size: @font-size__s; @form-hasrequired__font-family: false; @form-hasrequired__font-weight: false; @form-hasrequired__font-style: false; @form-hasrequired__line-height: false; @form-hasrequired__border: false; @form-hasrequired__margin: @indent__s 0 0; @form-hasrequired__padding: false; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_structure.less000077700000001004151323550660024472 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Structure // _____________________________________________ // // Z axis // --------------------------------------------- @z-index-1: 100; @z-index-2: 200; @z-index-3: 300; @z-index-4: 400; @z-index-5: 500; @z-index-6: 600; @z-index-7: 700; @z-index-8: 800; @z-index-9: 900; @z-index-10: 1000; // z-index 8 @overlay__z-index: @modal__z-index - 1; // z-index 9 @modal__z-index: @z-index-9; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_tables.less000077700000003413151323550660023712 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Table variables // _____________________________________________ @table__width: 100%; @table__margin-bottom: false; @table__background-color: false; @table__border-color: @border-color__base; @table__border-width: @border-width__base; @table__border-style: solid; @table-head__background-color: @table__background-color; @table-foot__background-color: @table__background-color; @table-body-th__background-color: @table__background-color; @table-caption__hide: true; // [true|false] @table-caption__font-size: false; @table-caption__color: false; @table-caption__font-family: false; @table-caption__font-weight: false; @table-caption__font-style: false; @table-caption__line-height: false; @table-caption__alignment: false; @table-caption__margin-top: false; @table-caption__margin-bottom: false; @table-td__background-color: @table__background-color; @table-td__font-size: false; @table-td__color: false; @table-td__font-family: false; @table-td__font-weight: false; @table-td__line-height: false; @table-td__font-style: false; @table-th__font-size: false; @table-th__color: @text__color__intense; @table-th__font-family: false; @table-th__font-weight: @font-weight__bold; @table-th__line-height: false; @table-th__font-style: false; @table-cell__padding-horizontal: @indent__s; @table-cell__padding-vertical: 8px; @table-cell__hover__background-color: @panel__background-color; @table-cell-stripped__background-color: lighten(@table-cell__hover__background-color, 15%); @table-cell-stripped__color: @table-td__color; @table-responsive__background-color: @table__background-color; @table-responsive-th__background-color: false; @table-responsive-cell__padding: @indent__xs 0; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_icons.less000077700000004114151323550660023552 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Icons variables // _____________________________________________ @icon__position: before; @icon__text-hide: false; @icon__height: 26px; @icon__width: 26px; @icon__margin: ''; @icon__vertical-align: middle; @icon-image__position-x: 0; @icon-image__position-y: 0; @icon-sprite__position-x: 0; @icon-sprite__position-y: 0; @icon-sprite__grid: 26px; @icon-font: @icons__font-name; @icon-font__position: @icon__position; @icon-font__text-hide: @icon__text-hide; @icon-font__margin: @icon__margin; @icon-font__size: inherit; @icon-font__line-height: @icon-font__size; @icon-font__color: inherit; @icon-font__color-hover: false; @icon-font__color-active: false; @icon-font__vertical-align: @icon__vertical-align; @icon-font__display: inline-block; @icon-calendar__font-size: 40px; // // Variables for icons-blank-theme // --------------------------------------------- // ToDo UI: move it to blank theme variables @icon-wishlist-full: '\e600'; @icon-wishlist-empty: '\e601'; @icon-warning: '\e602'; @icon-update: '\e603'; @icon-trash: '\e604'; @icon-star: '\e605'; @icon-settings: '\e606'; @icon-pointer-down: '\e607'; @icon-next: '\e608'; @icon-menu: '\e609'; @icon-location: '\e60a'; @icon-list: '\e60b'; @icon-info: '\e60c'; @icon-grid: '\e60d'; @icon-comment-reflected: '\e60e'; @icon-collapse: '\e60f'; @icon-checkmark: '\e610'; @icon-cart: '\e611'; @icon-calendar: '\e612'; @icon-arrow-up: '\e613'; @icon-arrow-down: '\e614'; @icon-search: '\e615'; @icon-remove: '\e616'; @icon-prev: '\e617'; @icon-pointer-up: '\e618'; @icon-pointer-right: '\e619'; @icon-pointer-left: '\e61a'; @icon-flag: '\e61b'; @icon-expand: '\e61c'; @icon-envelope: '\e61d'; @icon-compare-full: '\e61e'; @icon-compare-empty: '\e61f'; @icon-comment: '\e620'; @icon-up: '\e621'; @icon-down: '\e622'; @icon-help: '\e623'; @icon-arrow-right-thin: '\e624'; @icon-arrow-left-thin: '\e625'; @icon-arrow-down-thin: '\e626'; @icon-account: '\e627'; @icon-gift-registry: '\e628'; @icon-present: '\e629'; @icon-arrow-up-thin: '\e633'; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_components.less000077700000000545151323550660024630 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Lib -> Components -> Variables // _____________________________________________ @component__box-shadow__base: 1px 1px @component__shadow-size__base rgba(0, 0, 0, .5); @component__shadow-size__base: 5px; @component-modal__opacity: .98; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_rating.less000077700000000711151323550660023722 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Rating variables // _____________________________________________ @rating-icon__count: 5; @rating-icon__content: @icon-star; @rating-icon__font: @icon-font; @rating-icon__font-size: 28px; @rating-icon__letter-spacing: -10px; @rating-icon__color: @color-gray78; @rating-icon__active__color: @active__color; @rating-label__hide: false; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_dropdowns.less000077700000010611151323550660024455 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Dropdowns variables // _____________________________________________ // // Variables simple dropdown // --------------------------------------------- @dropdown-actions__padding: false; @dropdown-list__min-width: 100%; @dropdown-list__width: false; @dropdown-list__height: false; @dropdown-list__margin-top: 4px; @dropdown-list__position-top: 100%; @dropdown-list__position-right: false; @dropdown-list__position-bottom: false; @dropdown-list__position-left: false; @dropdown-list__pointer: true; // [true|false] @dropdown-list__background: @color-white; @dropdown-list__border: 1px solid @color-gray-light2; @dropdown-list__shadow: 0 3px 3px rgba(0,0,0,.15); // [''|none|value] @dropdown-list__z-index: 100; @dropdown-list-pointer__border: @color-gray-light2; @dropdown-list-pointer__position: left; // [left|right] @dropdown-list-pointer__position-top: -12px; @dropdown-list-pointer__position-left-right: 10px; @dropdown-list-item__border: 0; @dropdown-list-item__padding: 3px @indent__xs; @dropdown-list-item__margin: 0; @dropdown-list-item__hover: @color-gray91; @dropdown-toggle-icon__content: @icon-pointer-down; @dropdown-toggle-icon__font: @button-icon__font; @dropdown-toggle-icon__font-size: @button-icon__font-size; @dropdown-toggle-icon__font-line-height: @button-icon__line-height; @dropdown-toggle-icon__font-color: @button-icon__color; @dropdown-toggle-icon__font-color-hover: @button-icon__hover__font-color; @dropdown-toggle-icon__font-color-active: @button-icon__active__font-color; @dropdown-toggle-icon__font-margin: @button-icon__margin; @dropdown-toggle-icon__position: after; @dropdown-toggle-icon__font-vertical-align: @button-icon__vertical-align; @dropdown-toggle-icon__text-hide: @button-icon__text-hide; @dropdown-toggle-icon__active__content: @icon-pointer-up; // // Variables split dropdown // --------------------------------------------- @dropdown-split-actions__padding: 0 @indent__xs; @dropdown-split-toggle__actions__padding: 4px @indent__xs; @dropdown-split-button__actions__padding: false; @dropdown-split-toggle__position: right; @dropdown-split-list__min-width: @dropdown-list__min-width; @dropdown-split-list__width: @dropdown-list__width; @dropdown-split-list__height: @dropdown-list__height; @dropdown-split-list__margin-top: @dropdown-list__margin-top; @dropdown-split-list__position-top: @dropdown-list__position-top; @dropdown-split-list__position-right: @dropdown-list__position-right; @dropdown-split-list__position-bottom: @dropdown-list__position-bottom; @dropdown-split-list__position-left: @dropdown-list__position-left; @dropdown-split-list__background: @dropdown-list__background; @dropdown-split-list__border: @dropdown-list__border; @dropdown-split-list__pointer: @dropdown-list__pointer; @dropdown-split-list__pointer-border: @dropdown-list-pointer__border; @dropdown-split-list__pointer-position: @dropdown-split-toggle__position; @dropdown-split-list__pointer-position-top: @dropdown-list-pointer__position-top; @dropdown-split-list__pointer-position-left-right: @dropdown-list-pointer__position-left-right; @dropdown-split-list__item-border: @dropdown-list-item__border; @dropdown-split-list__item-padding: @dropdown-list-item__padding; @dropdown-split-list__item-margin: @dropdown-list-item__margin; @dropdown-split-list__item-hover: @dropdown-list-item__hover; @dropdown-split-button__border-radius-fix: false; @dropdown-split-list__shadow: @dropdown-list__shadow; // [''|none|value] @dropdown-split-list__z-index: @dropdown-list__z-index; @dropdown-split-toggle-icon__content: @dropdown-toggle-icon__content; @dropdown-split-toggle-icon__font: @button-icon__font; @dropdown-split-toggle-icon__font-size: @button-icon__font-size; @dropdown-split-toggle-icon__font-line-height: @button-icon__line-height; @dropdown-split-toggle-icon__font-color: @button-icon__color; @dropdown-split-toggle-icon__font-color-hover: @button-icon__hover__font-color; @dropdown-split-toggle-icon__font-color-active: @button-icon__active__font-color; @dropdown-split-toggle-icon__font-margin: @button-icon__margin; @dropdown-split-toggle-icon__font-vertical-align: @button-icon__vertical-align; @dropdown-split-toggle-icon__position: @dropdown-toggle-icon__position; @dropdown-split-toggle-icon__text-hide: true; // [true|false] @dropdown-split-toggle-icon__active__content: @dropdown-toggle-icon__active__content; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_loaders.less000077700000001700151323550660024066 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Loader variables // _____________________________________________ @loader-overlay__background-color: rgba(255, 255, 255, .5); @loader-overlay__z-index: 9999; @loader-icon__width: 160px; @loader-icon__height: 160px; @loader-icon__background-color: transparent; @loader-icon__background-image: url('@{baseDir}images/loader-2.gif'); @loader-icon__background-position: 50% 50%; @loader-icon__border-radius: 5px; @loader-icon__padding: ''; @loader-text: false; @loader-text__color: @primary__color; @loader-text__font-size: @font-size__base; @loader-text__font-family: @font-family__base; @loader-text__font-weight: @font-weight__regular; @loader-text__font-style: @font-style__base; @loader-text__padding: 130px 0 0; @loading__background-color: @loader-overlay__background-color; @loading__background-image: @loader-icon__background-image; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_buttons.less000077700000007077151323550660024150 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Buttons variables // _____________________________________________ // // Buttons // --------------------------------------------- // Font style @button__font-family: @font-family__base; @button__font-size: @font-size__base; @button__font-weight: @font-weight__bold; @button__line-height: @font-size__base + 2; @button__margin: 0; @button__padding: 7px 15px; // is set up to false when buttons don't depend on side paddings or have fixed width @button__width: false; // is set up to false when buttons depend on side paddings or to fixed value when needed // Display settings @button__display: inline-block; @button__cursor: pointer; @button__border-radius: 3px; @button__disabled__opacity: .5; // Default = secondary button @button__color: @primary__color; @button__background: @color-gray95; @button__border: 1px solid @color-gray-darken2; @button__gradient-color-start: false; @button__gradient-color-end: false; @button__hover__color: @color-gray-darken3; @button__hover__background: @color-gray-darken1; @button__hover__border: @button__border; @button__hover__gradient-color-start: false; @button__hover__gradient-color-end: false; @button__active__color: @button__color; @button__active__background: @button__hover__background; @button__active__border: @button__border; @button__active__gradient-color-start: false; @button__active__gradient-color-end: false; // Primary button @button-primary__font-family: @button__font-family; @button-primary__font-size: @button__font-size; @button-primary__font-weight: @button__font-weight; @button-primary__line-height: false; @button-primary__width: false; @button-primary__margin: false; @button-primary__padding: @button__padding; @button-primary__gradient: false; @button-primary__gradient-direction: false; @button-primary__background: @theme__color__primary; @button-primary__border: 1px solid @theme__color__primary; @button-primary__color: @color-white; @button-primary__gradient-color-start: false; @button-primary__gradient-color-end: false; @button-primary__hover__background: @theme__color__primary-alt; @button-primary__hover__border: 1px solid @theme__color__primary-alt; @button-primary__hover__color: @button-primary__color; @button-primary__hover__gradient-color-start: false; @button-primary__hover__gradient-color-end: false; @button-primary__active__background: @button-primary__hover__background; @button-primary__active__border: @button-primary__hover__border; @button-primary__active__color: @button-primary__color; @button-primary__active__gradient-color-start: false; @button-primary__active__gradient-color-end: false; // Gradient button @button__gradient: false; // [true|false] - button has a gradient background @button__gradient-direction: false; // button gradient direction if button has a gradient background // Button with icon @button-icon__use: false; @button-icon__content: @icon-settings; @button-icon__font: @icon-font; @button-icon__font-size: 22px; @button-icon__line-height: @button-icon__font-size; @button-icon__color: inherit; @button-icon__margin: 0; @button-icon__vertical-align: top; @button-icon__position: @icon__position; @button-icon__text-hide: false; @button-icon__hover__font-color: inherit; @button-icon__active__font-color: inherit; // Large button @button__font-size__l: @font-size__l; @button__line-height__l: @font-size__l + 4; @button__padding__l: 14px 17px; // Small button @button__font-size__s: 11px; @button__line-height__s: @button__font-size__s + 1; @button__padding__s: @indent__xs 8px; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_sections.less000077700000010316151323550660024267 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Sections variables // _____________________________________________ // // Tabs // --------------------------------------------- // Tabs controls @tab-control__font-size: @font-size__base; @tab-control__font-family: false; @tab-control__font-weight: @font-weight__semibold; @tab-control__font-style: false; @tab-control__line-height: @tab-control__height; @tab-control__height__base: @line-height__computed; @tab-control__height: @indent__base; @tab-control__margin-right: @indent__xs; @tab-control__padding-top: @indent__xs; @tab-control__padding-right: @indent__base; @tab-control__padding-bottom: @tab-control__padding-top; @tab-control__padding-left: @tab-control__padding-right; @tab-control__border-color: @border-color__base; @tab-control__border-width: @border-width__base; // Current tab @tab-control__background-color: @panel__background-color; @tab-control__color: @text__color__muted; @tab-control__text-decoration: none; @tab-control__hover__background-color: lighten(@tab-control__background-color, 5%); @tab-control__hover__color: @tab-control__color; @tab-control__hover__text-decoration: @tab-control__text-decoration; @tab-control__active__background-color: lighten(@tab-control__background-color, 15%); @tab-control__active__color: @text__color; @tab-control__active__text-decoration: @tab-control__text-decoration; @tab-control__visited__color: @tab-control__color; @tab-control__visited__text-decoration: @tab-control__text-decoration; @tab-content__background-color: @tab-control__active__background-color; @tab-content__border-top-status: false; @tab-content__border: @tab-control__border-width solid @tab-control__border-color; @tab-content__margin-top: @tab-control__height + @tab-control__border-width + @tab-control__padding-top + @tab-control__padding-bottom; @tab-content__padding-top: @indent__base; @tab-content__padding-right: @indent__base; @tab-content__padding-bottom: @tab-content__padding-top; @tab-content__padding-left: @tab-content__padding-right; // // Accordions // --------------------------------------------- @accordion-control__font-family: @tab-control__font-family; @accordion-control__font-size: @font-size__l; @accordion-control__font-style: @tab-control__font-style; @accordion-control__font-weight: @tab-control__font-weight; @accordion-control__line-height: @accordion-control__height; @accordion-control__border-top: @tab-control__border-width solid @tab-control__border-color; @accordion-control__border-right: @tab-control__border-width solid @tab-control__border-color; @accordion-control__border-bottom: @tab-control__border-width solid @tab-control__border-color; @accordion-control__border-left: @tab-control__border-width solid @tab-control__border-color; @accordion-control__background-color: @tab-control__background-color; @accordion-control__color: @tab-control__color; @accordion-control__text-decoration: @tab-control__text-decoration; @accordion-control__height: @indent__xl; @accordion-control__margin-bottom: @indent__xs; @accordion-control__padding-top: @tab-control__padding-top; @accordion-control__padding-right: @indent__base; @accordion-control__padding-bottom: @tab-control__padding-bottom; @accordion-control__padding-left: @accordion-control__padding-right; @accordion-control__visited__color: @tab-control__visited__color; @accordion-control__visited__text-decoration: @tab-control__visited__text-decoration; @accordion-control__hover__background-color: @tab-control__hover__background-color; @accordion-control__hover__color: @tab-control__hover__color; @accordion-control__hover__text-decoration: @tab-control__hover__text-decoration; @accordion-control__active__background-color: @tab-control__active__background-color; @accordion-control__active__color: @tab-control__active__color; @accordion-control__active__text-decoration: @tab-control__active__text-decoration; @accordion-content__background-color: @tab-control__active__background-color; @accordion-content__border: @tab-content__border; @accordion-content__margin: 0 0 @indent__xs; @accordion-content__padding: @tab-content__padding-top @tab-content__padding-right @tab-content__padding-bottom @tab-content__padding-left; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_popups.less000077700000005632151323550660023773 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Popup variables // _____________________________________________ @popup__width: 100%; @popup__height: auto; @popup__padding: 22px; @popup__background: @color-white; @popup__border-color: @color-gray-light3; @popup__border: 1px solid @popup__border-color; @popup__shadow: 0 3px 3px rgba(0,0,0,.15); @popup__fade: opacity .3s linear; @popup__z-index: 1001; @popup__position: fixed; @popup__position-top: 0; @popup__position-right: 0; @popup__position-bottom: 0; @popup__position-left: 0; @popup__margin-top: false; @popup__margin-right: false; @popup__margin-bottom: false; @popup__margin-left: false; @popup-content__height: auto; @popup-content__margin: false; @popup-header__margin: 0 0 25px; @popup-footer__margin: false; @popup-title-headings: true; // [true|false] @popup-title-headings__level: h3; // [h1|h2|h3|h4|h5|h6] @popup-button-close__icon: true; // [true|false] @popup-button-close__reset: true; // [true|false] @popup-button-close__position: absolute; @popup-button-close__position-top: @indent__s; @popup-button-close__position-right: @indent__s; @popup-button-close__position-bottom: false; @popup-button-close__position-left: false; // Actions toolbar variables @popup-actions-toolbar: false; // [true|false] @popup-actions-toolbar__margin: @actions-toolbar__margin; @popup-actions-toolbar__padding: @actions-toolbar__padding; @popup-actions-toolbar-actions__position: @actions-toolbar-actions__position; @popup-actions-toolbar-actions__reverse: @actions-toolbar-actions__reverse; @popup-actions-toolbar-actions__margin: @actions-toolbar-actions__margin; @popup-actions-toolbar-actions-primary__margin: @actions-toolbar-actions-primary__margin; @popup-actions-toolbar-actions-secondary__margin: @actions-toolbar-actions-secondary__margin; @popup-actions-toolbar-actions-links__margin-top: @actions-toolbar-actions-links__margin-top; @popup-actions-toolbar-actions-links-primary__margin-top: @actions-toolbar-actions-links-primary__margin-top; @popup-actions-toolbar-actions-links-secondary__margin-top: @actions-toolbar-actions-links-secondary__margin-top; // Popup Icons variables @popup-icon-font: @button-icon__font; @popup-icon-font__content: @icon-remove; @popup-icon-font__size: @button-icon__font-size; @popup-icon-font__line-height: @button-icon__line-height; @popup-icon-font__color: @button-icon__color; @popup-icon-font__color-hover: @button-icon__hover__font-color; @popup-icon-font__color-active: @button-icon__active__font-color; @popup-icon-font__margin: @button-icon__margin; @popup-icon-font__vertical-align: @button-icon__vertical-align; @popup-icon-font__position: @button-icon__position; @popup-icon-font__text-hide: true; // Window overlay variables @overlay__background: @color-black; @overlay__opacity: .5; @overlay__opacity-old: 50; @overlay__fade: opacity .15s linear; @overlay__z-index: 1000; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_navigation.less000077700000011015151323550660024574 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Navigation variables // _____________________________________________ @navigation__background: @secondary__color__light; @navigation__border: ''; @navigation-level0-item__font-size: 16; @navigation-level0-item__font-weight: @font-weight__bold; @navigation-level0-item__line-height: false; @navigation-level0-item__margin: 0; @navigation-level0-item__padding: 8px @indent__xl 8px 15px; @navigation-level0-item__text-transform: uppercase; @navigation-level0-item__background: ''; @navigation-level0-item__border: 1px solid @color-gray82; @navigation-level0-item__color: @color-gray34; @navigation-level0-item__text-decoration: none; @navigation-level0-item__active__background: ''; @navigation-level0-item__active__border-color: @active__color; @navigation-level0-item__active__border-style: solid; @navigation-level0-item__active__border-width: 0 0 0 8px; @navigation-level0-item__active__color: ''; @navigation-level0-item__active__text-decoration: ''; @navigation-level0-item__hover__color: @primary__color; @submenu__background: ''; @submenu__border: ''; @submenu__padding-top: @indent__s; @submenu__padding-right: 0; @submenu__padding-bottom: @indent__s; @submenu__padding-left: 15px; @submenu__font-size: ''; @submenu__font-weight: @font-weight__regular; @submenu-item__line-height: 1.3; @submenu-item__background: ''; @submenu-item__border: ''; @submenu-item__color: @color-gray34; @submenu-item__text-decoration: ''; @submenu-item__active__background: ''; @submenu-item__active__border: 8px; @submenu-item__active__border-color: @active__color; @submenu-item__active__border-style: solid; @submenu-item__active__border-width: 0 0 0 @submenu-item__active__border; @submenu-item__active__color: ''; @submenu-item__active__text-decoration: ''; // // Desktop navigation // --------------------------------------------- @navigation-desktop__background: @navigation__background; @navigation-desktop__border: ''; @navigation-desktop__font-size: ''; @navigation-desktop__font-weight: @font-weight__bold; @navigation-desktop-level0-item__line-height: 53px; @navigation-desktop-level0-item__margin: 0 @indent__s 0 0; @navigation-desktop-level0-item__padding: 0 12px; @navigation-desktop-level0-item__background: ''; @navigation-desktop-level0-item__border: ''; @navigation-desktop-level0-item__color: @color-gray34; @navigation-desktop-level0-item__text-decoration: none; @navigation-desktop-level0-item__hover__background: ''; @navigation-desktop-level0-item__hover__border: ''; @navigation-desktop-level0-item__hover__color: @primary__color; @navigation-desktop-level0-item__hover__text-decoration: @navigation-desktop-level0-item__text-decoration; @navigation-desktop-level0-item__active__background: ''; @navigation-desktop-level0-item__active__border-color: @active__color; @navigation-desktop-level0-item__active__border-style: solid; @navigation-desktop-level0-item__active__border-width: 0 0 3px; @navigation-desktop-level0-item__active__color: @navigation-desktop-level0-item__hover__color; @navigation-desktop-level0-item__active__text-decoration: @navigation-desktop-level0-item__text-decoration; @submenu-desktop__background: @page__background-color; @submenu-desktop__border-width: @border-width__base; @submenu-desktop__border-style: solid; @submenu-desktop__border-color: @border-color__base; @submenu-desktop__box-shadow: 0 @indent__xs @indent__xs rgba(0, 0, 0, .19); @submenu-desktop__font-size: ''; @submenu-desktop__font-weight: @font-weight__bold; @submenu-desktop__min-width: 230px; @submenu-desktop__padding: 0; @submenu-desktop-arrow: true; // [true|false] @submenu-desktop-arrow__size: 10px; @submenu-desktop-arrow__left: 20px; @submenu-desktop-item__padding: 8px @indent__base; @submenu-desktop-item__background: ''; @submenu-desktop-item__border: ''; @submenu-desktop-item__color: @navigation-desktop-level0-item__color; @submenu-desktop-item__text-decoration: ''; @submenu-desktop-item__hover__background: @secondary__color; @submenu-desktop-item__hover__border: ''; @submenu-desktop-item__hover__color: @navigation-desktop-level0-item__hover__color; @submenu-desktop-item__hover__text-decoration: @navigation-desktop-level0-item__text-decoration; @submenu-desktop-item__active__background: ''; @submenu-desktop-item__active__border-color: @active__color; @submenu-desktop-item__active__border-style: solid; @submenu-desktop-item__active__border-width: 0 0 0 3px; @submenu-desktop-item__active__color: ''; @submenu-desktop-item__active__text-decoration: ''; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_email.less000077700000001526151323550660023532 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Email variables // _____________________________________________ // Base URL path @baseUrl: "{{base_url_path}}/"; // Structure @email-body__width: 600px; @email-body__padding: @indent__s; // Content @email-content__padding__base: @indent__s; @email-content__padding__s: @indent__xs; @email-content__padding__m: @indent__base; @email-content__padding__l: @indent__l; @email-content__padding__xl: @indent__xl; // Colors @email__background-color: @color-white; @email-content__background-color: @color-white; // Messages @message-email__color: @text__color; @message-email__background: @message-info__background; @message-email__border-color: @message-info__border-color; @message-email-link__color: @message-info-link__color; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_messages.less000077700000011216151323550660024247 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Messages variables // _____________________________________________ @message__padding: @indent__s @indent__base; @message__margin: 0 0 @indent__s; @message__color: false; // Each message type has its own message color @message__font-size: 13px; @message__font-family: false; @message__font-style: false; @message__font-weight: false; @message__line-height: 1.2em; @message-icon__font-size: ceil(@message__font-size * 2 + 2); @message-icon__font-line-height: @message-icon__font-size; @message-icon__inner-padding-left: 40px; @message-icon__lateral-width: 30px; @message-icon__lateral-arrow-size: 5px; @message-icon__top: 18px; @message-icon__right: false; @message-icon__bottom: false; @message-icon__left: 0; @message__border-width: false; @message__border-color: false; @message__border-style: false; @message__border-radius: false; // Information message @message-info__color: @color-brownie1; @message-info__background: @color-yellow-light1; @message-info__border-color: @message__border-color; @message-info-link__color: @link__color; @message-info-link__color-hover: @link__hover__color; @message-info-link__color-active: @link__hover__color; @message-info-icon: @icon-warning; @message-info-icon__color-inner: @color-brownie-light1; @message-info-icon__color-lateral: @color-white; @message-info-icon__background: @color-brownie1; @message-info-icon__top: @message-icon__top; @message-info-icon__right: @message-icon__right; @message-info-icon__bottom: @message-icon__bottom; @message-info-icon__left: @message-icon__left; // Warning message @message-warning__color: @message-info__color; @message-warning__background: @message-info__background; @message-warning__border-color: @message-info__border-color; @message-warning-link__color: @message-info-link__color; @message-warning-link__color-hover: @message-info-link__color-hover; @message-warning-link__color-active: @message-info-link__color-active; @message-warning-icon: @message-info-icon; @message-warning-icon__color-inner: @message-info-icon__color-inner; @message-warning-icon__color-lateral: @message-info-icon__color-lateral; @message-warning-icon__background: @message-info-icon__background; @message-warning-icon__top: @message-icon__top; @message-warning-icon__right: @message-icon__right; @message-warning-icon__bottom: @message-icon__bottom; @message-warning-icon__left: @message-icon__left; // Error message @message-error__color: @error__color; @message-error__background: @color-pink1; @message-error__border-color: @message__border-color; @message-error-link__color: @link__color; @message-error-link__color-hover: @link__hover__color; @message-error-link__color-active: @link__hover__color; @message-error-icon: @icon-warning; @message-error-icon__color-inner: @color-red11; @message-error-icon__color-lateral: @color-white; @message-error-icon__background: @color-red11; @message-error-icon__top: @message-icon__top; @message-error-icon__right: @message-icon__right; @message-error-icon__bottom: @message-icon__bottom; @message-error-icon__left: @message-icon__left; // Success message @message-success__color: @color-dark-green1; @message-success__background: @color-gray-light1; @message-success__border-color: @message__border-color; @message-success-link__color: @link__color; @message-success-link__color-hover: @link__hover__color; @message-success-link__color-active: @link__hover__color; @message-success-icon: @icon-checkmark; @message-success-icon__color-inner: @color-dark-green1; @message-success-icon__color-lateral: @color-white; @message-success-icon__background: @color-dark-green1; @message-success-icon__top: @message-icon__top; @message-success-icon__right: @message-icon__right; @message-success-icon__bottom: @message-icon__bottom; @message-success-icon__left: @message-icon__left; // Notice message @message-notice__color: @message-info__color; @message-notice__background: @message-info__background; @message-notice__border-color: @message-info__border-color; @message-notice-link__color: @message-info-link__color; @message-notice-link__color-hover: @message-info-link__color-hover; @message-notice-link__color-active: @message-info-link__color-active; @message-notice-icon: @message-info-icon; @message-notice-icon__color-inner: @message-info-icon__color-inner; @message-notice-icon__color-lateral: @message-info-icon__color-lateral; @message-notice-icon__background: @message-info-icon__background; @message-notice-icon__top: @message-icon__top; @message-notice-icon__right: @message-icon__right; @message-notice-icon__bottom: @message-icon__bottom; @message-notice-icon__left: @message-icon__left; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_colors.less000077700000006010151323550660023735 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Color variables // _____________________________________________ @color-blue-dodger: #008bdb; @color-black_dark: #333333; @color-white: #fff; @color-black: #000; @color-darkie-gray: #8a837f; @color-gray19: #303030; @color-gray20: #333; @color-gray34: #575757; @color-gray37: #5e5e5e; @color-gray40: #666; @color-gray43: #6d6d6d; @color-gray46: #757575; @color-gray52: #858585; @color-gray55: #8c8c8c; @color-gray56: #8f8f8f; @color-gray60: #999; @color-gray62: #9e9e9e; @color-gray64: #a3a3a3; @color-gray68: #adadad; @color-gray76: #c2c2c2; @color-gray78: #c7c7c7; @color-gray79: #c9c9c9; @color-gray80: #ccc; @color-gray82: #d1d1d1; @color-gray83: #d4d4d4; @color-gray89: #e3e3e3; @color-gray90: #e5e5e5; @color-gray91: #e8e8e8; @color-gray92: #ebebeb; @color-gray94: #f0f0f0; @color-gray95: #f2f2f2; @color-gray_light: #cccccc; @color-lighter-grayish: #cacaca; @color-very-dark-gray: #666; @color-white-smoke: #f5f5f5; @color-white-dark-smoke: #efefef; @color-white-fog: #f8f8f8; @color-gray-light0: #f6f6f6; @color-gray-light01: #f4f4f4; @color-gray-light1: #e5efe5; @color-gray-light2: #bbb; @color-gray-light3: #aeaeae; @color-gray-light4: #cecece; @color-gray-light5: #c1c1c1; @color-gray-light6: #c5c5c5; @color-gray-middle1: #e4e4e4; @color-gray-middle2: #c6c6c6; @color-gray-middle3: #7e807e; @color-gray-middle4: #6e716e; @color-gray-middle5: #707070; @color-gray-darken0: #eee; @color-gray-darken1: #e2e2e2; @color-gray-darken2: #cdcdcd; @color-gray-darken3: #555; @color-gray-darken4: #494949; @color-red9: #ff0101; @color-red10: #e02b27; @color-red11: #b30000; @color-red12: #d10029; @color-orange-red1: #ff5501; @color-orange-red2: #ff5601; // Legacy orange @color-orange-red3: #ff5700; // Legacy orange @color-orange-red4: #fc5e10; // Legacy orange @color-dark-green1: #006400; @color-blue1: #1979c3; @color-blue2: #006bb4; @color-blue3: #00699D; @color-sky-blue1: #68a8e0; @color-pink1: #fae5e5; @color-dark-pink1: #800080; // Legacy pink @color-brownie: #514943; @color-brownie-vanilla: #736963; @color-brownie1: #6f4400; @color-brownie-light1: #c07600; @color-yellow-light1: #fdf0d5; @color-yellow-light2: #ffee9c; @color-yellow-light3: #d6ca8e; @color-yellow1: #ff0; // // Color nesting // --------------------------------------------- @theme__color__primary: @color-blue1; @theme__color__primary-alt: @color-blue2; @theme__color__secondary: @color-orange-red1; @primary__color: @color-gray20; @primary__color__dark: darken(@primary__color, 35%); // #000 @primary__color__darker: darken(@primary__color, 13.5%); // #111 @primary__color__lighter: lighten(@primary__color, 29%); // #7d7d7d @primary__color__light: lighten(@primary__color, 45%); // #a6a6a6 @secondary__color: @color-gray91; @secondary__color__light: lighten(@secondary__color, 5%); @page__background-color: @color-white; @panel__background-color: darken(@page__background-color, 6%); @active__color: @theme__color__secondary; @error__color: @color-red10; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_actions-toolbar.less000077700000001322151323550660025535 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Actions-toolbar variables // _____________________________________________ @actions-toolbar__margin: false; @actions-toolbar__padding: false; @actions-toolbar-actions__position: justify; // [left|right|center|justify] @actions-toolbar-actions__reverse: false; // [true|false] @actions-toolbar-actions__margin: false; @actions-toolbar-actions-primary__margin: 0 @indent__xs 0 0; @actions-toolbar-actions-secondary__margin: false; @actions-toolbar-actions-links__margin-top: false; @actions-toolbar-actions-links-primary__margin-top: false; @actions-toolbar-actions-links-secondary__margin-top: 6px; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_breadcrumbs.less000077700000005157151323550660024740 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Breadcrumbs variables // _____________________________________________ @breadcrumbs__font-size: @font-size__s; @breadcrumbs__display: false; @breadcrumbs__container-margin: 0 0 @indent__base; @breadcrumbs__padding: false; @breadcrumbs-separator__symbol: false; @breadcrumbs-separator__color: @breadcrumbs-current__color; @breadcrumbs-icon__use: true; @breadcrumbs-icon__font-content: @icon-next; @breadcrumbs-icon__font: @icon-font; @breadcrumbs-icon__font-size: 24px; @breadcrumbs-icon__font-line-height: 18px; @breadcrumbs-icon__font-color: false; @breadcrumbs-icon__font-margin: 0; @breadcrumbs-icon__font-vertical-align: top; // Current page @breadcrumbs-current__color: @color-gray64; @breadcrumbs-current__font-weight: @font-weight__regular; @breadcrumbs-current__background: false; @breadcrumbs-current__border: false; // Current page - gradient background @breadcrumbs-current__gradient: false; @breadcrumbs-current__gradient-direction: vertical; @breadcrumbs-current__gradient-color-start: false; @breadcrumbs-current__gradient-color-end: false; // // Link // --------------------------------------------- // Gradient @breadcrumbs-link__gradient: false; // [true|false] @breadcrumbs-link__gradient-direction: false; // [true|false] @breadcrumbs-link__color: @primary__color; @breadcrumbs-link__background: false; @breadcrumbs-link__border: false; @breadcrumbs-link__text-decoration: none; @breadcrumbs-link__gradient-color-start: false; @breadcrumbs-link__gradient-color-end: false; // Visited @breadcrumbs-link__visited__color: @primary__color; @breadcrumbs-link__visited__background: @breadcrumbs-link__background; @breadcrumbs-link__visited__border: @breadcrumbs-link__border; @breadcrumbs-link__visited__text-decoration: none; @breadcrumbs-link__visited__gradient-color-start: false; @breadcrumbs-link__visited__gradient-color-end: false; // Hover @breadcrumbs-link__hover__color: @primary__color; @breadcrumbs-link__hover__background: false; @breadcrumbs-link__hover__border: @breadcrumbs-link__border; @breadcrumbs-link__hover__text-decoration: underline; @breadcrumbs-link__hover__gradient-color-start: false; @breadcrumbs-link__hover__gradient-color-end: false; // Active @breadcrumbs-link__active__color: @primary__color; @breadcrumbs-link__active__background: @breadcrumbs-link__background; @breadcrumbs-link__active__border: @breadcrumbs-link__border; @breadcrumbs-link__active__text-decoration: none; @breadcrumbs-link__active__gradient-color-start: false; @breadcrumbs-link__active__gradient-color-end: false; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/.htaccess000077700000000177151323550660023213 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_layout.less000077700000002633151323550660023760 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Layout variables // _____________________________________________ // Widths @layout__width: ''; // for the fixed width layout @layout__max-width: 1280px; @layout-indent__width: 20px; @layout__width-xs-indent: 15px; // Classnames defining different layouts @layout-class-1column: page-layout-1column; @layout-class-2columns__left: page-layout-2columns-left; @layout-class-2columns__right: page-layout-2columns-right; @layout-class-3columns: page-layout-3columns; // Variables used for layout grid @total-columns: 12; @gutter-width: 0; // Variables for layout columns @layout-column__width: @total-columns; @layout-column__sidebar-width: 2; @layout-column__left-width: @layout-column__sidebar-width; @layout-column__right-width: @layout-column__sidebar-width; // Variables for layout columns depending on layout used @layout-column-main__width-1: 100%; @layout-column-main__width-2-left: @layout-column__width - @layout-column__left-width; @layout-column-main__width-2-right: @layout-column__width - @layout-column__right-width; @layout-column-main__width-3: @layout-column__width - @layout-column__left-width - @layout-column__right-width; // Checkout columns width @layout-column-checkout__width-left: 3; @layout-column-checkout__width-main: @layout-column__width - @layout-column-checkout__width-left; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_tooltips.less000077700000001326151323550660024316 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Tooltips variables // _____________________________________________ @tooltip__background: @color-white; @tooltip__border-color: @color-gray-light2; @tooltip__border-width: 1px; @tooltip__border-radius: false; @tooltip__color: @primary__color; @tooltip__cursor: help; @tooltip__font-size: false; @tooltip__font-family: false; @tooltip__font-weight: false; @tooltip__line-height: 1.4; @tooltip__font-style: false; @tooltip__margin: false; @tooltip__padding: 12px 16px; @tooltip__min-width: 210px; @tooltip__max-width: 360px; @tooltip__z-index: 100; @tooltip-arrow__size: 5px; @tooltip-arrow__offset: 10px; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/variables/_typography.less000077700000017047151323550660024656 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Typography variables // _____________________________________________ // // Fonts // --------------------------------------------- // Path @icons__font-path: "@{baseDir}fonts/Blank-Theme-Icons/Blank-Theme-Icons"; // Names @icons__font-name: 'icons-blank-theme'; // ToDo UI: we need to rename (it shouldn't use blank theme name) or move icon fonts to blank theme // Font families @font-family__sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif; @font-family__serif: Georgia, 'Times New Roman', Times, serif; @font-family__monospace: Menlo, Monaco, Consolas, 'Courier New', monospace; @font-family__base: @font-family__sans-serif; // Sizes @root__font-size: 62.5%; // Defines ratio between root font size and base font size, 1rem = 10px @font-size-ratio__base: 1.4; // Defines ratio of the root font-size to the base font-size @font-size-unit: rem; // The unit to which most typography values will be converted by default @font-size-unit-ratio: unit(@root__font-size * 16/100); // Ratio of the root font-size to the font-size unit @font-size-unit-convert: true; // Controls whether font-size values are converted to the specified font-size unit @font-size__base: unit(@font-size-unit-ratio * @font-size-ratio__base, px); // Base font size value in <b>px</b> @font-size__xl: ceil(1.5 * @font-size__base); // 21px @font-size__l: ceil(1.25 * @font-size__base); // 18px @font-size__s: ceil(.85 * @font-size__base); // 12px @font-size__xs: floor(.75 * @font-size__base); // 11px // Weights @font-weight__hairline: 100; @font-weight__extralight: 200; @font-weight__light: 300; @font-weight__regular: 400; @font-weight__heavier: 500; @font-weight__semibold: 600; @font-weight__bold: 700; @font-weight__extrabold: 800; @font-weight__heavy: 900; // Styles @font-style__base: normal; @font-style__emphasis: italic; // Line heights @line-height__base: 1.428571429; @line-height__computed: floor(@font-size__base * @line-height__base); @line-height__xl: 1.7; @line-height__l: 1.5; @line-height__s: 1.33; // Colors @text__color: @primary__color; @text__color__intense: @primary__color__darker; @text__color__muted: @primary__color__lighter; // // Indents // --------------------------------------------- @indent__base: @line-height__computed; // 20px @indent__xl: @indent__base * 2; // 40px @indent__l: @indent__base * 1.5; // 30px @indent__m: @indent__base * 1.25; // 25px @indent__s: @indent__base / 2; // 10px @indent__xs: @indent__base / 4; // 5px // // Borders // --------------------------------------------- @border-color__base: darken(@page__background-color, 18%); @border-width__base: 1px; // // Links // --------------------------------------------- @link__color: @theme__color__primary; @link__text-decoration: none; @link__visited__color: @link__color; @link__visited__text-decoration: none; @link__hover__color: @theme__color__primary-alt; @link__hover__text-decoration: underline; @link__active__color: @active__color; @link__active__text-decoration: underline; // // Focus // --------------------------------------------- @focus__color: @color-sky-blue1; @focus__box-shadow: 0 0 3px 1px @focus__color; // // Lists // --------------------------------------------- @list__color__base: false; @list__font-size__base: false; @list__margin-top: 0; @list__margin-bottom: @indent__m; @list-item__margin-top: 0; @list-item__margin-bottom: @indent__s; @dl__margin-top: 0; @dl__margin-bottom: @indent__base; @dt__margin-top: 0; @dt__margin-bottom: @indent__xs; @dt__font-weight: @font-weight__bold; @dd__margin-top: 0; @dd__margin-bottom: @indent__s; // // Paragraphs // --------------------------------------------- @p__margin-top: 0; @p__margin-bottom: @indent__s; // // Headings // --------------------------------------------- @heading__font-family__base: false; @heading__font-weight__base: @font-weight__light; @heading__line-height__base: 1.1; @heading__color__base: false; @heading__font-style__base: false; @heading__margin-top__base: @indent__base; @heading__margin-bottom__base: @indent__base; @h1__font-size: ceil((@font-size__base * 1.85)); // 26px @h1__font-color: @heading__color__base; @h1__font-family: @heading__font-family__base; @h1__font-weight: @heading__font-weight__base; @h1__font-style: @heading__font-style__base; @h1__line-height: @heading__line-height__base; @h1__margin-top: 0; @h1__margin-bottom: @heading__margin-bottom__base; @h1__font-size-desktop: ceil((@font-size__base * 2.85)); // 40px @h2__font-size: ceil((@font-size__base * 1.85)); // 26px @h2__font-color: @heading__color__base; @h2__font-family: @heading__font-family__base; @h2__font-weight: @heading__font-weight__base; @h2__font-style: @heading__font-style__base; @h2__line-height: @heading__line-height__base; @h2__margin-top: @indent__m; @h2__margin-bottom: @heading__margin-bottom__base; @h3__font-size: ceil((@font-size__base * 1.28)); // 18px @h3__font-color: @heading__color__base; @h3__font-family: @heading__font-family__base; @h3__font-weight: @heading__font-weight__base; @h3__font-style: @heading__font-style__base; @h3__line-height: @heading__line-height__base; @h3__margin-top: @indent__base * .75; @h3__margin-bottom: @indent__s; @h4__font-size: @font-size__base; // 14px @h4__font-color: @heading__color__base; @h4__font-family: @heading__font-family__base; @h4__font-weight: @font-weight__bold; @h4__font-style: @heading__font-style__base; @h4__line-height: @heading__line-height__base; @h4__margin-top: @heading__margin-top__base; @h4__margin-bottom: @heading__margin-bottom__base; @h5__font-size: ceil((@font-size__base * .85)); // 12px @h5__font-color: @heading__color__base; @h5__font-family: @heading__font-family__base; @h5__font-weight: @font-weight__bold; @h5__font-style: @heading__font-style__base; @h5__line-height: @heading__line-height__base; @h5__margin-top: @heading__margin-top__base; @h5__margin-bottom: @heading__margin-bottom__base; @h6__font-size: ceil((@font-size__base * .7)); // 10px @h6__font-color: @heading__color__base; @h6__font-family: @heading__font-family__base; @h6__font-weight: @font-weight__bold; @h6__font-style: @heading__font-style__base; @h6__line-height: @heading__line-height__base; @h6__margin-top: @heading__margin-top__base; @h6__margin-bottom: @heading__margin-bottom__base; @heading__small-color: @primary__color; @heading__small-line-height: 1; @heading__small-size: (@font-size__xs/@font-size__base) * 100%; // Code blocks @code__background-color: @panel__background-color; @code__color: @primary__color__darker; @code__font-size: @font-size__s; @code__padding: 2px 4px; @pre__background-color: @panel__background-color; @pre__border-color: @border-color__base; @pre__border-width: @border-width__base; @pre__color: @primary__color__darker; @kbd__background-color: @panel__background-color; @kbd__color: @primary__color__darker; // Blockquote @blockquote__border-color: @border-color__base; @blockquote__border-width: 0; @blockquote__content-before: '\2014 \00A0'; @blockquote__font-size: @font-size__base; @blockquote__font-style: @font-style__emphasis; @blockquote__margin: 0 0 @indent__base @indent__xl; @blockquote__padding: 0; @blockquote-small__color: @primary__color; @blockquote-small__font-size: @font-size__xs; @cite__font-style: @font-style__base; // Misc @hr__border-color: @border-color__base; @hr__border-style: solid; @hr__border-width: @border-width__base; @mark__color: @primary__color__dark; @mark__background-color: @panel__background-color; @abbr__border-color: @border-color__base; // Disable filters output in css @disable-filters: false; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_dropdowns.less000077700000052252151323550660022514 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Dropdowns // _____________________________________________ // // Simple dropdown // --------------------------------------------- .lib-dropdown( @_toggle-selector : ~".action.toggle", @_options-selector : ~"ul.dropdown", @_dropdown-actions-padding: @dropdown-actions__padding, @_dropdown-list-min-width: @dropdown-list__min-width, @_dropdown-list-width: @dropdown-list__width, @_dropdown-list-height: @dropdown-list__height, @_dropdown-list-margin-top: @dropdown-list__margin-top, @_dropdown-list-position-top: @dropdown-list__position-top, @_dropdown-list-position-bottom: @dropdown-list__position-bottom, @_dropdown-list-position-left: @dropdown-list__position-left, @_dropdown-list-position-right: @dropdown-list__position-right, @_dropdown-list-background: @dropdown-list__background, @_dropdown-list-border: @dropdown-list__border, @_dropdown-list-pointer: @dropdown-list__pointer, @_dropdown-list-pointer-border: @dropdown-list-pointer__border, @_dropdown-list-pointer-position: @dropdown-list-pointer__position, @_dropdown-list-pointer-position-top: @dropdown-list-pointer__position-top, @_dropdown-list-pointer-position-left-right: @dropdown-list-pointer__position-left-right, @_dropdown-list-item-border: @dropdown-list-item__border, @_dropdown-list-item-padding: @dropdown-list-item__padding, @_dropdown-list-item-margin: @dropdown-list-item__margin, @_dropdown-list-item-hover: @dropdown-list-item__hover, @_dropdown-list-shadow: @dropdown-list__shadow, @_dropdown-list-z-index: @dropdown-list__z-index, @_dropdown-toggle-icon-content: @dropdown-toggle-icon__content, @_dropdown-toggle-active-icon-content: @dropdown-toggle-icon__active__content, @_icon-font: @dropdown-toggle-icon__font, @_icon-font-size: @dropdown-toggle-icon__font-size, @_icon-font-line-height: @dropdown-toggle-icon__font-line-height, @_icon-font-color: @dropdown-toggle-icon__font-color, @_icon-font-color-hover: @dropdown-toggle-icon__font-color-hover, @_icon-font-color-active: @dropdown-toggle-icon__font-color-active, @_icon-font-margin: @dropdown-toggle-icon__font-margin, @_icon-font-position: @dropdown-toggle-icon__position, @_icon-font-vertical-align: @dropdown-toggle-icon__font-vertical-align, @_icon-font-text-hide: @dropdown-toggle-icon__text-hide ) { .lib-clearfix(); display: inline-block; position: relative; @{_toggle-selector} { .lib-css(padding, @_dropdown-actions-padding); cursor: pointer; ._lib-dropdown-icon( @_dropdown-toggle-icon-content, @_dropdown-toggle-active-icon-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ); } ._lib-dropdown-styles( @_options-selector: @_options-selector, @_dropdown-list-min-width, @_dropdown-list-width, @_dropdown-list-height, @_dropdown-list-margin-top, @_dropdown-list-background, @_dropdown-list-border, @_dropdown-list-z-index, @_dropdown-list-shadow, @_dropdown-list-item-padding, @_dropdown-list-item-margin, @_dropdown-list-item-border, @_dropdown-list-item-hover, @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right, @_dropdown-list-pointer, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ); } // // Split dropdown // --------------------------------------------- .lib-dropdown-split( @_toggle-selector : ~".action.toggle", @_options-selector : ~"ul.dropdown", @_button-selector : ~".action.split", @_dropdown-split-actions-padding: @dropdown-split-actions__padding, @_dropdown-split-button-actions-padding: @dropdown-split-button__actions__padding, @_dropdown-split-toggle-actions-padding: @dropdown-split-toggle__actions__padding, @_dropdown-split-toggle-position: @dropdown-split-toggle__position, @_dropdown-split-list-min-width: @dropdown-split-list__min-width, @_dropdown-split-list-width: @dropdown-split-list__width, @_dropdown-split-list-height: @dropdown-split-list__height, @_dropdown-split-list-margin-top: @dropdown-split-list__margin-top, @_dropdown-split-list-position-top: @dropdown-split-list__position-top, @_dropdown-split-list-position-bottom: @dropdown-split-list__position-bottom, @_dropdown-split-list-position-left: @dropdown-split-list__position-left, @_dropdown-split-list-position-right: @dropdown-split-list__position-right, @_dropdown-split-list-background: @dropdown-split-list__background, @_dropdown-split-list-border: @dropdown-split-list__border, @_dropdown-split-list-pointer: @dropdown-split-list__pointer, @_dropdown-split-list-pointer-border: @dropdown-split-list__pointer-border, @_dropdown-split-list-pointer-position: @dropdown-split-list__pointer-position, @_dropdown-split-list-pointer-position-top: @dropdown-split-list__pointer-position-top, @_dropdown-split-list-pointer-position-left-right: @dropdown-split-list__pointer-position-left-right, @_dropdown-split-list-item-border: @dropdown-split-list__item-border, @_dropdown-split-list-item-padding: @dropdown-split-list__item-padding, @_dropdown-split-list-item-margin: @dropdown-split-list__item-margin, @_dropdown-split-list-item-hover: @dropdown-split-list__item-hover, @_dropdown-split-button-border-radius-fix: @dropdown-split-button__border-radius-fix, @_dropdown-split-list-shadow: @dropdown-split-list__shadow, @_dropdown-split-list-z-index: @dropdown-split-list__z-index, @_dropdown-split-toggle-icon-content: @dropdown-split-toggle-icon__content, @_dropdown-split-toggle-active-icon-content: @dropdown-split-toggle-icon__active__content, @_icon-font: @dropdown-split-toggle-icon__font, @_icon-font-size: @dropdown-split-toggle-icon__font-size, @_icon-font-line-height: @dropdown-split-toggle-icon__font-line-height, @_icon-font-color: @dropdown-split-toggle-icon__font-color, @_icon-font-color-hover: @dropdown-split-toggle-icon__font-color-hover, @_icon-font-color-active: @dropdown-split-toggle-icon__font-color-active, @_icon-font-margin: @dropdown-split-toggle-icon__font-margin, @_icon-font-vertical-align: @dropdown-split-toggle-icon__font-vertical-align, @_icon-font-position: @dropdown-split-toggle-icon__position, @_icon-font-text-hide: @dropdown-split-toggle-icon__text-hide ) { .lib-clearfix(); display: inline-block; position: relative; ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ); @{_button-selector} { .lib-css(padding, @_dropdown-split-button-actions-padding); } @{_toggle-selector} { .lib-css(padding, @_dropdown-split-toggle-actions-padding); ._lib-dropdown-split-icon( @_dropdown-split-toggle-icon-content, @_dropdown-split-toggle-active-icon-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ); } ._lib-dropdown-styles( @_options-selector: @_options-selector, @_dropdown-split-list-min-width, @_dropdown-split-list-width, @_dropdown-split-list-height, @_dropdown-split-list-margin-top, @_dropdown-split-list-background, @_dropdown-split-list-border, @_dropdown-split-list-z-index, @_dropdown-split-list-shadow, @_dropdown-split-list-item-padding, @_dropdown-split-list-item-margin, @_dropdown-split-list-item-border, @_dropdown-split-list-item-hover, @_dropdown-split-list-position-top, @_dropdown-split-list-position-bottom, @_dropdown-split-list-position-left, @_dropdown-split-list-position-right, @_dropdown-split-list-pointer, @_dropdown-split-list-pointer-border, @_dropdown-split-list-pointer-position, @_dropdown-split-list-pointer-position-top, @_dropdown-split-list-pointer-position-left-right ); } // // Internal use mixins // --------------------------------------------- ._lib-dropdown-styles( @_options-selector, @_dropdown-list-min-width, @_dropdown-list-width, @_dropdown-list-height, @_dropdown-list-margin-top, @_dropdown-list-background, @_dropdown-list-border, @_dropdown-list-z-index, @_dropdown-list-shadow, @_dropdown-list-item-padding, @_dropdown-list-item-margin, @_dropdown-list-item-border, @_dropdown-list-item-hover, @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right, @_dropdown-list-pointer, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ) { @{_options-selector} { .lib-list-reset-styles(); .lib-css(background, @_dropdown-list-background); .lib-css(border, @_dropdown-list-border); .lib-css(height, @_dropdown-list-height); .lib-css(margin-top, @_dropdown-list-margin-top); .lib-css(min-width, @_dropdown-list-min-width); .lib-css(width, @_dropdown-list-width); .lib-css(z-index, @_dropdown-list-z-index); box-sizing: border-box; display: none; position: absolute; ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ); ._lib-dropdown-list-shadow(@_dropdown-list-shadow); li { .lib-css(margin, @_dropdown-list-item-margin); .lib-css(padding, @_dropdown-list-item-padding); ._lib-dropdown-list-item-border( @_dropdown-list-item-border ); &:hover { .lib-css(background, @_dropdown-list-item-hover); cursor: pointer; } } ._lib-dropdown-list-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ); } &.active { overflow: visible; @{_options-selector} { display: block; } } } // // Dropdown list position // --------------------------------------------- ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ) when not (@_dropdown-list-position-top = false) and not (@_dropdown-list-position-top = auto) { .lib-css(top, @_dropdown-list-position-top); } ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ) when not (@_dropdown-list-position-bottom = false) and not (@_dropdown-list-position-bottom = auto) { .lib-css(bottom, @_dropdown-list-position-bottom); } ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ) when not (@_dropdown-list-position-left = false) and not (@_dropdown-list-position-left = auto) { .lib-css(left, @_dropdown-list-position-left); } ._lib-dropdown-list-position( @_dropdown-list-position-top, @_dropdown-list-position-bottom, @_dropdown-list-position-left, @_dropdown-list-position-right ) when not (@_dropdown-list-position-right = false) and not (@_dropdown-list-position-right = auto) { .lib-css(right, @_dropdown-list-position-right); } // // Simple dropdown icon // --------------------------------------------- ._lib-dropdown-icon( @_dropdown-toggle-icon-content, @_dropdown-toggle-active-icon-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ) { .lib-icon-font( @_icon-font-content: @_dropdown-toggle-icon-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); &.active { .lib-icon-font( @_icon-font-content: @_dropdown-toggle-active-icon-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } } // // Split dropdowns // --------------------------------------------- // Split dropdown icon ._lib-dropdown-split-icon( @_dropdown-toggle-icon-content, @_dropdown-toggle-active-icon-content, @_icon-font, @_icon-font-size, @_icon-font-line-height, @_icon-font-color, @_icon-font-color-hover, @_icon-font-color-active, @_icon-font-margin, @_icon-font-vertical-align, @_icon-font-position, @_icon-font-text-hide ) { .lib-button-icon( @_icon-font-content: @_dropdown-toggle-icon-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); &.active { .lib-button-icon( @_icon-font-content: @_dropdown-toggle-active-icon-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } } // Split dropdown toggle position = left ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ) when (@_dropdown-split-toggle-position = left) { @{_button-selector} { float: right; margin: 0; } @{_toggle-selector} { float: left; margin: 0; } } // Split dropdown toggle position = right ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ) when (@_dropdown-split-toggle-position = right) { @{_button-selector} { float: left; margin: 0; } @{_toggle-selector} { float: right; margin: 0; } } // Split dropdown toggle position = right // and // Dropdown-split-button-border-radius-fix = true ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ) when (@_dropdown-split-toggle-position = right) and (@_dropdown-split-button-border-radius-fix = true) { button@{_button-selector} { border-bottom-right-radius: 0; border-top-right-radius: 0; } button + @{_toggle-selector} { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } } // Split dropdown toggle position = left // and // Dropdown-split-button-border-radius-fix = true ._lib-dropdown-split-toggle-position( @_button-selector, @_toggle-selector, @_dropdown-split-toggle-position, @_dropdown-split-button-border-radius-fix ) when (@_dropdown-split-toggle-position = left) and (@_dropdown-split-button-border-radius-fix = true) { button@{_button-selector} { border-bottom-left-radius: 0; border-top-left-radius: 0; } button + @{_toggle-selector} { border-bottom-right-radius: 0; border-right: 0; border-top-right-radius: 0; } } // // Dropdown show pointer // --------------------------------------------- ._lib-dropdown-list-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ) when (@_dropdown-list-pointer = true) { ._lib-dropdown-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ); } ._lib-dropdown-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ) when (@_dropdown-list-pointer-position = left) { ._lib-dropdown-pointer-default( @_dropdown-list-background, @_dropdown-list-pointer-border ); &:before { .lib-css(left, @_dropdown-list-pointer-position-left-right); .lib-css(top, @_dropdown-list-pointer-position-top); } &:after { .lib-css(left, @_dropdown-list-pointer-position-left-right - 1); .lib-css(top, @_dropdown-list-pointer-position-top - 2); } } ._lib-dropdown-pointer( @_dropdown-list-background, @_dropdown-list-pointer-border, @_dropdown-list-pointer-position, @_dropdown-list-pointer-position-top, @_dropdown-list-pointer-position-left-right ) when (@_dropdown-list-pointer-position = right) { ._lib-dropdown-pointer-default( @_dropdown-list-background, @_dropdown-list-pointer-border ); &:before { .lib-css(right, @_dropdown-list-pointer-position-left-right); .lib-css(top, @_dropdown-list-pointer-position-top); } &:after { .lib-css(right, @_dropdown-list-pointer-position-left-right - 1); .lib-css(top, @_dropdown-list-pointer-position-top - 2); } } ._lib-dropdown-pointer-default( @_dropdown-list-background, @_dropdown-list-pointer-border ) { &:before, &:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } &:before { border: 6px solid; .lib-css(border-color, transparent transparent @_dropdown-list-background transparent); z-index: 99; } &:after { border: 7px solid; .lib-css(border-color, transparent transparent @_dropdown-list-pointer-border transparent); z-index: 98; } } // Dropdown list item border != 0 ._lib-dropdown-list-item-border( @_dropdown-list-item-border ) when not (@_dropdown-list-item-border = 0) and not (@_dropdown-list-item-border = false) and not (@_dropdown-list-item-border = '') { .lib-css(border-top, @_dropdown-list-item-border); &:first-child { border: none; } } // Dropdown list shadow ._lib-dropdown-list-shadow( @_dropdown-list-shadow ) when not (@_dropdown-list-shadow = '') and not (@_dropdown-list-shadow = none) { .lib-css(box-shadow, @_dropdown-list-shadow); } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_loaders.less000077700000005472151323550660022130 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Loaders // _____________________________________________ .lib-loader( @_loader-overlay-background-color: @loader-overlay__background-color, @_loader-overlay-z-index: @loader-overlay__z-index, @_loader-icon-width: @loader-icon__width, @_loader-icon-height: @loader-icon__height, @_loader-icon-background-color: @loader-icon__background-color, @_loader-icon-background-image: @loader-icon__background-image, @_loader-icon-background-position: @loader-icon__background-position, @_loader-icon-border-radius: @loader-icon__border-radius, @_loader-icon-padding: @loader-icon__padding, @_loader-text: @loader-text, @_loader-text-color: @loader-text__color, @_loader-text-font-size: @loader-text__font-size, @_loader-text-font-family: @loader-text__font-family, @_loader-text-font-weight: @loader-text__font-weight, @_loader-text-font-style: @loader-text__font-style, @_loader-text-padding: @loader-text__padding ) { .lib-css(background-color, @_loader-overlay-background-color); .lib-css(z-index, @_loader-overlay-z-index); bottom: 0; left: 0; position: fixed; right: 0; top: 0; &:before { ._lib-loader-text(@_loader-text); .lib-css(background, @_loader-icon-background-color @_loader-icon-background-image no-repeat @_loader-icon-background-position); .lib-css(border-radius, @_loader-icon-border-radius); .lib-css(height, @_loader-icon-height); .lib-css(padding, @_loader-icon-padding); .lib-css(width, @_loader-icon-width); bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } } ._lib-loader-text( @_loader-text ) when (@_loader-text = true) { .lib-css(padding, @_loader-text-padding); content: attr(data-text); text-align: center; vertical-align: baseline; .lib-typography( @_color: @_loader-text-color, @_font-size: @_loader-text-font-size, @_font-family: @_loader-text-font-family, @_font-weight: @_loader-text-font-weight, @_font-style: @_loader-text-font-style ); } .lib-loading( @_loading-background-color: @loading__background-color, @_loading-background-image: @loading__background-image ) { position: relative; &:before { .lib-css(background, @_loading-background-color @_loading-background-image no-repeat 50% 50%); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; } } .lib-loading-mask() { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_buttons.less000077700000035344151323550660022176 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Buttons // _____________________________________________ // // Button with solid or picture background // --------------------------------------------- .lib-button( @_button-font-family: @button__font-family, @_button-font-size: @button__font-size, @_button-font-weight: @button__font-weight, @_button-cursor: @button__cursor, @_button-display: @button__display, @_button-disabled-opacity: @button__disabled__opacity, @_button-line-height: @button__line-height, @_button-width: @button__width, @_button-margin: @button__margin, @_button-padding: @button__padding, @_button-color: @button__color, @_button-background: @button__background, @_button-border: @button__border, @_button-color-hover: @button__hover__color, @_button-background-hover: @button__hover__background, @_button-border-hover: @button__hover__border, @_button-color-active: @button__active__color, @_button-background-active: @button__active__background, @_button-border-active: @button__active__border, @_button-gradient: @button__gradient, @_button-gradient-direction: @button__gradient-direction, @_button-gradient-color-start: @button__gradient-color-start, @_button-gradient-color-end: @button__gradient-color-end, @_button-gradient-color-start-hover: @button__hover__gradient-color-start, @_button-gradient-color-end-hover: @button__hover__gradient-color-end, @_button-gradient-color-start-active: @button__active__gradient-color-start, @_button-gradient-color-end-active: @button__active__gradient-color-end, @_button-icon-use: @button-icon__use, @_button-font-content: @button-icon__content, @_button-icon-font: @button-icon__font, @_button-icon-font-size: @button-icon__font-size, @_button-icon-font-line-height: @button-icon__line-height, @_button-icon-font-color: @button-icon__color, @_button-icon-font-color-hover: @button-icon__hover__font-color, @_button-icon-font-color-active: @button-icon__active__font-color, @_button-icon-font-margin: @button-icon__margin, @_button-icon-font-vertical-align: @button-icon__vertical-align, @_button-icon-font-position: @button-icon__position, @_button-icon-font-text-hide: @button-icon__text-hide ) { background-image: none; // Reset unusual Firefox-on-Android default style .lib-css(background, @_button-background); .lib-background-gradient( @_button-gradient-color-start, @_button-gradient-color-end, @_button-gradient-direction, @_button-gradient ); .lib-css(border, @_button-border); .lib-css(color, @_button-color); .lib-css(cursor, @_button-cursor); .lib-css(display, @_button-display); .lib-css(font-family, @_button-font-family); .lib-css(font-weight, @_button-font-weight); .lib-css(margin, @_button-margin); .lib-css(padding, @_button-padding); .lib-css(width, @_button-width); .lib-font-size(@_button-font-size); .lib-line-height(@_button-line-height); box-sizing: border-box; vertical-align: middle; ._lib-button-icon ( @_button-icon-use: @_button-icon-use, @_icon-font-content: @_button-font-content, @_icon-font: @_button-icon-font, @_icon-font-size: @_button-icon-font-size, @_icon-font-line-height: @_button-icon-font-line-height, @_icon-font-color: @_button-icon-font-color, @_icon-font-color-hover: @_button-icon-font-color-hover, @_icon-font-color-active: @_button-icon-font-color-active, @_icon-font-margin: @_button-icon-font-margin, @_icon-font-vertical-align: @_button-icon-font-vertical-align, @_icon-font-position: @_button-icon-font-position, @_icon-font-text-hide: @_button-icon-font-text-hide ); &:focus, &:active { .lib-css(background, @_button-background-active); .lib-background-gradient( @_button-gradient-color-start-active, @_button-gradient-color-end-active, @_button-gradient-direction, @_button-gradient ); .lib-css(border, @_button-border-active); .lib-css(color, @_button-color-active); } &:hover { .lib-css(background, @_button-background-hover); .lib-background-gradient( @_button-gradient-color-start-hover, @_button-gradient-color-end-hover, @_button-gradient-direction, @_button-gradient ); .lib-css(border, @_button-border-hover); .lib-css(color, @_button-color-hover); } &.disabled, &[disabled], fieldset[disabled] & { .lib-css(opacity, @_button-disabled-opacity); cursor: default; pointer-events: none; // Disabling of clicks } } // // Button size // --------------------------------------------- .lib-button-size( @_button-line-height: @button__line-height, @_button-padding: @button__padding ){ .lib-line-height(@_button-line-height); .lib-css(padding, @_button-padding); } // // Large buttons // --------------------------------------------- .lib-button-l( @_button-l-font-size: @button__font-size__l, @_button-l-height: @button__line-height__l, @_button-l-padding: @button__padding__l ) { .lib-button-size( @_button-line-height: @_button-l-height, @_button-padding: @_button-l-padding ); .lib-font-size(@_button-l-font-size); } // // Small buttons // --------------------------------------------- .lib-button-s( @_button-s-font-size: @button__font-size__s, @_button-s-height: @button__line-height__s, @_button-s-padding: @button__padding__s ) { .lib-button-size( @_button-line-height: @_button-s-height, @_button-padding: @_button-s-padding ); .lib-font-size(@_button-s-font-size); } // // Link as button // --------------------------------------------- .lib-link-as-button() { .lib-css(display, @button__display); text-decoration: none; &:hover, &:active, &:focus { text-decoration: none; } } // // Button as link // --------------------------------------------- .lib-button-as-link( @_link-color: @link__color, @_link-color-hover: @link__hover__color, @_line-height: @line-height__base, @_disabled_opacity: @button__disabled__opacity, @_margin: 0, @_padding: 0 ) { .lib-css(line-height, @_line-height); .lib-css(margin, @_margin); .lib-css(padding, @_padding); .lib-link( @_link-color: @_link-color, @_link-color-hover: @_link-color-hover ); background: none; border: 0; display: inline; &:hover, &:active, &:focus { background: none; border: 0; } &.disabled, &[disabled], fieldset[disabled] & { .lib-css(color, @_link-color); .lib-css(opacity, @_disabled_opacity); cursor: default; pointer-events: none; // Disabling of clicks text-decoration: underline; } } // // Responsive // --------------------------------------------- .lib-button-responsive() { width: 100%; } // // Button reset // --------------------------------------------- .lib-button-reset() { background-image: none; // Reset unusual Firefox-on-Android default style background: none; -moz-box-sizing: content-box; // Hack: fix Firefox button line-height problem border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; .lib-css(font-weight, @font-weight__regular); &:focus, &:active { background: none; border: none; } &:hover { background: none; border: none; } &.disabled, &[disabled], fieldset[disabled] & { pointer-events: none; // Disabling of all pointer events .lib-css(opacity, @button__disabled__opacity); } } // // Button primary // --------------------------------------------- .lib-button-primary( @_button-font-family: @button-primary__font-family, @_button-font-size: @button-primary__font-size, @_button-font-weight: @button-primary__font-weight, @_button-line-height: @button-primary__line-height, @_button-width: @button-primary__width, @_button-margin: @button-primary__margin, @_button-padding: @button-primary__padding, @_button-color: @button-primary__color, @_button-background: @button-primary__background, @_button-border: @button-primary__border, @_button-gradient-color-start: @button-primary__gradient-color-start, @_button-gradient-color-end: @button-primary__gradient-color-end, @_button-color-hover: @button-primary__hover__color, @_button-background-hover: @button-primary__hover__background, @_button-border-hover: @button-primary__hover__border, @_button-gradient-color-start-hover: @button-primary__hover__gradient-color-start, @_button-gradient-color-end-hover: @button-primary__hover__gradient-color-end, @_button-color-active: @button-primary__active__color, @_button-background-active: @button-primary__active__background, @_button-border-active: @button-primary__active__border, @_button-gradient-color-start-active: @button-primary__active__gradient-color-start, @_button-gradient-color-end-active: @button-primary__active__gradient-color-end, @_button-gradient: @button-primary__gradient, @_button-gradient-direction: @button-primary__gradient-direction ) { .lib-button( @_button-font-family: @_button-font-family, @_button-font-size: @_button-font-size, @_button-font-weight: @_button-font-weight, @_button-line-height: @_button-line-height, @_button-width: @_button-width, @_button-margin: @_button-margin, @_button-padding: @_button-padding, @_button-color: @_button-color, @_button-background: @_button-background, @_button-border: @_button-border, @_button-color-hover: @_button-color-hover, @_button-background-hover: @_button-background-hover, @_button-border-hover: @_button-border-hover, @_button-color-active: @_button-color-active, @_button-background-active: @_button-background-active, @_button-border-active: @_button-border-active, @_button-gradient: @_button-gradient, @_button-gradient-direction: @_button-gradient-direction, @_button-gradient-color-start: @_button-gradient-color-start, @_button-gradient-color-end: @_button-gradient-color-end, @_button-gradient-color-start-hover: @_button-gradient-color-start-hover, @_button-gradient-color-end-hover: @_button-gradient-color-end-hover, @_button-gradient-color-start-active: @_button-gradient-color-start-active, @_button-gradient-color-end-active: @_button-gradient-color-end-active ); } // // Button revert secondary color // --------------------------------------------- .lib-button-revert-secondary-color( @_button-color: @button__color, @_button-background: @button__background, @_button-border: @button__border, @_button-color-hover: @button__hover__color, @_button-background-hover: @button__hover__background, @_button-border-hover: @button__hover__border, @_button-color-active: @button__active__color, @_button-background-active: @button__active__background, @_button-border-active: @button__active__border ) { .lib-css(background, @_button-background); .lib-css(border, @_button-border); .lib-css(color, @_button-color); &:focus, &:active { .lib-css(background, @_button-background-active); .lib-css(border, @_button-border-active); .lib-css(color, @_button-color-active); } &:hover { .lib-css(background, @_button-background-hover); .lib-css(border, @_button-border-hover); .lib-css(color, @_button-color-hover); } } // // Button revert secondary size // --------------------------------------------- .lib-button-revert-secondary-size( @_button-font-size: @button__font-size, @_button-line-height: @button__line-height, @_button-padding: @button__padding ) { .lib-font-size(@_button-font-size); .lib-button-size( @_button-line-height: @_button-line-height, @_button-padding: @_button-padding ) } // // Inner buttons mixins // --------------------------------------------- ._lib-button-icon ( @_button-icon-use: @button-icon__use, @_icon-font-content: @button-icon__content, @_icon-font: @button-icon__font, @_icon-font-size: @button-icon__font-size, @_icon-font-line-height: @button-icon__line-height, @_icon-font-color: @button-icon__color, @_icon-font-color-hover: @button-icon__hover__font-color, @_icon-font-color-active: @button-icon__active__font-color, @_icon-font-margin: @button-icon__margin, @_icon-font-vertical-align: @button-icon__vertical-align, @_icon-font-position: @button-icon__position, @_icon-font-text-hide: @button-icon__text-hide ) when (@_button-icon-use = true) { .lib-button-icon ( @_icon-font-content: @_icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } .lib-button-icon ( @_icon-font-content, @_icon-font: @button-icon__font, @_icon-font-size: @button-icon__font-size, @_icon-font-line-height: @button-icon__line-height, @_icon-font-color: @button-icon__color, @_icon-font-color-hover: @button-icon__hover__font-color, @_icon-font-color-active: @button-icon__active__font-color, @_icon-font-margin: @button-icon__margin, @_icon-font-vertical-align: @button-icon__vertical-align, @_icon-font-position: @button-icon__position, @_icon-font-text-hide: @button-icon__text-hide ) { .lib-icon-font( @_icon-font-content: @_icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-color-hover: @_icon-font-color-hover, @_icon-font-color-active: @_icon-font-color-active, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: @_icon-font-position, @_icon-font-text-hide: @_icon-font-text-hide ); } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_sections.less000077700000026353151323550660022327 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Sections // _____________________________________________ .lib-data-tabs__base(@_tab-control-height__base: @tab-control__height__base) { .lib-clearfix(); position: relative; z-index: 1; > .item.title { float: left; width: auto; > .switch { .lib-css(height, @_tab-control-height__base); display: block; position: relative; z-index: 2; } } > .item.content { .lib-clearfix(); .lib-css(margin-top, @_tab-control-height__base); box-sizing: border-box; float: right; margin-left: -100%; width: 100%; &.active { display: block; } } } .lib-data-tabs( @_tab-control-font-family: @tab-control__font-family, @_tab-control-font-size: @tab-control__font-size, @_tab-control-font-style: @tab-control__font-style, @_tab-control-font-weight: @tab-control__font-weight, @_tab-control-line-height: @tab-control__line-height, @_tab-control-background-color: @tab-control__background-color, @_tab-control-color: @tab-control__color, @_tab-control-text-decoration: @tab-control__text-decoration, @_tab-control-color-visited: @tab-control__visited__color, @_tab-control-text-decoration-visited: @tab-control__visited__text-decoration, @_tab-control-background-color-hover: @tab-control__hover__background-color, @_tab-control-color-hover: @tab-control__hover__color, @_tab-control-text-decoration-hover: @tab-control__hover__text-decoration, @_tab-control-background-color-active: @tab-control__active__background-color, @_tab-control-color-active: @tab-control__active__color, @_tab-control-text-decoration-active: @tab-control__active__text-decoration, @_tab-control-height: @tab-control__height, @_tab-control-margin-right: @tab-control__margin-right, @_tab-control-padding-top: @tab-control__padding-top, @_tab-control-padding-right: @tab-control__padding-right, @_tab-control-padding-bottom: @tab-control__padding-bottom, @_tab-control-padding-left: @tab-control__padding-left, @_tab-control-border-width: @tab-control__border-width, @_tab-control-border-color: @tab-control__border-color, @_tab-content-background-color: @tab-content__background-color, @_tab-content-border: @tab-content__border, @_tab-content-border-top-status: @tab-content__border-top-status, @_tab-content-margin-top: @tab-content__margin-top, @_tab-content-padding-top: @tab-content__padding-top, @_tab-content-padding-right: @tab-content__padding-right, @_tab-content-padding-bottom: @tab-content__padding-bottom, @_tab-content-padding-left: @tab-content__padding-left ) { .lib-data-tabs__base(); > .item.title { .lib-css(margin, 0 @_tab-control-margin-right 0 0); > .switch { .lib-typography( @_color: @_tab-control-color, @_font-size: @_tab-control-font-size, @_font-family: @_tab-control-font-family, @_font-weight: @_tab-control-font-weight, @_font-style: @_tab-control-font-style, @_line-height: @_tab-control-line-height ); .lib-link( @_link-color: @_tab-control-color, @_link-text-decoration: @_tab-control-text-decoration, @_link-color-visited: @_tab-control-color-visited, @_link-text-decoration-visited: @_tab-control-text-decoration-visited, @_link-color-hover: @_tab-control-color-hover, @_link-text-decoration-hover: @_tab-control-text-decoration-hover, @_link-color-active: @_tab-control-color-active, @_link-text-decoration-active: @_tab-control-text-decoration-active ); .lib-css(background, @_tab-control-background-color); .lib-css(border, @_tab-content-border); border-bottom: none; .lib-css(height, @_tab-control-height); .lib-css(padding, @_tab-control-padding-top @_tab-control-padding-right @_tab-control-padding-bottom @_tab-control-padding-left); } &:not(.disabled) > .switch:focus, &:not(.disabled) > .switch:hover { .lib-css(background, @_tab-control-background-color-hover); } &:not(.disabled) > .switch:active, &.active > .switch, &.active > .switch:focus, &.active > .switch:hover { .lib-css(background, @_tab-control-background-color-active); .lib-css(color, @_tab-control-color-active); .lib-css(text-decoration, @_tab-control-text-decoration-active); } &.active > .switch, &.active > .switch:focus, &.active > .switch:hover { .lib-css(padding-bottom, @_tab-control-padding-bottom + @_tab-control-border-width); } } > .item.content { .lib-css(background, @_tab-content-background-color); margin-top: @_tab-content-margin-top; padding: @_tab-content-padding-top @_tab-content-padding-right @_tab-content-padding-bottom @_tab-content-padding-left; ._lib-tab-content-border( @_tab-content-border-top-status: @_tab-content-border-top-status, @_tab-content-border: @_tab-content-border ); } } ._lib-tab-content-border( @_tab-content-border-top-status, @_tab-content-border ) when (@_tab-content-border-top-status = false){ .lib-css(border, @_tab-content-border); } ._lib-tab-content-border( @_tab-content-border-top-status, @_tab-content-border ) when (@_tab-content-border-top-status = true){ border: 0; .lib-css(border-top, @_tab-content-border); } .lib-data-accordion__base() { margin: 0; padding: 0; > .item.title { box-sizing: border-box; float: none; width: 100%; > .switch { display: block; } } > .item.content { .lib-clearfix(); box-sizing: border-box; display: block; float: none; margin: 0; &.active { display: block; } } } .lib-data-accordion( @_accordion-control-font-family: @accordion-control__font-family, @_accordion-control-font-size: @accordion-control__font-size, @_accordion-control-font-style: @accordion-control__font-style, @_accordion-control-font-weight: @accordion-control__font-weight, @_accordion-control-line-height: @accordion-control__line-height, @_accordion-control-border-top: @accordion-control__border-top, @_accordion-control-border-right: @accordion-control__border-right, @_accordion-control-border-bottom: @accordion-control__border-bottom, @_accordion-control-border-left: @accordion-control__border-left, @_accordion-control-background-color: @accordion-control__background-color, @_accordion-control-color: @accordion-control__color, @_accordion-control-text-decoration: @accordion-control__text-decoration, @_accordion-control-color-visited: @accordion-control__visited__color, @_accordion-control-text-decoration-visited: @accordion-control__visited__text-decoration, @_accordion-control-background-color-hover: @accordion-control__hover__background-color, @_accordion-control-color-hover: @accordion-control__hover__color, @_accordion-control-text-decoration-hover: @accordion-control__hover__text-decoration, @_accordion-control-background-color-active: @accordion-control__active__background-color, @_accordion-control-color-active: @accordion-control__active__color, @_accordion-control-text-decoration-active: @accordion-control__active__text-decoration, @_accordion-control-height: @accordion-control__height, @_accordion-control-margin-bottom: @accordion-control__margin-bottom, @_accordion-control-padding-top: @accordion-control__padding-top, @_accordion-control-padding-right: @accordion-control__padding-right, @_accordion-control-padding-bottom: @accordion-control__padding-bottom, @_accordion-control-padding-left: @accordion-control__padding-left, @_accordion-content-background-color: @accordion-content__background-color, @_accordion-content-border: @accordion-content__border, @_accordion-content-margin: @accordion-content__margin, @_accordion-content-padding: @accordion-content__padding ) { .lib-data-accordion__base(); & when (@_accordion-control-margin-bottom = 0) { > .item.title { .lib-css(margin, 0); } } & when not (@_accordion-control-margin-bottom = 0) { > .item.title { .lib-css(margin, 0 0 @_accordion-control-margin-bottom); } } > .item.title { > .switch { .lib-css(background, @_accordion-control-background-color); .lib-css(border-bottom,@_accordion-control-border-bottom); .lib-css(border-left,@_accordion-control-border-left); .lib-css(border-right,@_accordion-control-border-right); .lib-css(border-top,@_accordion-control-border-top); .lib-css(height, @_accordion-control-height); .lib-css(padding, @_accordion-control-padding-top @_accordion-control-padding-right @_accordion-control-padding-bottom @_accordion-control-padding-left); .lib-typography( @_color: @_accordion-control-color, @_font-family: @_accordion-control-font-family, @_font-size: @_accordion-control-font-size, @_font-style: @_accordion-control-font-style, @_font-weight: @_accordion-control-font-weight, @_line-height: @_accordion-control-line-height ); .lib-link( @_link-color: @_accordion-control-color, @_link-text-decoration: @_accordion-control-text-decoration, @_link-color-visited: @_accordion-control-color-visited, @_link-text-decoration-visited: @_accordion-control-text-decoration-visited, @_link-color-hover: @_accordion-control-color-hover, @_link-text-decoration-hover: @_accordion-control-text-decoration-hover, @_link-color-active: @_accordion-control-color-active, @_link-text-decoration-active: @_accordion-control-text-decoration-active ); } &:not(.disabled) > .switch:focus, &:not(.disabled) > .switch:hover { .lib-css(background, @_accordion-control-background-color-hover); } &:not(.disabled) > .switch:active, &.active > .switch, &.active > .switch:focus, &.active > .switch:hover { .lib-css(background, @_accordion-control-background-color-active); .lib-css(color, @_accordion-control-color-active); .lib-css(text-decoration, @_accordion-control-text-decoration-active); .lib-css(padding-bottom, @_accordion-control-padding-bottom); } } > .item.content { .lib-css(background, @_accordion-content-background-color); .lib-css(border, @_accordion-content-border); .lib-css(margin, @_accordion-content-margin); .lib-css(padding, @_accordion-content-padding); } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_popups.less000077700000027046151323550660022026 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Popups // _____________________________________________ .lib-popup( @_popup-width: @popup__width, @_popup-height: @popup__height, @_popup-padding: @popup__padding, @_popup-background: @popup__background, @_popup-border: @popup__border, @_popup-shadow: @popup__shadow, @_popup-fade: @popup__fade, @_popup-z-index: @popup__z-index, @_popup-position: @popup__position, @_popup-position-top: @popup__position-top, @_popup-position-right: @popup__position-right, @_popup-position-bottom: @popup__position-bottom, @_popup-position-left: @popup__position-left, @_popup-margin-top: @popup__margin-top, @_popup-margin-right: @popup__margin-right, @_popup-margin-bottom: @popup__margin-bottom, @_popup-margin-left: @popup__margin-left, @_popup-content-height: @popup-content__height, @_popup-header-margin: @popup-header__margin, @_popup-content-margin: @popup-content__margin, @_popup-footer-margin: @popup-footer__margin, @_popup-title-headings: @popup-title-headings, @_popup-title-headings-level: @popup-title-headings__level, // Icons parameters @_popup-button-close-icon: @popup-button-close__icon, @_popup-button-close-reset: @popup-button-close__reset, @_popup-button-close-position: @popup-button-close__position, @_popup-button-close-position-top: @popup-button-close__position-top, @_popup-button-close-position-right: @popup-button-close__position-right, @_popup-button-close-position-bottom: @popup-button-close__position-bottom, @_popup-button-close-position-left: @popup-button-close__position-left, @_popup-icon-font-content: @popup-icon-font__content, @_popup-icon-font: @popup-icon-font, @_popup-icon-font-size: @popup-icon-font__size, @_popup-icon-font-line-height: @popup-icon-font__line-height, @_popup-icon-font-color: @popup-icon-font__color, @_popup-icon-font-color-hover: @popup-icon-font__color-hover, @_popup-icon-font-color-active: @popup-icon-font__color-active, @_popup-icon-font-margin: @popup-icon-font__margin, @_popup-icon-font-vertical-align: @popup-icon-font__vertical-align, @_popup-icon-font-position: @popup-icon-font__position, @_popup-icon-font-text-hide: @popup-icon-font__text-hide, // Actions toolbar parameters @_popup-actions-toolbar: @popup-actions-toolbar, @_popup-actions-toolbar-actions-position: @popup-actions-toolbar-actions__position, @_popup-actions-toolbar-actions-reverse: @popup-actions-toolbar-actions__reverse, @_popup-actions-toolbar-margin: @popup-actions-toolbar__margin, @_popup-actions-toolbar-padding: @popup-actions-toolbar__padding, @_popup-actions-toolbar-actions-margin: @popup-actions-toolbar-actions__margin, @_popup-actions-toolbar-primary-actions-margin: @popup-actions-toolbar-actions-primary__margin, @_popup-actions-toolbar-secondary-actions-margin: @popup-actions-toolbar-actions-secondary__margin, @_popup-actions-toolbar-actions-links-margin-top: @popup-actions-toolbar-actions-links__margin-top, @_popup-actions-toolbar-primary-actions-links-margin-top: @popup-actions-toolbar-actions-links-primary__margin-top, @_popup-actions-toolbar-secondary-actions-links-margin-top: @popup-actions-toolbar-actions-links-secondary__margin-top ) { .lib-css(background, @_popup-background); .lib-css(border, @_popup-border); .lib-css(padding, @_popup-padding); .lib-css(width, @_popup-width); ._lib-popup-height(@_popup-height); ._lib-popup-shadow(@_popup-shadow); ._lib-popup-action-toolbar( @_popup-actions-toolbar, @_popup-actions-toolbar-actions-position, @_popup-actions-toolbar-actions-reverse, @_popup-actions-toolbar-margin, @_popup-actions-toolbar-padding, @_popup-actions-toolbar-actions-margin, @_popup-actions-toolbar-primary-actions-margin, @_popup-actions-toolbar-secondary-actions-margin, @_popup-actions-toolbar-actions-links-margin-top, @_popup-actions-toolbar-primary-actions-links-margin-top, @_popup-actions-toolbar-secondary-actions-links-margin-top ); .popup-header { .lib-css(margin, @_popup-header-margin); .title { ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ); } .lib-css(padding-right, @_popup-icon-font-size) } .popup-content { ._lib-popup-height(@_popup-content-height); .lib-css(margin, @_popup-content-margin); } .popup-footer { .lib-css(margin, @_popup-footer-margin); } .popup-actions { .action.close { .lib-css(position, @_popup-button-close-position); .lib-popup-button-close-icon( @_popup-button-close-icon, @_popup-icon-font-content, @_popup-icon-font, @_popup-icon-font-size, @_popup-icon-font-line-height, @_popup-icon-font-color, @_popup-icon-font-color-hover, @_popup-icon-font-color-active, @_popup-icon-font-margin, @_popup-icon-font-vertical-align, @_popup-icon-font-position, @_popup-icon-font-text-hide ); ._lib-popup-button-close-reset( @_popup-button-close-reset ); .lib-css(bottom, @_popup-button-close-position-bottom); .lib-css(left, @_popup-button-close-position-left); .lib-css(right, @_popup-button-close-position-right); .lib-css(top, @_popup-button-close-position-top); } } ._lib-popup-fade(@_popup-fade); .lib-css(bottom, @_popup-position-bottom); .lib-css(left, @_popup-position-left); .lib-css(margin-bottom, @_popup-margin-bottom); .lib-css(margin-left, @_popup-margin-left); .lib-css(margin-right, @_popup-margin-right); .lib-css(margin-top, @_popup-margin-top); .lib-css(position, @_popup-position); .lib-css(right, @_popup-position-right); .lib-css(top, @_popup-position-top); .lib-css(z-index, @_popup-z-index); display: none; opacity: 0; &.active { opacity: 1; } } .lib-window-overlay( @_overlay-background: @overlay__background, @_overlay-opacity: @overlay__opacity, @_overlay-opacity-old: @overlay__opacity-old, @_overlay-fade: @overlay__fade, @_overlay-z-index: @overlay__z-index ) { ._lib-popup-fade(@_overlay-fade); .lib-css(background, @_overlay-background); .lib-css(z-index, @_overlay-z-index); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; &.active { .lib-css(opacity, @_overlay-opacity); & when not (@_overlay-opacity-old = false) { filter: alpha(opacity=@_overlay-opacity-old); } } } // // Internal use mixins // --------------------------------------------- // Popup fade ._lib-popup-fade(@_popup-fade) when not (@_popup-fade = '') { .lib-css(transition, @_popup-fade); } // Popup shadow ._lib-popup-shadow(@_popup-shadow) when not (@_popup-shadow = '') and not (@_popup-shadow = none) { .lib-css(box-shadow, @_popup-shadow); } // Popup height ._lib-popup-height(@_popup-height) when not (@_popup-height = auto) { overflow-y: auto; .lib-css(max-height, @_popup-height); } // Popup Headings ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h1) { .lib-heading(h1); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h2) { .lib-heading(h2); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h3) { .lib-heading(h3); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h4) { .lib-heading(h4); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h5) { .lib-heading(h5); } ._lib-popup-headings( @_popup-title-headings, @_popup-title-headings-level ) when (@_popup-title-headings = true) and (@_popup-title-headings-level = h6) { .lib-heading(h6); } // Popup action-toolbar ._lib-popup-action-toolbar( @_popup-actions-toolbar, @_popup-actions-toolbar-actions-position, @_popup-actions-toolbar-actions-reverse, @_popup-actions-toolbar-margin, @_popup-actions-toolbar-padding, @_popup-actions-toolbar-actions-margin, @_popup-actions-toolbar-primary-actions-margin, @_popup-actions-toolbar-secondary-actions-margin, @_popup-actions-toolbar-actions-links-margin-top, @_popup-actions-toolbar-primary-actions-links-margin-top, @_popup-actions-toolbar-secondary-actions-links-margin-top ) when (@_popup-actions-toolbar = true) { .popup-footer { .actions.toolbar { .lib-actions-toolbar( @_actions-toolbar-actions-position: @_popup-actions-toolbar-actions-position, @_actions-toolbar-actions-reverse: @_popup-actions-toolbar-actions-reverse, @_actions-toolbar-margin: @_popup-actions-toolbar-margin, @_actions-toolbar-padding: @_popup-actions-toolbar-padding, @_actions-toolbar-actions-margin: @_popup-actions-toolbar-actions-margin, @_actions-toolbar-primary-actions-margin: @_popup-actions-toolbar-primary-actions-margin, @_actions-toolbar-secondary-actions-margin: @_popup-actions-toolbar-secondary-actions-margin, @_actions-toolbar-actions-links-margin-top: @_popup-actions-toolbar-actions-links-margin-top, @_actions-toolbar-primary-actions-links-margin-top: @_popup-actions-toolbar-primary-actions-links-margin-top, @_actions-toolbar-secondary-actions-links-margin-top: @_popup-actions-toolbar-secondary-actions-links-margin-top ); } } } // Popup close button use icon .lib-popup-button-close-icon( @_popup-button-close-icon, @_popup-icon-font-content, @_popup-icon-font, @_popup-icon-font-size, @_popup-icon-font-line-height, @_popup-icon-font-color, @_popup-icon-font-color-hover, @_popup-icon-font-color-active, @_popup-icon-font-margin, @_popup-icon-font-vertical-align, @_popup-icon-font-position, @_popup-icon-font-text-hide ) when (@_popup-button-close-icon = true) { .lib-button-icon( @_icon-font-content: @_popup-icon-font-content, @_icon-font: @_popup-icon-font, @_icon-font-size: @_popup-icon-font-size, @_icon-font-line-height: @_popup-icon-font-line-height, @_icon-font-color: @_popup-icon-font-color, @_icon-font-color-hover: @_popup-icon-font-color-hover, @_icon-font-color-active: @_popup-icon-font-color-active, @_icon-font-margin: @_popup-icon-font-margin, @_icon-font-vertical-align: @_popup-icon-font-vertical-align, @_icon-font-position: @_popup-icon-font-position, @_icon-font-text-hide: @_popup-icon-font-text-hide ); } // Popup close button reset ._lib-popup-button-close-reset ( @_popup-button-close-reset ) when (@_popup-button-close-reset = true) { .lib-button-reset(); } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_navigation.less000077700000055074151323550660022641 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Navigation // _____________________________________________ .lib-main-navigation( @_nav__indent-side: 15px, @_nav-background-color: @navigation__background, @_nav-border: @navigation__border, @_nav-level0-font-size: @navigation-level0-item__font-size, @_nav-level0-font-weight: @navigation-level0-item__font-weight, @_nav-level0-item-line-height: @navigation-level0-item__line-height, @_nav-level0-item-margin: @navigation-level0-item__margin, @_nav-level0-item-padding: @navigation-level0-item__padding, @_nav-level0-text-transform: @navigation-level0-item__text-transform, @_nav-level0-item-background-color: @navigation-level0-item__background, @_nav-level0-item-border: @navigation-level0-item__border, @_nav-level0-item-color: @navigation-level0-item__color, @_nav-level0-item-text-decoration: @navigation-level0-item__text-decoration, @_nav-level0-item-background-color-active: @navigation-level0-item__active__background, @_nav-level0-item__active__border-color: @navigation-level0-item__active__border-color, @_nav-level0-item__active__border-style: @navigation-level0-item__active__border-style, @_nav-level0-item__active__border-width: @navigation-level0-item__active__border-width, @_nav-level0-item-color-active: @navigation-level0-item__active__color, @_nav-level0-item-text-decoration-active: @navigation-level0-item__active__text-decoration, @_submenu-background-color: @submenu__background, @_submenu-border: @submenu__border, @_submenu-font-size: @submenu__font-size, @_submenu-font-weight: @submenu__font-weight, @_submenu-line-height: @submenu-item__line-height, @_submenu-item__padding-top: @submenu__padding-top, @_submenu-item__padding-right: @submenu__padding-right, @_submenu-item__padding-bottom: @submenu__padding-bottom, @_submenu-item__padding-left: @submenu__padding-left, @_submenu-item-background-color: @submenu-item__background, @_submenu-item-border: @submenu-item__border, @_submenu-item-color: @submenu-item__color, @_submenu-item-text-decoration: @submenu-item__text-decoration, @_submenu-item-background-color-active: @submenu-item__active__background, @_submenu-item__active__border: @submenu-item__active__border, @_submenu-item__active__border-color: @submenu-item__active__border-color, @_submenu-item__active__border-style: @submenu-item__active__border-style, @_submenu-item__active__border-width: @submenu-item__active__border-width, @_submenu-item-color-active: @submenu-item__active__color, @_submenu-item-text-decoration-active: @submenu-item__active__text-decoration ) { .navigation { .lib-css(background, @_nav-background-color); .lib-css(border, @_nav-border); box-sizing: border-box; ul { margin: 0; padding: 0; } li { margin: 0; } a { display: block; .lib-css(padding-top, @_submenu-item__padding-top); .lib-css(padding-right, @_submenu-item__padding-right); .lib-css(padding-bottom, @_submenu-item__padding-bottom); .lib-css(padding-left, @_submenu-item__padding-left); } a, a:hover { .lib-css(color, @_nav-level0-item-color); .lib-css(text-decoration, @_nav-level0-item-text-decoration); } .level0 { .lib-css(border-top, @_nav-level0-item-border); .lib-font-size(@_nav-level0-font-size); > .level-top { .lib-css(background, @_nav-level0-item-background-color); .lib-css(font-weight, @_nav-level0-font-weight); .lib-css(line-height, @_nav-level0-item-line-height); .lib-css(padding, @_nav-level0-item-padding); .lib-css(text-transform, @_nav-level0-text-transform); word-wrap: break-word; &:hover { .lib-css(color, @navigation-level0-item__hover__color); } } &.active { .all-category { .ui-state-focus { .lib-css(background, @_nav-level0-item-background-color-active); .lib-css(border-color, @_nav-level0-item__active__border-color); .lib-css(border-style, @_nav-level0-item__active__border-style); .lib-css(border-width, @_nav-level0-item__active__border-width); .lib-css(color, @_nav-level0-item-color-active); .lib-css(padding-left, @_nav__indent-side - @_submenu-item__active__border); .lib-css(text-decoration, @_nav-level0-item-text-decoration-active); display: inline-block; } } } > .level1 { .lib-css(font-weight, @font-weight__semibold); } &.active, &.has-active { // ToDo UI: remove "has_active" here, when mobile navigation default open state is implemented > a:not(.ui-state-active) { .lib-css(background, @_nav-level0-item-background-color-active); .lib-css(border-color, @_nav-level0-item__active__border-color); .lib-css(border-style, @_nav-level0-item__active__border-style); .lib-css(border-width, @_nav-level0-item__active__border-width); .lib-css(color, @_nav-level0-item-color-active); .lib-css(text-decoration, @_nav-level0-item-text-decoration-active); span:not(.ui-menu-icon) { .lib-css(margin-left, -@_submenu-item__active__border); } } } } li.level0 { &:last-child { .lib-css(border-bottom, @_nav-level0-item-border); } } .submenu { > li { word-wrap: break-word; > a { &:hover { .lib-css(color, @navigation-level0-item__hover__color); } } } &:not(:first-child) { .lib-css(background, @_submenu-background-color); .lib-css(border, @_submenu-border); .lib-css(font-size, @_submenu-font-size); .lib-css(font-weight, @_submenu-font-weight); .lib-css(line-height, @_submenu-line-height); left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left .3s ease-out; > li { > a { .lib-css(padding-left, @_nav__indent-side); } &:last-child { margin-bottom: 0; } } ul { display: block; .lib-css(padding-left, @_submenu-item__padding-left); > li { margin: 0; a { .lib-css(background, @_submenu-item-background-color); .lib-css(border, @_submenu-item-border); .lib-css(color, @_submenu-item-color); .lib-css(text-decoration, @_submenu-item-text-decoration); display: block; line-height: normal; &:hover { .lib-css(color, @navigation-level0-item__hover__color); } } } } &.expanded { display: block !important; padding-right: 0; top: 0 !important; } .active { > a { .lib-css(background, @_submenu-item-background-color-active); .lib-css(border-color, @_submenu-item__active__border-color); .lib-css(border-style, @_submenu-item__active__border-style); .lib-css(border-width, @_submenu-item__active__border-width); .lib-css(color, @_submenu-item-color-active); .lib-css(padding-left, @_nav__indent-side - @_submenu-item__active__border); .lib-css(text-decoration, @_submenu-item-text-decoration-active); } } .level1 { &.active { > a { .lib-css(padding-left, @_nav__indent-side - @_submenu-item__active__border); } } } } } } } // // Desktop // _____________________________________________ .lib-main-navigation-desktop( @_nav-background-color: @navigation-desktop__background, @_nav-border: @navigation-desktop__border, @_nav-font-size: @navigation-desktop__font-size, @_nav-font-weight: @navigation-desktop__font-weight, @_nav-level0-item-line-height: @navigation-desktop-level0-item__line-height, @_nav-level0-item-margin: @navigation-desktop-level0-item__margin, @_nav-level0-item-padding: @navigation-desktop-level0-item__padding, @_nav-level0-item-background-color: @navigation-desktop-level0-item__background, @_nav-level0-item-border: @navigation-desktop-level0-item__border, @_nav-level0-item-color: @navigation-desktop-level0-item__color, @_nav-level0-item-text-decoration: @navigation-desktop-level0-item__text-decoration, @_nav-level0-item-background-color-hover: @navigation-desktop-level0-item__hover__background, @_nav-level0-item-border-hover: @navigation-desktop-level0-item__hover__border, @_nav-level0-item-color-hover: @navigation-desktop-level0-item__hover__color, @_nav-level0-item-text-decoration-hover: @navigation-desktop-level0-item__hover__text-decoration, @_nav-level0-item-background-color-active: @navigation-desktop-level0-item__active__background, @_nav-level0-item__active__border-color: @navigation-desktop-level0-item__active__border-color, @_nav-level0-item__active__border-style: @navigation-desktop-level0-item__active__border-style, @_nav-level0-item__active__border-width: @navigation-desktop-level0-item__active__border-width, @_nav-level0-item-color-active: @navigation-desktop-level0-item__active__color, @_nav-level0-item-text-decoration-active: @navigation-desktop-level0-item__active__text-decoration, @_submenu-background-color: @submenu-desktop__background, @_submenu-border-width: @submenu-desktop__border-width, @_submenu-border-style: @submenu-desktop__border-style, @_submenu-border-color: @submenu-desktop__border-color, @_submenu-box-shadow: @submenu-desktop__box-shadow, @_submenu-font-size: @submenu-desktop__font-size, @_submenu-font-weight: @submenu-desktop__font-weight, @_submenu-min-width: @submenu-desktop__min-width, @_submenu-padding: @submenu-desktop__padding, @_submenu-arrow: @submenu-desktop-arrow, @_submenu-arrow-size: @submenu-desktop-arrow__size, @_submenu-arrow-left: @submenu-desktop-arrow__left, @_submenu-item-padding: @submenu-desktop-item__padding, @_submenu-item-background-color: @submenu-desktop-item__background, @_submenu-item-border: @submenu-desktop-item__border, @_submenu-item-color: @submenu-desktop-item__color, @_submenu-item-text-decoration: @submenu-desktop-item__text-decoration, @_submenu-item__hover__background-color: @submenu-desktop-item__hover__background, @_submenu-item-border-hover: @submenu-desktop-item__hover__border, @_submenu-item-color-hover: @submenu-desktop-item__hover__color, @_submenu-item-text-decoration-hover: @submenu-desktop-item__hover__text-decoration, @_submenu-item-background-color-active: @submenu-desktop-item__active__background, @_submenu-item__active__border-color: @submenu-desktop-item__active__border-color, @_submenu-item__active__border-style: @submenu-desktop-item__active__border-style, @_submenu-item__active__border-width: @submenu-desktop-item__active__border-width, @_submenu-item-color-active: @submenu-desktop-item__active__color, @_submenu-item-text-decoration-active: @submenu-desktop-item__active__text-decoration ) { .navigation { .lib-css(background, @_nav-background-color); .lib-css(border, @_nav-border); .lib-css(font-size, @_nav-font-size); .lib-css(font-weight, @_nav-font-weight); height: inherit; left: auto; overflow: inherit; padding: 0; position: relative; top: 0; width: 100%; z-index: 3; &:empty { display: none; } ul { margin-top: 0; margin-bottom: 0; padding: 0; position: relative; } li.level0 { .lib-css(border-top, none); } li.level1 { position: relative; } .level0 { .lib-css(margin, @_nav-level0-item-margin); display: inline-block; position: relative; &:last-child { margin-right: 0; padding-right: 0; } &:hover { &:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 10px; height: calc(~'100% + 3px'); z-index: 1; } } > .level-top { .lib-css(background, @_nav-level0-item-background-color); .lib-css(border, @_nav-level0-item-border); .lib-css(color, @_nav-level0-item-color); .lib-css(line-height, @_nav-level0-item-line-height); .lib-css(padding, @_nav-level0-item-padding); .lib-css(text-decoration, @_nav-level0-item-text-decoration); box-sizing: border-box; position: relative; display: inline-block; &:hover, &.ui-state-focus { .lib-css(background, @_nav-level0-item-background-color-hover); .lib-css(border, @_nav-level0-item-border-hover); .lib-css(color, @_nav-level0-item-color-hover); .lib-css(text-decoration, @_nav-level0-item-text-decoration-hover); } } &.active, &.has-active { > .level-top { .lib-css(background, @_nav-level0-item-background-color-active); .lib-css(border-color, @_nav-level0-item__active__border-color); .lib-css(border-style, @_nav-level0-item__active__border-style); .lib-css(border-width, @_nav-level0-item__active__border-width); .lib-css(color, @_nav-level0-item-color-active); .lib-css(text-decoration, @_nav-level0-item-text-decoration-active); display: inline-block; } } &.parent:hover > .submenu { overflow: visible !important; } &.parent { > .level-top { padding-right: 20px; > .ui-menu-icon { position: absolute; right: 0; .lib-icon-font( @icon-down, @_icon-font-size: 12px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-position: after ); } } } .submenu { .lib-css(background, @_submenu-background-color); .lib-css(border, @_submenu-border-width @_submenu-border-style @_submenu-border-color); .lib-css(box-shadow, @_submenu-box-shadow); .lib-css(font-size, @_submenu-font-size); .lib-css(font-weight, @_submenu-font-weight); .lib-css(min-width, @_submenu-min-width); .lib-css(padding, @_submenu-padding); display: none; left: 0; margin: 0 !important; position: absolute; z-index: 1; ._lib-submenu-arrow( @_submenu-arrow, @_bg: @_submenu-background-color, @_border: @_submenu-border-color, @_size: @_submenu-arrow-size, @_left: @_submenu-arrow-left ); &:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1; } a { display: block; line-height: inherit; .lib-css(background, @_submenu-item-background-color); .lib-css(border, @_submenu-item-border); .lib-css(color, @_submenu-item-color); .lib-css(padding, @_submenu-item-padding); .lib-css(text-decoration, @_submenu-item-text-decoration); &:hover, &.ui-state-focus { .lib-css(background, @_submenu-item__hover__background-color); .lib-css(border, @_submenu-item-border-hover); .lib-css(color, @_submenu-item-color-hover); .lib-css(text-decoration, @_submenu-item-text-decoration-hover); } } .active > a { .lib-css(background, @_submenu-item-background-color-active); .lib-css(border-color, @_submenu-item__active__border-color); .lib-css(border-style, @_submenu-item__active__border-style); .lib-css(border-width, @_submenu-item__active__border-width); .lib-css(color, @_submenu-item-color-active); .lib-css(text-decoration, @_submenu-item-text-decoration-active); } .submenu { top: -1px !important; left: 100% !important; } .submenu-reverse{ left: auto !important; right: 100%; } li { margin: 0; position: relative; &.parent { > a { > .ui-menu-icon { position: absolute; right: 3px; .lib-icon-font( @icon-next, @_icon-font-size: 12px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-position: after ); } } } } } &.more { position: relative; .lib-icon-font( @icon-pointer-down, @_icon-font-size: 26px, @_icon-font-position: after ); &:before { display: none; } &:after { cursor: pointer; padding: 8px 12px; position: relative; z-index: 1; } &:hover > .submenu { overflow: visible !important; } li { display: block; } } } } } // Submenu arrow ._lib-submenu-arrow( @_submenu-arrow, @_bg, @_border, @_size, @_left ) when (@_submenu-arrow = true) { & when (iscolor(@_bg)) and (iscolor(@_border)) { @_outer-size: @_size + 1; @_outer-left: @_left - 1; .lib-css(margin-top, @_outer-size); > ul { .lib-css(margin-top, @_outer-size); &:before, &:after { content: ''; display: block; overflow: hidden; position: absolute; } &:before { .lib-css(color, @_bg); .lib-css(left, @_left); .lib-css(top, -@_size*2); .lib-arrow(up, @_size, @_bg); z-index: 4; } &:after { .lib-arrow(up, @_outer-size, @_border); .lib-css(color, @_border); .lib-css(left, @_outer-left); .lib-css(top, -@_outer-size*2); z-index: 3; } } } & when (iscolor(@_bg)) and not (iscolor(@_border)) { .lib-css(margin-top, -@_size); > ul { .lib-css(margin-top, @_size); &:before { .lib-arrow(up, @_size, @_bg); .lib-css(color, @_bg); .lib-css(left, @_left); .lib-css(top, -@_size*2); content: ''; display: block; overflow: hidden; position: absolute; z-index: 4; } } } & when (iscolor(@_border)) and not (iscolor(@_bg)) { .lib-css(margin-top, -@_size); > ul { .lib-css(margin-top, @_size); &:before { .lib-arrow(up, @_size, @_border); .lib-css(color, @_border); .lib-css(left, @_left); .lib-css(top, -@_size*2); content: ''; display: block; overflow: hidden; position: absolute; z-index: 4; } } } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_messages.less000077700000022402151323550660022276 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Messages // _____________________________________________ .lib-message(@_message-type: info) { @_message-background: "message-@{_message-type}__background"; @_message-border-color: "message-@{_message-type}__border-color"; @_message-color: "message-@{_message-type}__color"; @_message-link-color: "message-@{_message-type}-link__color"; @_message-link-color-hover: "message-@{_message-type}-link__color-hover"; @_message-link-color-active: "message-@{_message-type}-link__color-active"; @_message-icon-top: "message-@{_message-type}-icon__top"; @_message-icon-right: "message-@{_message-type}-icon__right"; @_message-icon-bottom: "message-@{_message-type}-icon__bottom"; @_message-icon-left: "message-@{_message-type}-icon__left"; ._lib-message(); ._lib-message-style( @_message-color: @@_message-color, @_message-background: @@_message-background, @_message-link-color: @@_message-link-color, @_message-link-color-hover: @@_message-link-color-hover, @_message-link-color-active: @@_message-link-color-active, @_message-border-color: @@_message-border-color ); } ._lib-message( @_message-padding: @message__padding, @_message-margin: @message__margin, @_message-border-radius: @message__border-radius ) { .lib-css(border-radius, @_message-border-radius); .lib-css(margin, @_message-margin); .lib-css(padding, @_message-padding); display: block; .lib-typography( @_color: @message__color, @_font-size: @message__font-size, @_font-family: @message__font-family, @_font-weight: @message__font-weight, @_font-style: @message__font-style, @_line-height: @message__line-height ); ._lib-message-border(@message__border-width, @message__border-style); } ._lib-message-style( @_message-background: @message-info__background, @_message-color: @message-info__color, @_message-link-color: @message-info-link__color, @_message-link-color-hover: @message-info-link__color-hover, @_message-link-color-active: @message-info-link__color-active, @_message-border-color: @message-info__border-color ) { .lib-css(background, @_message-background); .lib-css(border-color, @_message-border-color); .lib-css(color, @_message-color); a { .lib-css(color, @_message-link-color); &:hover { .lib-css(color, @_message-link-color-hover); } &:active { .lib-css(color, @_message-link-color-active); } } } ._lib-message-border( @_message-border-width: @message__border-width, @_message-border-style: @message__border-style ) when not (@_message-border-width = 0) and not (@_message-border-width = false) and not (@_message-border-style = false) { .lib-css(border, @_message-border-width @_message-border-style); } // Messages with lateral icon .lib-message-icon-lateral(@_message-type: info, @_message-position: right) { .lib-message(@_message-type); @_message-icon-position: @_message-position; @_message-icon: "message-@{_message-type}-icon"; @_message-icon-color: "message-@{_message-type}-icon__color-lateral"; @_message-icon-background: "message-@{_message-type}-icon__background"; @_message-icon-top: "message-@{_message-type}-icon__top"; @_message-icon-right: "message-@{_message-type}-icon__right"; @_message-icon-bottom: "message-@{_message-type}-icon__bottom"; @_message-icon-left: "message-@{_message-type}-icon__left"; ._lib-message-icon-lateral( @_message-icon-position, @@_message-icon, @@_message-icon-color, @@_message-icon-background, @@_message-icon-top, @@_message-icon-left, @@_message-icon-bottom, @@_message-icon-right ); } // Messages with inner icon .lib-message-icon-inner(@_message-type: info) { .lib-message(@_message-type); @_message-icon: "message-@{_message-type}-icon"; @_message-icon-color: "message-@{_message-type}-icon__color-inner"; @_message-icon-background: "message-@{_message-type}-icon__background"; @_message-icon-top: "message-@{_message-type}-icon__top"; @_message-icon-right: "message-@{_message-type}-icon__right"; @_message-icon-bottom: "message-@{_message-type}-icon__bottom"; @_message-icon-left: "message-@{_message-type}-icon__left"; ._lib-message-icon-inner( @@_message-icon, @@_message-icon-color, @@_message-icon-background, @@_message-icon-top, @@_message-icon-left, @@_message-icon-bottom, @@_message-icon-right ); } // Private mixins ._lib-message-icon-lateral( @_message-icon-position, @_message-icon, @_message-icon-color, @_message-icon-background, @_message-icon-top, @_message-icon-left, @_message-icon-bottom, @_message-icon-right ) { position: relative; &:before { .lib-css(background, @_message-icon-background); .lib-css(width, @message-icon__lateral-width); content: ''; display: block; height: 100%; padding: 0; position: absolute; text-align: center; top: 0; } > *:first-child { &:before { .lib-css(margin-top, -@message-icon__lateral-arrow-size); content: ''; overflow: hidden; position: absolute; top: 50%; } } > *:first-child { &:after { ._lib-icon-font( @_icon-font-content: @_message-icon, @_icon-font: @icon-font, @_icon-font-size: @message-icon__font-size, @_icon-font-line-height: @message-icon__font-line-height, @_icon-font-color: @_message-icon-color, @_icon-font-margin: -@message-icon__font-size/2 0 0, @_icon-font-vertical-align: @icon-font__vertical-align ); .lib-css(bottom, @_message-icon-bottom); .lib-css(left, @_message-icon-left); .lib-css(right, @_message-icon-right); .lib-css(top, @_message-icon-top); .lib-css(width, @message-icon__lateral-width); position: absolute; text-align: center; } } ._lib-message-icon-lateral-position( @_message-icon-position, @_message-icon-background ); } ._lib-message-icon-lateral-position( @_message-icon-position, @_message-icon-background ) when (@_message-icon-position = right) { .lib-css(padding-right, @message-icon__lateral-width + @indent__s); &:before { right: 0; ._lib-message-icon-lateral-border-radius(@_message-icon-position); } > *:first-child { &:before { .lib-arrow(left, @message-icon__lateral-arrow-size, @_message-icon-background); .lib-css(right, @message-icon__lateral-width); } } > *:first-child { &:after { right: 0; } } } ._lib-message-icon-lateral-position( @_message-icon-position, @_message-icon-background ) when (@_message-icon-position = left) { .lib-css(padding-left, @message-icon__lateral-width + @indent__s); &:before { left: 0; ._lib-message-icon-lateral-border-radius(@_message-icon-position); } > *:first-child:before { .lib-arrow(right, @message-icon__lateral-arrow-size, @_message-icon-background); .lib-css(left, @message-icon__lateral-width); } > *:first-child:after { left: 0; } } ._lib-message-icon-lateral-border-radius( @_message-icon-position ) when (@_message-icon-position = left) and not (@message__border-radius = false) and not (@message__border-width = false) { .lib-css(border-radius, (@message__border-radius - @message__border-width) 0 0 (@message__border-radius - @message__border-width)); } ._lib-message-icon-lateral-border-radius( @_message-icon-position ) when (@_message-icon-position = right) and not (@message__border-radius = false) and not (@message__border-width = false) { .lib-css(border-radius, 0 (@message__border-radius - @message__border-width) (@message__border-radius - @message__border-width) 0); } ._lib-message-icon-inner( @_message-icon, @_message-icon-color, @_message-icon-background, @_message-icon-top, @_message-icon-left, @_message-icon-bottom, @_message-icon-right ) { .lib-css(padding-left, @message-icon__inner-padding-left); position: relative; > *:first-child:before { ._lib-icon-font( @_icon-font-content: @_message-icon, @_icon-font: @icon-font, @_icon-font-size: @message-icon__font-size, @_icon-font-line-height: @message-icon__font-line-height, @_icon-font-color: @_message-icon-color, @_icon-font-margin: -@message-icon__font-size/2 0 0, @_icon-font-vertical-align: @icon-font__vertical-align ); .lib-css(bottom, @_message-icon-bottom); .lib-css(left, @_message-icon-left); .lib-css(right, @_message-icon-right); .lib-css(top, @_message-icon-top); .lib-css(width, @message-icon__inner-padding-left); position: absolute; text-align: center; } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_actions-toolbar.less000077700000010546151323550660023575 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Actions-toolbar // _____________________________________________ .lib-actions-toolbar( @_actions-toolbar-actions-position: @actions-toolbar-actions__position, @_actions-toolbar-actions-reverse: @actions-toolbar-actions__reverse, @_actions-toolbar-margin: @actions-toolbar__margin, @_actions-toolbar-padding: @actions-toolbar__padding, @_actions-toolbar-actions-margin: @actions-toolbar-actions__margin, @_actions-toolbar-primary-actions-margin: @actions-toolbar-actions-primary__margin, @_actions-toolbar-secondary-actions-margin: @actions-toolbar-actions-secondary__margin, @_actions-toolbar-actions-links-margin-top: @actions-toolbar-actions-links__margin-top, @_actions-toolbar-primary-actions-links-margin-top: @actions-toolbar-actions-links-primary__margin-top, @_actions-toolbar-secondary-actions-links-margin-top: @actions-toolbar-actions-links-secondary__margin-top ) { .lib-clearfix(); .lib-css(margin, @_actions-toolbar-margin); .lib-css(padding, @_actions-toolbar-padding); ._lib-actions-toolbar-align(@_actions-toolbar-actions-position); ._lib-actions-toolbar-floats(@_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse); .primary, .secondary { display: inline-block; .action { .lib-css(margin, @_actions-toolbar-actions-margin); } a.action { display: inline-block; .lib-css(margin-top, @_actions-toolbar-actions-links-margin-top); } } .primary { .action { .lib-css(margin, @_actions-toolbar-primary-actions-margin); } a.action { .lib-css(margin-top, @_actions-toolbar-primary-actions-links-margin-top); } } .secondary { .action { .lib-css(margin, @_actions-toolbar-secondary-actions-margin); } a.action { .lib-css(margin-top, @_actions-toolbar-secondary-actions-links-margin-top); } } } // // Actions-toolbar-clear-floats // --------------------------------------------- .lib-actions-toolbar-clear-floats() { .primary, .secondary { display: block; float: none; } } // // Internal use mixins // --------------------------------------------- ._lib-actions-toolbar-align(@_actions-toolbar-actions-position) when not (@_actions-toolbar-actions-position = justify) { .lib-css(text-align, @_actions-toolbar-actions-position); } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = justify) and (@_actions-toolbar-actions-reverse = false) { .primary { float: left; } .secondary { float: right; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = justify) and (@_actions-toolbar-actions-reverse = true) { .primary { float: right; } .secondary { float: left; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = left) and (@_actions-toolbar-actions-reverse = false) { .primary { float: left; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = left) and (@_actions-toolbar-actions-reverse = true) { .secondary { float: left; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = right) and (@_actions-toolbar-actions-reverse = false) { .secondary { float: right; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = right) and (@_actions-toolbar-actions-reverse = true) { .primary { float: right; } } ._lib-actions-toolbar-floats( @_actions-toolbar-actions-position, @_actions-toolbar-actions-reverse ) when (@_actions-toolbar-actions-position = center) { .primary, .secondary { vertical-align: top; } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_breadcrumbs.less000077700000017774151323550660023000 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Breadcrumbs // _____________________________________________ .lib-breadcrumbs( @_breadcrumbs-font-size: @breadcrumbs__font-size, @_breadcrumbs-display: @breadcrumbs__display, @_breadcrumbs-container-margin: @breadcrumbs__container-margin, @_breadcrumbs-padding: @breadcrumbs__padding, // Breadcrumbs separating symbol @_breadcrumbs-separator-symbol: @breadcrumbs-separator__symbol, @_breadcrumbs-separator-color: @breadcrumbs-separator__color, // Use icon as a separating symbol @_breadcrumbs-icon-use: @breadcrumbs-icon__use, @_breadcrumbs-icon-font-content: @breadcrumbs-icon__font-content, @_icon-font: @breadcrumbs-icon__font, @_icon-font-size: @breadcrumbs-icon__font-size, @_icon-font-line-height: @breadcrumbs-icon__font-line-height, @_icon-font-color: @breadcrumbs-icon__font-color, @_icon-font-margin: @breadcrumbs-icon__font-margin, @_icon-font-vertical-align: @breadcrumbs-icon__font-vertical-align, // Breadcrumbs current @_breadcrumbs-current-color: @breadcrumbs-current__color, @_breadcrumbs-current-font-weight: @breadcrumbs-current__font-weight, @_breadcrumbs-current-background: @breadcrumbs-current__background, @_breadcrumbs-current-border: @breadcrumbs-current__border, @_breadcrumbs-current-gradient: @breadcrumbs-current__gradient, @_breadcrumbs-current-gradient-direction: @breadcrumbs-current__gradient-direction, @_breadcrumbs-current-gradient-color-start: @breadcrumbs-current__gradient-color-start, @_breadcrumbs-current-gradient-color-end: @breadcrumbs-current__gradient-color-end, // Breadcrumbs link - gradient @_breadcrumbs-link-gradient: @breadcrumbs-link__gradient, @_breadcrumbs-link-gradient-direction: @breadcrumbs-link__gradient-direction, // Breadcrumbs link color - default @_breadcrumbs-link-color: @breadcrumbs-link__color, @_breadcrumbs-link-background: @breadcrumbs-link__background, @_breadcrumbs-link-border: @breadcrumbs-link__border, @_breadcrumbs-link-text-decoration: @breadcrumbs-link__text-decoration, @_breadcrumbs-link-gradient-color-start: @breadcrumbs-link__gradient-color-start, @_breadcrumbs-link-gradient-color-end: @breadcrumbs-link__gradient-color-end, // Breadcrumbs link - visited @_breadcrumbs-link-color-visited: @breadcrumbs-link__visited__color, @_breadcrumbs-link-background-visited: @breadcrumbs-link__visited__background, @_breadcrumbs-link-border-visited: @breadcrumbs-link__visited__border, @_breadcrumbs-link-text-decoration-visited: @breadcrumbs-link__visited__text-decoration, @_breadcrumbs-link-gradient-color-start-visited: @breadcrumbs-link__visited__gradient-color-start, @_breadcrumbs-link-gradient-color-end-visited: @breadcrumbs-link__visited__gradient-color-end, // Breadcrumbs link - hover @_breadcrumbs-link-color-hover: @breadcrumbs-link__hover__color, @_breadcrumbs-link-background-hover: @breadcrumbs-link__hover__background, @_breadcrumbs-link-border-hover: @breadcrumbs-link__hover__border, @_breadcrumbs-link-text-decoration-hover: @breadcrumbs-link__hover__text-decoration, @_breadcrumbs-link-gradient-color-start-hover: @breadcrumbs-link__hover__gradient-color-start, @_breadcrumbs-link-gradient-color-end-hover: @breadcrumbs-link__hover__gradient-color-end, // Breadcrumbs link - active @_breadcrumbs-link-color-active: @breadcrumbs-link__active__color, @_breadcrumbs-link-background-active: @breadcrumbs-link__active__background, @_breadcrumbs-link-border-active: @breadcrumbs-link__active__border, @_breadcrumbs-link-text-decoration-active: @breadcrumbs-link__active__text-decoration, @_breadcrumbs-link-gradient-color-start-active: @breadcrumbs-link__active__gradient-color-start, @_breadcrumbs-link-gradient-color-end-active: @breadcrumbs-link__active__gradient-color-end ) { .lib-css(margin, @_breadcrumbs-container-margin); .items { .lib-font-size(@_breadcrumbs-font-size); .lib-css(color, @_breadcrumbs-current-color); .lib-list-inline(); } .item { margin: 0; } a { .lib-css(background, @_breadcrumbs-link-background); .lib-background-gradient( @_breadcrumbs-link-gradient-color-start, @_breadcrumbs-link-gradient-color-end, @_breadcrumbs-link-gradient-direction, @_breadcrumbs-link-gradient ); .lib-css(border, @_breadcrumbs-link-border); .lib-css(color, @_breadcrumbs-link-color); .lib-css(display, @_breadcrumbs-display); .lib-css(padding, @_breadcrumbs-padding); .lib-css(text-decoration, @_breadcrumbs-link-text-decoration); &:visited { .lib-css(background, @_breadcrumbs-link-background-visited); .lib-background-gradient( @_breadcrumbs-link-gradient-color-start-visited, @_breadcrumbs-link-gradient-color-end-visited, @_breadcrumbs-link-gradient-direction, @_breadcrumbs-link-gradient ); .lib-css(border, @_breadcrumbs-link-border-visited); .lib-css(color, @_breadcrumbs-link-color-visited); .lib-css(text-decoration, @_breadcrumbs-link-text-decoration-visited); } &:hover { .lib-css(background, @_breadcrumbs-link-background-hover); .lib-background-gradient( @_breadcrumbs-link-gradient-color-start-hover, @_breadcrumbs-link-gradient-color-end-hover, @_breadcrumbs-link-gradient-direction, @_breadcrumbs-link-gradient ); .lib-css(border, @_breadcrumbs-link-border-hover); .lib-css(color, @_breadcrumbs-link-color-hover); .lib-css(text-decoration, @_breadcrumbs-link-text-decoration-hover); } &:active { .lib-css(background, @_breadcrumbs-link-background-active); .lib-background-gradient( @_breadcrumbs-link-gradient-color-start-active, @_breadcrumbs-link-gradient-color-end-active, @_breadcrumbs-link-gradient-direction, @_breadcrumbs-link-gradient ); .lib-css(border, @_breadcrumbs-link-border-active); .lib-css(color, @_breadcrumbs-link-color-active); .lib-css(text-decoration, @_breadcrumbs-link-text-decoration-active); } } strong { .lib-css(background, @_breadcrumbs-current-background); .lib-background-gradient( @_breadcrumbs-current-gradient-color-start, @_breadcrumbs-current-gradient-color-end, @_breadcrumbs-current-gradient-direction, @_breadcrumbs-current-gradient ); .lib-css(border, @_breadcrumbs-current-border); .lib-css(display, @_breadcrumbs-display); .lib-css(font-weight, @_breadcrumbs-current-font-weight); .lib-css(padding, @_breadcrumbs-padding); } & when not (@_breadcrumbs-separator-symbol = '') and not (@_breadcrumbs-separator-symbol = false) { // Insert separating symbol to "content" .item:not(:last-child) { &:after { .lib-css(color, @_breadcrumbs-separator-color); .lib-css(content, @_breadcrumbs-separator-symbol); } } } & when (@_breadcrumbs-icon-use = true) { // Use font icon as a separating symbol .item:not(:last-child) { .lib-icon-font( @_icon-font-content: @_breadcrumbs-icon-font-content, @_icon-font: @_icon-font, @_icon-font-size: @_icon-font-size, @_icon-font-line-height: @_icon-font-line-height, @_icon-font-color: @_icon-font-color, @_icon-font-margin: @_icon-font-margin, @_icon-font-vertical-align: @_icon-font-vertical-align, @_icon-font-position: after ); } } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/.htaccess000077700000000177151323550660021243 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_layout.less000077700000007264151323550660022015 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Layout // _____________________________________________ // Page Width mixin .lib-layout-width( @_layout__min-width: @layout__min-width, @_layout__max-width: @layout__max-width, @_layout__indent: @layout-indent__width ) when not (@responsive = true) { ._lib-layout-width(@_layout__min-width, @_layout__max-width); .lib-css(padding-left, @layout-indent__width); .lib-css(padding-right, @layout-indent__width); margin: 0 auto; } ._lib-layout-width( @_layout__min-width: @layout__min-width, @_layout__max-width: @layout__max-width ) when (@_layout__min-width = @_layout__max-width) { .lib-css(width, @_layout__min-width); } ._lib-layout-width( @_layout__min-width: @layout__min-width, @_layout__max-width: @layout__max-width ) when not (@_layout__min-width = @_layout__max-width) { .lib-css(max-width, @_layout__max-width); .lib-css(min-width, @_layout__min-width); width: auto; } #lib-layout-columns() { & when (@use-flex = true) { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-wrap(wrap); box-sizing: border-box; }; &:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .main() { .@{layout-class-1column} & { .lib-layout-column(1, 2, 100%); } .@{layout-class-3columns} & { .lib-layout-column(3, 2, @layout-column-main__width-3); } .@{layout-class-2columns__left} & { .lib-layout-column(2, 2, @layout-column-main__width-2-left); } .@{layout-class-2columns__right} & { .lib-layout-column(2, 1, @layout-column-main__width-2-right); } } .left() { .@{layout-class-3columns} & { .lib-layout-column(3, 1, @layout-column__left-width); } .@{layout-class-2columns__left} & { .lib-layout-column(2, 1, @layout-column__left-width); } .@{layout-class-2columns__right} & { .lib-layout-column(2, 1, @layout-column__left-width); } } .right() { .@{layout-class-3columns} & { .lib-layout-column(3, 3, @layout-column__right-width); } .@{layout-class-2columns__left} & { .lib-layout-column(2, 2, @layout-column__right-width); } .@{layout-class-2columns__right} & { .lib-layout-column(2, 2, @layout-column__right-width); } } } ._lib-column-width(@_width, @_check, @_index) when (@_check = false) and (@_index = 1) { .lib-column-width(@_width); } ._lib-column-width(@_width, @_check, @_index) when (@_check = true), (@_width = auto) { .lib-css(width, @_width); @_index: 1; } ._lib-set-column-width(@_index, @_width) when (@_index > 0) { @_checkUnit: isunit(@_width, extract(@_units, @_index)); ._lib-column-width(@_width, @_checkUnit, @_index); ._lib-set-column-width(@_index - 1, @_width); } .lib-layout-column(@_total-columns, @_order, @_width) { @_units: "px","%","em","rem","pt"; ._lib-set-column-width(length(@_units), @_width); .lib-flex-degradation(@_total-columns, @_order); & when (@use-flex = true) { .lib-vendor-prefix-order(@_order); } } .lib-flex-degradation(@_total-columns, @_order) when (@_order = 1) { float: left; } .lib-flex-degradation(@_total-columns, @_order) when (@_order = @_total-columns) { float: right; } .lib-flex-degradation(@_total-columns, @_order) when (@_total-columns = 3) and (@_order = 2) { display: inline-block; } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_tooltips.less000077700000015401151323550660022345 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Tooltips // _____________________________________________ .lib-tooltip( @_tooltip-position: top, @_tooltip-selector-toggle: ~".tooltip-toggle", @_tooltip-selector-content: ~".tooltip-content", @_tooltip-background: @tooltip__background, @_tooltip-border-color: @tooltip__border-color, @_tooltip-border-width: @tooltip__border-width, @_tooltip-border-radius: @tooltip__border-radius, @_tooltip-color: @tooltip__color, @_tooltip-cursor: @tooltip__cursor, @_tooltip-font-size: @tooltip__font-size, @_tooltip-font-family: @tooltip__font-family, @_tooltip-font-weight: @tooltip__font-weight, @_tooltip-line-height: @tooltip__line-height, @_tooltip-font-style: @tooltip__font-style, @_tooltip-margin: @tooltip__margin, @_tooltip-padding: @tooltip__padding, @_tooltip-min-width: @tooltip__min-width, @_tooltip-max-width: @tooltip__max-width, @_tooltip-arrow-size: @tooltip-arrow__size, @_tooltip-arrow-offset: @tooltip-arrow__offset, @_tooltip-z-index: @tooltip__z-index ) { position: relative; @{_tooltip-selector-content} { .lib-css(background, @_tooltip-background); .lib-css(border-radius, @_tooltip-border-radius); .lib-css(margin, @_tooltip-margin); .lib-css(max-width, @_tooltip-max-width); .lib-css(min-width, @_tooltip-min-width); .lib-css(padding, @_tooltip-padding); .lib-css(z-index, @_tooltip-z-index); display: none; position: absolute; text-align: left; .lib-typography( @_color: @_tooltip-color, @_font-size: @_tooltip-font-size, @_font-family: @_tooltip-font-family, @_font-weight: @_tooltip-font-weight, @_line-height: @_tooltip-line-height, @_font-style: @_tooltip-font-style ); ._lib-tooltip-border(@_tooltip-border-width, @_tooltip-border-color); @_tooltip-arrow-after-margin: @_tooltip-arrow-size * -1px; @_tooltip-arrow-before-margin: (@_tooltip-arrow-size + round(@_tooltip-border-width * 1.41421356)) * -1px; &:after, &:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } &:after { .lib-css(border-width, @_tooltip-arrow-size); border-color: transparent; } &:before { .lib-css(border-width, @_tooltip-arrow-before-margin * -1); border-color: transparent; } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ); } & @{_tooltip-selector-toggle} { .lib-css(cursor, @_tooltip-cursor); } & @{_tooltip-selector-toggle}:hover + @{_tooltip-selector-content}, & @{_tooltip-selector-toggle}:focus + @{_tooltip-selector-content}, &:hover @{_tooltip-selector-content} { display: block; } } ._lib-tooltip-border( @_tooltip-border-width, @_tooltip-border-color ) when not (@_tooltip-border-width = 0) and not (@_tooltip-border-width = false) and not (@_tooltip-border-color = false) { .lib-css(border, @_tooltip-border-width solid @_tooltip-border-color); } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ) when (@_tooltip-position = top) { .lib-css(margin-bottom, @_tooltip-arrow-size); bottom: 100%; left: 0; &:after, &:before { top: 100%; } &:after { .lib-css(border-top-color, @_tooltip-background); .lib-css(left, @_tooltip-arrow-offset + @_tooltip-arrow-size); .lib-css(margin-left, @_tooltip-arrow-after-margin); } &:before { .lib-css(border-top-color, @_tooltip-border-color); .lib-css(left, @_tooltip-arrow-offset + @_tooltip-arrow-size); .lib-css(margin-left, @_tooltip-arrow-before-margin); } } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ) when (@_tooltip-position = left) { .lib-css(margin-right, @_tooltip-arrow-size); right: 100%; top: 0; &:after, &:before { left: 100%; } &:after { .lib-css(border-left-color, @_tooltip-background); .lib-css(margin-top, @_tooltip-arrow-after-margin); .lib-css(top, @_tooltip-arrow-offset + @_tooltip-arrow-size) } &:before { .lib-css(border-left-color, @_tooltip-border-color); .lib-css(margin-top, @_tooltip-arrow-before-margin); .lib-css(top, @_tooltip-arrow-offset + @_tooltip-arrow-size); } } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ) when (@_tooltip-position = right) { .lib-css(margin-left, @_tooltip-arrow-size); left: 100%; top: 0; &:after, &:before { right: 100%; } &:after { .lib-css(border-right-color, @_tooltip-background); .lib-css(margin-top, @_tooltip-arrow-after-margin); .lib-css(top, @_tooltip-arrow-offset + @_tooltip-arrow-size); } &:before { .lib-css(border-right-color, @_tooltip-border-color); .lib-css(margin-top, @_tooltip-arrow-before-margin); .lib-css(top, @_tooltip-arrow-offset + @_tooltip-arrow-size); } } ._lib-tooltip-arrow-position( @_tooltip-position, @_tooltip-arrow-size, @_tooltip-background, @_tooltip-arrow-after-margin, @_tooltip-arrow-before-margin, @_tooltip-arrow-offset, @_tooltip-border-color ) when (@_tooltip-position = bottom) { .lib-css(margin-top, @_tooltip-arrow-size); left: 0; top: 100%; &:after, &:before { bottom: 100%; } &:after { .lib-css(border-bottom-color, @_tooltip-background); .lib-css(left, @_tooltip-arrow-offset + @_tooltip-arrow-size); .lib-css(margin-left, @_tooltip-arrow-after-margin); } &:before { .lib-css(border-bottom-color, @_tooltip-border-color); .lib-css(left, @_tooltip-arrow-offset + @_tooltip-arrow-size); .lib-css(margin-left, @_tooltip-arrow-before-margin); } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_lib.less000077700000001320151323550660021231 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Global lib // _____________________________________________ @import '_actions-toolbar.less'; @import '_breadcrumbs.less'; @import '_buttons.less'; @import '_dropdowns.less'; @import '_forms.less'; @import '_grids.less'; @import '_icons.less'; @import '_layout.less'; @import '_loaders.less'; @import '_messages.less'; @import '_navigation.less'; @import '_pages.less'; @import '_popups.less'; @import '_rating.less'; @import '_resets.less'; @import '_sections.less'; @import '_tables.less'; @import '_tooltips.less'; @import '_typography.less'; @import '_utilities.less'; @import '_variables.less'; pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_utilities.less000077700000037043151323550660022511 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Utilities // _____________________________________________ // // Convert values to unit specified in typography variables // --------------------------------------------- .lib-font-size-value( @_value ) when not (@_value = false) and not (@_value = '') and (@font-size-unit-convert) { @fontValue: unit(((@_value) * 1), @font-size-unit) / @font-size-unit-ratio; } .lib-font-size-value( @_value ) when (@font-size-unit-convert = false) { @fontValue: @_value; } .lib-visibility-hidden() { height: 0; visibility: hidden; } .lib-visually-hidden() { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .lib-visually-hidden-reset() { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } // // Clearfix // --------------------------------------------- .lib-clearfix() { &:before, &:after { content: ''; display: table; } &:after { clear: both; } } .lib-clearer() { &:after { clear: both; content: ''; display: table; } } // // Gradient // --------------------------------------------- #lib-gradient { // Horizontal gradient, from left to right // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. // Filters are enabled .horizontal( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when not (@disable-filters) and (@_background-color-position = true) { background-color: @_end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(@_start-color @_start-percent), color-stop(@_end-color @_end-percent)); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to right, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", @_start-color, @_end-color)); // IE9 and down } .horizontal( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when not (@disable-filters) and (@_background-color-position = false) { background-color: @_start-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(@_start-color @_start-percent), color-stop(@_end-color @_end-percent)); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to right, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", @_start-color, @_end-color)); // IE9 and down } // Horizontal gradient, from left to right // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. // Filters are disabled .horizontal( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when (@disable-filters) and (@_background-color-position = true) { background-color: @_end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(@_start-color @_start-percent), color-stop(@_end-color @_end-percent)); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to right, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } .horizontal( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when (@disable-filters) and (@_background-color-position = false) { background-color: @_start-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(@_start-color @_start-percent), color-stop(@_end-color @_end-percent)); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to right, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } // Vertical gradient, from top to bottom // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. // Filters are enabled .vertical( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when not (@disable-filters) and (@_background-color-position = true) { background-color: @_end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, @_start-color @_start-percent, @_end-color @_end-percent); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to bottom, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @_start-color, @_end-color)); // IE9 and down } .vertical( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when not (@disable-filters) and (@_background-color-position = false) { background-color: @_start-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, @_start-color @_start-percent, @_end-color @_end-percent); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to bottom, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @_start-color, @_end-color)); // IE9 and down } // Vertical gradient, from top to bottom // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. // Filters are disabled .vertical( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when (@disable-filters) and (@_background-color-position = true) { background-color: @_end-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, @_start-color @_start-percent, @_end-color @_end-percent); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to bottom, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } .vertical( @_start-color, @_end-color, @_start-percent: 0%, @_end-percent: 100%, @_background-color-position: true ) when (@disable-filters) and (@_background-color-position = false) { background-color: @_start-color; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, @_start-color @_start-percent, @_end-color @_end-percent); // Safari 5.1-6, Chrome 10+ background-image: linear-gradient(to bottom, @_start-color @_start-percent, @_end-color @_end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } } // // Custom background gradient // --------------------------------------------- // Pager gradient - horizontal .lib-background-gradient( @_background-gradient-color-start, @_background-gradient-color-end, @_background-gradient-direction, @_background-gradient, @_background-gradient-color-position: true ) when (@_background-gradient-direction = horizontal) and (@_background-gradient = true) { #lib-gradient > .horizontal( @_start-color: @_background-gradient-color-start, @_end-color: @_background-gradient-color-end, @_background-color-position: @_background-gradient-color-position ); } // Pager gradient - vertical .lib-background-gradient( @_background-gradient-color-start, @_background-gradient-color-end, @_background-gradient-direction, @_background-gradient, @_background-gradient-color-position: true ) when (@_background-gradient-direction = vertical) and (@_background-gradient = true) { #lib-gradient > .vertical( @_start-color: @_background-gradient-color-start, @_end-color: @_background-gradient-color-end, @_background-color-position: @_background-gradient-color-position ); } // // Rotate // --------------------------------------------- .lib-rotate(@_rotation) { -webkit-transform: rotate(@_rotation); // Use in 8 Safari -ms-transform: rotate(@_rotation); // Use in 9 IE transform: rotate(@_rotation); } // // Remove spaces between elements with display: inline-block // --------------------------------------------- .lib-inline-block-space-container() { font-size: 0; letter-spacing: -1px; line-height: 0; } .lib-inline-block-space-item( @_font-size: @font-size__base, @_line-height: normal ) { .lib-font-size(@_font-size); .lib-line-height(@_line-height); letter-spacing: normal; } // // Add any css property // --------------------------------------------- .lib-css( @_property, @_value, @_prefix: 0 ) when (@_prefix = 1) and not (@_value = '') and not (@_value = false) and not (extract(@_value, 1) = false) and not (extract(@_value, 2) = false) and not (extract(@_value, 3) = false) and not (extract(@_value, 4) = false) and not (extract(@_value, 5) = false) { -webkit-@{_property}: @_value; -moz-@{_property}: @_value; -ms-@{_property}: @_value; } .lib-css( @_property, @_value, @_prefix: 0 ) when not (@_value = '') and not (@_value = false) and not (extract(@_value, 1) = false) and not (extract(@_value, 2) = false) and not (extract(@_value, 3) = false) and not (extract(@_value, 4) = false) and not (extract(@_value, 5) = false) { @{_property}: @_value; } // // Add url to property // --------------------------------------------- // usage: // .column.left { // .lib-url('images/fallback.png'); // background:url("@{url}") repeat-y; // } // .columns { // .lib-url('images/fallback.png', 'Magento_Catalog'); // background:url("@{url}") repeat; // } @urls-resolved: false; .lib-url(@_path) { @url: "@{baseDir}@{_path}"; } .lib-url( @_path, @_module ) when not (@_module = false) and not (@_module = '') and (@urls-resolved = false) { @url: "@{_module}::@{_path}"; } .lib-url( @_path, @_module ) when not (@_module = false) and not (@_module = '') and (@urls-resolved = true) { @url: "@{baseDir}@{_module}/@{_path}"; } // // Arrow // --------------------------------------------- .lib-arrow( @_position, @_size, @_color ) { border: @_size solid transparent; height: 0; width: 0; ._lib-abbor_el(@_position, @_color); } ._lib-abbor_el( @_position, @_color ) when (@_position = left) { .lib-css(border-right-color, @_color); } ._lib-abbor_el( @_position, @_color ) when (@_position = right) { .lib-css(border-left-color, @_color); } ._lib-abbor_el( @_position, @_color ) when (@_position = up) { .lib-css(border-bottom-color, @_color); } ._lib-abbor_el( @_position, @_color ) when (@_position = down) { .lib-css(border-top-color, @_color); } // // Input placeholder // --------------------------------------------- .lib-input-placeholder( @_input-placeholder-color: @form-element-input-placeholder__color, @_input-placeholder-font-weight: @form-element-input__font-weight ) { &::-webkit-input-placeholder { .lib-css(color, @_input-placeholder-color); .lib-css(font-weight, @_input-placeholder-font-weight); } &:-moz-placeholder { .lib-css(color, @_input-placeholder-color); .lib-css(font-weight, @_input-placeholder-font-weight); } &::-moz-placeholder { .lib-css(color, @_input-placeholder-color); .lib-css(font-weight, @_input-placeholder-font-weight); } &:-ms-input-placeholder { .lib-css(color, @_input-placeholder-color); .lib-css(font-weight, @_input-placeholder-font-weight); } } // // Flex layout // --------------------------------------------- .lib-vendor-prefix-display( @_value: flex ) { display: ~"-webkit-@{_value}"; display: ~"-ms-@{_value}box"; display: @_value; } .lib-vendor-prefix-flex-grow( @_value: 0 ) { -webkit-flex-grow: @_value; flex-grow: @_value; } .lib-vendor-prefix-flex-shrink ( @_value: 1 ) { -webkit-flex-shrink: @_value; flex-shrink: @_value; } .lib-vendor-prefix-flex-basis ( @_value: auto ) { -webkit-flex-basis: @_value; flex-basis: @_value; } .lib-vendor-prefix-flex-wrap ( @_value: wrap ) { -webkit-flex-wrap: @_value; flex-wrap: @_value; } .lib-vendor-prefix-flex-direction ( @_value: column ) { -webkit-flex-direction: @_value; -ms-flex-direction: @_value; flex-direction: @_value; } .lib-vendor-prefix-order ( @_value: 0 ) { -ms-flex-order: @_value; -webkit-order: @_value; order: @_value; } .lib-vendor-box-align ( @_value: stretch ) { -webkit-align-items: @_value; -ms-align-items: @_value; align-items: @_value; } .lib-vendor-prefix-appearance ( @value: none ) { -webkit-appearance: @value; -moz-appearance: @value; appearance: @value; } .lib-vendor-prefix-column-count ( @_value ) { -webkit-column-count: @_value; -moz-column-count: @_value; column-count: @_value; } // // Pointer for popups or dropdowns // --------------------------------------------- .lib-pointer( @_size: 6px, @_background-color: @color-white, @_border-color: @color-gray-light3, @_position__vertical: top, @_position__horizontal: left, @_position__vertical__value: -12px, @_position__horizontal__value: @indent__s, @_z-index: 99 ) { &:before, &:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } &:before { .lib-css(@_position__horizontal, @_position__horizontal__value); .lib-css(@_position__vertical, @_position__vertical__value); .lib-css(border, solid @_size - 1); .lib-css(border-color, transparent transparent @_background-color transparent); .lib-css(z-index, @_z-index); } &:after { .lib-css(@_position__horizontal, @_position__horizontal__value - 1); .lib-css(@_position__vertical, @_position__vertical__value - 2); .lib-css(border, solid @_size); .lib-css(border-color, transparent transparent @_border-color transparent); .lib-css(z-index, @_z-index - 1); } } pub/static/frontend/Smartwave/porto/en_US/css/source/lib/_typography.less000077700000034676151323550660022715 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Typography // _____________________________________________ .lib-font-face( @family-name, @font-path, @font-format: false, @font-weight: normal, @font-style: normal, @font-display: auto, @font-type: false ) when (@font-format = false) { @font-face { font-family: @family-name; src: url('@{font-path}.woff2') format('woff2'), url('@{font-path}.woff') format('woff'); font-weight: @font-weight; font-style: @font-style; font-display: @font-display; } } // When need specify font format also should define font type include // The available types for @font-type are 'woff', 'woff2', 'truetype', 'opentype', 'embedded-opentype', and 'svg' // Enclose it in single quotes // _____________________________________________ .lib-font-face( @family-name, @font-path, @font-format: false, @font-weight: normal, @font-style: normal, @font-display: auto, @font-type: false ) when not (@font-format = false) and not (@font-type = false) { @font-face { font-family: @family-name; src: url('@{font-path}.@{font-format}') format(@font-type); font-weight: @font-weight; font-style: @font-style; font-display: @font-display; } } // Rem font size .lib-font-size(@sizeValue) when not (ispercentage(@sizeValue)) and not (@sizeValue = false) and (isunit(@sizeValue, @font-size-unit)) { .lib-css(font-size, @sizeValue); } .lib-font-size(@sizeValue) when not (ispercentage(@sizeValue)) and not (@sizeValue = false) and (isunit(@sizeValue, em)) { .lib-css(font-size, @sizeValue); } .lib-font-size(@sizeValue) when not (ispercentage(@sizeValue)) and not (@sizeValue = false) and not (isunit(@sizeValue, em)) and not (isunit(@sizeValue, @font-size-unit)) { .lib-font-size-value(@sizeValue); .lib-css(font-size, @fontValue); } // Rem line height .lib-line-height(@heightValue) when not (@heightValue = false) and not (@heightValue = normal) and not (ispercentage(@heightValue)) { .lib-font-size-value(@heightValue); .lib-css(line-height, @fontValue); } .lib-line-height(@heightValue) when (ispercentage(@heightValue)) and not (@heightValue = false) { .lib-css(line-height, @heightValue); } .lib-line-height(@heightValue) when (@heightValue = normal) { .lib-css(line-height, @heightValue); } .lib-wrap-words() { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; .lib-hyphens(); } .lib-text-overflow() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lib-text-hide() { background-color: transparent; border: 0; color: transparent; font: ~'0/0' a; text-shadow: none; } // Optional hyphenation .lib-hyphens(@mode: auto) { -webkit-hyphens: @mode; -moz-hyphens: @mode; -ms-hyphens: @mode; // IE10+ hyphens: @mode; } .lib-typography( @_font-size: @font-size__base, @_color: @text__color, @_font-family: @font-family__base, @_font-weight: @font-weight__regular, @_line-height: @line-height__base, @_font-style: @font-style__base ) { .lib-css(color, @_color); .lib-css(font-family, @_font-family); .lib-css(font-style, @_font-style); .lib-css(font-weight, @_font-weight); .lib-css(line-height, @_line-height); .lib-font-size(@_font-size); } .lib-list-reset-styles(@_margin: 0, @_padding: 0) { .lib-css(margin, @_margin); .lib-css(padding, @_padding); list-style: none none; } .lib-list-inline() { .lib-list-reset-styles(); > li { display: inline-block; vertical-align: top; } } .lib-link( @_link-color: @link__color, @_link-text-decoration: @link__text-decoration, @_link-color-visited: @link__visited__color, @_link-text-decoration-visited: @link__visited__text-decoration, @_link-color-hover: @link__hover__color, @_link-text-decoration-hover: @link__hover__text-decoration, @_link-color-active: @link__active__color, @_link-text-decoration-active: @link__active__text-decoration ) { .lib-css(color, @_link-color); .lib-css(text-decoration, @_link-text-decoration); &:visited { .lib-css(color, @_link-color-visited); .lib-css(text-decoration, @_link-text-decoration-visited); } &:hover { .lib-css(color, @_link-color-hover); .lib-css(text-decoration, @_link-text-decoration-hover); } &:active { .lib-css(color,@_link-color-active); .lib-css(text-decoration, @_link-text-decoration-active); } } .lib-heading(@_heading_level: h1) { @_font-color: "@{_heading_level}__font-color"; @_font-size: "@{_heading_level}__font-size"; @_font-family: "@{_heading_level}__font-family"; @_font-weight: "@{_heading_level}__font-weight"; @_line-height: "@{_heading_level}__line-height"; @_font-style: "@{_heading_level}__font-style"; @_margin-top: "@{_heading_level}__margin-top"; @_margin-bottom: "@{_heading_level}__margin-bottom"; .lib-typography( @@_font-size, @@_font-color, @@_font-family, @@_font-weight, @@_line-height, @@_font-style ); & { .lib-font-size-value(@@_margin-top); .lib-css(margin-top, @fontValue); } & { .lib-font-size-value(@@_margin-bottom); .lib-css(margin-bottom, @fontValue); } } // // Base typography // --------------------------------------------- .lib-typography__base( @_abbr-border-color: @abbr__border-color, @_dfn-font-style: @font-style__emphasis, @_emphasis-font-style: @font-style__emphasis, @_hr-border-color: @hr__border-color, @_hr-border-style: @hr__border-style, @_hr-border-width: @hr__border-width, @_hr-margin-bottom: @line-height__computed, @_hr-margin-top: @line-height__computed, @_mark-background-color: @mark__background-color, @_mark-color: @mark__color, @_p-margin-bottom: @p__margin-bottom, @_p-margin-top: @p__margin-top, @_root-font-size: @root__font-size, @_small-font-size: @font-size__s, @_strong-font-weight: @font-weight__bold, @_sub-sup-font-size: (@font-size__xs/@font-size__base)*100% ) { html { .lib-css(font-size, @_root-font-size); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { .lib-typography(); } p { & { .lib-font-size-value(@_p-margin-top); .lib-css(margin-top, @fontValue); } & { .lib-font-size-value(@_p-margin-bottom); .lib-css(margin-bottom, @fontValue); } } // Abbreviations and acronyms abbr[title] { .lib-css(border-bottom, 1px dotted @_abbr-border-color); cursor: help; } b, strong { .lib-css(font-weight, @_strong-font-weight); } em, i { .lib-css(font-style, @_emphasis-font-style); } mark { .lib-css(background, @_mark-background-color); .lib-css(color, @_mark-color); } small, .small { .lib-css(font-size, @_small-font-size); } hr { border: 0; .lib-css(border-top, @_hr-border-width @_hr-border-style @_hr-border-color); .lib-css(margin-bottom, @_hr-margin-bottom); .lib-css(margin-top, @_hr-margin-top); } sub, sup { .lib-css(font-size, @_sub-sup-font-size); line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { .lib-css(font-style, @_dfn-font-style); } } // // Headings // --------------------------------------------- .lib-typography-headings( @_heading-small-color: @heading__small-color, @_heading-small-line-height: @heading__small-line-height, @_heading-small-size: @heading__small-size ) { h1 { .lib-heading(h1); } h2 { .lib-heading(h2); } h3 { .lib-heading(h3); } h4 { .lib-heading(h4); } h5 { .lib-heading(h5); } h6 { .lib-heading(h6); } h1, h2, h3, h4, h5, h6 { small, .small { .lib-typography( @_heading-small-size, @_heading-small-color, @_line-height: @_heading-small-line-height ); } } } // // Links // --------------------------------------------- .lib-typography-links() { a, .alink { .lib-link(); } } // // Unordered and Ordered lists // --------------------------------------------- .lib-typography-lists( @_list-margin-bottom: @list__margin-bottom, @_list-margin-top: @list__margin-top, @_list-item-margin-bottom: @list-item__margin-bottom, @_list-item-margin-top: @list-item__margin-top, @_dl-margin-bottom: @dl__margin-bottom, @_dl-margin-top: @dl__margin-top, @_dd-margin-bottom: @dd__margin-bottom, @_dd-margin-top: @dd__margin-top, @_dt-font-weight: @dt__font-weight, @_dt-margin-bottom: @dt__margin-bottom, @_dt-margin-top: @dt__margin-top ) { ul, ol { & { .lib-font-size-value(@_list-margin-top); .lib-css(margin-top, @fontValue); } & { .lib-font-size-value(@_list-margin-bottom); .lib-css(margin-bottom, @fontValue); } > li { & { .lib-font-size-value(@_list-item-margin-top); .lib-css(margin-top, @fontValue); } & { .lib-font-size-value(@_list-item-margin-bottom); .lib-css(margin-bottom, @fontValue); } } ul, ol { margin-bottom: 0; } } dl { .lib-css(margin-bottom, @_dl-margin-bottom); .lib-css(margin-top, @_dl-margin-top); } dt { .lib-css(font-weight, @_dt-font-weight); .lib-css(margin-bottom, @_dt-margin-bottom); .lib-css(margin-top, @_dt-margin-top); } dd { .lib-css(margin-bottom, @_dd-margin-bottom); .lib-css(margin-top, @_dd-margin-top); margin-left: 0; } } // // Code (inline and block) // --------------------------------------------- .lib-typography-code( @_font-family-monospace: @font-family__monospace, @_code-background-color: @code__background-color, @_code-color: @code__color, @_code-font-size: @code__font-size, @_code-padding: @code__padding, @_kbd-background-color: @kbd__background-color, @_kbd-color: @kbd__color, @_kbd-font-size: @code__font-size, @_kbd-padding: @code__padding, @_pre-background-color: @pre__background-color, @_pre-border-color: @pre__border-color, @_pre-border-width: @pre__border-width, @_pre-color: @pre__color, @_pre-font-size: @code__font-size, @_pre-line-height: @line-height__base, @_pre-margin: 0 0 @indent__s, @_pre-padding: @indent__s ) { code, kbd, pre, samp { .lib-css(font-family, @_font-family-monospace); } // Inline code code { .lib-css(background, @_code-background-color); .lib-css(color, @_code-color); .lib-css(padding, @_code-padding); .lib-font-size(@_code-font-size); white-space: nowrap; } // User input typically entered via keyboard kbd { .lib-css(background, @_kbd-background-color); .lib-css(color, @_kbd-color); .lib-css(padding, @_kbd-padding); .lib-font-size(@_kbd-font-size); } // Blocks of code pre { .lib-css(background, @_pre-background-color); .lib-css(border, @_pre-border-width solid @_pre-border-color); .lib-css(color, @_pre-color); .lib-css(line-height, @_pre-line-height); .lib-css(margin, @_pre-margin); .lib-css(padding, @_pre-padding); .lib-font-size(@_pre-font-size); display: block; word-wrap: break-word; code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } } } // // Blockquotes // --------------------------------------------- .lib-typography-blockquote( @_blockquote-border-color: @blockquote__border-color, @_blockquote-border-width: @blockquote__border-width, @_blockquote-font-size: @blockquote__font-size, @_blockquote-font-style: @blockquote__font-style, @_blockquote-margin: @blockquote__margin, @_blockquote-padding: @blockquote__padding, @_blockquote-small-before-content: @blockquote__content-before, @_blockquote-small-color: @blockquote-small__color, @_blockquote-small-font-size: @blockquote-small__font-size, @_blockquote-small-line-height: @line-height__base, @_blockquote-cite: @cite__font-style, @_cite: @cite__font-style ) { blockquote { .lib-css(border-left, @_blockquote-border-width solid @_blockquote-border-color); .lib-css(margin, @_blockquote-margin); .lib-css(padding, @_blockquote-padding); .lib-typography( @_font-size: @_blockquote-font-size, @_font-style: @_blockquote-font-style ); p, ul, ol { &:last-child { margin-bottom: 0; } } footer, small, .small { .lib-css(color, @_blockquote-small-color); .lib-css(line-height, @_blockquote-small-line-height); .lib-font-size(@_blockquote-small-font-size); display: block; &:before { .lib-css(content, @_blockquote-small-before-content); } } cite { .lib-css(font-style, @_blockquote-cite); } } // Quotes blockquote { &:before, &:after { content: ''; } } q { quotes: none; &:before, &:after { content: ''; content: none; } } // Undo browser default styling cite { .lib-css(font-style, @_cite); } } // // All typography // --------------------------------------------- .lib-typography-all() { .lib-typography__base(); .lib-typography-headings(); .lib-typography-links(); .lib-typography-lists(); .lib-typography-code(); .lib-typography-blockquote(); } pub/static/frontend/Smartwave/porto/en_US/css/source/_pages.less000077700000001001151323550660021010 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .pages { .lib-pager(); .page { width: 26px; border-radius: 3px; } .action { border-radius: 3px; padding: 0 8px; width: 26px; } .item:last-child { margin-right: 0; } } }pub/static/frontend/Smartwave/porto/en_US/css/source/_forms.less000077700000006565151323550660021063 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @legend-border-bottom: 1px solid @color-gray-light6; @form-field__vertical-indent__desktop: 29px; @form-calendar-icon__color: @primary__color; // // Common //-------------------------------------- & when (@media-common = true) { .fieldset { .lib-form-fieldset(); &:last-child { margin-bottom: 0; } > .field, > .fields > .field { .lib-form-field(); &.no-label { > .label { .lib-visually-hidden(); } } &.choice { .label { font-weight: normal; margin: 0; display: inline; } } .label { .column:not(.main) & { font-weight: normal; } } .field.choice { margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } } } } .legend + .fieldset, .legend + div { clear: both; } .legend { span { margin-right: @indent__xs; } } fieldset.field { border: 0; padding: 0; } .field.date { .time-picker { white-space: nowrap; margin-top: @indent__s; display: inline-block; } } .select-styling() { .lib-css(appearance, none, 1); appearance: none; border: 1px solid @border-color__base; height: 32px; background: @select__background url('../images/select-bg.svg') no-repeat 100% 48%; background-size: 30px 60px; padding-right: 25px; text-indent: .01em; text-overflow: ''; &::-ms-expand{ display:none; } .lt-ie10 & { background-image: none; padding-right: 4px; } } select { .select-styling(); } div.mage-error[generated] { margin-top: 7px; } // TEMP .field .tooltip { .lib-tooltip(right); .tooltip-content { min-width: 200px; white-space: normal; } } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } .hasDatepicker { + .ui-datepicker-trigger { .lib-button-reset(); .lib-icon-font( @_icon-font-content: @icon-calendar, @_icon-font-color: @primary__color__lighter, @_icon-font-size: @icon-calendar__font-size, @_icon-font-line-height: @icon-calendar__font-size, @_icon-font-display: block, @_icon-font-text-hide: true ); display: inline-block; vertical-align: middle; &:focus { box-shadow: none; outline: 0; } } } // // Sidebar forms //-------------------------------------- .sidebar { .fieldset { margin: 0; > .field:not(.choice) >, .fields > .field { &:not(:last-child) { margin: 0 0 @form-field__vertical-indent; } .label { margin: 0 0 4px; padding: 0 0 @indent__xs; text-align: left; width: 100%; } .control { width: 100%; } } } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .legend { .lib-css(border-bottom, @legend-border-bottom); } } pub/static/frontend/Smartwave/porto/en_US/css/source/_theme.less000077700000035066151323550660021035 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Porto theme overrides // _____________________________________________ // Theme file should contain declarations (overrides) ONLY OF EXISTING variables // Otherwise this theme won't be available for parent nesting // All new variables should be placed in local theme lib or local theme files @rtl: false; // // Layout grid // --------------------------------------------- @layout__max-width: 1140px; @total-columns: 12; // Variables for layout columns @layout-column__sidebar-width: 3; // Checkout columns width @layout-column-checkout__width-left: 4; // // Typography // --------------------------------------------- @theme-color: #08c; @base-font-family: 'Open Sans',Arial,Helvetica,sans-serif; @base-font-size: 13px; @base-line-height: 1.42857143; @base-font-color: #777; @_link-color: @theme-color; @_link-color-visited: @theme-color; @_link-color-hover: @theme-color; @_link-color-active: @theme-color; @enable_border_radius: true; @font-size__base: @base-font-size; @primary__color: @base-font-color; @link__color: @theme-color; @link__hover__color: @link__color; @link__active__color: @link__color; @button__font-size: 14px; @button-primary__background: @theme-color; @button-primary__border: 1px solid @theme-color; @button-primary__hover__background: @theme-color; @button-primary__hover__border: 1px solid @theme-color; @body_background-color: #fff; // Fonts @icons__font-path: '@{baseDir}icon-fonts/font/porto-icons'; @icons__font-name: 'porto-icons'; @font-size__base: 13px; @line-height__base: 1.4; // Form elements @form-element-input-placeholder__color: #ddd; @form-element-input__border-color: #ccc; @input-text__font-size: @base-font-size; @form-element-input__border-radius: 6px; @form-element-input__height: 38px; @form-element-input__padding: 10px; // Header @collapsible-nav-background: #fff; @header-icons-color: @theme-color; @header-icons-color-hover: @theme-color; @header__type1_text-color: #777; @header__type1_link-color: @theme-color; @header__type1_link-hover-color: @theme-color; @header__type1_background-color: #fff; @header__type1_border-color: @theme-color; @header__type1_top_panel_background-color: #f0f0ed; @header__type1_top_panel_text-color: #777; @header__type1_top_panel_link-color: @theme-color; @header__type1_top_panel_link-hover-color: @theme-color; @header__type1_top_link_split-color: #ccc; @header__type1_nav_background-color: #f0f0ed; @header__type1_nav_text-color: #777; @header__type1_nav_link-color: @theme-color; @header__type1_nav_link-hover-color: #fff; @header__type1_nav_link-hover-background-color: @theme-color; @header__type1_search_box_background-color: #fff; @header__type1_search_box_border-color: #ccc; @header__type1_search_box_text-color: #777; @header__type1_search_box_button-font-color: #777; @header__type2_text-color: #fff; @header__type2_link-color: #fff; @header__type2_link-hover-color: #fff; @header__type2_background-color: #0083c1; @header__type2_top_panel_background-color: #008acc; @header__type2_top_panel_text-color: #fff; @header__type2_top_panel_link-color: #fff; @header__type2_top_panel_link-hover-color: #fff; @header__type2_top_link_split-color: rgba(255,255,255,.5); @header__type2_nav_background-color: #006fa4; @header__type2_nav_text-color: #fff; @header__type2_nav_link-color: #fff; @header__type2_nav_link-hover-color: #99cee8; @header__type2_search_box_background-color: #006393; @header__type2_search_box_border-color: rgba(255,255,255,.2); @header__type2_search_box_text-color: #ddd; @header__type2_search_box_button-font-color: #fff; @header__type3_background-color: #1e1e1e; @header__type3_nav_link-color: #fff; @header__type3_nav_link-hover-color: #fff; @header__type3_nav_link-hover-background-color: @theme-color; @header__type3_top_panel_text-color: #fff; @header__type3_top_panel_link-color: #fff; @header__type3_top_panel_link-hover-color: #fff; @header__type3_top_link_split-color: #101010; @header__type4_background-color: #1e1e1e; @header__type4_nav_link-color: #fff; @header__type4_nav_link-hover-color: #fff; @header__type4_nav_link-hover-background-color: @theme-color; @header__type4_top_panel_text-color: #fff; @header__type4_top_panel_link-color: #fff; @header__type4_top_panel_link-hover-color: #fff; @header__type4_top_link_split-color: #eee; @header__type5_nav_link-color: #3d3734; @header__type5_nav_link-hover-color: #fff; @header__type5_nav_link-hover-background-color: #3d3734; @header__type6_nav_link-color: #08c; @header__type6_nav_link-hover-color: #fff; @header__type6_nav_link-hover-background-color: #08c; @header__type6_top_panel_background-color: #08c; @header__type6_top_panel_text-color: #fff; @header__type6_top_panel_link-color: #fff; @header__type6_top_panel_link-hover-color: #fff; @header__background-color: @header__type1_background-color; @header__border-color: @header__type1_border-color; @header-panel__background-color: @header__type1_top_panel_background-color; @header-panel__text-color: @header__type1_top_panel_text-color; @header__top_link_split-color: @header__type1_top_link_split-color; // Minicart @minicart-icons-color: @theme-color; @minicart-icons-color-hover: @minicart-icons-color; @minicart__border-color: #eee; @minicart__text-color: @base-font-color; @header-type1-minicart__icon_color: @theme-color; @header-type1-minicart__qty_color: #fff; @header-type1-minicart-qty__height: 24px; @header-type2-minicart__icon_color: #fff; @header-type2-minicart__qty_color: #000; @header-type2-minicart-qty__height: 24px; @header-type3-minicart__background_color: #101010; @header-type3-minicart__icon_color: #fff; @header-type3-minicart__qty_color: #fff; @header-type3-minicart-qty__height: 24px; @header-type4-minicart__background_color: #fff; @header-type4-minicart__icon_color: #777; @header-type4-minicart__qty_color: #777; @header-type4-minicart-qty__height: 24px; @header-type5-minicart__icon_color: #08c; @header-type5-minicart__qty_color: #08c; @header-type6-minicart__icon_color: #08c; @header-type6-minicart__qty_color: #fff; @minicart__icon_color: @header-type1-minicart__icon_color; @minicart__qty_color: @header-type1-minicart__qty_color; @minicart-qty__height: @header-type1-minicart-qty__height; // Navigation @navigation__background: transparent; @mobile_navigation__background: #f6f6f6; @mobile_navigation__font-color: #777; @mobile_navigation__border-color: #ddd; @mobile_navigation_submenu__font-color: #777; @mobile_navigation_opened_submenu__background-color : #eee; @mobile_navigation_opened_submenu-item_icon-color: #aaa; @mobile_navigation-tab__background: @theme-color; @mobile_navigation-tab__font-color: #fff; @mobile_navigation-tab-active__font-color: @theme-color; // Breadcrumbs @breadcrumbs__font-size: 13px; @breadcrumbs__container-margin: 0; @breadcrumbs__padding: 12px 0; @breadcrumbs-icon__font-color: inherit; @breadcrumbs-icon__font-vertical-align: middle; @breadcrumbs__background-color: #171717; @breadcrumbs__font-color: #fff; // Footer @footer-middle_background-color: #121214; @footer-middle_font-color: #777; @footer-middle-block-title_font-color: #fff; @footer-middle-link_font-color: #fff; @footer-middle-icon_font-color: #777; @footer-middle-newsletter-input_background-color: #dcdcdc; @footer-bottom_background-color: #0c0c0c; @footer-ribbon_background-color: @theme-color; @footer-ribbon_font-color: #fff; // Category @product-info-price: #444; @product-info-old-price: #999; @cart-price-color: #444; // Toolbar @toolbar-element-background: #fff; @toolbar-mode-icon-font-size: 12px; // Product @product-view-product-info-price: @theme-color; @product-view-product-info-old-price: #999; @product-info-page-title: #555; @product-reviews-summary-links: #bdbdbd; @tab-control__border-color: #eee; // Addtolinks @addto-wishlist-icon: #ed4949; @addto-compare-icon: #52b9b5; @mailto-friend-icon: #999; // // Pager // --------------------------------------------- @pager__font-weight: @font-weight__regular; @pager__line-height: @indent__l; @pager-item__margin: 0 5px 0 0; @pager-item__padding: 0 @indent__xs; // Pager link.action @pager-action__background: #fff; @pager-action__border: 1px solid #ccc; @pager-action__color: #999; @pager-action__hover__color: #fff; @pager-action__hover__border: 1px solid @theme-color; @pager-action__hover__background: @theme-color; @pager-icon__font-margin: 0; @pager-icon__font-size: 16px; // Pager link.action active @pager-action__active__color: #fff; @pager__active__color: #fff; @pager__background: #fff; @pager__border: 1px solid #ccc; @pager__hover__background: @theme-color; @pager__hover__color: #fff; @pager__hover__border: 1px solid @theme-color; @pager-current__color: #fff; @pager-current__background: @theme-color; @pager-current__border: 1px solid @theme-color; @pager-current__font-weight: 400; @pager__font-size: 13px; @pager__line-height: 24px; // // Rating // --------------------------------------------- @rating-icon__font-size: 16px; @rating-icon__letter-spacing: 2px; @rating-icon__color: #c3c5c9; @rating-icon__active__color: #ffc600; // Color nesting @panel__background-color: @color-gray-light0; @border-color__base: @color-gray80; // Headings @h3__font-weight: @font-weight__semibold; @h3__margin-top: @indent__base; // // Tables // --------------------------------------------- @table-cell__padding-vertical: 11px; @table-cell-stripped__background-color: @table-cell__hover__background-color; @table-responsive-th__background-color: @table-cell-stripped__background-color; @table-responsive-cell__padding: @indent__xs @indent__s; // Tabs @tab-control__font-weight: @font-weight__regular; @tab-control__height: @indent__base*2; @tab-control__margin-right: -1px; @tab-control__padding-top: 1px; @tab-control__padding-right: 35px; // Tabs content @tab-content__padding-top: 35px; @tab-content__padding-right: @tab-control__padding-right; // // Accordion // --------------------------------------------- @accordion-control__font-family: false; @accordion-control__font-size: @font-size__base; @accordion-control__font-style: false; @accordion-control__font-weight: @font-weight__semibold; @accordion-control__border-right: false; @accordion-control__border-bottom: false; @accordion-control__border-left: false; @accordion-control__background-color: false; @accordion-control__color: @primary__color; @accordion-control__hover__background-color: false; @accordion-control__hover__color: @accordion-control__color; @accordion-control__active__background-color: false; @accordion-control__active__color: @accordion-control__color; @accordion-control__margin-bottom: 0; @accordion-control__padding-right: @indent__s; @accordion-control__padding-left: @indent__s; @accordion-content__border: false; @accordion-content__margin: 0; @accordion-content__padding: @indent__s @indent__s @indent__l; // // Buttons // --------------------------------------------- @button__font-weight: @font-weight__semibold; // Default = secondary button @button__background: @color-gray-darken0; @button__border: 1px solid @border-color__base; @button__hover__color: @button__color; @button__hover__background: darken(@button__background, 5%); @button__active__background: @color-gray-darken1; // Primary button @button-primary__hover__color: @color-white; @button-primary__active__background: @link__hover__color; @button-primary__active__border: 1px solid @link__hover__color; @button-primary__active__color: @color-white; // Button with icon @button-icon__line-height: @icon-font__line-height; // // Icons // --------------------------------------------- @icon-wishlist-empty: false; @icon-comment-reflected: false; @icon-compare-empty: false; @icon-arrow-up-thin: false; @icon-arrow-right-thin: false; @icon-arrow-left-thin: false; @icon-arrow-down-thin: false; @icon-wishlist-empty: '\e601'; // // Messages // --------------------------------------------- @message__padding: 12px @indent__base 12px @indent__m; @message__line-height: false; @message-icon__font-size: 24px; @message-icon__inner-padding-left: 45px; @message-icon__top: 22px; @message-error-icon: @icon-error; @message-success-icon: @icon-success; // // Loaders // --------------------------------------------- @loader-overlay__background-color: rgba(255, 255, 255, .7); // // Forms // --------------------------------------------- // Form fieldset @form-fieldset-legend__font-size: 18px; @form-fieldset-legend__font-weight: @font-weight__light; @form-fieldset-legend__margin: 0 0 @indent__base; @form-fieldset-legend__padding: 0 0 @indent__s; @form-fieldset-legend__width: 100%; // Form field @form-field-type-revert: false; @form-field__additional-vertical-indent: @indent__s; // Form field label @form-field-label__font-size: 14px; @form-field-label__font-weight: 400; @form-field-type-label-block__margin: 0 0 8px; // Form field note icon @form-field-note-icon-font__content: false; // // Dropdowns // --------------------------------------------- @dropdown-toggle-icon__content: @icon-down; @dropdown-toggle-icon__active__content: @icon-up; @dropdown-toggle-icon__font-size: 12px; // Split dropdown @dropdown-split-actions__padding: 0 @indent__xs; @dropdown-split-toggle__actions__padding: false; // Actions-toolbar @actions-toolbar-actions__position: left; @actions-toolbar-actions-primary__margin: 0 15px 0 0; // // Breadcrumbs // --------------------------------------------- @breadcrumbs__container-margin: 0 0 15px; @breadcrumbs-icon__font-size: 10px; @breadcrumbs-icon__font-margin: 0 @indent__s; // // Popups // --------------------------------------------- @popup__border: 1px solid @color-gray68; @popup-title-headings__level: h2; // Popup icons @popup-icon-font__size: 16px; @popup-icon-font__line-height: 16px; @popup-icon-font__color: @color-gray55; @popup-icon-font__color-hover: darken(@popup-icon-font__color, 10%); @popup-icon-font__color-active: @popup-icon-font__color-hover; // Window overlay @overlay__background: @color-gray55; @overlay__opacity: .7; @overlay__opacity-old: 70; @gallery-thumb-border-color-active: @active__color; // Modal popup @modal-action-close__font-size: @font-size__base; // Checkout tooltip icon @checkout-tooltip-icon__font-size: 21px; // Checkout Payment Option icon @checkout-payment-option-title-icon__font-size: 14px; @checkout-payment-option-title-icon__line-height: 16px; @checkout-payment-option-title-icon__margin: 0 0 0 @indent__s; // Checkout Sidebar Shipping Information @checkout-sidebar-shipping-information-edit-icon__content: @icon-edit; @checkout-sidebar-shipping-information-edit-icon__font-size: 18px; @checkout-sidebar-shipping-information-edit-icon__line-height: 20px; @checkout-sidebar-shipping-information-edit-icon__top: @indent__s; // Checkout @checkout-sidebar__columns: 8; pub/static/frontend/Smartwave/porto/en_US/css/source/_price.less000077700000003155151323550660021027 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { // Prices .price-style-1() { .price { &-tier_price .price-excluding-tax, &-tier_price .price-including-tax { display: inline; } } } .price-style-2() { .price { &-including-tax, &-excluding-tax { display: inline !important; } &-including-tax:before { content: ' / '; } &-including-tax:after { content: '('attr(data-label)')'; } } } .price-style-3() { .price-including-tax, .price-excluding-tax { display: block; .lib-font-size(18); line-height: 1; .price { font-weight: @font-weight__bold; } .cart-tax-total { &:extend(.abs-tax-total all); &-expanded { &:extend(.abs-tax-total-expanded all); } } } .price-including-tax + .price-excluding-tax, .weee[data-label] { display: block; .lib-font-size(18); &:before { content: attr(data-label) ': '; .lib-font-size(11); } .price { .lib-font-size(11); } } } .price-style-1(); .price-style-3(); } pub/static/frontend/Smartwave/porto/en_US/css/source/_tables.less000077700000007167151323550660021206 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .table { margin-bottom: 0; } th.mark { background-color: transparent; } .table-wrapper { margin-bottom: @indent__base; } table { .lib-table-caption(); } .table { tfoot { border-top: 1px solid #ccc; > tr { &:first-child { th, td { border-top: @table__border-width @table__border-style @table__border-color; padding-top: @indent__base; } } } th, td { border: 0; } .mark { font-weight: @font-weight__regular; text-align: right; } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper { border-top: @table__border-width @table__border-style @table__border-color; .lib-table-overflow(); position: relative; // To hide unnecessary horizontal scrollbar in Safari .table:not(.totals):not(.cart):not(.table-comparison) { .lib-table-responsive(); tbody { > tr { > td:first-child { padding-top: 15px; } > td:last-child { border-bottom: @table__border-width @table__border-style @table__border-color; padding-bottom: 15px; } > td.col.qty { text-align: left; } } } &.additional-attributes { tbody { th { &:extend(.abs-no-display-s all); } td { &:last-child { border: none; padding: 0 0 @indent__xs; } } } } } .table:not(.totals):not(.table-comparison) { tfoot { display: block; tr { display: block; &:extend(.abs-add-clearfix-mobile all); &:first-child { th, td { padding-top: @indent__base; } } } .mark { box-sizing: border-box; float: left; text-align: left; width: 70%; } .amount { box-sizing: border-box; float: left; text-align: right; width: 30%; } .grand.totals { .lib-font-size(16); .amount { padding-bottom: @indent__s; } } } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .table { .lib-table-bordered( @_table_type: horizontal_body ); } } pub/static/frontend/Smartwave/porto/en_US/css/source/_icons.less000077700000000525151323550660021036 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ & when (@media-common = true) { .lib-font-face( @family-name: @icons__font-name, @font-path: @icons__font-path, @font-weight: normal, @font-style: normal, @font-display: block ); } pub/static/frontend/Smartwave/porto/en_US/css/source/_components.less000077700000000427151323550660022111 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Components // _____________________________________________ @import 'components/_modals.less'; // From lib @import 'components/_modals_extend.less'; // Local pub/static/frontend/Smartwave/porto/en_US/css/source/_extends.less000077700000112331151323550660021374 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // List default styles reset // --------------------------------------------- .abs-reset-list { .lib-list-reset-styles(); > li { margin: 0; } } // // Primary button // --------------------------------------------- .action-primary { .lib-button-primary(); .lib-css(border-radius, @button__border-radius); } // // Secondary button // --------------------------------------------- .abs-revert-to-action-secondary { &:extend(.abs-revert-secondary-color all); .lib-css(border-radius, @button__border-radius); } // // Link as a button // --------------------------------------------- .abs-action-link-button { .lib-button(); .lib-link-as-button(); .lib-css(border-radius, @button__border-radius); } // // Button as a link // --------------------------------------------- .abs-action-button-as-link { .lib-button-as-link( @_margin: false ); border-radius: 0; .lib-css(font-weight, @font-weight__regular); &:active, &:not(:focus) { box-shadow: none; } } // // Large button // --------------------------------------------- .abs-button-l { line-height: 1; padding: 0 17px; } // // Product options list // --------------------------------------------- @abs-product-options-list: { dt { float: left; clear: left; margin: 0 @indent__s @indent__xs 0; &:after { content: ': '; } } dd { float: left; display: inline-block; margin: 0 0 @indent__xs; } }; .abs-product-options-list { @abs-product-options-list(); } // // Desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-product-options-list-desktop { @abs-product-options-list(); } } // // Button reset width, floats, margins // --------------------------------------------- .abs-button-responsive { .lib-button-responsive(); } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-button-desktop { width: auto; } } // // Blocks in 2 columns // --------------------------------------------- @abs-blocks-2columns: { width: 48%; &:nth-child(1) { float: left; clear: left; } &:nth-child(2) { float: right; & + * { clear: both; } } }; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-blocks-2columns { @abs-blocks-2columns(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-blocks-2columns-s { @abs-blocks-2columns(); } } // // Reset image alignment in container // --------------------------------------------- .abs-reset-image-wrapper { height: auto; padding: 0!important; .product-image-photo { position: static; } } // // Adaptive images // --------------------------------------------- .abs-adaptive-images { display: block; height: auto; max-width: 100%; } .abs-adaptive-images-centered { display: block; height: auto; max-width: 100%; margin: 0 auto; } // // Title for login blocks // --------------------------------------------- .abs-login-block-title { strong { font-weight: 400; } margin-bottom: 15px; .lib-font-size(18); } // // Simple Dropdown // --------------------------------------------- .abs-dropdown-simple { .lib-dropdown( @_dropdown-list-item-padding: 5px 5px 5px 23px, @_dropdown-list-min-width: 200px, @_icon-font-margin: 0 0 0 5px, @_icon-font-vertical-align: middle ); ul.items { padding: 6px 0; } } // // Input quantity // --------------------------------------------- .abs-input-qty { width: 54px; text-align: center; } // // Marging for blocks & widgets // --------------------------------------------- .abs-margin-for-blocks-and-widgets { margin-bottom: @indent__xl; } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-margin-for-blocks-and-widgets-desktop { margin-bottom: @indent__xl + @indent__s; } } // // Remove button for blocks // --------------------------------------------- .abs-remove-button-for-blocks { .lib-icon-font( @icon-remove, @_icon-font-size: 12px, @_icon-font-line-height: 15px, @_icon-font-text-hide: true, @_icon-font-color: @color-gray60, @_icon-font-color-hover: @color-gray-darken4, @_icon-font-color-active: @color-gray60 ); } // // Product link // --------------------------------------------- .abs-product-link { font-weight: @font-weight__regular; > a { .lib-link( @_link-color: @product-name-link__color, @_link-text-decoration: @product-name-link__text-decoration, @_link-color-visited: @product-name-link__color__visited, @_link-text-decoration-visited: @product-name-link__text-decoration__visited, @_link-color-hover: @product-name-link__color__hover, @_link-text-decoration-hover: @product-name-link__text-decoration__hover, @_link-color-active: @product-name-link__color__active, @_link-text-decoration-active: @product-name-link__text-decoration__active ); } } // // Link // --------------------------------------------- .abs-like-link { .lib-link(); cursor: pointer; } // // Reset left margin // --------------------------------------------- @abs-reset-left-margin: { margin-left: 0; }; .abs-reset-left-margin { @abs-reset-left-margin(); } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-reset-left-margin-desktop { @abs-reset-left-margin(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-reset-left-margin-desktop-s { @abs-reset-left-margin(); } } // // Action with icon remove with text // --------------------------------------------- .abs-action-remove { &:extend(.abs-action-button-as-link all); width: auto; line-height: normal; position: absolute; top: 34px; margin-left: 73%; } // // Action with icon remove with text for desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-action-remove-desktop { margin-left: 90%; } } // // Add Recipient // --------------------------------------------- .abs-add-fields { .fieldset { .field { .control { width: 70%; } } .actions-toolbar { &:extend(.abs-add-clearfix all); > .secondary { .action { &.add { margin-top: @indent__l; } } float: left; } } .fields { .actions-toolbar { margin: 0; } } } .additional { margin-top: 55px; position: relative; } .action { &.remove { &:extend(.abs-action-remove all); } } .message { &.notice { margin: @indent__l 0 0; } } } // // Add Recipient for desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-fields-desktop { .fieldset { .field { .control { width: auto; } } .additional { .action { &.remove { &:extend(.abs-action-remove-desktop all); } } } } } } // // Margin for forms // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-margin-for-forms-desktop { .lib-css(margin-left, @form-field-type-label-inline__width); } } // // Visibility hidden / show visibility hidden // --------------------------------------------- @abs-hidden: { .lib-visibility-hidden(); }; .abs-hidden { @abs-hidden(); } // // Visually hidden / show visually hidden // --------------------------------------------- @abs-visually-hidden: { .lib-visually-hidden(); }; .abs-visually-hidden { @abs-visually-hidden(); } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-visually-hidden-mobile { @abs-visually-hidden(); } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-visually-hidden-mobile-m { @abs-visually-hidden(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-visually-hidden-desktop-s { @abs-visually-hidden(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-visually-hidden-desktop { @abs-visually-hidden(); } } // // Visually hidden reset // --------------------------------------------- .abs-visually-hidden-reset { .lib-visually-hidden-reset(); } // // Clearfix // --------------------------------------------- @abs-add-clearfix: { .lib-clearfix(); }; .abs-add-clearfix { @abs-add-clearfix(); } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-clearfix-desktop { @abs-add-clearfix(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-add-clearfix-desktop-s { @abs-add-clearfix(); } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-add-clearfix-mobile { @abs-add-clearfix(); } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-add-clearfix-mobile-m { @abs-add-clearfix(); } } // // Box-sizing // --------------------------------------------- @abs-add-box-sizing: { box-sizing: border-box; }; .abs-add-box-sizing { @abs-add-box-sizing(); } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-box-sizing-desktop { @abs-add-box-sizing(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-add-box-sizing-desktop-s { @abs-add-box-sizing(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-box-sizing-desktop-m { @abs-add-box-sizing(); } } // // Revert field type // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-revert-field-type-desktop { .fieldset { > .field, .fields > .field { .lib-form-field-type-revert(@_type: block); &:not(:first-child):last-of-type { margin-bottom: 0; } } } } } // // Settings icons // --------------------------------------------- .abs-navigation-icon { .lib-icon-font( @_icon-font-content: @icon-down, @_icon-font-size: 34px, @_icon-font-line-height: 1.2, @_icon-font-position: after, @_icon-font-display: block ); &:after { position: absolute; right: 5px; top: 0; } } // // Split button // --------------------------------------------- .abs-split-button { .lib-dropdown-split( @_options-selector : ~".items", @_dropdown-split-button-border-radius-fix: true ); vertical-align: middle; } // // Field 2 column // --------------------------------------------- @abs-form-field-column-2: { .fieldset { .field { &:nth-last-child(1), &:nth-last-child(2) { margin-bottom: 0; } .lib-form-field-column(@_column: true); .field { width: 100%; padding: 0; } } } }; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-form-field-column-2 { @abs-form-field-column-2(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-form-field-column-2-s { @abs-form-field-column-2(); } } // // Field 1 column // --------------------------------------------- @abs-form-field-revert-column-1: { .lib-form-field-column-number(@_column-number: 1); }; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-form-field-revert-column-1 { @abs-form-field-revert-column-1(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-form-field-revert-column-1-s { @abs-form-field-revert-column-1(); } } // // Checkout shipping methods title // --------------------------------------------- .abs-methods-shipping-title { .lib-font-size(16); margin-bottom: 15px; .lib-css(font-weight, @font-weight__semibold); } // // Checkout order review // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-checkout-order-review { tbody > tr { &:extend(.abs-add-clearfix-mobile all); &:not(:last-child) { .lib-css(border-bottom, @border-width__base solid @border-color__base); } > td.col { &.item { &:before { display: none; } } &.qty, &.price, &.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; &:before { content: attr(data-th) ":"; display: block; font-weight: @font-weight__bold; padding-bottom: @indent__s; } } &:last-child { border: 0; } } } .product-item-name { margin: 0; } } } // // Add to Actions // --------------------------------------------- .abs-actions-addto { .lib-css(color, @addto-color); display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: @font-weight__semibold; letter-spacing: .05em; width: 32px; height: 32px; line-height: 30px; border: 1px solid @addto-color; border-radius: 5px; .lib-icon-font( @_icon-font-content: '', @_icon-font-size: 17px, @_icon-font-vertical-align: middle ); &:hover { text-decoration: none; } &:before { display: block; } } // // Box-tocart block // --------------------------------------------- .abs-box-tocart { margin: 0 0 @indent__l; } // // General pages forms // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-forms-general-desktop { max-width: 500px; .legend { .lib-visually-hidden(); } .legend + br { display: none; } } } // // Revert side paddings // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-revert-side-paddings { padding-left: 0; padding-right: 0; } } // // Abstract toggle title block // --------------------------------------------- @abs-toggling-title: { .lib-css(border-top, @border-width__base solid @border-color__base); cursor: pointer; margin-bottom: 0; position: relative; &:after { position: absolute; right: @indent__base; top: @indent__s; } }; .abs-toggling-title { @abs-toggling-title(); .lib-css(padding, @indent__s @indent__xl @indent__s @mobile-cart-padding); .lib-icon-font( @icon-down, @_icon-font-size: 12px, @_icon-font-line-height: 12px, @_icon-font-text-hide: true, @_icon-font-margin: 3px 0 0, @_icon-font-position: after, @_icon-font-display: block ); } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-toggling-title-mobile { @abs-toggling-title(); .lib-css(border-bottom, @border-width__base solid @border-color__base); .lib-css(padding, @indent__s @indent__xl @indent__s @layout__width-xs-indent); .lib-icon-font( @icon-down, @_icon-font-size: 12px, @_icon-font-text-hide: false, @_icon-font-margin: 3px 0 0 0, @_icon-font-position: after, @_icon-font-display: block ); &.active { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } } } // // Cart discount block // --------------------------------------------- .abs-cart-block { margin: 0; > .title { &:extend(.abs-toggling-title all); &:after { color: @color-gray52; } } .content { display: none; .lib-css(padding, 5px @mobile-cart-padding 23px); position: relative; } &.active { > .title { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } .content { display: block; } } } .abs-cart-block-content { margin: 0; } // // Checkout order review price // --------------------------------------------- .abs-checkout-cart-price { .lib-font-size(14); font-weight: 400; } // // Checkout order product name // --------------------------------------------- .abs-checkout-product-name { .lib-font-size(14); font-weight: @font-weight__light; margin: 0; } // // Mobile checkout order product name // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-product-items-summary { tbody { .col { padding: @indent__s 0 0; &:last-child { padding-bottom: @indent__s } } } tfoot { .mark { padding-bottom: @indent__xs; text-align: left; } .amount { padding-top: 0; text-align: left; } .grand.totals { .lib-font-size(16); .mark { padding-top: @indent__xs; padding-bottom: 0; } .amount { padding-bottom: @indent__s; padding-top: 0; strong { border-top: none; } } } } } } // // Account pages: title // --------------------------------------------- // // Account pages: block line-height // --------------------------------------------- .abs-account-block-line-height { line-height: 24px; } // // Account pages: margin for table // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-account-table-margin-mobile { .lib-css(margin-top, -@indent__base); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-account-table-margin-desktop { .lib-css(margin-top, -@indent__m); } } // // Account pages: table col actions // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-col-no-prefix { &:before { .lib-visually-hidden(); } } } // // Account pages: order table summary // --------------------------------------------- .abs-account-summary { td { } } // // Action print with icon // --------------------------------------------- @abs-action-print: { .lib-icon-font( @icon-print, @_icon-font-size: 16px, @_icon-font-line-height: 16px, @_icon-font-margin: 0 4px 0 0, @_icon-font-position: before ); &:hover { text-decoration: underline; } }; .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-action-print { @abs-action-print(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-action-print-s { @abs-action-print(); } } // // Excl/Incl tax // --------------------------------------------- .abs-incl-excl-tax { .price-including-tax, .price-excluding-tax { .lib-css(color, @cart-price-color); display: block; .lib-font-size(13); line-height: 1; white-space: nowrap; .price { font-weight: 400; } } } .abs-adjustment-incl-excl-tax { .price-including-tax, .price-excluding-tax { display: inline-block; .lib-font-size(14); } .price-including-tax + .price-excluding-tax { display: inline-block; .lib-font-size(11); &:before { content: "("attr(data-label)": "; } &:after { content:")"; } } } // // Cart tax total // --------------------------------------------- .abs-tax-total { cursor: pointer; position: relative; padding-right: @indent__s; .lib-icon-font( @icon-down, @_icon-font-size: 8px, @_icon-font-line-height: 8px, @_icon-font-margin: 3px 0 0 0, @_icon-font-position: after ); &:after { position: absolute; right: -2px; top: 4px; } } .abs-tax-total-expanded { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } // // Forms: margin-bottom for small forms // --------------------------------------------- .abs-forms-margin-small { .lib-css(margin-bottom, @indent__base); } // // Forms: margin-bottom for small forms // --------------------------------------------- .abs-rating-summary { .rating { &-summary { display: table-row; } &-label { display: table-cell; vertical-align: top; padding-top: 1px; padding-right: @indent__m; padding-bottom: @indent__xs; } &-result { vertical-align: top; display: table-cell; } } } // // Account pages: actions // --------------------------------------------- .abs-account-actions { &:after { content: ""; display: inline-block; height: 12px; margin: 0 @indent__s; .lib-css(border-left, 1px solid @primary__color__light); vertical-align: -1px; } &:last-child { &:after { display: none; } } } // // Account blocks // --------------------------------------------- .abs-account-blocks { .block-title { &:extend(.abs-account-title all); > .action { float: right; font-size: 13px; line-height: 19px; } } .box-title { display: block; > .action { font-weight: 400; margin-left: @indent__s; } } } // // Add colon // --------------------------------------------- .abs-colon { &:after { content: ": "; } } // // Icon - create add // --------------------------------------------- .abs-icon-add { .lib-icon-font( @_icon-font-content: @icon-expand, @_icon-font-size: 10px, @_icon-font-line-height: 10px, @_icon-font-vertical-align: middle ); } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-icon-add-mobile { .lib-icon-font( @_icon-font-content: @icon-expand, @_icon-font-size: 10px, @_icon-font-line-height: 10px, @_icon-font-vertical-align: middle, @_icon-font-margin: 0 5px 0 0, @_icon-font-display: block ); } } // // Dropdown items - create new // --------------------------------------------- .abs-dropdown-items-new { .items .item:last-child { &:hover { .lib-css(background, @dropdown-list-item__hover); } } .action.new { &:extend(.abs-icon-add all); &:before { margin-left: -17px; margin-right: @indent__xs; } } } // // Abstract no display // --------------------------------------------- @abs-no-display: { display: none; }; .abs-no-display { @abs-no-display(); } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-no-display-s { @abs-no-display(); } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-no-display-desktop { @abs-no-display(); } } // // Status // --------------------------------------------- .abs-status { .lib-css(border, 2px solid @border-color__base); border-radius: 3px; display: inline-block; padding: 0 @indent__s; text-transform: uppercase; vertical-align: top; } // // Page title - orders pages // --------------------------------------------- .abs-title-orders { .page-main { .page-title-wrapper { .page-title { color: @theme-color; font-size: 20px; margin: 0 0 15px; font-weight: 400; } .order-date { font-size: 13px; margin-bottom: @indent__s; .label { display: none; } } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-title-orders-mobile { .page-main { .page-title-wrapper { .page-title { display: block; } .order-status { @order-status-indent: ceil(@h1__margin-bottom/2); margin: -@order-status-indent 0 @indent__s; } } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-title-orders-desktop { .page-main { .page-title-wrapper { .order-date { @order-date-indent: ceil(@h1__margin-bottom/1.5); margin: -@order-date-indent 0 18px; } } } } } // // Table striped // --------------------------------------------- .abs-table-striped { .lib-table-striped( @_stripped-highlight: even ); .lib-table-bordered( @_table_type: light ); } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-table-striped-mobile { > tbody > tr > td:last-child { border: 0; } } } // // Table bordered desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-table-bordered-desktop { .lib-table-bordered( @_table_type: light, @_table_border-width: 1px ); } } // // Pager toolbar for non-catalog pages desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-pager-toolbar { position: relative; .toolbar-amount, .limiter { position: relative; z-index: 1; } .toolbar-amount { .lib-css(line-height, @pager__line-height); padding: 0; } .pages { position: absolute; z-index: 0; width: 100%; } } } // // Items counter in blocks // --------------------------------------------- .abs-block-items-counter { .lib-css(color, @primary__color__lighter); .lib-font-size(12px); white-space: nowrap; } // // Sidebar and widget blocks title // --------------------------------------------- .abs-block-widget-title { strong { font-size: 16px; font-weight: 600; color: #000; } margin: 0 0 @indent__base; } // // Shopping cart items // --------------------------------------------- .abs-shopping-cart-items { margin-bottom: @indent__base; .actions.main { .continue, .clear { display: none; } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-shopping-cart-items-desktop { .lib-layout-column(2, 1, @layout-column-checkout__width-main); &:extend(.abs-add-box-sizing-desktop all); padding-right: 4%; position: relative; } } // // Remove top border // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-no-border-top { border-top: 0; } } // // Remove bottom border //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-no-border-bottom { border-bottom: 0; } } // // Form Field Date // --------------------------------------------- .abs-field-date { .control { position: relative; &:extend(.abs-add-box-sizing all); } input { &:extend(.abs-field-date-input); } } // // Form Field Date Input // --------------------------------------------- .abs-field-date-input { .lib-css(margin-right, @indent__s); width: calc(~"100% - (@{icon-calendar__font-size} + @{indent__s})"); } // // Form Field Tooltip // --------------------------------------------- .abs-field-tooltip { &:extend(.abs-add-box-sizing all); position: relative; input { .lib-css(margin-right, @indent__s); width: calc(~"100% - (@{checkout-tooltip-icon__font-size} + @{indent__s} + @{indent__xs})"); } } // // Checkout Tooltip Content (position: top) // --------------------------------------------- @abs-checkout-tooltip-content-position-top: { .lib-css(right, @checkout-tooltip-content-mobile__right); .lib-css(top, @checkout-tooltip-content-mobile__top); left: auto; &:before, &:after { .lib-arrow( @_position: top, @_size: @checkout-tooltip-icon-arrow__font-size, @_color: @checkout-tooltip-content__background-color ); .lib-css(margin-top, @checkout-tooltip-icon-arrow__left); .lib-css(right, @indent__s); left: auto; top: 0%; } &:before { .lib-css(border-bottom-color, @checkout-tooltip-content__active__border-color); } &:after { .lib-css(border-bottom-color, @checkout-tooltip-content__background-color); top: 1px; } }; .abs-checkout-tooltip-content-position-top { @abs-checkout-tooltip-content-position-top(); } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = (@screen__m + 1)) { .abs-checkout-tooltip-content-position-top-mobile { @abs-checkout-tooltip-content-position-top(); } } // // Checkout title // --------------------------------------------- .abs-checkout-title { .lib-css(padding-bottom, @checkout-step-title__padding); .lib-typography( @_font-size: @checkout-step-title__font-size, @_font-weight: @checkout-step-title__font-weight, @_font-family: false, @_font-style: false, @_line-height: false ); } // // Shopping cart sidebar and checkout sidebar totals // --------------------------------------------- .abs-sidebar-totals { border-top: 1px solid @border-color__base; padding-top: 10px; tbody, tfoot { .mark { border: 0; font-weight: @font-weight__regular; padding: 6px 0; } .amount { border: 0; font-weight: @font-weight__regular; padding: 6px 0 6px 14px; text-align: right; color: #000; } } .table-caption { &:extend(.abs-no-display all); } .grand { th, td { padding: 11px 0; } strong { display: inline-block; font-weight: @font-weight__semibold; padding: 3px 0 0; } .mark { border-top: 1px solid @border-color__base; .lib-font-size(18); padding-right: @indent__s; } .amount { border-top: 1px solid @border-color__base; .lib-font-size(18); } } .msrp { margin-bottom: @indent__s; } tbody tr:last-child td { padding-bottom: 19px; } .totals-tax { &-summary { .mark, .amount { border-top: @border-width__base solid @border-color__base; border-bottom: @border-width__base solid @border-color__base; cursor: pointer; } .amount .price { position: relative; padding-right: @indent__base; .lib-icon-font( @icon-down, @_icon-font-size: 12px, @_icon-font-line-height: 12px, @_icon-font-text-hide: true, @_icon-font-position: after ); &:after { position: absolute; right: 3px; top: 3px; } } &.expanded { .mark, .amount { border-bottom: 0; } .amount .price { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } } } &-details { display: none; border-bottom: @border-width__base solid @border-color__base; &.shown { display: table-row; } } } .table-wrapper { margin-bottom: 0; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-sidebar-totals-mobile { th { &:extend(.abs-col-no-prefix all); } td { &:extend(.abs-col-no-prefix all); } tbody tr:not(:last-child) td { &:extend(.abs-no-border-bottom-top all); } .amount { text-align: right; } } } // // Shopping cart and payment disaount codes block // --------------------------------------------- .abs-discount-block { .block { &:extend(.abs-cart-block all); > .title { strong { color: @color-blue1; font-weight: @font-weight__regular; } } } .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; .action { &.primary, &.cancel { &:extend(.abs-revert-to-action-secondary all); border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -1px; white-space: nowrap; width: auto; } } .secondary { bottom: 5px; left: @mobile-cart-padding; position: absolute; } } .action.check { &:extend(.abs-action-button-as-link all); font-weight: @font-weight__regular; } .fieldset { display: table; width: 100%; > .field { > .label { display: none; } } } .field { display: table-cell; } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-discount-block-desktop { .block { &:extend(.abs-blocks-2columns all); width: 48%; > .title { border: 0; cursor: default; padding: 0 0 @indent__s; strong { .lib-font-size(16); } &:after { display: none; } } .content { display: block !important; // Need for overwriting collapsible widget padding: 0; } } .actions-toolbar { .secondary { bottom: -30px; left: 0; position: absolute; } } } }pub/static/frontend/Smartwave/porto/en_US/css/source/_variables.less000077700000003743151323550660021700 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Porto theme variables // _____________________________________________ @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @screen__m: 768px; @screen__l: 992px; @screen__xl: 1200px; @screen__xxl: 1360px; // // Typography // --------------------------------------------- // Fonts @font-family-name__base: 'Open Sans'; @font-family__base: @font-family-name__base, @font-family__sans-serif; // Colors nesting @page__background-color: @color-white; @copyright__background-color: @color-gray56; // // Icons // --------------------------------------------- @icon-font-family: 'porto-icons'; @icon-up: '\f804'; @icon-down: '\f807'; @icon-up-dir: '\f820'; @icon-down-dir: '\f823'; @icon-left-dir: '\f822'; @icon-right-dir: '\f821'; @icon-cart: '\f814'; @icon-mini-cart: '\f815'; @icon-search: '\f818'; @icon-up-open: '\f810'; @icon-right-open: '\f811'; @icon-left-open: '\f812'; @icon-down-open: '\f813'; @icon-remove: '\f819'; @icon-edit: '\f826'; @icon-trash: '\f81a'; @icon-menu: '\f827'; @icon-right-open: '\f801'; @breadcrumbs-icon__font-content: '\f80d'; @icon-grid: '\f839'; @icon-list: '\f83a'; @icon-next: '\f801'; @icon-prev: '\f802'; @icon-wishlist-full: '\f816'; @icon-wishlist-empty: '\f83c'; @icon-compare-full: '\f83b'; @icon-compare-empty: '\f83b'; @icon-envelope: '\f84c'; @icon-arrow-up: '\f840'; @icon-arrow-down: '\f842'; @icon-star: '\f844'; @icon-star-empty: '\f845'; @icon-warning: '\f84a'; @icon-success: '\f846'; @icon-error: '\f847'; @icon-checkmark: '\f82b'; @icon-help: '\f853'; @icon-print: '\e624'; @icon-download: '\e626'; @icon-private: '\e629'; @icon-present: '\e62a'; @icon-gift-registry: '\e62b'; @icon-calendar__font-size: 23px; // // Sidebar // --------------------------------------------- @sidebar__background-color: @color-white-smoke; // Used in cart sidebar, Checkout sidebar, Tier Prices, My account navigation, Rating block background pub/static/frontend/Smartwave/porto/en_US/css/source/_sources.less000077700000001131151323550660021400 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ @import '_variables.less'; @import (reference) '_extends.less'; @import '_typography.less'; @import '_layout.less'; @import '_tables.less'; @import '_messages.less'; @import '_navigation.less'; @import '_tooltips.less'; @import '_loaders.less'; @import '_forms.less'; @import '_icons.less'; @import '_buttons.less'; @import '_sections.less'; @import '_pages.less'; // Theme pager @import '_actions-toolbar.less'; @import '_breadcrumbs.less'; @import '_popups.less'; @import '_price.less'; pub/static/frontend/Smartwave/porto/en_US/css/source/_loaders.less000077700000001513151323550660021352 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .load.indicator { .lib-loader(); position: absolute; > span { display: none; } } .loading-mask { .lib-loading-mask(); background: rgba(255, 255, 255, .5); .loader { > img { .lib-loading-mask(); } > p { display: none; } } } body { > .loading-mask { z-index: @loader-overlay__z-index; } } ._block-content-loading { position: relative; } [data-role='main-css-loader'] { display: none; } } pub/static/frontend/Smartwave/porto/en_US/css/source/_buttons.less000077700000002175151323550660021424 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { // // Using buttons mixins //-------------------------------------- button, a.action.primary { .lib-css(border-radius, @button__border-radius); height: 38px; line-height: 22px; font-weight: 400; } button.action.switch { height: auto; } button { &:not(.primary) { border: 1px solid #ccc; color: #777; line-height: 30px; padding: 0 12px; height: 32px; background-color: #fff; } &:hover { color: #fff; background-color: @theme-color; border-color: @theme-color; } } body { &:not(._keyfocus) { button { &:focus { box-shadow: none; } } } } a.action.primary { .lib-link-as-button(); } .action.primary { .lib-button-primary(); font-weight: 400; line-height: 22px; } #discount-coupon-form { #coupon_code { border-radius: 3px 0 0 3px; } } } pub/static/frontend/Smartwave/porto/en_US/css/source/_reset.less000077700000000327151323550660021045 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ & when (@media-common = true) { .lib-magento-reset(); // Reset default styles with magento-reset } pub/static/frontend/Smartwave/porto/en_US/css/source/_sections.less000077700000005631151323550660021555 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .product.data.items { .lib-data-accordion(); border-bottom: @tab-control__border-width solid @tab-control__border-color; margin-bottom: @indent__base; margin-left: -@layout__width-xs-indent; margin-right: -@layout__width-xs-indent; .item.title { a { position: relative; .lib-icon-font( @_icon-font-content: @icon-down, @_icon-font-size: @font-size__base, @_icon-font-line-height: @icon-font__line-height, @_icon-font-color: @icon-font__color, @_icon-font-color-hover: @icon-font__color-hover, @_icon-font-color-active: @icon-font__color-active, @_icon-font-margin: @icon-font__margin, @_icon-font-vertical-align: @icon-font__vertical-align, @_icon-font-position: after, @_icon-font-display: false ); &:after { position: absolute; right: @accordion-control__padding-right; top: @accordion-control__padding-top; } } &.active a:after { content: @icon-up; } } .value p:last-child { margin-bottom: 0; } .table-wrapper { margin: 0; } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product.data.items { .lib-data-tabs(); border-bottom: 0; margin-left: 0; margin-right: 0; .item.title a:after { display: none; } > .item { &.title { margin: 0 1px 0 0; > .switch { font-size: 14px; border: 1px solid @tab-control__border-color; border-top-width: 3px; border-bottom-width: 0; border-radius: 5px 5px 0 0; line-height: 30px; padding: 1px 15px 1px 15px; } &.active { > .switch { &, &:focus, &:hover { border-top-color: @theme-color; color: @theme-color; } } } } &.content { margin-top: 35px; border-color: @tab-control__border-color; box-shadow: 0 1px 2px #eee; } } } } pub/static/frontend/Smartwave/porto/en_US/css/source/_popups.less000077700000006334151323550660021255 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @popup-marker__size: 7px; // // Common // _____________________________________________ & when (@media-common = true) { // Popup working with dropdown dialog .ui-dialog { &.popup { .action { &.close { .lib-css(bottom, @popup-button-close__position-bottom); .lib-css(left, @popup-button-close__position-left); .lib-css(position, @popup-button-close__position); height: 40px; right: 0; top: 0; width: 40px; z-index: 1001; .lib-button-icon( @_icon-font-content: @popup-icon-font__content, @_icon-font:@popup-icon-font, @_icon-font-size: @popup-icon-font__size, @_icon-font-line-height: @popup-icon-font__line-height, @_icon-font-color: @popup-icon-font__color, @_icon-font-color-hover: @popup-icon-font__color-hover, @_icon-font-color-active: popup-icon-font__color-active, @_icon-font-margin: @popup-icon-font__margin, @_icon-font-vertical-align: @popup-icon-font__vertical-align, @_icon-font-position: @popup-icon-font__position, @_icon-font-text-hide: @popup-icon-font__text-hide ); ._lib-popup-button-close-reset( @popup-button-close__reset ); } } } } .popup { .actions-toolbar { .action { &.cancel { &:extend(.abs-action-button-as-link all); font-weight: @font-weight__regular; } } } } .popup-pointer { .lib-pointer( @_size: @popup-marker__size, @_background-color: @popup__background, @_border-color: @popup__border-color, @_position__vertical__value: 2px, @_position__horizontal__value: 2px ); margin-left: -@popup-marker__size * 2; position: absolute; top: -@popup-marker__size * 2; } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .popup-content { .fieldset { .actions-toolbar { .secondary { display: inline-block; float: none; } .action { &.cancel { margin-top: @actions-toolbar-actions-links-secondary__margin-top; } } } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .ui-dialog { &.popup { width: 420px; } } } pub/static/frontend/Smartwave/porto/en_US/css/source/_navigation.less000077700000022751151323550660022067 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .panel.header { .links, .switcher { display: none; } } .nav-toggle { .lib-icon-font( @icon-menu, @_icon-font-size: 25px, @_icon-font-color: @header-icons-color, @_icon-font-color-hover: @header-icons-color-hover ); .lib-icon-text-hide(); cursor: pointer; display: block; font-size: 0; float: left; line-height: 60px; margin-right: 20px; position: relative; z-index: 1; } } // // Mobile // _____________________________________________ @active-nav-indent: 54px; .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .navigation { .parent { .level-top { position: relative; .lib-icon-font( @_icon-font-content: @icon-down, @_icon-font-size: 42px, @_icon-font-position: after, @_icon-font-display: block ); color: #777; &:after { position: absolute; right: 7px; top: -8px; } &.ui-state-active { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } } } } .nav-sections { .lib-css(transition, left .3s, 1); height: 100%; left: -80%; left: calc(~"-1 * (100% - @{active-nav-indent})"); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(~"100% - @{active-nav-indent}"); background-color: @mobile_navigation__background; .switcher { border-bottom: 1px solid @mobile_navigation__border-color; font-size: 1.4rem; font-weight: 400; margin: 0; padding: 12px 20px; height: auto; color: #777; strong { font-size: 13px; } .label { display: block; margin-bottom: @indent__xs; } &-trigger { strong { display: inline-block !important; position: relative; } } &-dropdown { .lib-list-reset-styles(); padding: @indent__s 0; } } .header.links { .lib-list-reset-styles(); color: @mobile_navigation_submenu__font-color; li { border-bottom: 1px solid @mobile_navigation__border-color; font-size: 1.3rem; margin: 0; &.greet.welcome { font-weight: 400; padding: 12px 20px; } } a, a:hover { .lib-css(color, @mobile_navigation__font-color); .lib-css(text-decoration, @navigation-level0-item__text-decoration); display: block; font-weight: 400; padding: 12px 20px; } a:hover { color: @_link-color-hover !important; } } } .nav-before-open { height: 100%; width: 100%; .page-wrapper { .lib-css(transition, left .3s, 1); height: 100%; left: 0; overflow: hidden; position: relative; } body { height: 100%; overflow: hidden; position: relative; width: 100%; } } .nav-open { .page-wrapper { left: 80%; left: calc(~"100% - @{active-nav-indent}"); overflow: visible; } .nav-sections { @_shadow: 0 0 5px 0 rgba(50, 50, 50, .75); .lib-css(box-shadow, @_shadow, 1); left: 0; z-index: 99; } .nav-toggle { &:after{ background: rgba(0,0,0,.01); content: ''; display: block; height: 100%; position: fixed; right:0; top: 0; width: 100%; z-index: 1; } } } header.page-header .nav-sections { &-items { .lib-clearfix(); position: relative; z-index: 1; } &-item-title { background: @mobile_navigation-tab__background; border: solid rgba(255,255,255,0.3); border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; &.active { background: transparent; border-bottom: 0; > a, > a:hover, > a:focus { color: @mobile_navigation-tab-active__font-color; } } > a, > a:hover, > a:focus { color: @mobile_navigation-tab__font-color; } } &-item-content { .lib-clearfix(); box-sizing: border-box; float: right; margin-left: -100%; margin-top: 71px; width: 100%; &.active { display: block; } } } .lib-main-navigation( @_nav-background-color: transparent, @_nav-level0-item-border: 1px solid @mobile_navigation__border-color, @_nav-level0-item-color: @mobile_navigation__font-color, @_nav-level0-font-size: 13px, @_nav-level0-font-weight: 400, @_submenu-item-color: @mobile_navigation_submenu__font-color ); .navigation { a { padding-top: 10px; padding-bottom: 10px; &:hover { color: @_link-color-hover !important; } } li.level0 { line-height: 16px; &:first-child { border-top: 0; } > a.level-top { padding: 13px 36px 13px 15px; } > a.ui-state-active { color: #000; font-weight: 600; &, & + .submenu { background-color: @mobile_navigation_opened_submenu__background-color; } } &.active .all-category .ui-state-focus, &.active > a:not(.ui-state-active), &.has-active > a:not(.ui-state-active), &.active > a:not(.ui-state-active) span:not(.ui-menu-icon), &.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { border-left: 0; margin-left: 0; } > .ui-menu-item > a { font-weight: 400; } .ui-menu-item > a:before { content: @icon-right-open; display: inline; font-family: @icon-font-family; margin-right: 10px; font-size: 16px; vertical-align: top; color: @mobile_navigation_opened_submenu-item_icon-color; } ul.level0 > .level1 { font-weight: 400; } } ul.submenu { &, &:not(:first-child) { padding-left: 15px; .active > a, .level1.active > a { padding-left: 15px; border: 0; font-weight: 600; } } > li { line-height: 16px; } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .nav-toggle { display: none; } .nav-sections { .lib-vendor-prefix-flex-shrink(0); .lib-vendor-prefix-flex-basis(auto); &-item-title { display: none; } &-item-content > * { display: none; } &-item-content > .navigation { display: block; z-index: 5; } } .lib-main-navigation-desktop( @_nav-level0-item__active__border-width: 0, @_nav-level0-item-line-height: 46px, @_nav-font-size: 12px, @_submenu-border-width: 0, @_submenu-border-style: solid, @_submenu-border-color: @theme-color, @_submenu-font-weight: 400, @_submenu-item-color: #777, @_submenu-item-padding: 9px 5px, @_submenu-item__hover__background-color: #f4f4f4, @_submenu-item-color-hover: #777 ); .panel.header { .links, .switcher { display: inline-block; margin: 0; vertical-align: middle; } .switcher { height: 15px; } } .navigation li.level0 { border-radius: 5px; transition-delay: 0.3s; margin-right: 4px; } } pub/static/frontend/Smartwave/porto/en_US/css/source/_messages.less000077700000001057151323550660021533 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .message.info { .lib-message-icon-inner(info); } .message.error { .lib-message-icon-inner(error); } .message.warning { .lib-message-icon-inner(warning); } .message.notice { .lib-message-icon-inner(notice); } .message.success { .lib-message-icon-inner(success); } } pub/static/frontend/Smartwave/porto/en_US/css/source/_actions-toolbar.less000077700000002752151323550660023027 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .actions-toolbar { > .primary, > .secondary { text-align: center; .action { &:extend(.abs-button-responsive all); margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } &.primary { //&:extend(.abs-button-l all); } } margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } } > .secondary { .action.back { display: none; } } } .sidebar .actions-toolbar { .action.primary { height: 32px; line-height: 30px; padding: 0 15px; } .secondary a.action { line-height: 32px; margin: 0; } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .actions-toolbar { .lib-actions-toolbar(); > .primary, > .secondary { margin-bottom: 0; .action { width: auto; margin-bottom: 0; } } } form { .actions-toolbar { .column:not(.sidebar-main) &, .column:not(.sidebar-additional) & { } } } } pub/static/frontend/Smartwave/porto/en_US/css/source/_breadcrumbs.less000077700000001717151323550660022220 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .breadcrumbs { .lib-breadcrumbs(); } .page-wrapper > .breadcrumbs { padding: 0; background-color: @breadcrumbs__background-color; color: @breadcrumbs__font-color; .items { color: inherit; padding: 10px 15px; margin: 0 auto; max-width: @layout__max-width; } a, a:hover, a:focus { color: @breadcrumbs__font-color; } .item:not(:last-child):after { line-height: 15px; } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .breadcrumbs { display: none; } } pub/static/frontend/Smartwave/porto/en_US/css/source/_widgets.less000077700000000374151323550660021373 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Theme widgets fallback // _____________________________________________ // Magento themes widgets fallback file. Should be EMPTY. pub/static/frontend/Smartwave/porto/en_US/css/source/.htaccess000077700000000177151323550660020475 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/css/source/_layout.less000077700000007163151323550660021245 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @layout-column-main__sidebar-offset: 2%; @layout-column__additional-sidebar-offset: @layout-column-main__sidebar-offset; // // Common //-------------------------------------- & when (@media-common = true) { .columns { #lib-layout-columns(); .column.main { &:extend(.abs-add-box-sizing all); .lib-vendor-prefix-flex-grow(1); .lib-vendor-prefix-flex-basis(100%); .lib-css(padding-bottom, @indent__xl); .lib-vendor-prefix-order(1); max-width: 100%; } .sidebar-main { &:extend(.abs-add-box-sizing all); .lib-vendor-prefix-flex-grow(1); .lib-vendor-prefix-flex-basis(100%); .lib-vendor-prefix-order(1); max-width: 100%; } .sidebar-additional { &:extend(.abs-add-box-sizing all); .lib-vendor-prefix-flex-grow(1); .lib-vendor-prefix-flex-basis(100%); .lib-vendor-prefix-order(2); max-width: 100%; } } .page-main { padding-top: 20px; padding-bottom: 50px; > .page-title-wrapper .page-title { font-size: 20px; margin: 0 0 15px; color: @theme-color; } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: @layout__width-xs-indent; padding-right: @layout__width-xs-indent; } .page-main { .account &, .cms-privacy-policy & { position: relative; padding-top: 41px; } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; width: auto; max-width: @layout__max-width; box-sizing: border-box; } .page-main { width: 100%; .lib-vendor-prefix-flex-grow(1); .lib-vendor-prefix-flex-shrink(0); .lib-vendor-prefix-flex-basis(auto); .ie9 & { width: auto; } } .columns { display: block; } .column.main { #lib-layout-columns > .main(); &:extend(.abs-add-box-sizing-desktop all); min-height: 300px; } .sidebar-main { #lib-layout-columns > .left(); padding-right: @layout-column-main__sidebar-offset; &:extend(.abs-add-box-sizing-desktop all); } .page-layout-2columns-right .sidebar-main { padding-right: 0; padding-left: @layout-column-main__sidebar-offset; } .sidebar-additional { #lib-layout-columns > .right(); padding-left: @layout-column__additional-sidebar-offset; clear: right; &:extend(.abs-add-box-sizing-desktop all); } .page-layout-2columns-left { .sidebar-additional { padding-right: @layout-column__additional-sidebar-offset; padding-left: 0; clear: left; float: left; } } .panel.header { padding: 10px 20px; } }pub/static/frontend/Smartwave/porto/en_US/css/source/_tooltips.less000077700000002473151323550660021604 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .tooltip.wrapper { .lib-tooltip( @_tooltip-position: bottom, @_tooltip-selector-content: ~'.tooltip.content', @_tooltip-selector-toggle: ~'.tooltip.toggle' ); .tooltip.content { dl { margin-bottom: 0; } dd { white-space: normal; } .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .label { margin-top: @indent__s; &:first-child { margin-top: 0; } } .values { margin: 0; } } } .ui-tooltip { position: absolute; z-index: 9999; } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .tooltip.wrapper { .tooltip.content { min-width: 10rem; } } } pub/static/frontend/Smartwave/porto/en_US/css/source/_email-variables.less000077700000001404151323550660022755 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Email variable overrides // _____________________________________________ // This file should be used to set theme-specific variables for emails. // By default, emails will inherit variables from the Magento UI Library and the _theme.less and _variables.less files // in a custom theme. Use this file if you want to set specific variables for emails. // For example, you can make the email font, typography, colors, etc unique from the frontend theme. // Structure @email-body__width: 660px; @email-body__padding: @indent__m; // Colors @email__background-color: @color-white-smoke; // Headings @h3__font-weight: @heading__font-weight__base; pub/static/frontend/Smartwave/porto/en_US/css/source/_email-extend.less000077700000002775151323550660022310 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Email extend styles // _____________________________________________ // // This file should be used for theme-specific styles for emails that extend or modify the styles in _email.less // This will allow you to edit email styles without copying and editing the _email.less file // Importing fonts from an external CSS file, rather than embedding @font-face declarations inside the <style> tag, // as the latter will cause font rendering issues if the web fonts are inaccessible. @import url("@{baseUrl}css/email-fonts.css"); .header { background-color: @email__background-color; padding: @email-body__padding; } .footer { background-color: @email__background-color; padding: @email-body__padding; table { width: 100%; td { padding-bottom: @email-body__padding; width: 33%; p { margin-bottom: 0; &.phone { font-size: @font-size__l; a { color: inherit; } } } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .header, .main-content, .footer { padding: @email-body__padding @indent__s !important; } .footer { td { display: block; width: auto !important; } } } pub/static/frontend/Smartwave/porto/en_US/css/source/_extend.less000077700000000361151323550660021210 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Extend fallback // _____________________________________________ // Magento extend fallback handling. Should be EMPTY. pub/static/frontend/Smartwave/porto/en_US/css/source/_typography.less000077700000002743151323550660022135 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .lib-font-face( @family-name: 'Open Sans', @font-path: '@{baseDir}fonts/opensans/light/opensans-300', @font-weight: 300, @font-style: normal, @font-display: swap ); .lib-font-face( @family-name: 'Open Sans', @font-path: '@{baseDir}fonts/opensans/regular/opensans-400', @font-weight: 400, @font-style: normal, @font-display: swap ); .lib-font-face( @family-name: 'Open Sans', @font-path: '@{baseDir}fonts/opensans/semibold/opensans-600', @font-weight: 600, @font-style: normal, @font-display: swap ); .lib-font-face( @family-name: 'Open Sans', @font-path: '@{baseDir}fonts/opensans/bold/opensans-700', @font-weight: 700, @font-style: normal, @font-display: swap ); } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { h1 { .lib-css(font-size, @h1__font-size-desktop); .lib-css(margin-bottom, @h1__margin-bottom__desktop); } } // // Common // _____________________________________________ & when (@media-common = true) { .items { .lib-list-reset-styles(); } } pub/static/frontend/Smartwave/porto/en_US/css/styles-l.css000077700000542261151323550660017672 0ustar00@import '../PHPCuong_Faq/css/faq-extension/style.css'; @import '../PHPCuong_Faq/css/bootstrap.css'; /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .action-primary:focus, .action-primary:active { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; } .action-primary:hover { background: #0088cc; border: 1px solid #0088cc; color: #ffffff; } .action-primary.disabled, .action-primary[disabled], fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; } .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel { border-radius: 3px; } .abs-action-link-button:focus, .abs-action-link-button:active { background: #e2e2e2; border: 1px solid #cccccc; color: #777777; } .abs-action-link-button:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #777777; } .abs-action-link-button.disabled, .abs-action-link-button[disabled], fieldset[disabled] .abs-action-link-button { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-link-button:active, .abs-action-link-button:focus { text-decoration: none; } .abs-action-remove, .abs-discount-block .action.check, .abs-add-fields .action.remove { line-height: 1.4; padding: 0; color: #0088cc; text-decoration: none; background: none; border: 0; display: inline; border-radius: 0; font-weight: 400; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .abs-discount-block .action.check:visited, .abs-add-fields .action.remove:visited { color: #0088cc; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .abs-add-fields .action.remove:hover { color: #0088cc; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-discount-block .action.check:active, .abs-add-fields .action.remove:active { color: #0088cc; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .abs-action-remove:hover, .abs-action-remove:active, .abs-action-remove:focus, .abs-discount-block .action.check:hover, .abs-discount-block .action.check:active, .abs-discount-block .action.check:focus, .abs-add-fields .action.remove:hover, .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .abs-action-remove.disabled, .abs-action-remove[disabled], fieldset[disabled] .abs-action-remove, .abs-discount-block .action.check.disabled, .abs-discount-block .action.check[disabled], fieldset[disabled] .abs-discount-block .action.check, .abs-add-fields .action.remove.disabled, .abs-add-fields .action.remove[disabled], fieldset[disabled] .abs-add-fields .action.remove { color: #0088cc; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-remove:active, .abs-action-remove:not(:focus), .abs-discount-block .action.check:active, .abs-discount-block .action.check:not(:focus), .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:not(:focus) { box-shadow: none; } .abs-dropdown-simple:before, .abs-dropdown-simple:after { content: ''; display: table; } .abs-dropdown-simple:after { clear: both; } .abs-dropdown-simple .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\f804'; font-family: 'porto-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active { overflow: visible; } .abs-dropdown-simple.active ul.dropdown { display: block; } .abs-remove-button-for-blocks > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 15px; color: #999999; content: '\f819'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before { color: #494949; } .abs-remove-button-for-blocks:active:before { color: #999999; } .abs-product-link > a:visited { color: #777777; text-decoration: underline; } .abs-product-link > a:hover { color: #777777; text-decoration: underline; } .abs-product-link > a:active { color: #777777; text-decoration: underline; } .abs-like-link:visited { color: #0088cc; text-decoration: none; } .abs-like-link:hover { color: #0088cc; text-decoration: underline; } .abs-like-link:active { color: #0088cc; text-decoration: underline; } .abs-add-fields .action.remove { width: auto; line-height: normal; position: absolute; top: 34px; margin-left: 73%; } .abs-add-clearfix:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:before, .abs-add-fields .fieldset .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:after { clear: both; } .abs-field-date .control, .abs-field-tooltip { box-sizing: border-box; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\f804'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 4.5px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .abs-actions-addto:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; line-height: inherit; color: inherit; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-cart-block > .title, .abs-discount-block .block > .title { border-top: 1px solid #cccccc; cursor: pointer; margin-bottom: 0; position: relative; padding: 9px 36px 9px 15px; display: block; text-decoration: none; } .abs-cart-block > .title:after, .abs-discount-block .block > .title:after { position: absolute; right: 18px; top: 9px; } .abs-toggling-title > span, .abs-cart-block > .title > span, .abs-discount-block .block > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-toggling-title:after, .abs-cart-block > .title:after, .abs-discount-block .block > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-discount-block .block { margin: 0; } .abs-discount-block .block > .title:after { color: #858585; } .abs-discount-block .block .content { display: none; padding: 5px 15px 23px; position: relative; } .abs-cart-block.active > .title:after, .abs-discount-block .block.active > .title:after { content: '\f804'; } .abs-discount-block .block.active .content { display: block; } .abs-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; line-height: 8px; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-tax-total-expanded:after { content: '\f804'; } .abs-dropdown-items-new .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-sidebar-totals .table-caption { display: none; } .abs-table-striped > tbody > tr:nth-child(even) > td, .abs-table-striped > tbody > tr:nth-child(even) > th { background: #f6f6f6; } .abs-table-striped > thead > tr > th, .abs-table-striped > tbody > tr > th, .abs-table-striped > tfoot > tr > th, .abs-table-striped > thead > tr > td, .abs-table-striped > tbody > tr > td, .abs-table-striped > tfoot > tr > td { border: none; } .abs-table-striped > thead > tr > th, .abs-table-striped > thead > tr > td { border-bottom: 1px solid #cccccc; } .abs-field-date input { margin-right: 9px; width: calc(100% - (23px + 9px)); } .abs-sidebar-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after { content: '\f804'; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .product-info-stock-sku .configurable-variation-qty { display: none; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-container .g-recaptcha, .form-login .g-recaptcha, .form-edit-account .g-recaptcha { margin-bottom: 10px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .required-captcha.checkbox { position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .block.newsletter .field-recaptcha .field .control:before { content: none; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .review-form .field-recaptcha { margin-bottom: 10px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.send.friend .g-recaptcha { margin-top: 40px; } /** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ /** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ /** * Amazon Pay variables **/ @media all and (max-width: 768px) { .amazon-button-container { width: 100%; } } .amazon-logout-widget { display: none; } /** * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"). * You may not use this file except in compliance with the License. * A copy of the License is located at * * http://aws.amazon.com/apache2.0 * * or in the "license" file accompanying this file. This file is distributed * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either * express or implied. See the License for the specific language governing * permissions and limitations under the License. */ @media all and (max-width: 768px) { .amazon-minicart-container .amazon-button-container { width: auto; } } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 31px; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5241px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('../Dotdigitalgroup_Sms/images/flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url('../Dotdigitalgroup_Sms/images/flags@2x.png'); } } .iti__flag.iti__np { background-color: transparent; } .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened { width: auto !important; } .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .fancybox-inner { width: auto !important; height: auto !important; } #newsletter_popup .block-content { max-width: 100% !important; padding: 0 !important; } #newsletter_popup { padding: 0 !important; } @media only screen and (min-width: 782px) { .mobileonly { display: none; } .desktoponly { display: block; } .grt_live_contentArea { width: 1080px; margin: 0 auto; padding-bottom: 175px !important; padding: 0 15px; padding-bottom: 0px; position: relative; } .book_appoinment_div { position: absolute; right: -100px; top: -290px; } .goldschemetitle { margin-top: -200px; } .customer-account-login .sidebar-main { height: 484px; } } @media only screen and (max-width: 781px) { .customotp { width: 100%; } .mobileonly { display: block; } .desktoponly { display: none; } .book_appoinment_div { margin: 0 auto; } .book_appoinment_div h2 { font-size: 12px; } .book_appoinment_div p { font-size: 10px; } .book_appoinment_div .padtop35 { padding: 10px 0 10px 0; } .grt_savings_scheme .appoinment_btn a { margin: 7px 0 0 0 !important; font-size: 10px; } .columns .column.main { margin-top: 25px; } .customer-account-login .sidebar-main { height: auto; } .porto-icon-location + p { margin-top: -11px !important; margin-left: 8px !important; } .chitfund-scheme-schemelist .col-sm-6 { width: 65% !important; } .chitfund-scheme-schemelist .row { display: block !important; } } .product-reviews-summary.empty .reviews-actions::before { display: none !important; } .product-reviews-summary .reviews-actions a { padding: 0 !important; margin: 0 !important; border-left: none !important; } .klarna-payments-method-cell { display: table-cell; vertical-align: middle; } label.klarna-payments-method-cell > span { padding-left: 5px; } span.klarna-payments-method-cell > img { display: block; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_AjaxLayer * @copyright Copyright (c) Mageplaza (http://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .ln_overlay { background-color: #FFFFFF; height: 300%; left: 0; text-align: center; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0px; width: 500%; z-index: 555; display: none; } .ln_overlay img { margin-top: 300px; left: 45%; display: block; position: fixed; } .ln_slider_container { width: calc(80%); margin: 0 15px 0 5px; } .filter-options-content a { display: inline-block !important; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_LayeredNavigation * @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .ln_overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; width: 100%; z-index: 555; display: none; } .ln_overlay img { top: 40%; left: 45%; display: block; position: fixed; } .ln_slider_container { width: calc(80%); margin: 0 15px 0 5px; } .layered-filter-block-container .ln_tooltip { display: inline-block; vertical-align: middle; margin-left: 5px; } /** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_Search * @copyright Copyright (c) 2017 Mageplaza (http://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .autocomplete-suggestions { border: 1px solid #bbb; background: #fff; cursor: default; border-top: none; overflow: auto; max-height: 10000px; } .autocomplete-suggestion { cursor: pointer; overflow: hidden; padding: 10px 5px 10px 5px; font-size: 1.2em; border-bottom: 1px solid #eee; display: block; } .autocomplete-suggestion:last-child { border-bottom: none; } .search-category, #mpsearch-category { height: 100%; } .autocomplete-selected { background: #eef3d6; } input#searchauto { border: 1px solid #bbb; border-radius: 2px; width: 375px; } .suggestion-left { float: left; width: 15%; padding: auto; } .suggestion-right { width: 82%; padding-left: 10px; text-align: left; color: black; float: left; } .product-name { font-size: 14px; color: #3399cc; display: block; overflow: hidden; text-overflow: ellipsis; } .product-price { font-size: 12px; } .product-des { font-size: 12px; } .product-des p { display: block; overflow: hidden; text-overflow: ellipsis; } .product-line { margin-bottom: 5px; } ul#ui-id-1 { background: #fff; width: 373px; font-family: inherit; padding: 0px; border-bottom: none; } p.short-des { margin: 0px; font-size: 0.9em; color: #aaa; } #view_all { text-align: center; background: #eff4f7; cursor: pointer; } /* faq content */ [class^="faq-"] h1 { margin-left: -2px; } .faq-faq-view h1, .faq-question-view h1 { font-family: Nguyenhoang; font-size: 25px !important; font-weight: 400; color: #3c3c3c; border-bottom: 1px solid #d6d6d6; margin: 0 0 20px !important; padding: 0 0 15px; text-transform: uppercase; } .faq-category { padding: 15px 0px 10px; } .faq-content { font-family: "Open Sans", sans-serif; font-weight: 400; color: #797979; padding: 10px; } .hidden { display: none !important; } .faq-content .green { color: green; } .faq-content .created-by { font-size: 1.2rem; color: #a3a3a3; } .faq-content .created-by span:first-child { margin-left: 0px; } .faq-content .created-by span { margin-left: 15px; } .faq-content .details { color: #2E4A01; } .filter-options-title[aria-expanded=true]::after { content: '\f823' !important; } .button-set a { color: #636363; text-decoration: none; } .faq-content .details .content { text-decoration: none; color: #2E4A01; padding: 15px 0px 0px; text-align: justify; margin-bottom: 25px; } .faq-content .details .feedback { margin-top: 15px; } .faq-content .related-question { margin-top: 30px; } /* feed back */ .feedback .btn { position: relative; min-width: 60px; padding: 6px 12px; } .feedback .btn span:last-child { margin-left: 3px; } .feedback .btn span:first-child { font-size: 13px; } /* sider left category */ .faq-category-group { padding: 0 0 5px !important; border-bottom: 0px solid #B6D1E2; float: left; max-width: 45% !important; margin-right: 5%; margin-bottom: 20px; color: #2E4A01; text-align: justify; } .block-faq-category .block-title { margin: 0 0 20px; } .block-faq-category .block-title strong { font-size: 18px; font-weight: 300; } .block-faq-category .block-content .items .item a .count { color: #858585; padding-right: 5px; } /* FAQs list */ .faqs-list { float: left; width: 100%; } .faqs-list li { padding: 4px 0; margin: 0; } .faqs-list li a { text-decoration: none; color: #2E4A01; font-size: 14px; } .faqs-list li a:hover { color: #007433; text-decoration: underline; } .faqs-list .item { border: 1px solid #e3e3e3; margin-bottom: 15px; } .faqs-list .item.active a span:before { content: '\ea0b'; } .faqs-list .item.active .description { display: block; } .faqs-list .item.active .read-more { display: block; } .faqs-list .item .read-more { padding: 5px 20px; text-align: right; cursor: pointer; display: none; background: rgba(248, 248, 248, 0.63); font-weight: 500; color: rgba(51, 51, 51, 0.61); position: relative; } .faqs-list .item .read-more:hover { color: #198dd3; } .faqs-list .item .read-more:after { content: '\e902'; font-family: 'faq-extension'; right: 5px; top: 6px; position: absolute; } .faqs-list .description { padding: 14px 20px; display: none; border-top: 1px solid #e3e3e3; } .faqs-list .item > a { font-size: 14px; line-height: 1.5; font-weight: 500; color: #41362f; padding: 10px 15px; display: block; background: #f8f8f8; } .faqs-list .item > a span:before { margin-right: 15px; font-size: 10px; } .faqs-list .item > a:hover { text-decoration: none; } h2.first-title { margin-top: 0px; } .faqcat-title { background-color: #0072b6 !important; color: #FFFFFF; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; font-style: normal; line-height: 1.4; text-transform: none; text-align: justify; margin: 0 0 10px; } .faqcat-title i { float: left; width: 2.15em; border-bottom: 1px solid #b55; position: absolute; bottom: -1px; z-index: 9999; border-bottom-color: #198dd3; } .faqcat-title img { max-width: 33px; margin: 0 auto; padding: 0px 8px; max-height: 20px; width: auto; height: auto; } .faqs-list .no-question > a { font-weight: normal; } /* category list */ .category-list { padding: 0px; margin: 0px -15px; } .category-list .category { list-style: none; } .category-list .category { margin: 0px; margin-bottom: 15px; } .category-list .category .block { height: 210px; text-align: center !important; padding: 0px; } .category-list .category .block > a:hover { border: 1px solid #198dd3; } .category-list .category .block h3 { text-transform: uppercase; line-height: 1.5; font-size: 14px; margin: 0px; } .category-list .category .block > a { border: 1px solid #e4e4e4; cursor: pointer; display: block; line-height: 138px; margin-bottom: 12px; min-height: 138px; padding: 16px 10px; -moz-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; } .category-list .category .block a img { vertical-align: middle; } .category-list .category .block a:hover { text-decoration: none; color: #198dd3 !important; } .category-list .category .block h3 a { font-weight: 500; } .category-list .category .block a:last-child { color: #333; } /* FAQ form search */ .faq-search-form { margin: 0 auto; width: 100%; margin-bottom: 30px; } .faq-search-form form { display: table; width: 100%; } .faq-search-form .field { margin: 0; } .faq-search-form .field .control { display: inline-block; text-decoration: none; display: block; } .faq-search-form .field .control:before { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 32px; color: #c2c2c2; content: '\e986'; font-family: 'faq-extension'; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; } .faq-search-form input { padding-left: 35px; } .faq-search-form .actions { display: table-cell; vertical-align: top; width: 1%; } .faq-search-form .actions button { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; } @media (max-width: 991px) { .page.messages, .column.main { margin-top: 0px; } } /** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ .opc-block-summary .vertex-message td, .cart-summary .vertex-message td { padding: 0; border-top: none; } /** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .weltpixel-quickview-catalog-product-view .box-tocart .action.tocart { width: 100%; } .weltpixel-quickview-catalog-product-view .page-wrapper .page-main { margin: 20px 0; } .weltpixel-quickview-catalog-product-view .reviews-actions .add { display: none; } .box-gotoproduct #product-gotoproduct-button { width: 100%; padding: 7px 20px; font-size: 14px; text-align: center; min-width: 150px; } .product-item .weltpixel-quickview { display: none; } .products-grid .product-item .product-item-info { position: relative; } .products-grid .product-item .product-item-details { position: static !important; } .side-list .product-item .weltpixel-quickview { display: none !important; } @media all and (min-width: 768px), print { .abs-product-options-list-desktop dt, .block-giftregistry-shared .item-options dt { float: left; clear: left; margin: 0 9px 4.5px 0; } .block-giftregistry-shared .item-options dt:after { content: ': '; } .abs-product-options-list-desktop dd, .block-giftregistry-shared .item-options dd { float: left; display: inline-block; margin: 0 0 4.5px; } .abs-button-desktop { width: auto; } .abs-blocks-2columns, .abs-discount-block-desktop .block, .amazon-addresses .amazon-address, .login-container .block, .account .column.main .block:not(.widget) .block-content .box, .block-addresses-list .items.addresses > .item, .form-edit-account .fieldset, .form-address-edit .fieldset, .storecredit .block, .paypal-review-discount .block, .cart-discount .block { width: 48%; } .abs-discount-block-desktop .block:nth-child(1), .amazon-addresses .amazon-address:nth-child(1), .login-container .block:nth-child(1), .account .column.main .block:not(.widget) .block-content .box:nth-child(1), .block-addresses-list .items.addresses > .item:nth-child(1), .form-edit-account .fieldset:nth-child(1), .form-address-edit .fieldset:nth-child(1), .storecredit .block:nth-child(1), .paypal-review-discount .block:nth-child(1), .cart-discount .block:nth-child(1) { float: left; clear: left; } .abs-discount-block-desktop .block:nth-child(2), .amazon-addresses .amazon-address:nth-child(2), .login-container .block:nth-child(2), .account .column.main .block:not(.widget) .block-content .box:nth-child(2), .block-addresses-list .items.addresses > .item:nth-child(2), .form-edit-account .fieldset:nth-child(2), .form-address-edit .fieldset:nth-child(2), .storecredit .block:nth-child(2), .paypal-review-discount .block:nth-child(2), .cart-discount .block:nth-child(2) { float: right; } .abs-discount-block-desktop .block:nth-child(2) + *, .amazon-addresses .amazon-address:nth-child(2) + *, .login-container .block:nth-child(2) + *, .account .column.main .block:not(.widget) .block-content .box:nth-child(2) + *, .block-addresses-list .items.addresses > .item:nth-child(2) + *, .form-edit-account .fieldset:nth-child(2) + *, .form-address-edit .fieldset:nth-child(2) + *, .storecredit .block:nth-child(2) + *, .paypal-review-discount .block:nth-child(2) + *, .cart-discount .block:nth-child(2) + * { clear: both; } .abs-margin-for-blocks-and-widgets-desktop, .page-main .block, .customer-review .product-details { margin-bottom: 45px; } .abs-reset-left-margin-desktop, .column.main .paypal-review .actions-toolbar, .column.main .block-giftregistry-shared-items .actions-toolbar { margin-left: 0; } .abs-action-remove-desktop, .abs-add-fields-desktop .fieldset .additional .action.remove, .form-giftregistry-share .fieldset .additional .action.remove, .form-giftregistry-edit .fieldset .additional .action.remove, .form-create-return .fieldset .additional .action.remove, .form.send.friend .fieldset .additional .action.remove { margin-left: 90%; } .abs-add-fields-desktop .fieldset .field .control, .form-giftregistry-share .fieldset .field .control, .form-giftregistry-edit .fieldset .field .control, .form-create-return .fieldset .field .control, .form.send.friend .fieldset .field .control { width: auto; } .abs-margin-for-forms-desktop { margin-left: 25.8%; } .abs-visually-hidden-desktop, .block-search .label, .block-collapsible-nav .title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-desktop:before, .abs-add-clearfix-desktop:after, .amazon-addresses:before, .amazon-addresses:after, .paypal-review .block-content:before, .paypal-review .block-content:after, .paypal-review-discount:before, .paypal-review-discount:after, .block-cart-failed .block-content:before, .block-cart-failed .block-content:after, .cart-container:before, .cart-container:after, .login-container:before, .login-container:after, .account .page-title-wrapper:before, .account .page-title-wrapper:after, .account .column.main .block:not(.widget) .block-content:before, .account .column.main .block:not(.widget) .block-content:after, .block-addresses-list .items.addresses:before, .block-addresses-list .items.addresses:after, .block-giftregistry-shared .item-options:before, .block-giftregistry-shared .item-options:after, .data.table .gift-wrapping .nested:before, .data.table .gift-wrapping .nested:after, .data.table .gift-wrapping .content:before, .data.table .gift-wrapping .content:after, .block-wishlist-management:before, .block-wishlist-management:after, .magento-rma-guest-returns .column.main .block.block-order-details-view:before, .magento-rma-guest-returns .column.main .block.block-order-details-view:after, .order-links:before, .order-links:after, .account .column.main .block.block-order-details-view:before, .account .column.main .block.block-order-details-view:after, [class^="sales-guest-"] .column.main .block.block-order-details-view:before, [class^="sales-guest-"] .column.main .block.block-order-details-view:after, .sales-guest-view .column.main .block.block-order-details-view:before, .sales-guest-view .column.main .block.block-order-details-view:after, .page-header .header.panel:before, .page-header .header.panel:after, .header.content:before, .header.content:after { content: ''; display: table; } .abs-add-clearfix-desktop:after, .amazon-addresses:after, .paypal-review .block-content:after, .paypal-review-discount:after, .block-cart-failed .block-content:after, .cart-container:after, .login-container:after, .account .page-title-wrapper:after, .account .column.main .block:not(.widget) .block-content:after, .block-addresses-list .items.addresses:after, .block-giftregistry-shared .item-options:after, .data.table .gift-wrapping .nested:after, .data.table .gift-wrapping .content:after, .block-wishlist-management:after, .magento-rma-guest-returns .column.main .block.block-order-details-view:after, .order-links:after, .account .column.main .block.block-order-details-view:after, [class^="sales-guest-"] .column.main .block.block-order-details-view:after, .sales-guest-view .column.main .block.block-order-details-view:after, .page-header .header.panel:after, .header.content:after { clear: both; } .abs-add-box-sizing-desktop, .abs-shopping-cart-items-desktop, .column.main, .sidebar-main, .sidebar-additional, .bundle-options-container .block-bundle-summary, .block.crosssell, .magento-rma-guest-returns .column.main .block.block-order-details-view .block-content:not(.widget) .box, .account .column.main .block.block-order-details-view .block-content:not(.widget) .box, [class^="sales-guest-"] .column.main .block.block-order-details-view .block-content:not(.widget) .box, .sales-guest-view .column.main .block.block-order-details-view .block-content:not(.widget) .box, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { box-sizing: border-box; } .abs-add-box-sizing-desktop-m, .opc-wrapper { box-sizing: border-box; } .abs-revert-field-type-desktop .fieldset > .field, .abs-revert-field-type-desktop .fieldset .fields > .field { margin: 0 0 18px; } .abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .label, .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .label { box-sizing: content-box; float: none; width: auto; text-align: left; padding: 0; } .abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .control, .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .control { float: none; width: auto; } .abs-revert-field-type-desktop .fieldset > .field > .label, .abs-revert-field-type-desktop .fieldset .fields > .field > .label { margin: 0 0 8px; display: inline-block; } .abs-revert-field-type-desktop .fieldset > .field.choice:before, .abs-revert-field-type-desktop .fieldset .fields > .field.choice:before, .abs-revert-field-type-desktop .fieldset > .field.no-label:before, .abs-revert-field-type-desktop .fieldset .fields > .field.no-label:before { display: none; } .abs-form-field-column-2 .fieldset .field, .form-giftregistry-share .fieldset .field, .form-giftregistry-edit .fieldset .field, .form-create-return .fieldset .field, .form.send.friend .fieldset .field { padding: 0 12px 0 0; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; } .form-giftregistry-share .fieldset .field:nth-last-child(1), .form-giftregistry-share .fieldset .field:nth-last-child(2), .form-giftregistry-edit .fieldset .field:nth-last-child(1), .form-giftregistry-edit .fieldset .field:nth-last-child(2), .form-create-return .fieldset .field:nth-last-child(1), .form-create-return .fieldset .field:nth-last-child(2), .form.send.friend .fieldset .field:nth-last-child(1), .form.send.friend .fieldset .field:nth-last-child(2) { margin-bottom: 0; } .abs-form-field-column-2 .fieldset .field + .fieldset, .form-giftregistry-share .fieldset .field + .fieldset, .form-giftregistry-edit .fieldset .field + .fieldset, .form-create-return .fieldset .field + .fieldset, .form.send.friend .fieldset .field + .fieldset { clear: both; } .abs-form-field-column-2 .fieldset .field .field, .form-giftregistry-share .fieldset .field .field, .form-giftregistry-edit .fieldset .field .field, .form-create-return .fieldset .field .field, .form.send.friend .fieldset .field .field { width: 100%; padding: 0; } .abs-form-field-revert-column-1 { width: 100%; } .abs-forms-general-desktop, .form-giftcard-redeem, .form-giftregistry-create { max-width: 500px; } .abs-forms-general-desktop .legend, .form-giftcard-redeem .legend, .form-giftregistry-create .legend { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-forms-general-desktop .legend + br, .form-giftcard-redeem .legend + br, .form-giftregistry-create .legend + br { display: none; } .abs-revert-side-paddings, .checkout-cart-index .page-title-wrapper, .cart-summary .block .content, .cart-empty { padding-left: 0; padding-right: 0; } .abs-account-table-margin-desktop, .table-wrapper.balance-history, .table-wrapper.reward-history { margin-top: -22.5px; } .abs-action-print { display: inline-block; text-decoration: none; } .abs-action-print:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; content: '\e624'; font-family: 'porto-icons'; margin: 0 4px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-no-display-desktop, .sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) { display: none; } .abs-title-orders-desktop .page-main .page-title-wrapper .order-date, .magento-rma-returns-returns .page-main .page-title-wrapper .order-date, .magento-rma-returns-view .page-main .page-title-wrapper .order-date, .account .page-main .page-title-wrapper .order-date, [class^="sales-guest-"] .page-main .page-title-wrapper .order-date, .sales-guest-view .page-main .page-title-wrapper .order-date { margin: -12px 0 18px; } .abs-table-bordered-desktop { border: none; } .abs-table-bordered-desktop > thead > tr > th, .abs-table-bordered-desktop > tbody > tr > th, .abs-table-bordered-desktop > tfoot > tr > th, .abs-table-bordered-desktop > thead > tr > td, .abs-table-bordered-desktop > tbody > tr > td, .abs-table-bordered-desktop > tfoot > tr > td { border: none; } .abs-table-bordered-desktop > thead > tr > th, .abs-table-bordered-desktop > thead > tr > td { border-bottom: 1px solid #cccccc; } .abs-pager-toolbar, .account .toolbar, .toolbar-giftregistry-results, .toolbar-wishlist-results { position: relative; } .abs-pager-toolbar .toolbar-amount, .abs-pager-toolbar .limiter, .account .toolbar .toolbar-amount, .account .toolbar .limiter, .toolbar-giftregistry-results .toolbar-amount, .toolbar-giftregistry-results .limiter, .toolbar-wishlist-results .toolbar-amount, .toolbar-wishlist-results .limiter { position: relative; z-index: 1; } .abs-pager-toolbar .toolbar-amount, .account .toolbar .toolbar-amount, .toolbar-giftregistry-results .toolbar-amount, .toolbar-wishlist-results .toolbar-amount { line-height: 24px; padding: 0; } .abs-pager-toolbar .pages, .account .toolbar .pages, .toolbar-giftregistry-results .pages, .toolbar-wishlist-results .pages { position: absolute; z-index: 0; width: 100%; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { width: 66.66666667%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-right: 4%; position: relative; } .abs-discount-block-desktop .block, .paypal-review-discount .block, .cart-discount .block { width: 48%; } .abs-discount-block-desktop .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title { border: 0; cursor: default; padding: 0 0 9px; } .abs-discount-block-desktop .block > .title strong, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong { font-size: 1.6rem; } .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { display: none; } .abs-discount-block-desktop .block .content, .paypal-review-discount .block .content, .cart-discount .block .content { display: block !important; padding: 0; } .abs-discount-block-desktop .actions-toolbar .secondary, .paypal-review-discount .actions-toolbar .secondary, .cart-discount .actions-toolbar .secondary { bottom: -30px; left: 0; position: absolute; } h1 { font-size: 38px; margin-bottom: 36px; } .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; width: auto; max-width: 1140px; box-sizing: border-box; } .page-main { width: 100%; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; flex-basis: auto; } .ie9 .page-main { width: auto; } .columns { display: block; } .column.main { min-height: 300px; } .page-layout-1column .column.main { width: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-3columns .column.main { width: 50%; display: inline-block; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-left .column.main { width: 75%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-right .column.main { width: 75%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .sidebar-main { padding-right: 2%; } .page-layout-3columns .sidebar-main { width: 25%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-layout-2columns-left .sidebar-main { width: 25%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-layout-2columns-right .sidebar-main { width: 25%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-layout-2columns-right .sidebar-main { padding-right: 0; padding-left: 2%; } .sidebar-additional { padding-left: 2%; clear: right; } .page-layout-3columns .sidebar-additional { width: 25%; float: right; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .page-layout-2columns-left .sidebar-additional { width: 25%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-right .sidebar-additional { width: 25%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-left .sidebar-additional { padding-right: 2%; padding-left: 0; clear: left; float: left; } .panel.header { padding: 10px 20px; } .nav-toggle { display: none; } .nav-sections { -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; flex-basis: auto; } .nav-sections-item-title { display: none; } .nav-sections-item-content > * { display: none; } .nav-sections-item-content > .navigation { display: block; z-index: 5; } .navigation { background: transparent; font-size: 12px; font-weight: 700; height: inherit; left: auto; overflow: inherit; padding: 0; position: relative; top: 0; width: 100%; z-index: 3; } .navigation:empty { display: none; } .navigation ul { margin-top: 0; margin-bottom: 0; padding: 0; position: relative; } .navigation li.level0 { border-top: none; } .navigation li.level1 { position: relative; } .navigation .level0 { margin: 0 9px 0 0; display: inline-block; position: relative; } .navigation .level0:last-child { margin-right: 0; padding-right: 0; } .navigation .level0:hover:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 10px; height: calc(100% + 3px); z-index: 1; } .navigation .level0 > .level-top { color: #575757; line-height: 46px; padding: 0 12px; text-decoration: none; box-sizing: border-box; position: relative; display: inline-block; } .navigation .level0 > .level-top:hover, .navigation .level0 > .level-top.ui-state-focus { color: #777777; text-decoration: none; } .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top { border-color: #ff5501; border-style: solid; border-width: 0; color: #777777; text-decoration: none; display: inline-block; } .navigation .level0.parent:hover > .submenu { overflow: visible !important; } .navigation .level0.parent > .level-top { padding-right: 20px; } .navigation .level0.parent > .level-top > .ui-menu-icon { position: absolute; right: 0; display: inline-block; text-decoration: none; } .navigation .level0.parent > .level-top > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .navigation .level0.parent > .level-top > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\f807'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0 .submenu { background: #ffffff; border: 0 solid #0088cc; box-shadow: 0 4.5px 4.5px rgba(0, 0, 0, 0.19); font-weight: 400; min-width: 230px; padding: 0; display: none; left: 0; margin: 0 !important; position: absolute; z-index: 1; margin-top: 11px; } .navigation .level0 .submenu > ul { margin-top: 11px; } .navigation .level0 .submenu > ul:before, .navigation .level0 .submenu > ul:after { content: ''; display: block; overflow: hidden; position: absolute; } .navigation .level0 .submenu > ul:before { color: #ffffff; left: 20px; top: -20px; border: 10px solid transparent; height: 0; width: 0; border-bottom-color: #ffffff; z-index: 4; } .navigation .level0 .submenu > ul:after { border: 11px solid transparent; height: 0; width: 0; border-bottom-color: #0088cc; color: #0088cc; left: 19px; top: -22px; z-index: 3; } .navigation .level0 .submenu:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1; } .navigation .level0 .submenu a { display: block; line-height: inherit; color: #777777; padding: 9px 5px; } .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus { background: #f4f4f4; color: #777777; text-decoration: none; } .navigation .level0 .submenu .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 3px; } .navigation .level0 .submenu .submenu { top: -1px !important; left: 100% !important; } .navigation .level0 .submenu .submenu-reverse { left: auto !important; right: 100%; } .navigation .level0 .submenu li { margin: 0; position: relative; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon { position: absolute; right: 3px; display: inline-block; text-decoration: none; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\f801'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0.more { position: relative; display: inline-block; text-decoration: none; } .navigation .level0.more:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: inherit; color: inherit; content: '\e607'; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0.more:before { display: none; } .navigation .level0.more:after { cursor: pointer; padding: 8px 12px; position: relative; z-index: 1; } .navigation .level0.more:hover > .submenu { overflow: visible !important; } .navigation .level0.more li { display: block; } .panel.header .links, .panel.header .switcher { display: inline-block; margin: 0; vertical-align: middle; } .panel.header .switcher { height: 15px; } .navigation li.level0 { border-radius: 5px; transition-delay: 0.3s; margin-right: 4px; } .legend { border-bottom: 1px solid #c5c5c5; } .product.data.items { position: relative; z-index: 1; border-bottom: 0; margin-left: 0; margin-right: 0; } .product.data.items:before, .product.data.items:after { content: ''; display: table; } .product.data.items:after { clear: both; } .product.data.items > .item.title { float: left; width: auto; } .product.data.items > .item.title > .switch { height: 18px; display: block; position: relative; z-index: 2; } .product.data.items > .item.content { margin-top: 18px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0 -1px 0 0; } .product.data.items > .item.title > .switch { font-weight: 400; line-height: 36px; font-size: 1.3rem; color: #c1c1c1; text-decoration: none; background: #f6f6f6; border: 1px solid #eeeeee; border-bottom: none; height: 36px; padding: 1px 35px 1px 35px; } .product.data.items > .item.title > .switch:visited { color: #c1c1c1; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #c1c1c1; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #777777; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:focus, .product.data.items > .item.title:not(.disabled) > .switch:hover { background: #ffffff; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { background: #ffffff; color: #777777; text-decoration: none; } .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { padding-bottom: 2px; } .product.data.items > .item.content { background: #ffffff; margin-top: 39px; padding: 35px 35px 35px 35px; border: 1px solid #eeeeee; } .product.data.items .item.title a:after { display: none; } .product.data.items > .item.title { margin: 0 1px 0 0; } .product.data.items > .item.title > .switch { font-size: 14px; border: 1px solid #eeeeee; border-top-width: 3px; border-bottom-width: 0; border-radius: 5px 5px 0 0; line-height: 30px; padding: 1px 15px 1px 15px; } .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { border-top-color: #0088cc; color: #0088cc; } .product.data.items > .item.content { margin-top: 35px; border-color: #eeeeee; box-shadow: 0 1px 2px #eee; } .actions-toolbar { text-align: left; } .actions-toolbar:before, .actions-toolbar:after { content: ''; display: table; } .actions-toolbar:after { clear: both; } .actions-toolbar .primary { float: left; } .actions-toolbar .primary, .actions-toolbar .secondary { display: inline-block; } .actions-toolbar .primary a.action, .actions-toolbar .secondary a.action { display: inline-block; } .actions-toolbar .primary .action { margin: 0 15px 0 0; } .actions-toolbar .secondary a.action { margin-top: 6px; } .actions-toolbar > .primary, .actions-toolbar > .secondary { margin-bottom: 0; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { width: auto; margin-bottom: 0; } .popup-content .fieldset .actions-toolbar .secondary { display: inline-block; float: none; } .popup-content .fieldset .actions-toolbar .action.cancel { margin-top: 6px; } .modal-popup.modal-slide .modal-footer { border-top: 1px solid #c1c1c1; text-align: right; } /** * @codingStandardsIgnoreStart */ #store-selector .form-continue .actions-toolbar > .primary { float: right; } #store-selector .form-continue .actions-toolbar .action.primary { margin: 0; } .login-container .block-amazon-login { clear: none; float: right; } .login-container .block-amazon-login .actions-toolbar { margin-top: 25px; } .login-container .block:nth-child(2) + .block-amazon-login { clear: none; } .amazon-validate-container { margin: 40px auto 0 auto; width: 500px; } .amazon-validate-container .primary { width: 190px; } .amazon-validate-container .continue-as-guest { width: 130px; } .amazon-validate-container .forgot-password { text-align: right; width: 175px; } .amazon-addresses .amazon-address { margin-bottom: 0; } /* Overwriting Magento's padding for the method title to make sure our KP methods have the same height as the core methods */ .klarna-payments-method > .payment-method-title { padding: 11.5px 0; } #search_mini_form { width: 374px; float: right; } .sw-megamenu.navigation > ul { position: relative; } .sw-megamenu.navigation > ul:after { disaply: table; content: ''; clear: both; } .sw-megamenu.navigation .open-children-toggle { display: none; } .sw-megamenu.navigation span.cat-label { position: absolute; text-transform: uppercase; font: inherit; font-size: 9px; padding: 2px; border-radius: 2px; line-height: 1; color: #fff; } .sw-megamenu.navigation span.cat-label:before { content: ""; position: absolute; width: 3px; height: 3px; border: 3px solid transparent; } .sw-megamenu.navigation span.cat-label.cat-label-label1 { background-color: #0cc485; } .sw-megamenu.navigation span.cat-label.cat-label-label2 { background-color: #eb2771; } .sw-megamenu.navigation span.cat-label.cat-label-label3 { background-color: #0ae3eb; } .sw-megamenu.navigation a:hover > span > span.cat-label { text-decoration: none; } .sw-megamenu.navigation li > a > span { position: relative; } .sw-megamenu.navigation li.level0 > .level-top { transition-delay: 0s !important; } .sw-megamenu.navigation li.level0 > a > span.cat-label { top: -13px; right: 14px; } .sw-megamenu.navigation li.level0 > a > span.cat-label:before { left: 3px; bottom: -6px; } .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label1:before { border-top-color: #0cc485; } .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label2:before { border-top-color: #eb2771; } .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label3:before { border-top-color: #0ae3eb; } .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label { top: 3px; right: -35px; } .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label:before { left: -6px; bottom: 3px; } .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label1:before { border-right-color: #0cc485; } .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label2:before { border-right-color: #eb2771; } .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label3:before { border-right-color: #0ae3eb; } .sw-megamenu.navigation .subchildmenu.mega-columns > li { float: left; padding: 0 5px; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns1 > li { float: none; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns2 > li { width: 50%; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns2 > li:nth-child(2n+1) { clear: both; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns3 > li { width: 33.33%; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns3 > li:nth-child(3n+1) { clear: both; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns4 > li { width: 25%; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns4 > li:nth-child(4n+1) { clear: both; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns5 > li { width: 20%; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns5 > li:nth-child(5n+1) { clear: both; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns6 > li { width: 16.66%; } .sw-megamenu.navigation .subchildmenu.mega-columns.columns6 > li:nth-child(6n+1) { clear: both; } .sw-megamenu.navigation li.level0 { transition-delay: 0s; transition: .2s opacity; } .sw-megamenu.navigation li.level0.fl-left { float: left; } .sw-megamenu.navigation li.level0.fl-right { float: right; } .sw-megamenu.navigation li.level0.fl-right.staticwidth .submenu { left: auto; right: 0; border-radius: 6px 0 6px 6px; } .sw-megamenu.navigation li.level0 .submenu { display: block; visibility: hidden; opacity: 0; transition: .2s opacity; color: #777; } .sw-megamenu.navigation li.level0 .submenu > ul { margin-top: 0; } .sw-megamenu.navigation li.level0 .submenu > ul:before, .sw-megamenu.navigation li.level0 .submenu > ul:after { display: none; } .sw-megamenu.navigation li.level0.parent > .submenu.popup-left { left: auto; right: 0; border-radius: 6px 0 6px 6px; } .sw-megamenu.navigation li.level0 .row { margin-left: -5px; margin-right: -5px; } .sw-megamenu.navigation li.level0 .col-md-1, .sw-megamenu.navigation li.level0 .col-md-2, .sw-megamenu.navigation li.level0 .col-md-3, .sw-megamenu.navigation li.level0 .col-md-4, .sw-megamenu.navigation li.level0 .col-md-5, .sw-megamenu.navigation li.level0 .col-md-6, .sw-megamenu.navigation li.level0 .col-md-7, .sw-megamenu.navigation li.level0 .col-md-8, .sw-megamenu.navigation li.level0 .col-md-9, .sw-megamenu.navigation li.level0 .col-md-10, .sw-megamenu.navigation li.level0 .col-md-11, .sw-megamenu.navigation li.level0 .col-md-12 { padding-left: 5px; padding-right: 5px; } .sw-megamenu.navigation li.level0.fullwidth { position: static; } .sw-megamenu.navigation li.level0.fullwidth > .submenu { width: 100%; border-radius: 0 0 6px 6px; } .sw-megamenu.navigation li.level0.fullwidth > .submenu, .sw-megamenu.navigation li.level0.staticwidth > .submenu { padding: 5px 8px 10px; left: 0; } .sw-megamenu.navigation li.level0.fullwidth:hover > .submenu, .sw-megamenu.navigation li.level0.staticwidth:hover > .submenu { visibility: visible; opacity: 1; } .sw-megamenu.navigation li.level0.fullwidth .submenu li.parent > a:after, .sw-megamenu.navigation li.level0.staticwidth .submenu li.parent > a:after { display: none; } .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a { font-size: 14px; font-weight: 600; text-transform: uppercase; margin-top: 10px; } .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 .subchildmenu .subchildmenu, .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 .subchildmenu .subchildmenu { padding-left: 10px; } .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > .menu-thumb-img, .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > .menu-thumb-img { margin: 10px 0 -5px; } .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu, .sw-megamenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu { padding: 5px 0; } .sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a { padding: 5px; line-height: 1; font-size: 13px; } .sw-megamenu.navigation li.level0.fullwidth .submenu a:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu a:hover { background: none; } .sw-megamenu.navigation li.level0.fullwidth .submenu a:hover > span, .sw-megamenu.navigation li.level0.staticwidth .submenu a:hover > span { text-decoration: underline; } .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a { display: inline; } .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a:hover { text-decoration: underline; } .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default { background-color: #08c; color: #fff; } .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus { background-color: #08c; color: #fff; text-decoration: none; opacity: 0.8; } .sw-megamenu.navigation li.level0.classic .submenu > .row { margin: 0; } .sw-megamenu.navigation li.level0.classic .subchildmenu { min-width: 230px; } .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu { visibility: hidden; opacity: 0; transition: .2s opacity; padding: 6px 8px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 0 6px 6px 6px; position: absolute; left: 0; top: -6px; background: #fff; z-index: 1; } .sw-megamenu.navigation li.level0.classic .subchildmenu > li:hover > .subchildmenu { visibility: visible; opacity: 1; } .sw-megamenu.navigation li.level0.classic li.parent > .subchildmenu.popup-left { left: auto; right: 100%; border-radius: 6px 0 6px 6px; } .sw-megamenu.navigation li.level0.classic .subchildmenu.popup-left .subchildmenu { left: auto; right: 100%; border-radius: 6px 0 6px 6px; } .sw-megamenu.navigation li.level0.classic:hover > .submenu { visibility: visible; opacity: 1; } .sw-megamenu.navigation li.level0.classic li:hover > .submenu { visibility: visible; opacity: 1; } .sw-megamenu.navigation li.level0.classic .submenu, .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu { left: 0; } .sw-megamenu.navigation li.level0.staticwidth .submenu { left: 0; } .sw-megamenu.navigation.side-megamenu li { margin: 0; position: relative; } .sw-megamenu.navigation.side-megamenu li.level0 { display: block; position: relative; border-radius: 0; margin: 0; } .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after { content: '\f801'; display: inline-block; font-family: 'porto-icons'; vertical-align: top; margin-left: 6px; line-height: 41px; float: right; } .sw-megamenu.navigation.side-megamenu li.level0.classic .submenu li.parent > a:after { content: '\f801'; display: inline-block; font-family: 'porto-icons'; vertical-align: top; margin-left: 6px; margin-right: 5px; line-height: 15px; float: right; } .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu, .sw-megamenu.navigation.side-megamenu li.level0.staticwidth > .submenu { left: 100% !important; top: 0; padding-bottom: 15px; } .sw-megamenu.navigation.side-megamenu li.level0.classic > .submenu { left: 100% !important; top: 0; } .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu { width: 871px; } .sw-megamenu.navigation.side-megamenu li.level0 > a { display: block; padding: 0 5px; margin: 0 10px; border-top: 1px solid #ddd; line-height: 41px; font-weight: 400; font-size: 14px; } .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label { position: relative; margin-left: 10px; padding: 0 2px; top: 0; right: 0; } .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label:before { left: -6px; top: 3px; bottom: auto; border-top-color: transparent; } .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label.cat-label-label1:before { border-right-color: #0cc485; } .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label.cat-label-label2:before { border-right-color: #eb2771; } .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label.cat-label-label3:before { border-right-color: #0ae3eb; } .sw-megamenu.navigation.side-megamenu li.level0:first-child > a { border-top: 0; } .sw-megamenu.navigation.side-megamenu li.level0:hover { background-color: #08c; } .sw-megamenu.navigation.side-megamenu li.level0:hover > a { color: #fff; border-top-color: #08c; } .sw-megamenu.navigation.side-megamenu li.level0 > .submenu { border-left-width: 5px; border-top-width: 0; padding: 5px 8px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 0 6px 6px 6px; } .home-side-menu { background-color: #fbfbfb; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; } h2.side-menu-title { margin: 0; background-color: #f5f5f5; color: #a39f9c; font-size: 13px; font-weight: 700; line-height: 1; padding: 14px 15px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #ddd; } .block-category-event.block:last-child { margin-bottom: 27px; padding: 9px 0 27px; } .block-category-event .block-title { margin: 0; } .block-category-event .block-title strong { font-size: 2.4rem; } .block-category-event .ticker li { display: none; margin: 0 50px; } .block-category-event .ticker .value { font-size: 6rem; } .block-category-event .ticker .label { font-size: 1.4rem; text-transform: none; } .block-category-event .dates .date { font-size: 5rem; } .block-category-event .dates .start { padding-right: 50px; } .block-category-event .dates .start:after { font-size: 5rem; right: 10px; } .paypal-review .paypal-review-title { border-bottom: 1px solid #cccccc; } .paypal-review .block-content .box-order-shipping-address, .paypal-review .block-content .box-order-shipping-method, .paypal-review .block-content .box-order-shipping-method + .box-order-billing-address { box-sizing: border-box; float: left; width: 33%; } .paypal-review .block-content .box-order-shipping-address { padding: 0 5%; width: 34%; } .paypal-review .table-paypal-review-items .col.price, .paypal-review .table-paypal-review-items .col.qty { text-align: center; } .paypal-review .table-paypal-review-items .col.item { width: 60%; } .paypal-review .col.subtotal, .paypal-review .mark, .paypal-review .amount { text-align: right; } .paypal-review-discount { border-top: 1px solid #cccccc; } .my-credit-cards .card-type img { display: block; } .block-cart-failed .secondary .action { margin: 0; } .block-cart-failed .actions.primary { float: right; } .bundle-actions .action.primary.customize { width: auto; } .bundle-options-container .legend.title { font-size: 25px; } .bundle-options-container .bundle-options-wrapper, .bundle-options-container .product-options-wrapper { float: left; } .bundle-options-container .block-bundle-summary { padding: 9px 18px; float: right; width: 40%; position: relative; } .bundle-options-container .block-bundle-summary .price-box .price-wrapper, .bundle-options-container .block-bundle-summary .price-box .price-wrapper > .price { font-size: 36px; line-height: 36px; font-weight: 600; } .bundle-options-container .block-bundle-summary .price-container .weee { color: #575757; } .bundle-options-container .block-bundle-summary .price-container .weee .price { font-size: 1.2rem; font-weight: 700; } .bundle-options-container .block-bundle-summary .price-including-tax + .price-excluding-tax .price { font-size: 1.4rem; line-height: 16px; } .page-layout-2columns-left .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-left .bundle-options-container .block-bundle-summary, .page-layout-2columns-right .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-right .bundle-options-container .block-bundle-summary, .page-layout-3columns .bundle-options-container .bundle-options-wrapper, .page-layout-3columns .bundle-options-container .block-bundle-summary { width: 48%; } .products-grid.columns3 .product-item, .products-grid.columns4 .product-item, .products-grid.columns5 .product-item { width: 50%; } .products-grid.columns3 .product-item.nth-child-2np1, .products-grid.columns4 .product-item.nth-child-2np1, .products-grid.columns5 .product-item.nth-child-2np1 { clear: left; } .products-grid.columns6 .product-item, .products-grid.columns7 .product-item, .products-grid.columns8 .product-item { width: 33.33333333%; } .products-grid.columns6 .product-item.nth-child-2np1, .products-grid.columns7 .product-item.nth-child-2np1, .products-grid.columns8 .product-item.nth-child-2np1 { clear: none; } .products-grid.columns6 .product-item.nth-child-3np1, .products-grid.columns7 .product-item.nth-child-3np1, .products-grid.columns8 .product-item.nth-child-3np1 { clear: left; } .products-grid.products.grid.flex-grid.columns3 .product-item.nth-child-2np1, .products-grid.divider-line.columns3 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns4 .product-item.nth-child-2np1, .products-grid.divider-line.columns4 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns5 .product-item.nth-child-2np1, .products-grid.divider-line.columns5 .product-item.nth-child-2np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns3 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns3 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns3 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns3 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(2) .product-item-info { border-top-color: transparent; } .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-2np1, .products-grid.divider-line.columns6 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-2np1, .products-grid.divider-line.columns7 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns8 .product-item.nth-child-2np1, .products-grid.divider-line.columns8 .product-item.nth-child-2np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-3np1, .products-grid.divider-line.columns6 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-3np1, .products-grid.divider-line.columns7 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns8 .product-item.nth-child-3np1, .products-grid.divider-line.columns8 .product-item.nth-child-3np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns8 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns8 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns8 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns8 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns8 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns8 .product-item:nth-child(3) .product-item-info { border-top-color: transparent; } .product-info-main .page-title-wrapper h1 { margin-bottom: 13.5px; } .product-info-main .product-add-form { padding-top: 15px; } .box-tocart .action.tocart { margin-bottom: 0; min-width: 150px; } .product-social-links { text-align: left; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 36px; line-height: 36px; } .product-options-bottom .price-box .price-including-tax + .price-excluding-tax .price, .product-info-price .price-box .price-including-tax + .price-excluding-tax .price { font-size: 1.4rem; line-height: 16px; } .product-info-main { float: right; } .product.media { float: left; } .page-layout-1column .product-info-main { width: 40%; } .page-layout-1column .product.media { width: 57%; } .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main { width: 48%; } .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media { width: 50%; } .compare.wrapper { float: right; margin: 0; padding: 0; list-style: none none; } .compare.wrapper .action.compare { line-height: 38px; color: #777777; text-decoration: none; } .compare.wrapper .action.compare:visited { color: #777777; text-decoration: none; } .compare.wrapper .action.compare:hover { color: #777777; text-decoration: underline; } .compare.wrapper .action.compare:active { color: #777777; text-decoration: underline; } .compare.wrapper .counter.qty { color: #c1c1c1; } .compare.wrapper .counter.qty:before { content: "("; } .compare.wrapper .counter.qty:after { content: ")"; } .product.info.detailed.accordion .product.data.items > .item.title, .product.info.detailed.accordion .product.data.items > .item.content { float: none; margin: 0; } .product.info.detailed.accordion .product.data.items > .item.title[aria-expanded=false] > .switch { border-bottom: 1px solid #eee; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .product.info.detailed.vertical .product.data.items > .item.title { float: none; max-width: 160px; text-align: right; overflow: hidden; } .product.info.detailed.vertical .product.data.items > .item.title > .switch { border: 1px solid #eee; border-radius: 5px 0 0 5px; border-right: 0; border-left-width: 3px; } .product.info.detailed.vertical .product.data.items > .item.title.active > .switch, .product.info.detailed.vertical .product.data.items > .item.title.active > .switch:focus, .product.info.detailed.vertical .product.data.items > .item.title.active > .switch:hover { border-left-color: #08c; } .product.info.detailed.vertical .product.data.items > .item.content { position: absolute; float: none; margin: 0; width: calc(100% - 159px); right: 0; top: 0; min-height: 180px; } .block-search { position: relative; margin-left: 40px; width: 450px; z-index: 4; display: inline-block; vertical-align: middle; } .block-search .control { border-top: 0; margin: 0; padding: 0; } .block-search .nested { display: none; padding-top: 5px; position: absolute; } .block-search input { position: static; margin: 0; border-color: transparent; height: 40px; border-radius: 20px; padding: 10px 50px 10px 20px; } .block-search input::-webkit-input-placeholder { color: #dddddd; } .block-search input:-moz-placeholder { color: #dddddd; } .block-search input::-moz-placeholder { color: #dddddd; } .block-search input:-ms-input-placeholder { color: #dddddd; } .block-search .action.search { position: absolute; right: 2px; top: 0; z-index: 1; height: 40px; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; line-height: 40px; } .block-search .action.search > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .action.search:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: inherit; color: #0088cc; content: '\f818'; font-family: 'porto-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .action.search:hover:before { color: inherit; } .block-search .action.search:active:before { color: inherit; } .block-search .action.search:focus, .block-search .action.search:active { background: none; border: none; } .block-search .action.search:hover { background: none; border: none; } .block-search .action.search.disabled, .block-search .action.search[disabled], fieldset[disabled] .block-search .action.search { pointer-events: none; opacity: 0.5; } .search-autocomplete { margin-top: 0; } .checkout-cart-index .page-main { padding-left: 15px; padding-right: 15px; } .cart-container .form-cart .actions.main { text-align: right; } .cart-container .widget { float: left; } .cart-summary { width: 33.33333333%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding: 1px 18px 22.5px; } .cart-summary > .title { display: block; } .cart-summary .fieldset .actions-toolbar { margin-left: 0; } .cart-summary .fieldset .actions-toolbar > .secondary { float: none; } .cart-summary .block > .title { padding-left: 0; } .cart-summary .block > .title:after { right: 3px; } .cart-summary .block .fieldset .field { margin: 0 0 18px; margin: 0 0 9px; } .cart-summary .block .fieldset .field:not(.choice) > .label { box-sizing: content-box; float: none; width: auto; text-align: left; padding: 0; } .cart-summary .block .fieldset .field:not(.choice) > .control { float: none; width: auto; } .cart-summary .block .fieldset .field > .label { margin: 0 0 8px; display: inline-block; } .cart-summary .block .fieldset .field.choice:before, .cart-summary .block .fieldset .field.no-label:before { display: none; } .cart-summary .checkout-methods-items { padding: 0; } .cart.table-wrapper .items { min-width: 100%; width: auto; } .cart.table-wrapper tbody td { padding-top: 20px; } .cart.table-wrapper .item .col.item { padding: 20px 8px 18px 0; } .cart.table-wrapper .item-actions td { padding: 0; } .cart.table-wrapper .product-item-photo { display: table-cell; max-width: 100%; padding-right: 18px; position: static; vertical-align: middle; width: 1%; } .cart.table-wrapper .product-item-details { display: table-cell; vertical-align: middle; white-space: normal; width: 99%; } .cart-discount { width: 66.66666667%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; border: 0; box-sizing: border-box; padding-right: 4%; } .block.crosssell { width: 66.66666667%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding: 0 4% 0 0; } .block.crosssell .products-grid .product-item { width: 25%; } .minicart-wrapper .block-minicart { right: -15px; width: 350px; } .minilist .action.delete:before, .minicart-wrapper .action.edit:before { font-size: 16px; line-height: inherit; } .opc-wrapper { width: 133.33333333%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 66%; padding-right: 27px; } .opc-estimated-wrapper { display: none; } .opc-progress-bar { margin: 0 0 18px; counter-reset: i; display: block; font-size: 0; } .opc-progress-bar-item { margin: 0 0 9px; width: 185px; display: inline-block; position: relative; text-align: center; vertical-align: top; } .opc-progress-bar-item:before { background: #e4e4e4; top: 19px; transition: background 0.3s; content: ''; height: 7px; left: 0; position: absolute; width: 100%; } .opc-progress-bar-item:first-child:before { border-radius: 6px 0 0 6px; } .opc-progress-bar-item:last-child:before { border-radius: 0 6px 6px 0; } .opc-progress-bar-item > span { display: inline-block; padding-top: 45px; width: 100%; word-wrap: break-word; color: #e4e4e4; font-weight: 300; font-size: 1.8rem; } .opc-progress-bar-item > span:before, .opc-progress-bar-item > span:after { background: #e4e4e4; height: 38px; margin-left: -19px; transition: background 0.3s; width: 38px; border-radius: 50%; content: ''; left: 50%; position: absolute; top: 0; } .opc-progress-bar-item > span:after { background: #ffffff; height: 26px; margin-left: -13px; top: 6px; width: 26px; content: counter(i); counter-increment: i; color: #777777; font-weight: 600; font-size: 1.8rem; } .opc-progress-bar-item._complete { cursor: pointer; } .opc-progress-bar-item._complete:hover:before { background: #d7d7d7; } .opc-progress-bar-item._complete:hover > span:before { background: #d7d7d7; } .opc-progress-bar-item._complete > span { color: #0088cc; } .opc-progress-bar-item._complete > span:after { font-family: 'porto-icons'; content: '\f82b'; } .opc-progress-bar-item._active:before { background: #ff5501; } .opc-progress-bar-item._active > span { color: #777777; } .opc-progress-bar-item._active > span:before { background: #ff5501; } .opc-progress-bar-item._active > span:after { font-family: 'porto-icons'; content: '\f82b'; } .checkout-index-index .modal-popup .form-shipping-address { max-width: 500px; } .checkout-index-index .modal-popup .modal-footer .action-save-address { float: right; margin: 0 0 0 18px; } .checkout-shipping-method .actions-toolbar > .primary { float: right; } .checkout-shipping-method .actions-toolbar .action.primary { margin: 0; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { max-width: 500px; } .opc-wrapper .form-login { border-bottom: 1px solid #cccccc; padding-bottom: 18px; } .table-checkout-shipping-method { width: auto; } .opc-sidebar { margin: 46px 0 18px; width: 66.66666667%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 33%; } .opc-summary-wrapper .modal-header .action-close { display: none; } .authentication-dropdown { background-color: #ffffff; border: 0; position: absolute; text-align: left; top: 100%; transform-origin: 0 0; transform: scale(1, 0); transition: transform linear .1s, visibility 0s linear .1s; visibility: hidden; width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); border-radius: 8px; border-top: 6px solid #0088cc; } .authentication-dropdown._show { z-index: 100; transform: scale(1, 1); transition: transform linear .1s, visibility 0s linear 0s; visibility: visible; } .authentication-wrapper { width: 66.66666667%; text-align: right; margin-top: -95px; } .block-authentication .block-title { font-size: 20px; border-bottom: 0; margin: 0; margin-bottom: 20px; } .block-authentication .actions-toolbar > .primary { display: inline; float: right; margin-right: 0; } .block-authentication .actions-toolbar > .primary .action { margin-right: 0; } .popup-authentication .modal-inner-wrap { min-width: 768px; width: 60%; } .popup-authentication .block-authentication { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-top: 1px solid #c1c1c1; } .popup-authentication .block[class], .popup-authentication .form-login, .popup-authentication .fieldset, .popup-authentication .block-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; flex-grow: 1; } .popup-authentication .block[class] { box-sizing: border-box; float: left; padding: 9px 27px 0 0; width: 50%; } .popup-authentication .block[class] + .block { border-left: 1px solid #c1c1c1; border-top: 0; margin: 0; padding: 9px 0 0 36px; } .popup-authentication .block[class] + .block::before { left: 0; top: 50%; } .popup-authentication .actions-toolbar { margin-bottom: 0; margin-top: auto; } .checkout-payment-method .payment-methods .actions-toolbar .primary { float: right; margin: 0; } .checkout-payment-method .fieldset > .field-select-billing > .control { float: none; width: 100%; } .payment-method-billing-address .action-update { float: right; } .payment-method-billing-address .actions-toolbar .action-cancel { margin: 6px 18px 0 0; } .checkout-payment-method .payment-option-title { padding-left: 22px; } .checkout-payment-method .payment-option-content .payment-option-inner + .actions-toolbar { margin-left: 0; } .login-container .block.login .actions-toolbar > .primary { margin-bottom: 0; margin-right: 27px; } .login-container .block.login .actions-toolbar > .secondary { float: left; } .login-container .fieldset > .field > .control { width: 55%; } .actions-toolbar .secondary a.action { margin-top: 10px; } .form-create-account .fieldset-fullname .fields .field { float: left; margin: 0 9px 9px 0; } .form-create-account .fieldset-fullname .field-name-prefix, .form-create-account .fieldset-fullname .field-name-suffix { width: 50px; } .form.create.account { padding: 35px 0; } .form.create.account > .fieldset { width: 50%; padding: 0 25px; float: left; } .form.create.account .actions-toolbar { clear: both; padding: 0 25px; } .form.forget .field { max-width: 600px; } .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional { width: 22.3%; } .account.page-layout-2columns-left .column.main { width: 77.7%; } .account .data.table { margin-bottom: 0; } .account .data.table .col.actions { white-space: nowrap; } .block-addresses-list .items.addresses > .item { margin-bottom: 18px; } .block-addresses-list .items.addresses > .item:nth-last-child(1), .block-addresses-list .items.addresses > .item:nth-last-child(2) { margin-bottom: 0; } .control.captcha-image .captcha-img { margin: 0 9px 9px 0; } .storecredit .block-balance-history { width: 100%; } .table-balance-history .col { width: 25%; } .page-product-downloadable .product-options-wrapper { float: left; width: 55%; } .page-product-downloadable .product-options-bottom { float: right; width: 40%; } .page-product-giftcard .product-info-main .price-box .price-container.price-final_price { font-size: 20px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final_price .price { font-size: 36px; line-height: 36px; } .page-product-giftcard .product-add-form .field:not(.text) { margin: 0 0 18px; padding: 0 12px 0 0; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; } .page-product-giftcard .product-add-form .field:not(.text) > .label { margin: 0 0 8px; display: inline-block; } .page-product-giftcard .product-add-form .field:not(.text):last-child { margin-bottom: 0; } .page-product-giftcard .product-add-form .field:not(.text) + .fieldset { clear: both; } .page-product-giftcard .product-add-form .field:not(.text) > .label { font-weight: 400; font-size: 1.4rem; } .page-product-giftcard .product-add-form .field:not(.text) > .label + br { display: none; } .page-product-giftcard .product-add-form .field:not(.text) .choice input { vertical-align: top; } .page-product-giftcard .product-add-form .field:not(.text) .fields.group:before, .page-product-giftcard .product-add-form .field:not(.text) .fields.group:after { content: ''; display: table; } .page-product-giftcard .product-add-form .field:not(.text) .fields.group:after { clear: both; } .page-product-giftcard .product-add-form .field:not(.text) .fields.group .field { box-sizing: border-box; float: left; } .page-product-giftcard .product-add-form .field:not(.text) .fields.group.group-2 .field { width: 50% !important; } .page-product-giftcard .product-add-form .field:not(.text) .fields.group.group-3 .field { width: 33.3% !important; } .page-product-giftcard .product-add-form .field:not(.text) .fields.group.group-4 .field { width: 25% !important; } .page-product-giftcard .product-add-form .field:not(.text) .fields.group.group-5 .field { width: 20% !important; } .page-product-giftcard .product-add-form .field:not(.text) .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; width: 100%; } .page-product-giftcard .product-add-form .field:not(.text) .addon textarea, .page-product-giftcard .product-add-form .field:not(.text) .addon select, .page-product-giftcard .product-add-form .field:not(.text) .addon input { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore, .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter { background: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 6px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; height: 38px; line-height: 1.4; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore:disabled, .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter:disabled { opacity: 0.5; } .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore::-moz-placeholder, .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter::-moz-placeholder { color: #dddddd; } .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore::-webkit-input-placeholder, .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter::-webkit-input-placeholder { color: #dddddd; } .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore:-ms-input-placeholder, .page-product-giftcard .product-add-form .field:not(.text) .addon .addafter:-ms-input-placeholder { color: #dddddd; } .page-product-giftcard .product-add-form .field:not(.text) .addon .addbefore { float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-product-giftcard .product-add-form .field:not(.text) .additional { margin-top: 9px; } .page-product-giftcard .product-add-form .field:not(.text).required > .label:after, .page-product-giftcard .product-add-form .field:not(.text)._required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 4.5px; } .page-product-giftcard .product-add-form .field:not(.text) .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; } .page-product-giftcard .product-add-form .field:not(.text) .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 12px; font-family: 'porto-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-product-giftcard .product-add-form .field:not(.text):nth-child(odd) { padding-right: 25px; } .page-product-giftcard .product-add-form .field:not(.text):nth-child(even) { padding-right: 0; } .page-product-giftcard .product-add-form .product-options-wrapper .field:not(.date) > .control { width: auto; } .gift-message .field { margin: 0 0 18px; box-sizing: border-box; } .gift-message .field > .label { margin: 0; } .gift-message .field:before, .gift-message .field:after { content: ''; display: table; } .gift-message .field:after { clear: both; } .gift-message .field.choice:before, .gift-message .field.no-label:before { padding: 6px 15px 0 0; width: 25.8%; box-sizing: border-box; content: ' '; float: left; height: 1px; } .gift-message .field .description { padding: 6px 15px 0 0; text-align: left; width: 25.8%; box-sizing: border-box; float: left; } .gift-message .field:not(.choice) > .label { padding: 6px 15px 0 0; text-align: left; width: 25.8%; box-sizing: border-box; float: left; } .gift-message .field:not(.choice) > .control { width: 74.2%; float: left; } .gift-options { position: relative; z-index: 1; } .gift-options .actions-toolbar { clear: both; padding: 0; position: static; } .gift-options .actions-toolbar .secondary { float: right; } .gift-options .actions-toolbar .secondary .action { float: right; margin-left: 18px; margin-right: 0; } .gift-options .actions-toolbar .secondary .action-cancel { display: block; float: left; margin-top: 6px; } .gift-options .actions-toolbar:nth-child(3):before { border-left: 1px solid #c1c1c1; bottom: 5rem; content: ""; display: block; left: 50%; overflow: hidden; position: absolute; top: 0; width: 0; } .gift-options-title { font-weight: 300; font-size: 1.8rem; } .gift-item-block .title { padding: 18px 0; } .item-gift td { padding-left: 0; padding-right: 0; } .cart.table-wrapper .action-gift { float: left; display: inline-block; text-decoration: none; } .cart.table-wrapper .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #0088cc; content: '\f807'; font-family: 'porto-icons'; margin: 0 0 0 9px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-gift:hover:after { color: #777777; } .cart.table-wrapper .action-gift:active:after { color: #0088cc; } .cart.table-wrapper .action-gift._active:after { content: '\f804'; } .cart.table-wrapper .gift-options .actions-toolbar { clear: both; padding: 0; position: static; } .cart-container .cart-gift-item { margin-bottom: 18px; } .cart-container .cart-gift-item .gift-options, .cart-container .cart-gift-item .gift-summary { padding-bottom: 18px; } .form-giftregistry-share .fieldset .field, .form-giftregistry-edit .fieldset .field { width: 45%; } .form-giftregistry-edit .fieldset.shipping_address .fieldset { margin-top: 18px; } .table-giftregistry .col.create { white-space: nowrap; } .table-giftregistry .col.message { width: 40%; } .table-giftregistry .col.actions { width: 30%; } .table-giftregistry-items .col.note { width: 30%; } .account .data.table.table-giftregistry-items > thead > tr > th, .account .data.table.table-giftregistry-items > tbody > tr > th, .account .data.table.table-giftregistry-items > tfoot > tr > th, .account .data.table.table-giftregistry-items > thead > tr > td, .account .data.table.table-giftregistry-items > tbody > tr > td, .account .data.table.table-giftregistry-items > tfoot > tr > td { border-top: 1px solid #cccccc; } .account .data.table.table-giftregistry-items > caption + thead > tr:first-child > th, .account .data.table.table-giftregistry-items > colgroup + thead > tr:first-child > th, .account .data.table.table-giftregistry-items > thead:first-child > tr:first-child > th, .account .data.table.table-giftregistry-items > caption + thead > tr:first-child > td, .account .data.table.table-giftregistry-items > colgroup + thead > tr:first-child > td, .account .data.table.table-giftregistry-items > thead:first-child > tr:first-child > td { border-top: 0; } .account .data.table.table-giftregistry-items > tbody + tbody { border-top: 1px solid #cccccc; } .account .data.table.table-giftregistry-items th { border-bottom: 0; } .account .data.table.table-giftregistry-items > tbody > tr:nth-child(even) > td, .account .data.table.table-giftregistry-items > tbody > tr:nth-child(even) > th { background: none; } .form-giftregistry-search .fieldset { margin-bottom: 29px; } .form-giftregistry-search .fieldset .field.name, .form-giftregistry-search .fieldset .field.lastname { padding: 0 12px 0 0; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; margin-bottom: auto; } .form-giftregistry-search .fieldset .field.name + .fieldset, .form-giftregistry-search .fieldset .field.lastname + .fieldset { clear: both; } .form-giftregistry-search .fieldset .field.lastname { padding: 0; } .block-giftregistry-shared-items .item { border-bottom: 1px solid #cccccc; border-top: 0; } .block-giftregistry-shared-items .product-item-photo { display: table-cell; max-width: 100%; padding: 0 18px 0 0; vertical-align: top; width: 1%; } .block-giftregistry-shared-items .product-item-details { display: table-cell; vertical-align: top; width: 99%; word-break: normal; } .block-giftregistry-shared-items .col.product { width: 48%; } .block-giftregistry-shared-items .col:not(.product) { text-align: center; } .block-giftregistry-shared-items .col.price { padding-top: 17px; } .block-giftregistry-shared-items .input-text.qty { margin-top: -4px; } .gift-wrapping { box-sizing: border-box; float: left; padding-right: 18px; width: 50%; } .gift-wrapping + .gift-message { border-left: 1px solid #c1c1c1; box-sizing: border-box; float: left; padding-left: 4.5rem; width: 50%; } .table-invitations .col { width: 50%; } .filter.block { margin-bottom: 36px; } .filter-title { display: none; } .filter-content .item { margin: 9px 0; } .filter.active .filter-options, .filter-options { clear: both; position: static; overflow: initial; display: block; background: transparent; } .filter-subtitle { position: static; display: block; } .page-layout-1column .toolbar-products { position: absolute; top: 0; width: 100%; } .page-layout-1column .products ~ .toolbar-products { position: static; } .page-layout-1column.page-with-filter .column.main { position: relative; z-index: 1; padding-top: 45px; } .page-layout-1column .filter.block { border-top: 1px solid #cccccc; } .page-layout-1column .filter-content { margin-top: 9px; } .page-layout-1column .filter-subtitle { display: none; } .page-layout-1column .filter-options-item { display: inline-block; border: 0; margin-right: 22.5px; } .page-layout-1column .filter-options-item.active { position: relative; z-index: 2; } .page-layout-1column .filter-options-item.active:hover { z-index: 3; } .page-layout-1column .filter-options-item.active:after, .page-layout-1column .filter-options-item.active:before { content: ""; display: block; border: 8px solid transparent; height: 0; width: 0; border-bottom-color: #000000; position: absolute; left: 50%; bottom: -1px; z-index: 3; margin-left: -20px; } .page-layout-1column .filter-options-item.active:after { border-bottom-color: #ffffff; margin-top: 2px; z-index: 4; } .page-layout-1column .filter-options-title { padding: 0 20px 0 0; } .page-layout-1column .filter-options-title:after { right: 2px; top: 3px; z-index: 3; } .page-layout-1column .filter-options-content { position: absolute; z-index: 2; background: #ffffff; width: 180px; top: 100%; border: 1px solid #cccccc; padding: 4.5px 0; -webkit-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); } .page-layout-1column .filter-options-content .item { padding: 4.5px; margin: 0; } .page-layout-1column .filter-options-content .item a { margin-left: 0; } .page-layout-1column .filter-options-content .item:hover { background-color: #e8e8e8; } .page-layout-1column .filter-current { display: inline; line-height: 35px; } .page-layout-1column .filter-current-subtitle { display: inline; padding: 0; color: #c1c1c1; font-size: 13px; font-weight: normal; } .page-layout-1column .filter-current-subtitle:after { content: ":"; } .page-layout-1column .filter-current .item, .page-layout-1column .filter-current .items { display: inline; } .page-layout-1column .filter-current .item { margin-right: 22.5px; } .page-layout-1column .filter-current .action.remove { line-height: normal; } .page-layout-1column .filter-actions { display: inline; } .page-layout-1column .filter-actions ~ .filter-options { margin-top: 22.5px; } .wishlist.window.popup { bottom: auto; top: 20%; left: 50%; margin-left: -212px; width: 380px; right: auto; } .block-wishlist-management { margin-bottom: 18px; } .block-wishlist-management .wishlist-select { border-bottom: 1px solid #e8e8e8; display: table; margin-bottom: 15px; width: 100%; } .block-wishlist-management .wishlist-select .wishlist-name { display: table-cell; margin-right: 9px; padding: 4.5px 9px 9px; vertical-align: top; white-space: nowrap; width: 5%; } .block-wishlist-management .wishlist-select-items { display: table-cell; padding-right: 160px; vertical-align: top; } .block-wishlist-management .wishlist-select-items .item { display: inline-block; margin-right: 9px; padding: 4.5px 9px 9px; } .block-wishlist-management .wishlist-select-items .item:last-child { margin-right: 0; } .block-wishlist-management .wishlist-select-items .current { border-bottom: 3px solid #ff5501; font-weight: 600; } .block-wishlist-management .wishlist-select .wishlist-name-current { display: none; } .block-wishlist-management .wishlist-add.item { position: absolute; right: 0; top: 0; } .block-wishlist-management .wishlist-title strong { font-size: 4rem; } .block-wishlist-management .wishlist-info { float: left; } .block-wishlist-management .wishlist-toolbar { float: right; } .block-wishlist-info-items .product-item-photo { margin-left: 0; } .products-grid.wishlist .product-item-checkbox { float: left; } .products-grid.wishlist .product-item-checkbox + .product-item-name { margin-left: 22.5px; } .block.newsletter { width: 34%; } .products.wrapper.list .product-reviews-summary { margin: 0; } .form-create-return .fieldset .field { width: 45%; } .magento-rma-guest-returns .column.main .block.block-order-details-view .block-content:not(.widget) .box { clear: none; float: left; width: 25%; } .block-returns-tracking .block-title .action { margin: 12px 0 0 30px; } .block-returns-tracking .block-title .action.track { float: right; } .order-links .item { float: left; margin: 0 -1px 0 0; } .order-links .item a { padding: 1px 35px; } .order-links .item strong { border-bottom: 0; margin-bottom: -1px; padding: 1px 35px 2px 35px; } .order-actions-toolbar .action.print { display: block; float: right; } .account .column.main .block.block-order-details-view .block-content:not(.widget) .box, [class^="sales-guest-"] .column.main .block.block-order-details-view .block-content:not(.widget) .box, .sales-guest-view .column.main .block.block-order-details-view .block-content:not(.widget) .box { clear: none; float: left; width: 25%; } .block-order-details-comments { margin: 0 0 60px; } .block-order-details-comments .comment-date { clear: left; float: left; margin-right: 50px; max-width: 90px; } .block-order-details-comments .comment-content { overflow: hidden; } .order-details-items { margin-top: -1px; padding: 25px; } .order-details-items .col.name { padding-left: 0; } .order-details-items .col.price { text-align: center; } .order-details-items .col.subtotal { text-align: right; } .order-details-items tbody td { padding-top: 20px; padding-bottom: 20px; } .order-details-items tfoot .amount, .order-details-items tfoot .mark { text-align: right; } .table-order-items tbody .col.label, .table-order-items tbody .col.value { padding-left: 0; } .table-order-items.invoice .col.qty, .table-order-items.shipment .col.qty { text-align: center; } .table-order-items.creditmemo .col.qty, .table-order-items.creditmemo .col.discount, .table-order-items.creditmemo .col.subtotal { text-align: center; } .table-order-items.creditmemo .col.total { text-align: right; } .form.send.friend .fieldset .field.text { width: 100%; } html, body { min-height: 100%; } .ie9 body { background-color: #8f8f8f; } .customer-menu .header.links a { color: #777 !important; } .sticky-logo { float: left; } .sticky-logo .logo { margin: 0 !important; } .sticky-logo .logo img { height: 30px; width: auto; max-width: none; margin-right: 20px; } header.page-header.sticky-header .nav-sections { position: fixed !important; left: 0 !important; top: 0 !important; z-index: 200 !important; padding: 0; margin: 0 !important; width: 100% !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: all; } header.page-header.sticky-header .navigation { padding: 0 15px; } header.page-header.sticky-header .navigation > ul { background-color: transparent; } header.page-header.sticky-header .navigation li.level0 > .level-top { padding: 0 15px; line-height: 30px; } header.page-header.sticky-header .navigation li.level0.parent > a:after { line-height: 30px; } header.page-header.sticky-header .navigation li.level0 > a > span.cat-label { top: -9px; } header.page-header.sticky-header .minicart-wrapper { position: absolute; right: 15px; top: 50%; margin-top: -20px; } .page-header { margin-bottom: 0; } .page-header .panel.wrapper { background-color: #f0f0ed; } .page-header .header.panel { padding-bottom: 11px; padding-top: 10px; } .page-header .switcher { float: left; margin-right: 15px; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-header .navigation .level0 > .level-top { text-transform: uppercase; display: inline-block; } .page-header .navigation .level0.parent > a:after { content: '\f813'; display: inline-block; font-family: 'porto-icons'; vertical-align: top; margin-left: 6px; line-height: 42px; } .page-header .navigation .level0 .submenu { border-top-width: 5px; padding: 6px 8px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 0 6px 6px 6px; } .page-header .navigation .level0 .submenu li { margin-bottom: 0; position: relative; } .page-header .navigation .level0 .submenu .submenu { border-top-width: 0; margin-top: -6px !important; margin-left: 8px !important; } .page-header .navigation .level0 .submenu li.parent > a:after { content: '\f801'; display: inline-block; font-family: 'porto-icons'; vertical-align: top; margin-left: 6px; margin-right: 5px; line-height: 15px; float: right; } .page-header .navigation .level0 .submenu .active > a { border: 0; } .page-header .drop-menu { position: relative; text-align: left; float: left; width: 25%; min-width: 250px; padding: 0 15px; } .page-header .drop-menu .nav-sections { position: absolute; top: 100%; left: 15px; width: 100%; width: calc(100% - 30px); background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); border-bottom: 5px solid #303030; visibility: hidden; opacity: 0; } .page-header .drop-menu > a { color: #fff; background-color: #303030; padding: 14px 15px; width: 100%; font-size: 13px; font-weight: 700; display: block; line-height: 1; text-decoration: none; } .page-header .drop-menu > a:hover { background-color: #777; color: #fff; } .page-header .drop-menu + .custom-menu-block { display: inline-block; line-height: 41px; width: auto; float: left; } .page-header .drop-menu + .custom-menu-block a { padding: 0 14px; font-size: 12px; font-weight: 600; color: #777; white-space: nowrap; } .page-header.header-newskin.sticky-header .nav-sections { background-color: #fff; } .page-header.header-newskin .nav-sections { pointer-events: none; } .page-header.header-newskin .navigation .level0 { margin-right: 3px; color: #161616; text-align: left; pointer-events: all; } .page-header.header-newskin .navigation .level0 > .level-top { color: inherit; padding: 0 12px; line-height: 42px; font-size: 13px; font-weight: 400; letter-spacing: 0.025em; } .page-header.header-newskin .navigation li.level0.parent a.level-top:before { content: ""; width: 10px; height: 10px; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; left: 50%; margin-left: -8px; top: 100%; margin-top: -14px; visibility: hidden; opacity: 0; transition: all 0.1s; } .page-header.header-newskin .navigation:not(.side-megamenu) li.level0.parent:hover a.level-top:before { visibility: visible; opacity: 1; } .page-header.header-newskin .navigation .level0 .submenu { border-top-width: 0; box-shadow: 0 7px 10px -2px rgba(0, 0, 0, 0.25); } .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1 > a, .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1 > a { font-size: 13px; font-weight: 700; margin-bottom: 4px; color: #434d53; padding: 0 5px; } .page-header.header-newskin .navigation li.level0.fullwidth .submenu a, .page-header.header-newskin .navigation li.level0.classic .submenu a, .page-header.header-newskin .navigation li.level0.staticwidth .submenu a { font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; } .cms-index-index .page-header .drop-menu > a { pointer-events: none; } .cms-index-index .page-header .drop-menu .nav-sections { visibility: visible; opacity: 1; padding: 0 !important; } .cms-index-index .page-header.sticky-header .drop-menu > a { pointer-events: all; } .cms-index-index .page-header.sticky-header .drop-menu .nav-sections { visibility: hidden; opacity: 0; } .cms-index-index .page-header.sticky-header .drop-menu .nav-sections.visible { visibility: visible; opacity: 1; } .page-main > .page-title-wrapper .page-title { display: inline-block; } .page-main > .page-title-wrapper .page-title + .action { float: right; margin-top: 18px; } .customer-welcome { display: inline-block; position: relative; } .customer-welcome:before, .customer-welcome:after { content: ''; display: table; } .customer-welcome:after { clear: both; } .customer-welcome .action.switch { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .customer-welcome .action.switch > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .customer-welcome .action.switch:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 15px; color: inherit; content: '\f807'; font-family: 'porto-icons'; margin: 0 0 0 5px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .customer-welcome .action.switch:hover:after { color: inherit; } .customer-welcome .action.switch:active:after { color: inherit; } .customer-welcome .action.switch.active { display: inline-block; text-decoration: none; } .customer-welcome .action.switch.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .customer-welcome .action.switch.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 15px; color: inherit; content: '\f804'; font-family: 'porto-icons'; margin: 0 0 0 5px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .customer-welcome .action.switch.active:hover:after { color: inherit; } .customer-welcome .action.switch.active:active:after { color: inherit; } .customer-welcome ul { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 0; margin-top: 4px; min-width: 100%; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .customer-welcome ul li { margin: 0; padding: 0; } .customer-welcome ul li:hover { background: #e8e8e8; cursor: pointer; } .customer-welcome ul:before, .customer-welcome ul:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .customer-welcome ul:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .customer-welcome ul:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .customer-welcome ul:before { left: 10px; top: -12px; } .customer-welcome ul:after { left: 9px; top: -14px; } .customer-welcome.active { overflow: visible; } .customer-welcome.active ul { display: block; } .customer-welcome li a { color: #333333; text-decoration: none; display: block; line-height: 1.4; padding: 8px; } .customer-welcome li a:visited { color: #333333; text-decoration: none; } .customer-welcome li a:hover { color: #333333; text-decoration: none; } .customer-welcome li a:active { color: #333333; text-decoration: none; } .customer-welcome .customer-menu { display: none; } .customer-welcome .action.switch { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; vertical-align: top; } .customer-welcome .action.switch:focus, .customer-welcome .action.switch:active { background: none; border: none; } .customer-welcome .action.switch:hover { background: none; border: none; } .customer-welcome .action.switch.disabled, .customer-welcome .action.switch[disabled], fieldset[disabled] .customer-welcome .action.switch { pointer-events: none; opacity: 0.5; } .customer-welcome .header.links { min-width: 175px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 3px; margin-top: 7px; left: auto; right: 0; } .customer-welcome .header.links:before { left: auto; right: 10px; } .customer-welcome .header.links:after { left: auto; right: 9px; border-bottom-color: #ccc; } .customer-welcome.active .action.switch:after { content: '\f804'; } .customer-welcome.active .customer-menu { display: block; } .customer-welcome .greet { display: none; } .header.panel > .header.links { margin: 0; padding: 0; list-style: none none; float: right; margin-left: auto; } .header.panel > .header.links > li { display: inline-block; vertical-align: top; } .header.panel > .header.links > li { margin-bottom: 0; } .header.panel > .header.links > li.welcome, .header.panel > .header.links > li > a { display: inline-block; line-height: 1.4; } .header.panel > .header.links > li > a, .header.panel > .header.links > li > span { padding: 0 15px; border-left: 1px solid #ccc; } .header.panel > .header.links > li:last-child > a, .header.panel > .header.links > li:last-child > span { padding-right: 0; } .header.panel > .header.links > li:first-child > a, .header.panel > .header.links > li:first-child > span { padding-left: 0; border-left: 0; } .header.panel > .header.links > li.welcome a { color: #ffffff; padding-left: 4.5px; } .header.panel > .header.links > .customer-welcome + .authorization-link { display: none; } .header.content { padding: 0 15px; } .logo img { max-height: inherit; } .page-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; min-height: 100%; position: relative; transition: margin 0.3s ease-out 0; } .page-wrapper > .breadcrumbs, .page-wrapper > .top-container, .page-wrapper > .widget { box-sizing: border-box; width: 100%; } .ie10 .page-wrapper, .ie11 .page-wrapper { height: 100%; } .products-grid.wishlist .product-item-info:hover .product-item-inner { display: block; } .products-grid.wishlist .product-item-tooltip { display: inline-block; } .products-grid.wishlist .product-item-actions { margin: 9px 0 0; } .products-grid.wishlist .product-item-actions > * { display: inline-block; margin-bottom: 7px; margin-top: 7px; } .products-grid.wishlist .product-item .fieldset { display: table; } .products-grid.wishlist .product-item .fieldset .field.qty, .products-grid.wishlist .product-item .fieldset .product-item-actions { display: table-cell; vertical-align: bottom; } .products-grid.wishlist .product-item .fieldset .field.qty { padding-right: 9px; } .products-grid.wishlist .product-item .box-tocart .actions-primary { margin: 0; } .products-grid.wishlist .product-item .box-tocart .stock { margin: 18px 0 0; } .products-grid.wishlist .product-item .tocart { width: auto; } .wishlist-index-index .product-item-info { width: auto; } .wishlist-index-index .product-item-inner { padding: 0 0 9px; } .weltpixel-quickview-catalog-product-view.catalog-product-view .breadcrumbs, .weltpixel-quickview-catalog-product-view.catalog-product-view .columns, .weltpixel-quickview-catalog-product-view.catalog-product-view .page.messages, .weltpixel-quickview-catalog-product-view.catalog-product-view .page-title-wrapper { max-width: 100%; width: 100%; margin: 0 auto; } .block.widget .products-grid .product-item { width: 33.33333333%; } .sidebar .block.widget .products-grid .product-item { margin-left: 0; width: 100%; } .sidebar .block.widget .products-grid .product-item .actions-secondary { display: block; padding: 10px 0; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 6%) / 4); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) { margin-left: 2%; } .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } .page-layout-3columns .block.widget .products-grid .product-item { width: 50%; } .sidebar .block.widget .pager .pages-item-next { padding: 0; } .sidebar .block.widget .pager .pages-item-next .action { margin: 0; } } @media all and (min-width: 992px), print { .products-grid.columns3 .product-item, .products-grid.columns4 .product-item, .products-grid.columns5 .product-item { width: 33.33333333%; } .products-grid.columns3 .product-item.nth-child-2np1, .products-grid.columns4 .product-item.nth-child-2np1, .products-grid.columns5 .product-item.nth-child-2np1 { clear: none; } .products-grid.columns3 .product-item.nth-child-3np1, .products-grid.columns4 .product-item.nth-child-3np1, .products-grid.columns5 .product-item.nth-child-3np1 { clear: left; } .products-grid.columns6 .product-item, .products-grid.columns7 .product-item, .products-grid.columns8 .product-item { width: 20%; } .products-grid.columns6 .product-item.nth-child-3np1, .products-grid.columns7 .product-item.nth-child-3np1, .products-grid.columns8 .product-item.nth-child-3np1, .products-grid.columns6 .product-item.nth-child-2np1, .products-grid.columns7 .product-item.nth-child-2np1, .products-grid.columns8 .product-item.nth-child-2np1 { clear: none; } .products-grid.columns6 .product-item.nth-child-5np1, .products-grid.columns7 .product-item.nth-child-5np1, .products-grid.columns8 .product-item.nth-child-5np1 { clear: left; } .products-grid.products.grid.flex-grid.columns3 .product-item.nth-child-2np1, .products-grid.divider-line.columns3 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns4 .product-item.nth-child-2np1, .products-grid.divider-line.columns4 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns5 .product-item.nth-child-2np1, .products-grid.divider-line.columns5 .product-item.nth-child-2np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid.columns3 .product-item.nth-child-3np1, .products-grid.divider-line.columns3 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns4 .product-item.nth-child-3np1, .products-grid.divider-line.columns4 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns5 .product-item.nth-child-3np1, .products-grid.divider-line.columns5 .product-item.nth-child-3np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns3 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns3 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns3 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns3 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns3 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns3 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(3) .product-item-info { border-top-color: transparent; } .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-3np1, .products-grid.divider-line.columns6 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-3np1, .products-grid.divider-line.columns7 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns8 .product-item.nth-child-3np1, .products-grid.divider-line.columns8 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-2np1, .products-grid.divider-line.columns6 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-2np1, .products-grid.divider-line.columns7 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns8 .product-item.nth-child-2np1, .products-grid.divider-line.columns8 .product-item.nth-child-2np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-5np1, .products-grid.divider-line.columns6 .product-item.nth-child-5np1, .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-5np1, .products-grid.divider-line.columns7 .product-item.nth-child-5np1, .products-grid.products.grid.flex-grid.columns8 .product-item.nth-child-5np1, .products-grid.divider-line.columns8 .product-item.nth-child-5np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns8 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns8 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns8 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns8 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns8 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns8 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(4) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(4) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(4) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(4) .product-item-info, .products-grid.products.grid.flex-grid.columns8 .product-item:nth-child(4) .product-item-info, .products-grid.divider-line.columns8 .product-item:nth-child(4) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(5) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(5) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(5) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(5) .product-item-info, .products-grid.products.grid.flex-grid.columns8 .product-item:nth-child(5) .product-item-info, .products-grid.divider-line.columns8 .product-item:nth-child(5) .product-item-info { border-top-color: transparent; } .box-tocart .paypal:first-of-type { margin-top: 13px; } .checkout-index-index .modal-popup .modal-inner-wrap { margin-left: -400px; width: 800px; left: 50%; } .opc-wrapper .shipping-address-item { width: 33.33333333%; } .opc-wrapper .shipping-address-item:before { background: #cccccc; height: calc(100% - 20px); content: ''; left: 0; position: absolute; top: 0; width: 1px; } .opc-wrapper .shipping-address-item:nth-child(3n+1):before { display: none; } .opc-wrapper .shipping-address-item.selected-item:before { display: none; } .opc-wrapper .shipping-address-item.selected-item + .shipping-address-item:before { display: none; } .table-checkout-shipping-method { min-width: 500px; } .wishlist-index-index .products-grid .product-items { margin: 0; } .wishlist-index-index .products-grid .product-item { margin-bottom: 18px; margin-left: calc((100% - 4 * 24%) / 3); padding: 0; width: 24.439%; } .wishlist-index-index .products-grid .product-item:nth-child(4n+1) { margin-left: 0; } .block.widget .products-grid .product-item { width: 20%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 8%) / 5); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: 2%; } .page-layout-1column .block.widget .products-grid .product-item:nth-child(5n + 1) { margin-left: 0; } .page-layout-3columns .block.widget .products-grid .product-item { width: 25%; } .block.widget .products-grid .product-items { margin: 0; } .block.widget .products-grid .product-item { margin-left: calc((100% - 4 * 24.439%) / 3); padding: 0; width: 24.439%; } .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } } @media all and (min-width: 1200px), print { .products-grid.columns3 .product-item { width: 33.33333333%; } .products-grid.columns3 .product-item.nth-child-2np1 { clear: none; } .products-grid.columns3 .product-item.nth-child-3np1 { clear: left; } .products-grid.columns4 { margin-left: -10px; margin-right: -10px; } .products-grid.columns4 .product-item { padding: 10px; width: 25%; } .products-grid.columns4 .product-item.nth-child-2np1, .products-grid.columns4 .product-item.nth-child-3np1 { clear: none; } .products-grid.columns4 .product-item.nth-child-4np1 { clear: left; } .products-grid.columns5 { margin-left: -5px; margin-right: -5px; } .products-grid.columns5 .product-item { padding: 10px 5px; width: 20%; } .products-grid.columns5 .product-item.nth-child-2np1, .products-grid.columns5 .product-item.nth-child-3np1 { clear: none; } .products-grid.columns5 .product-item.nth-child-5np1 { clear: left; } .products-grid.columns6 { margin-left: -4px; margin-right: -4px; } .products-grid.columns6 .product-item { padding: 10px 4px; width: 16.66666667%; } .products-grid.columns6 .product-item.nth-child-2np1, .products-grid.columns6 .product-item.nth-child-3np1, .products-grid.columns6 .product-item.nth-child-5np1 { clear: none; } .products-grid.columns6 .product-item.nth-child-6np1 { clear: left; } .products-grid.columns7 { margin-left: -3px; margin-right: -3px; } .products-grid.columns7 .product-item { padding: 10px 3px; width: 14.28571429%; } .products-grid.columns7 .product-item.nth-child-2np1, .products-grid.columns7 .product-item.nth-child-3np1, .products-grid.columns7 .product-item.nth-child-5np1 { clear: none; } .products-grid.columns7 .product-item.nth-child-7np1 { clear: left; } .products-grid .columns8 { margin-left: -3px; margin-right: -3px; } .products-grid .columns8 .product-item { padding: 10px 3px; width: 12.5%; } .products-grid .columns8 .product-item.nth-child-2np1, .products-grid .columns8 .product-item.nth-child-3np1, .products-grid .columns8 .product-item.nth-child-5np1 { clear: none; } .products-grid .columns8 .product-item.nth-child-8np1 { clear: left; } .products-grid.products.grid.flex-grid.columns3 .product-item.nth-child-2np1, .products-grid.divider-line.columns3 .product-item.nth-child-2np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid.columns3 .product-item.nth-child-3np1, .products-grid.divider-line.columns3 .product-item.nth-child-3np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns3 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns3 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns3 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns3 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns3 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns3 .product-item:nth-child(3) .product-item-info { border-top-color: transparent; } .products-grid.products.grid.flex-grid.columns4 .product-item.nth-child-2np1, .products-grid.divider-line.columns4 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns4 .product-item.nth-child-3np1, .products-grid.divider-line.columns4 .product-item.nth-child-3np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid.columns4 .product-item.nth-child-4np1, .products-grid.divider-line.columns4 .product-item.nth-child-4np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns4 .product-item:nth-child(4) .product-item-info, .products-grid.divider-line.columns4 .product-item:nth-child(4) .product-item-info { border-top-color: transparent; } .products-grid.products.grid.flex-grid.columns5 .product-item.nth-child-2np1, .products-grid.divider-line.columns5 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns5 .product-item.nth-child-3np1, .products-grid.divider-line.columns5 .product-item.nth-child-3np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid.columns5 .product-item.nth-child-5np1, .products-grid.divider-line.columns5 .product-item.nth-child-5np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(4) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(4) .product-item-info, .products-grid.products.grid.flex-grid.columns5 .product-item:nth-child(5) .product-item-info, .products-grid.divider-line.columns5 .product-item:nth-child(5) .product-item-info { border-top-color: transparent; } .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-2np1, .products-grid.divider-line.columns6 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-3np1, .products-grid.divider-line.columns6 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-5np1, .products-grid.divider-line.columns6 .product-item.nth-child-5np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid.columns6 .product-item.nth-child-6np1, .products-grid.divider-line.columns6 .product-item.nth-child-6np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(4) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(4) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(5) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(5) .product-item-info, .products-grid.products.grid.flex-grid.columns6 .product-item:nth-child(6) .product-item-info, .products-grid.divider-line.columns6 .product-item:nth-child(6) .product-item-info { border-top-color: transparent; } .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-2np1, .products-grid.divider-line.columns7 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-3np1, .products-grid.divider-line.columns7 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-5np1, .products-grid.divider-line.columns7 .product-item.nth-child-5np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid.columns7 .product-item.nth-child-7np1, .products-grid.divider-line.columns7 .product-item.nth-child-7np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(4) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(4) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(5) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(5) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(6) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(6) .product-item-info, .products-grid.products.grid.flex-grid.columns7 .product-item:nth-child(7) .product-item-info, .products-grid.divider-line.columns7 .product-item:nth-child(7) .product-item-info { border-top-color: transparent; } .products-grid.products.grid.flex-grid .columns8 .product-item.nth-child-2np1, .products-grid.divider-line .columns8 .product-item.nth-child-2np1, .products-grid.products.grid.flex-grid .columns8 .product-item.nth-child-3np1, .products-grid.divider-line .columns8 .product-item.nth-child-3np1, .products-grid.products.grid.flex-grid .columns8 .product-item.nth-child-5np1, .products-grid.divider-line .columns8 .product-item.nth-child-5np1 { border-left-color: #e3e4e4; } .products-grid.products.grid.flex-grid .columns8 .product-item.nth-child-8np1, .products-grid.divider-line .columns8 .product-item.nth-child-8np1 { border-left-color: transparent; } .products-grid.products.grid.flex-grid .columns8 .product-item:nth-child(1) .product-item-info, .products-grid.divider-line .columns8 .product-item:nth-child(1) .product-item-info, .products-grid.products.grid.flex-grid .columns8 .product-item:nth-child(2) .product-item-info, .products-grid.divider-line .columns8 .product-item:nth-child(2) .product-item-info, .products-grid.products.grid.flex-grid .columns8 .product-item:nth-child(3) .product-item-info, .products-grid.divider-line .columns8 .product-item:nth-child(3) .product-item-info, .products-grid.products.grid.flex-grid .columns8 .product-item:nth-child(4) .product-item-info, .products-grid.divider-line .columns8 .product-item:nth-child(4) .product-item-info, .products-grid.products.grid.flex-grid .columns8 .product-item:nth-child(5) .product-item-info, .products-grid.divider-line .columns8 .product-item:nth-child(5) .product-item-info, .products-grid.products.grid.flex-grid .columns8 .product-item:nth-child(6) .product-item-info, .products-grid.divider-line .columns8 .product-item:nth-child(6) .product-item-info, .products-grid.products.grid.flex-grid .columns8 .product-item:nth-child(7) .product-item-info, .products-grid.divider-line .columns8 .product-item:nth-child(7) .product-item-info, .products-grid.products.grid.flex-grid .columns8 .product-item:nth-child(8) .product-item-info, .products-grid.divider-line .columns8 .product-item:nth-child(8) .product-item-info { border-top-color: transparent; } body.layout-fullwidth .navigation, body.layout-fullwidth .header.content, body.layout-fullwidth .top-container, body.layout-fullwidth .page-wrapper > .breadcrumbs .items { max-width: none; padding-left: 20px; padding-right: 20px; } body.layout-fullwidth .page-header .header.panel { padding-left: 20px; padding-right: 20px; } body.layout-fullwidth.catalog-category-view .page-main, body.layout-fullwidth.catalog-product-view .page-main, body.layout-fullwidth.cms-index-index .page-main, body.layout-fullwidth.catalogsearch-result-index .page-main { max-width: none; padding-left: 20px; padding-right: 20px; } } pub/static/frontend/Smartwave/porto/en_US/css/print.less000077700000004645151323550660017427 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ @import 'source/lib/_lib.less'; // Global lib @import 'source/_theme.less'; // Theme overrides @import 'source/_variables.less'; // Local theme variables @baseDir: '../'; // Default // Magento/blank .page-print { .logo { display: block; float: none; text-align: left; } } @media print { * { -webkit-filter: none !important; // Use in 41 Chrome background: transparent !important; color: @color-black !important; filter: none !important; text-shadow: none !important; } // Black prints faster:h5bp.com/s a, a:visited { text-decoration: underline !important; } // Don't show links for images, or javascript/internal links pre, blockquote { border: 1px solid @color-gray60; page-break-inside: avoid; } thead { display: table-header-group; } .table-wrapper table { width: 100%; td { width: auto; } table-layout: fixed; & > tfoot > tr:first-child { border-top: 1px solid @color-gray60; } } .box, tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 1cm; } .block-content, p, h2, h3 { orphans: 3; widows: 3; } .block-content { page-break-before: avoid; } .block-title, h2, h3 { page-break-after: avoid; } .nav-toggle { display: none !important; } .sidebar, .nav-sections, .header.content > *[class], .panel.wrapper > *[class], .footer.content > *[class] { display: none; } .logo, .footer .copyright { display: block !important; margin: 10px 0; } .order-details-items { .order-items { .order-gift-message { &:not(.expanded-content) { height: auto; visibility: visible; } } } } .column.main { float: none !important; width: 100% !important; } .breadcrumbs { margin: 0 auto; text-align: right; } .footer.content { padding: 0; } .hidden-print { display: none !important; } } pub/static/frontend/Smartwave/porto/en_US/css/styles-m.less000077700000010523151323550660020040 0ustar00 @import 'source/_reset.less'; @import '_styles.less'; @import (reference) 'source/_extends.less'; @import '../Magento_InventoryConfigurableProductFrontendUi/css/source/_module.less'; @import '../Magento_InventoryInStorePickupFrontend/css/source/_module.less'; @import '../Magento_LoginAsCustomerFrontendUi/css/source/_module.less'; @import '../Magento_ReCaptchaCustomer/css/source/_module.less'; @import '../Magento_ReCaptchaFrontendUi/css/source/_module.less'; @import '../Magento_ReCaptchaNewsletter/css/source/_module.less'; @import '../Magento_ReCaptchaReview/css/source/_module.less'; @import '../Magento_ReCaptchaSendFriend/css/source/_module.less'; @import '../Amazon_Login/css/source/_module.less'; @import '../Amazon_Payment/css/source/_module.less'; @import '../Dotdigitalgroup_Sms/css/source/_module.less'; @import '../Expedux_Chitfund/css/source/_module.less'; @import '../Klarna_Kp/css/source/_module.less'; @import '../Mageplaza_AjaxLayer/css/source/_module.less'; @import '../Mageplaza_LayeredNavigation/css/source/_module.less'; @import '../Mageplaza_Search/css/source/_module.less'; @import '../PHPCuong_Faq/css/source/_module.less'; @import '../Smartwave_Megamenu/css/source/_module.less'; @import '../Smartwave_Socialfeeds/css/source/_module.less'; @import '../Vertex_Tax/css/source/_module.less'; @import '../Vertex_AddressValidation/css/source/_module.less'; @import '../Yotpo_Yotpo/css/source/_module.less'; @import '../Magento_CatalogEvent/css/source/_module.less'; @import '../Magento_Paypal/css/source/_module.less'; @import '../Magento_ProductVideo/css/source/_module.less'; @import '../Magento_SalesRule/css/source/_module.less'; @import '../Magento_Swatches/css/source/_module.less'; @import '../Magento_Vault/css/source/_module.less'; @import '../Magento_Weee/css/source/_module.less'; @import '../Magento_AdvancedCheckout/css/source/_module.less'; @import '../Magento_Bundle/css/source/_module.less'; @import '../Magento_Catalog/css/source/_module.less'; @import '../Magento_CatalogSearch/css/source/_module.less'; @import '../Magento_Checkout/css/source/_module.less'; @import '../Magento_Contact/css/source/_module.less'; @import '../Magento_Customer/css/source/_module.less'; @import '../Magento_CustomerBalance/css/source/_module.less'; @import '../Magento_Downloadable/css/source/_module.less'; @import '../Magento_GiftCard/css/source/_module.less'; @import '../Magento_GiftCardAccount/css/source/_module.less'; @import '../Magento_GiftMessage/css/source/_module.less'; @import '../Magento_GiftRegistry/css/source/_module.less'; @import '../Magento_GiftWrapping/css/source/_module.less'; @import '../Magento_GroupedProduct/css/source/_module.less'; @import '../Magento_Invitation/css/source/_module.less'; @import '../Magento_LayeredNavigation/css/source/_module.less'; @import '../Magento_Msrp/css/source/_module.less'; @import '../Magento_MultipleWishlist/css/source/_module.less'; @import '../Magento_Multishipping/css/source/_module.less'; @import '../Magento_Newsletter/css/source/_module.less'; @import '../Magento_Review/css/source/_module.less'; @import '../Magento_Reward/css/source/_module.less'; @import '../Magento_Rma/css/source/_module.less'; @import '../Magento_Sales/css/source/_module.less'; @import '../Magento_SendFriend/css/source/_module.less'; @import '../Magento_Theme/css/source/_module.less'; @import '../Magento_Wishlist/css/source/_module.less'; @import '../Smartwave_Filterproducts/css/source/_module.less'; @import '../Smartwave_Porto/css/source/_module.less'; @import '../WeltPixel_Quickview/css/source/_module.less'; @import 'source/_widgets.less'; @import '../Magento_Banner/css/source/_widgets.less'; @import '../Magento_Catalog/css/source/_widgets.less'; @import '../Magento_CatalogEvent/css/source/_widgets.less'; @import '../Magento_Cms/css/source/_widgets.less'; @import '../Magento_GiftRegistry/css/source/_widgets.less'; @import '../Magento_MultipleWishlist/css/source/_widgets.less'; @import '../Magento_Reports/css/source/_widgets.less'; @import '../Magento_Sales/css/source/_widgets.less'; @import '../Magento_VersionsCms/css/source/_widgets.less'; @import '../Magento_AdvancedCheckout/css/source/_widgets.less'; @import 'source/lib/_responsive.less'; @media-target: 'mobile'; // Sets target device for this file @import 'source/_theme.less'; @import 'source/_extend.less'; @import '../PayPal_Braintree/css/source/_extend.less'; pub/static/frontend/Smartwave/porto/en_US/css/.htaccess000077700000000177151323550660017175 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/css/_styles.less000077700000000420151323550660017740 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ @import 'source/lib/_lib.less'; // Global lib @import 'source/_sources.less'; // Theme styles @import 'source/_components.less'; // Components styles (modal/sliding panel) pub/static/frontend/Smartwave/porto/en_US/css/styles-l.less000077700000010560151323550660020040 0ustar00 @import '_styles.less'; @import (reference) 'source/_extends.less'; @import '../Magento_InventoryConfigurableProductFrontendUi/css/source/_module.less'; @import '../Magento_InventoryInStorePickupFrontend/css/source/_module.less'; @import '../Magento_LoginAsCustomerFrontendUi/css/source/_module.less'; @import '../Magento_ReCaptchaCustomer/css/source/_module.less'; @import '../Magento_ReCaptchaFrontendUi/css/source/_module.less'; @import '../Magento_ReCaptchaNewsletter/css/source/_module.less'; @import '../Magento_ReCaptchaReview/css/source/_module.less'; @import '../Magento_ReCaptchaSendFriend/css/source/_module.less'; @import '../Amazon_Login/css/source/_module.less'; @import '../Amazon_Payment/css/source/_module.less'; @import '../Dotdigitalgroup_Sms/css/source/_module.less'; @import '../Expedux_Chitfund/css/source/_module.less'; @import '../Klarna_Kp/css/source/_module.less'; @import '../Mageplaza_AjaxLayer/css/source/_module.less'; @import '../Mageplaza_LayeredNavigation/css/source/_module.less'; @import '../Mageplaza_Search/css/source/_module.less'; @import '../PHPCuong_Faq/css/source/_module.less'; @import '../Smartwave_Megamenu/css/source/_module.less'; @import '../Smartwave_Socialfeeds/css/source/_module.less'; @import '../Vertex_Tax/css/source/_module.less'; @import '../Vertex_AddressValidation/css/source/_module.less'; @import '../Yotpo_Yotpo/css/source/_module.less'; @import '../Magento_CatalogEvent/css/source/_module.less'; @import '../Magento_Paypal/css/source/_module.less'; @import '../Magento_ProductVideo/css/source/_module.less'; @import '../Magento_SalesRule/css/source/_module.less'; @import '../Magento_Swatches/css/source/_module.less'; @import '../Magento_Vault/css/source/_module.less'; @import '../Magento_Weee/css/source/_module.less'; @import '../Magento_AdvancedCheckout/css/source/_module.less'; @import '../Magento_Bundle/css/source/_module.less'; @import '../Magento_Catalog/css/source/_module.less'; @import '../Magento_CatalogSearch/css/source/_module.less'; @import '../Magento_Checkout/css/source/_module.less'; @import '../Magento_Contact/css/source/_module.less'; @import '../Magento_Customer/css/source/_module.less'; @import '../Magento_CustomerBalance/css/source/_module.less'; @import '../Magento_Downloadable/css/source/_module.less'; @import '../Magento_GiftCard/css/source/_module.less'; @import '../Magento_GiftCardAccount/css/source/_module.less'; @import '../Magento_GiftMessage/css/source/_module.less'; @import '../Magento_GiftRegistry/css/source/_module.less'; @import '../Magento_GiftWrapping/css/source/_module.less'; @import '../Magento_GroupedProduct/css/source/_module.less'; @import '../Magento_Invitation/css/source/_module.less'; @import '../Magento_LayeredNavigation/css/source/_module.less'; @import '../Magento_Msrp/css/source/_module.less'; @import '../Magento_MultipleWishlist/css/source/_module.less'; @import '../Magento_Multishipping/css/source/_module.less'; @import '../Magento_Newsletter/css/source/_module.less'; @import '../Magento_Review/css/source/_module.less'; @import '../Magento_Reward/css/source/_module.less'; @import '../Magento_Rma/css/source/_module.less'; @import '../Magento_Sales/css/source/_module.less'; @import '../Magento_SendFriend/css/source/_module.less'; @import '../Magento_Theme/css/source/_module.less'; @import '../Magento_Wishlist/css/source/_module.less'; @import '../Smartwave_Filterproducts/css/source/_module.less'; @import '../Smartwave_Porto/css/source/_module.less'; @import '../WeltPixel_Quickview/css/source/_module.less'; @import 'source/_widgets.less'; @import '../Magento_Banner/css/source/_widgets.less'; @import '../Magento_Catalog/css/source/_widgets.less'; @import '../Magento_CatalogEvent/css/source/_widgets.less'; @import '../Magento_Cms/css/source/_widgets.less'; @import '../Magento_GiftRegistry/css/source/_widgets.less'; @import '../Magento_MultipleWishlist/css/source/_widgets.less'; @import '../Magento_Reports/css/source/_widgets.less'; @import '../Magento_Sales/css/source/_widgets.less'; @import '../Magento_VersionsCms/css/source/_widgets.less'; @import '../Magento_AdvancedCheckout/css/source/_widgets.less'; @import 'source/lib/_responsive.less'; @media-target: 'desktop'; // Sets target device for this file @media-common: false; // Sets not to output common styles @import 'source/_theme.less'; @import 'source/_extend.less'; @import '../PayPal_Braintree/css/source/_extend.less'; pub/static/frontend/Smartwave/porto/en_US/css/print.css000077700000003312151323550660017237 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .page-print .logo { display: block; float: none; text-align: left; } @media print { * { -webkit-filter: none !important; background: transparent !important; color: #000000 !important; filter: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline !important; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; } .table-wrapper table { width: 100%; table-layout: fixed; } .table-wrapper table td { width: auto; } .table-wrapper table > tfoot > tr:first-child { border-top: 1px solid #999999; } .box, tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 1cm; } .block-content, p, h2, h3 { orphans: 3; widows: 3; } .block-content { page-break-before: avoid; } .block-title, h2, h3 { page-break-after: avoid; } .nav-toggle { display: none !important; } .sidebar, .nav-sections, .header.content > *[class], .panel.wrapper > *[class], .footer.content > *[class] { display: none; } .logo, .footer .copyright { display: block !important; margin: 10px 0; } .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: auto; visibility: visible; } .column.main { float: none !important; width: 100% !important; } .breadcrumbs { margin: 0 auto; text-align: right; } .footer.content { padding: 0; } .hidden-print { display: none !important; } } pub/static/frontend/Smartwave/porto/en_US/Magento_Contact/css/source/_module.less000077700000002320151323550660024250 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ & when (@media-common = true) { .contact-index-index { .page-title-wrapper { display: none; } .fieldset > .legend, .contact-info .contacts-title { color: @base-font-color; font-size: 20px; margin-bottom: 20px; font-weight: 300; letter-spacing: 0; text-transform: none; } .page-main .contact-info { [class^="porto-icon-"], [class*=" porto-icon-"] { float: left; width: 43px; height: 43px; background-color: @theme-color; color: #fff; line-height: 43px; text-align: center; font-size: 16px; border-radius: 6px; margin-bottom: 15px; } p { margin-left: 55px; margin-bottom: 0; font-size: 14px; line-height: 21px; } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { }pub/static/frontend/Smartwave/porto/en_US/Magento_Contact/css/source/.htaccess000077700000000177151323550660023542 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Contact/css/.htaccess000077700000000177151323550660022242 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Contact/.htaccess000077700000000177151323550660021452 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_MultipleWishlist/css/source/_module.less000077700000035511151323550660026207 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @desktop-popup-width: 380px; @desktop-popup-margin-left: -((@desktop-popup-width+(@popup__padding*2))/2); @desktop-popup-position-left: 50%; @desktop-popup-position-top: 20%; // // Common // _____________________________________________ & when (@media-common = true) { .wishlist { // Wish list split button &.split.button { .lib-dropdown-split( @_options-selector: ~".items", @_dropdown-split-button-border-radius-fix: false, @_dropdown-split-list-item-padding: 5px 5px 5px 23px, @_dropdown-split-toggle-icon-content: @icon-down, @_dropdown-split-toggle-active-icon-content: @icon-up, @_icon-font-size: 12px, @_icon-font-color: @addto-color, @_icon-font-color-hover: @addto-hover-color, @_icon-font-vertical-align: middle, @_dropdown-split-list-pointer-position: left, @_dropdown-split-list-min-width: 200px ); margin-right: 5%; vertical-align: middle; .items { padding: 6px 0; } &:extend(.abs-dropdown-items-new all); > .action { &:extend(.abs-action-button-as-link all); &.split { .lib-icon-font-symbol( @_icon-font-content: @icon-wishlist-full ); &:extend(.abs-actions-addto all); margin-right: 5px; &:before { margin: 0; } } &:active, &:focus, &:hover { .lib-css(color, @addto-hover-color); } } > .action.toggle { &:before { border-left: 1px solid @addto-color; content: ''; float: left; height: 15px; margin: 3px 4px 0 0; } } .table-comparison &, .product-items & { > .action { &.split { span { &:extend(.abs-visually-hidden all); } } } } .product-info-main &, .block-bundle-summary & { > .action { &.split { } } } .cart.table-wrapper & { vertical-align: baseline; > .action { &.split { font-weight: normal; letter-spacing: normal; text-transform: none; } &.toggle { &:after { .lib-css(color, @link__color); } } &.split, &.toggle { .lib-css(color, @link__color); &:before { display: none; } } } } } // Wish list popup &.window.popup { .lib-popup(); &.active { display: block; } } &.overlay { .lib-window-overlay(); &.active { display: block; } } // Wish list dropdown &-dropdown { &:extend(.abs-dropdown-simple all); &:extend(.abs-dropdown-items-new all); } &-dropdown.move, &-dropdown.copy { .action.toggle { .lib-css(color, @link__color); } } } .page-multiple-wishlist { .page-title-wrapper { .page-title { &:extend(.abs-visually-hidden all); } } .actions-toolbar { > .primary { display: block; float: none; text-align: left; .action.remove { float: right; } } } } .block-wishlist-management { position: relative; .wishlist { // Select wish list &-select { .wishlist-name { &-label { font-weight: @font-weight__semibold; &:extend(.abs-colon all); } &-current { } } &-items { &:extend(.abs-reset-list all); &.active { } } } &-add.item { .action { } } // Wish list name &-title { margin-bottom: @indent__s; strong { font-weight: @font-weight__light; margin-right: @indent__s; } .action.edit { } } // Wish list info &-info { } &-notice { .lib-css(color, @text__color__muted); display: inline-block; margin-right: @indent__base; &.private { .lib-icon-font( @_icon-font-content: @icon-private, @_icon-font-color: lighten(@text__color__muted, 15%), @_icon-font-vertical-align: text-bottom, @_icon-font-margin: 0 @indent__xs 0 0 ); } } // Wish list toolbar &-toolbar { &-select, &-actions { display: inline-block; } &-select { margin-right: @indent__base; } &-actions { } } // Wish list toolbar actions &-dropdown.move { margin-right: @indent__base; } } } .block-wishlist-search-form { .block-title { &:extend(.abs-account-title all); } .form-wishlist-search { .lib-css(margin-bottom, @indent__l*2); max-width: 500px; .fieldset { > .legend { &:extend(.abs-visually-hidden); } } } } .block-wishlist-search-results { .block-title { &:extend(.abs-account-title all); } .data.table { &:extend(.abs-table-striped all); } .table-wrapper { border-top: none; } } .block-wishlist-info-items { .block-title { .lib-css(margin-bottom, @indent__base); .lib-font-size(22px); > strong { font-weight: @font-weight__light ; } } .product-item { width: 100%; } .product-item-photo { margin-left: @indent__base; } .product-item-info { width: auto; &:hover { .split { visibility: visible; } } } .price-wrapper { display: block; margin: 0 0 @indent__s; } .split { clear: both; padding: @indent__s 0; visibility: hidden; } .wishlist-dropdown { .change { .lib-css(color, @link__color); } } .action { &.towishlist { padding: @indent__s 0; } } .input-text { &.qty { &:extend(.abs-input-qty all); margin-right: 10px; } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .block-wishlist-management { clear: both; margin-top: -21px; .wishlist { // Select wish list &-select { margin: 0 -@layout__width-xs-indent 20px; .wishlist-name { .lib-font-size(16); &:extend(.abs-toggling-title-mobile all); &-label { } &-current { } } &-items { border-bottom: @border-width__base solid @border-color__base; .lib-css(background, @collapsible-nav-background); display: none; padding: 15px 0; &.active { display: block; } .item { margin: 3px 0 0; &:first-child { margin-top: 0; } &.current { display: none; } a { .lib-css(color, @text__color); display: block; padding: @indent__xs 18px; text-decoration: none; &:hover { .lib-css(background, @collapsible-nav-item-hover); } } } } } &-add.item { .add { &:extend(.abs-icon-add-mobile all); } } // Wish list name &-title { strong { .lib-font-size(26); } .action.edit { } } // Wish list info &-info { margin-bottom: 15px; } &-notice { &.private { } } // Wish list toolbar &-toolbar { &-select, &-actions { margin-bottom: 15px; } &-select { } &-actions { } } // Wish list toolbar actions &-dropdown.move { } } } .products-grid.wishlist { .product { &-item { &-checkbox { left: 20px; position: absolute; top: 20px; } &-photo { .page-multiple-wishlist & { margin-left: @indent__m; } } &-name, &-description, .price-box, &-tooltip { .page-multiple-wishlist & { margin-left: 115px; } } } } .wishlist-dropdown { display: none; } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .wishlist { &.window.popup { bottom: auto; .lib-css(top, @desktop-popup-position-top); .lib-css(left, @desktop-popup-position-left); .lib-css(margin-left, @desktop-popup-margin-left); .lib-css(width, @desktop-popup-width); right: auto; } } .block-wishlist-management { &:extend(.abs-add-clearfix-desktop all); margin-bottom: @indent__base; .wishlist { // Select wish list &-select { border-bottom: 1px solid @secondary__color; display: table; margin-bottom: 15px; width: 100%; .wishlist-name { display: table-cell; margin-right: @indent__s; padding: @indent__xs @indent__s @indent__s; vertical-align: top; white-space: nowrap; width: 5%; span { } &.active { } &-label { } &-current { } } &-items { display: table-cell; padding-right: 160px; vertical-align: top; &.active { } .item { display: inline-block; margin-right: @indent__s; padding: @indent__xs @indent__s @indent__s; &:last-child { margin-right: 0; } } .current { border-bottom: 3px solid @active__color; font-weight: @font-weight__semibold; } } .wishlist-name-current { display: none; } } &-add.item { position: absolute; right: 0; top: 0; } // Wish list name &-title { strong { .lib-font-size(40); } .action.edit { } } // Wish list info &-info { float: left; } &-notice { &.private { } } // Wish list toolbar &-toolbar { float: right; &-select, &-actions { } &-select { } &-actions { } } // Wish list toolbar actions &-dropdown.move { } } } .block-wishlist-info-items { .product-item-photo { margin-left: 0; } } .products-grid.wishlist { .product { &-item { &-checkbox { float: left; + .product-item-name { margin-left: @indent__m; } } } } } .toolbar-wishlist-results { &:extend(.abs-pager-toolbar all); } } pub/static/frontend/Smartwave/porto/en_US/Magento_MultipleWishlist/css/source/_widgets.less000077700000000526151323550660026366 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .block-wishlist-search { .form-wishlist-search { margin: @form-field__vertical-indent 0 0; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_MultipleWishlist/css/source/.htaccess000077700000000177151323550660025471 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_MultipleWishlist/css/.htaccess000077700000000177151323550660024171 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_MultipleWishlist/.htaccess000077700000000177151323550660023401 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaSendFriend/css/source/_module.less000077700000000234151323550660026453 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.send.friend .g-recaptcha { margin-top: 40px; } pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaSendFriend/css/source/.htaccess000077700000000177151323550660025743 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaSendFriend/css/.htaccess000077700000000177151323550660024443 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_ReCaptchaSendFriend/.htaccess000077700000000177151323550660023653 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Theme/css/source/_module.less000077700000071702151323550660023731 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @import 'module/_collapsible_navigation.less'; // // Theme variables // _____________________________________________ // // Messages // --------------------------------------------- @message-global-note__color: @text__color; @message-global-note__background: @color-yellow-light2; @message-global-note-link__color: @link__color; @message-global-note-link__color-hover: @link__hover__color; @message-global-note-link__color-active: @link__active__color; @message-global-note__border-color: @color-yellow-light3; @message-global-caution__color: @color-white; @message-global-caution__background: @color-red9; @message-global-caution-link__color: @link__color; @message-global-caution-link__color-hover: @link__hover__color; @message-global-caution-link__color-active: @link__active__color; @message-global-caution__border-color: none; @customer-welcome__z-index: @dropdown-list__z-index + 1; @addto-color: @color-gray60; @addto-hover-color: @primary__color; @price-color: @color-gray34; @price-size: 22px; @price-size-desktop: 36px; @button__shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), inset 0 -1px 0 0 fade(@border-color__base, 30); // Used for secondary button and catalog toolbar controls @button__shadow-active: inset 0 1px 0 0 fade(@border-color__base, 80), inset 0 -1px 0 0 fade(@border-color__base, 30); // Used for secondary button and catalog toolbar controls @h1__margin-bottom__desktop: @indent__xl; // // Footer // --------------------------------------------- @footer__background-color: @color-gray-light01; @footer-links-separator-border-color: @color-gray-light4; @footer-links-color: @color-gray34; @footer-links-color-hover: @color-gray20; @footer-links-color-current: @primary__color__light; // // Layered navigation // --------------------------------------------- @filter-title-background-color: @color-gray94; @filter-link: @color-gray-darken4; @filter-link-hover: darken(@filter-link, 30%); @filter-quantity: @color-gray52; // // Common // _____________________________________________ & when (@media-common = true) { body { .lib-css(background-color, @page__background-color); } // ToDo UI: move it directly to .page-wrapper (now it doesn't appear in mediaquery cuz of size of css) .page-wrapper { .ie9 & { .lib-css(background-color, @page__background-color); min-height: 0; } } .columns .column.main { max-width: 100%; } // // Header // --------------------------------------------- .page-header { .lib-css(background-color, @header__background-color); .lib-css(border-top, 3px solid @header__border-color); position: relative; z-index: 4; .panel.wrapper { .lib-css(background-color, @header-panel__background-color); .lib-css(color, @header-panel__text-color); } &.header-newskin { .minicart-wrapper { position: relative; width: 58px; vertical-align: middle; margin-left: 15px; margin-right: 0; .action.close { top: 5px; } .action.showcart { position: relative; padding: 0 25px 0 0; line-height: 31px; } .action.showcart:before, .action.showcart.active:before { content: '\e87f'; font-size: 29px; line-height: 32px; } .action.showcart:after { content: "\f803"; font-family: 'porto-icons'; position: absolute; right: 0; top: 1px; -webkit-font-smoothing: antialiased; } .action.showcart .counter.qty { width: 16px; height: 16px; display: block; font-size: 10px; color: #fff; background-color: #ed5348; text-align: center; line-height: 16px; border-radius: 20px; min-width: auto; left: auto; right: 16px; margin-top: -16px; } } &.sticky-header .minicart-wrapper { .action.showcart { line-height: 40px; } .action.showcart:before, .action.showcart.active:before { line-height: 39px; } } } } .header.panel { > .header.links { .lib-list-inline(); float: right; font-size: 0; margin-left: auto; margin-right: @indent__base; > li { font-size: 11px; text-transform: uppercase; > a { .lib-link( @_link-color: @header-panel__text-color, @_link-text-decoration: none, @_link-color-visited: @header-panel__text-color, @_link-text-decoration-visited: none, @_link-color-hover: @header-panel__text-color, @_link-text-decoration-hover: underline, @_link-color-active: @header-panel__text-color, @_link-text-decoration-active: underline ); } } } } .header { &.content:extend(.abs-add-clearfix all) { position: relative; } } .logo { display: inline-block; vertical-align: middle; margin: 30px 0; max-width: 50%; position: relative; z-index: 5; img { display: block; max-height: 50px; max-width: 100%; } .page-print & { display: inline-block; float: none; } } .page-main { > .page-title-wrapper { .page-title + .action { margin-top: @indent__l; } } } .action.skip { &:not(:focus) { &:extend(.abs-visually-hidden all); } &:focus { .lib-css(background, @color-gray94); .lib-css(padding, @indent__s); box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } } // // Global notice // --------------------------------------------- .message.global { p { margin: 0; } &.noscript, &.cookie { .lib-message(@_message-type: global-note); margin: 0; } &.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; .actions { margin-top: @indent__s; } } &.demo { .lib-message(@_message-type: global-caution); margin-bottom: 0; text-align: center; } } .page-header, .page-footer { .switcher { height: 15px; .options { .lib-dropdown( @_dropdown-actions-padding: 0, @_dropdown-list-item-padding: 0, @_dropdown-toggle-icon-content: @icon-down, @_dropdown-toggle-active-icon-content: @icon-up, @_icon-font-text-hide: true, @_icon-font-margin: 0 0 0 5px, @_icon-font-size: 16px, @_icon-font-line-height: 15px, @_dropdown-list-min-width: 160px, @_dropdown-list-border: 0 ); ul.dropdown { border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.25); left: -10px; li { border-radius: 3px; } a { display: block; padding: 8px 10px; color: @base-font-color; font-size: 11px; & > img { margin-bottom: 3px; margin-right: 3px; vertical-align: middle; } &:hover { text-decoration: none; } } } } strong { font-weight: @font-weight__regular; line-height: 15px; font-size: 11px; vertical-align: top; display: inline-block; & > img { margin-bottom: 3px; margin-right: 3px; vertical-align: middle; } } .label:extend(.abs-visually-hidden all) { } } } span.split { height: 14px; width: 1px; border-right: 1px solid #ccc; margin: 0 13px; } } // // Navigation // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .customer-name, .customer-welcome + .authorization-link { display: none; } .nav-sections .switcher-trigger strong:after { .lib-font-size(16); right: -25px; top: 2px; } .navigation .parent .level-top:after { .lib-font-size(22); right: 10px; top: 13px; } .mobile-sticky { header.page-header { position: fixed; width: 100%; top: 0; box-shadow: 0 0px 5px rgba(0,0,0,0.3); } .page-main { margin-top: 64px; } } .page-header.header-newskin { .minicart-wrapper { position: relative; top: auto; right: auto; left: auto; margin: 0; float: right; margin-right:-17px; } .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before { font-size: 28px; line-height: 40px; } .minicart-wrapper .action.showcart { line-height: 40px; } } } // // Common // _____________________________________________ & when (@media-common = true) { // // Widgets // --------------------------------------------- .sidebar { .widget.block:not(:last-child), .widget:not(:last-child) { margin-bottom: @indent__xl; } } .widget { clear: both; .block-title:extend(.abs-block-widget-title all) { } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { html, body { min-height: 100%; // Stretch screen area for sticky footer } body { .ie9 & { .lib-css(background-color, @copyright__background-color); } } .customer-menu .header.links a { color: #777 !important; } .sticky-logo { float: left; .logo { margin: 0 !important; img { height: 30px; width: auto; max-width: none; margin-right: 20px; } } } header.page-header.sticky-header { .nav-sections { position: fixed !important; left: 0 !important; top: 0 !important; z-index: 200 !important; margin: 0 !important; padding: 0; margin: 0 !important; width: 100% !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: all; } .navigation { padding: 0 15px; & > ul { background-color: transparent; } li.level0 { & > .level-top { padding: 0 15px; line-height: 30px; } &.parent > a:after { line-height: 30px; } & > a > span.cat-label { top: -9px; } } } .minicart-wrapper { position: absolute; right: 15px; top: 50%; margin-top: -20px; } } .page-header { margin-bottom: 0; .panel.wrapper { .lib-css(background-color, @header-panel__background-color); } .header.panel:extend(.abs-add-clearfix-desktop all) { padding-bottom: 11px; padding-top: 10px; } .switcher { float: left; margin-right: 15px; .lib-vendor-prefix-order(1); } .navigation { .level0 { & > .level-top { text-transform: uppercase; display: inline-block; } &.parent > a:after { content: @icon-down-open; display: inline-block; font-family: @icons__font-name; vertical-align: top; margin-left: 6px; line-height: 42px; } .submenu { border-top-width: 5px; padding: 6px 8px; box-shadow: 0 0 3px rgba(0,0,0,0.25); border-radius: 0 6px 6px 6px; li { margin-bottom: 0; position: relative; } .submenu { border-top-width: 0; margin-top: -6px !important; margin-left: 8px !important; } li.parent > a:after { content: @icon-right-open; display: inline-block; font-family: @icons__font-name; vertical-align: top; margin-left: 6px; margin-right: 5px; line-height: 15px; float: right; } .active > a { border: 0; } } } } .drop-menu { position: relative; text-align: left; float: left; width: 25%; min-width: 250px; padding: 0 15px; .nav-sections { position: absolute; top: 100%; left: 15px; width: 100%; width: calc(~"100% - 30px"); background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.4); border-bottom: 5px solid #303030; visibility: hidden; opacity: 0; } > a { color: #fff; background-color: #303030; padding: 14px 15px; width: 100%; font-size: 13px; font-weight: 700; display: block; line-height: 1; text-decoration: none; &:hover { background-color: #777; color: #fff; } } & + .custom-menu-block { display: inline-block; line-height: 41px; width: auto; float: left; a { padding: 0 14px; font-size: 12px; font-weight: 600; color: #777; white-space: nowrap; } } } &.header-newskin { &.sticky-header .nav-sections { background-color: #fff; } .nav-sections {pointer-events: none;} .navigation .level0 { margin-right: 3px; color: #161616; text-align: left; pointer-events: all; } .navigation .level0 > .level-top { color: inherit; padding: 0 12px; line-height: 42px; font-size: 13px; font-weight: 400; letter-spacing: 0.025em; } .navigation li.level0.parent a.level-top:before { content: ""; width: 10px; height: 10px; border: 7px solid transparent; border-bottom-color: #fff; position: absolute; left: 50%; margin-left: -8px; top: 100%; margin-top: -14px; visibility: hidden; opacity: 0; transition: all 0.1s; } .navigation:not(.side-megamenu) li.level0.parent:hover a.level-top:before { visibility: visible; opacity: 1; } .navigation .level0 .submenu { border-top-width: 0; box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25); } .navigation li.level0.fullwidth .submenu li.level1 > a, .navigation li.level0.staticwidth .submenu li.level1 > a { font-size: 13px; font-weight: 700; margin-bottom: 4px; color: #434d53; padding: 0 5px; } .navigation li.level0.fullwidth .submenu a, .navigation li.level0.classic .submenu a, .navigation li.level0.staticwidth .submenu a { font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; } } } .cms-index-index .page-header { .drop-menu { > a { pointer-events: none; } .nav-sections { visibility: visible; opacity: 1; padding: 0 !important; } } &.sticky-header { .drop-menu { > a { pointer-events: all; } .nav-sections { visibility: hidden; opacity: 0; &.visible { visibility: visible; opacity: 1; } } } } } .page-main { > .page-title-wrapper { .page-title { display: inline-block; } .page-title + .action { float: right; margin-top: @indent__base; } } } .customer-welcome { .lib-dropdown( @_toggle-selector: ~".action.switch", @_options-selector: ~"ul", @_dropdown-actions-padding: 0, @_dropdown-list-item-padding: 0, @_dropdown-toggle-icon-content: @icon-down, @_dropdown-toggle-active-icon-content: @icon-up, @_icon-font-text-hide: true, @_icon-font-margin: 0 0 0 5px, @_icon-font-size: 16px, @_icon-font-line-height: 15px, @_dropdown-list-border: 0, @_dropdown-list-z-index: @customer-welcome__z-index ); li:extend(.switcher li all) { a { .lib-link( @_link-color: @color-gray20, @_link-text-decoration: none, @_link-color-visited: @color-gray20, @_link-text-decoration-visited: none, @_link-color-hover: @color-gray20, @_link-text-decoration-hover: none, @_link-color-active: @color-gray20, @_link-text-decoration-active: none ); display: block; line-height: 1.4; padding: 8px; } } .customer-menu { display: none; } .action.switch { .lib-button-reset(); vertical-align: top; } .header.links { min-width: 175px; box-shadow: 0 0 3px rgba(0,0,0,0.25); border-radius: 3px; margin-top: 7px; left: auto; right: 0; &:before { left: auto; right: 10px; } &:after { left: auto; right: 9px; border-bottom-color: #ccc; } } &.active { .action.switch { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } .customer-menu { display: block; } } .greet { display: none; } } .header { &.panel { > .header.links { .lib-list-inline(); float: right; margin-left: auto; > li { margin-bottom: 0; &.welcome, > a { display: inline-block; line-height: 1.4; } > a, > span { padding: 0 15px; border-left: 1px solid #ccc; } &:last-child { > a, > span { padding-right: 0; } } &:first-child { > a, > span { padding-left: 0; border-left: 0; } } &.welcome { a { .lib-css(color, @color-white); .lib-css(padding-left, @indent__xs); } } } > .customer-welcome + .authorization-link { display: none; } } } &.content:extend(.abs-add-clearfix-desktop all) { padding: 0 15px; } } .logo { img { max-height: inherit; } } .page-wrapper { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(column); margin: 0; min-height: 100%; // Stretch content area for sticky footer position: relative; transition: margin .3s ease-out 0; > .breadcrumbs, > .top-container, > .widget { box-sizing: border-box; width: 100%; } .ie10 &, .ie11 & { height: 100%; } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { body { &.layout-fullwidth { .navigation, .header.content, .top-container, .page-wrapper > .breadcrumbs .items { max-width: none; padding-left: 20px; padding-right: 20px; } .page-header .header.panel { padding-left: 20px; padding-right: 20px; } &.catalog-category-view, &.catalog-product-view, &.cms-index-index, &.catalogsearch-result-index { .page-main { max-width: none; padding-left: 20px; padding-right: 20px; } } } } } // // Common // _____________________________________________ & when (@media-common = true) { .no-display:extend(.abs-no-display all) { } // // Calendar // --------------------------------------------- .ui-datepicker td { padding: 0; } .ui-tooltip { border: @tooltip__border-width solid @tooltip__border-color; .lib-css(background, @tooltip__background); padding: 10px; } [class^="porto-icon-"]:before, [class*=" porto-icon-"]:before { font-family: @icon-font-family; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .panel { -webkit-box-shadow: none; box-shadow: none; } .recent-posts { .item { .post-image { border-radius: 5px; overflow: hidden; margin: 0 0 15px 0; padding: 2px; border: 1px solid #e1e1e1; background-color: #fff; min-height: 120px; img { border-radius: 4px; width: 100%; } } } .post-date { float: left; margin-right: 10px; text-align: center; .day { background-color: #f7f7f7; color: @theme-color; display: block; font-size: 18px; font-weight: bold; padding: 8px; } .month { background-color: @theme-color; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0,0,0,.07) inset; color: #fff; font-size: 0.9em; padding: 2px 0; display: block; width: 45px; } } .postTitle { min-height: 55px; border: 0; h2 { font-size: 20px; line-height: 27px; font-weight: normal; padding: 0; margin: 0 0 10px 0; } a:hover { text-decoration: none; } } .postContent { font-size: 14px; line-height: 1.5; padding-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 15px; & > p { margin: 0; } } a.readmore { font-weight: 300; font-size: 16px; } } } static/frontend/Smartwave/porto/en_US/Magento_Theme/css/source/module/_collapsible_navigation.less000077700000005072151323550660030357 0ustar00pub// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // --------------------------------------------- @collapsible-nav-color: #777; @collapsible-nav-current-color: @theme-color; @collapsible-nav-current-font-weight: 400; @collapsible-nav-item-hover: @theme-color; // // // Common // --------------------------------------------- & when (@media-common = true) { // // Collapsible navigation // --------------------------------------------- .block-collapsible-nav { .content { } .item { border-bottom: 1px solid #ddd; &:first-child { border-top: 1px solid #ddd; } a, > strong { .lib-css(color, @collapsible-nav-color); display: block; padding: 8px 18px 8px 15px; position: relative; &:before { font-family: @icon-font-family; content: @icon-right-dir; position: absolute; left: 0; } } a { text-decoration: none; &:hover, &:active, &:focus { .lib-css(color, @collapsible-nav-item-hover); background-color: transparent; } } &.current { a, strong { .lib-css(color, @collapsible-nav-current-color); .lib-css(font-weight, @collapsible-nav-current-font-weight); } } } } } // // Desktop // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-collapsible-nav { .title { &:extend(.abs-visually-hidden-desktop all); } } } // // Mobile // --------------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .block-collapsible-nav { left: 0; position: absolute; top: 0; width: 100%; z-index: 5; background-color: @body_background-color; .title { &:extend(.abs-toggling-title-mobile all); } .content { border-bottom: @border-width__base solid @border-color__base; display: none; &.active { display: block; } } .item { padding: 0 15px; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Theme/css/source/module/.htaccess000077700000000177151323550660024476 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Theme/css/source/.htaccess000077700000000177151323550660023211 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Theme/css/.htaccess000077700000000177151323550660021711 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Theme/.htaccess000077700000000177151323550660021121 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>static/frontend/Smartwave/porto/en_US/Magento_InventoryInStorePickupFrontend/css/source/_module.less000077700000012034151323550660030756 0ustar00pub// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // // --------------------------------------------- @checkout-source-selector-popup-location_border: @border-width__base solid @color-gray80; @checkout-delivery-method-selector-action__background: @color-white; @checkout-pickup-location-name_font-size: @font-size__l; @checkout-pickup-location-name_font-weight: @font-weight__bold; @checkout-pickup-location-name-popup_font-size: @font-size__l; @checkout-pickup-location-popup-search_padding: 0 0 @indent__s; @checkout-pickup-location-popup-search_margin: 0 0 @indent__base; @checkout-pickup-location-popup-search_border: @modal-title__border; @checkout-pickup-location-popup-note_margin: 0 0 @indent__base; & when (@media-common = true) { /** * @codingStandardsIgnoreStart */ #store-pickup { &.selected-shipping { ~ #store-selector { display: none; } } &.selected-store-pickup { ~ #shipping, ~ #opc-shipping_method { visibility: hidden; height: 0; overflow: hidden; } } } #delivery-method-selector { // @codingStandardsIgnoreEnd .lib-vendor-prefix-display(flex); .action { .lib-button-l(); &.selected { .lib-css( background, @checkout-delivery-method-selector-action__background ); } } .action-select-shipping { border-bottom-right-radius: 0; border-top-right-radius: 0; } .action-select-store-pickup { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } } /** * @codingStandardsIgnoreStart */ #store-selector { .form-login { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } // @codingStandardsIgnoreEnd .form-continue { margin: @indent__base 0 0; .actions-toolbar { .action { &.primary { &:extend(.abs-button-l all); } } } } } .location-details { .location-name { .lib-css(font-size, @checkout-pickup-location-name_font-size); .lib-css(font-weight, @checkout-pickup-location-name_font-weight); } } .store-selector-popup { .modal-title { border-bottom: 0; } .modal-header { padding-bottom: 0; } } /** * @codingStandardsIgnoreStart */ #opc-store-selector-popup { // @codingStandardsIgnoreEnd display: none; .block-search { float: none; width: 100%; .lib-css(margin, @checkout-pickup-location-popup-search_margin); .lib-css(padding, @checkout-pickup-location-popup-search_padding); .lib-css( border-bottom, @checkout-pickup-location-popup-search_border ); } } .modal-content { #opc-store-selector-popup { display: block; } } .store-selector-popup-table { thead { th { display: none; } } tbody { .location { .location-name { .lib-css( font-size, @checkout-pickup-location-name-popup_font-size ); } + .location { .lib-css( border-top, @checkout-source-selector-popup-location_border ); } } .col-location-details { padding-left: 0; p { &:last-child { margin-bottom: 0; } } } .col-location-actions { padding-right: 0; vertical-align: middle; .action { float: right; } } } } .store-selector-popup-empty-query, .store-selector-popup-no-locations { .lib-css(margin, @checkout-pickup-location-popup-note_margin); } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { /** * @codingStandardsIgnoreStart */ #store-selector { // @codingStandardsIgnoreEnd .form-continue { .actions-toolbar { > .primary { float: right; } .action { &.primary { margin: 0; } } } } } } static/frontend/Smartwave/porto/en_US/Magento_InventoryInStorePickupFrontend/css/source/.htaccess000077700000000177151323550660030245 0ustar00pub<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_InventoryInStorePickupFrontend/css/.htaccess000077700000000177151323550660027024 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_InventoryInStorePickupFrontend/.htaccess000077700000000177151323550660026234 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Swatches/css/source/_module.less000077700000032130151323550660024440 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @swatch-attribute-option__selected__color: #646464; @swatch-option__background: @color-gray94; @swatch-option__border: @border-width__base solid #dadada; @swatch-option__hover__border: @border-width__base solid @color-white; @swatch-option__hover__color: @color-gray20; @swatch-option__hover__outline: 1px solid @color-gray60; @swatch-more__hover__border: @border-width__base solid @color-white; @swatch-more__hover__color: @color-orange-red1; @swatch-more__hover__outline: 1px solid @color-gray60; @swatch-option__selected__border: @swatch-option__hover__border; @swatch-option__selected__color: @swatch-option__hover__color; @swatch-option__selected__outline: 2px solid @active__color; @swatch-option__disabled__background: @color-red10; // Text attributes @swatch-option-text__background: @swatch-option__background; @swatch-option-text__color: #686868; @swatch-option-text__selected__background-color: @color-white; // Size and Manufacturer attributes @attr-swatch-option__background: @swatch-option__background; @attr-swatch-option__color: #949494; @attr-swatch-option__selected__background: @color-white; @attr-swatch-option__selected__border: @border-width__base solid @color-white; @attr-swatch-option__selected__color: @color-black; // Image and Color swatch @img-color-swatch-option__hover__border: @swatch-option__hover__border; @img-color-swatch-option__hover__outline: 2px solid darken(@active__color, 12%); // Tooltip @swatch-option-tooltip__background: @color-white; @swatch-option-tooltip__border: @swatch-option__border; @swatch-option-tooltip__color: #949494; @swatch-option-tooltip-title__color: #282828; @swatch-option-tooltip-layered__background: @swatch-option-tooltip__background; @swatch-option-tooltip-layered__border: @swatch-option__border; @swatch-option-tooltip-layered__color: @swatch-option-tooltip__color; @swatch-option-tooltip-layered-title__color: @swatch-option-tooltip-title__color; // Layered Features @swatch-option-link-layered__focus__box-shadow: 0 0 3px 1px @focus__color; // // Common // _____________________________________________ & when (@media-common = true) { .swatch { &-attribute { &-label { font-weight: @font-weight__bold; position: relative; &.required { padding-right: @indent__s; } &[data-required='1']:after { .lib-css(color, @form-field-label-asterisk__color); content: '*'; font-size: @font-size__base; font-weight: @font-weight__bold; position: absolute; right: -11px; top: -2px; } } &-selected-option { .lib-css(color, @swatch-attribute-option__selected__color); padding-left: 17px; } &-options { margin: @indent__s 0; &:focus { box-shadow: none; } .swatch-option-tooltip-layered .title { .lib-css(color, @swatch-option-tooltip-layered-title__color); bottom: -5px; height: 20px; left: 0; margin-bottom: @indent__s; position: absolute; text-align: center; width: 100%; } } &.size, &.manufacturer { .swatch-option { .lib-css(background, @attr-swatch-option__background); .lib-css(color, @attr-swatch-option__color); &.selected { .lib-css(background, @attr-swatch-option__selected__background); .lib-css(border, @attr-swatch-option__selected__border); .lib-css(color, @attr-swatch-option__selected__color); } } } } &-option { .lib-css(border, @swatch-option__border); cursor: pointer; float: left; height: 20px; margin: 0 @indent__s @indent__xs 0; max-width: 100%; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; &:focus { box-shadow: @focus__box-shadow; } &.text { .lib-css(background, @swatch-option-text__background); .lib-css(color, @swatch-option-text__color); font-size: @font-size__s; font-weight: @font-weight__bold; line-height: 20px; margin-right: 7px; min-width: 22px; padding: 4px 8px; &.selected { .lib-css(background-color, @swatch-option-text__selected__background-color); } } &.selected { .lib-css(outline, @swatch-option__selected__outline); .lib-css(border, @swatch-option__selected__border); .lib-css(color, @swatch-option__selected__color); } &:not(.disabled):hover { .lib-css(border, @swatch-option__hover__border); .lib-css(color, @swatch-option__hover__color); .lib-css(outline, @swatch-option__hover__outline); } &.image, &.color { &:not(.disabled):hover { .lib-css(border, @img-color-swatch-option__hover__border); .lib-css(outline, @img-color-swatch-option__hover__outline); } } &.disabled { box-shadow: unset; cursor: default; pointer-events: none; &:after { // ToDo: improve .lib-background-gradient() to support diagonal gradient background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 46%, rgba(255, 82, 22, 1) 47%, rgba(255, 82, 22, 1) 53%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 46%, rgba(255, 82, 22, 1) 47%, rgba(255, 82, 22, 1) 53%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 46%, rgba(255, 82, 22, 1) 47%, rgba(255, 82, 22, 1) 53%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 46%, rgba(255, 82, 22, 1) 47%, rgba(255, 82, 22, 1) 53%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, rgba(255, 255, 255, 1)), color-stop(46%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(255, 82, 22, 1)), color-stop(53%, rgba(255, 82, 22, 1)), color-stop(54%, rgba(255, 255, 255, 1)), color-stop(57%, rgba(255, 255, 255, 1)), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 46%, rgba(255, 82, 22, 1) 47%, rgba(255, 82, 22, 1) 53%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); bottom: 0; content: ''; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)'; left: 0; position: absolute; right: 0; top: 0; } } &-disabled { border: 0; cursor: default; outline: none !important; &:after { .lib-rotate(-30deg); .lib-css(background, @swatch-option__disabled__background); content: ''; height: 2px; left: -4px; position: absolute; top: 10px; width: 42px; z-index: 995; } } &-loading { .lib-css(content, @loading__background-image); } &-tooltip { .lib-css(border, @swatch-option-tooltip__border); .lib-css(color, @swatch-option-tooltip__color); .lib-css(background, @swatch-option-tooltip__background); display: none; max-height: 100%; min-height: 20px; min-width: 20px; padding: @indent__xs; position: absolute; text-align: center; z-index: 999; &, &-layered { .corner { bottom: 0; height: 8px; left: 40%; position: absolute; &:before, &:after { border-style: solid; content: ''; font-size: 1px; height: 0; position: relative; width: 0; } &:before { border-color: @color-gray68 transparent transparent transparent; border-width: 8px 8.5px 0 8.5px; left: 0; top: 2px; } &:after { border-color: @color-white transparent transparent transparent; border-width: 7px 7.5px 0 7.5px; left: -15px; top: 1px; } } .image { display: block; height: 130px; margin: 0 auto; width: 130px; } } &-layered { .lib-css(background, @swatch-option-tooltip-layered__background); .lib-css(border, @swatch-option-tooltip-layered__border); .lib-css(color, @swatch-option-tooltip-layered__color); display: none; left: -47px; position: absolute; width: 140px; z-index: 999; } .title { .lib-css(color, @swatch-option-tooltip-title__color); display: block; max-height: 200px; min-height: 20px; overflow: hidden; text-align: center; } } &-link-layered { margin: 0 !important; padding: 0 !important; position: relative; &:focus > div { .lib-css(box-shadow, @swatch-option-link-layered__focus__box-shadow); } &:hover > .swatch-option-tooltip-layered { display: block; } } } &-opt { margin: @indent__base 0; &-listing { margin-bottom: @indent__s; } } &-more { display: inline-block; margin: 2px 0; padding: 2px; position: static; } &-visual-tooltip-layered { height: 160px; top: -170px; } &-textual-tooltip-layered { height: 30px; top: -40px; } &-input { left: -1000px; position: absolute; visibility: hidden; } } .clearfix:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } } pub/static/frontend/Smartwave/porto/en_US/Magento_Swatches/css/source/.htaccess000077700000000177151323550660023730 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Swatches/css/.htaccess000077700000000177151323550660022430 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Swatches/.htaccess000077700000000177151323550660021640 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogSearch/css/source/_module.less000077700000013672151323550660025371 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @autocomplete-background: @color-white; @autocomplete-border: 1px solid @form-element-input__border-color; @autocomplete-item-border: 1px solid @color-gray90; @autocomplete-item-hover: @color-gray91; @autocomplete-item-amount-color: @color-gray60; // // Common //-------------------------------------- & when (@media-common = true) { .block-search { margin-bottom: 0; .block { &-title { display: none; } } .block-content { margin-bottom: 0; } .label { .lib-icon-font( @_icon-font-content: @icon-search, @_icon-font-size: 22px, @_icon-font-line-height: 28px, @_icon-font-margin: 0 @indent__s 0 0, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @minicart-icons-color-hover, @_icon-font-color-active: @minicart-icons-color-hover, @_icon-font-text-hide: true ); display: inline-block; float: right; &.active { + .control { input { position: static; } } } } .action.search { display: none; } .control { clear: both; margin: 0 -@layout__width-xs-indent -1px; padding: 0 @layout__width-xs-indent; } input { left: -300%; position: absolute; margin: 15px 0; } .nested { display: none; } } .search-autocomplete { display: none; position: absolute; z-index: 3; overflow: hidden; margin-top: -15px; &:extend(.abs-add-box-sizing all); ul { .lib-list-reset-styles(); &:not(:empty) { .lib-css(background, @autocomplete-background); .lib-css(border, @autocomplete-border); border-top: 0; } li { .lib-css(border-top, @autocomplete-item-border); cursor: pointer; padding: @indent__xs @indent__xl @indent__xs @indent__s; margin: 0; position: relative; text-align: left; white-space: normal; &:first-child { border-top: none; } &:hover, &.selected { .lib-css(background, @autocomplete-item-hover); } .amount { .lib-css(color, @autocomplete-item-amount-color); position: absolute; right: 7px; top: @indent__xs; } } } } .form.search.advanced { &:extend(.abs-forms-general-desktop all); display: block; border: 1px solid #ececec; border-radius: 8px; background: #fff; border-top: 4px solid @theme-color; padding: 35px 25px; box-shadow: 0 2px 3px rgba(0,0,0,0.08); .fields.range { .field { &:first-child { position: relative; .control { padding-right: 25px; &:after { content: ' \2013 '; display: inline-block; text-align: center; width: 25px; position: absolute; right: 0; top: 6px; } } } &:last-child { position: relative; div.mage-error[generated] { position: absolute; top: 32px; left: 0; } } &.with-addon { .control { padding-right: 45px; } } &.date { &:extend(.abs-field-date all); } } } .group.price { .addon { .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } } } } .search-terms { &:extend(.abs-reset-list all); line-height: 2em; > li { display: inline-block; margin-right: @indent__s; } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .block-search { } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-search { position: relative; margin-left: 40px; width: 450px; z-index: 4; display: inline-block; vertical-align: middle; .label { &:extend(.abs-visually-hidden-desktop all); } .control { border-top: 0; margin: 0; padding: 0; } .nested { display: none; padding-top: 5px; position: absolute; } input { position: static; margin: 0; border-color: transparent; height: 40px; border-radius: 20px; padding: 10px 50px 10px 20px; .lib-input-placeholder(@form-element-input-placeholder__color); } .action.search { position: absolute; display: inline-block; right: 2px; top: 0; z-index: 1; height: 40px; .lib-button-icon( @_icon-font-content: @icon-search, @_icon-font-text-hide: true, @_icon-font-color: @header-icons-color, @_icon-font-size: 14px ); .lib-button-reset(); line-height: 40px; } } .search-autocomplete { margin-top: 0; } } pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogSearch/css/source/.htaccess000077700000000177151323550660024647 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogSearch/css/.htaccess000077700000000177151323550660023347 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_CatalogSearch/.htaccess000077700000000177151323550660022557 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_LoginAsCustomerFrontendUi/css/source/_module.less000077700000004012151323550660027731 0ustar00/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ // // Variables // --------------------------------------------- @lac-notification-background-color: #373330; @lac-notification-color: #fff; @lac-notification-links-color: #fff; // // Common // --------------------------------------------- & when (@media-common = true) { .lac-notification-sticky { position: relative; z-index: 999; .lac-notification { background-color: @lac-notification-background-color; color: @lac-notification-color; font-size: 16px; .lac-notification-icon { float: left; margin: 10px 25px 10px 10px; .logo-img { display: block } } .lac-notification-text { float: left; padding: 15px 0; } .lac-notification-links { float: right; padding: 15px 0; a { color: @lac-notification-links-color; font-size: 14px; } .lac-notification-close-link { &:after { background: url('../Magento_LoginAsCustomerFrontendUi/images/close.svg'); content: ' '; display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; width: 12px; } } } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .lac-notification { padding: 5px 0; .lac-notification-icon { display: none; } .lac-notification-text, .lac-notification-links { float: none; padding: 5px 0; text-align: center; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_LoginAsCustomerFrontendUi/css/source/.htaccess000077700000000177151323550660027223 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_LoginAsCustomerFrontendUi/css/.htaccess000077700000000177151323550660025723 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_LoginAsCustomerFrontendUi/.htaccess000077700000000177151323550660025133 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/PHPCuong_Faq/css/bootstrap.css000077700000025501151323550660022336 0ustar00/* * @Author: Ngo Quang Cuong * @Date: 2017-11-11 12:46:29 * @Last Modified by: https://www.facebook.com/giaphugroupcom * @Last Modified time: 2017-11-11 12:46:35 */ /* grid bootstrap */ .row { margin-left: -15px; margin-right: -15px; } .col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { /* float: left; */ } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { /* float: left; */ } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { /* float: left; */ } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { /* float: left; */ } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix, .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } pub/static/frontend/Smartwave/porto/en_US/PHPCuong_Faq/css/source/_module.less000077700000014302151323550660023420 0ustar00@import '../faq-extension/style.css'; @import '../bootstrap.css'; /* faq content */ [class^="faq-"] h1 { margin-left: -2px; } .faq-faq-view,.faq-question-view{ // .page-title-wrapper{ // .page-title{ h1{ font-family: Nguyenhoang; font-size: 25px !important; font-weight: 400; color: #3c3c3c; border-bottom: 1px solid #d6d6d6; margin: 0 0 20px !important; padding: 0 0 15px; text-transform: uppercase; } // } // } } .faq-category{ padding: 15px 0px 10px; } .faq-content { font-family: "Open Sans",sans-serif; font-weight: 400; color: #797979; padding: 10px; } .hidden { display: none !important; } .faq-content .green { color: green; } .faq-content .created-by { font-size: 1.2rem; color: #a3a3a3; } .faq-content .created-by span:first-child { margin-left: 0px; } .faq-content .created-by span { margin-left: 15px; } .faq-content .details{ color: #2E4A01; } .filter-options-title[aria-expanded=true]::after{ content: '\f823' !important; } .button-set{ a{ color: #636363; text-decoration: none; } } .faq-content .details .content { text-decoration: none; color: #2E4A01; padding: 15px 0px 0px; text-align: justify; margin-bottom: 25px; } .faq-content .details .feedback { margin-top: 15px; } .faq-content .related-question { margin-top: 30px; } /* feed back */ .feedback .btn { position: relative; min-width: 60px; padding: 6px 12px; } .feedback .btn span:last-child { margin-left: 3px; } .feedback .btn span:first-child { font-size: 13px; } /* sider left category */ .faq-category-group{ padding:0 0 5px !important; border-bottom: 0px solid #B6D1E2; float: left; max-width: 45% !important; margin-right: 5%; margin-bottom: 20px; color: #2E4A01; text-align: justify; } .block-faq-category .block-title { margin: 0 0 20px; } .block-faq-category .block-title strong { font-size: 18px; font-weight: 300; } .block-faq-category .block-content .items .item a .count{ color: #858585; padding-right: 5px; } /* FAQs list */ .faqs-list { float: left; width: 100%; li{ padding: 4px 0; margin: 0; a{ text-decoration: none; color: #2E4A01; font-size: 14px; &:hover{ color: #007433; text-decoration: underline; } } } } .faqs-list .item { border: 1px solid #e3e3e3; margin-bottom: 15px; } .faqs-list .item.active { a { span:before { content: '\ea0b'; } } .description { display: block; } .read-more { display: block; } } .faqs-list { .item { .read-more { padding: 5px 20px; text-align: right; cursor: pointer; display: none; background: rgba(248, 248, 248, 0.63); font-weight: 500; color: rgba(51, 51, 51, 0.61); position: relative; } .read-more:hover { color: #198dd3; } .read-more:after { content: '\e902'; font-family: 'faq-extension'; right: 5px; top: 6px; position: absolute; } } } .faqs-list .description { padding: 14px 20px; display: none; border-top: 1px solid #e3e3e3; } .faqs-list .item > a { font-size: 14px; line-height: 1.5; font-weight: 500; color: #41362f; padding: 10px 15px; display: block; background: #f8f8f8; } .faqs-list .item > a span:before { margin-right: 15px; font-size: 10px; } .faqs-list .item > a:hover { text-decoration: none; } h2.first-title { margin-top: 0px; } .faqcat-title { background-color: #0072b6 !important; color: #FFFFFF; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; font-style: normal; line-height: 1.4; text-transform: none; text-align: justify; margin: 0 0 10px; } .faqcat-title i { float: left; width: 2.15em; border-bottom: 1px solid #b55; position: absolute; bottom: -1px; z-index: 9999; border-bottom-color: #198dd3; } .faqcat-title img { max-width: 33px; margin: 0 auto; padding: 0px 8px; max-height: 20px; width: auto; height: auto; } .faqs-list .no-question > a { font-weight: normal; } /* category list */ .category-list { padding: 0px; margin: 0px -15px; } .category-list .category { list-style: none; } .category-list .category { margin: 0px; margin-bottom: 15px; } .category-list .category .block { height: 210px; text-align: center !important; padding: 0px; } .category-list .category .block > a:hover { border: 1px solid #198dd3; } .category-list .category .block h3 { text-transform: uppercase; line-height: 1.5; font-size: 14px; margin: 0px; } .category-list .category .block > a { border: 1px solid #e4e4e4; cursor: pointer; display: block; line-height: 138px; margin-bottom: 12px; min-height: 138px; padding: 16px 10px; -moz-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; } .category-list .category .block a img { vertical-align: middle; } .category-list .category .block a:hover { text-decoration: none; color: #198dd3 !important; } .category-list .category .block h3 a { font-weight: 500; } .category-list .category .block a:last-child{ color: #333; } /* FAQ form search */ .faq-search-form { margin: 0 auto; width: 100%; margin-bottom: 30px; } .faq-search-form form { display: table; width: 100%; } .faq-search-form .field { margin: 0; } .faq-search-form .field .control { display: inline-block; text-decoration: none; display: block; } .faq-search-form .field .control:before { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 32px; color: #c2c2c2; content: '\e986'; font-family: 'faq-extension'; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; } .faq-search-form input { padding-left: 35px; } .faq-search-form .actions { display: table-cell; vertical-align: top; width: 1%; } .faq-search-form .actions button { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; } @media(max-width: 991px) { .page.messages, .column.main { margin-top: 0px; } } pub/static/frontend/Smartwave/porto/en_US/PHPCuong_Faq/css/source/.htaccess000077700000000177151323550660022707 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/PHPCuong_Faq/css/faq-extension/.htaccess000077700000000177151323550660024170 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/PHPCuong_Faq/css/faq-extension/style.css000077700000002536151323550660024245 0ustar00@font-face { font-family: 'faq-extension'; src: url('fonts/faq-extension.eot?uvajb2'); src: url('fonts/faq-extension.eot?uvajb2#iefix') format('embedded-opentype'), url('fonts/faq-extension.ttf?uvajb2') format('truetype'), url('fonts/faq-extension.woff?uvajb2') format('woff'), url('fonts/faq-extension.svg?uvajb2#faq-extension') format('svg'); font-weight: normal; font-style: normal; } [class^="faq-icon"], [class*=" faq-icon"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'faq-extension' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .faq-iconkeyboard_arrow_right:before { content: "\e902"; } .faq-iconicon-gpg:before { content: "\e901"; } .faq-iconfaq-icon:before { content: "\e900"; color: #fff; } .faq-iconcalendar:before { content: "\e953"; } .faq-iconuser:before { content: "\e971"; } .faq-iconeye:before { content: "\e9ce"; } .faq-iconhappy:before { content: "\e9df"; } .faq-iconangry:before { content: "\e9ed"; } .faq-iconplus:before { content: "\ea0a"; } .faq-iconminus:before { content: "\ea0b"; } .faq-iconsearch:before { content: "\e986"; } pub/static/frontend/Smartwave/porto/en_US/PHPCuong_Faq/css/.htaccess000077700000000177151323550660021407 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/PHPCuong_Faq/.htaccess000077700000000177151323550660020617 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Reward/css/source/_module.less000077700000002036151323550660024105 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .block-reward-info { .reward-balance { .lib-font-size(18); margin-bottom: @indent__m; } .reward-rates, .reward-limit, .reward-expiring { &:not(:last-child) { margin-bottom: @indent__m; } .title { display: inline-block; margin-bottom: @indent__s; } } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper.reward-history { &:extend(.abs-account-table-margin-mobile all); } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .table-wrapper.reward-history { &:extend(.abs-account-table-margin-desktop all); } } pub/static/frontend/Smartwave/porto/en_US/Magento_Reward/css/source/.htaccess000077700000000177151323550660023373 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Reward/css/.htaccess000077700000000177151323550660022073 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Reward/.htaccess000077700000000177151323550660021303 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_AjaxLayer/css/source/_module.less000077700000002007151323550660025046 0ustar00/** * Mageplaza * * NOTICE OF LICENSE * * This source file is subject to the Mageplaza.com license that is * available through the world-wide-web at this URL: * https://www.mageplaza.com/LICENSE.txt * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * version in the future. * * @category Mageplaza * @package Mageplaza_AjaxLayer * @copyright Copyright (c) Mageplaza (http://www.mageplaza.com/) * @license https://www.mageplaza.com/LICENSE.txt */ .ln_overlay { background-color: #FFFFFF; height: 300%; left: 0; text-align: center; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0px; width: 500%; z-index: 555; display: none; } .ln_overlay img { margin-top: 300px; left: 45%; display: block; position: fixed; } .ln_slider_container { width: calc(100% - 20px); margin: 0 15px 0 5px; } .filter-options-content a { display: inline-block !important; }pub/static/frontend/Smartwave/porto/en_US/Mageplaza_AjaxLayer/css/source/.htaccess000077700000000177151323550660024336 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_AjaxLayer/css/.htaccess000077700000000177151323550660023036 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Mageplaza_AjaxLayer/.htaccess000077700000000177151323550660022246 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/.htaccess000077700000000177151323550660016405 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Bundle/css/source/_module.less000077700000014133151323550660024073 0ustar00// /** // * Copyright © 2018 Porto. All rights reserved. // */ // // Common // _____________________________________________ & when (@media-common = true) { .bundle-actions { margin: 0 0 @indent__l; .action.primary.customize { &:extend(.abs-button-l all); &:extend(.abs-button-responsive all); } } .bundle-options-container { clear: both; margin-bottom: @indent__xl; .legend.title { .lib-heading(h1); border: 0; padding: 0; } .product-add-form { display: none; } .input-text.qty { &:extend(.abs-input-qty all); } .product-options-wrapper { margin-bottom: @indent__l; .fieldset > .field { border-top: 1px @color-gray-middle1 solid; padding-top: @form-field__vertical-indent; &:first-of-type { border-top: 0; padding-top: 0; } } .fieldset-bundle-options { .field.choice { .price-notice { &:extend(.abs-adjustment-incl-excl-tax all); } } } .field.choice { input { float: left; } .label { &:extend(.abs-add-clearfix all); display: block; margin-left: 24px; display: block; } .product-name { display: block; } .label { &:extend(.abs-add-clearfix all); } .price-notice { float: left; &:extend(.abs-adjustment-incl-excl-tax all); } .price-excluding-tax { display: inline-block; } } } .action.back { &:extend(.abs-action-button-as-link all); margin-bottom: @indent__l; } .block-bundle-summary { > .title { margin-bottom: 15px; > strong { .lib-heading(h2); } } > .title, .bundle-summary .subtitle { border-bottom: 1px @color-gray-middle1 solid; margin-bottom: @indent__m; padding-bottom: 16px; } .price-box { margin-bottom: @indent__base; .price-label { display: block; margin-bottom: @indent__xs; } } .bundle-summary { margin-top: @indent__l; &.empty { display: none; } > .subtitle { .lib-heading(h2); display: block; } } .bundle.items { &:extend(.abs-reset-list all); > li { margin-bottom: @indent__base; } } .box-tocart { &:extend(.abs-box-tocart all); .action.primary { &:extend(.abs-button-l all); &:extend(.abs-button-responsive all); } } .product-addto-links { text-align: center; > .action { &:extend(.abs-actions-addto all); margin-right: 5%; &.tocompare { .lib-icon-font-symbol( @_icon-font-content: @icon-compare-full, @_icon-font-position: before ); } } } .product-image-container, .product.name, .stock { &:extend(.abs-visually-hidden all); } } p.required { .lib-css(color, @form-field-label-asterisk__color); } .nested { .field label { font-weight: 400; } .product-name { font-weight: 600; } .field.qty { .lib-form-field-type(@_type: block); .label { font-weight: @form-field-label__font-weight; } &:last-child { margin-bottom: 0; } margin-top: @form-field__vertical-indent; } } .price { font-weight: @font-weight__semibold; } } .fieldset-bundle-options { .nested.options-list { .field.qty { display: block; margin-top: 9px; } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .bundle-actions { .action.primary.customize { width: auto; } } .bundle-options-container { .legend.title { font-size: 25px; } .bundle-options-wrapper, .product-options-wrapper { float: left; } .block-bundle-summary { padding: @indent__s @indent__base; &:extend(.abs-add-box-sizing-desktop all); float: right; width: 40%; position: relative; .price-box { .price-wrapper, .price-wrapper > .price { font-size: @price-size-desktop; line-height: @price-size-desktop; font-weight: @font-weight__semibold; } } .price-container { .weee { .lib-css(color, @price-color); .price { .lib-font-size(12); font-weight: @font-weight__bold; } } } .price-including-tax + .price-excluding-tax { .price { .lib-font-size(14); line-height: 16px; } } } .bundle-options-wrapper, .block-bundle-summary { .page-layout-2columns-left &, .page-layout-2columns-right &, .page-layout-3columns & { width: 48%; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Bundle/css/source/_email.less000077700000001525151323550660023676 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Bundle Module Styles // --------------------------------------------- // // Bundle Items // --------------------------------------------- .email-items { .bundle-option-label { > td { padding: 0 @email-content__padding__base 0 @email-content__padding__l; } } .bundle-option-value { > td { padding: 0 @email-content__padding__base @email-content__padding__base; &.item-info { padding: 0 @email-content__padding__base @email-content__padding__base @email-content__padding__xl; } } } tr.bundle-option-value + tr { > td.item-extra { padding-top: @email-content__padding__base; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Bundle/css/source/.htaccess000077700000000177151323550660023360 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Bundle/css/.htaccess000077700000000177151323550660022060 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Bundle/.htaccess000077700000000177151323550660021270 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Downloadable/css/source/_module.less000077700000007420151323550660025256 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { .table-downloadable-products { .product-name { font-weight: @font-weight__regular; margin-right: 15px; } .action.download { .lib-icon-font( @_icon-font-content: @icon-download, @_icon-font-margin: 0 5px 0 0 ); } } .page-product-downloadable { .product-add-form { clear: both; margin-bottom: @indent__m; &:extend(.abs-add-clearfix all); } .product-options-bottom { .field.qty { display: none; } } .product-options-wrapper { border-bottom: 0; .fieldset { .legend.links-title { &:extend(.abs-visually-hidden all); } } } } .samples { &-item-title { font-size: 1.4rem; font-weight: 600; margin: 0 0 @indent__s; } &-item { margin: 0 0 @indent__s; } } .field.downloads { margin-bottom: @indent__s; .page-product-downloadable .product-add-form .product-options-wrapper & > .control { width: 100%; } .price-container { display: inline; white-space: nowrap; &:before { content: " + "; display: inline; } } .price-excluding-tax { display: inline; &:before { content: " ("attr(data-label) ": "; } &:after { content: ")"; } } .price-including-tax { display: inline; font-weight: @font-weight__semibold; .lib-font-size(14); } .field.choice { box-sizing: border-box; border-bottom: 1px solid @color-gray92; padding-bottom: @indent__s; margin-bottom: @indent__s; &:extend(.clearer all); width: 100%; position: relative; z-index: 1; input { position: absolute; left: 0; top: 2px; } padding-left: 25px; } .field { &.downloads-all { padding-left: 0; border-bottom: 0; } } .sample.link { float: right; } &-all { .label { .lib-link(); cursor: pointer; } input { opacity: 0; } } &.downloads-no-separately { .field.choice { padding-left: 0; } } } } // // Mobile //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .page-product-downloadable .product-options-wrapper { margin-bottom: @indent__m; } .table-downloadable-products { .product-name { display: block; .lib-css(margin-bottom, @indent__xs); } .col.title { &:before { &:extend(.abs-visually-hidden-mobile all); } } } .page-product-downloadable .product-info-price ~ *:last-child:after { border-bottom: 1px @color-gray-light5 solid; content: ''; display: block; height: 0; overflow: hidden; width: auto; margin: @indent__m -@indent__s; } } // // Product view Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .page-product-downloadable { .product-add-form { &:extend(.clearer all); } .product-options-wrapper { float: left; width: 55%; } .product-options-bottom { float: right; width: 40%; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Downloadable/css/source/.htaccess000077700000000177151323550660024542 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Downloadable/css/.htaccess000077700000000177151323550660023242 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Downloadable/.htaccess000077700000000177151323550660022452 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/_module.less000077700000000317151323550670024427 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @import 'module/_cart.less'; @import 'module/_minicart.less'; @import 'module/_checkout.less'; pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/_minicart.less000077700000030415151323550670026237 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @minicart__padding-horizontal: @indent__base; @minicart-qty__height: 24px; // // Common // _____________________________________________ & when (@media-common = true) { // // Minicart // --------------------------------------------- .block-minicart { .items-total { float: right; margin-top: 20px; .count { font-weight: @font-weight__bold; color: #000; } } .subtotal { text-align: left; .label { &:extend(.abs-colon all); } } .amount { .price-wrapper { color: #000; &:first-child { .price { font-size: @font-size__l; font-weight: @font-weight__bold; } } } } .subtitle { display: none; &.empty { display: block; padding: @indent__l 0 @indent__base; text-align: center; font-size: 13px; font-weight: 400; } } .text { &.empty { text-align: center; } } .block-content { > .actions { margin-top: 15px; > .secondary { text-align: center; margin: 0 0 15px; .action { &.viewcart { display: block; width: 100%; padding: 10px 15px; text-transform: uppercase; font-size: 15px; border: 1px solid #ccc; border-radius: 3px; } } } > .primary { margin: 0 0 15px; .action { &.primary { &:extend(.abs-button-l all); display: block; width: 100%; padding: 10px 15px; font-weight: 400; text-transform: uppercase; font-size: 15px; } } } .paypal-logo { margin-top: 15px; text-align: center; } } } .block-category-link, .block-product-link, .block-cms-link, .block-banners { margin: 15px 0 0; text-align: center; } } .minicart-wrapper { .lib-dropdown( @_toggle-selector: ~".action.showcart", @_options-selector: ~".block-minicart", @_dropdown-toggle-icon-content: @icon-mini-cart, @_dropdown-toggle-active-icon-content: @icon-mini-cart, @_dropdown-list-item-padding: false, @_dropdown-list-item-hover: false, @_dropdown-list-margin-top: 7px, @_dropdown-list-border: 0, @_dropdown-list-pointer-position-top: -21px, @_icon-font-position: before, @_icon-font-size: 35px, @_icon-font-line-height: 33px, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @minicart-icons-color-hover, @_icon-font-color-active: @minicart-icons-color ); .block-minicart { .lib-css(padding, 25px @minicart__padding-horizontal); width: 320px; right: -15px; border-top: 6px solid @theme-color; color: @minicart__text-color; & when (@enable_border_radius = true) { border-radius: 8px; } box-shadow: 0 0 5px rgba(0,0,0,0.25); .block-title { display: none; } &:after { left: auto; right: 25px; border: 9px solid; border-color: transparent transparent rgba(0,0,0,0.1) transparent; } &:before { left: auto; right: 26px; border: 8px solid; border-color: transparent transparent @theme-color transparent; } } .product { .actions { float: right; margin: -30px 0 0; > .primary, > .secondary { display: inline; &:not(:last-child) { margin-right: 15px; } } } } .action { &.close { width: 40px; height: 40px; top: 0; right: 0; position: absolute; .lib-button-reset(); .lib-button-icon( @icon-remove, @_icon-font-color: #777, @_icon-font-size: 16px, @_icon-font-line-height: 16px, @_icon-font-text-hide: true ); } &.showcart { white-space: nowrap; .text { &:extend(.abs-visually-hidden all); } .counter.qty { color: @minicart__qty_color; .lib-css(height, @minicart-qty__height); .lib-css(line-height, @minicart-qty__height); border-radius: 2px; display: inline-block; margin: -11px 0 0; min-width: 18px; width: 100%; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; position: absolute; top: 50%; left: 0; font-weight: 600; font-size: 14px; .loader { > img { .lib-css(max-width, @minicart-qty__height); } } } .counter-label { &:extend(.abs-visually-hidden all); } &:before, &.active:before { color: @minicart__icon_color; line-height: 40px; margin: 0; } &:hover:before, &:active:before, &.active:before, &.active:hover:before { color: @minicart__icon_color; } } } .minicart-widgets { margin-top: 15px; } } .minicart-items-wrapper { .lib-css(margin, 0 -15px); overflow-x: auto; padding: 15px; } .minicart-items { .lib-list-reset-styles(); .product-item { &:not(:first-child) { .lib-css(border-top, 1px solid @minicart__border-color); } padding: @indent__base 0; &:first-child { padding-top: 0; } > .product { &:extend(.abs-add-clearfix all); } } .product-image-wrapper { &:extend(.abs-reset-image-wrapper all); } .product-item-pricing { .label { display: inline-block; width: 4.5rem; } } .price-minicart { margin-bottom: @indent__xs; } .product-item-name { font-size: 14px; font-weight: @font-weight__regular; margin: 0 0 @indent__s; a { .lib-css(color, @link__color); } } .product-item-details { padding-left: 95px; text-align: left; .price { font-weight: @font-weight__bold; color: #000; } .price-including-tax, .price-excluding-tax { margin: @indent__xs 0; } .weee[data-label] { .lib-font-size(11); .label { &:extend(.abs-no-display all); } } .details-qty { margin-top: @indent__s; } } .product { > .product-item-photo, > .product-image-container { float: left; min-width: 0; } .toggle { &:after { position: static; margin: 0 0 0 @indent__xs; .lib-css(color, @color-gray56); } border: 0; padding: 0 @indent__xl @indent__xs 0; } .product.options { > .toggle { &:after { font-family: @icon-font-family; } .lib-icon-font-symbol( @_icon-font-content: @icon-down, @_icon-font-position: after ); } &.active { > .toggle { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } } } &.pricing { margin-top: 3px; } &.options { .tooltip.toggle { .lib-icon-font( @icon-down, @_icon-font-size: 12px, @_icon-font-line-height: 12px, @_icon-font-text-hide: true, @_icon-font-margin: -3px 0 0 7px, @_icon-font-position: after ); } .details { display: none; } } } .details-qty, .price-minicart { .label { &:extend(.abs-colon all); } } .item-qty { width: 40px; text-align: center; margin-right: @indent__s; border-radius: 3px; } .update-cart-item { vertical-align: top; .lib-font-size(11); } .action { &.edit, &.delete { .lib-icon-font( @icon-edit, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @minicart-icons-color, @_icon-font-color-active: @minicart-icons-color ); } &.delete { .lib-icon-font-symbol( @_icon-font-content: @icon-trash ); } } .subtitle { display: none; } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .minicart-wrapper .block-minicart { width: 290px; } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .minicart-wrapper { margin-top: @indent__s; } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .minicart-wrapper { .block-minicart { right: -15px; width: 350px; } } .minilist .action.delete, .minicart-wrapper .action.edit { .lib-icon-font-size( @_icon-font-size: 16px ); } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/_cart.less000077700000037600151323550670025365 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ @mobile-cart-padding: 15px; @cart-price-color: @color-gray40; @cart-item-cell-padding-top: 20px; // // Common // _____________________________________________ & when (@media-common = true) { // // Shopping cart // --------------------------------------------- .checkout-cart-index { .page-main { padding-left: 0; padding-right: 0; } .page-title-wrapper { padding-left: @layout__width-xs-indent; padding-right: @layout__width-xs-indent; } } // Cart container .cart-container { .form-cart { &:extend(.abs-shopping-cart-items all); } } // Summary block .cart-summary { &:extend(.abs-add-box-sizing all); .lib-css(background, @sidebar__background-color); margin-bottom: @indent__m; padding: 1px 0 @indent__m; background: #fbfbfb; border: 1px solid #ddd; border-radius: 8px; > .title { .lib-font-size(24); display: none; font-weight: @font-weight__light; margin: 12px 0; } .block { form:not(:last-of-type) { .fieldset { margin: 0 0 @indent__m; } } .price { font-weight: @font-weight__bold; } .field { margin: 0 0 16px; &.note { display: none; } } .actions-toolbar { > .primary { text-align: left; .action.primary { &:extend(.abs-revert-to-action-secondary all); width: auto; } } } .fieldset.estimate { > .legend, > .legend + br { &:extend(.abs-no-display all); } } &:extend(.abs-cart-block all); .title { strong { .lib-font-size(14); font-weight: @font-weight__semibold; } } .item-options { margin: 0 0 16px; .field { .radio { float: left; margin-right: 8px; } .radio { + .label { display: block; margin: 0; overflow: hidden; font-weight: 400; } } } } } .page-main & { .block { margin-bottom: 0; } } .checkout-methods-items { &:extend(.abs-reset-list all); margin: @indent__base 0 0; padding: 0 @mobile-cart-padding; text-align: center; .action.primary.checkout { &:extend(.abs-button-l all); width: 100%; } .item { margin-bottom: @indent__m; &:last-child { margin-bottom: 0; } } } .message { padding-left: @indent__base; > *:first-child:before { display: none; } } &:extend(.abs-adjustment-incl-excl-tax all); } // Totals block .cart-totals { &:extend(.abs-sidebar-totals all); tbody, tfoot { .mark { text-align: left; } } } // Products table .cart { &.table-wrapper { .product-item-name > a { font-size: 14px; &, &:hover { color: @_link-color; } } .product-image-container { border: 1px solid #ccc; border-radius: 5px; padding: 3px; } .cart { thead { tr th.col { border-bottom: @border-width__base solid @border-color__base; padding-bottom: 12px; padding-top: 24px; font-size: 14px; font-weight: 600; } } tbody { td { border: 0; } } > .item { border-bottom: @border-width__base solid @border-color__base; position: relative; } } .col { vertical-align: middle; &.price, &.subtotal, &.msrp { font-size: 14px; text-align: center; &:extend(.abs-incl-excl-tax all); } &.subtotal .price { color: @theme-color; } &.qty { text-align: center; .label { &:extend(.abs-visually-hidden all); } .input-text { text-align: center; width: 45px; } .field.qty { min-width: 67px; } } > .price { .lib-css(color, @primary__color__lighter); .lib-font-size(18); font-weight: @font-weight__bold; } } .item-actions { td { padding-bottom: 0; padding-left: @mobile-cart-padding; padding-right: @mobile-cart-padding; white-space: normal; } } .item { .col.item { display: block; min-height: 75px; padding: 15px @mobile-cart-padding @indent__s 90px; position: relative; } } .actions-toolbar { &:extend(.abs-add-clearfix all); min-height: 20px; padding-bottom: 30px; position: relative; > .action-edit, > .action-delete { position: absolute; right: 16px; top: 0; .lib-icon-font( @icon-edit, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color ); } > .action-delete { &:extend(.abs-action-button-as-link all); right: 0; .lib-icon-font-symbol( @_icon-font-content: @icon-trash ); } } .action { margin-right: 15px; &:last-child { margin-right: 0; } &.help.map { &:extend(.abs-action-button-as-link all); font-weight: @font-weight__regular; } } .product { &-item-photo { display: block; left: @mobile-cart-padding; max-width: 65px; padding: 0; position: absolute; top: 15px; width: 100%; border: 0; border-radius: 0; } &-item-name { .lib-font-size(18); display: block; margin: 0; margin-top: 10px; } } .gift-registry-name-label { &:after { content: ':'; } } // Product options .item-options { margin-bottom: 0; &:extend(.abs-product-options-list all); &:extend(.abs-add-clearfix all); } .product-item-name + .item-options { margin-top: @indent__base; } .cart-tax-total { &:extend(.abs-tax-total all); &-expanded { &:extend(.abs-tax-total-expanded all); } } .product-image-wrapper { &:extend(.abs-reset-image-wrapper all); } .action.configure { display: inline-block; margin: @indent__s 0 0; } .item .message { margin-top: @indent__base; } } } // Discount .cart-discount { border-bottom: @border-width__base solid @border-color__base; clear: left; &:extend(.abs-discount-block all); } // Empty cart .cart-empty { padding-left: @layout__width-xs-indent; padding-right: @layout__width-xs-indent; } .cart-tax-info + .cart-tax-total { display: block; } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .cart { .table.items { .col.item, .item-actions td { &:extend(.abs-col-no-prefix all); } .col.qty { text-align: center; } tbody > tr > td:last-child { &:extend(.abs-no-border-bottom-top all); } } } .cart-totals { .totals { &:extend(.abs-sidebar-totals-mobile all); } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { // Cart container .cart-container { .form-cart { .actions.main { text-align: center; } } } .cart-discount { border-bottom: @border-width__base solid @border-color__base; } .cart { &.table-wrapper { border-top: @border-width__base solid @border-color__base; thead { .col { &.item, &.qty, &.price, &.subtotal, &.msrp { display: none; } } } .col { &.qty, &.price, &.subtotal, &.msrp { box-sizing: border-box; display: block; float: left; white-space: nowrap; width: 33%; &:before { content: attr(data-th); display: block; font-weight: @font-weight__semibold; padding-bottom: 10px; } } &.msrp { white-space: normal; } } .item .col.item { padding-bottom: 0; } tbody > tr > td:last-child { border: 0; } } } .cart-totals { padding-left: @mobile-cart-padding; padding-right: @mobile-cart-padding; .table-wrapper { border-top: 0; } .totals { tbody > tr:not(:last-child) > td:last-child { border: 0; } } } } // // Common // _____________________________________________ & when (@media-common = true) { // Cross sell .block { &.crosssell { .lib-css(padding, 0 @mobile-cart-padding); margin-top: 70px; .product-item-info { width: 200px; } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .checkout-cart-index { .page-main { padding-left: @layout__width-xs-indent; padding-right: @layout__width-xs-indent; } .page-title-wrapper { &:extend(.abs-revert-side-paddings all); } } // Cart container .cart-container { &:extend(.abs-add-clearfix-desktop all); .form-cart { &:extend(.abs-shopping-cart-items-desktop all); .actions.main { text-align: right; } } .widget { float: left; } } // Summary block .cart-summary { .lib-layout-column(2, 2, @layout-column-checkout__width-left); padding: 1px @indent__base @indent__m; > .title { display: block; } .fieldset { .actions-toolbar { margin-left: 0; > .secondary { float: none; } } } .block { > .title { padding-left: 0; &:after { right: 3px; } } .content { &:extend(.abs-revert-side-paddings all); } .fieldset { .field { .lib-form-field-type-revert(@_type: block); margin: 0 0 @indent__s; } } } .checkout-methods-items { padding: 0; } } // Products table .cart { &.table-wrapper { .items { // Google Chrome version 44.0.2403.107 m fix min-width: 100%; width: auto; } tbody td { padding-top: @cart-item-cell-padding-top; } .item { .col.item { padding: @cart-item-cell-padding-top 8px @indent__base 0; } } .item-actions td { padding: 0; } .product { &-item-photo { display: table-cell; max-width: 100%; padding-right: @indent__base; position: static; vertical-align: middle; width: 1%; } &-item-details { } &-item-details { display: table-cell; vertical-align: middle; white-space: normal; width: 99%; } } } } // Discount .cart-discount { &:extend(.abs-discount-block-desktop all); .lib-layout-column(2, 1, @layout-column-checkout__width-main); border: 0; box-sizing: border-box; padding-right: 4%; } // Empty cart .cart-empty { &:extend(.abs-revert-side-paddings all); } // Cross sell .block { &.crosssell { .lib-layout-column(2, 1, @layout-column-checkout__width-main); &:extend(.abs-add-box-sizing-desktop all); padding: 0 4% 0 0; .products-grid .product-item { width: 100%/4; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_payments.less000077700000012256151323550670030101 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-payment-method-title__border: @checkout-shipping-method__border; @checkout-payment-method-title__padding: @checkout-shipping-method__padding; @checkout-payment-method-title-mobile__padding: 15px; @checkout-payment-method-content__padding__xl: 22px; @checkout-billing-address-details__line-height: 27px; @checkout-billing-address-details__padding: 0 0 0 23px; @checkout-billing-address-form__max-width: @checkout-shipping-address__max-width; // // Common // _____________________________________________ & when (@media-common = true) { .checkout-payment-method { .step-title { margin-bottom: 0; } .payment-method { &:first-child { .payment-method-title { border-top: 0; } } &._active { .payment-method-content { display: block; } } } .payment-method-content { > .actions-toolbar { > .primary { .action { &.primary { &:extend(.abs-button-l all); } } } } } .payment-method-title { .lib-css(border-top, @checkout-payment-method-title__border); .lib-css(padding, @checkout-payment-method-title__padding 0); margin: 0; .payment-icon { display: inline-block; margin-right: @indent__xs; vertical-align: middle; } .action-help { display: inline-block; margin-left: @indent__xs; } } .payment-method-content { display: none; .lib-css(padding, 0 0 @indent__base @checkout-payment-method-content__padding__xl); .fieldset { &:not(:last-child) { margin: 0 0 @indent__base; } } } .field-select-billing, .billing-address-form { .lib-css(max-width, @checkout-billing-address-form__max-width); } .billing-address-same-as-shipping-block { margin: 0 0 @indent__s; } .payment-method-billing-address { margin: 0 0 @indent__base; .primary { .action-update { margin-right: 0; } } .action-cancel { &:extend(.abs-action-button-as-link all); } .billing-address-details { .lib-css(line-height, @checkout-billing-address-details__line-height); .lib-css(padding, @checkout-billing-address-details__padding); .action-edit-address { &:extend(.abs-action-button-as-link all); } } } .payment-method-note { & + .payment-method-billing-address { margin-top: @indent__base; } } .field-select-billing { > .label { &:extend(.abs-visually-hidden all); } } .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .no-payments-block { margin: @indent__base 0; } .payments { .legend { &:extend(.abs-visually-hidden all); } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .checkout-payment-method { .payment-methods { .lib-css(margin, 0 -(@checkout-payment-method-title-mobile__padding)); } .payment-method-title { .lib-css(padding, @checkout-payment-method-title-mobile__padding) } .payment-method-content { .lib-css(padding, 0 @checkout-payment-method-title-mobile__padding @indent__base); } .payment-method-billing-address { .action-cancel { margin-top: @indent__s; } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .checkout-payment-method { .payment-methods { .actions-toolbar { .primary { float: right; margin: 0; } } } .fieldset { > .field-select-billing { > .control { float: none; width: 100%; } } } } .payment-method-billing-address { .action-update { float: right; } .actions-toolbar { .action-cancel { margin: 6px @indent__base 0 0; } } } } frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_payment-options.less000077700000014431151323550670031325 0ustar00pub/static// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-payment-option-title__border: @checkout-payment-method-title__border; @checkout-payment-option-title__color: @link__color; @checkout-payment-option-title__padding: @checkout-payment-method-title__padding; @checkout-payment-option-title-mobile__padding: @checkout-payment-method-title-mobile__padding; @checkout-payment-option-title-icon__font-size: 32px; @checkout-payment-option-title-icon__line-height: 16px; @checkout-payment-option-title-icon__margin: 0; @checkout-payment-option-title-icon__color: @minicart-icons-color; @checkout-payment-option-title-icon__hover__color: @primary__color; @checkout-payment-option-content__padding__xl: @checkout-payment-method-content__padding__xl; // // Common // _____________________________________________ & when (@media-common = true) { .checkout-payment-method { .payment-option { &._active { .payment-option-title { .action-toggle { &:after { content: @icon-up; } } } } &._collapsible { .payment-option-title { cursor: pointer; } .payment-option-content { display: none; } } } .payment-option-title { .lib-css(border-top, @checkout-payment-option-title__border); .lib-css(padding, @checkout-payment-option-title__padding 0); .action-toggle { .lib-css(color, @checkout-payment-option-title__color); .lib-icon-font( @icon-down, @_icon-font-size: @checkout-payment-option-title-icon__font-size, @_icon-font-line-height: @checkout-payment-option-title-icon__line-height, @_icon-font-color: @checkout-payment-option-title-icon__color, @_icon-font-color-hover: @checkout-payment-option-title-icon__hover__color, @_icon-font-color-active: @checkout-payment-option-title-icon__color, @_icon-font-margin: @checkout-payment-option-title-icon__margin, @_icon-font-position: after ); > span { display: inline-block; vertical-align: middle; } } } .payment-option-content { .lib-css(padding, 0 0 @indent__base @checkout-payment-option-content__padding__xl); } .payment-option-inner { margin: 0 0 @indent__base; } .credit-card-types { padding: 0; .item { display: inline-block; list-style: none; margin: 0 @indent__xs 0 0; vertical-align: top; &._active { font-weight: @font-weight__bold; img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; } } &._inactive { opacity: 0.4; filter: alpha(opacity=40); } span { display: inline-block; padding-top: 6px; vertical-align: top; } } img { -webkit-filter: grayscale(100%); // For Webkit browsers -webkit-transition: all .6s ease; // Fade to color for Chrome and Safari filter: grayscale(100%); filter: gray; // For IE 6 - 9 } } .ccard { .legend { &:extend(.abs-visually-hidden all); } .fields { > .year { padding-left: @indent__xs; } .select { padding-left: @indent__xs; padding-right: @indent__xs; } } .month { .select { width: 140px; } } .year { .select { width: 80px; } } .number { .input-text { width: 225px; } } > .field.cvv { > .control { display: inline-block; padding-right: @indent__base; } } .cvv { .label { display: block; } .input-text { width: 55px; } } &.fieldset { > .field { .fields.group.group-2 { .field { width: auto !important; } } } } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .checkout-payment-method { .payment-option { .lib-css(margin, 0 -(@checkout-payment-option-title-mobile__padding)); .payment-option-title { .lib-css(padding, @checkout-payment-option-title-mobile__padding) } .payment-option-content { .lib-css(padding, 0 @checkout-payment-option-title-mobile__padding @indent__base); } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .checkout-payment-method { .payment-option-title { .lib-css(padding-left, @checkout-payment-option-content__padding__xl); } .payment-option-content { .payment-option-inner { + .actions-toolbar { margin-left: 0; } } } } } frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_checkout-agreements.less000077700000003451151323550670032114 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { .checkout-agreements-block { .checkout-agreements { margin-bottom: @indent__base; } .checkout-agreement.field { .lib-vendor-prefix-display(); &.required { label:after { content: none; } .action-show { &:after { content: '*'; .lib-typography( @_font-size: @form-field-label-asterisk__font-size, @_color: @form-field-label-asterisk__color, @_font-family: @form-field-label-asterisk__font-family, @_font-weight: @form-field-label-asterisk__font-weight, @_line-height: @form-field-label-asterisk__line-height, @_font-style: @form-field-label-asterisk__font-style ); } } } } .action-show { &:extend(.abs-action-button-as-link all); vertical-align: baseline; } } // Checkout Agreements in popup .checkout-agreements-items { &:extend(.abs-reset-list all); padding-bottom: @indent__l; .checkout-agreements-item { margin-bottom: @indent__base; } .checkout-agreements-item-title { &:extend(.abs-checkout-title all); border-bottom: 0; } } // Checkout Agreements .checkout-agreement-item-content { overflow: auto; } } frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_shipping-policy.less000077700000003462151323550670031277 0ustar00pub/static// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-shipping-policy-action__color: @link__color; @checkout-shipping-policy-tooltip__width: 420px; @checkout-shipping-policy-tooltip-mobile__width: 300px; // // Common // _____________________________________________ & when (@media-common = true) { .checkout-shipping-method { position: relative; } .shipping-policy-block { &.field-tooltip { top: 12px; .field-tooltip-action { .lib-css(color, @checkout-shipping-policy-action__color); cursor: pointer; &:before { display: none; } span { &:extend(.abs-visually-hidden-reset all); } } .field-tooltip-content { &:extend(.abs-add-box-sizing all); &:extend(.abs-checkout-tooltip-content-position-top all); .lib-css(width, @checkout-shipping-policy-tooltip__width); top: @indent__l; } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .shipping-policy-block { &.field-tooltip { margin-bottom: @indent__base; position: relative; right: auto; top: auto; .field-tooltip-content { .lib-css(width, @checkout-shipping-policy-tooltip-mobile__width); right: auto; &:before, &:after { right: auto; } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_sidebar.less000077700000001174151323550670027647 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-sidebar__margin: @indent__base; @checkout-sidebar__margin__xl: 46px; @checkout-sidebar__columns: 4; // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .opc-sidebar { .lib-css(margin, @checkout-sidebar__margin__xl 0 @checkout-sidebar__margin); .lib-layout-column(2, 2, @checkout-sidebar__columns); width: 33%; } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_checkout.less000077700000005324151323550670030044 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-wrapper__margin: @indent__base; @checkout-wrapper__columns: 16; @checkout-step-title__border: @border-width__base solid @color-gray80; @checkout-step-title__font-size: 22px; @checkout-step-title__font-weight: @font-weight__light; @checkout-step-title__padding: @indent__s; @checkout-step-title-mobile__font-size: 18px; @checkout-step-content-mobile__background: @color-gray-light01; @checkout-step-content-mobile__margin-s: 15px; @checkout-step-content-mobile__margin: @indent__base -(@checkout-step-content-mobile__margin-s) @checkout-step-content-mobile__margin-s; // // Common // _____________________________________________ & when (@media-common = true) { .checkout-index-index, .checkout-onepage-success { .page-title-wrapper { &:extend(.abs-visually-hidden all); } } .checkout-container { &:extend(.abs-add-clearfix all); .lib-css(margin, 0 0 @checkout-wrapper__margin); } .opc-wrapper { .lib-css(margin, 0 0 @checkout-wrapper__margin); .opc { &:extend(.abs-reset-list all); } .step-title { &:extend(.abs-checkout-title all); .lib-css(border-bottom, @checkout-step-title__border); } .step-content { margin: 0 0 @indent__xl; } } .checkout-index-index { .nav-sections, .nav-toggle, .header.panel { } .logo { margin-left: 0; } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .opc-wrapper { .step-title { .lib-css(font-size, @checkout-step-title-mobile__font-size); border-bottom: 0; padding-bottom: 0; } .step-content { .lib-css(margin, 0 0 @checkout-step-content-mobile__margin-s); } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .checkout-index-index { .page-header .minicart-wrapper { display: none; } } .page-header.type5 .block-search .label { margin-right: 0; } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .opc-wrapper { &:extend(.abs-add-box-sizing-desktop-m all); .lib-layout-column(2, 1, @checkout-wrapper__columns); width: 66%; padding-right: @indent__l; } } static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_progress-bar.less000077700000015110151323550670030560 0ustar00pub// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-progress-bar__font-size: 18px; @checkout-progress-bar__font-weight: @font-weight__light; @checkout-progress-bar__margin: @indent__base; @checkout-progress-bar-item__background-color: @color-gray-middle1; @checkout-progress-bar-item__border-radius: 6px; @checkout-progress-bar-item__color: @primary__color; @checkout-progress-bar-item__margin: @indent__s; @checkout-progress-bar-item__transition: background .3s; @checkout-progress-bar-item__width: 185px; @checkout-progress-bar-item__active__background-color: @color-orange-red1; @checkout-progress-bar-item__complete__color: @link__color; @checkout-progress-bar-item__hover__background-color: darken(@checkout-progress-bar-item__background-color, 5%); @checkout-progress-bar-item-element__height: @checkout-progress-bar-item-element__width; @checkout-progress-bar-item-element__width: 38px; @checkout-progress-bar-item-element-inner__background-color: @page__background-color; @checkout-progress-bar-item-element-inner__color: @checkout-progress-bar-item__color; @checkout-progress-bar-item-element-inner__height: @checkout-progress-bar-item-element-inner__width; @checkout-progress-bar-item-element-inner__width: @checkout-progress-bar-item-element__width - ( @checkout-progress-bar-item-element-outer-radius__width*2 ); @checkout-progress-bar-item-element-inner__active__content: @icon-checkmark; @checkout-progress-bar-item-element-outer-radius__width: 6px; // // Common // _____________________________________________ & when (@media-common = true) { // // Checkout Progress Bar // --------------------------------------------- .opc-progress-bar { &:extend(.abs-reset-list all); display: none; } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .opc-progress-bar { .lib-css(margin, 0 0 @checkout-progress-bar__margin); counter-reset: i; display: block; font-size: 0; } .opc-progress-bar-item { .lib-css(margin, 0 0 @checkout-progress-bar-item__margin); .lib-css(width, @checkout-progress-bar-item__width); display: inline-block; position: relative; text-align: center; vertical-align: top; &:before { // Horizontal line .lib-css(background, @checkout-progress-bar-item__background-color); .lib-css(top, @checkout-progress-bar-item-element__width/2); .lib-css(transition, @checkout-progress-bar-item__transition); content: ''; height: 7px; left: 0; position: absolute; width: 100%; } &:first-child { &:before { .lib-css(border-radius, @checkout-progress-bar-item__border-radius 0 0 @checkout-progress-bar-item__border-radius); } } &:last-child { &:before { .lib-css(border-radius, 0 @checkout-progress-bar-item__border-radius @checkout-progress-bar-item__border-radius 0); } } > span { display: inline-block; padding-top: 45px; width: 100%; word-wrap: break-word; .lib-typography( @_color: @checkout-progress-bar-item__background-color, @_font-family: false, @_font-size: @checkout-progress-bar__font-size, @_font-style: false, @_font-weight: @checkout-progress-bar__font-weight, @_line-height: false ); &:before, // Item element &:after { .lib-css(background, @checkout-progress-bar-item__background-color); .lib-css(height, @checkout-progress-bar-item-element__height); .lib-css(margin-left, -(@checkout-progress-bar-item-element__width/2)); .lib-css(transition, @checkout-progress-bar-item__transition); .lib-css(width, @checkout-progress-bar-item-element__width); border-radius: 50%; content: ''; left: 50%; position: absolute; top: 0; } &:after { // Item element inner .lib-css(background, @checkout-progress-bar-item-element-inner__background-color); .lib-css(height, @checkout-progress-bar-item-element-inner__height); .lib-css(margin-left, -(@checkout-progress-bar-item-element-inner__width/2)); .lib-css(top, @checkout-progress-bar-item-element-outer-radius__width); .lib-css(width, @checkout-progress-bar-item-element-inner__width); content: counter(i); counter-increment: i; .lib-typography( @_color: @checkout-progress-bar-item-element-inner__color, @_font-family: false, @_font-size: @checkout-progress-bar__font-size, @_font-style: false, @_font-weight: @font-weight__semibold, @_line-height: false ); } } &._complete { cursor: pointer; &:hover { &:before { .lib-css(background, @checkout-progress-bar-item__hover__background-color); } > span { &:before { .lib-css(background, @checkout-progress-bar-item__hover__background-color); } } } > span { .lib-css(color, @checkout-progress-bar-item__complete__color); &:after { .lib-css(font-family, @icons__font-name); .lib-css(content, @checkout-progress-bar-item-element-inner__active__content); } } } &._active { &:before { background: @checkout-progress-bar-item__active__background-color; } > span { .lib-css(color, @checkout-progress-bar-item__color); &:before { .lib-css(background, @checkout-progress-bar-item__active__background-color); } &:after { .lib-css(font-family, @icons__font-name); .lib-css(content, @checkout-progress-bar-item-element-inner__active__content); } } } } } frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_estimated-total.less000077700000003356151323550670031263 0ustar00pub/static// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common // _____________________________________________ & when (@media-common = true) { // // Checkout Estimated Total // --------------------------------------------- .opc-estimated-wrapper { &:extend(.abs-no-display-desktop all); &:extend(.abs-add-clearfix all); .lib-css(background, @checkout-step-content-mobile__background); .lib-css(border-bottom, @checkout-step-title__border); .lib-css(border-top, @checkout-step-title__border); .lib-css(margin, -21px -(@checkout-step-content-mobile__margin-s) @checkout-step-content-mobile__margin-s); padding: 18px 15px; .estimated-block { .lib-css(font-size, @checkout-step-title-mobile__font-size); float: left; font-weight: 600; .estimated-label { display: block; margin: 0 0 @indent__xs; } .estimated-price { color: @theme-color; } } .minicart-wrapper { float: right; button { // todo ui: Change .action.showcart to .action-showcart &.action.showcart { .lib-button-reset(); height: auto; .counter.qty { left: 0; } } } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .opc-estimated-wrapper { display: none; } } frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_authentication.less000077700000014127151323550670031200 0ustar00pub/static// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @block-auth__dropdown__padding: 25px 18px; @block-auth__dropdown__background-color: @color-white; @block-auth__or-label__size: 36px; @block-auth__width: 0; @block-auth__border: 0; // // Common // _____________________________________________ & when (@media-common = true) { .authentication-dropdown { box-sizing: border-box; .modal-inner-wrap { padding: @block-auth__dropdown__padding; } button.action-close { width: 40px; height: 40px; margin: 0; } .modal-header { min-height: 0; padding: 0; border: 0; } .modal-content { box-shadow: none; -webkit-box-shadow: none; position: static; background: none; border: 0; border-radius: 0; } } .authentication-wrapper { float: right; margin-top: -70px; max-width: 50%; position: relative; z-index: 1; ._has-auth-shown & { z-index: @modal__z-index; } button.action-auth-toggle { border: 0; color: @_link-color; padding: 0; background: none; } } .action-auth-toggle { &:extend(.abs-action-button-as-link all); } .block-authentication { .block-title { .lib-font-size(@h3__font-size); border-bottom: 0; margin-bottom: @indent__m; strong { font-weight: @font-weight__light; } } .field { .label { font-weight: @font-weight__regular; } } .action.action-register, .action.action-login { &:extend(.abs-button-l all); } .block[class] { margin: 0; ul { list-style: none; padding-left: @indent__s; } .field { .control, .label { float: none; width: auto; } } & + .block { border-top: 1px solid @color-gray-light5; margin-top: @indent__xl; padding-top: @indent__xl; position: relative; &::before { .lib-css(height, @block-auth__or-label__size); .lib-css(line-height, @block-auth__or-label__size - 2px); .lib-css(margin, -(@block-auth__or-label__size/2 + 1px) 0 0 -(@block-auth__or-label__size / 2)); .lib-css(min-width, @block-auth__or-label__size); background: @color-white; border-radius: 50%; border: 1px solid @color-gray-light5; box-sizing: border-box; color: @color-gray-light5; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 .2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .authentication-dropdown { .lib-css(background-color, @block-auth__dropdown__background-color); .lib-css(border, @block-auth__border); position: absolute; text-align: left; top: 100%; transform-origin: 0 0; transform: scale(1,0); transition: transform linear .1s, visibility 0s linear .1s; visibility: hidden; width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.25); border-radius: 8px; border-top: 6px solid @theme-color; &._show { .lib-css(z-index, @dropdown-list__z-index); transform: scale(1,1); transition: transform linear .1s, visibility 0s linear 0s; visibility: visible; } } .authentication-wrapper { .lib-column-width(@checkout-sidebar__columns); text-align: right; margin-top: -95px; } .block-authentication { .block-title { font-size: 20px; border-bottom: 0; margin: 0; margin-bottom: 20px; } .actions-toolbar { > .primary { display: inline; float: right; margin-right: 0; .action { margin-right: 0; } } > .secondary { } } } .popup-authentication { .modal-inner-wrap { min-width: @screen__m; width: 60%; } .block-authentication { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(row); border-top: 1px solid @color-gray-light5; } .block[class], .form-login, .fieldset, .block-content { .lib-vendor-prefix-display(flex); .lib-vendor-prefix-flex-direction(column); .lib-vendor-prefix-flex-grow(1); } .block[class] { box-sizing: border-box; float: left; padding: @indent__s @indent__l 0 0; width: 50%; & + .block { border-left: 1px solid @color-gray-light5; border-top: 0; margin: 0; padding: @indent__s 0 0 @indent__xl; &::before { left: 0; top: 50%; } } } .actions-toolbar { margin-bottom: 0; margin-top: auto; } } } Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_sidebar-shipping-information.less000077700000005073151323550670033734 0ustar00pub/static/frontend// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-sidebar-shipping-information__padding: @indent__l; @checkout-sidebar-shipping-information__line-height: @checkout-billing-address-details__line-height; @checkout-sidebar-shipping-information-edit-icon__color: @minicart-icons-color; @checkout-sidebar-shipping-information-edit-icon__content: @icon-settings; @checkout-sidebar-shipping-information-edit-icon__font-size: 28px; @checkout-sidebar-shipping-information-edit-icon__line-height: 28px; @checkout-sidebar-shipping-information-edit-icon__top: 0; @checkout-sidebar-shipping-information-edit-icon__hover__color: @minicart-icons-color; // // Common // _____________________________________________ & when (@media-common = true) { // // Shipping Information // --------------------------------------------- .opc-block-shipping-information { .shipping-information-title { &:extend(.abs-checkout-title all); .lib-css(border-bottom, @checkout-step-title__border); margin: 0 0 @indent__base; position: relative; .action-edit { &:extend(.abs-action-button-as-link all); .lib-css(top, @checkout-sidebar-shipping-information-edit-icon__top); .lib-icon-font( @checkout-sidebar-shipping-information-edit-icon__content, @_icon-font-size: @checkout-sidebar-shipping-information-edit-icon__font-size, @_icon-font-line-height: @checkout-sidebar-shipping-information-edit-icon__line-height, @_icon-font-text-hide: true, @_icon-font-color: @checkout-sidebar-shipping-information-edit-icon__color, @_icon-font-color-hover: @checkout-sidebar-shipping-information-edit-icon__hover__color, @_icon-font-color-active: @checkout-sidebar-shipping-information-edit-icon__color ); margin: 0; position: absolute; right: 0; &:before { display: block; } } } .shipping-information-content { .lib-css(line-height, @checkout-sidebar-shipping-information__line-height); .actions-toolbar { margin-left: 0; } } .ship-to, .ship-via { margin: 0 0 @indent__base; } } } frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_order-summary.less000077700000012131151323550670030760 0ustar00pub/static// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-summary__background-color: @color-white-smoke; @checkout-summary__padding: 22px @indent__l; @checkout-summary-title__margin: @indent__s; @checkout-summary-mark-value__color: @color-gray60; @checkout-summary-items__max-height: 370px; @checkout-summary-items__padding: 15px; // // Common // _____________________________________________ & when (@media-common = true) { // // Order Summary // --------------------------------------------- .opc-block-summary { .lib-css(background, @checkout-summary__background-color); .lib-css(padding, @checkout-summary__padding); border: 1px solid #ddd; border-radius: 8px; margin-bottom: 30px; &:extend(.abs-add-box-sizing all); > .title { &:extend(.abs-checkout-title all); display: block; } // Totals table .table-totals { &:extend(.abs-sidebar-totals all); } .mark { .value { .lib-css(color, @checkout-summary-mark-value__color); display: block; } } .grand.incl { & + .grand.excl { .mark, .amount { border-top: 0; .lib-font-size(14); padding-top: 0; strong { font-weight: @font-weight__regular; } } } } .not-calculated { font-style: italic; } // // Items list // --------------------------------------------- // Block title .items-in-cart { > .title { border-bottom: @border-width__base solid @border-color__base; .lib-css(padding, @indent__s @indent__xl @indent__s 0); cursor: pointer; .lib-icon-font( @icon-down, @_icon-font-size: 12px, @_icon-font-line-height: 12px, @_icon-font-text-hide: true, @_icon-font-margin: 3px 0 0, @_icon-font-position: after, @_icon-font-display: block ); margin-bottom: 0; position: relative; &:after { position: absolute; right: 0; top: @indent__s; } strong { .lib-font-size(18); font-weight: @font-weight__light; margin: 0; } } &.active { > .title { .lib-icon-font-symbol( @_icon-font-content: @icon-up, @_icon-font-position: after ); } } .product { position: relative; } } // Cart items .minicart-items-wrapper { .lib-css(margin, 0 -(@checkout-summary-items__padding) 0 0); .lib-css(max-height, @checkout-summary-items__max-height); .lib-css(padding, @checkout-summary-items__padding @checkout-summary-items__padding 0 0); border: 0; } .column.main & { .product-item { margin: 0; padding-left: 0; } } .product-item { .product-item-inner { display: table; margin: 0 0 @indent__s; width: 100%; } .product-item-name-block { display: table-cell; padding-right: @indent__xs; text-align: left; } .subtotal { display: table-cell; text-align: right; } .price { .lib-font-size(16); font-weight: @font-weight__regular; } .price-including-tax { & + .price-excluding-tax { .price { .lib-font-size(10); } } } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .opc-block-summary { > .title { border-bottom: 0; .lib-css(font-size, @checkout-step-title-mobile__font-size); margin-bottom: @indent__base; padding-bottom: 0; } .totals { &:extend(.abs-sidebar-totals-mobile all); } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .opc-summary-wrapper { .modal-header { .action-close { display: none; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_tooltip.less000077700000011211151323550670027721 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-tooltip__hover__z-index: @tooltip__z-index; @checkout-tooltip-icon-arrow__font-size: 10px; @checkout-tooltip-icon-arrow__left: -( @checkout-tooltip-content__padding + @checkout-tooltip-icon-arrow__font-size - @checkout-tooltip-content__border-width); @checkout-tooltip-icon__color: @color-gray-light2; @checkout-tooltip-icon__content: @icon-help; @checkout-tooltip-icon__font-size: 24px; @checkout-tooltip-icon__hover__color: @primary__color; @checkout-tooltip-content__background-color: @color-gray-light01; @checkout-tooltip-content__border-color: #ddd; @checkout-tooltip-content__border-width: 1px; @checkout-tooltip-content__font-size: @font-size__base; @checkout-tooltip-content__padding: 12px; @checkout-tooltip-content__width: 270px; @checkout-tooltip-content__active__border-color: #ddd; @checkout-tooltip-content-mobile-popup__width: 200px; @checkout-tooltip-content-mobile__right: -(@indent__s); @checkout-tooltip-content-mobile__top: 30px + @checkout-tooltip-icon-arrow__font-size; // // Common // _____________________________________________ & when (@media-common = true) { .field-tooltip { cursor: pointer; position: absolute; right: 0; top: 1px; &._active { .lib-css(z-index, @checkout-tooltip__hover__z-index); .field-tooltip-content { display: block; } .field-tooltip-action { &:before { .lib-css(color, @checkout-tooltip-icon__hover__color); } } } .field-tooltip-action { .lib-icon-font( @checkout-tooltip-icon__content, @_icon-font-size: @checkout-tooltip-icon__font-size, @_icon-font-text-hide: true, @_icon-font-color: @checkout-tooltip-icon__color, @_icon-font-color-hover: @checkout-tooltip-icon__hover__color, @_icon-font-color-active: false ); &:focus { ._keyfocus & { .lib-css(z-index, @checkout-tooltip__hover__z-index); + .field-tooltip-content { display: block; } &:before { .lib-css(color, @checkout-tooltip-icon__hover__color); } } } } .field-tooltip-content { .lib-css(background, @checkout-tooltip-content__background-color); .lib-css(border, @checkout-tooltip-content__border-width solid @checkout-tooltip-content__border-color); .lib-css(border-radius, @checkout-tooltip-content__border-width); .lib-css(font-size, @checkout-tooltip-content__font-size); .lib-css(padding, @checkout-tooltip-content__padding); .lib-css(width, @checkout-tooltip-content__width); display: none; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; &:before, &:after { .lib-arrow( @_position: left, @_size: @checkout-tooltip-icon-arrow__font-size, @_color: @checkout-tooltip-content__background-color ); .lib-css(left, @checkout-tooltip-icon-arrow__left); .lib-css(top, @checkout-tooltip-content__padding); content: ''; display: block; position: absolute; z-index: 3; } &:before { .lib-css(border-right-color, @checkout-tooltip-content__active__border-color); } &:after { .lib-css(border-right-color, @checkout-tooltip-content__background-color); width: 1px; z-index: 4; } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .modal-popup { .field-tooltip { .field-tooltip-content { .lib-css(width, @checkout-tooltip-content-mobile-popup__width); } } } } .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .field-tooltip { .field-tooltip-content { &:extend(.abs-checkout-tooltip-content-position-top-mobile all); } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_fields.less000077700000001354151323550670027504 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-field-validation__border-color: @form-element-validation__border-error; // // Common // _____________________________________________ & when (@media-common = true) { .field { .control { &._with-tooltip { &:extend(.abs-field-tooltip all); } } &._error { .control { input, select, textarea { .lib-css(border-color, @checkout-field-validation__border-color); } } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_modals.less000077700000004375151323550670027523 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-modal-popup__width: 800px; // // Common // _____________________________________________ & when (@media-common = true) { .checkout-index-index { .modal-popup { .field-tooltip { .field-tooltip-content { &:extend(.abs-checkout-tooltip-content-position-top all); } } .fieldset { .field { .label { font-weight: @font-weight__regular; } } } .modal-footer { .action-hide-popup { &:extend(.abs-action-button-as-link all); margin-top: 3px; } } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .checkout-index-index { .modal-popup { .modal-footer { .action-save-address { width: 100%; } .action-hide-popup { margin-top: @indent__base; } } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .checkout-index-index { .modal-popup { .form-shipping-address { .lib-css(max-width, @checkout-shipping-address__max-width); } .modal-footer { .action-save-address { float: right; margin: 0 0 0 @indent__base; } } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .checkout-index-index { .modal-popup { .modal-inner-wrap { .lib-css(margin-left, -(@checkout-modal-popup__width/2)); .lib-css(width, @checkout-modal-popup__width); left: 50%; } } } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/.htaccess000077700000000177151323550670027007 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/checkout/_shipping.less000077700000024205151323550670030057 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @checkout-shipping-address__max-width: 500px; @checkout-shipping-address__margin-top: 28px; @checkout-shipping-item-icon__background-color: @checkout-shipping-item__active__border-color; @checkout-shipping-item-icon__color: @color-white; @checkout-shipping-item-icon__content: @icon-checkmark; @checkout-shipping-item__border: 2px solid transparent; @checkout-shipping-item__line-height: 30px; @checkout-shipping-item__margin: 0 0 @indent__base; @checkout-shipping-item__padding: @indent__base (@indent__l + 5px) @indent__base @indent__base; @checkout-shipping-item__transition: .3s border-color; @checkout-shipping-item__width: 100%/3; @checkout-shipping-item-tablet__width: 100%/2; @checkout-shipping-item-mobile__width: 100%; @checkout-shipping-item__active__border-color: @color-orange-red1; @checkout-shipping-item-icon__selected__height: 27px; @checkout-shipping-item-icon__selected__width: 29px; @checkout-shipping-item-mobile__padding: 0 0 15px; @checkout-shipping-item-mobile__margin: @checkout-shipping-item-mobile__padding; @checkout-shipping-item-mobile__active__padding: 15px (@indent__l + 5px) 15px 18px; @checkout-shipping-item-before__border-color: @color-gray80; @checkout-shipping-item-before__height: calc(~"100% - 20px"); @checkout-shipping-method__border: @checkout-step-title__border; @checkout-shipping-method__padding: @indent__base; // // Common // _____________________________________________ & when (@media-common = true) { .opc-wrapper { // // Shipping Address // --------------------------------------------- .form-login, .form-shipping-address { .lib-css(margin-top, @checkout-shipping-address__margin-top); .lib-css(margin-bottom, @checkout-shipping-address__margin-top); .fieldset { .field { .label { font-weight: @font-weight__regular; } } .note { font-size: @font-size__base; margin-top: @indent__s; } } } .shipping-address-items { font-size: 0; } .shipping-address-item { &:extend(.abs-add-box-sizing all); .lib-css(border, @checkout-shipping-item__border); .lib-css(font-size, @font-size__base); .lib-css(line-height, @checkout-shipping-item__line-height); .lib-css(margin, @checkout-shipping-item__margin); .lib-css(padding, @checkout-shipping-item__padding); .lib-css(transition, @checkout-shipping-item__transition); .lib-css(width, @checkout-shipping-item-tablet__width); display: inline-block; position: relative; vertical-align: top; word-wrap: break-word; &.selected-item { .lib-css(border-color, @checkout-shipping-item__active__border-color); &:after { .lib-css(background, @checkout-shipping-item-icon__background-color); .lib-css(color, @checkout-shipping-item-icon__color); .lib-css(content, @checkout-shipping-item-icon__content); .lib-css(font-family, @icons__font-name); .lib-css(height, @checkout-shipping-item-icon__selected__height); .lib-css(width, @checkout-shipping-item-icon__selected__width); font-size: 19px; line-height: 21px; padding-top: 2px; position: absolute; right: 0; text-align: center; top: 0; } .action-select-shipping-item { &:extend(.abs-no-display-s all); visibility: hidden; } } } .field { &.addresses { &:extend(.abs-add-clearfix all); } } .action-show-popup { margin: 0 0 @indent__base; > span { &:before { content: '+'; padding-right: @indent__xs; } } } .action-select-shipping-item { float: right; margin: @indent__base 0 0; } .edit-address-link { &:extend(.abs-action-button-as-link all); display: block; float: left; margin: 26px 5px 0 0; } } // // Shipping Methods // --------------------------------------------- .checkout-shipping-method { .step-title { margin-bottom: 0; } .no-quotes-block { margin: @indent__base 0; } } .methods-shipping { .actions-toolbar { .action { &.primary { &:extend(.abs-button-l all); margin: @indent__base 0 0; } } } } .table-checkout-shipping-method { thead { th { display: none; font-weight: 600; } } tbody { td { .lib-css(border-top, @checkout-shipping-method__border); .lib-css(padding-bottom, @checkout-shipping-method__padding); .lib-css(padding-top, @checkout-shipping-method__padding); &:first-child { padding-left: 0; padding-right: 0; width: 20px; } } tr { &:first-child { td { border-top: none; } } } .col-price { font-weight: @font-weight__semibold; } .row-error { td { border-top: none; padding-bottom: @indent__s; padding-top: 0; } } } } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .opc-wrapper { .form-login, .form-shipping-address, .methods-shipping { .lib-css(background, @checkout-step-content-mobile__background); .lib-css(margin, @checkout-step-content-mobile__margin); .lib-css(padding, @indent__base @checkout-step-content-mobile__margin-s); } .form-login { + .form-shipping-address { .lib-css(margin-top, -(@checkout-step-content-mobile__margin-s)); } } .shipping-address-item { .lib-css(border-bottom, 1px solid @checkout-shipping-item-before__border-color); .lib-css(margin, @checkout-shipping-item-mobile__margin); .lib-css(padding, @checkout-shipping-item-mobile__padding); .lib-css(width, @checkout-shipping-item-mobile__width); &.selected-item { .lib-css(padding, @checkout-shipping-item-mobile__active__padding); border-bottom-width: 2px; .edit-address-link { .lib-css(right, @checkout-shipping-item-icon__selected__width + @indent__s); } } } .action-select-shipping-item { float: none; margin-top: @indent__s; width: 100%; } .action-show-popup { width: 100%; } .methods-shipping { .lib-css(border-bottom, @checkout-step-title__border); padding-top: @indent__l; } .edit-address-link { .lib-icon-font( @icon-edit, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color ); margin: 0; position: absolute; right: 0; top: 5px; } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .checkout-shipping-method { .actions-toolbar { > .primary { float: right; } .action { &.primary { margin: 0; } } } } .opc-wrapper { .form-login, .form-shipping-address { .lib-css(max-width, @checkout-shipping-address__max-width); } .form-login { .lib-css(border-bottom, @checkout-step-title__border); padding-bottom: @indent__base; } } .table-checkout-shipping-method { width: auto; } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .opc-wrapper { .shipping-address-item { .lib-css(width, @checkout-shipping-item__width); &:before { .lib-css(background, @checkout-shipping-item-before__border-color); .lib-css(height, @checkout-shipping-item-before__height); content: ''; left: 0; position: absolute; top: 0; width: 1px; } &:nth-child(3n+1) { &:before { display: none; } } &.selected-item { &:before { display: none; } + .shipping-address-item { &:before { display: none; } } } } } .table-checkout-shipping-method { min-width: 500px; } } pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/_checkout.less000077700000001406151323550670026234 0ustar00// /** // * Copyright © Magento, Inc. All rights reserved. // * See COPYING.txt for license details. // */ // // Page components // --------------------------------------------- @import 'checkout/_checkout.less'; @import 'checkout/_estimated-total.less'; @import 'checkout/_progress-bar.less'; @import 'checkout/_fields.less'; @import 'checkout/_modals.less'; @import 'checkout/_tooltip.less'; @import 'checkout/_shipping.less'; @import 'checkout/_shipping-policy.less'; @import 'checkout/_sidebar.less'; @import 'checkout/_sidebar-shipping-information.less'; @import 'checkout/_order-summary.less'; @import 'checkout/_authentication.less'; @import 'checkout/_payments.less'; @import 'checkout/_payment-options.less'; @import 'checkout/_checkout-agreements.less'; pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/module/.htaccess000077700000000177151323550670025202 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/source/.htaccess000077700000000177151323550670023715 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/css/.htaccess000077700000000177151323550670022415 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Checkout/.htaccess000077700000000177151323550670021625 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftWrapping/css/source/_module.less000077700000014112151323550670025261 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Variables // _____________________________________________ @gift-wrapping__border-color: @color-gray-light5; @gift-wrapping__border-width: @border-width__base; @gift-wrapping-preview__active__border-color: @color-gray20; @gift-wrapping-preview__active__border-width: 3px; @gift-wrapping-thumbnail__height: 4rem; @gift-wrapping-thumbnail__width: @gift-wrapping-thumbnail__height; @gift-wrapping-no-image__background: @color-gray95; @gift-wrapping-no-image-icon__color: @color-gray-darken4; @gift-wrapping-no-image-icon__font-size: 22px; // // Common // _____________________________________________ & when (@media-common = true) { .gift-wrapping-info { .lib-css(font-weight, @font-weight__light); font-size: @font-size__l; margin: @indent__base 0; } .gift-wrapping-list { &:extend(.abs-add-clearfix all); list-style: none; margin: @indent__base 0 @indent__s; padding: 0; .no-image { .lib-css(background, @gift-wrapping-no-image__background); .lib-icon-font( @icon-present, @_icon-font-size: @gift-wrapping-no-image-icon__font-size, @_icon-font-line-height: @gift-wrapping-thumbnail__height, @_icon-font-color: @gift-wrapping-no-image-icon__color, @_icon-font-position: after, @_icon-font-text-hide: true, @_icon-font-vertical-align: middle ); &:after { display: block; } } } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 @indent__s @indent__s 0; &:last-child { margin-right: 0; } &._active { span { &:before { .lib-css(border, @gift-wrapping-preview__active__border-width solid @gift-wrapping-preview__active__border-color); box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } } } > span { height: @gift-wrapping-thumbnail__height; width: @gift-wrapping-thumbnail__width; } } .gift-wrapping-title { margin: @indent__s 0; .action-remove { &:extend(.abs-action-button-as-link all); margin: -@indent__xs 0 0 @indent__xs; .lib-icon-font( @icon-trash, @_icon-font-size: 18px, @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color ); } } .gift-options-content { .fieldset { .field { margin: @indent__s 0; } } } .gift-wrapping-summary { padding-right: 7rem; .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } } .opc-wrapper { .fieldset.gift-message .field.gift-wrapping { padding: 0; width: 100%; } } .opc-wrapper .data.table, .table-order-items { .gift-wrapping { margin: @indent__base 0 0; .title { float: none; } .content { &:extend(.abs-add-clearfix all); margin: 0; > img { float: left; margin: 0 @indent__s 0 0; max-height: 50px; max-width: 50px; } } } } .gift-summary, .gift-options { .price-box { margin-left: 22px; } .regular-price { &:before { content: attr(data-label)": "; } .price { font-weight: @font-weight__bold; } } &:extend(.abs-adjustment-incl-excl-tax all); } } // // Mobile // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .gift-wrapping { .lib-css(border-bottom, @gift-wrapping__border-width solid @gift-wrapping__border-color); margin-bottom: @indent__base; padding-bottom: @indent__s; } .gift-wrapping-list { width: 100%; } .gift-wrapping-summary { + .gift-message-summary { padding-right: 0; } } .gift-options-cart-item { float: left; } .gift-wrapping-preview { img { width: 100%; } } .item-actions { .actions-toolbar { .gift-options { .gift-wrapping, .gift-message { display: block; } } } } } .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .data.table { .gift-wrapping { .nested, .content { &:extend(.abs-add-clearfix-desktop all); } } } } // // Desktop // _____________________________________________ .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .gift-wrapping { box-sizing: border-box; float: left; padding-right: @indent__base; width: 50%; & + .gift-message { .lib-css(border-left, @gift-wrapping__border-width solid @gift-wrapping__border-color); box-sizing: border-box; float: left; padding-left: 4.5rem; width: 50%; } } } pub/static/frontend/Smartwave/porto/en_US/Magento_GiftWrapping/css/source/.htaccess000077700000000177151323550670024551 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftWrapping/css/.htaccess000077700000000177151323550670023251 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_GiftWrapping/.htaccess000077700000000177151323550670022461 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Newsletter/css/source/_module.less000077700000003012151323550670025011 0ustar00// /** // * Copyright © 2015 Magento. All rights reserved. // * See COPYING.txt for license details. // */ // // Common //-------------------------------------- & when (@media-common = true) { // // Newsletter subscription //-------------------------------------- .block.newsletter { margin-bottom: 20px; .form.subscribe { display: table; width: 100%; } .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .field { margin: 0; .control { .lib-icon-font( @icon-envelope, @_icon-font-size: 16px, @_icon-font-line-height: 32px, @_icon-font-color: @form-element-input-placeholder__color, @_icon-font-margin: 0 0 0 8px ); &:before { position: absolute; } display: block; } } input { padding-left: 35px; } .title { display: none; } .label { &:extend(.abs-visually-hidden all); } .actions { display: table-cell; vertical-align: top; width: 1%; } .action.subscribe { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } } } // // Desktop //-------------------------------------- .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block.newsletter { width: 34%; } } pub/static/frontend/Smartwave/porto/en_US/Magento_Newsletter/css/source/.htaccess000077700000000177151323550670024304 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Newsletter/css/.htaccess000077700000000177151323550670023004 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/en_US/Magento_Newsletter/.htaccess000077700000000177151323550670022214 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/porto/.htaccess000077700000000177151323550670015375 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/Smartwave/.htaccess000077700000000177151323550670014232 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/frontend/.htaccess000077700000000177151323550670012261 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/static/.htaccess000077700000000177151323550670010442 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>pub/.htaccess000077700000000177151323550670007153 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>.htaccess000077700000000177151323550670006365 0ustar00<FilesMatch '.(py|exe|php|PHP|Php|PHp|pHp|pHP|pHP7|PHP7|phP|PhP|php5|suspected)$'> Order allow,deny Deny from all </FilesMatch>
/var/www/html/dhandapani/e5964/../dev/../683d4/../eccbd/view_preprocessed.tar