Files
drmaterac.pl/modules/ps_mbo/views/css/recommended-modules-lower-1.7.8.css
2025-03-21 20:24:43 +01:00

314 lines
8.7 KiB
CSS

/**
* Copyright since 2007 PrestaShop SA and Contributors
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 3.0
* that is bundled with this package in the file LICENSE.md.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* @author PrestaShop SA and Contributors <contact@prestashop.com>
* @copyright Since 2007 PrestaShop SA and Contributors
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/
#main #content #recommended-modules-container .modules_list_container_tab .alert-addons,
#main #content #modules_list_container #modules_list_container_tab_modal .alert-addons,
#main-div #recommended-modules-container .alert-addons,
#main-div #modules_list_container_tab_modal .alert-addons {
border: none;
background-color:#F4FCFD ;
font-size: 14px;
line-height: 19px;
display: flex;
justify-content: center;
align-items: center;
text-decoration-line: underline;
color: #6c868e;
}
#main #content #recommended-modules-container .modules_list_container_tab .alert-addons::before,
#main #content #modules_list_container #modules_list_container_tab_modal .alert-addons::before{
display:none;
}
#main #content #recommended-modules-container .modules_list_container_tab .alert-addons .alert-text .material-icons,
#main #content .panel #modules_list_container #modules_list_container_tab .alert-addons .alert-text .material-icons,
#main #content #modules_list_container #modules_list_container_tab_modal .alert-addons .material-icons,
#main-div #recommended-modules-container .alert-addons .material-icons,
#main-div #modules_list_container_tab_modal .alert-addons .material-icons {
color: #25b9d7;
margin-left: 5px;
font-size: medium;
}
#main-div #modules_list_container_content .img-thumbnail {
max-width: 56px;
width: 56px;
}
#content .nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item.active .nav-link.active {
border-bottom: 3px solid #25b9d7 !important;
border-top: none !important;
margin-bottom: 10px;
}
.nav-tabs .nav-link.active,
.div-content .bootstrap .nav-tabs .nav-link ,
#content.bootstrap .nav-tabs .nav-item.active .nav-link.active,
#content.bootstrap .nav-tabs .nav-item.active .nav-link {
border-bottom: 3px solid #25b9d7 !important;;
border-left: none ;
border-right: none;
border-top: none!important;
}
#content.bootstrap .nav-tabs .nav-item .nav-link.active {
border-bottom: none !important;
}
#content.bootstrap #modules_list_container_content .img-thumbnail {
max-width: 56px;
width: 56px;
}
#content.bootstrap #modules_list_container_content .btn {
border-radius: 0;
}
#content.bootstrap #modules_list_container_content .btn-block {
padding-left: 8px;
padding-right: 8px;
}
#content.bootstrap #modules_list_container_content .btn-group {
display: inline-flex;
}
#content.bootstrap #modules_list_container_content .dropdown-item {
display: block;
width: 100%;
padding: 5px;
clear: both;
font-weight: 400;
color: #6c868e;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
#content.bootstrap #modules_list_container_content .dropdown-item:focus,
#content.bootstrap #modules_list_container_content .dropdown-item:hover {
color: #25b9d7;
text-decoration: none;
background-color: #fff;
}
#content.bootstrap #modules_list_container_content button.spinner {
color: #fff;
background-color: #fff;
width: 40px;
width: 2.5rem;
height: 40px;
height: 2.5rem;
border-radius: 2.5rem;
border-right-color: #25b9d7;
border-bottom-color: #25b9d7;
border-width: 3px;
border-width: 0.1875rem;
border-style: solid;
font-size: 0;
outline: none;
display: inline-block;
border-left-color: #bbcdd2;
border-top-color: #bbcdd2;
animation: rotating 2s linear infinite;
}
#content.bootstrap #tab_modules_list_installed > tbody > tr > td:nth-child(2),
#content.bootstrap
#tab_modules_list_not_installed
> tbody
> tr
> td:nth-child(2) {
width: 90%;
}
#content.bootstrap .card {
position: relative;
display: block;
background-color: #fff;
border: 1px solid #dbe6e9;
border-radius: 5px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06);
}
#content.bootstrap .card-body {
padding: 20px;
}
#content.bootstrap .card-body .img-responsive {
display: inline;
max-width: 100%;
}
#content.bootstrap .mt-3 {
margin-top: 15px;
}
.bootstrap
.page-head
.toolbarBox
.btn-toolbar {
color: #fff;
background-color: #6c868e;
border-color: #6c868e;
-webkit-box-shadow: none;
box-shadow: none;
display: flex;
align-items: center;
}
#main #content .bootstrap .toolbarBox .btn-toolbar{
background-color: transparent;
}
#main #content .bootstrap .toolbarBox #toolbar-nav #recommended-modules-button-container #recommended-modules-button i{
height: 30px;
width: 30px;
color: #2eacce;
}
.bootstrap
.page-head
.toolbarBox
.btn-toolbar
.toolbar_btn.mbo-modules-recommended-button
i {
display: inline-block;
color: #fff;
margin-right: 5px;
}
.recommended-modal-description {
margin-bottom: 30px;
margin-bottom: 10px;
font-size: 14px;
line-height: 19px;
}
.recommended-modal-content-description {
font-size: 14px;
line-height: 19px;
margin-left: 10px;
margin-top: 10px;
}
.panel#recommended-modules-container .recommended-modal-content-description {
margin-left: 0px;
}
.iconButtonRecommanded{
margin-right: 20px;
}
#main-div .content-div #recommended-modules-container .card-block .alert-addons .alert-text a ,
#main #content #recommended-modules-container .modules_list_container_tab .alert-addons .alert-text a,
#main #content #modules_list_container #modules_list_container_tab_modal .alert-addons .alert-text a,
#main-div #modules_list_container .modal-dialog #modules_list_container_tab_modal .alert-addons .alert-text a {
color: #363A41 !important;
font-weight: 600;
}
/* hover button */
.module-actions .btn-outlined-secondary:hover,
.btn-outline-secondary:hover,
.btn-secondary:hover {
color: #fff !important;
background-color: #b7ced3 !important ;
border-color: #b7ced3 !important;
border-radius: 5px !important;
}
.bootstrap .nav-tabs>li>a:hover:hover{
border: none !important;
}
#tab_modules_list_not_installed .btn-outline-primary,
.module-actions .btn-secondary{
color: #fff;
background-color: #6c868e ;
border-color: #6c868e ;
border-radius: 5px !important;
height: 35px !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.module-actions .btn-outlined-secondary{
color: #6c868e;
background-color: transparent ;
border-color: #6c868e ;
border-radius: 5px !important;
}
/* dropdown button */
#main-div #recommended-modules-container #modules_list_container_content .module-actions .dropdown-toggle,
#main #content #recommended-modules-container #modules_list_container_content .module-actions .dropdown-toggle,
#modules_list_container #modules_list_container_content .module-actions .dropdown-toggle,
#main-div #modules_list_container #modules_list_container_content .module-actions .dropdown-toggle{
color: #6c868e ;
background-color: transparent;
background-image: none;
border-color: #6c868e ;
margin-left: 15px;
border-radius: 5px;
}
#main #content #modules_list_container_tab_modal #modules_list_container_content .module-actions .dropdown-toggle,
#main #content #recommended-modules-container #modules_list_container_content .module-actions .dropdown-toggle{
border-left:1px solid ;
}
#main-div #modules_list_container #modules_list_container_content .module-actions .module_action_menu_go_to_addons {
color: #6c868e ;
background-color: transparent;
background-image: none;
border-color: #6c868e;
border-radius: 5px ;
}
.module-actions .module_action_menu_go_to_addons {
display: flex !important;
align-items: center;
justify-content: center;
}
#modules_list_container_content .module-actions .spacing-icone-p {
margin: 5px 0px 5px 5px !important;
font-weight: 600;
font-size: 14px;
text-align: center;
}
.module-actions .btn-outlined-secondary {
height: 35px;
}
.module-actions .material-icons {
font-size: 20px;
}
#modules_list_container_content .module-quick-action-list {
width: 150px;
text-align: right;
}
@media (min-width: 768px) {
#content.bootstrap #modules_list_container .modal-dialog {
width: 680px;
}
}