File manager

File manager - Edit - /var/www/html/portal/public/pmar/css/admin.css

Back
body { visibility: hidden !important; } /* Estrutura base / .wrapper { display: flex; flex-direction: column; height: 100vh; } / --------------- ADMIN INÍCIO ------------ / .form-check-input:checked { background-color: var(--success); border-color: var(--success); } .form-check-input { background-color: #acacac; border-color: #acacac; } .form-check-input:focus { outline: none; box-shadow: none; } body #loginArea { margin: 0; padding: 0; background: url(../assets/img/ilhacombarco.jpg) #fff; background-attachment: fixed; background-size: cover; } #video-background { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; filter: brightness(50%); mix-blend-mode: multiply; } .card-admin-login { background-color: rgba(187, 187, 187, 0.314); / Fundo branco com transparência / backdrop-filter: blur(10px); / Efeito de desfoque / border-radius: 45px; } .sidebar { position: fixed; left: 0; top: 0; / height: 100%; / height: 100vh; width: 78px; background: var(--primary-admin); padding: 6px 14px; z-index: 99; transition: all 0.5s ease; overflow-y: auto; / Ativa a rolagem vertical / overflow-x: hidden; / Evita rolagem horizontal / padding-bottom: 50px; } .sidebar.open { width: 250px; } .sidebar::-webkit-scrollbar { width: 6px; / Largura da barra / } .sidebar::-webkit-scrollbar-thumb { background: #ccc; / Cor da barra / border-radius: 3px; / Cantos arredondados / } .sidebar::-webkit-scrollbar-track { background: transparent; / Fundo da barra / } .sidebar .logo-details { height: 60px; display: flex; align-items: center; position: relative; } .sidebar .logo-details .icon { opacity: 0; transition: all 0.5s ease; } .sidebar .logo-details .logo_name { color: #fff; font-size: 20px; font-weight: 600; opacity: 0; transition: all 0.5s ease; margin-top: 1rem; margin-left: 1rem; } .sidebar.open .logo-details .icon, .sidebar.open .logo-details .logo_name { opacity: 1; } .sidebar .logo-details #btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 22px; transition: all 0.4s ease; font-size: 23px; text-align: center; cursor: pointer; transition: all 0.5s ease; } .sidebar.open .logo-details #btn { text-align: right; } .sidebar i { color: #fff; height: 60px; min-width: 50px; font-size: 28px; text-align: center; line-height: 60px; } .sidebar .nav-list { margin-top: 20px; / height: 100%; / } .sidebar li { position: relative; / margin: 8px 0; / list-style: none; } .sidebar li .tooltip { position: absolute; top: -20px; left: calc(100% + 15px); z-index: 3; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); padding: 6px 12px; border-radius: 4px; font-size: 15px; font-weight: 400; opacity: 0; white-space: nowrap; pointer-events: none; transition: 0s; } .sidebar li:hover .tooltip { opacity: 1; pointer-events: auto; transition: all 0.4s ease; top: 50%; transform: translateY(-50%); } .sidebar.open li .tooltip { display: none !important; } .sidebar li a { display: flex; border-radius: 12px; align-items: center; text-decoration: none; transition: all 0.4s ease; background: var(--secondary-admin); } .sidebar li a:hover { background: #FFF; } .sidebar li a .links_name { color: #fff; font-size: 15px; font-weight: 400; white-space: nowrap; opacity: 0; pointer-events: none; transition: 0.4s; } .sidebar.open li a .links_name { opacity: 1; pointer-events: auto; } .sidebar li a:hover .links_name, .sidebar li a:hover i { transition: all 0.5s ease; color: var(--var); } .sidebar li i { height: 50px; line-height: 50px; font-size: 18px; border-radius: 12px; } .sidebar li.profile { position: fixed; height: 72px; width: 78px; left: 0; bottom: -8px; padding: 10px 14px; background: var(--secondary-admin); transition: all 0.5s ease; overflow: hidden; } .sidebar.open li.profile { width: 250px; } .sidebar li .profile-details { display: flex; align-items: center; flex-wrap: nowrap; } .sidebar li img { height: 45px; width: 45px; object-fit: cover; border-radius: 6px; margin-right: 10px; } .sidebar li.profile .name, .sidebar li.profile .job { font-size: 15px; font-weight: 400; color: #fff; white-space: nowrap; } .sidebar li.profile .job { font-size: 12px; } .sidebar .profile #log_out { position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: var(--secondary-admin); width: 100%; height: 72px; line-height: 60px; border-radius: 0px; transition: all 0.5s ease; } .sidebar .profile #log_out:hover { background-color: #fff; color: #000; } .sidebar.open .profile #log_out { width: 50px; background: none; } .sidebar.open .profile #log_out:hover { background-color: #fff; color: #000; } .home-section { position: relative; min-height: 100vh; top: 0; left: 80px; width: calc(100% - 78px); transition: all 0.5s ease; z-index: 2; padding: 15px 15px 15px 20px; background-color: #f6f6f9; } .sidebar.open~.home-section { left: 250px; width: calc(100% - 250px); } .home-section .text { display: inline-block; color: var(--primary); font-size: 25px; font-weight: 500; margin: 18px } @media (max-width: 420px) { .sidebar li .tooltip { display: none; } } / --------------- ADMIN FIM ------------ / / INICIO NAVEGAÇÃO ADMIN FIBROMIALGIA / .nav-fibromialgia { display: flex; justify-content: center; align-items: center; } .nav-fibromialgia .nav-item-fibromialgia a.nav-link { font-size: 1rem; font-weight: 700; text-transform: uppercase; } .nav-fibromialgia .nav-item-fibromialgia a.nav-link:active { background-color: #007CBF; color: #fff !important; } / INICIO MENU ADMIN / .sidebar:not(.open) .nav-list li { display: flex; justify-content: center; align-items: center; } / Sidebar fechada - centralizar os ícones / .sidebar:not(.open) .nav-list li a { display: flex; justify-content: center; align-items: center; } .sidebar:not(.open) .nav-list li a i { / font-size: 22px; / margin: 0; } .sidebar:not(.open) .nav-list li a .links_name { display: none; } / FIM MENU ADMIN / / CREATE ADMIN FIBROMIALGIA / .steps { display: flex; list-style: none; padding: 0; counter-reset: step; } .step-item { position: relative; flex: 1; text-align: center; } .step-link { display: inline-block; padding: 10px; text-decoration: none; color: #333; background-color: #e9ecef; border-radius: 30px; position: relative; transition: 0.3s; } .step-link::before { counter-increment: step; content: counter(step); position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background-color: #0d6efd; color: white; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; font-weight: bold; } .step-link.active, .step-link:hover { background-color: #0d6efd; color: white; } .step-item:not(:last-child)::after { content: ''; position: absolute; top: 15px; right: -50%; width: 100%; height: 2px; background-color: #ccc; z-index: -1; } / FIM CREATE ADMIN FIBROMIALGIA / / NAVBAR TOPO / .navbar { height: 60px; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .navbar-content { display: flex; align-items: center; justify-content: space-between; width: 100%; } .user-info { display: flex; align-items: center; gap: 10px; } / user-info -> <span> -> <a> / .usarname-link { color: inherit; text-decoration: none; font-weight: normal; } .usarname-link:hover { color: #888888; / cinza ao passar o mouse / transition-duration: 0.4ms; font-weight: bold; } .profile-pic { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; } / SIDEBAR LATERAL / .sidebar { position: fixed; top: 60px; left: 0; width: 250px; height: calc(100% - 60px); background: var(--primary-admin); overflow-y: auto; transition: width 0.3s ease; z-index: 999; } .sidebar.closed { width: 80px; } .sidebar .nav-list { padding: 20px 0; list-style: none; } .sidebar .nav-list li { position: relative; } .sidebar .nav-list li a { display: flex; align-items: center; color: white; padding: 10px 20px; text-decoration: none; transition: background 0.3s ease; } .sidebar .nav-list li a:hover { background: rgba(255, 255, 255, 0.1); } .sidebar .nav-list li a i { min-width: 24px; margin-right: 10px; text-align: center; } / Nomes dos links / .links_name { display: inline-block; / permite tratar como bloco / white-space: normal !important; / permite quebra de linha / word-break: break-word; / quebra a palavra se for muito longa / transition: opacity 0.3s ease; } .sidebar.closed .links_name { display: none; } / Tooltips / .sidebar .tooltip { display: none; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); background: #fff; color: var(--secondary-admin); padding: 5px 10px; border-radius: 6px; white-space: nowrap; z-index: 1001; } .sidebar.closed .nav-list li:hover .tooltip { display: block; } / BOTÃO MENU / .toggle-btn { color: white; font-size: 24px; cursor: pointer; } / CONTEÚDO PRINCIPAL / .main-content { margin-top: 60px; margin-bottom: 60px; margin-left: 250px; / Empurra o conteúdo quando sidebar está aberta / padding: 15px; transition: margin-left 0.3s ease; min-height: calc(100vh - 60px); background-color: #f9f9f9; } .sidebar.closed~.main-content { margin-left: 80px; / Empurra o conteúdo quando sidebar está fechada / } .mobile-menu-btn { display: none; background: none; border: none; color: var(--secondary-admin); font-size: 24px; cursor: pointer; } .bx.bx-log-out { background: none; border: none; color: var(--secondary-admin); font-size: 24px; cursor: pointer; } / Mostrar botão somente em telas até 768px (sm) / @media (max-width: 768px) { .navbar-content { position: relative; } .mobile-menu-btn { display: inline-block; position: absolute; right: 16px; top: 50%; transform: translateY(-53%); padding-right: 20px; } .mobile-btn-atualizar { font-size: 1rem; padding: 0.75rem 1rem; width: 100%; box-sizing: border-box; } / Opcional: esconde o toggleBtn lateral em mobile / .toggle-btn { display: none; } } / Responsivo / @media (max-width: 768px) { .sidebar.closed { padding-top: 0 !important; / remove pt-4 / / padding-bottom: 0 !important; se quiser manter o bottom, não declare / } .mobile-menu-btn { display: block; } .mobile-btn-atualizar { font-size: 1.3rem; padding: 0.75rem 2rem; width: 100%; box-sizing: border-box; } .tittle-sup { padding: 12px 10px; font-size: 1.5rem; } .titulo-section { font-size: 1.6rem; } .sidebar { position: fixed; top: 60px; left: -250px; / começa escondido / width: 250px; height: calc(100% - 60px); background: var(--primary-admin); transition: left 0.3s ease; z-index: 1001; overflow-y: auto; } / Quando estiver aberto no mobile / .sidebar.open { left: 0; / mostra menu / } / Quando estiver fechado no mobile / .sidebar.closed { left: -250px; / esconde menu / } / Conteúdo principal fica 100% na largura no mobile / .main-content { margin-left: 0 !important; / No mobile, conteúdo ocupa toda largura / transition: none !important; padding: 0px 0px 0px 0px; } .btn.btn-lg.btn-primary.d-inline.novo-arquivo { font-size: 1.5rem; padding: 0.75rem 2rem; width: 100%; box-sizing: border-box; } .d-flex.justify-content-end.gap-2.btn-curriculo { display: flex; justify-content: center; align-items: center; gap: 10px; } } .toggle-btn { position: relative; width: 30px; / define um tamanho fixo para o botão / height: 30px; } .toggle-btn i { position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; width: 100%; height: 100%; text-align: center; line-height: 30px; font-size: 24px; pointer-events: none; / evita cliques duplicados nos ícones / } .icon-close { opacity: 0; } .toggle-btn.open .icon-bars { opacity: 0; } .toggle-btn.open .icon-close { opacity: 1; } .mobile-btn-atualizar:hover { /background-color: var(--secondary-admin)c5; /* cinza ao passar o mouse / transition: 0.5s; color: var(--secondary-admin); } .mobile-btn-bgdark:hover { /background-color: var(--secondary-admin)c5; /* cinza ao passar o mouse / transition: 0.5s; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.849); } / Correção global para modais - garantir z-index correto / / Usar z-index muito alto para garantir que fique acima de tudo / .modal-backdrop { z-index: 9998 !important; pointer-events: auto !important; position: fixed !important; } .modal-backdrop.show { z-index: 9998 !important; pointer-events: auto !important; position: fixed !important; } .modal { z-index: 9999 !important; position: fixed !important; } .modal.show { z-index: 9999 !important; position: fixed !important; } .modal-dialog { z-index: 9999 !important; pointer-events: auto !important; position: relative !important; } .modal-content { z-index: 9999 !important; pointer-events: auto !important; position: relative !important; } / Garantir que elementos dentro do modal sejam clicáveis / .modal-content { pointer-events: auto !important; } /* Garantir que o backdrop não bloqueie o modal / body.modal-open .modal-backdrop { z-index: 9998 !important; } body.modal-open .modal { z-index: 9999 !important; } / Garantir que wrapper e main-content não criem novo contexto de empilhamento / .wrapper.modal-open, .main-content.modal-open { position: static !important; } / Impede que body vire segundo scroll container (overflow-x:hidden no style.css força overflow-y:auto em ambos html e body) / body { overflow-x: visible !important; } / Toggle switch tamanho grande (usado em configurações de secretaria) / .form-check-input-lg { width: 3em; height: 1.5em; cursor: pointer; } / Badge de novas mensagens sobre o número de registro do chamado */ .chamado-registro-numero-cell { overflow: visible !important; position: relative; } .chamado-registro-numero { position: relative; display: inline-block; padding: 0.35rem 0.45rem 0.15rem 0.15rem; vertical-align: middle; line-height: 1.2; } .chamado-registro-numero__pill { display: inline-block; max-width: 100%; } .chamado-registro-numero__novas { position: absolute; top: 0; right: 0; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-width: 1.15rem; height: 1.15rem; padding: 0 0.3rem; font-size: 0.65rem; font-weight: 700; line-height: 1; color: #fff; background: #dc3545; border-radius: 999px; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transform: translate(25%, -25%); pointer-events: none; }

| ver. 1.4 | Github | . | PHP 8.3.28 | Generation time: 0.02 | proxy | phpinfo | Settings