/* ========================================================== CLOUDSERV - APACHE GUACAMOLE 1.6.0 TEMA GLOBAL ========================================================== */ /* ========================================================== 1. FUNDO CLOUDSERV ========================================================== */ .login-ui { background-image: linear-gradient( rgba(0, 20, 28, 0.05), rgba(0, 20, 28, 0.05) ), url('app/ext/cloudserv-theme/resources/images/cloudserv-bg.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; background-attachment: fixed !important; background-color: #073a43 !important; min-height: 100vh !important; font-family: Arial, Helvetica, sans-serif !important; } /* ========================================================== 2. REMOVE EFEITOS ANTIGOS ========================================================== */ .login-ui::before { display: none !important; content: none !important; } /* ========================================================== 3. CENTRALIZAÇÃO ========================================================== */ .login-ui .login-dialog-middle { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 100vh !important; } /* ========================================================== 4. CARD PRINCIPAL ========================================================== */ .login-ui .login-dialog { background: rgba(255,255,255,0.97) !important; width: 360px !important; max-width: calc(100vw - 40px) !important; padding: 32px 32px 28px 32px !important; border: none !important; border-radius: 16px !important; box-shadow: 0 18px 45px rgba(0,0,0,0.35) !important; box-sizing: border-box !important; } /* ========================================================== 5. REMOVE LOGO ORIGINAL DO GUACAMOLE ========================================================== */ .login-ui .login-dialog .logo { display: none !important; } /* ========================================================== 6. REMOVE "APACHE GUACAMOLE" ========================================================== */ .login-ui .login-dialog .app-name { display: none !important; } /* ========================================================== 7. BLOCO CLOUDSERV ========================================================== */ .cloudserv-brand { display: block !important; width: 100% !important; text-align: center !important; margin: 0 auto 25px auto !important; padding: 0 !important; } /* ========================================================== 8. LOGO CLOUDSERV ========================================================== */ .cloudserv-symbol { display: block !important; width: 280px !important; height: 145px !important; margin: 0 auto 8px auto !important; background-image: url('app/ext/cloudserv-theme/resources/images/cloudserv-logo.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; } /* ========================================================== 9. ESCONDE OS TEXTOS HTML DO CLOUDSERV A LOGO PNG JÁ POSSUI ESSES TEXTOS ========================================================== */ .cloudserv-name, .cloudserv-subtitle, .cloudserv-slogan { display: none !important; } /* ========================================================== 10. FORMULÁRIO ========================================================== */ .login-ui .login-dialog form { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 11. CAMPOS ========================================================== */ .login-ui .login-dialog .login-fields { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 12. CADA CAMPO ========================================================== */ .login-ui .login-dialog .form-field { display: block !important; position: static !important; width: 100% !important; margin: 0 0 14px 0 !important; padding: 0 !important; } /* ========================================================== 13. REMOVE QUALQUER PSEUDO-LABEL ANTIGO ========================================================== */ .login-ui .login-dialog .form-field::before, .login-ui .login-dialog .form-field::after, .login-ui .login-dialog .username-field::before, .login-ui .login-dialog .username-field::after, .login-ui .login-dialog .password-field::before, .login-ui .login-dialog .password-field::after { content: none !important; display: none !important; } /* ========================================================== 14. LABEL NATIVO - USUÁRIO / SENHA ========================================================== */ .login-ui .login-dialog .field-header { display: block !important; position: static !important; width: 100% !important; margin: 0 0 6px 2px !important; padding: 0 !important; color: #4b5563 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 18px !important; text-align: left !important; } /* ========================================================== 15. USERNAME / PASSWORD ========================================================== */ .login-ui .login-dialog .username-field, .login-ui .login-dialog .password-field { display: block !important; position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 16. INPUTS ========================================================== */ .login-ui .login-dialog input[type="text"], .login-ui .login-dialog input[type="password"] { display: block !important; width: 100% !important; height: 46px !important; margin: 0 !important; padding: 0 14px !important; background: #ffffff !important; color: #1f2937 !important; border: 1px solid #cbd5e1 !important; border-radius: 7px !important; outline: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; box-sizing: border-box !important; } /* ========================================================== 17. FOCO ========================================================== */ .login-ui .login-dialog input[type="text"]:focus, .login-ui .login-dialog input[type="password"]:focus { border-color: #2fa45a !important; box-shadow: 0 0 0 3px rgba(47,164,90,0.15) !important; } /* ========================================================== 18. CONTAINER DO BOTÃO NÃO FORÇAMOS DISPLAY DOS BOTÕES INTERNOS ========================================================== */ .login-ui .login-dialog .buttons { width: 100% !important; margin: 12px 0 0 0 !important; padding: 0 !important; } /* ========================================================== 19. SOMENTE BOTÃO REAL "ENTRAR" ========================================================== */ .login-ui .login-dialog input[type="submit"] { width: 100% !important; height: 46px !important; margin: 0 !important; padding: 0 15px !important; background: linear-gradient( 135deg, #36aa5e, #258f49 ) !important; color: #ffffff !important; border: none !important; border-radius: 7px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; box-shadow: 0 6px 15px rgba(40,150,75,0.25) !important; } /* ========================================================== 20. HOVER ENTRAR ========================================================== */ .login-ui .login-dialog input[type="submit"]:hover { background: linear-gradient( 135deg, #3eb968, #218143 ) !important; } /* ========================================================== 21. NÃO ALTERAR OS OUTROS BOTÕES DO GUACAMOLE ========================================================== */ .login-ui .login-dialog button { /* deliberadamente sem display:block */ } /* ========================================================== 22. RODAPÉ ========================================================== */ .login-ui::after { content: "CloudServ © 2026 • Portal de Acesso Remoto" !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 15px !important; text-align: center !important; color: rgba(255,255,255,0.90) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; text-shadow: 0 1px 3px rgba(0,0,0,0.50) !important; pointer-events: none !important; z-index: 9999 !important; } /* ========================================================== 23. VERSÃO ========================================================== */ .login-ui .version-number { opacity: 0.45 !important; font-size: 10px !important; } /* ========================================================== 24. BOX SIZING ========================================================== */ .login-ui .login-dialog, .login-ui .login-dialog * { box-sizing: border-box !important; } /* ========================================================== 25. RESPONSIVO ========================================================== */ @media screen and (max-width: 600px) { .login-ui .login-dialog { width: calc(100vw - 30px) !important; max-width: 350px !important; padding: 26px 22px 24px 22px !important; } .cloudserv-symbol { width: 220px !important; height: 115px !important; } .login-ui::after { bottom: 7px !important; font-size: 10px !important; } } /* ========================================================== FIM DO TEMA CLOUDSERV ========================================================== */ /* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ /* Label/tag denoting the user that shared a connection */ .jdbc-share-tag { background: #0095ff; padding: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; -khtml-border-radius: 0.25em; border-radius: 0.25em; color: white; font-size: 0.75em; font-weight: bold; }