/***************** Dialogs *****************/ .ui-dialog input { border: solid 1px #BDBDBD; font: 12px verdana, arial, helvetica, sans-serif; } .ui-dialog label,.ui-dialog input,.ui-dialog p,.ui-dialog button { font: 12px verdana, arial, helvetica, sans-serif; } .ui-widget { font: 12px verdana, arial, helvetica, sans-serif; } /***************** Tooltip *****************/ .tooltip { background-color: #000; border: 1px solid #fff; padding: 10px 15px; display: none; color: #fff; text-align: left; max-width: 300px; font-size: 10px; /* Outline radius for firefox only */ -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } .tooltip h3 { margin : 0px; } .tooltip table{ font-size : 12px; color: #fff; } /****************** Header ******************/ #header { height: 40px; width: 1000px; margin: 0px auto; background: url(../images/header-gloss-wave.png) 50% 50% repeat-x; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; margin: 0px auto; } #header ul { float: left; list-style: none; padding: 0 0 0 30px; margin: 0; height: 39px; position: relative; } #header ul li { display: block; float: left; position: relative; } #header ul li a { text-decoration: none; cursor: pointer; float: left; font: 14px verdana, arial, helvetica, sans-serif; font-weight: bold; color: #2E6E9E; padding: 11px 30px; cursor: pointer; } #header ul a:hover { background-color: #A9D0F5; } /* User name and log out */ #header div { float: right; } #header div span { color: #424242; padding: 2px 15px 0px 2px; /* Top right left bottom*/ text-align: right; text-decoration: none; display: block; } #header div a { padding: 2px 15px 0px 2px; /* Top right left bottom*/ text-align: right; color: #0000FF; text-decoration: none; display: block; cursor: pointer; } #header div a:hover { color: #FF0000; } #layoutselector{ padding: 2px 10px 0px 2px; /* Top right left bottom*/ text-align: right; color: #FFC125; text-decoration: none; display: block; } /****************** Content section ******************/ body { background-color: #1C1C1C; font: 12px verdana, arial, helvetica, sans-serif; } .content { -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; width: 1000px; margin: 10px auto; background-color: white; overflow: auto; } /****************** Groups section ******************/ #groups { width: 150px; vertical-align: top; float: left; position: relative; margin: 15px 0px 15px 15px; } #groups ul { list-style: none; } #groups ul h3 { text-transform: uppercase; font: 12px verdana, arial, helvetica, sans-serif; font-weight: bold; color: #424242; display: inline-table; } #groups a { font: 12px verdana, arial, helvetica, sans-serif; color: #0000FF; display: inline-table; padding: 5px 15px 5px 15px; /* Top right bottom left */ text-decoration: none; cursor: pointer; } #groups a:hover { color: #FF0000; } /****************** Nodes section ******************/ #nodes { width: 700px; margin: 20px; display: inline-table; } /****************** Physical layout section ******************/ .physicaltree { width: 200px; vertical-align: top; float: left; position: relative; margin: 15px 0px 15px 15px; overflow: auto; } .physicalview{ width : 700px; display : inline-table; } .frameDiv{ width : 179px; height : 500px; font-size: 10px; background :url(../images/bpa.jpg); border-width:2px; } .fspDiv2{ margin: 0px 12px 2px 17px; font-size: 12px; height: 20px; line-height : 20px; width : 140px; text-align: center; background:url(../images/4ufsp.jpg); border-style:solid; border-width:1px; cursor: pointer; } .fspDiv4{ margin: 0px 12px 2px 17px; font-size: 12px; height: 44px; line-height : 44px; width : 140px; text-align: center; background:url(../images/4ufsp.jpg); border-style:solid; border-width:1px; cursor: pointer; } .fspDiv42{ width : 179px; height : 500px; font-size: 15px; background :url(../images/42ufsp.jpg); border-width:2px; cursor: pointer; } .lparDiv{ margin: 5px 0px 0px 9px; width : 80px; height : 10px; opacity: 1; } .lparStatus{ width : 5px; height : 5px; padding: 0px; border-width: 1px; border-color: transparent; border-style: solid; font-size:1 } /****************** Info/warning bar ******************/ span.ui-icon-info { float: left; margin-right: 0.3em; } .ui-icon { float: left; } .ui-button { display: inline-block; position: relative; padding: 0; margin: 5px; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; text-align: center } .ui-button:hover { background: url(../images/jquery/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% 50% repeat-x; } /****************** Tabs ******************/ .tab { font: 12px verdana, arial, helvetica, sans-serif; border-style: none; overflow: hidden; } .tab p { font: 12px verdana, arial, helvetica, sans-serif; } .tab a { cursor: pointer; } .tab .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; } /****************** Inventory and user entry ******************/ .tab table { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #BDBDBD; border-collapse: collapse; } .tab th { font: 12px verdana, arial, helvetica, sans-serif; color: #424242; padding: 10px; background-color: #F2F2F2; border-width: 1px; border-style: solid; border-color: #BDBDBD; vertical-align: middle; text-align: center; } .tab td { font: 12px verdana, arial, helvetica, sans-serif; color: #424242; padding: 5px 15px; border-width: 1px; border-style: solid; border-color: #BDBDBD; vertical-align: middle; } .tab span a,.tab li a { text-decoration: none; cursor: pointer; } fieldset { margin-bottom: 5px; border-width: 1px 0 0 0; border-style: solid none none none; border-color: #D8D8D8; } .tab label { color: #424242; display: inline-block; line-height: 1.5; vertical-align: top; width: 140px; } legend { font: 12px verdana, arial, helvetica, sans-serif; color: #424242; font-weight: bold; padding: 10px 15px; } .tab ol { margin: 0; padding: 0; } .tab li { list-style: none; padding: 5px; margin: 0; } .tab textarea { font: 12px verdana, arial, helvetica, sans-serif; border: solid 0px #BDBDBD; padding: 5px; display: inline-table; width: 400px; height: 300px; } /****************** Action bar ******************/ .actionBar { display: inline-table; } .actionBar div { padding: 10px 0px; } .actionBar span { padding: 0px 10px; } .actionBar a { color: #2E6E9E; font-weight: bold; cursor: pointer; } .actionBar li { list-style: none; padding: 5px; margin: 0; } /****************** Status bar ******************/ .statusBar { border: solid 1px #F5D0A9; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; padding: 10px; background: #F8ECE0; } .statusBar p { font: 12px verdana, arial, helvetica, sans-serif; max-width: 700px; word-wrap: break-word; } /****************** Info bar ******************/ .infoBar { border: solid 1px #D8D8D8; padding: 0px 10px; background: #E0ECF8; } .infoBar span { width: 20px; display: inline-table; } .infoBar p { padding: 0px 10px; display: inline-table; word-wrap: break-word; } /****************** Datatable ******************/ .dataTables_wrapper { overflow: auto; width: 700px; margin: 0px auto; } /*** Show X entries ***/ .dataTables_length { width: 40%; float: left; padding: 10px 20px; text-align: left; } /*** Search ***/ .dataTables_filter { width: 50%; display: block; float: right; text-align: right; padding: 10px 10px; } .tab input,select { font: 12px verdana, arial, helvetica, sans-serif; border: solid 1px #BDBDBD; padding: 4px; } /*** Showing X to X of X entries ***/ .dataTables_info { padding: 10px 20px; width: 40%; float: left; } /*** < > buttons ***/ .paginate_disabled_previous,.paginate_enabled_previous,.paginate_disabled_next,.paginate_enabled_next { height: 19px; width: 19px; margin-left: 2px; float: left; } /*** Table ***/ .datatable { width: 660px; border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #BDBDBD; border-collapse: collapse; display: inline-table; } .datatable th { font: 12px verdana, arial, helvetica, sans-serif; color: #424242; padding: 10px; background-color: #F2F2F2; border-width: 1px; border-style: solid; border-color: #BDBDBD; vertical-align: middle; text-align: center; min-width: 30px; } .datatable td { font: 12px verdana, arial, helvetica, sans-serif; color: #424242; padding: 6px 12px; white-space: nowrap; /* Do not use word wrap */ border-width: 1px; border-style: solid; border-color: #BDBDBD; vertical-align: middle; text-align: center; } /*** Row color (odd) ***/ .datatable tr.odd { background-color: #E0ECF8; } .datatable tr.odd td.sorting_1 { background-color: #A9D0F5; } /*** Row color (even) ***/ .datatable tr.even { background-color: #EFF5FB; } .datatable tr.even td.sorting_1 { background-color: #CEE3F6; } .datatable a { text-decoration: none; color: #000FF; cursor: pointer; } .datatable a:hover { color: #FF0000; } /****************** Editable column ******************/ .tab .datatable textarea { font: 12px verdana, arial, helvetica, sans-serif; border: solid 1px #BDBDBD; overflow: hidden; } .tab .datatable button { border: solid 1px #BDBDBD; -moz-border-radius: .5em; -webkit-border-radius: .5em; padding: 5px 10px; margin: 0 10px; background-color: #D8D8D8; color: #424242; font-size: 12px; } .tab .datatable button:hover { background-color: #E6E6E6; } /****************** Context menu ******************/ .context-menu-theme-vista { background: #FAFAFA url(../images/context-menu-bg.gif) repeat-y left top ; border: 1px solid #868686; } .context-menu-theme-vista .context-menu-item { text-align: left; cursor: pointer; color: black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } .context-menu-theme-vista .context-menu-separator { margin: 0px 0px 0px 32px; font-size: 0px; border-top: 1px solid #C5C5C5; border-bottom: 1px solid #F5F5F5; } .context-menu-theme-vista .context-menu-item-hover { background: transparent url(../images/context-menu-item-hover.gif) repeat-x left center; border: 1px solid #D7D0B3; } .context-menu-theme-vista .context-menu-item .context-menu-item-inner { padding: 4px 16px 4px 35px; margin-left: 1px; background-color: none; background-repeat: no-repeat; background-position: 3px center; background-image: none; } .context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner { padding: 3px 15px 3px 35px; margin-left: 0px; } .context-menu-theme-vista .context-menu-item-disabled { color: #A7A7A7; } /****************** Forms ******************/ .form label { color: #424242; line-height: 1.5; vertical-align: top; width: 120px; padding: 0px 0px 0px 20px; display: inline-table; } .form div { margin: 10px 0; display: block; } .form ol { margin: 0; padding: 0; } .form li { list-style: none; padding: 5px 5px 5px 20px; margin: 0; } .form .indent { display: inline-table; } .form input,.form textarea,.form select { font: 12px verdana, arial, helvetica, sans-serif; border: solid 1px #BDBDBD; padding: 5px; display: inline-table; } .form textarea { width: 350px; height: 150px; } table a { font: 12px verdana, arial, helvetica, sans-serif; text-decoration: none; color: #0000FF; cursor: pointer; } table a:hover { color: #FF0000; } .button { padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; } .button:hover { border: solid 1px #d4d4d4; } /****************** Provision disk table ******************/ .provision table { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #BDBDBD; border-collapse: collapse; display: inline-table; } .provision input { font: 12px verdana, arial, helvetica, sans-serif; border: solid 1px #BDBDBD; padding: 3px; width: 60px; } /****************** Provision and clone table ******************/ .special table { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #BDBDBD; border-collapse: collapse; display: inline-table; } .special input { font: 12px verdana, arial, helvetica, sans-serif; border: solid 1px #BDBDBD; padding: 3px; } /****************** Provision and monitor forms ******************/ .provision div,.monitor div { margin: 10px 0; display: block; } .provision textarea,.monitor textarea { font: 12px verdana, arial, helvetica, sans-serif; border: solid 1px #BDBDBD; padding: 5px; display: inline-table; width: 350px; height: 150px; } .monitorsumdiv { width: 300px; height: 150px; float: left; margin: 0px 0px 10px 0px; } .monitornodediv { width: 240px; height: 120px; margin: 0px 0px 15px 0px; }