/* // Pandora FMS - the Flexible Monitoring System // ============================================= // Copyright (c) 2004-2021 Artica Soluciones Tecnológicas S.L // 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; version 2 // 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, write to the Free Software // Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ h1 { font: bold 1em Arial, Sans-serif; font-size: 18px; color: #ffffff; text-align: center; } h2 { font: Verdana; font-size: 16px; } div#install_container { margin: 0 auto; margin-top: 45px; width: 650px; } div#logo_img { text-align: center; width: 100%; color: #666; } div#wizard { text-align: left; margin-top: 1em; width: 650px; padding-left: 0px; padding-top: 0px; padding-bottom: 20px; background-color: #ffffff; margin-top: 0px; margin-left: 0px; margin-right: 0px; position: relative; } div#wizard a img { padding-right: 30px; } div#wizard > input { padding-right: 30px; float: right; margin-top: 20px; } div#install_box, div#install_img { padding-right: 20px; margin-top: 0px; width: 80%; margin: 0px auto; } div#install_box { background: F3F3F3; border: 1px solid #ccc; padding: 10px 25px; margin-top: 40px; } div#install_box h2 { color: #82b92e; text-transform: uppercase; } div#install_img { margin-bottom: 25px; margin-left: 25px; } div#foot_install { font-size: 7pt; color: #fff; margin-top: #000; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; text-align: center; } div#foot_install a { color: #ccc; } input#step4, input#step4:hover { width: 70px; height: 16px; border: 0px; background-color: #fafafa; } div.warn { min-height: 24px; background: url(../../images/icono_warning_install.png) no-repeat 0% -2px; color: #222; margin-top: 14px; padding: 2px 1px 6px 40px; } div.info { min-height: 24px; background: url(../../images/icono_info_install.png) no-repeat 0% -2px; color: #222; margin-top: 14px; padding: 2px 1px 6px 40px; } div.err { min-height: 24px; background: url(../../images/icono_critical_install.png) no-repeat 0% -2px; color: #cc0000; margin-top: 14px; padding: 2px 1px 6px 40px; } span.arr { background: url(../../images/arrow.png) no-repeat; margin-top: 2px; margin-left: 5px; padding: 2px 1px 6px 15px; display: block; font-family: verdana, arial, sans; font-size: 8.5pt; } body, td { font-family: Sans, Arial, sans; font-size: 9pt; line-height: 15px; } body { background-color: #555555; } div.installation_step { position: static; float: right; top: 7px; right: 10px; color: #666; margin-top: 14px; margin-right: 12px; } .btn_install_next { transition-property: background-color, color; transition-duration: 1s; transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 1s; -o-transition-property: background-color, color; -o-transition-duration: 1s; margin: 10px; padding: 8px 20px 8px 20px; background-color: transparent; border: 1px solid #82b92e; font: 1em Verdana; font-size: 11pt; color: #82b92e; border-radius: 0%; } .btn_install_next:hover { cursor: pointer; transition-property: background-color, color; transition-duration: 1s; transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 1s; -o-transition-property: background-color, color; -o-transition-duration: 1s; background-color: #82b92e; } .btn_install_next_text { transition-property: background-color, color; transition-duration: 1s; transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 1s; -o-transition-property: background-color, color; -o-transition-duration: 1s; color: #82b92e; font-family: Sans, Arial, sans; } .btn_install_next:hover .btn_install_next_text { transition-property: background-color, color; transition-duration: 1s; transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 1s; -o-transition-property: background-color, color; -o-transition-duration: 1s; color: white; } :focus { outline: 0; } /* POPUP */ .popup-lightbox { position: fixed; z-index: 8888; width: 100%; height: 100%; background-color: #000; opacity: 0.6; visibility: hidden; } .popup { max-height: 450px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background-color: #fff; z-index: 9999; display: none; } .popup-title { background-color: #82b92e; padding: 10px 20px; color: #fff; font-size: 12pt; text-align: center; font-family: Sans, Arial, sans; } .popup-inner { max-height: 350px; background: #fff; /* overflow-y: scroll;*/ padding: 25px 35px; font-size: 11pt; } .popup-button-green { background-color: #82b92e; border: 1px solid transparent; color: #fff; } .popup-button-green span { color: #fff; } .popup-button-green:hover { background-color: transparent; border: 1px solid #82b92e; color: #82b92e; } .popup-button-green:hover span { color: #82b92e; } /* POPUP -END */