%PDF- %PDF-
Direktori : /var/www/projetos/suporte.iigd.com.br/css_compiled/ |
Current File : /var/www/projetos/suporte.iigd.com.br/css_compiled/css_standalone_marketplace.min.css |
/*! * --------------------------------------------------------------------- * * GLPI - Gestionnaire Libre de Parc Informatique * * http://glpi-project.org * * @copyright 2015-2024 Teclib' and contributors. * @copyright 2003-2014 by the INDEPNET Development Team. * @licence https://www.gnu.org/licenses/gpl-3.0.html * * --------------------------------------------------------------------- * * LICENSE * * This file is part of GLPI. * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see <https://www.gnu.org/licenses/>. * * --------------------------------------------------------------------- */ .marketplace { text-align: left; display: flex; padding: 10px; margin: 0 -10px; } @media screen and (max-width: 900px) { .marketplace { display: block; } } .marketplace .left-panel { width: 150px; } @media screen and (max-width: 900px) { .marketplace .left-panel { width: initial; } } .marketplace .left-panel .plugins-tags { vertical-align: top; display: inline-block; width: 100%; font-size: 1.1em; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 900px) { .marketplace .left-panel .plugins-tags { display: flex; flex-wrap: wrap; margin: 0 0 10px 10px; } } .marketplace .left-panel .plugins-tags .tag { border-radius: 3px; border: 1px solid rgba(100, 100, 100, 0.2); padding: 5px; margin: 0 3px 3px 0; text-align: center; cursor: pointer; } .marketplace .left-panel .plugins-tags .tag:hover { background: rgba(100, 100, 100, 0.5); } .marketplace .left-panel .plugins-tags .tag.active { background: rgba(100, 100, 100, 0.5); color: #fff; border-color: transparent; } .marketplace .right-panel { padding-left: 5px; width: 100%; } .left-panel + .marketplace .right-panel { width: calc(100% - 150px); } .marketplace .right-panel .top-panel { display: flex; } .marketplace .right-panel .top-panel .filter-list { flex: 1; margin: 0 8px 5px 5px; height: 25px; } .marketplace .right-panel .top-panel .controls { width: 170px; } .marketplace .right-panel .top-panel .controls .select2 .select2-selection.select2-selection--single { height: 25px; text-overflow: clip; text-overflow: unset; padding-left: 0; } .marketplace .right-panel .top-panel .controls .select2 .select2-selection.select2-selection--single::before { content: ""; } .marketplace .right-panel .top-panel .controls i { vertical-align: middle; cursor: pointer; } .marketplace .right-panel .plugins { display: flex; flex-wrap: wrap; position: relative; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 900px) { .marketplace .right-panel .plugins { flex-direction: column; } } .marketplace .right-panel .plugins .loading-plugins { position: absolute; top: 0; bottom: 0; left: 0; right: 0; backdrop-filter: blur(2px); background-color: rgba(0, 0, 0, 0.5); } .marketplace .right-panel .plugins .loading-plugins i.fas, .marketplace .right-panel .plugins .loading-plugins i.fa-solid { position: absolute; top: 50%; left: calc(50% - 1.5rem); color: white; font-size: 3rem; } .marketplace .right-panel .plugins .warning { flex-basis: 100%; } .marketplace .right-panel .plugins .plugin { width: calc(25% - 10px); margin: calc(10px / 2); margin-bottom: 10px; border-radius: 2px; background-color: rgba(100, 100, 100, 0.03); border: 1px solid rgba(100, 100, 100, 0.3); display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; } @media screen and (max-width: 1400px) { .marketplace .right-panel .plugins .plugin { width: calc(33% - 10px); } } @media screen and (max-width: 1080px) { .marketplace .right-panel .plugins .plugin { width: calc(50% - 10px); } } @media screen and (max-width: 900px) { .marketplace .right-panel .plugins .plugin { width: calc(100% - 10px); } } .marketplace .right-panel .plugins .plugin .main { display: flex; padding-bottom: 5px; } .marketplace .right-panel .plugins .plugin .main .icon { flex-shrink: 0; padding: 5px; width: 70px; } .marketplace .right-panel .plugins .plugin .main .icon img { object-fit: contain; max-width: 50px; max-height: 50px; margin: 2px 10px; } .marketplace .right-panel .plugins .plugin .main .icon .icon-text { display: block; margin: 2px 10px; text-align: center; width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; font-weight: bold; text-transform: uppercase; } .marketplace .right-panel .plugins .plugin .main .details { padding: 5px 10px; } .marketplace .right-panel .plugins .plugin .main .details .title { margin: 2px 0 5px; font-size: 1.25em; } .marketplace .right-panel .plugins .plugin .main .details .offers .badge.glpi-network { background-color: #ffd45f; color: #352804; } .marketplace .right-panel .plugins .plugin .main .details .offers .badge i { margin: 1px 3px 0 0; vertical-align: top; } .marketplace .right-panel .plugins .plugin .main .details .description { margin: 5px 0; } .marketplace .right-panel .plugins .plugin .main .buttons { width: 39px; padding: 5px; margin-left: auto; } .marketplace .right-panel .plugins .plugin .main .buttons button { background-color: rgba(100, 100, 100, 0.1); border: 1px solid rgba(100, 100, 100, 0.4); border-radius: 2px; cursor: pointer; width: 28px; padding: 3px 5px; margin: 1px; } .marketplace .right-panel .plugins .plugin .main .buttons button:hover { background-color: rgba(100, 100, 100, 0.2); } .marketplace .right-panel .plugins .plugin .main .buttons button i { color: #666; } .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="disable_plugin"] i { color: #6ebb43; } .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="download_plugin"]:hover, .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="install_plugin"]:hover, .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="enable_plugin"]:hover { background-color: #e2f7e2; border-color: #5b965b; } .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="download_plugin"]:hover i, .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="install_plugin"]:hover i, .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="enable_plugin"]:hover i { color: #4a794a; } .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="uninstall_plugin"]:hover, .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="disable_plugin"]:hover { background-color: #f5c7c7; border-color: #be5353; } .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="uninstall_plugin"]:hover i, .marketplace .right-panel .plugins .plugin .main .buttons button[data-action="disable_plugin"]:hover i { color: #693c3c; } .marketplace .right-panel .plugins .plugin .main .buttons button.download_manually, .marketplace .right-panel .plugins .plugin .main .buttons button.need_offers { background-color: #fdf0d7; border-color: #ddbc7d; } .marketplace .right-panel .plugins .plugin .main .buttons button.download_manually i, .marketplace .right-panel .plugins .plugin .main .buttons button.need_offers i { color: #8f5a0a; } .marketplace .right-panel .plugins .plugin .main .buttons button.download_manually:hover, .marketplace .right-panel .plugins .plugin .main .buttons button.need_offers:hover { background-color: #fde3b3; border-color: #615236; } .marketplace .right-panel .plugins .plugin .main .buttons button.download_manually:hover i, .marketplace .right-panel .plugins .plugin .main .buttons button.need_offers:hover i { color: #615236; } .marketplace .right-panel .plugins .plugin .main .buttons progress { appearance: none; border: none; width: 25px; height: 5px; } .marketplace .right-panel .plugins .plugin .main .buttons progress::-webkit-progress-bar { background: transparent; border: 1px solid #c2c2c2; } .marketplace .right-panel .plugins .plugin .main .buttons > .ti-alert-triangle { color: #8f5a0a; margin: 1px; padding: 3px 5px; } .marketplace .right-panel .plugins .plugin .main .buttons > .ti-alert-triangle.plugin-error { color: red; } .marketplace .right-panel .plugins .plugin .footer { background-color: rgba(0, 0, 0, 0.03); display: flex; align-items: stretch; justify-content: space-between; padding: 5px; color: #666; margin: 0; border: 0; } .marketplace .right-panel .plugins .plugin .footer .misc-left .note { width: 85px; } .marketplace .right-panel .plugins .plugin .footer .misc-left .note i.fas, .marketplace .right-panel .plugins .plugin .footer .misc-left .note i.fa-solid, .marketplace .right-panel .plugins .plugin .footer .misc-left .note i.far, .marketplace .right-panel .plugins .plugin .footer .misc-left .note i.fa-regular { color: #fb0; } .marketplace .right-panel .plugins .plugin .footer .misc-left .links a i { color: #999; } .marketplace .right-panel .plugins .plugin .footer .misc-left .links a i:hover { color: #000; } .marketplace .right-panel .plugins .plugin .footer .misc-right { width: calc(100% - 85px); text-align: left; } .marketplace .right-panel .plugins .plugin .footer .misc-right i { margin-right: 5px; } .marketplace .right-panel .plugins .plugin .footer .misc-right .authors { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .marketplace .right-panel .plugins .plugin .misc-right i { margin-right: 5px; } .marketplace .right-panel .plugins .plugin .misc-right .authors { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .marketplace .right-panel .plugins .plugin .misc-right .license a, .marketplace .right-panel .plugins .plugin .misc-right .authors a { font-size: 12px; } .marketplace .right-panel .pagination { width: 100%; display: flex; justify-content: center; } .marketplace .right-panel .pagination li { padding: 8px 16px; transition: background-color 0.1s; border: 1px solid rgba(100, 100, 100, 0.2); } .marketplace .right-panel .pagination li.current { background-color: rgba(100, 100, 100, 0.5); border: 1px solid rgba(100, 100, 100, 0.4); color: white; font-weight: bold; } .marketplace .right-panel .pagination li.current + li { border-left-width: 0; } .marketplace .right-panel .pagination li.nav-disabled { color: #c2c2c2; } .marketplace .right-panel .pagination li.nb_plugin { border: none; background-color: transparent; } .marketplace .right-panel .pagination li.dots { padding: 8px 10px; } .marketplace .right-panel .pagination li:not(.current):not(.nb_plugin):not(.nav-disabled):hover { background-color: #ddd; cursor: pointer; } .marketplace .right-panel .pagination li:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .marketplace .right-panel .pagination li:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .marketplace .right-panel .pagination li:not(:first-child) { border-left-width: 0; } .marketplace .right-panel .network-mail { display: inline-block; margin: 20px 10px; } .marketplace.installed .plugins .plugin { min-height: 84px; margin-bottom: 5px; flex-direction: row; flex-wrap: wrap; } .marketplace.installed .plugins .plugin .main { height: 100%; width: 100%; } .marketplace.installed .plugins .plugin .main .details { flex: 1; border-right: 1px solid rgba(100, 100, 100, 0.3); padding: 5px 0 0 10px; height: 100%; display: flex; flex-direction: column; overflow: hidden; text-overflow: ellipsis; } .marketplace.installed .plugins .plugin .main .details .misc-right { color: #8f8f8f; } .marketplace.installed .plugins .plugin .main .buttons { width: 39px; padding: 4px 5px; } .marketplace.installed .plugins .plugin .main .buttons .plugin-unavailable { display: none; } .marketplace.installed .plugins .plugin .footer { background: none; border: none; margin: -25px 36px 0 0; } .marketplace.installed .plugins .plugin .footer .misc-left { padding-top: 3px; }