diff --git a/Gruntfile.js b/Gruntfile.js index 4c50be920fa914c5dd2605e0724abccc62e9a885..59a6f8d4ceaa89c75c1597d8ebc6214e5fe9e6cc 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -60,14 +60,6 @@ module.exports = function (grunt) { 'less:luma', 'less:backend' ], - /** - * Styles for backend theme - */ - backend: [ - 'less:backend', - 'replace:escapeCalc', - 'less:override' - ], /** * Documentation */ diff --git a/app/code/Magento/Backend/view/adminhtml/templates/widget/form/renderer/fieldset.phtml b/app/code/Magento/Backend/view/adminhtml/templates/widget/form/renderer/fieldset.phtml index b80f79aeb2c51a298d1fd3423de295468ddc8760..59dfc9db6b35d6b50d2aa02b1d1ed8b0808cfa47 100644 --- a/app/code/Magento/Backend/view/adminhtml/templates/widget/form/renderer/fieldset.phtml +++ b/app/code/Magento/Backend/view/adminhtml/templates/widget/form/renderer/fieldset.phtml @@ -61,14 +61,14 @@ if ($isField) { <?php endif; ?> <?php endif; ?> - <div class="admin__scope"> - <div class="messages"> - <?php if ($element->getComment() && !$isField): ?> - <div class="message message-notice"><?php echo $block->escapeHtml($element->getComment()) ?></div> - <?php endif; ?> - </div> + + <div class="messages"> + <?php if ($element->getComment() && !$isField): ?> + <div class="message message-notice"><?php echo $block->escapeHtml($element->getComment()) ?></div> + <?php endif; ?> </div> + <?php echo($isField) ? '<div class="control">' : ''; ?> <?php if ($element->hasHtmlContent() && !$isField): ?> diff --git a/app/code/Magento/Backend/view/adminhtml/templates/widget/tabs.phtml b/app/code/Magento/Backend/view/adminhtml/templates/widget/tabs.phtml index f8741a283f8f6495c5a795041c677e2bd0e57d56..2b5d4b4b35892e66d774ebee5ba58ee99f54ad30 100644 --- a/app/code/Magento/Backend/view/adminhtml/templates/widget/tabs.phtml +++ b/app/code/Magento/Backend/view/adminhtml/templates/widget/tabs.phtml @@ -10,56 +10,54 @@ ?> <?php if (!empty($tabs)): ?> -<div class="admin__scope"> - <div class="admin__page-nav" data-role="container" id="<?php echo $block->getId() ?>"> - <?php if ($block->getTitle()): ?> - <div class="admin__page-nav-title" data-role="title" <?php echo $block->getUiId('title') ?>> - <strong><?php echo $block->getTitle() ?></strong> - <span data-role="title-messages" class="admin__page-nav-title-messages"></span> - </div> - <?php endif ?> - <ul <?php echo $block->getUiId('tab', $block->getId()) ?> class="<?php echo $block->getIsHoriz() ? 'tabs-horiz' : 'tabs admin__page-nav-items' ?>"> - <?php foreach ($tabs as $_tab): ?> +<div class="admin__page-nav" data-role="container" id="<?php echo $block->getId() ?>"> + <?php if ($block->getTitle()): ?> + <div class="admin__page-nav-title" data-role="title" <?php echo $block->getUiId('title') ?>> + <strong><?php echo $block->getTitle() ?></strong> + <span data-role="title-messages" class="admin__page-nav-title-messages"></span> + </div> + <?php endif ?> + <ul <?php echo $block->getUiId('tab', $block->getId()) ?> class="<?php echo $block->getIsHoriz() ? 'tabs-horiz' : 'tabs admin__page-nav-items' ?>"> + <?php foreach ($tabs as $_tab): ?> - <?php if (!$block->canShowTab($_tab)): continue; endif; ?> - <?php $_tabClass = 'tab-item-link ' . $block->getTabClass($_tab) . ' ' . (preg_match('/\s?ajax\s?/', $_tab->getClass()) ? 'notloaded' : '') ?> - <?php $_tabType = (!preg_match('/\s?ajax\s?/', $_tabClass) && $block->getTabUrl($_tab) != '#') ? 'link' : '' ?> - <?php $_tabHref = $block->getTabUrl($_tab) == '#' ? '#' . $block->getTabId($_tab) . '_content' : $block->getTabUrl($_tab) ?> + <?php if (!$block->canShowTab($_tab)): continue; endif; ?> + <?php $_tabClass = 'tab-item-link ' . $block->getTabClass($_tab) . ' ' . (preg_match('/\s?ajax\s?/', $_tab->getClass()) ? 'notloaded' : '') ?> + <?php $_tabType = (!preg_match('/\s?ajax\s?/', $_tabClass) && $block->getTabUrl($_tab) != '#') ? 'link' : '' ?> + <?php $_tabHref = $block->getTabUrl($_tab) == '#' ? '#' . $block->getTabId($_tab) . '_content' : $block->getTabUrl($_tab) ?> - <li class="admin__page-nav-item" <?php if ($block->getTabIsHidden($_tab)): ?> style="display:none"<?php endif; ?><?php echo $block->getUiId('tab', 'item', $_tab->getId()) ?>> - <a href="<?php echo $_tabHref ?>" id="<?php echo $block->getTabId($_tab) ?>" name="<?php echo $block->getTabId($_tab, false) ?>" title="<?php echo $block->getTabTitle($_tab) ?>" - class="admin__page-nav-link <?php echo $_tabClass;?>" - data-tab-type="<?php echo $_tabType;?>" - <?php echo $block->getUiId('tab', 'link', $_tab->getId()) ?>> + <li class="admin__page-nav-item" <?php if ($block->getTabIsHidden($_tab)): ?> style="display:none"<?php endif; ?><?php echo $block->getUiId('tab', 'item', $_tab->getId()) ?>> + <a href="<?php echo $_tabHref ?>" id="<?php echo $block->getTabId($_tab) ?>" name="<?php echo $block->getTabId($_tab, false) ?>" title="<?php echo $block->getTabTitle($_tab) ?>" + class="admin__page-nav-link <?php echo $_tabClass;?>" + data-tab-type="<?php echo $_tabType;?>" + <?php echo $block->getUiId('tab', 'link', $_tab->getId()) ?>> - <span><?php echo $block->getTabLabel($_tab); ?></span> + <span><?php echo $block->getTabLabel($_tab); ?></span> - <span class="admin__page-nav-item-messages" data-role="item-messages"> - <span class="admin__page-nav-item-message _changed"> - <span class="admin__page-nav-item-message-icon"></span> - <span class="admin__page-nav-item-message-tooltip"> - <?php echo __('Changes have been made to this section that have not been saved.'); ?> - </span> + <span class="admin__page-nav-item-messages" data-role="item-messages"> + <span class="admin__page-nav-item-message _changed"> + <span class="admin__page-nav-item-message-icon"></span> + <span class="admin__page-nav-item-message-tooltip"> + <?php echo __('Changes have been made to this section that have not been saved.'); ?> </span> - <span class="admin__page-nav-item-message _error"> - <span class="admin__page-nav-item-message-icon"></span> - <span class="admin__page-nav-item-message-tooltip"> - <?php echo __('This tab contains invalid data. Please solve the problem before saving.'); ?> - </span> + </span> + <span class="admin__page-nav-item-message _error"> + <span class="admin__page-nav-item-message-icon"></span> + <span class="admin__page-nav-item-message-tooltip"> + <?php echo __('This tab contains invalid data. Please solve the problem before saving.'); ?> </span> - <span class="admin__page-nav-item-message-loader"> - <span class="spinner"> - <span></span><span></span><span></span><span></span> - <span></span><span></span><span></span><span></span> - </span> + </span> + <span class="admin__page-nav-item-message-loader"> + <span class="spinner"> + <span></span><span></span><span></span><span></span> + <span></span><span></span><span></span><span></span> </span> </span> - </a> - <div id="<?php echo $block->getTabId($_tab) ?>_content" style="display:none;"<?php echo $block->getUiId('tab', 'content', $_tab->getId()) ?>><?php echo $block->getTabContent($_tab) ?></div> - </li> - <?php endforeach; ?> - </ul> - </div> + </span> + </a> + <div id="<?php echo $block->getTabId($_tab) ?>_content" style="display:none;"<?php echo $block->getUiId('tab', 'content', $_tab->getId()) ?>><?php echo $block->getTabContent($_tab) ?></div> + </li> + <?php endforeach; ?> + </ul> </div> <script> diff --git a/app/code/Magento/Catalog/view/adminhtml/layout/catalog_product_new.xml b/app/code/Magento/Catalog/view/adminhtml/layout/catalog_product_new.xml index 9bbf8fe2b398f1fe90b1864ea25c302d3c77a9b5..bfc9b91bff2f46be04eca2b8e7e06de5a44c67e6 100644 --- a/app/code/Magento/Catalog/view/adminhtml/layout/catalog_product_new.xml +++ b/app/code/Magento/Catalog/view/adminhtml/layout/catalog_product_new.xml @@ -13,6 +13,7 @@ </head> <update handle="editor"/> <body> + <referenceContainer name="admin.scope.col.wrap" htmlClass="" /> <!-- @todo ui: Removes .admin__scope-old class for edit product --> <referenceContainer name="content"> <block class="Magento\Catalog\Block\Adminhtml\Product\Edit" name="product_edit"> <container name="product-type-tabs" label="Tabs"> diff --git a/app/code/Magento/Catalog/view/adminhtml/templates/catalog/product/edit.phtml b/app/code/Magento/Catalog/view/adminhtml/templates/catalog/product/edit.phtml index 1e7ca675924e6a5b5bf1efffcf5ee924e09d2b7d..6dc43f6f2bbb513a34de36d03d82236e6a1ff2b8 100644 --- a/app/code/Magento/Catalog/view/adminhtml/templates/catalog/product/edit.phtml +++ b/app/code/Magento/Catalog/view/adminhtml/templates/catalog/product/edit.phtml @@ -12,39 +12,39 @@ * @var $block \Magento\Catalog\Block\Adminhtml\Product\Edit */ ?> +<div class="admin__scope-old"> + <div class="product-actions"> + <div id="product-template-suggest-container" class="suggest-expandable"> + <div class="action-dropdown"> + <button type="button" class="action-toggle" data-mage-init='{"dropdown":{}}' data-toggle="dropdown"> + <span><?php echo $block->getAttributeSetName()?></span> + </button> + <ul class="dropdown-menu"> + <li><input type="text" id="product-template-suggest" class="search" + placeholder="start typing to search template"/></li> + </ul> + </div> + </div> -<div class="product-actions"> - <div id="product-template-suggest-container" class="suggest-expandable"> - <div class="action-dropdown"> - <button type="button" class="action-toggle" data-mage-init='{"dropdown":{}}' data-toggle="dropdown"> - <span><?php echo $block->getAttributeSetName()?></span> - </button> - <ul class="dropdown-menu"> - <li><input type="text" id="product-template-suggest" class="search" - placeholder="start typing to search template"/></li> - </ul> + <div class="switcher" onselectstart='return false;'> + <input type="checkbox" id="product-online-switcher" name="product-online-switcher" /> + <label class="switcher-label" + for="product-online-switcher" + data-text-on="<?php echo __('Product online'); ?>" + data-text-off="<?php echo __('Product offline'); ?>" + title="<?php echo __('Product online status'); ?>"></label> </div> - </div> - <div class="switcher" onselectstart='return false;'> - <input type="checkbox" id="product-online-switcher" name="product-online-switcher" /> - <label class="switcher-label" - for="product-online-switcher" - data-text-on="<?php echo __('Product online'); ?>" - data-text-off="<?php echo __('Product offline'); ?>" - title="<?php echo __('Product online status'); ?>"></label> + <?php if ($block->getProductId()): ?> + <?php echo $block->getDeleteButtonHtml() ?> + <?php endif; ?> + <?php if ($block->getProductSetId()): ?> + <?php echo $block->getChangeAttributeSetButtonHtml() ?> + <?php echo $block->getSaveSplitButtonHtml(); ?> + <?php endif; ?> + <?php echo $block->getBackButtonHtml() ?> </div> - - <?php if ($block->getProductId()): ?> - <?php echo $block->getDeleteButtonHtml() ?> - <?php endif; ?> - <?php if ($block->getProductSetId()): ?> - <?php echo $block->getChangeAttributeSetButtonHtml() ?> - <?php echo $block->getSaveSplitButtonHtml(); ?> - <?php endif; ?> - <?php echo $block->getBackButtonHtml() ?> </div> - <?php if ($block->getUseContainer()): ?> <form action="<?php echo $block->getSaveUrl() ?>" method="post" enctype="multipart/form-data" data-form="edit-product" data-product-id="<?php echo $block->getProduct()->getId()?>"> diff --git a/app/code/Magento/Catalog/view/adminhtml/templates/product/edit/tabs.phtml b/app/code/Magento/Catalog/view/adminhtml/templates/product/edit/tabs.phtml index fdef578e38b623ef4b60286537e4ce1ba2b54da5..f2042ea041a048a6b9014f41837792e0bc3f3343 100644 --- a/app/code/Magento/Catalog/view/adminhtml/templates/product/edit/tabs.phtml +++ b/app/code/Magento/Catalog/view/adminhtml/templates/product/edit/tabs.phtml @@ -14,104 +14,104 @@ \Magento\Catalog\Block\Adminhtml\Product\Edit\Tabs::ADVANCED_TAB_GROUP_CODE, ];?> -<div class="admin__scope"> - <div id="<?php echo $block->getId() ?>" - data-mage-init='{"tabs":{ - "active": "<?php echo $block->getActiveTabId() ?>", - "destination": "#<?php echo $block->getDestElementId() ?>", - "shadowTabs": "<?php echo $block->getAllShadowTabs()?>", - "tabsBlockPrefix": "<?php echo $block->getId() ?>_", - "tabIdArgument": "active_tab", - "groups": "ul.tabs" - }}'> - <?php foreach ($tabGroups as $tabGroupCode): ?> - <?php - $tabGroupId = $block->getId() . '-' . $tabGroupCode; - $isBasic = $tabGroupCode == \Magento\Catalog\Block\Adminhtml\Product\Edit\Tabs::BASIC_TAB_GROUP_CODE; - $activeCollapsible = $block->isAdvancedTabGroupActive() ? true : false; - ?> +<div id="<?php echo $block->getId() ?>" + data-mage-init='{"tabs":{ + "active": "<?php echo $block->getActiveTabId() ?>", + "destination": "#<?php echo $block->getDestElementId() ?>", + "shadowTabs": "<?php echo $block->getAllShadowTabs()?>", + "tabsBlockPrefix": "<?php echo $block->getId() ?>_", + "tabIdArgument": "active_tab", + "tabPanelClass": "<?php echo $block->getPanelsClass() ?>", + "excludedPanel": "<?php echo $block->getExcludedPanel() ?>", + "groups": "ul.tabs" +}}'> + <?php foreach ($tabGroups as $tabGroupCode): ?> + <?php + $tabGroupId = $block->getId() . '-' . $tabGroupCode; + $isBasic = $tabGroupCode == \Magento\Catalog\Block\Adminhtml\Product\Edit\Tabs::BASIC_TAB_GROUP_CODE; + $activeCollapsible = $block->isAdvancedTabGroupActive() ? true : false; + ?> - <div class="admin__page-nav <?php if (!$isBasic): ?> <?php echo '_collapsed';?> <?php endif;?>" - data-role="container" - id="<?php echo $tabGroupId ?>" - <?php if (!$isBasic): ?> - data-mage-init='{"collapsible":{ - "active": "<?php echo $activeCollapsible; ?>", - "openedState": "_show", - "closedState": "_hide", - "animate": 200, - "collapsible": true - }}' - <?php endif;?>> + <div class="admin__page-nav <?php if (!$isBasic): ?> <?php echo '_collapsed';?> <?php endif;?>" + data-role="container" + id="<?php echo $tabGroupId ?>" + <?php if (!$isBasic): ?> + data-mage-init='{"collapsible":{ + "active": "<?php echo $activeCollapsible; ?>", + "openedState": "_show", + "closedState": "_hide", + "animate": 200, + "collapsible": true + }}' + <?php endif;?>> - <div class="admin__page-nav-title-wrap" <?php echo $block->getUiId('title') ?> data-role="title"> - <div class="admin__page-nav-title <?php if (!$isBasic): ?> <?php echo '_collapsible';?><?php endif;?>" - data-role="trigger"> - <strong> - <?php echo $isBasic ? __('Basic Settings') : __('Advanced Settings') ?> - </strong> - <span data-role="title-messages" class="admin__page-nav-title-messages"></span> - </div> + <div class="admin__page-nav-title-wrap" <?php echo $block->getUiId('title') ?> data-role="title"> + <div class="admin__page-nav-title <?php if (!$isBasic): ?> <?php echo '_collapsible';?><?php endif;?>" + data-role="trigger"> + <strong> + <?php echo $isBasic ? __('Basic Settings') : __('Advanced Settings') ?> + </strong> + <span data-role="title-messages" class="admin__page-nav-title-messages"></span> </div> + </div> - <ul <?php echo $block->getUiId('tab', $tabGroupId) ?> class="tabs admin__page-nav-items" data-role="content"> - <?php foreach ($tabs as $_tab): ?> - <?php if (!$block->canShowTab($_tab) || $_tab->getParentTab() - || ($_tab->getGroupCode() && $_tab->getGroupCode() != $tabGroupCode) - || (!$_tab->getGroupCode() && $isBasic)): continue; endif;?> - <?php $_tabClass = 'tab-item-link ' . $block->getTabClass($_tab) . ' ' . (preg_match('/\s?ajax\s?/', $_tab->getClass()) ? 'notloaded' : '') ?> - <?php $_tabType = (!preg_match('/\s?ajax\s?/', $_tabClass) && $block->getTabUrl($_tab) != '#') ? 'link' : '' ?> - <?php $_tabHref = $block->getTabUrl($_tab) == '#' ? '#' . $block->getTabId($_tab) . '_content' : $block->getTabUrl($_tab) ?> - <li class="admin__page-nav-item <?php if ($block->getTabIsHidden($_tab)): ?> <?php echo "no-display"; ?> <?php endif; ?> " <?php echo $block->getUiId('tab', 'item', $_tab->getId()) ?>> + <ul <?php echo $block->getUiId('tab', $tabGroupId) ?> class="tabs admin__page-nav-items" data-role="content"> + <?php foreach ($tabs as $_tab): ?> + <?php if (!$block->canShowTab($_tab) || $_tab->getParentTab() + || ($_tab->getGroupCode() && $_tab->getGroupCode() != $tabGroupCode) + || (!$_tab->getGroupCode() && $isBasic)): continue; endif;?> + <?php $_tabClass = 'tab-item-link ' . $block->getTabClass($_tab) . ' ' . (preg_match('/\s?ajax\s?/', $_tab->getClass()) ? 'notloaded' : '') ?> + <?php $_tabType = (!preg_match('/\s?ajax\s?/', $_tabClass) && $block->getTabUrl($_tab) != '#') ? 'link' : '' ?> + <?php $_tabHref = $block->getTabUrl($_tab) == '#' ? '#' . $block->getTabId($_tab) . '_content' : $block->getTabUrl($_tab) ?> + <li class="admin__page-nav-item <?php if ($block->getTabIsHidden($_tab)): ?> <?php echo "no-display"; ?> <?php endif; ?> " <?php echo $block->getUiId('tab', 'item', $_tab->getId()) ?>> - <a href="<?php echo $_tabHref ?>" id="<?php echo $block->getTabId($_tab) ?>" - name="<?php echo $block->getTabId($_tab, false) ?>" - title="<?php echo $block->getTabTitle($_tab) ?>" - class="admin__page-nav-link <?php echo $_tabClass;?>" - data-tab-type="<?php echo $_tabType;?>" <?php echo $block->getUiId('tab', 'link', $_tab->getId()) ?>> + <a href="<?php echo $_tabHref ?>" id="<?php echo $block->getTabId($_tab) ?>" + name="<?php echo $block->getTabId($_tab, false) ?>" + title="<?php echo $block->getTabTitle($_tab) ?>" + class="admin__page-nav-link <?php echo $_tabClass;?>" + data-tab-type="<?php echo $_tabType;?>" <?php echo $block->getUiId('tab', 'link', $_tab->getId()) ?>> - <span><?php echo $block->escapeHtml($block->getTabLabel($_tab)); ?></span> + <span><?php echo $block->escapeHtml($block->getTabLabel($_tab)); ?></span> - <span class="admin__page-nav-item-messages" data-role="item-messages"> - <span class="admin__page-nav-item-message _changed"> - <span class="admin__page-nav-item-message-icon"></span> - <span class="admin__page-nav-item-message-tooltip"> - <?php echo __('Changes have been made to this section that have not been saved.'); ?> - </span> + <span class="admin__page-nav-item-messages" data-role="item-messages"> + <span class="admin__page-nav-item-message _changed"> + <span class="admin__page-nav-item-message-icon"></span> + <span class="admin__page-nav-item-message-tooltip"> + <?php echo __('Changes have been made to this section that have not been saved.'); ?> </span> - <span class="admin__page-nav-item-message _error"> - <span class="admin__page-nav-item-message-icon"></span> - <span class="admin__page-nav-item-message-tooltip"> - <?php echo __('This tab contains invalid data. Please solve the problem before saving.'); ?> - </span> + </span> + <span class="admin__page-nav-item-message _error"> + <span class="admin__page-nav-item-message-icon"></span> + <span class="admin__page-nav-item-message-tooltip"> + <?php echo __('This tab contains invalid data. Please solve the problem before saving.'); ?> </span> - <span class="admin__page-nav-item-message-loader"> - <span class="spinner"> - <span></span><span></span><span></span><span></span> - <span></span><span></span><span></span><span></span> - </span> + </span> + <span class="admin__page-nav-item-message-loader"> + <span class="spinner"> + <span></span><span></span><span></span><span></span> + <span></span><span></span><span></span><span></span> </span> - </span> - </a> + </span> + </span> + </a> - <div id="<?php echo $block->getTabId($_tab) ?>_content" class="no-display" - data-tab-panel="<?=$_tab->getTabId() ?>" - <?php echo $block->getUiId('tab', 'content', $_tab->getId()) ?>> - <?php echo $block->getTabContent($_tab); ?> - <?php foreach ($tabs as $childTab): ?> - <?php if ($childTab->getParentTab() === $_tab->getId()):?> - <div id="<?php echo $block->getTabId($childTab) ?>_content" - <?php echo $block->getUiId('tab', 'content', $childTab->getId()) ?>> - <?php echo $block->getTabContent($childTab); ?> - <?php endif;?> - <?php endforeach; ?> - </div> - </li> - <?php endforeach; ?> - </ul> - </div> - <?php endforeach; ?> - </div> + <div id="<?php echo $block->getTabId($_tab) ?>_content" class="no-display" + data-tab-panel="<?=$_tab->getTabId() ?>" + <?php echo $block->getUiId('tab', 'content', $_tab->getId()) ?>> + <?php echo $block->getTabContent($_tab); ?> + <?php foreach ($tabs as $childTab): ?> + <?php if ($childTab->getParentTab() === $_tab->getId()):?> + <div id="<?php echo $block->getTabId($childTab) ?>_content" + <?php echo $block->getUiId('tab', 'content', $childTab->getId()) ?>> + <?php echo $block->getTabContent($childTab); ?> + <?php endif;?> + <?php endforeach; ?> + </div> + </li> + <?php endforeach; ?> + </ul> + </div> + <?php endforeach; ?> </div> <?php endif; ?> diff --git a/app/code/Magento/Config/view/adminhtml/templates/system/config/tabs.phtml b/app/code/Magento/Config/view/adminhtml/templates/system/config/tabs.phtml index 5f38de7b393016281e905fa51849a530ddc268aa..d954aedfeb2270a6370a501d98c43c85f5e8ee96 100644 --- a/app/code/Magento/Config/view/adminhtml/templates/system/config/tabs.phtml +++ b/app/code/Magento/Config/view/adminhtml/templates/system/config/tabs.phtml @@ -10,57 +10,55 @@ ?> <?php if ($block->getTabs()): ?> - <div class="admin__scope"> - <div id="<?php echo $block->getId() ?>" class="config-nav"> - <?php - /** @var $_tab \Magento\Config\Model\Config\Structure\Element\Tab */ - foreach ($block->getTabs() as $_tab): - ?> + <div id="<?php echo $block->getId() ?>" class="config-nav"> + <?php + /** @var $_tab \Magento\Config\Model\Config\Structure\Element\Tab */ + foreach ($block->getTabs() as $_tab): + ?> - <?php - $activeCollapsible = false; - foreach ($_tab->getChildren() as $_section) { - if ($block->isSectionActive($_section)) { - $activeCollapsible = true; - } + <?php + $activeCollapsible = false; + foreach ($_tab->getChildren() as $_section) { + if ($block->isSectionActive($_section)) { + $activeCollapsible = true; } - ?> + } + ?> - <div class="config-nav-block admin__page-nav _collapsed - <?php if ($_tab->getClass()): ?> - <?php echo $_tab->getClass() ?> - <?php endif ?>" - data-mage-init='{"collapsible":{"active": "<?php echo $activeCollapsible;?>", - "openedState": "_show", - "closedState": "_hide", - "collapsible": true, - "animate": 200}}'> - <div class="admin__page-nav-title title _collapsible" data-role="title"> - <strong><?php echo $_tab->getLabel() ?></strong> - </div> + <div class="config-nav-block admin__page-nav _collapsed + <?php if ($_tab->getClass()): ?> + <?php echo $_tab->getClass() ?> + <?php endif ?>" + data-mage-init='{"collapsible":{"active": "<?php echo $activeCollapsible;?>", + "openedState": "_show", + "closedState": "_hide", + "collapsible": true, + "animate": 200}}'> + <div class="admin__page-nav-title title _collapsible" data-role="title"> + <strong><?php echo $_tab->getLabel() ?></strong> + </div> - <ul class="admin__page-nav-items items" data-role="content"> - <?php $_iterator = 1; ?> - <?php - /** @var $_section \Magento\Config\Model\Config\Structure\Element\Section */ - foreach ($_tab->getChildren() as $_section): ?> - <li class="admin__page-nav-item item - <?php echo $_section->getClass() ?> - <?php if ($block->isSectionActive($_section)): ?> _active<?php endif ?> - <?php echo $_tab->getChildren()->isLast($_section) ? ' _last' : '' ?>"> - <a href="<?php echo $block->getSectionUrl($_section) ?>" - class="admin__page-nav-link item-nav"> - <span><?php echo $_section->getLabel() ?></span> - </a> - </li> - <?php $_iterator++; ?> - <?php endforeach; ?> - </ul> + <ul class="admin__page-nav-items items" data-role="content"> + <?php $_iterator = 1; ?> + <?php + /** @var $_section \Magento\Config\Model\Config\Structure\Element\Section */ + foreach ($_tab->getChildren() as $_section): ?> + <li class="admin__page-nav-item item + <?php echo $_section->getClass() ?> + <?php if ($block->isSectionActive($_section)): ?> _active<?php endif ?> + <?php echo $_tab->getChildren()->isLast($_section) ? ' _last' : '' ?>"> + <a href="<?php echo $block->getSectionUrl($_section) ?>" + class="admin__page-nav-link item-nav"> + <span><?php echo $_section->getLabel() ?></span> + </a> + </li> + <?php $_iterator++; ?> + <?php endforeach; ?> + </ul> - </div> - <?php - endforeach; - ?> - </div> + </div> + <?php + endforeach; + ?> </div> <?php endif; ?> diff --git a/app/code/Magento/Customer/view/adminhtml/layout/customer_index_edit.xml b/app/code/Magento/Customer/view/adminhtml/layout/customer_index_edit.xml index 9d50ae75e0676730ce20e3950d0b01b1d80a35e2..fba929a75e44ed0ef8afd19324bd7c79ed0b4f9c 100644 --- a/app/code/Magento/Customer/view/adminhtml/layout/customer_index_edit.xml +++ b/app/code/Magento/Customer/view/adminhtml/layout/customer_index_edit.xml @@ -7,6 +7,7 @@ --> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-2columns-left" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd"> <body> + <referenceContainer name="admin.scope.col.wrap" htmlClass="" /> <!-- Removes .admin__scope-old class for customer columns --> <referenceContainer name="content"> <ui_component name="customer_form" component="form" /> </referenceContainer> diff --git a/app/code/Magento/Downloadable/Block/Adminhtml/Catalog/Product/Edit/Tab/Downloadable/Links.php b/app/code/Magento/Downloadable/Block/Adminhtml/Catalog/Product/Edit/Tab/Downloadable/Links.php index da5b79ad9dbec8a79cead48922eedbb0a1b7befc..bb986e14a26c9352c86a866ef652630d881e49d2 100644 --- a/app/code/Magento/Downloadable/Block/Adminhtml/Catalog/Product/Edit/Tab/Downloadable/Links.php +++ b/app/code/Magento/Downloadable/Block/Adminhtml/Catalog/Product/Edit/Tab/Downloadable/Links.php @@ -173,6 +173,8 @@ class Links extends \Magento\Backend\Block\Template $this->_sourceModel->toOptionArray() )->setValue( $this->getProduct()->getLinksPurchasedSeparately() + )->setClass( + 'admin__control-select' ); return $select->getHtml(); diff --git a/app/code/Magento/Downloadable/view/adminhtml/layout/catalog_product_downloadable.xml b/app/code/Magento/Downloadable/view/adminhtml/layout/catalog_product_downloadable.xml index 136c8c3a07307f0d1131d52456f14204e73deba9..aa92350264b7351e0489f629a861afa3c833120a 100644 --- a/app/code/Magento/Downloadable/view/adminhtml/layout/catalog_product_downloadable.xml +++ b/app/code/Magento/Downloadable/view/adminhtml/layout/catalog_product_downloadable.xml @@ -8,6 +8,11 @@ <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd"> <body> <referenceBlock name="product_tabs"> + <!-- @todo ui: remove arguments within .admin__scope-old --> + <arguments> + <argument name="panels_class" xsi:type="string">admin__scope-old</argument> + <argument name="excluded_panel" xsi:type="string">product_info_tabs_downloadable_items_content</argument> + </arguments> <action method="addTab"> <argument name="name" xsi:type="string">downloadable_items</argument> <argument name="block" xsi:type="string">Magento\Downloadable\Block\Adminhtml\Catalog\Product\Edit\Tab\Downloadable</argument> diff --git a/app/code/Magento/Downloadable/view/adminhtml/templates/product/edit/downloadable/links.phtml b/app/code/Magento/Downloadable/view/adminhtml/templates/product/edit/downloadable/links.phtml index c7db53b3b85d63a7a0a6568f3efe26dea28270e1..dada69c3e47a9ba4ee7732276d71affd02ea4667 100644 --- a/app/code/Magento/Downloadable/view/adminhtml/templates/product/edit/downloadable/links.phtml +++ b/app/code/Magento/Downloadable/view/adminhtml/templates/product/edit/downloadable/links.phtml @@ -15,62 +15,60 @@ ?> <?php $_product = $block->getProduct()?> <?php $block->getConfigJson() ?> -<div class="admin__scope"> - <fieldset class="admin__fieldset downloadable-form"> - - <div class="admin__field" <?php echo !$block->isSingleStoreMode() ? ' data-config-scope="' . __('[STORE VIEW]') . '"' : ''; ?>> - <label class="admin__field-label" for="downloadable_links_title"><span><?php echo __('Title')?></span></label> - <div class="admin__field-control"> - <input type="text" class="admin__control-text" id="downloadable_links_title" name="product[links_title]" value="<?php echo $block->getLinksTitle() ?>" <?php echo($_product->getStoreId() && $block->getUsedDefault()) ? 'disabled="disabled"' : '' ?>> - <?php if ($_product->getStoreId()): ?> - <div class="admin__field admin__field-option"> - <input id="link_title_default" class="admin__control-checkbox" type="checkbox" name="use_default[]" value="links_title" onclick="toggleValueElements(this, this.parentNode.parentNode)" <?php echo $block->getUsedDefault() ? 'checked="checked"' : '' ?> /> - <label class="admin__field-label" for="link_title_default"><span><?php echo __('Use Default Value'); ?></span></label> - </div> - <?php endif; ?> - </div> +<fieldset class="admin__fieldset downloadable-form"> + + <div class="admin__field" <?php echo !$block->isSingleStoreMode() ? ' data-config-scope="' . __('[STORE VIEW]') . '"' : ''; ?>> + <label class="admin__field-label" for="downloadable_links_title"><span><?php echo __('Title')?></span></label> + <div class="admin__field-control"> + <input type="text" class="admin__control-text" id="downloadable_links_title" name="product[links_title]" value="<?php echo $block->getLinksTitle() ?>" <?php echo($_product->getStoreId() && $block->getUsedDefault()) ? 'disabled="disabled"' : '' ?>> + <?php if ($_product->getStoreId()): ?> + <div class="admin__field admin__field-option"> + <input id="link_title_default" class="admin__control-checkbox" type="checkbox" name="use_default[]" value="links_title" onclick="toggleValueElements(this, this.parentNode.parentNode)" <?php echo $block->getUsedDefault() ? 'checked="checked"' : '' ?> /> + <label class="admin__field-label" for="link_title_default"><span><?php echo __('Use Default Value'); ?></span></label> + </div> + <?php endif; ?> </div> + </div> - <div class="admin__field" <?php echo !$block->isSingleStoreMode() ? ' data-config-scope="' . __('[GLOBAL]') . '"' : ''; ?>> - <label class="admin__field-label" for="downloadable_link_purchase_type"><span><?php echo __('Links can be purchased separately')?></span></label> - <div class="admin__field-control"> - <?php echo $block->getPurchasedSeparatelySelect()?> - </div> + <div class="admin__field" <?php echo !$block->isSingleStoreMode() ? ' data-config-scope="' . __('[GLOBAL]') . '"' : ''; ?>> + <label class="admin__field-label" for="downloadable_link_purchase_type"><span><?php echo __('Links can be purchased separately')?></span></label> + <div class="admin__field-control"> + <?php echo $block->getPurchasedSeparatelySelect()?> </div> - <div class="admin__field admin__field-wide"> - <div class="admin__field-control"> - <div class="admin__control-table-wrapper"> - <table cellspacing="0" class="admin__control-table"> - <thead> - <tr> - <th class="col-title _required"><span><?php echo __('Title') ?></span></th> - <?php if ($block->getCanReadPrice() !== false) : ?> - <th class="col-price"><span><?php echo __('Price') ?></span></th> - <?php endif; ?> - <th class="col-limit"><span><?php echo __('Max. Downloads') ?></span></th> - <th class="col-option"><span><?php echo __('Shareable') ?></span></th> - <th class="col-sample"><span><?php echo __('Sample') ?></span></th> - <th class="col-file"><span><?php echo __('File') ?></span></th> - <th class="col-sort"><span><?php echo __('Sort Order') ?></span></th> - <th class="col-actions"> </th> - </tr> - </thead> - <tfoot> - <tr> - <td class="col-actions-add" colspan="8"><?php echo $block->getAddButtonHtml() ?></td> - </tr> - </tfoot> - <tbody id="link_items_body"> - </tbody> - </table> - </div> - <div class="admin__field-note"> - <span><?php echo __('Alphanumeric, dash and underscore characters are recommended for filenames. Improper characters are replaced with \'_\'.')?></span> - </div> + </div> + <div class="admin__field admin__field-wide"> + <div class="admin__field-control"> + <div class="admin__control-table-wrapper"> + <table cellspacing="0" class="admin__control-table"> + <thead> + <tr> + <th class="col-title _required"><span><?php echo __('Title') ?></span></th> + <?php if ($block->getCanReadPrice() !== false) : ?> + <th class="col-price"><span><?php echo __('Price') ?></span></th> + <?php endif; ?> + <th class="col-limit"><span><?php echo __('Max. Downloads') ?></span></th> + <th class="col-option"><span><?php echo __('Shareable') ?></span></th> + <th class="col-sample"><span><?php echo __('Sample') ?></span></th> + <th class="col-file"><span><?php echo __('File') ?></span></th> + <th class="col-sort"><span><?php echo __('Sort Order') ?></span></th> + <th class="col-actions"> </th> + </tr> + </thead> + <tfoot> + <tr> + <td class="col-actions-add" colspan="8"><?php echo $block->getAddButtonHtml() ?></td> + </tr> + </tfoot> + <tbody id="link_items_body"> + </tbody> + </table> + </div> + <div class="admin__field-note"> + <span><?php echo __('Alphanumeric, dash and underscore characters are recommended for filenames. Improper characters are replaced with \'_\'.')?></span> </div> </div> - </fieldset> -</div> + </div> +</fieldset> <script> require([ 'jquery', @@ -103,9 +101,9 @@ require([ <?php endif; ?> <?php endif; ?> '<td class="col-limit"><input type="text" id="downloadable_link_<%- data.id %>_downloads" name="downloadable[link][<%- data.id %>][number_of_downloads]" class="input-text admin__control-text downloads" value="<%- data.number_of_downloads %>" />'+ - '<p><input type="checkbox" class="checkbox" id="downloadable_link_<%- data.id %>_is_unlimited" name="downloadable[link][<%- data.id %>][is_unlimited]" value="1" <%- data.is_unlimited %> /> <label for="downloadable_link_<%- data.id %>_is_unlimited">Unlimited</label></p></td>'+ + '<p><input type="checkbox" class="checkbox admin__control-checkbox" id="downloadable_link_<%- data.id %>_is_unlimited" name="downloadable[link][<%- data.id %>][is_unlimited]" value="1" <%- data.is_unlimited %> /> <label for="downloadable_link_<%- data.id %>_is_unlimited">Unlimited</label></p></td>'+ '<td class="col-share">'+ - '<select id="downloadable_link _<%- data.id %>_shareable" name="downloadable[link][<%- data.id %>][is_shareable]">'+ + '<select id="downloadable_link _<%- data.id %>_shareable" class="admin__control-select" name="downloadable[link][<%- data.id %>][is_shareable]">'+ '<option value="1">Yes</option>'+ '<option value="0">No</option>'+ '<option value="2" selected="selected">Use config</option>'+ diff --git a/app/code/Magento/Downloadable/view/adminhtml/templates/product/edit/downloadable/samples.phtml b/app/code/Magento/Downloadable/view/adminhtml/templates/product/edit/downloadable/samples.phtml index 85b099dd18a06cddb89a558f594cf399b3d4b7f3..25a90104d37ad9a6284ce510ec776d2b0458977f 100644 --- a/app/code/Magento/Downloadable/view/adminhtml/templates/product/edit/downloadable/samples.phtml +++ b/app/code/Magento/Downloadable/view/adminhtml/templates/product/edit/downloadable/samples.phtml @@ -15,48 +15,46 @@ $_product = $block->getProduct(); $block->getConfigJson(); ?> -<div class="admin__scope"> - <fieldset class="admin__fieldset downloadable-form"> - <div class="admin__field"<?php echo !$block->isSingleStoreMode() ? ' data-config-scope="' . __('[STORE VIEW]') . '"' : ''; ?>> - <label class="admin__field-label" for="downloadable_samples_title"><span><?php echo __('Title')?></span></label> - <div class="admin__field-control"> - <input type="text" class="admin__control-text" id="downloadable_samples_title" name="product[samples_title]" value="<?php echo $block->getSamplesTitle() ?>" <?php echo($_product->getStoreId() && $block->getUsedDefault()) ? 'disabled="disabled"' : '' ?>> - <?php if ($_product->getStoreId()): ?> - <div class="admin__field admin__field-option"> - <input id="sample_title_default" class="admin__control-checkbox" type="checkbox" name="use_default[]" value="samples_title" onclick="toggleValueElements(this, this.parentNode.parentNode)" <?php echo $block->getUsedDefault() ? 'checked="checked"' : '' ?> /> - <label class="admin__field-label" for="sample_title_default"><span>Use Default Value</span></label> - </div> - <?php endif; ?> - </div> - </div> - <div class="admin__field admin__field-wide"> - <div class="admin__field-control"> - <div class="admin__control-table-wrapper"> - <table cellspacing="0" class="admin__control-table"> - <thead> - <tr> - <th class="_required col-title"><span><?php echo __('Title') ?></span></th> - <th class="col-file"><span><?php echo __('File') ?></span></th> - <th class="col-sort"><span><?php echo __('Sort Order') ?></span></th> - <th class="col-actions"> </th> - </tr> - </thead> - <tfoot> - <tr> - <td colspan="4" class="col-actions"><?php echo $block->getAddButtonHtml() ?></td> - </tr> - </tfoot> - <tbody id="sample_items_body"> - </tbody> - </table> - </div> - <div class="admin__field-note"> - <span><?php echo __('Alphanumeric, dash and underscore characters are recommended for filenames. Improper characters are replaced with \'_\'.')?></span> +<fieldset class="admin__fieldset downloadable-form"> + <div class="admin__field"<?php echo !$block->isSingleStoreMode() ? ' data-config-scope="' . __('[STORE VIEW]') . '"' : ''; ?>> + <label class="admin__field-label" for="downloadable_samples_title"><span><?php echo __('Title')?></span></label> + <div class="admin__field-control"> + <input type="text" class="admin__control-text" id="downloadable_samples_title" name="product[samples_title]" value="<?php echo $block->getSamplesTitle() ?>" <?php echo($_product->getStoreId() && $block->getUsedDefault()) ? 'disabled="disabled"' : '' ?>> + <?php if ($_product->getStoreId()): ?> + <div class="admin__field admin__field-option"> + <input id="sample_title_default" class="admin__control-checkbox" type="checkbox" name="use_default[]" value="samples_title" onclick="toggleValueElements(this, this.parentNode.parentNode)" <?php echo $block->getUsedDefault() ? 'checked="checked"' : '' ?> /> + <label class="admin__field-label" for="sample_title_default"><span>Use Default Value</span></label> </div> + <?php endif; ?> + </div> + </div> + <div class="admin__field admin__field-wide"> + <div class="admin__field-control"> + <div class="admin__control-table-wrapper"> + <table cellspacing="0" class="admin__control-table"> + <thead> + <tr> + <th class="_required col-title"><span><?php echo __('Title') ?></span></th> + <th class="col-file"><span><?php echo __('File') ?></span></th> + <th class="col-sort"><span><?php echo __('Sort Order') ?></span></th> + <th class="col-actions"> </th> + </tr> + </thead> + <tfoot> + <tr> + <td colspan="4" class="col-actions"><?php echo $block->getAddButtonHtml() ?></td> + </tr> + </tfoot> + <tbody id="sample_items_body"> + </tbody> + </table> + </div> + <div class="admin__field-note"> + <span><?php echo __('Alphanumeric, dash and underscore characters are recommended for filenames. Improper characters are replaced with \'_\'.')?></span> </div> </div> - </fieldset> -</div> + </div> +</fieldset> <script> require([ 'jquery', diff --git a/app/code/Magento/Theme/view/adminhtml/page_layout/admin-2columns-left.xml b/app/code/Magento/Theme/view/adminhtml/page_layout/admin-2columns-left.xml index be570e6f8921c8ee6c6c5719357adce5995f7990..97a0833b51cbe631378110da8254a20d5c6ba22b 100644 --- a/app/code/Magento/Theme/view/adminhtml/page_layout/admin-2columns-left.xml +++ b/app/code/Magento/Theme/view/adminhtml/page_layout/admin-2columns-left.xml @@ -30,14 +30,14 @@ <container name="messages.wrapper" as="messages.wrapper" htmlTag="div" htmlId="messages"> <container name="page.messages" as="page.messages"/> </container> - <container name="page.main.container" as="page_main_container" htmlId="page:main-container" htmlTag="div" htmlClass="page-columns row"> + <container name="page.main.container" as="page_main_container" htmlId="page:main-container" htmlTag="div" htmlClass="page-columns row row-gutter"> <!-- ToDo UI: remove 'main-col' & 'side-col' class names after new sidebar implemented --> - <container name="main.col" as="main-col" htmlId="container" htmlTag="div" htmlClass="main-col col-m-9 col-m-push-3"> + <container name="main.col" as="main-col" htmlId="container" htmlTag="div" htmlClass="main-col col-m-9 col-m-push-3 col-gutter"> <container name="admin.scope.col.wrap" as="admin-scope-col-wrap" htmlTag="div" htmlClass="admin__scope-old"> <!-- ToDo UI: remove this wrapper remove with old styles removal --> <container name="content" as="content"/> </container> </container> - <container name="side.col" as="side-col" after="main.col" htmlId="page:left" htmlTag="div" htmlClass="col-m-3 col-m-pull-9 side-col"> + <container name="side.col" as="side-col" after="main.col" htmlId="page:left" htmlTag="div" htmlClass="col-m-3 col-m-pull-9 side-col col-gutter"> <container name="left" as="left"/> </container> </container> diff --git a/app/code/Magento/Ui/view/base/web/templates/content/content.html b/app/code/Magento/Ui/view/base/web/templates/content/content.html index 6b5a787a4b599f547092c57dbb15a2910f0c8b0e..c3d84628b7721cfd63b07a65ab4e66e623b122c9 100644 --- a/app/code/Magento/Ui/view/base/web/templates/content/content.html +++ b/app/code/Magento/Ui/view/base/web/templates/content/content.html @@ -4,7 +4,7 @@ * See COPYING.txt for license details. */ --> -<div data-bind="html: content"></div> +<div data-bind="html: content, attr: {class: element.cssclass ? element.cssclass : 'admin__scope-old'}"></div> <!--ko if: showSpinner --> <div data-role="spinner" class="grid-loading-mask" data-bind="visible: loading"> diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/layout/default.xml b/app/design/adminhtml/Magento/backend/Magento_Backend/layout/default.xml index 42c807d38fe6af96b7ac2a2a3724d0149bfd62d2..254c75d0eb6808f9dc1610567450dddaae03013c 100644 --- a/app/design/adminhtml/Magento/backend/Magento_Backend/layout/default.xml +++ b/app/design/adminhtml/Magento/backend/Magento_Backend/layout/default.xml @@ -9,7 +9,7 @@ <head> <css src="mui/mui_legacy.css"/> <css src="css/styles-old.css"/> - <css src="css/styles-migration.css"/> <!-- New styles scope --> + <css src="css/styles.css"/> </head> <body> diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/layout/styles.xml b/app/design/adminhtml/Magento/backend/Magento_Backend/layout/styles.xml index cdd389724b682799a088d3f698553f5e3ba7dda1..c9656e9f2858bf7f5399defa0b2158f9c1a74a9d 100644 --- a/app/design/adminhtml/Magento/backend/Magento_Backend/layout/styles.xml +++ b/app/design/adminhtml/Magento/backend/Magento_Backend/layout/styles.xml @@ -9,7 +9,6 @@ <head> <remove src="mui/mui_legacy.css"/> <remove src="css/styles-old.css"/> - <remove src="css/styles-migration.css"/> <remove src="jquery/farbtastic/css/farbtastic.css"/> <css src="css/styles.css"/> diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_dashboard.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_dashboard.less index 32c33083fe2ff3914f33b177105de2b8f6adf2e4..1d9ddf540b3b4a75e31ae5757aaf17f4ef2f1733 100644 --- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_dashboard.less +++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/pages/_dashboard.less @@ -27,7 +27,7 @@ padding-left: 0; } } - .table& { + &.table { th { border-top: 0; } @@ -163,6 +163,7 @@ .dashboard-store-stats { .ui-tabs { .extend__clearfix(); + margin-bottom: 0; position: relative; &:before { .background-gradient( diff --git a/app/design/adminhtml/Magento/backend/web/css/override.less b/app/design/adminhtml/Magento/backend/web/css/override.less deleted file mode 100644 index d6968d593d22361cfe96e58a872ce33f49d51b1d..0000000000000000000000000000000000000000 --- a/app/design/adminhtml/Magento/backend/web/css/override.less +++ /dev/null @@ -1,5238 +0,0 @@ -/** - * Copyright © 2015 Magento. All rights reserved. - * See COPYING.txt for license details. - */ -/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-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: #000; -} -small { - font-size: 80%; -} -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.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; -} -html { - box-sizing: border-box; -} -* { - box-sizing: inherit; -} -*:before, -*:after { - box-sizing: inherit; -} -*:focus { - box-shadow: none; - outline: 0; -} -.keyfocus *:focus, -.keyfocus .admin__control-radio:focus + label, -.keyfocus .admin__control-checkbox:focus + label { - box-shadow: 0 0 0 1px #008bdb; -} -img, -video, -embed, -object { - max-width: 100%; -} -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/opensans/light/opensans-300.eot'); - src: url('../fonts/opensans/light/opensans-300.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../fonts/opensans/light/opensans-300.woff') format('woff'), url('../fonts/opensans/light/opensans-300.ttf') format('truetype'), url('../fonts/opensans/light/opensans-300.svg#Open Sans') format('svg'); - font-weight: 300; - font-style: normal; -} -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/opensans/regular/opensans-400.eot'); - src: url('../fonts/opensans/regular/opensans-400.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../fonts/opensans/regular/opensans-400.woff') format('woff'), url('../fonts/opensans/regular/opensans-400.ttf') format('truetype'), url('../fonts/opensans/regular/opensans-400.svg#Open Sans') format('svg'); - font-weight: 400; - font-style: normal; -} -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/opensans/semibold/opensans-600.eot'); - src: url('../fonts/opensans/semibold/opensans-600.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../fonts/opensans/semibold/opensans-600.woff') format('woff'), url('../fonts/opensans/semibold/opensans-600.ttf') format('truetype'), url('../fonts/opensans/semibold/opensans-600.svg#Open Sans') format('svg'); - font-weight: 600; - font-style: normal; -} -@font-face { - font-family: 'Open Sans'; - src: url('../fonts/opensans/bold/opensans-700.eot'); - src: url('../fonts/opensans/bold/opensans-700.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../fonts/opensans/bold/opensans-700.woff') format('woff'), url('../fonts/opensans/bold/opensans-700.ttf') format('truetype'), url('../fonts/opensans/bold/opensans-700.svg#Open Sans') format('svg'); - font-weight: 700; - font-style: normal; -} -html, -body { - height: 100%; -} -html { - font-size: 62.5%; -} -body { - font-size: 1.4rem; - color: #41362f; - font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 400; - font-style: normal; - line-height: 1.4; -} -h1 { - margin: 0 0 2rem; - font-size: 2.8rem; - color: #41362f; - font-weight: 400; - line-height: 1.2; -} -h2, -.admin__fieldset-wrapper-title strong { - margin: 0 0 2rem; - font-size: 2rem; - color: #41362f; - font-weight: 400; - line-height: 1.2; -} -h3 { - margin: 0 0 2rem; - font-size: 1.7rem; - color: #41362f; - font-weight: 600; - line-height: 1.2; -} -h4, -h5, -h6 { - font-weight: 600; - margin-top: 0; -} -p { - margin: 0 0 .5em; -} -a { - color: #007bdb; - text-decoration: none; -} -a:hover { - color: #007bdb; - text-decoration: underline; -} -@font-face { - font-family: 'Admin Icons'; - src: url('../fonts/admin-icons/admin-icons.eot'); - src: url('../fonts/admin-icons/admin-icons.eot?#iefix') format('embedded-opentype'), url('../fonts/admin-icons/admin-icons.woff2') format('woff2'), url('../fonts/admin-icons/admin-icons.woff') format('woff'), url('../fonts/admin-icons/admin-icons.ttf') format('truetype'), url('../fonts/admin-icons/admin-icons.svg#Admin Icons') format('svg'); - font-weight: normal; - font-style: normal; -} -ul, -ol, -dl { - margin-top: 0; - padding-left: 0; -} -nav ul, -nav ol { - list-style: none none; - margin: 0; - padding: 0; -} -.admin__control-text, -.admin__control-select, -.admin__control-multiselect, -.admin__control-file-label:before, -.admin__control-textarea, -.admin__control-addon [class*='admin__control-'] + [class*='admin__addon-']:before { - background-color: #ffffff; - border-radius: .1rem; - border: 1px solid #adadad; - color: #303030; - font-size: 1.4rem; - font-weight: 400; - height: 3.3rem; - max-width: 100%; - min-width: 10rem; - padding: 0 1rem; - transition: border-color 0.1s ease-in; -} -.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-']:focus + [class*='admin__addon-']:before { - 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-'][disabled] + [class*='admin__addon-']:before { - background-color: #e9e9e9; - border-color: #adadad; - color: #303030; - opacity: .5; - cursor: not-allowed; -} -.admin__fieldset > .admin__field.admin__field-wide[class] > .admin__field-control, -.address-item-edit-content .admin__field[class] > .admin__field-control, -.page-layout-admin-login .admin__field[class] > .admin__field-control { - float: none; - clear: left; - text-align: left; - width: auto; -} -.admin__fieldset > .admin__field.admin__field-wide[class]:not(.admin__field-option) > .admin__field-label, -.address-item-edit-content .admin__field[class]:not(.admin__field-option) > .admin__field-label, -.page-layout-admin-login .admin__field[class]:not(.admin__field-option) > .admin__field-label { - text-align: left; - width: auto; - display: block; - line-height: 1.4rem; - margin-bottom: 0.86rem; - margin-top: -0.14rem; -} -.admin__fieldset > .admin__field.admin__field-wide[class]:not(.admin__field-option) > .admin__field-label:before, -.address-item-edit-content .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, -.page-layout-admin-login .admin__field[class]:not(.admin__field-option) > .admin__field-label:before { - display: none; -} -.admin__fieldset > .admin__field.admin__field-wide[class]:not(.admin__field-option)._required > .admin__field-label span, -.address-item-edit-content .admin__field[class]:not(.admin__field-option)._required > .admin__field-label span, -.page-layout-admin-login .admin__field[class]:not(.admin__field-option)._required > .admin__field-label span { - padding-left: 1.5rem; -} -.admin__fieldset > .admin__field.admin__field-wide[class]:not(.admin__field-option)._required > .admin__field-label span:after, -.address-item-edit-content .admin__field[class]:not(.admin__field-option)._required > .admin__field-label span:after, -.page-layout-admin-login .admin__field[class]:not(.admin__field-option)._required > .admin__field-label span:after { - left: 0; - margin-left: 30px; - top: .2rem; -} -.admin__control-table-wrapper { - max-width: 100%; - overflow-x: auto; - overflow-y: hidden; -} -.admin__control-table { - width: 100%; -} -.admin__control-table thead { - background: none; -} -.admin__control-table td, -.admin__control-table th { - background: #efefef; - border: 0; - border-bottom: 1px solid #ffffff; - padding: 1.3rem 2.5rem 1.3rem 0; - text-align: left; -} -.admin__control-table td:first-child, -.admin__control-table th:first-child { - padding-left: 1.5rem; -} -.admin__control-table th { - border: 0; - vertical-align: bottom; - color: #303030; - font-size: 1.4rem; - font-weight: 600; - padding-bottom: 0; -} -.admin__control-table th._required span:after { - color: #eb5202; - content: '*'; -} -.admin__control-text { - line-height: 3.3rem; - width: 100%; -} -.admin__control-select { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - 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, 3.3rem 100%, 1px 100%; - padding-right: 4.4rem; -} -.admin__control-select:focus { - 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__control-select::-ms-expand { - display: none; -} -.ie9 .admin__control-select { - padding-right: 0; -} -option:empty { - display: none; -} -.admin__control-multiselect { - height: auto; - padding: .6rem 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 { - position: relative; - z-index: 1; - background: transparent; - border: 0; - width: auto; -} -.admin__control-textarea { - height: 8.48rem; - line-height: 1.18; - padding-top: .8rem; - width: 100%; -} -.admin__control-radio, -.admin__control-checkbox { - margin: .3rem 0 0; - opacity: 0.01; - overflow: hidden; - position: absolute; - vertical-align: top; -} -.admin__control-radio + label, -.admin__control-checkbox + label { - cursor: pointer; - display: inline-block; - padding-left: 26px; -} -.admin__control-radio + label:before, -.admin__control-checkbox + label:before { - background: none; - border-radius: .2rem; - border: 1px solid #adadad; - color: transparent; - content: '\e62d'; - float: left; - font: 0/14px 'Admin Icons'; - height: 1.6rem; - margin: 1px 10px 0 -26px; - text-align: center; - transition: border-color 0.1s ease-in, color 0.1s ease-in, font-size 0.1s ease-in; - vertical-align: top; - width: 1.6rem; -} -.admin__control-radio:focus + label:before, -.admin__control-checkbox:focus + label:before { - border-color: #007bdb; -} -.admin__control-radio[disabled] + label, -.admin__control-checkbox[disabled] + label { - color: #303030; - opacity: .5; -} -.admin__control-radio[disabled] + label:before, -.admin__control-checkbox[disabled] + label:before { - background-color: #e9e9e9; - border-color: #adadad; -} -.admin__control-radio + label:before { - border-radius: .8rem; - content: '\e637'; -} -.admin__control-radio:checked + label:before { - color: #514943; - font-size: 1rem; -} -.admin__control-checkbox:checked + label:before { - color: #514943; - font-size: 1.1rem; -} -.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 [class*='admin__control-'] { - appearence: none; - -webkit-flex-grow: 1; - flex-grow: 1; - box-shadow: none; - background-color: transparent; - border-color: transparent; - order: 1; - vertical-align: top; - width: auto; -} -.admin__control-addon [class*='admin__control-'] :focus { - box-shadow: 0; -} -.admin__control-addon [class*='admin__control-'] + [class*='admin__addon-'] { - padding-left: 1rem; - position: static !important; - z-index: 0; -} -.admin__control-addon [class*='admin__control-'] + [class*='admin__addon-'] > * { - position: relative; - vertical-align: top; - z-index: 2; -} -.admin__control-addon [class*='admin__control-'] + [class*='admin__addon-']:before { - bottom: 0; - box-sizing: border-box; - content: ''; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 0; -} -.admin__addon-suffix, -.admin__addon-prefix { - border: 0; - box-sizing: border-box; - color: #858585; - display: inline-block; - font-size: 1.4rem; - font-weight: 400; - height: 3.3rem; - line-height: 3.3rem; - padding: 0; -} -.admin__addon-suffix { - order: 3; -} -.admin__addon-suffix:last-child { - padding-right: 1rem; -} -.admin__addon-prefix { - order: 0; -} -.ie9 .admin__control-addon:after { - clear: both; - content: ''; - display: block; - height: 0; - overflow: hidden; -} -.ie9 .admin__addon { - min-width: auto; - overflow: hidden; - text-align: right; - white-space: nowrap; - width: auto; -} -.ie9 .admin__addon [class*='admin__control-'] { - display: inline; -} -.ie9 .admin__addon-prefix { - float: left; -} -.ie9 .admin__addon-suffix { - float: right; -} -.admin__fieldset { - border: 0; - margin: 0; - min-width: 0; - padding: 0; -} -.admin__fieldset > .admin__field { - border: 0; - margin: 0; - padding: 0; - margin-left: -30px; -} -.admin__fieldset > .admin__field > .admin__field-control { - width: ~" calc( (100%) * 0.4444444444444444 - 30px )"; - float: left; - margin-left: 30px; -} -.admin__fieldset > .admin__field > .admin__field-label { - width: ~" calc( (100%) * 0.3333333333333333 - 30px )"; - float: left; - margin-left: 30px; -} -.admin__field-label { - color: #303030; - margin: 0; - text-align: right; -} -.admin__field-label + br { - display: none; -} -[class]: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; -} -[class]:not(.admin__field-option) > .admin__field-label:before { - content: '.'; - margin-left: -7px; - overflow: hidden; - visibility: hidden; - width: 0; -} -[class]:not(.admin__field-option) > .admin__field-label span { - display: inline-block; - line-height: 1.2; - vertical-align: middle; - white-space: normal; -} -._required > .admin__field-label span:after { - color: #eb5202; - content: '*'; - display: inline-block; - font-size: 1.6rem; - font-weight: 500; - line-height: 1; - margin-left: 10px; - position: absolute; - top: 1.2rem; - z-index: 1; -} -._disabled > .admin__field-label { - color: #a79d95; -} -.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; - z-index: 1; -} -.admin__fieldset > .admin__field:hover { - z-index: 2; -} -.admin__field[data-config-scope]:before { - color: #808080; - content: attr(data-config-scope); - display: inline-block; - font-size: 1.2rem; - left: ~" calc( (100%) * 0.7777777777777778 - 30px )"; - line-height: 3.2rem; - margin-left: 60px; - position: absolute; - width: ~" calc( (100%) * 0.2222222222222222 - 30px )"; -} -.admin__field-control .admin__field[data-config-scope]:nth-child(n+2):before { - content: ''; -} -.admin__field._error .admin__field-control [class*='admin__addon-']:before, -.admin__field._error .admin__field-control > [class*='admin__control-'] { - border-color: #e22626; -} -.admin__field-error, -.admin__field-control 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__field-option { - padding-top: 8px; -} -.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; -} -[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.3333333333333333 - 30px )"; - float: left; - margin-left: 30px; - cursor: pointer; - left: 0; - opacity: 0; - position: absolute; - top: 0; -} -.admin__control-fields .admin__field-label ~ .admin__field-control { - width: 100%; -} -[class*='admin__control-grouped'] { - box-sizing: border-box; - display: table; - table-layout: fixed; - width: 100%; -} -[class*='admin__control-grouped'] > .admin__field { - display: table-cell; - vertical-align: top; - width: 50%; -} -[class*='admin__control-grouped'] > .admin__field > .admin__field-control { - float: none; - width: 100%; -} -[class*='admin__control-grouped'] > .admin__field:nth-child(n+2) { - padding-left: 20px; -} -[class*='admin__control-grouped'] > .admin__field:nth-child(n+2):not(.admin__field-option) .admin__field-label { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.admin__field-tooltip { - display: inline-block; - margin-top: 5px; - overflow: visible; - vertical-align: top; - width: 0; -} -.admin__field-tooltip:hover { - position: relative; - z-index: 500; -} -.admin__field-option .admin__field-tooltip { - margin-top: 10px; -} -.admin__field-tooltip .admin__field-tooltip-action { - margin-left: 20px; - display: inline-block; - text-decoration: none; -} -.admin__field-tooltip .admin__field-tooltip-action:before { - font-family: 'Admin Icons'; - content: '\e633'; - font-size: 2.2rem; - line-height: 1; - color: #514943; - overflow: hidden; - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; - display: inline-block; - vertical-align: middle; - 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 { - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); - background: #fffbbb; - border-radius: 1px; - border: 1px solid #afadac; - bottom: 42px; - display: none; - padding: 15px 25px; - position: absolute; - right: -70px; - width: 320px; - z-index: 1; -} -.admin__field-tooltip .admin__field-tooltip-content:after, -.admin__field-tooltip .admin__field-tooltip-content:before { - border: 16px solid transparent; - height: 0; - width: 0; - border-top-color: #afadac; - content: ""; - display: block; - position: absolute; - right: 20px; - top: 100%; - z-index: 3; -} -.admin__field-tooltip .admin__field-tooltip-content:after { - border-top-color: #fffbbb; - margin-top: -1px; - z-index: 4; -} -.admin__fieldset-wrapper-title { - margin-bottom: 30px; - padding: 14px 0 16px; -} -.address-item-edit-content { - padding: 15px 30px; -} -.address-list { - float: left; - list-style-type: none; - margin: 0; - padding: 0; - width: 360px; -} -.address-list .address-list-item { - margin-bottom: 30px; -} -.address-list .action-delete { - background-image: none; - background: none; - border: 0; - margin: 0; - padding: 0; - -moz-box-sizing: content-box; - box-shadow: none; - text-shadow: none; - line-height: inherit; - 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 { - cursor: not-allowed; - 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 { - font-family: 'Admin Icons'; - content: '\e620'; - font-size: 1.6rem; - line-height: 16px; - color: #41362f; - overflow: hidden; - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; - display: inline-block; - vertical-align: middle; - 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; - padding: .5rem; - right: auto; - top: auto; - max-height: 50px; - max-width: 200px; - white-space: nowrap; - width: auto; - transition: all .01s linear .7s; -} -.address-item-edit { - margin-left: 359px; - max-width: 500px; -} -.address-item-edit .admin__legend { - display: none; -} -[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; - position: absolute; - top: 50%; - overflow: hidden; - width: 218px; -} -.page-layout-admin-login .field-captcha { - padding-left: 30px; - vertical-align: middle; -} -.page-layout-admin-login .field-captcha .captcha-reload { - float: right; - vertical-align: middle; -} -.admin__action-dropdown { - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; - margin: 0; - padding: 0; - padding-right: 3rem; - color: #41362f; -} -.admin__action-dropdown:hover { - background-color: transparent; - border: none; - box-shadow: none; -} -.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.1rem; - 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; -} -.actions-split { - position: relative; - z-index: 300; -} -.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; -} -.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: 4rem; - min-width: 9.3rem; -} -.actions-split .action-toggle { - padding-right: 4rem; - 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.9rem 0.6rem 0 0.6rem; - content: ''; - height: 0; - margin-top: -0.3rem; - position: absolute; - right: 1.4rem; - 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._active:after, -.actions-split .action-toggle.active:after { - transform: none; -} -.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 { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.actions-split .dropdown-menu { - background-color: #ffffff; - border: 1px solid #007bdb; - border-radius: 1px; - box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); - display: block; - left: 0; - list-style: none; - margin: 2px 0 0; - min-width: 0; - opacity: 0; - padding: 0; - position: absolute; - right: 0; - top: 100%; - transition: opacity 0.15s ease; - visibility: hidden; -} -.actions-split .dropdown-menu > li { - border: none; - padding: .6875em; -} -.actions-split .dropdown-menu > li:hover { - background-color: #e3e3e3; - cursor: pointer; -} -.actions-split .dropdown-menu > li:active { - background-color: #cacaca; -} -.abs-action-reset, -.admin__menu .submenu-close, -.search-global-field._active .search-global-action, -.notifications-close { - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; - margin: 0; - padding: 0; -} -.abs-action-reset:hover, -.admin__menu .submenu-close:hover, -.search-global-field._active .search-global-action:hover, -.notifications-close: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, -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, -.page-actions > button, -.page-actions .page-actions-buttons > button, -.page-actions > button.action-primary, -.page-actions .page-actions-buttons > button.action-primary, -.page-actions > button.primary, -.page-actions .page-actions-buttons > button.primary, -.popup-window .magento_buttons .ok_button, -.popup-window .magento_buttons .cancel_button, -.fade .actions .primary, -.fade .actions .cancel { - 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; - padding: 0.5em 1em 0.57em; - 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, -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, -.page-actions > button[disabled], -.page-actions > button.disabled, -.page-actions .page-actions-buttons > button[disabled], -.page-actions .page-actions-buttons > button.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 > button.primary[disabled], -.page-actions > button.primary.disabled, -.page-actions .page-actions-buttons > button.primary[disabled], -.page-actions .page-actions-buttons > button.primary.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 { - cursor: default; - opacity: 0.7; - pointer-events: none; -} -.abs-action-l, -.ui-dialog .ui-button, -.ui-dialog .action-primary, -.attribute-popup-actions .page-actions-buttons > button.action-default.primary, -.page-layout-admin-login .action-primary, -.page-actions button, -.page-actions .page-actions-buttons > button, -.page-actions > button.action-primary, -.page-actions .page-actions-buttons > button.action-primary, -.page-actions > button.primary, -.page-actions .page-actions-buttons > button.primary, -.popup-window .magento_buttons .ok_button, -.fade .actions .primary { - font-size: 1.6rem; - letter-spacing: .025em; - padding-bottom: 0.6875em; - padding-top: 0.6875em; -} -.abs-action-default, -button { - background: #e3e3e3; - border-color: #adadad; - color: #514943; -} -.abs-action-default:hover, -button:hover { - 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 > button.primary, -.page-actions .page-actions-buttons > button.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 > 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 { - 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 > button.primary.disabled, -.page-actions > button.primary[disabled], -.page-actions .page-actions-buttons > button.primary.disabled, -.page-actions .page-actions-buttons > button.primary[disabled] { - cursor: default; - opacity: 0.7; - pointer-events: none; -} -.abs-action-secondary, -button.secondary, -.ui-dialog .ui-button, -.ui-dialog .action-primary, -.attribute-popup-actions .page-actions-buttons > button.action-default.primary, -.popup-window .magento_buttons .ok_button, -.fade .actions .primary { - 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, -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, -.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 { - background-color: #35302c; - box-shadow: 0 0 0 1px #007bdb; - color: #ffffff; - text-decoration: none; -} -.abs-action-secondary: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, -.popup-window .magento_buttons .ok_button:active, -.fade .actions .primary:active { - background-color: #35302c; -} -.abs-action-tertiary, -button.tertiary, -.ui-dialog .action-close, -.attribute-popup-actions .action-default.reset, -.popup-window .magento_buttons .cancel_button, -.fade .actions .cancel { - 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, -.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 { - 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, -.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 { - color: #007bdb; - text-decoration: underline; -} -.abs-action-quaternary, -.page-actions > button, -.page-actions .page-actions-buttons > button { - 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 { - 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 { - color: #231d1a; -} -.action-default, -button { - background: #e3e3e3; - border-color: #adadad; - color: #514943; -} -.action-default:hover, -button:hover { - 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.7; - 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; - box-shadow: 0 0 0 1px #007bdb; - color: #ffffff; - text-decoration: none; -} -.action-secondary:active { - background-color: #35302c; -} -.action-tertiary, -.action-quaternary { - 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 { - background-color: transparent; - border-color: transparent; - box-shadow: none; -} -.action-tertiary { - color: #007bdb; -} -.action-tertiary:active, -.action-tertiary:hover, -.action-tertiary:focus { - color: #007bdb; - text-decoration: underline; -} -.action-quaternary { - color: #41362f; -} -.action-quaternary:active, -.action-quaternary:hover, -.action-quaternary:focus { - color: #231d1a; -} -table.table { - color: #303030; -} -table.table > caption { - margin-bottom: .5rem; -} -table.table tfoot { - background: #f8f8f8; -} -table.table tfoot th, -table.table tfoot td { - text-align: left; -} -table.table th { - background: transparent; - border-bottom: 0.1rem solid #e3e3e3; - border-top: 0.1rem solid #e3e3e3; - font-weight: 700; - padding: 1rem 1.5rem; - text-align: left; -} -table.table td { - border-bottom: 0.1rem solid #e3e3e3; - padding: 1rem 1.5rem; - vertical-align: top; -} -table.table tbody td:first-child input[type='checkbox'] { - margin: 0; -} -table.table tbody tr:last-child td { - border-bottom-color: transparent; -} -.messages { - margin: 0 0 2rem; -} -.message { - 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 { - 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; - margin-top: -1.3rem; - position: absolute; - speak: none; - text-shadow: none; - top: 50%; - width: auto; -} -.message-notice:before { - color: #007bdb; - content: '\e61a'; -} -.message-warning:before { - color: #eb5202; - content: '\e623'; -} -.message-error { - background: #ffcccc; -} -.message-error:before { - color: #e22626; - content: '\e632'; - font-size: 1.5rem; - left: 2.2rem; - margin-top: -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; -} -.row { - margin-left: 0; - margin-right: 0; -} -.row:after { - content: ""; - display: table; - clear: both; -} -.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 { - position: relative; - min-height: 1px; - padding-left: 0; - padding-right: 0; -} -.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 .col-gutter { - padding-left: 1.5rem; - padding-right: 1.5rem; -} -.abs-icon, -.admin__menu .level-0 > a:before, -.admin__menu .submenu-close:before, -.admin-user-account: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 > button.action-back:before, -.page-actions .page-actions-buttons > button.action-back:before, -.admin__page-nav-title._collapsible:after, -.admin__page-nav-item-messages .admin__page-nav-item-message._error .admin__page-nav-item-message-icon, -.admin__page-nav-item-messages .admin__page-nav-item-message._changed .admin__page-nav-item-message-icon { - -webkit-font-smoothing: antialiased; - font-family: 'Admin Icons'; - line-height: 1; - font-style: normal; - font-weight: normal; - speak: none; -} -.validation-symbol:after, -table.table th.required:after { - content: '*'; - color: #e22626; - font-weight: 400; - margin-left: 3px; -} -.abs-visually-hidden, -.admin__control-fields .admin__field:nth-child(n+2):not(.admin__field-option) > .admin__field-label, -.dashboard-diagram-switcher .label { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.abs-clearfix:before, -.abs-clearfix:after, -.actions-split:before, -.actions-split: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, -.popup-window .magento_buttons:before, -.popup-window .magento_buttons:after, -.fade .popup-content:before, -.fade .popup-content:after, -.fade .actions:before, -.fade .actions:after, -.message-system-inner:before, -.message-system-inner:after, -.page-header-actions:before, -.page-header-actions:after, -.page-main-actions:before, -.page-main-actions: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 { - content: ""; - display: table; -} -.abs-clearfix:after, -.actions-split: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, -.popup-window .magento_buttons:after, -.fade .popup-content:after, -.fade .actions:after, -.message-system-inner:after, -.page-header-actions:after, -.page-main-actions:after, -.page-actions.fixed:after, -.dashboard-totals-list:after, -.dashboard-store-stats .ui-tabs:after { - clear: both; -} -.abs-clearer:after, -.admin__fieldset > .admin__field:after { - content: ""; - display: table; - clear: both; -} -.abs-list-reset-styles, -.dashboard-totals-list { - margin: 0; - padding: 0; - list-style: none none; -} -.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: -0.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 { - border-top: 1px solid #adadad; - margin-top: -1px; - padding: 2rem; -} -body { - background-color: #f5f5f5; -} -.page-wrapper { - background-color: #ffffff; - padding-left: 8.8rem; -} -.page-content { - padding-bottom: 3rem; - padding-left: 3rem; - padding-right: 3rem; -} -.notices-wrapper { - margin: 0 3rem; -} -.notices-wrapper .messages { - margin-bottom: 0; -} -.admin__control-text.hasDatepicker { - width: 15rem; -} -.admin__control-text + .ui-datepicker-trigger { - background-image: none; - background: none; - border: 0; - margin: 0; - padding: 0; - -moz-box-sizing: content-box; - box-shadow: none; - text-shadow: none; - line-height: inherit; - font-weight: 400; - text-decoration: none; - height: 3.3rem; - overflow: hidden; - vertical-align: top; - margin-left: -4rem; - display: inline-block; -} -.admin__control-text + .ui-datepicker-trigger:focus, -.admin__control-text + .ui-datepicker-trigger:active { - background: none; - border: none; -} -.admin__control-text + .ui-datepicker-trigger:hover { - background: none; - border: none; -} -.admin__control-text + .ui-datepicker-trigger.disabled, -.admin__control-text + .ui-datepicker-trigger[disabled], -fieldset[disabled] .admin__control-text + .ui-datepicker-trigger { - cursor: not-allowed; - pointer-events: none; - opacity: 0.5; -} -.admin__control-text + .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__control-text + .ui-datepicker-trigger:after { - font-family: 'icons-blank-theme'; - content: '\e612'; - font-size: 3.8rem; - line-height: 33px; - color: #514943; - overflow: hidden; - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; - display: inline-block; - vertical-align: middle; - text-align: center; -} -.admin__control-text + .ui-datepicker-trigger img { - display: none; -} -.ui-datepicker { - box-sizing: border-box; - display: none; - padding: 23px 20px; - width: auto; - z-index: 999999 !important; -} -.ui-datepicker:before { - background: #ffffff; - border: 1px solid #007dbd; - bottom: 3px; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); - 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; - position: absolute; - line-height: 3rem; - top: 0; -} -.ui-datepicker-prev span, -.ui-datepicker-next span { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.ui-datepicker-prev:before, -.ui-datepicker-next:before { - color: #514943; - font-size: 34px; - display: inline-block; -} -.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 { - margin: 0 2.3em; - line-height: 1.8em; - text-align: center; -} -.ui-datepicker .ui-datepicker-title select { - font-size: 1em; - margin: 1px 0; -} -.ui-datepicker select.ui-datepicker-month-year { - width: 100%; -} -.ui-datepicker table { - width: 100%; -} -.ui-datepicker table.ui-datepicker-calendar { - background: #FFFFFF; - border-collapse: collapse; - border: 0; - 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-weight: 700; - font-size: 12px; - 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: #fff; -} -.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 { - background: #fff; - border-radius: 1px; - border: 1px solid #adadad; - 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 { - width: 47%; - margin-right: 6%; -} -.ui-datepicker .ui-datepicker-title .ui-datepicker-year { - width: 47%; -} -.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { - text-align: center; - border: #cfcfcf 1px solid; -} -.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 { - position: absolute; - z-index: 2; - cursor: default; -} -.ui-slider-horizontal { - height: 10px; - -webkit-border-radius: 10px; - border-radius: 10px; - border: none; - background: #adadad; -} -.ui-slider-handle { - height: 10px; - width: 10px; - -webkit-border-radius: 10px; - border-radius: 10px; - background: #514943; - display: block; - position: absolute; -} -.ui-timepicker-div { - padding: 10px 0 5px 0; -} -.ui-datepicker-rtl { - direction: rtl; -} -.ui-datepicker-rtl .ui-datepicker-prev { - right: 2px; - left: auto; -} -.ui-datepicker-rtl .ui-datepicker-next { - left: 2px; - right: auto; -} -.ui-datepicker-rtl .ui-datepicker-prev:hover { - right: 1px; - left: auto; -} -.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-right-width: 0; - border-left-width: 1px; -} -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; -} -.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; -} -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ -.ui-datepicker-cover { - position: absolute; - /*must have*/ - z-index: -1; - /*must have*/ - filter: mask(); - /*must have*/ - top: -4px; - /*must have*/ - left: -4px; - /*must have*/ - width: 200px; - /*must have*/ - height: 200px; - /*must have*/ -} -.ui-dialog { - background: #ffffff; - min-width: 40%; - opacity: 0; - transform: scale(0.7); - transition: all 0.3s; - visibility: hidden; - width: 75%; -} -.ui-dialog.ui-dialog-active { - transform: scale(1); - opacity: 1; - visibility: visible; -} -.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 { - font-family: 'Admin Icons'; - content: '\e62f'; - font-size: 2rem; - line-height: inherit; - color: #736963; - overflow: hidden; - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; - display: inline-block; - vertical-align: middle; - 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 .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 { - position: absolute; - font-size: 0.1px; - display: block; -} -.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; - width: 100%; - top: -5px; - left: 0; -} -.ui-dialog .ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: 0; - left: 0; -} -.ui-dialog .ui-resizable-e { - cursor: e-resize; - width: 7px; - right: 0; - top: 0; - height: 100%; -} -.ui-dialog .ui-resizable-w { - cursor: w-resize; - width: 7px; - left: -7px; - top: 0; - height: 100%; -} -.ui-dialog .ui-resizable-se { - cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; -} -.ui-dialog .ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: -5px; - bottom: 0; -} -.ui-dialog .ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -5px; - top: -5px; -} -.ui-dialog .ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 9px; - right: 0; - top: -5px; -} -.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 { - padding-left: 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 { - border: none; - -moz-transform: none; - opacity: 1; - position: static; -} -.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; - padding: 3px; - width: 100px; - overflow: hidden; -} -.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-widget-overlay, -.overlay_magento, -.fade { - background: rgba(0, 0, 0, 0.35); - bottom: 0; - left: 0; - position: fixed; - right: 0; - top: 0; -} -.ui-popup-message .ui-dialog-titlebar { - background: #fffbbb; - font-size: 1.6rem; - font-weight: 700; - padding: 2rem 2rem 0; -} -.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; - padding: 0 2rem 2rem; -} -.ui-popup-message .ui-dialog-content .messages:last-child, -.ui-popup-message .ui-dialog-content .message:last-child { - margin-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 { - margin-left: -1rem; - display: inline-block; -} -.attribute-popup-actions { - background: #ffffff; - border-top: 1px solid #adadad; - bottom: 0; - left: 0; - padding: 3rem; - position: fixed; - right: 0; - top: auto !important; -} -.attribute-popup-actions.fixed { - background: #ffffff !important; - border-bottom: 0 !important; - left: 0 !important; - padding: 3rem !important; -} -.attribute-popup-actions.fixed .page-actions-buttons { - 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 { - 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_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; - top: 5rem; - text-align: left; - width: 75%; -} -.fade .popup-inner { - padding: 0; -} -.fade .popup-title { - background: #fffbbb; - font-size: 1.6rem; - font-weight: 700; - padding: 2rem 2rem 0; -} -.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 .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 { - font-size: 1.4rem; - float: right; - margin: 0 0 0 3rem; -} -.fade .actions .primary:hover { - box-shadow: none; -} -.fade .actions .cancel { - font-size: 1.4rem; -} -.fade .actions .cancel:hover { - box-shadow: none; -} -.login-header { - margin: 0 0 3rem; -} -.page-layout-admin-login { - align-items: center; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: #373330; - padding: 2rem 0 20rem; -} -.page-layout-admin-login .page-wrapper { - -webkit-flex-shrink: 0; - flex-shrink: 0; - -webkit-flex-grow: 0; - flex-grow: 0; - background-color: #ffffff; - border: 1px solid #e3e3e3; - box-shadow: 0 5px 30px 0 #000000; - margin: auto; - max-width: 45rem; - min-height: 30rem; - padding: 40px 80px 50px; - position: relative; - width: 100%; - z-index: 1; -} -.ie9 .page-layout-admin-login .page-wrapper { - margin-top: 10%; -} -.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 0.5rem; -} -.page-layout-admin-login .admin__field-info { - margin-bottom: 3rem; -} -.page-layout-admin-login .messages { - margin-top: -1rem; -} -.page-layout-admin-login .messages + form .admin__legend { - display: none; -} -.page-layout-admin-login .actions { - padding: 0 0 3rem; -} -.admin__control-dummy { - display: none; -} -.login-footer { - left: 0; - position: absolute; - top: 100%; - width: 100%; -} -.login-footer .copyright { - color: #989287; - font-size: 1rem; - font-weight: 400; - margin: 5rem 0 2rem; - text-align: center; -} -.login-footer .copyright .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; -} -.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.81s; - -moz-animation-delay: 0.81s; - -ms-animation-delay: 0.81s; - animation-delay: 0.81s; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); -} -.spinner > span:nth-child( 8) { - -webkit-animation-delay: 0.9; - -moz-animation-delay: 0.9; - -ms-animation-delay: 0.9; - animation-delay: 0.9; - -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; -} -.ie9 .spinner { - background: url('../images/ajax-loader.gif') no-repeat center; -} -.ie9 .spinner > span { - display: none; -} -.popup-loading { - position: fixed; - z-index: 1003; - width: 200px; - background: rgba(255, 255, 255, 0.8); - left: 50%; - top: 40%; - margin-left: -100px; - color: #d85909; - border-color: #d85909; - font-size: 14px; - font-weight: bold; - text-align: center; - padding: 100px 0 10px; -} -.popup-loading:after { - position: absolute; - left: 50%; - top: 40%; - background-image: url('../mui/images/ajax-loader-big.gif'); - width: 64px; - height: 64px; - margin: -32px 0 0 -32px; - content: ''; - z-index: 2; -} -.loading-old, -.loading-mask { - background: rgba(255, 255, 255, 0.4); - z-index: 999; -} -.loading-old, -.loading-mask { - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; -} -.loading-old .loader, -.loading-mask .loader { - position: absolute; - margin: auto; - left: 0; - top: 0; - right: 0; - bottom: 0; - width: 160px; - height: 160px; - color: #5e5b56; - font-size: 14px; - font-weight: bold; - text-align: center; - background: #e5e2dd url(../mui/images/ajax-loader-big.gif) no-repeat 50% 30%; - border-radius: 5px; - opacity: .95; -} -.loading-mask img { - display: none; -} -.loading-old p, -.loading-mask p { - margin-top: 118px; -} -.message-system-inner { - background: #fffbbb; -} -.message-system-inner .message-system-list { - float: left; - width: 75%; -} -.message-system-list { - list-style: none; - margin: 0; - padding: 0; -} -.message-system-short { - overflow: hidden; - text-align: right; -} -.message-system-short .message-system-short-label { - display: inline-block; - padding: 1.8rem 0.3rem 1.8rem 1rem; -} -.message-system-short .message { - display: inline-block; - padding: 1.8rem 2rem 1.8rem 3.3rem; -} -.message-system-short .message:before { - left: .3rem; -} -.menu-wrapper { - height: 100%; - left: 0; - position: fixed; - top: 0; - width: 8.8rem; - z-index: 700; -} -.menu-wrapper:after { - background-color: #373330; - bottom: 0; - content: ''; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 699; -} -.menu-wrapper .logo { - display: block; - height: 6.5rem; - margin-bottom: 1rem; - padding: 1.2rem 0; - position: relative; - text-align: center; - z-index: 700; -} -.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; -} -.admin__menu { - position: relative; -} -.admin__menu li { - display: block; -} -.admin__menu .level-0:first-child > a { - position: relative; -} -.admin__menu .level-0:first-child > a:after { - background-color: #736963; - content: ''; - display: block; - height: 1px; - left: 0; - margin-left: 16%; - position: absolute; - top: 0; - width: 68%; -} -.admin__menu .level-0:first-child._active > a:after { - display: none; -} -.admin__menu .level-0._active > a, -.admin__menu .level-0._hover > a, -.admin__menu .level-0:hover > a { - background-color: #524d49; - color: #f7f3eb; -} -.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-break: break-all; - z-index: 700; -} -.admin__menu .level-0 > a:focus { - box-shadow: none; -} -.admin__menu .level-0 > a:before { - content: '\e63a'; - display: block; - font-family: 'Admin Icons'; - font-size: 2.2rem; - height: 2.2rem; - margin-bottom: .3rem; -} -.admin__menu .level-0 > .submenu { - background-color: #524d49; - box-shadow: 0 0 3px #000000; - left: -90rem; - min-height: ~" calc(7.5rem + 2rem + 100%)"; - padding: 2rem 0 0; - position: absolute; - top: -7.5rem; - transition: all .5s ease; - visibility: hidden; - z-index: 698; -} -.admin__menu .level-0 > .submenu._show { - left: 100%; - visibility: visible; -} -.admin__menu .level-0._recent._hover .submenu { - left: 100%; - visibility: visible; -} -.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 .submenu li { - min-width: 23.8rem; -} -.admin__menu .submenu a { - color: #fcfcfc; -} -.keyfocus .admin__menu .submenu a { - text-decoration: none; -} -.admin__menu .submenu a:active, -.admin__menu .submenu a:focus { - box-shadow: none; -} -.keyfocus .admin__menu .submenu a:active, -.keyfocus .admin__menu .submenu a:focus { - background-color: #403934; -} -.admin__menu .submenu .parent { - margin-bottom: 4.5rem; -} -.admin__menu .submenu .parent > a, -.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 .submenu-close { - padding: 2.4rem 2.8rem; - position: absolute; - right: 0; - top: 0; -} -.admin__menu .submenu-close:active { - transform: scale(0.9); -} -.admin__menu .submenu-close:before { - color: #a79d95; - content: '\e62f'; - font-size: 1.7rem; - transition: color 0.1s linear; -} -.admin__menu .submenu-close:hover { - cursor: pointer; - text-decoration: none; -} -.admin__menu .submenu-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-overlay { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - z-index: 697; -} -.admin-user { - float: right; - line-height: 1.4; - margin-left: .3rem; - position: relative; - z-index: 390; -} -.admin-user.active .admin-user-account { - border-color: #007bdb; - box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); -} -.admin-user.active .admin-user-account-text-wrapper:after { - background-color: #ffffff; - content: ''; - height: 6px; - left: -6px; - position: absolute; - right: 0; - top: 100%; -} -.admin-user.active .admin-user-menu { - opacity: 1; - visibility: visible; -} -.admin-user-account { - padding-right: 2.8rem; - font-size: 1.3rem; - letter-spacing: .05em; - padding-bottom: 0.4rem; - padding-left: 4rem; - padding-top: 0.7rem; - z-index: 2; -} -.admin-user-account._active:after, -.admin-user-account.active:after { - transform: rotate(180deg); -} -.admin-user-account: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-account:after, -.active .admin-user-account:after { - transform: rotate(180deg); -} -.admin-user-account:hover:after { - border-color: #060504 transparent transparent transparent; -} -.admin-user-account:before { - content: '\e600'; - font-size: 2rem; - left: 1.1rem; - margin-top: -1.1rem; - position: absolute; - top: 50%; -} -.admin-user-account-text { - display: inline-block; - max-width: 11.2rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.admin-user-menu { - line-height: 1.4; - min-width: 20rem; - padding: 0.5em 1rem; - z-index: 1; -} -.admin-user-menu:before { - z-index: 1; -} -.admin-user-menu > li > a { - color: #41362f; - display: block; - padding: 0.6rem 1.8rem 0.6rem 0.5em; - text-decoration: none; - transition: background-color 0.1s linear; - white-space: nowrap; -} -.admin-user-menu > li > a:hover { - background-color: #e0f6fe; - color: #41362f; -} -.admin-user-menu > li > a:active { - background-color: #c7effd; - bottom: -1px; - position: relative; -} -.admin-user-menu .admin-user-name { - display: inline-block; - max-width: 20rem; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: text-top; - white-space: nowrap; -} -.search-global { - float: right; - margin-right: -0.3rem; - position: relative; - z-index: 380; -} -.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.4rem; - position: absolute; - right: 0; - text-indent: -100%; - top: 0; - width: 5rem; - z-index: 3; -} -.search-global-field .autocomplete-results { - height: 3.4rem; - 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; - padding: 0; - position: absolute; - right: 0; - top: 100%; - 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.8rem 1.4rem 0.6rem; -} -.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.4rem; - padding: 0.8rem 1.4rem 0.6rem; - 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 { - content: '\e60c'; - font-size: 2rem; -} -.search-global-input { - background-color: transparent; - border: 1px solid transparent; - font-size: 1.4rem; - height: 3.4rem; - padding: 0.8rem 1.4rem 0.6rem; - 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: 400; -} -.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; - content: ''; - height: 6px; - left: -6px; - position: absolute; - right: 0; - top: 100%; -} -.notifications-wrapper.active .notifications-list { - opacity: 1; - visibility: visible; -} -.notifications-action { - padding: 0.8rem 2rem 0.7rem; - z-index: 2; -} -.notifications-action:before { - content: '\e607'; - font-size: 1.9rem; -} -.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; - left: 50%; - margin-left: .3em; - margin-top: -1.1em; - padding: .3em .5em; - position: absolute; - top: 50%; -} -.notifications-list { - padding-top: 1rem; - width: 32rem; - z-index: 1; -} -.notifications-list:before { - z-index: 2; -} -.notifications-entry { - line-height: 1.4; - padding: 0.6rem 2rem 0.8rem; - position: relative; - transition: background-color 0.2s 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); -} -.abs-page-header-action, -.admin-user-account, -.notifications-action { - background-color: #ffffff; - border: 1px solid transparent; - border-bottom: none; - color: #41362f; - display: inline-block; - height: 3.4rem; - position: relative; - transition: border-color 0.15s ease; -} -.abs-page-header-action:hover, -.admin-user-account:hover, -.notifications-action:hover { - color: #060504; - text-decoration: none; -} -.abs-page-header-action-menu, -.admin-user-menu, -.notifications-list { - background-color: #ffffff; - border: 1px solid #007bdb; - box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); - margin-top: -1px; - opacity: 0; - position: absolute; - right: 0; - top: 100%; - transition: all 0.15s ease; - visibility: hidden; -} -.abs-page-header-action-menu:before, -.admin-user-menu:before, -.notifications-list:before { - content: ''; - position: absolute; -} -.abs-page-header-action-menu > li, -.admin-user-menu > li, -.notifications-list > li { - display: block; -} -.page-header-actions { - padding-top: 1.1rem; -} -.page-header-hgroup { - padding-right: 1.5rem; -} -.page-title-wrapper { - margin-top: 1.7rem; -} -.page-title { - color: #41362f; - font-size: 2.8rem; - margin-bottom: 0; -} -.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 2rem 6rem 3rem; -} -.page-footer a { - color: #ef672f; - text-decoration: underline; -} -.page-footer a:hover { - color: #ef672f; -} -.magento-version { - margin-bottom: .5rem; -} -.magento-version strong { - color: #666666; -} -.copyright { - margin-bottom: -0.2rem; - position: relative; -} -.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: -0.2rem; -} -.copyright .link-copyright:active:before { - transform: scale(0.9); -} -.footer-legal { - padding-top: 1rem; - text-align: right; -} -.locale-switcher .label { - display: block; - margin-bottom: 1rem; -} -.store-switcher { - color: #41362f; - float: left; - font-size: 1.3rem; - margin-top: 1.1rem; -} -.store-switcher .admin__action-dropdown { - 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 { - font-family: 'icons-blank-theme'; - content: '\e607'; - font-size: 22px; - line-height: 2; - color: #41362f; - overflow: hidden; - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; - display: inline-block; - vertical-align: top; - text-align: center; - margin: 0; -} -.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 { - font-family: 'icons-blank-theme'; - content: '\e618'; - font-size: 22px; - line-height: 2; - color: #41362f; - overflow: hidden; - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; - display: inline-block; - vertical-align: top; - text-align: center; - margin: 0; -} -.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; - box-sizing: border-box; - background: #ffffff; - border: 1px #ada89e solid; - position: absolute; - z-index: 100; - top: 100%; - min-width: 19.5rem; - margin-top: 4px; - display: none; - 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; - padding-top: .25em; -} -.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: #eee; - 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: #a6a098; - 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 { - color: #b3b0ad; - content: '\e02c'; - /* arrow down icon */ - -webkit-font-smoothing: antialiased; - 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: #333; - display: block; - font-size: 13px; - padding: 5px 15px 5px 24px; - text-decoration: none; -} -.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 span span, -.tooltip .help a span { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.tooltip .help a:hover { - text-decoration: none; -} -.tooltip .tooltip-content { - background: rgba(49, 48, 43, 0.8); - background: #000; - border-radius: 3px; - color: #fff; - 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 #000; - 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, -.page-actions.fixed { - background: #f8f8f8; - border-bottom: 1px solid #e3e3e3; - border-top: 1px solid #e3e3e3; - padding: 1.5rem; -} -.page-main-actions { - margin: 0 0 2rem; -} -.page-actions { - float: right; -} -.page-actions.fixed { - left: 8.8rem; - position: fixed; - right: 0; - top: 0; - z-index: 400; -} -.page-actions.fixed .page-actions-inner:before { - color: #41362f; - content: attr(data-title); - float: left; - font-size: 2.8rem; - margin-top: .3rem; - max-width: 50%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.page-actions > button, -.page-actions .page-actions-buttons > button { - float: right; - margin-left: 1.3rem; -} -.page-actions > button.back, -.page-actions .page-actions-buttons > button.back, -.page-actions > button.action-back, -.page-actions .page-actions-buttons > button.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 > button.action-back:before, -.page-actions .page-actions-buttons > button.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 > button.primary, -.page-actions .page-actions-buttons > button.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) { - -ms-flex-order: 1; - -webkit-order: 1; - order: 1; -} -.page-actions > button.delete, -.page-actions .page-actions-buttons > button.delete { - -ms-flex-order: -1; - -webkit-order: -1; - order: -1; -} -.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 { - float: right; - justify-content: flex-end; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.customer-index-edit .page-actions-buttons { - background-color: transparent; -} -.admin__page-nav { - 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: 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-item:last-child { - margin-bottom: 1.3rem; -} -.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 4rem 2rem 1rem; - transition: border-color 0.1s ease-out, background-color 0.1s ease-out; - word-break: break-all; -} -.admin__page-nav-link._changed .admin__page-nav-item-message._changed { - display: inline-block; -} -.admin__page-nav-link._error .admin__page-nav-item-message._error { - display: inline-block; -} -.admin__page-nav-item-messages { - display: inline-block; -} -.admin__page-nav-item-messages .admin__page-nav-item-message { - position: relative; -} -.admin__page-nav-item-messages .admin__page-nav-item-message:hover { - z-index: 500; -} -.admin__page-nav-item-messages .admin__page-nav-item-message:hover .admin__page-nav-item-message-tooltip { - display: block; -} -.admin__page-nav-item-messages .admin__page-nav-item-message._error, -.admin__page-nav-item-messages .admin__page-nav-item-message._changed { - display: none; -} -.admin__page-nav-item-messages .admin__page-nav-item-message._error .admin__page-nav-item-message-icon, -.admin__page-nav-item-messages .admin__page-nav-item-message._changed .admin__page-nav-item-message-icon { - display: inline-block; - font-size: 1.4rem; - padding-left: .8em; - vertical-align: top; -} -.admin__page-nav-item-messages .admin__page-nav-item-message._error .admin__page-nav-item-message-icon:after, -.admin__page-nav-item-messages .admin__page-nav-item-message._changed .admin__page-nav-item-message-icon:after { - color: #666666; - content: '\e631'; -} -.admin__page-nav-item-messages .admin__page-nav-item-message._error .admin__page-nav-item-message-icon:after { - color: #eb5202; - content: '\e623'; -} -.admin__page-nav-item-messages .admin__page-nav-item-message-loader { - display: none; - margin-top: -1rem; - position: absolute; - right: 0; - top: 50%; -} -.admin__page-nav-item-messages .admin__page-nav-item-message-loader .spinner { - font-size: 2rem; - margin-right: 1.5rem; -} -.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-weight: 400; - left: -1rem; - line-height: 1.4; - padding: 2rem; - 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; -} -.dashboard-data { - background: #ffffff; - font-size: 1.3rem; - width: 100%; -} -.dashboard-data th, -.dashboard-data td { - padding: 1rem 0 1rem 1rem; -} -.dashboard-data th:first-child, -.dashboard-data td:first-child { - padding-left: 0; -} -.table.dashboard-data 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_count { - 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-diagram-disabled { - padding: .5rem 2rem 2rem; -} -.dashboard-diagram-switcher { - margin-bottom: 2rem; -} -.dashboard-diagram-image { - max-width: 100%; -} -.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 { - 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: 6rem; -} -.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 { - 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; -} -.downloadable-form .col-price, -.downloadable-form .col-limit, -.downloadable-form .col-share, -.downloadable-form .col-sort { - width: 1%; -} -.downloadable-form .col-action { - width: 1px; -} -.downloadable-form td.col-limit { - white-space: nowrap; -} -.downloadable-form .admin__control-table .admin__control-text { - margin-bottom: .5rem; - min-width: 6rem; -} -.downloadable-form .files .row, -.downloadable-form .files-wide .row { - margin: .7rem 0; -} -.downloadable-form .files .row > .admin__control-text, -.downloadable-form .files-wide .row > .admin__control-text { - margin-top: .7rem; -} -.downloadable-form .files .uploader, -.downloadable-form .files-wide .uploader { - margin: .5rem 0; -} -.downloadable-form .files .fileinput-button, -.downloadable-form .files-wide .fileinput-button { - color: #007bdb; - cursor: pointer; - display: inline-block; - float: none; - margin: .5rem 0; - text-decoration: none; -} -.downloadable-form .files .fileinput-button:hover, -.downloadable-form .files-wide .fileinput-button:hover { - color: #007bdb; - text-decoration: underline; -} -.downloadable-form .action-remove { - background-image: none; - background: none; - border: 0; - margin: 0; - padding: 0; - -moz-box-sizing: content-box; - box-shadow: none; - text-shadow: none; - line-height: inherit; - font-weight: 400; - display: inline-block; - text-decoration: none; - margin-top: .5rem; -} -.downloadable-form .action-remove:focus, -.downloadable-form .action-remove:active { - background: none; - border: none; -} -.downloadable-form .action-remove:hover { - background: none; - border: none; -} -.downloadable-form .action-remove.disabled, -.downloadable-form .action-remove[disabled], -fieldset[disabled] .downloadable-form .action-remove { - cursor: not-allowed; - pointer-events: none; - opacity: 0.5; -} -.downloadable-form .action-remove > span { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.downloadable-form .action-remove:after { - font-family: 'Admin Icons'; - content: '\e630'; - font-size: 1.8rem; - line-height: 16px; - color: #41362f; - overflow: hidden; - speak: none; - font-weight: normal; - -webkit-font-smoothing: antialiased; - display: inline-block; - vertical-align: middle; - text-align: center; -} -@-moz-document url-prefix() { - .downloadable-form { - display: table-column; - } -} -@media all and (max-width: 1023px) { - .admin__menu .submenu li { - min-width: 19.8rem; - } -} -@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%; - } -} -@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%; - } -} -@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) { - .footer-legal { - padding-top: 3rem; - text-align: left; - } - .dashboard-totals-item { - float: left; - margin-bottom: 1rem; - width: 50%; - } -} diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_calendar-temp.less b/app/design/adminhtml/Magento/backend/web/css/source/_calendar-temp.less index b44e8820d1c991e8c60bc2e8df245827f3fad819..b3e383236f6489cf50abd9ae196b1b6184517df7 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_calendar-temp.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_calendar-temp.less @@ -125,6 +125,7 @@ .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; + min-width: 0; } .ui-datepicker select.ui-datepicker-month-year { diff --git a/app/design/adminhtml/Magento/backend/web/css/source/forms/_control-table.less b/app/design/adminhtml/Magento/backend/web/css/source/forms/_control-table.less index 50386e2ae44e46440fdb7fe4023e2efa3572e50b..0a5bda543853f0f2734bcf8fbb3934469ac02eb2 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/forms/_control-table.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/forms/_control-table.less @@ -31,6 +31,7 @@ border-bottom: 1px solid @color-white; padding: 1.3rem 2.5rem 1.3rem 0; text-align: left; + vertical-align: top; &:first-child { padding-left: 1.5rem; } diff --git a/app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less b/app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less index 60dc6ebbbdee467e2fa4774ce057ff3da867da86..00630bfc60cf2bf0a74895178b5f9ab442436475 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less @@ -33,23 +33,6 @@ margin-left: @temp_gutter; } } -// -//.page-layout-admin-2columns-left { -// .page-columns { -// #mix-grid .row(); -// margin-top: 50px; -// width: auto; -// -// .main-col { -// #mix-grid .width(9); -// float: right; -// } -// -// .side-col { -// #mix-grid .column(9); -// } -// } -//} // // Admin section wrapper title @todo ui - find the right place @@ -63,23 +46,92 @@ } } -// @todo ui Move to other place: +// @todo ui Move to other place - will be done in upcoming task "Address Tabs": +.ui-tabs { + margin-bottom: 5rem; +} .address-item-edit-content { + background: #fff; + border: 1px solid #dad1c8; + box-shadow: 0 2px 1px 0 rgba(217, 210, 202, .5); + margin-left: 359px; + max-width: 500px; padding: 15px 30px; .admin__field { .extend__field-rows(); } + .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 { - margin-bottom: 30px; + background: #F1F1F1; + border: 1px solid #d9d2ca; + cursor: pointer; + margin-bottom: -1px; + padding: 10px 10px 15px; + position: relative; + z-index: 1; + &.ui-state-active { + background: #fff; + 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: #fff; + 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: #d9d2ca; + right: -11px; + z-index: 1; + } + } + } + address:first-line { + /* its not work if First Name and Last Name in two lines */ + font-weight: bold; + } + address { + font-style: normal; + line-height: 1.5; + margin: 0 20px 15px 0; + } + .address-list-actions { + background: none; + border: 0; + box-shadow: none; + cursor: default; + padding: 20px 0 0; } .action-delete { .button-reset(); @@ -127,14 +179,6 @@ } } -.address-item-edit { - margin-left: 359px; - .admin__legend { - display: none; - } - max-width: 500px; -} - // // Login page form errors @todo ui - remove after validation consistency // _____________________________________________ @@ -188,3 +232,8 @@ } } +// +// Selectbox in calendar @todo ui - Remove after default select styles set +// _____________________________________________ + +.ui-datepicker .ui-datepicker-title select:extend(.admin__control-select all) {}; diff --git a/app/design/adminhtml/Magento/backend/web/css/styles-migration.less b/app/design/adminhtml/Magento/backend/web/css/styles-migration.less deleted file mode 100644 index dcaf28c54634328f04736268f3a2b9d903881d10..0000000000000000000000000000000000000000 --- a/app/design/adminhtml/Magento/backend/web/css/styles-migration.less +++ /dev/null @@ -1,32 +0,0 @@ -// /** -// * Copyright © 2015 Magento. All rights reserved. -// * See COPYING.txt for license details. -// */ - -// -// Temporary migration overrides -// _____________________________________________ - -@import (reference) 'override.less'; - -.ie9 #html-body[class][data-container="body"] .admin__scope:extend(.ie9 all) {} -#html-body[class][data-container="body"].keyfocus:extend(.keyfocus all) {} - -@import (multiple) 'override.less'; - - -// ToDo UI: Hidding menu (should be fixed in layouts) -.attribute-popup { - .page-wrapper { - margin-left: 0; - } - .menu-wrapper, - .page-header-hgroup, - .page-header-actions { - display: none; - } -} - -// ToDo UI: Temporary. Should be changed -@import 'source/_calendar-temp.less'; -@import 'source/_tooltip-temp.less'; diff --git a/app/design/adminhtml/Magento/backend/web/css/styles-old.less b/app/design/adminhtml/Magento/backend/web/css/styles-old.less index acf7e278e1f7560f0c637e233a96d17a644a1721..36a03f4771e8c20e9cad1a9f23afa6a256cb4cfc 100644 --- a/app/design/adminhtml/Magento/backend/web/css/styles-old.less +++ b/app/design/adminhtml/Magento/backend/web/css/styles-old.less @@ -2369,130 +2369,6 @@ float: left; } - .address-list li { - border: 1px solid #d9d2ca; - background: #f7f2ec; - padding: 10px 10px 15px; - cursor: pointer; - margin-bottom: -1px; - } - - .address-list li.ui-state-active { - background: #fff; - position: relative; - box-shadow: 0 1px 1px 0 rgba(217, 210, 202, 1); - margin-left: -2px; - padding-left: 12px; - } - - .address-list li.ui-state-active:before, - .address-list li.ui-state-active:after { - position: absolute; - font-family: 'MUI-Icons'; - font-style: normal; - font-weight: normal; - font-size: 18px; - color: #fff; - content: "\e02a"; - speak: none; - line-height: 11px; - width: 10px; - right: -9px; - text-indent: -6px; - top: 50%; - margin-top: -5px; - z-index: 2; - } - - .address-list li.ui-state-active:before { - color: #d9d2ca; - right: -11px; - z-index: 1; - } - - .address-list li.address-list-actions:before, - .address-list li.address-list-actions:after { - display: none; - } - - .address-list li.address-list-actions { - padding: 20px 0 0; - border: 0; - background: none; - box-shadow: none; - cursor: default; - } - - .address-list li.address-list-actions:first-child { - padding: 0; - } - - .address-list .label { - float: none; - width: auto; - padding: 0 0 0 10px; - } - - .address-list input[type="checkbox"] { - float: left; - } - - .address-list address:first-line { - /* its not work if First Name and Last Name in two lines */ - font-weight: bold; - } - - .address-list address { - margin: 0 20px 15px 0; - line-height: 1.5; - } - - .address-list-item-actions { - float: right; - } - - .address-list .action-edit { - display: none; - } - - .address-list .field { - margin-bottom: 15px; - } - - .ui-tabs-nav .address-list-item a { - text-decoration: none; - color: #676056; - } - - .address-item-edit { - margin-left: 277px; - } - - .address-item-edit-content { - border: 1px solid #dad1c8; - background: #fff; - box-shadow: 0 2px 1px 0 rgba(217, 210, 202, .5); - padding-left: 10px; - } - - .address-item-edit-content .fieldset:last-child { - margin-bottom: 29px; - } - - .address-item-edit .legend { - border-bottom: 0; - margin: 0 0 18px; - padding-left: 20%; - } - - .address-item-edit .legend span { - padding-left: 0; - } - - .address-item-edit-actions { - padding: 0 0 18px 20%; - } - /* Configuration -> Design -------------------------------------- */ @@ -2742,13 +2618,6 @@ System - Tax --------------------------------------*/ - .tax-rate-popup .form-inline .field { - position: static; - &.required .label { - position: relative; - z-index: 1; - } - } .mselect-hidden + .mage-error { position: absolute; @@ -5867,3 +5736,84 @@ } } } + + +// +// Login page captcha reload @todo ui - remove after loader consistency +// _____________________________________________ + +// Tax popup +.tax-rate-popup .form-inline .field { + position: static; + &.required .label { + position: relative; + z-index: 1; + } +} + +// Product tabs +.ui-tabs-panel { + .main-col & { + padding-left: 0; + padding-right: 0; + } + .accordion { + margin: 0 0 8px; + padding: 0; + > dt { + background: #fff; + padding: 5px 18px 2px; + position: relative; + + dd { + display: none; + &.open { + padding: 25px 18px 18px; + display: block; + margin-left: 0; + border-top: 0; + border-radius: 0 0 5px 5px; + } + } + &.open { + margin: 0; + border-bottom: 0; + border-radius: 5px 5px 0 0; + a { + &:before { + content: '\e02c'; /* arrow down icon */ + } + } + } + a { + .style10(); + display: block; + padding: 7px 0 10px 22px; + text-decoration: none; + position: relative; + cursor: pointer; + border-bottom: 1px solid #cac3b4; + i { + .style31(); + } + &:before { + position: absolute; + left: 0; + top: 11px; + font-family: 'MUI-Icons'; + font-style: normal; + speak: none; + font-size: 16px; + font-weight: normal; + -webkit-font-smoothing: antialiased; + content: '\e02a'; /* arrow right icon */ + color: #b2b0ad; + } + &:hover { + &:before { + color: #7e7e7e; + } + } + } + } + } +} diff --git a/app/design/adminhtml/Magento/backend/web/css/styles.less b/app/design/adminhtml/Magento/backend/web/css/styles.less index 47e26fc2cc41ebcecee31e66643bdc82fec0e6cf..8dd4b33e652344d3659f06bb472e4a0fb7771ecc 100644 --- a/app/design/adminhtml/Magento/backend/web/css/styles.less +++ b/app/design/adminhtml/Magento/backend/web/css/styles.less @@ -21,6 +21,27 @@ //@magento_import "source/_module.less"; // import theme styles + +// +// Temporary +// --------------------------------------------- + +// ToDo UI: Hidding menu (should be fixed in layouts) +.attribute-popup { + .page-wrapper { + margin-left: 0; + } + .menu-wrapper, + .page-header-hgroup, + .page-header-actions { + display: none; + } +} + +// ToDo UI: Temporary. Should be changed +@import 'source/_calendar-temp.less'; +@import 'source/_tooltip-temp.less'; + // // Media queries collector // --------------------------------------------- diff --git a/dev/tools/grunt/configs/clean.js b/dev/tools/grunt/configs/clean.js index 7ac0a11703c34aaf5b2d4d350dfd290b35dd5e5c..9e568e0198f82c8790b299017d50631d6b8ed3d4 100644 --- a/dev/tools/grunt/configs/clean.js +++ b/dev/tools/grunt/configs/clean.js @@ -19,9 +19,9 @@ _.each(themes, function(theme, name) { "dot": true, "src": [ "<%= path.tmp %>/cache/**/*", - "<%= combo.autopath(\""+name+"\", \"pub\") %>**/*", - "<%= combo.autopath(\""+name+"\", \"tmpLess\") %>**/*", - "<%= combo.autopath(\""+name+"\", \"tmpSource\") %>**/*" + "<%= combo.autopath(\""+name+"\", path.pub ) %>**/*", + "<%= combo.autopath(\""+name+"\", path.tmpLess) %>**/*", + "<%= combo.autopath(\""+name+"\", path.tmpSource) %>**/*" ] } ] diff --git a/dev/tools/grunt/configs/combo.js b/dev/tools/grunt/configs/combo.js index 185d8ef931311af1e071786b9cf6521a42ebe51e..1ead93cb6265474399e612d02bad98cfbdaaee5b 100644 --- a/dev/tools/grunt/configs/combo.js +++ b/dev/tools/grunt/configs/combo.js @@ -26,8 +26,8 @@ module.exports = { return command; }, - autopath: function (themeName) { - return path.pub + + autopath: function (themeName, folder) { + return folder + theme[themeName].area + '/' + theme[themeName].name + '/' + theme[themeName].locale + '/'; diff --git a/dev/tools/grunt/configs/less.js b/dev/tools/grunt/configs/less.js index 6f3e6186c214c15fc3d8405fb9c76cad9fbb6b06..fe0c284c410838840376c63971ed0e30971a89d3 100644 --- a/dev/tools/grunt/configs/less.js +++ b/dev/tools/grunt/configs/less.js @@ -28,11 +28,6 @@ var lessOptions = { backend: { files: combo.lessFiles('backend') }, - override: { - files: { - '<%= combo.autopath("backend","pub") %>css/styles-migration.css': '<%= combo.autopath("backend","pub") %>css/styles-migration.less' - } - }, blank: { files: combo.lessFiles('blank') }, diff --git a/dev/tools/grunt/configs/replace.js b/dev/tools/grunt/configs/replace.js deleted file mode 100644 index 704683f691c36ec8f5189b26feef77009bd0e57e..0000000000000000000000000000000000000000 --- a/dev/tools/grunt/configs/replace.js +++ /dev/null @@ -1,23 +0,0 @@ -/** - * Copyright © 2015 Magento. All rights reserved. - * See COPYING.txt for license details. - */ - -'use strict'; - -/** - * Replace task for backend migration - */ -module.exports = { - escapeCalc: { - src: ['<%= combo.autopath("backend","pub") %>/css/styles.css'], // source files array (supports minimatch) - dest: '<%= combo.autopath("backend","pub") %>/css/override.less', // destination directory or file - replacements: [{ - from: /:(.*calc.*);/g, // regex replacement ('Fooo' to 'Mooo') - to: ': ~"$1";' - }, { - from: /\/\*# sourc.*/g, // regex replacement ('Fooo' to 'Mooo') - to: '' - }] - } -}; diff --git a/dev/tools/grunt/configs/themes.js b/dev/tools/grunt/configs/themes.js index dd43ca186524d7377334b1d341cc6c5bdc93db35..3f7a1d140afd018b52bb3247d3d5c0d43a6f4050 100644 --- a/dev/tools/grunt/configs/themes.js +++ b/dev/tools/grunt/configs/themes.js @@ -45,8 +45,7 @@ module.exports = { locale: 'en_US', files: [ 'css/styles-old', - 'css/styles', - 'css/styles-migration' + 'css/styles' ], dsl: 'less' } diff --git a/dev/tools/grunt/configs/watch.js b/dev/tools/grunt/configs/watch.js index ffe0fcc097e5216278f9c12f81455b7d63001ce9..10fd9b3d22a0f13f4f49f4a113131415137971ce 100644 --- a/dev/tools/grunt/configs/watch.js +++ b/dev/tools/grunt/configs/watch.js @@ -30,15 +30,6 @@ var watchOptions = { "options": { livereload: true } - }, - "backendMigration": { - "files": [ - "<%= combo.autopath(\"backend\",\"pub\") %>/css/styles.css" - ], - "tasks": [ - "replace:escapeCalc", - "less:override" - ] } }; diff --git a/lib/web/mage/backend/tabs.js b/lib/web/mage/backend/tabs.js index 1c441804d88bde5dd1e96ec779056af8be64f8a2..68187d0aed04d5f6a8047a687e89ef2e78889ee4 100644 --- a/lib/web/mage/backend/tabs.js +++ b/lib/web/mage/backend/tabs.js @@ -20,7 +20,9 @@ $.widget('mage.tabs', $.ui.tabs, { options: { spinner: false, - groups: null + groups: null, + tabPanelClass: '', + excludedPanel: '' }, /** @@ -179,6 +181,9 @@ "aria-labelledby": anchorId }); panel.attr("aria-labelledby", anchorId); + if (that.options.excludedPanel.indexOf(anchorId+'_content') < 0) { + panel.addClass(that.options.tabPanelClass); + }; }); this.panels