zabbix-frontend-php 1:2.4.7+dfsg-2ubuntu2 / usr / share / zabbix / styles / pages.css

/*
** Zabbix
** Copyright (C) 2001-2015 Zabbix SIA
**
** 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 2 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, write to the Free Software
** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
**/


/* host edit */
.host-edit .interface-group,
.hostprototype-edit .interface-group { width: 750px; }
.host-edit .interface-row .dt,
.hostprototype-edit .interface-row .dt { padding-top: 5px; }
.host-edit .interface-row .dd,
.hostprototype-edit .interface-row .dd { padding: 0; line-height: 1.0em; }
.host-edit .interface-row .dd .interface-group,
.hostprototype-edit .interface-row .dd .interface-group { line-height: 1.8em; }
.host-edit .interface-row .objectgroup,
.hostprototype-edit .interface-row .objectgroup { border-top-width: 0; padding-top: 4px; }
.host-edit .interface-row .interface-drag-control,
.host-edit .interface-row .interface-add-control,
.hostprototype-edit .interface-row .interface-drag-control,
.hostprototype-edit .interface-row .interface-add-control { width: 28px; }
.host-edit .interface-row .interface-ip,
.hostprototype-edit .interface-row .interface-ip { width: 16.5em; }
.host-edit .interface-row .interface-dns,
.hostprototype-edit .interface-row .interface-dns { width: 20em; }
.host-edit .interface-row .interface-connect-to,
.hostprototype-edit .interface-row .interface-connect-to { width: 8em; white-space: nowrap; }
.host-edit .interface-row .interface-port,
.hostprototype-edit .interface-row .interface-port { width: 11em; }
.host-edit .interface-row .interface-default,
.hostprototype-edit .interface-row .interface-default { width: 4em; }
.host-edit .interface-row .interface-bulk,
.hostprototype-edit .interface-row .interface-bulk { height: 25px; margin-top: 5px; }
.host-edit .interface-row-first .dd,
.hostprototype-edit .interface-row-first .dd { padding-top: 2px; }
.host-edit .interface-row-first .objectgroup,
.hostprototype-edit .interface-row-first .objectgroup { border-top-width: 1px; padding-top: 0; }
.host-edit .dropArea .interface-add-control,
.hostprototype-edit .dropArea .interface-add-control { visibility: hidden; }
.host-edit #groups { height: 140px; }
.host-edit #linkedTemplateTable { width: 100%; }
.host-edit #newTemplateTable { width: 100%; }
.host-edit.host-edit-discovered #linkedTemplateTable { min-width: 250px; }
.template-link-block { min-width: 400px; float: left; display: block; }

/* housekeeper elements */
.hk .element-row { margin-top: -3px; border-top-width: 0; }
.hk .element-row-first { border-top-width: 1px; }
.hk .element-row label { width: 270px; text-align: right; display: block; }

/* host inventory elements */
.inventory-host .formlist .formrow .element-row { margin-top: -3px; border-top-width: 0; }
.inventory-host .formlist .formrow .element-row-first { border-top-width: 1px; }
.inventory-host .formlist .formrow .default_interface { font-weight: bold; }
.inventory-host .formlist .formrow .ip { width: 100px; }
.inventory-host .formlist .formrow .dns { width: 200px; word-wrap:break-word; }
.inventory-host .formlist .formrow .useip { width: 100px; }
.inventory-host .formlist .formrow .port { width: 100px; }
.inventory-host .formlist .formrow .overview-link { margin-top: 2px; margin-left: 10px; display: inline-block; }
.inventory-host .formlist .formrow .link_menu { display: inline-block; }
.inventory-host .formlist .formrow .interfaces { min-width: 500px; }
.inventory-host .formlist .formrow .description { padding-top: 2px; width: 550px; white-space: pre-wrap; }
.inventory-host .formlist .formrow .text-field { width: 550px; white-space: pre-wrap; }
.inventory-host .formlist .formrow .inventory-text-field { margin-top: 2px; height: 14px; }
.inventory-host .formlist .formrow .inventory-text-field-wrap { clear: both; margin-top: 2px; display: block; width: 550px; }

/* icon mapping */
#iconMapTable .sortable { height: 30px; line-height: 30px; }
#iconMapTable .sortable .preview { vertical-align: middle; }

/* overview monitoring */
.overview-mon-severities { height: 100%; width: 100%; }
.overview-mon-severities-container { position: relative; width: 100%; height: 100%; }
.overview-mon-severities-container > div {
	top: -3px; right: -3px; bottom: -3px; left: -3px; position: absolute;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

table.tableinfo-overview-hint { width: 200px; }

/* latest monitoring */
.latest-mon .tableinfo { table-layout: fixed; }
.latest-mon .tableinfo td:first-child { width: 15px; padding: 0; }
.latest-mon .tableinfo td.latest-checkbox { width: 15px; }
.latest-mon .tableinfo td.latest-host.no-details { width: 17%; }
.latest-mon .tableinfo td.latest-host.with-details { width: 13%; }
.latest-mon .tableinfo td.latest-interval { width: 5%; }
.latest-mon .tableinfo td.latest-history { width: 5%; }
.latest-mon .tableinfo td.latest-trends { width: 5%; }
.latest-mon .tableinfo td.latest-type { width: 8%; }
.latest-mon .tableinfo td.latest-lastcheck { width: 14%; }
.latest-mon .tableinfo td.latest-lastvalue { width: 14%; }
.latest-mon .tableinfo td.latest-data { width: 10%; }
.latest-mon .tableinfo td.latest-actions { width: 5%; }
.latest-mon .tableinfo td.latest-info { width: 27px; }
.latest-mon .tableinfo td,
.latest-mon .tableinfo td div.item,
.latest-mon .tableinfo td span,
.latest-mon .tableinfo td a { overflow: hidden; text-overflow: ellipsis; }
.latest-mon .tableinfo td span,
.latest-mon .tableinfo td a { float: left; max-width: 100%; }
.latest-mon .tableinfo div.item { padding-left: 8px; }
.latest-mon .filter tr td.label { width: 15%; }
.latest-mon .filter tr td.inputcol { min-width: 277px; width: 35%; }
.latest-mon .filter tr td.inputcol .checkbox { margin-top: 4px; }
.latest-mon .filter tr td .text { width: 216px; }
.latest-mon .filter .multiselect-wrapper { width: 280px; }
.latest-mon .filter .multiselect { width: 216px; line-height: 12px; }

/*history */
.history .filter tr td { width: 50%; }

/* trigger list */
.trigger-list .dependencies { padding-left: 8px; }

/* regexp test result table, based on .tableinfo */
#testResultTable tr td:first-child { width: auto; }
#testResultTable tr td { padding: 1px 3px; }

/* host list */
.host-list table.filter tr td { width: 25%; }
.host-list .iconwarning, .host-edit .iconwarning { margin-left: 5px; }

/* host prototype list */
.hostprototype-edit #grouplist .group-prototypes { width: 310px; padding-top: 8px; }

/* item list */
.item-list table.filter { text-align: left; min-width: 1024px; }
.item-list table.filter tr td.col1 { width: 230px; }
.item-list table.filter tr td.label.col1 { width: 6%; }
.item-list table.filter tr td.label.col4 { width: 8%; }
.item-list .filter .col1 .text,
.item-list .filter .multiselect { width: 165px; line-height: 12px; }
.item-list .filter .col1 span.text { padding: 0 4px; }
.item-list .filter .multiselect-wrapper { width: 225px; }
.item-list .menuPopup { width: 200px; }

/* service list */
.service-list .tableinfo .service-caption-soft a { color: #888; }

/* service edit */
.services-edit .time-type-combobox { padding-bottom: 8px; }

/* service monitoring */
.service-mon .tableinfo .sla-value { display: inline-block; width: 5em; text-align: right; padding-right: 0.2em; }
.service-mon .tableinfo ul.service-problems { margin: 0; list-style-type: none; padding-left: 0; }
.service-mon .tableinfo .sla-bar { display: inline-block; position: relative; margin-right: 0.3em; }
.service-mon .tableinfo .sla-bar .sla-bar-legend { color: #1F1F1F; position: absolute; top: 0; font-size: 0.9em; display: none; }
.service-mon .tableinfo .sla-bar:hover .sla-bar-legend { display: block; }
.service-mon .tableinfo .sla-bar .sla-bar-legend-start { left: 0.5em; }
.service-mon .tableinfo .sla-bar .sla-bar-legend-end { right: 0.5em; }
.service-mon .tableinfo .sla-bar .sla-bar-part { height: 15px; display: inline-block; margin-bottom: -4px; }
.service-mon .tableinfo .sla-bar .sla-green { background: url('../images/gradients/sla_green15.png') repeat-x; }
.service-mon .tableinfo .sla-bar .sla-red { background: url('../images/gradients/sla_red15.png') repeat-x; }

/* maps */
#sysmap_cnt .sysmap_element { position: absolute; z-index: 10; }
#sysmap_cnt .selementArea { background-color: rgb(204, 204, 204); background-color: rgba(204, 204, 204, 0.5); }
#sysmap_cnt .selected { border: 3px #FFCC00 solid; margin: -3px; }
#sysmap_cnt .ui-selecting { border: 3px #FFCC00 solid; margin: -3px; }
#map-window { z-index: 100; position: absolute; display: none; top: 50px; left: 500px; box-shadow: 0 0 5px 5px rgba(204, 204, 204, 0.5); }
#map-window .formtable { width: 100%; }
#map-window .formtable #application { width: 312px; }
#map-window #elements-selected { border: 1px dotted black; margin-bottom: 5px; height: 128px; overflow-y: scroll; overflow-x: hidden; }
#map-window #mapLinksContainer { border: 1px solid rgb(170, 170, 170); max-height: 128px; overflow-y: scroll; overflow-x: hidden; }
#map-window #linkForm { display: none; }
#map-window #linkForm #linklabel { margin-top: 4px; }
#map-window .link_menu { margin-left: 6px; }

/* maintenance icon */
.icon-maintenance-inline, .icon-maintenance-abs {
	width: 12px; background-image: url("../images/general/wrench12transp.png"); background-repeat: no-repeat;
}
.icon-maintenance-inline { margin-left: 5px; height: 14px; vertical-align: middle; display: inline-block; }
.icon-maintenance-abs { right: 0; top: 4px; height: 12px; position: absolute; }
.maintenance-abs-cont { position: relative; }
.left-to-icon-maintenance-abs { margin-right: 17px; }

/* event action */
.event-action-cont { text-align: center; }
.event-action-cont div { padding: 0 2px 0 2px; display: table-cell; width: 10px; }

/* action edit */
.action-edit .newActionConditionTable tr td { vertical-align: top; }

/* administration of triggers */
div.trigger_displaying_form_col { width: 12em; zoom: 1; *display: inline; }

/* triggers expression condition */
.trigger-popup #expr_type { width: 605px; max-width: 605px; }

/* acknowledge */
.acknowledge-edit textarea { margin: 5px 0; vertical-align: inherit; }

/* login */
.login { position: absolute; height: 99%; width: 99%; }
.login #glow {
	max-width: 1024px; height: 700px;
	position: relative; top: 40%; margin: -350px auto 0 auto;
	background: url(../images/general/login/glow.png) no-repeat center;
}
.login .loginForm {
	height: 260px; width: 582px; padding: 15px;
	position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/general/login/background.png) no-repeat;
}
.login .loginForm .label,
.login .loginForm input[type="text"],
.login .loginForm input[type="password"] {
	font-size: 1.1em; font-weight: bold;
}
.login .loginForm .label {
	display: inline-block; zoom: 1; *display: inline; *margin-right: 2px;
	width: 70px; padding-left: 10px; height: 22px; line-height: 22px; vertical-align: middle; background: #5d8ac2;
	border-top-left-radius: 4px; border-bottom-left-radius: 4px;
}
.login .loginForm input[type="text"],
.login .loginForm input[type="password"] {
	color: #5f5f5f; height: 20px; line-height: 20px; vertical-align: middle; width: 173px; padding-left: 6px;
	border: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;
}
.login .loginLogo { height: 51px; width: 162px; background: url(../images/general/login/logo.png) no-repeat; }

/* browserwarning */
.browserwarningForm {
	margin: auto; font-size: 12px; height: 465px; width: 610px; *position: relative; *top: -50%;
	background: url(../images/general/browserwarning/background.png) no-repeat;
}
.browserwarningLogoChrome { height: 70px; width: 70px; background: url(../images/general/browserwarning/chrome.png) no-repeat; }
.browserwarningLogoFirefox { height: 70px; width: 70px; background: url(../images/general/browserwarning/firefox.png) no-repeat; }
.browserwarningLogoIE { height: 70px; width: 70px; background: url(../images/general/browserwarning/ie.png) no-repeat; }
.browserwarningLogoOpera { height: 70px; width: 70px; background: url(../images/general/browserwarning/opera.png) no-repeat; }
.browserwarningLogoSafari { height: 70px; width: 70px; background: url(../images/general/browserwarning/safari.png) no-repeat; }
.browserwarningCaution {
	padding: 3px 3px 2px; width: 340px; background: #CC3333; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.browserwarningLink, .browserwarningLink a { color: #7FA2C4; font-size: 10px; font-weight: bold; }
.browserwarningLink a:hover { color: #647F9A; }
.browserwarningCopyright, .browserwarningCopyright a { color: #B1B1B1; font-size: 10px; text-decoration: none; }
.browserwarningCopyright a:hover { text-decoration: underline; }

/* setup wizard */
div.setup_wizard { margin: 15px auto 0; width: 800px; height: 541px; background: url(../images/general/setup/background.png) no-repeat; }
div.setup_wizard_welcome { background: url(../images/general/setup/welcome_screen.png) no-repeat; }
div.setup_wizard_licence { margin-top: 110px; margin-left: 10px; text-align: left; }
div.setup_wizard div.left { float: left; margin-left: 20px; width: 220px; }
div.setup_wizard div.left_menu { margin-top: 120px; }
div.setup_wizard div.left_menu ul { list-style-type: none }
div.setup_wizard div.left_menu li { padding: 7px 7px 7px 10px; color: #608cb6; font-weight: bold; font-size: 12px; }
div.setup_wizard div.left_menu li.current { background: #608CB6; color: #fff; }
div.setup_wizard div.left_menu li.completed { background: #C3D4E6; color: #777; }
div.setup_wizard div.right { float: left; margin: 40px 0 0; width: 530px; }
div.setup_wizard div.right div.setup_title { padding: 10px; background: #608CB6; color: #FFF; text-align: left; font-size: 20px; }
div.setup_wizard div.right div.blank_title { height: 38px }
div.setup_wizard div.right div.blank_under_title { height: 383px }
div.setup_wizard div.under_title {
	display: table-cell; width: 530px; height: 380px; border: 1px solid #CCC; background: #FFF; vertical-align: middle;
	text-align: center; word-break: break-all;
}
div.setup_wizard div.under_title div.table_wraper { overflow-y: auto; width: 528px; height: 300px; text-align: center; word-break: break-all; }
div.setup_wizard div.under_title div.table_wraper div.vertical_center { display: table-cell; width: 530px; height: 300px; vertical-align: middle; }
div.setup_wizard div.under_title div.info_bar {
	display: table-cell; width: 530px; height: 80px; border-top: 1px solid #CCC; vertical-align: middle; text-align: center;
}
div.setup_wizard div.licence_agree { padding: 10px; background: #EEE; text-align: center; }
div.setup_wizard div.licence { overflow-y: scroll; padding: 5px; height: 332px; background-color: white; text-align: left; }
div.setup_wizard div.text { padding: 10px; text-align: left; }
div.setup_wizard div.footer { clear: both }
div.setup_wizard div.footer div.footer_left { float: left; margin: 15px 0 0 10px; }
div.setup_wizard div.footer div.footer_right { float: right; margin: 15px 29px 0; }
div.setup_wizard .requirements .notice { color: #EE6000; border-color: #EE6000; }
div.setup_wizard .requirements .fail { color: #DC0000; border-color: #DC0000; }

/* httptest */
.httptest-popup #retrieve_mode_2 { margin-left: 10px; }