From 59544a2919fef1089cb49d77ade61bc755246bf9 Mon Sep 17 00:00:00 2001 From: juanmanuelr Date: Thu, 16 Jun 2011 12:28:56 +0000 Subject: [PATCH] 2011-06-16 Juan Manuel Ramon * images/skin images/skin/skin_default images/skin/skin_default/images images/skin/skin_default/include images/skin/skin_default/include/styles images/skin/skin_default/include/styles/tip.css images/skin/skin_default/include/styles/common.css images/skin/skin_default/include/styles/pandora.css images/skin/skin_default/include/styles/menu.css: Default skin files. git-svn-id: https://svn.code.sf.net/p/pandora/code/trunk@4460 c3f86ba8-e40f-0410-aaad-9ba5e7f4b01f --- pandora_console/ChangeLog | 13 + .../skin_default/include/styles/common.css | 53 + .../skin/skin_default/include/styles/menu.css | 188 ++ .../skin_default/include/styles/pandora.css | 1882 +++++++++++++++++ .../skin/skin_default/include/styles/tip.css | 54 + 5 files changed, 2190 insertions(+) create mode 100644 pandora_console/images/skin/skin_default/include/styles/common.css create mode 100644 pandora_console/images/skin/skin_default/include/styles/menu.css create mode 100644 pandora_console/images/skin/skin_default/include/styles/pandora.css create mode 100644 pandora_console/images/skin/skin_default/include/styles/tip.css diff --git a/pandora_console/ChangeLog b/pandora_console/ChangeLog index f8d2075921..29a8f0a391 100644 --- a/pandora_console/ChangeLog +++ b/pandora_console/ChangeLog @@ -1,3 +1,16 @@ +2011-06-16 Juan Manuel Ramon + + * images/skin + images/skin/skin_default + images/skin/skin_default/images + images/skin/skin_default/include + images/skin/skin_default/include/styles + images/skin/skin_default/include/styles/tip.css + images/skin/skin_default/include/styles/common.css + images/skin/skin_default/include/styles/pandora.css + images/skin/skin_default/include/styles/menu.css: Default skin + files. + 2011-06-16 Juan Manuel Ramon * include/functions_ui.php: Changed the way to include css files diff --git a/pandora_console/images/skin/skin_default/include/styles/common.css b/pandora_console/images/skin/skin_default/include/styles/common.css new file mode 100644 index 0000000000..f9e44e571f --- /dev/null +++ b/pandora_console/images/skin/skin_default/include/styles/common.css @@ -0,0 +1,53 @@ +/* Common useful styles */ +.invisible { + display: none; +} +.left { clear: left; float: left;} +.right { clear: right; float: right;} +.clear { clear:both; } +.top { + vertical-align: top; + margin-top: 0; + padding-top: 0; +} +img.left { + margin-right:1em; + margin-bottom:1.8em; +} +img.right { + margin-left:1em; + margin-bottom:1.8em; +} +.text-right { + text-align:right; +} + +/* Debug styles */ +pre.debug, div.backtrace { + font-family: monospace !important; + text-align: left; + padding: 10px; + margin: 5px; + border: 1px solid black; +} +div.backtrace ol { + margin: 0; + padding-left: 20px; +} +pre.debug { + background-color: #fff55f; +} +div.debug, div.database_debug_title, div.debug a, div.debug a:hover { + background-color: white; + color: black; + text-align: left; +} +div.debug a, div.debug a:hover, div.parameters { + text-decoration: underline; +} +div.database_debug_title { + font-size: 15pt; + margin-top: 15px; + padding: 5px; + width: 95%; +} diff --git a/pandora_console/images/skin/skin_default/include/styles/menu.css b/pandora_console/images/skin/skin_default/include/styles/menu.css new file mode 100644 index 0000000000..ce9dd62f42 --- /dev/null +++ b/pandora_console/images/skin/skin_default/include/styles/menu.css @@ -0,0 +1,188 @@ +/* +// Pandora FMS - http://pandorafms.com +// ================================================== +// Copyright (c) 2004-2010 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. +*/ + +.menu { + border-width: 1px 0 0 1px; + border-style: solid; + border-color: #dadbdc; +} +.menu ul { + list-style-type: none; + padding: 0; + margin: 0; +} +.menu li.selected, .menu li.not_selected { + border: 0px solid black; + border-bottom: 1px solid #d4d4d4; + margin: 0; +} +.menu li.selected { + background-color: #D3F389 !important; +} +.menu li a { + background-color: inherit; + color: #000000; + display:block; /* This makes it so that the whole li is clickable */ + text-decoration:none; + padding: 6px; + margin-left: 23px; +} + +.menu a:hover { + text-decoration:none; + color: #D54E21; +} +.submenu { + font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; + margin: 0px 10px 0px 0; + width: 164px; +} +.submenu li a { + background-color: #fff; + margin-left: 0px; + padding-left: 29px; + display:block; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: #dadbdc; +} +.menu li img.toggle { + visibility: hidden; + float:right; + margin: -20px 2px 0 0; /* Positions it back where it should be */ + border-left: 1px; +} +.menu li.has_submenu.selected > img.toggle, +.menu li:hover.has_submenu > img.toggle { + visibility: visible; + z-index: 1; /* Positions it on top of the rest */ +} +.menu li.submenu_selected a { + font-weight: bold; +} + +.menu .menu_icon, .menu li.links { + background-color: #E9F3D2; + background-position: 4px 4px; + background-repeat: no-repeat; +} + +.menu li.links { + background-image: url(../../../../../images/link.png); + background-position: 4px 8px; +} +/* Icons specified here */ +#icon_oper-dashboard { + background-image: url(../../../../../images/house.png); +} +#icon_oper-metaconsole { + background-image: url(../../../../../images/application_double.png); +} + +#icon_oper-agents { + background-image: url(../../../../../images/bricks.png); +} +#icon_oper-services { + background-image: url(../../../../../images/box.png); +} +#icon_oper-servers { + background-image: url(../../../../../images/server.png); +} +#icon_oper-incidents { + background-image: url(../../../../../images/book_edit.png); +} +#icon_oper-events { + background-image: url(../../../../../images/lightning_go.png); +} +/* users */ +#icon_oper-users { + background-image: url(../../../../../images/group.png); +} +/* trap console */ +#icon_oper-snmpc, #icon_god-snmpc { + background-image: url(../../../../../images/computer_error.png); +} +#icon_oper-messages { + background-image: url(../../../../../images/email.png); +} +#icon_oper-reporting { + background-image: url(../../../../../images/reporting.png); +} +#icon_oper-visualc { + background-image: url(../../../../../images/monitor.png); +} +#icon_oper-gismaps { + background-image: url(../../../../../images/server_web.png); +} +#icon_oper-extensions, #icon_god-extensions { + background-image: url(../../../../../images/extensions.png); +} + +/* Godmode images */ +#icon_god-gismaps { + background-image: url(../../../../../images/server_web.png); +} +#icon_god-agents { + background-image: url(../../../../../images/god1.png); +} +#icon_god-massive { + background-image: url(../../../../../images/sitemap_color.png); +} +#icon_god-services { + background-image: url(../../../../../images/box.png); +} +#icon_god-modules { + background-image: url(../../../../../images/brick.png); +} +#icon_god-alerts { + background-image: url(../../../../../images/god2.png); +} +#icon_god-dbmaint { + background-image: url(../../../../../images/god8.png); +} +#icon_god-users { + background-image: url(../../../../../images/god3.png); +} +#icon_god-reporting { + background-image: url(../../../../../images/reporting_edit.png); +} +#icon_god-map { + background-image: url(../../../../../images/god9.png); +} +#icon_god-profiles { + background-image: url(../../../../../images/god4.png); +} +#icon_god-servers { + background-image: url(../../../../../images/god5.png); +} +#icon_god-audit { + background-image: url(../../../../../images/god6.png); +} +#icon_god-setup { + background-image: url(../../../../../images/god7.png); +} +#icon_god-policies { + background-image: url(../../../../../images/policies.png); +} +#icon_oper-inventory { + background-image: url(../../../../../images/page_white_text.png); +} +#icon_god-tag { + background-image: url(../../../../../images/comments.png); +} + diff --git a/pandora_console/images/skin/skin_default/include/styles/pandora.css b/pandora_console/images/skin/skin_default/include/styles/pandora.css new file mode 100644 index 0000000000..7877e8644d --- /dev/null +++ b/pandora_console/images/skin/skin_default/include/styles/pandora.css @@ -0,0 +1,1882 @@ +/* + +Author: El Sendero (http://www.elsendero.es) +Name: Default theme +Description: The default Pandora FMS theme layout developed by El Sendero + +// Pandora FMS - http://pandorafms.com +// ========================================================== +// Copyright (c) 2004-2010 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. +*/ + +* { + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; +} +svg * { + font-size: 11pt; + } +body { + text-align: center; + background: #022F5C url(../../images/sendero/fondo.png) repeat-x top left; +} + +body.pure { + background: #fff none!important; +} + +body[style] { + background: #FFFFFF none!important; +} + + + +input, textarea { + border: 1px solid #8EB6DD; +} + +input:focus, textarea:focus { + background-color: #FFFAEA; +} + +textarea { + padding: 5px; + min-height: 100px; + width: 99%; +} +textarea.conf_editor { + padding: 5px; + width: 650px; + height: 350px; +} +textarea.conf_error { + background-image: url(../../../../../images/err.png); + background-repeat: no-repeat; + background-position: top right; +} +input { + padding: 2px 3px 4px 3px; +} +input.button { + font-family: Arial,Sans-serif; + border: 1px solid #ccc; + background: #fff; + padding: 2px 3px; + margin: 10px 15px; +} +select { + padding: 0px; + border:1px solid #8EB6DD; + height: 20px; +} +select[multiple="multiple"] { + height: auto; +} +checkbox { + padding: 4px; + border:1px solid #eee; +} +h1, h2, h3, h4 { + font-weight: bold; + font-size: 1em; + font-family: Arial, Sans-serif; + text-transform: uppercase; + color: #3f4e2f; + padding-bottom: 4px; + padding-top: 7px; + display: block; +} +h1 { + font-size: 16px; +} +h2 { + font-size: 15px; + border-bottom: 1px solid #619BD6; + margin-bottom: 10px; +} +h3 { + font-size: 14px; + border-bottom: 1px solid #D0E6FD; + padding-bottom: 2px; + margin-bottom: 10px; +} +h4 { + margin-bottom: 2px; + padding-bottom: 0px; + padding-top: 5px; + font-size: 13px; + color: #000; +} + +dl { + margin-bottom: 10px; +} + +dl dt { + font-size: 12px; + font-weight: bold; + margin-bottom: 5px; + border-bottom: 1px solid #F0F0F0; +} +dl dd { + margin-bottom: 10px; + margin-left: 20px; +} + + +a { + color: #000; + text-decoration: none; +} +a:hover { + color: #333333; + text-decoration: underline; +} +a.white_bold { + color: #eee; + text-decoration: none; + font-weight: bold; +} +a.white_grey_bold { + color: #999; + text-decoration: none; + font-weight: bold; +} +a.white { + color: #eee; + text-decoration: none; +} + +#head a.white_bold, #head a.white { + display: inline-block; + vertical-align: middle; + padding: 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background-color: transparent; +} + +#head a.white_bold:hover, #head a.white:hover { + background-color: #8BBAE9; +} + +p.center { + text-align: center; +} +h1#log { + font-size: 18px; + margin-bottom: 0px; + color: #000; +} +h1#log_f { + color: #c00; + border-bottom: 1px solid #c00; + padding-bottom: 3px; +} +div#login { + margin: 0 auto; + margin-top: 200px; + width: 460px; + background: #CCCCCC url(../../images/sendero/fondo_login.png) repeat-x bottom left; + border: 0px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 0px 7px 7px #010E1B; + -webkit-box-shadow: 0px 7px 7px #010E1B; + box-shadow: 0px 7px 7px #010E1B; +} +div#login form { + margin: 0px; +} +div#login_in, #login_f, div#login .databox { + margin: 0 auto; + width: 400px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -moz-box-shadow: 0px 2px 2px #666; + -webkit-box-shadow: 0px 2px 2px #666; + box-shadow: 0px 2px 2px #666; + border: 0px; + padding: 2px; +} +div#login_f { + margin-top: 10px; + margin-bottom: 25px; +} +div#noaccess { + width: 350px; + padding-left: 40px; +} +div#activity{ + padding-top: 18px; + padding-bottom: 18px; +} +div#noa { + float: right; + padding-right: 50px; + margin-top: 25px; +} +div#db_f { + text-align: justify; + margin: auto; + padding: 0.5em; + width: 55em; + margin-top: 3em; +} +div#db_ftxt { + float: right; + padding-top: 10px; +} +div#container { + margin: 0 auto; + width: 960px; + text-align: left; + /*border-left: solid 2px #000; + border-right: solid 2px #000; + border-top: solid 2px #000;*/ + margin-top: 5px; + /*background: #fff;*/ +} +div#page { + width: 960px; + background: #fff; + clear: both; + /*border-bottom: solid 5px #3f4e2f; + border-top: solid 5px #3f4e2f;*/ + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 0px 0px 15px #000000; + -webkit-box-shadow: 0px 0px 15px #000000; + box-shadow: 0px 0px 15px #000000; + margin-bottom: 10px; + padding: 10px 0px; +} +div#main { + width: 745px; + min-height: 500px; + float: right; + padding-left: 0px; + padding-right: 10px; + padding-top: 0px; + padding-bottom: 20px; + margin-bottom: 25px; + background-color: #fefefe; + background-image: url(../../../../..//images/backgrounds/background4.jpg); + margin-top: 0px; + margin-left: 0px; + margin-right: 0px; +} +div#menu { + width: 180px; + /*width: 190px;*/ + float: left; + padding-left: 10px; +} + +div#head { + font-size: 8pt; + width: 960px; + height: 84px;/*84px;*/ /*height: 60px;*/ + padding-top: 1px; + background: #0359AF url(../../images/sendero/fondo_cabecera.png) repeat-x top left; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 0px 0px 15px #000000; + -webkit-box-shadow: 0px 0px 15px #000000; + box-shadow: 0px 0px 15px #000000; + margin-bottom: 10px; + position: relative; +} + +#head img { + vertical-align: text-bottom!important +} +#head select { + vertical-align: middle!important +} + +#head .logo { + position: absolute; + top: 0px; + left: 0px; +} + +#head .topmenu { + min-width: 500px; + position: absolute; + left: 50%; + top: 10px; + text-align: center; + margin: 0px 0px 0px -225px; +} + +#head .topmenu li { + display: inline-block; + margin-right: 20px; +} + +#head .header_search { + margin-top: 55px; + text-align: center; +} + +#head .header_search input { + background: white url(images/lupa_15x15.png) no-repeat right; + height: 19px; + padding: 0px 3px; + margin: 0px; + width: 40%; + border: 0px; + + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +#head .header_search input:focus { + background-color: #FFF9DD; +} +#head .custom_logo { + position: absolute; + top: 10px; + right: 10px; +} + +div#foot { + font-size: 7pt; + padding-top: 5px; + padding-bottom: 5px; + text-align: center; + background: #CCC url(../../images/sendero/fondo_login.png) repeat-x bottom left; + width: 960px; + clear: both; + position: relative; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 0px 0px 15px #000000; + -webkit-box-shadow: 0px 0px 15px #000000; + box-shadow: 0px 0px 15px #000000; +} +div#foot a { + color: #333!important; +} + +div#foot a.white:after { + content: "Fugue Icons 3.0 by Yusuke Kamiyamane"; + font-size: 10px; + color: #666666; + position: absolute; + bottom: 5px; + right: 10px; +} + +.sendero { + display: block; + margin: 0px; + position: absolute; + top: 5px; + right: 10px; + color: #333; +} +.sendero a{ + display: inline-block; + vertical-align: baseline; + padding: 0px 2px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.sendero a:hover { + text-decoration: none; + background: #E1E1E1; +} + +#ver { + margin-bottom: 25px; +} +#ip { + margin-top: 10px; + margin-bottom: 5px; +} +label { + display: block; + padding-top: 4px; + font-weight: bold; + text-align: left; +} +th > label { + padding-top: 7px; +} +input.chk {margin-right: 0px; + border: 0px none; + height: 14px; +} +input.datos { + background-color: #f5f5f5; +} +input.datos_readonly { + background-color: #050505; +} +input.login { + border-color: #3f4e2f; + background-color: #f5f5f5; + margin: 2px 0 8px; + width: 90px; +} +input.sub { + font-weight: bold; + font-size: 11px; + background-color: #D0E6FB; + color: #000; + cursor: pointer; + border: 0px; + padding-top: 3px; + padding-bottom: 3px; + + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 1px 1px 2px #5A738B; +} + +input.sub[disabled] { + color: #aaa; + background-color: #E5E5E5!important; +} + +input.sub:hover { + background-color: #B9D9F9; + -moz-box-shadow: 1px 1px 2px #495C70; + -webkit-box-shadow: 1px 1px 2px #495C70; + box-shadow: 1px 1px 2px #495C70; +} + +.databox input.sub, .databox_color input.sub { + background-color: #B9D9F9; + -moz-box-shadow: 1px 1px 2px #495C70; + -webkit-box-shadow: 1px 1px 2px #495C70; + box-shadow: 1px 1px 2px #495C70; +} + +.databox input.sub:hover, .databox_color input.sub:hover { + background-color: #99C8F7; + -moz-box-shadow: 1px 1px 2px #384758; + -webkit-box-shadow: 1px 1px 2px #384758; + box-shadow: 1px 1px 2px #384758; +} + +input.next, input.upd, input.ok, input.wand, input.delete, input.search, +input.copy, input.add, input.graph, input.percentile, input.binary, +input.camera, input.config, input.cancel { + padding-right: 21px; +} +input.next { + background: #D0E6FB url(../../../../..//images/go.png) no-repeat right 2px; +} +input.upd { + background: #D0E6FB url(../../../../..//images/upd.png) no-repeat right 3px; +} +input.wand { + background: #D0E6FB url(../../../../..//images/wand.png) no-repeat right 3px; +} +input.delete { + background: #D0E6FB url(../../../../..//images/cross.png) no-repeat right 3px; +} +input.search { + background: #D0E6FB url(../../../../..//images/zoom.png) no-repeat right 3px; +} +input.copy { + background: #D0E6FB url(../../../../..//images/copy.png) no-repeat right 3px; +} +input.ok { + background: #D0E6FB url(../../../../..//images/ok.png) no-repeat right 3px; +} +input.add { + background: #D0E6FB url(../../../../..//images/add.png) no-repeat right 3px; +} +input.graph { + background: #D0E6FB url(../../../../..//images/chart_curve.png) no-repeat right 3px; +} +input.percentile { + background: #D0E6FB url(../../../../..//images/chart_bar.png) no-repeat right 3px; +} +input.binary { + background: #D0E6FB url(../../../../..//images/binary.png) no-repeat right 3px; +} +input.camera { + background: #D0E6FB url(../../../../..//images/camera.png) no-repeat right 3px; +} +input.config { + background: #D0E6FB url(../../../../..//images/config.png) no-repeat right 3px; +} +input.cancel { + background: #D0E6FB url(../../../../..//images/cancel.png) no-repeat right 3px; +} +table, img { + border: 0px; +} +img { + vertical-align: middle; +} +th { + color: #fff; + background-color: #619BD6; + text-align:center; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +td { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +th[colspan] { + background-color: #3279C0!important; +} + +tr.datos, tr.datost, tr.datosb , tr.datos_id, +tr.datosf9, tr.datos2, tr.datos2t, +tr.datos2b, tr.datos2_id , tr.datos2f9 { + background-color: #E7F2FE; +} +tr.datos:hover, tr.datost:hover, tr.datosb:hover, tr.datos_id:hover, +tr.datosf9:hover, tr.datos2:hover, tr.datos2t:hover, +tr.datos2b:hover, tr.datos2_id:hover, tr.datos2f9:hover { + background-color: #D0E6FD; +} + +td.datos3 { + background-color: #d4ddc6; +} +td.datos4 { + /*Add !important because in php the function print_table write style in cell and this is style head.*/ + text-align: center !important; + background-color: #B1CEEB; +} +td.datos_id { + color: #1a313a; +} +tr.rowPair, tr.rowPair td { + background-color: #F4FAFF; +} +tr.rowOdd, tr.rowOdd td { + background-color: #E6F3FF; +} +tr.rowPair:hover, tr.rowPair:hover td { + background-color: #FFFAF4; +} +tr.rowOdd:hover, tr.rowOdd:hover td { + background-color: #FEF2E7; +} +.bg { /* op menu */ + background-color: #3f4e2f; +} +.bg2 { /* main page */ + background-color: #ce5c00; +} +.bg3 { /* godmode */ + background-color: #ce5c00; +} +.bg4 { /* links */ + background-color: #5385bf; +} +.bg, .bg2, .bg3, .bg4 { + position: relative; + width: 100%; +} +.bg { + height: 20px; +} +.bg2, .bg3, .bg4 { + height: 17px; +} +.f10, #ip { + font-size: 7pt; + text-align: center; +} +.f9, .f9i, .f9b, .datos_greyf9, .datos_bluef9, .datos_greenf9, .datos_redf9, .datos_yellowf9, td.f9, td.f9i, td.datosf9, td.datos2f9 { + font-size: 6.5pt; +} +.f9i, .redi { + font-style: italic; +} +.tit { + padding: 3px 1px; +} +.tit, .titb { + font-weight: bold; + color: #fff; + text-align: center; +} +.suc, .error, .help { + padding: 4px 1px 6px 30px; +} +.suc { + color: #5a8629; + background: url(../../../../..//images/suc.png) no-repeat 1px; +} +.error { + background: url(../../../../..//images/err.png) no-repeat; +} +.help { + background: url(../../../../..//images/help.png) no-repeat; +} +.red, .redb, .redi, .error { + color: #c00; +} + +.sep { + margin-left: 30px; + border-bottom: 1px solid #708090; + width: 100%; +} +.green { + color: #5a8629; +} +.yellow { + color: #F3C500; +} +.greenb { + color: #00aa00; +} +.grey { + color: #808080; + font-weight: bold; +} +.redb, .greenb, td.datos_id, td.datos2_id, f9b { + font-weight: bold; +} +.p10 { + padding-top: 1px; + padding-bottom: 0px; +} +.p21 { + padding-top: 2px; + padding-bottom: 1px; +} +.w120 { + width: 120px; +} +.w130, #table-agent-configuration select { + width: 130px; +} +.w135 { + width: 135px; +} +.w155, #table_layout_data select { + width: 155px; +} +.top, .top_red, .bgt, td.datost, td.datos2t { + vertical-align: top; +} +.top_red { + background: #ff0000; +} +.bot, .titb, td.datosb { + vertical-align: bottom; +} +.msg { + margin-top: 15px; + text-align: justify; +} +ul.mn { + list-style: none; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; + line-height: 24px; +} +.gr { + font-size: 10pt; + font-weight: bold; +} +a.mn, .gr { + font-family: Arial, Verdana, sans-serif, Helvetica; +} +div.nf { + background: url(../../../../..//images/info.png) no-repeat; + color: #ac4444; + margin-left: 7px; + padding: 2px 1px 6px 25px; +} +div.title_line { + background-color: #4e682c; + height: 5px; + width: 762px; +} +#menu_tab_frame, #menu_tab_frame_view { + display: block; + min-height: 24px; + height: auto; + background:#ce5c00 none repeat scroll 0 0; + background: #E08D36 url(../../images/sendero/fondo_titulo02.gif) repeat-x bottom left; + font-weight: bold; + color: #FFFFFF; + font-size: 14px; + line-height: 100%; + font-family: Arial, Helvetica, sans-serif;; + padding: 3px 0px; + margin: 0px 0px 0px 0px!important; + + /*border-bottom:1px solid #778866;*/ + /*margin-left:-8px;*/ + /*padding-right:8px;*/ + + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + + +#menu_tab_frame_view { /* barra de titulo color verde */ + background-color: #51831B; + background-image: url(../../images/sendero/fondo_titulo01.gif); +} +#menu_tab .mn, #menu_tab ul, #menu_tab .mn ul { + padding: 0px; + list-style: none; + margin: 0px; +} +#menu_tab .mn li { + float: right; + position: relative; + padding-right: 3px; +} +#menu_tab li a, #menu_tab a { + background: #EBB57E; + padding: 3px 5px; + color: #935415; + font-weight: bold; + line-height: 18px; + height: 16px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +#menu_tab li.nomn_high a { + background: #F1C9A0; + color: #935415; + -moz-box-shadow: 0px 2px 2px #5C350E inset; + -webkit-box-shadow: 0px 2px 2px #5C350E inset; + box-shadow: 0px 2px 2px #5C350E inset; +} + +#menu_tab .mn li a { + display: block; + text-decoration: none; +} +#menu_tab li.nomn:hover a, #menu_tab li:hover ul a:hover { + background: #F5DBC0; + color: #5C350E; +} + +#menu_tab li.nomn_high a:hover { + background: #F5DBC0; + color: #5C350E; +} + +#menu_tab li:hover a { + background: #b2b08a url("../../../../..//images/arrow.png") no-repeat right 3px; +} +#menu_tab li:hover ul a, #menu_tab .mn ul { + background: #db6351; + border-top: none; +} + +#menu_tab_frame_view #menu_tab li a, #menu_tab_frame_view #menu_tab a { + background: #A4D968; + color: #527E21; +} +#menu_tab_frame_view #menu_tab li.nomn_high a { + background: #CBE9A9; + color: #527E21; + -moz-box-shadow: 0px 2px 2px #3A5917 inset; + -webkit-box-shadow: 0px 2px 2px #3A5917 inset; + box-shadow: 0px 2px 2px #3A5917 inset; +} +#menu_tab_frame_view #menu_tab li.nomn:hover a, #menu_tab_frame_view #menu_tab li:hover ul a:hover { + background: #E3F3D1; + color: #3A5917; +} +#menu_tab_frame_view #menu_tab li.nomn_high a:hover { + background: #E3F3D1; + color: #3A5917; +} + + +/* TAB TITLE */ +#menu_tab_left .mn, #menu_tab_left ul, #menu_tab_left .mn ul { + color: #fff; + font-weight: bold; + padding: 0px 0px 0px 0px; + list-style: none; + margin: 0px 0px 0px 2px; +} +#menu_tab_left .mn li { + float: left; + position: relative; + font-size: 13px; + padding-left: 5px; +} + +#menu_tab_left li a, #menu_tab_left li span { +/* text-transform: uppercase; */ + background: #ce5c00; + padding: 2px 5px 2px 5px; + color: #fff; + font-weight: bold; + line-height: 18px; +} +#menu_tab_left .mn li a { + display: block; + text-decoration: none; +} +#menu_tab_left li.view a { + background: #6a4; + padding: 2px 10px 2px 10px; + color: #fff; + font-weight: bold; + line-height: 18px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +#menu_tab_left .mn li.view img, #menu_tab_left .mn li.nomn img{ + vertical-align: text-bottom; + margin-bottom: 0px!important; +} + + +span.users { + background: url(../../../../..//images/group.png) no-repeat; +} +span.agents { + background: url(../../../../..//images/bricks.png) no-repeat; +} +span.data { + background: url(../../../../..//images/data.png) no-repeat; +} +span.alerts { + background: url(../../../../..//images/bell.png) no-repeat; +} +span.time { + background: url(../../../../..//images/hourglass.png) no-repeat; +} +span.net { + background: url(../../../../..//images/network.png) no-repeat; +} +span.master { + background: url(../../../../..//images/master.png) no-repeat; +} +span.wmi { + background: url(../../../../..//images/wmi.png) no-repeat; +} +span.prediction { + background: url(../../../../..//images/chart_bar.png) no-repeat; +} +span.plugin { + background: url(../../../../..//images/plugin.png) no-repeat; +} +span.export { + background: url(../../../../..//images/database_refresh.png) no-repeat; +} +span.snmp { + background: url(../../../../..//images/snmp.png) no-repeat; +} +span.binary { + background: url(../../../../..//images/binary.png) no-repeat; +} +span.recon { + background: url(../../../../..//images/recon.png) no-repeat; +} +span.rmess { + background: url(../../../../..//images/email_open.png) no-repeat; +} +span.nrmess { + background: url(../../../../..//images/email.png) no-repeat; +} +/* This kind of span do not have any sense, should be replaced on PHP code +by a real img in code. They are not useful because insert too much margin around +(for example, not valid to use in the table of server view */ +span.users, span.agents, span.data, span.alerts, span.time, span.net, +span.master, span.snmp, span.binary, span.recon, span.wmi, span.prediction, +span.plugin, span.plugin, span.export { + margin-left: 4px; + margin-top: 10px; + padding: 4px 8px 12px 30px; + display: block; +} +span.rmess, span.nrmess { + margin-left: 14px; + padding: 1px 0px 10px 30px; + display: block; +} + +/********************** Imagenes cabecera *************************/ + +#menu_tab_left .mn li img.img_title { + height: 0px; + width: 0px; + padding: 48px 48px 0px 0px; + background-position: top left; + background-repeat: no-repeat; + position: absolute; + top: -8px; + left: -5px; +} + +img.img_title[src="images/comments.png"] { + background-image: url(images/icono_tit_esfera.png); +} +img.img_title[src="images/house.png"] { + background-image: url(images/icono_tit_home.png); +} +img.img_title[src="images/box.png"] { + background-image: url(images/icono_tit_servicios.png); +} +img.img_title[src="images/bricks.png"] { + background-image: url(images/icono_tit_agentes.png); +} +img.img_title[src="images/server_web.png"] { + background-image: url(images/icono_tit_mapa_gis.png); +} +img.img_title[src="images/monitor.png"] { + background-image: url(images/icono_tit_consola.png); +} +img.img_title[src="images/server.png"] { + background-image: url(images/icono_tit_servidor.png); +} +img.img_title[src="images/page_white_text.png"] { + background-image: url(images/icono_tit_inventario.png); +} +img.img_title[src="images/book_edit.png"] { + background-image: url(images/icono_tit_gest_incidentes.png); +} +img.img_title[src="images/lightning_go.png"] { + background-image: url(images/icono_tit_eventos.png); +} +img.img_title[src="images/group.png"] { + background-image: url(images/icono_tit_usuarios.png); +} +img.img_title[src="images/extensions.png"] { + background-image: url(images/icono_tit_extensiones.png); +} +img.img_title[src="images/computer_error.png"] { + background-image: url(images/icono_tit_consola_snmp.png); +} +img.img_title[src="images/email.png"] { + background-image: url(images/icono_tit_mensajes.png); +} +img.img_title[src="images/book_edit.png"] { + background-image: url(images/icono_tit_gest_incidentes.png); +} +img.img_title[src="images/reporting.png"] { + background-image: url(images/icono_tit_informes.png); +} +img.img_title[src="images/tree.png"] { + background-image: url(images/icono_tit_arbol.png); +} +img.img_title[src="images/setup.png"] { + background-image: url(images/icono_tit_config.png); +} +img.img_title[src="images/god1.png"] { + background-image: url(images/icono_tit_gest_agentes.png); +} +img.img_title[src="images/god2.png"] { + background-image: url(images/icono_tit_alertas.png); +} +img.img_title[src="images/policies.png"] { + background-image: url(images/icono_tit_politicas.png); +} +img.img_title[src="images/god3.png"] { + background-image: url(images/icono_tit_gest_usuarios.png); +} +img.img_title[src="images/reporting_edit.png"] { + background-image: url(images/icono_tit_person_informe.png); +} +img.img_title[src="images/god8.png"] { + background-image: url(images/icono_tit_bbdd.png); +} +img.img_title[src="images/import.png"] { + background-image: url(images/icono_tit_importar.png); +} +img.img_title[src="images/schedule.png"] { + background-image: url(images/icono_tit_tareas.png); +} +img.img_title[src="images/configure_agent.png"] { + background-image: url(images/icono_tit_gest_agentes.png); +} + + +/* New styles for data box */ +.databox, .databox_color, .databox_frame { + margin: 5px auto 15px auto; + border: 1px solid #D0E6FD; + + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} +.databox { + background-color: #E7F2FE; +} +.databox_color { + background-color: #E7F2FE; +} +#head_l { + float: left; + margin: 0; + padding: 0; +} +#head_r { + float: right; + text-align: right; + margin-right: 10px; + padding-top: 0px; +} +#head_m { + position: absolute; + padding-top: 6px; + padding-left: 12em; +} +span#logo_text1 { + font: bolder 3em Arial, Sans-serif; + letter-spacing: -2px; + color: #eee; +} +span#logo_text2 { + font: 3em Arial, Sans-serif; + letter-spacing: -2px; + color: #aaa; +} + +div#logo_text3 { + text-align: right; + font: 2em Arial, Sans-serif; + letter-spacing: 6px; + color: #aaa; + font-weight: bold; + margin-top: 0px; + margin-left: 4px; + padding-top: 0px; +} + +.bb0 { + border-bottom: 0px; +} +.bt0 { + border-top: 0px; +} +.action-buttons { + text-align: right; +} +.action-buttons input { + margin-left: 10px; +} + +#table-add-item select, #table-add-sla select { + width: 180px; +} +/* classes for event priorities. Sits now in functions.php */ +.datos_green, .datos_greenf9 { + background-color: #BEF8AB; +} +.datos_green:hover td, .datos_greenf9:hover td { + background-color: #97DD80; +} + +.datos_red, .datos_redf9 { + background-color: #FFC0B5; +} +.datos_red:hover td, .datos_redf9:hover td{ + background-color: #FF9C8A; +} + +.datos_yellow, .datos_yellowf9 { + background-color: #FFFCBF; +} +.datos_yellow:hover td, .datos_yellowf9:hover td { + background-color: #F3ED7C; +} + +.datos_blue, .datos_bluef9 { + background-color: #CDE2EA; +} +.datos_blue:hover td, .datos_bluef9:hover td { + background-color: #B3D2DF; +} + +.datos_grey, .datos_greyf9 { + background-color: #E4E4E4; +} +.datos_grey:hover td, .datos_greyf9:hover td { + background-color: #D6D6D6; +} + + +.datos_magenta { + background-color: #F9BBE7; +} +.datos_magenta:hover td { + background-color: #FF9BE1; +} + +td.datos_greyf9, td.datos_bluef9, td.datos_greenf9, td.datos_redf9, td.datos_yellowf9 { + padding: 5px 5px 5px 5px; +} +/* end of classes for event priorities */ +div#main_pure { + background-color: #fefefe; + text-align: left; + margin-bottom: 25px; + margin-top: 10px; + margin-left: 10px; + margin-right: 10px; +} +#table-agent-configuration radio { + margin-right: 40px; +} +.ui-draggable { + cursor:move; +} +#layout_trash_drop { + float: right; + width: 300px; + height: 180px; + background: #fff url("../../../../..//images/trash.png") no-repeat bottom left; +} +#layout_trash_drop div { + display: block; +} +#layout_editor_drop { + float: left; + width: 300px; +} +.agent_reporting { + margin: 5px; + padding: 5px; +} +.report_table, .agent_reporting { + border: #CCC outset 3px; +} +.img_help { + cursor: help; +} +#loading { + position:fixed; + width: 200px; + margin-left: 250px; + text-align:center; + top:300px; + background-color: #999999; + padding: 20px; +} +/* big_data is used in tactical and logon_ok */ +a.big_data { + text-decoration: none; font: bold 2em Arial, Sans-serif; +} +.notify { + background-color: #FFF1BB; + border: 1px solid #FFE682; + text-align: center; + font-weight: bold; + color: #886C00; + padding: 10px; + width: 95%; + margin: 0px auto 10px auto; + + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 0px 0px 5px #666666; + -webkit-box-shadow: 0px 0px 5px #666666; + box-shadow: 0px 0px 5px #666666; +} + +.notify a { + color: #003a3a; + text-decoration: underline; +} + +.notify .databox { + -moz-box-shadow: 0px 3px 5px #886C00; + -webkit-box-shadow: 0px 3px 5px #886C00; + box-shadow: 0px 3px 5px #886C00; +} + +.notify h3 { + margin: 0px 0px 10px 0px; + border-bottom: 1px solid #D5AA00; + text-align: left; +} + +.listing { + border-collapse: collapse; + border-right: 1px solid #B4D8FC; + border-left: 1px solid #B4D8FC; +} +.listing th { + color: #fff; + background-color: #619BD6; + text-align:center; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; +} +.listing td { + border-bottom: 1px solid #7EB9FA; + border-top: 1px solid #FFFFFF; + background-image: url(images/borde_listado.gif); + background-repeat: repeat-x; +} +ul { + list-style-type: none; + padding-left: 0; + margin-left: 0; +} +span.actions { + margin-left: 30px; +} +code, pre { + font-family: courier, serif; +} +select#template, select#action { + width: 250px; +} +#label-checkbox-matches_value, +#label-checkbox-copy_modules, +#label-checkbox-copy_alerts { + display: inline; + font-weight: normal; +} +input[type=image] { + border:0px; +} +table#simple select#id_module_type, +table#alert_search select#id_agent, +table#alert_search select#id_group, +table#network_component select#type { + width: 200px; +} +table#simple select#select_snmp_oid, +table#simple select#id_plugin, +table#network_component select#id_plugin { + width: 270px; +} +table#simple select#prediction_id_group, +table#simple select#prediction_id_agent, +table#simple select#prediction_module { + width: 50%; + display: block; +} +table#simple input#text-plugin_parameter, +table#simple input#text-snmp_oid, +table#source_table select, +table#destiny_table select, +table#target_table select, +table#filter_compound_table select, +table#filter_compound_table #text-search, +table#delete_table select { + width: 100%; +} +table#simple select#network_component_group, +table#simple select#network_component { + width: 90%; +} +table#simple span#component_group, +table#simple span#component { + width: 45%; + font-style: italic; +} +table#simple label { + display: inline; + font-weight: normal; + font-style: italic; +} +.clickable { + cursor: pointer; +} +table#agent_list tr, table.alert_list tr { + vertical-align: top; +} +ul.actions_list { + list-style-image: url(../../../../..//images/arrow.png); + list-style-position: inside; + margin-top: 0; +} +div.loading { + background-color: #FFF1A8; + margin-left: auto; + margin-right: auto; + padding: 5px; + text-align: center; + font-style: italic; + width: 95%; +} +div.loading img { + float: right; +} +/* Tablesorter jQuery pager */ +div.pager { + margin-left: 10px; + margin-top: 5px; +} +div.pager img{ + position: relative; + top: 4px; + padding-left: 5px; +} +div.pager input { + padding-left: 5px; +} +.pagedisplay { + border: 0; + width: 35px; +} +/* Steps style */ +ol.steps { + margin-bottom: 15px; + padding: 0; + list-style-type: none; + list-style-position: outside; +} +ol.steps li { + float: left; + background-color: #efefef; + padding: 5px; + margin-left: 5px; + width: 150px; +} +ol.steps li a { + color: #000; +} +ol.steps li.visited a { + color: #999; +} +ol.steps li span { + font-weight: normal; + display: block; +} +ol.steps li span { + color: #777; +} +ol.steps li.visited span { + color: #999; +} +ol.steps li.current { + border-left: 5px solid #778866; + margin-left: 0; + font-weight: bold; + background-color: #E9F3D2; +} +ol.steps li.visited { + color: #999 !important; +} + +fieldset { + border: 2px solid #A2CEFB; + background: #FFFFFF; + padding: 8px; + width: 90%; + margin-bottom: 15px; + + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; +} +fieldset legend span, +span#latest_value { + font-style:italic; +} +span#latest_value span#value { + font-style:normal; +} +form#filter_form { + margin-bottom: 15px; +} +ul.action_list { + margin: 0; + list-style: none inside url(../../../../..//images/arrow.png); +} +ul.action_list li div { + margin-left: 15px; +} +span.action_name { + float: left; +} +div.actions_container { + overflow:auto; + width: 100%; + max-height: 200px; +} +div.actions_container label { + display: inline; + font-weight: normal; + font-style: italic; +} +a.add_action { + clear: both; + display: block; +} + +/* timeEntry styles */ +.timeEntry_control { + vertical-align: middle; + margin-left: 2px; +} +div#steps_clean { + clear:both; +} +div#event_control { + clear:right; +} + +/* Autocomplete styles */ +.ac_results { + padding: 0px; + border: 1px solid black; + background-color: white; + overflow: hidden; + z-index: 99999; +} + +.ac_results ul { + width: 100%; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; + text-align: left; +} + +.ac_results li { + margin: 0px; + padding: 2px 5px; + cursor: default; + display: block; + /* + if width will be 100% horizontal scrollbar will apear + when scroll mode will be used + */ + /*width: 100%;*/ + font: menu; + font-size: 12px; + /* + it is very important, if line-height not setted or setted + in relative units scroll will be broken in firefox + */ + line-height: 16px; +} + +.ac_loading { + background: white url('../images/loading.gif') right center no-repeat; +} + +.ac_over { + background-color: #efefef; +} +span.ac_extra_field, +span.ac_extra_field strong { + font-style: italic; + font-size: 9px; +} + + +div#pandora_logo_header { +/* Put here your company logo (139x60 pixels) like this: */ +/* background: url(../../../../..//images/MiniLogoArtica.jpg); */ + background: url(../../../../..//images/pandora_logo_head.png); + background-position: 0% 0%; + width: 139px; + height: 60px; + float: left; +} + +.disabled_module { + color: #aaa; +} +div.warn { + background: url(../../../../..//images/info.png) no-repeat; + color: #ac4444; + margin-top: 7px; + padding: 2px 1px 6px 25px; +} + + +/*#head a[href="index.php?sec=usuarios&sec2=operation/users/user_edit"] { + display: block; + position: absolute; + top: 10px; + right: 10px; +}*/ + + +/************** Menu ****************/ + +#menu .tit { + display: block; + min-height: 16px; + height: auto; + font-weight: bold; + color: #FFFFFF; + text-align: center; + background-position: bottom left; + background-repeat: repeat-x; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + padding: 7px 0px; + margin-bottom: 2px; + font-size: 13px; + line-height: 100%; + font-family: Arial, Helvetica, sans-serif;; +} + +#menu .tit.bg { + background-color: #51831B; + background-image: url(../../images/sendero/fondo_titulo01.gif); +} + +#menu .tit.bg2 { + background-color: #E08D36; + background-image: url(../../images/sendero/fondo_titulo02.gif); +} + +#menu .tit.bg3 { + background-color: #E08D36; + background-image: url(../../images/sendero/fondo_titulo02.gif); +} + +#menu .tit.bg4 { + background-color: #3185E1; + background-image: url(../../images/sendero/fondo_titulo03.gif); +} + +.menu { + border: 0px; +} + +.menu ul { + padding-bottom: 10px; +} + +.menu ul[style="height: 0px;"], .menu ul[style="height: 0px;"] li { + display: none; + padding: 0px; + min-height: 0px; + height: 0px; +} + + + +.menu li, .menu li.selected, .menu li.not_selected { + display: block; + min-height: 30px; + border: 0px; + margin-bottom: 2px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +.bg+.menu li { + background-color: #E3F3D1; +} + +.bg2+.menu li, .bg3+.menu li { + background-color: #F8E2CD; +} + +.bg4+.menu li { + background-color: #CDE2F8; +} + +.menu li.selected { + padding-bottom: 4px; +} + + +.bg+.menu li:hover, .bg+.menu li.selected { + background-color: #CBE9A9!important; +} + +.bg2+.menu li:hover, .bg2+.menu li.selected, +.bg3+.menu li:hover, .bg3+.menu li.selected{ + background-color: #F1C9A0!important; +} + +.bg4+.menu li:hover, .bg4+.menu li.selected { + background-color: #A2CAF2!important; +} + +.menu li a { + background-color: transparent; +} + +.menu li a:hover { + color: #000; +} + +.menu ul.submenu { + width: auto; + margin: 0px 4px; + padding: 2px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} + +.bg+.menu ul.submenu { + background-color: #F0F9E8; +} + +.bg2+.menu ul.submenu, .bg3+.menu ul.submenu { + background-color: #FCF0E4; +} + +.bg4+.menu ul.submenu { + background-color: #E4F0FC; +} + + +.menu ul.submenu li{ + display: block; + min-height: 10px; + padding: 0px; + background-color: transparent!important; +} + +.menu ul.submenu li:hover { + background-color: #FFFFFF!important; +} + + +.pagination { + text-align: center; +} + +input#text-agent_name, input#text-agent { + background-color: #FFFFFF!important; +} + +input#text-agent_name:focus, input#text-agent:focus { + background-color: #FFFAEA!important; +} + + + + +/************* Calendario ****************/ + +body > table.scw { + background-color: #B4D8FC; +} + + +#layout_map { + display: block; + margin: 0px auto; +} + + +/************** Columnas *****************/ + +.column { + float: left; + width: 49%; + margin-right: 2%; + padding-bottom: 15px; +} + +.column#rightcolumn { + margin-right: 0%; +} + +.column.col_25 { + width: 24%; +} + +.column.col_75 { + width: 74%; +} + +/*************************** Tree View *****************************/ + +ul.tree { + margin: 20px 0px 0px 0px; + padding: 0px; +} + +ul.tree li { + margin: 0px; +} + +ul.tree a { + +} + +ul.tree a:hover { + text-decoration: none; +} + +ul.tree img { + vertical-align: middle; + margin-right: 2px; +} + +ul.tree .img_grupo { + width: 16px; + height: 16px; +} + +ul.tree .tree_view { + margin: 0px; + padding: 0px; +} + + +/************************* Groups View ***************************/ + +.groups_view tr { + height: 35px; +} + +.groups_view tr.separador { + height: 5px; + background: transparent; +} + +.groups_view tr.separador td { + padding: 0px; + background: transparent; +} + +/********************** Ayuda **********************/ + +body.help_popup { + text-align: center; + background: #022F5C url(../../images/sendero/fondo.png) repeat-x top left; +} + +.help_popup .cont { + background: #FFFFFF; + padding: 8px; + + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + -moz-box-shadow: 0px 0px 15px #000000; + -webkit-box-shadow: 0px 0px 15px #000000; + box-shadow: 0px 0px 15px #000000; +} + +.help_popup .logo_help { + float: left; + margin: 0px 10px 10px 0px; +} + +.help_popup .top_help { + min-height: 20px; + position: relative; +} + +.help_popup .help_title { + font-size: 12px; + font-weight: bold; + color: #666666; + position: absolute; + top: 2px; + right: 6px; +} + +.help_popup .top_help hr { + clear: both; + height: 0px; + border-bottom: 1px solid #9DCDFD; + border-width: 0px 0px 1px 0px; +} + +.help_popup .interior_help { + text-align: left; +} + + +div#container { + width: 95%; +} +div#page { + width: auto; +} +div#main { + width: auto; + float: none; + padding-left: 25px; + padding-top: 0px; + padding-bottom: 20px; + margin-left: 175px; + margin-right: 25px; +} +div#head { + width: auto; +} +div#foot { + width: auto; +} +ol.steps { + margin-bottom: 70px; +} +div#steps_clean { + display:none; +} +#menu_tab_frame, #menu_tab_frame_view { + width: 100%; + padding-right: 28px; + margin-left: -8px; +} +div#events_list { + float: left; + width: 100%; +} +span#logo_text1 { + font: bolder 3em Arial, Sans-serif; + letter-spacing: -2px; + color: #eee; +} +span#logo_text2 { + font: 3em Arial, Sans-serif; + letter-spacing: -2px; + color: #aaa; +} +div#logo_text3 { + text-align: right; + font: 2em Arial, Sans-serif; + letter-spacing: 6px; + color: #aaa; + font-weight: bold; + margin-top: 0px; + margin-left: 4px; + padding-top: 0px; +} diff --git a/pandora_console/images/skin/skin_default/include/styles/tip.css b/pandora_console/images/skin/skin_default/include/styles/tip.css new file mode 100644 index 0000000000..b3d0911c79 --- /dev/null +++ b/pandora_console/images/skin/skin_default/include/styles/tip.css @@ -0,0 +1,54 @@ +a.tip { + cursor: help; + background: url(../../../../../images/tip.png) no-repeat; + padding: 5px 2px 5px 12px; +} +a.help { + cursor: help; + background: url(../../../../../images/help2.png) no-repeat; + padding: 2px 2px 2px 12px; + left: 5px; + text-transform: capitalize; +} +a.info { + padding: 25px 0px 0px 0px; +} +a.tip, a.help , a.info { + position: relative; + text-decoration: none; +} +a.tip:hover { + text-decoration: none; + background-color: #efefef; +} +a.info:hover, a.help:hover { + text-decoration: none; +} +a.tip span, a.info span, a.help span { + display: none; +} +a.tip:hover span, a.info:hover span, a.help:hover span { + display: block; + text-decoration: none; + position: absolute; + z-index: 99; + top: 20px; + left: 6px; + min-width: 150px; + border: 1px solid #708090; + background-color: #d4ddc6; + color: #000; + padding: 2px; +} + +a.info:hover span { + top: 45px; + left: 20px; + width: 120px; + background-color: #ffffff; + border: 1px solid #aaaaaa; +} +a.help:hover span { + top: 15px; + width: 80px; +}