http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/4940e63d/console/plugin/css/site-base.css ---------------------------------------------------------------------- diff --git a/console/plugin/css/site-base.css b/console/plugin/css/site-base.css deleted file mode 100644 index 23141ec..0000000 --- a/console/plugin/css/site-base.css +++ /dev/null @@ -1,4482 +0,0 @@ -/* -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. -*/ -* { - outline: none; -} -a:focus { - outline: none; -} -.navbar .brand { - font-size: 18px; -} - -.brand > img { - height: 11px; - width: auto; -} - -.property-name { - white-space: nowrap; -} - -small table tbody tr td.property-name { - font-weight: bold; - text-align: right; -} - -#log-panel { - position: fixed; - top: -5px; - left: 30px; - right: 30px; - bottom: 50%; - z-index: 10000; - background: inherit; - transition: bottom 1s ease-in-out; -} - -#log-panel > div { - position: relative; - width: 100%; - height: 100%; -} - -#log-panel #log-panel-statements { - margin-left: 0; - margin-bottom: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 20px; - overflow-y: auto; -} - -#log-panel-statements li { - margin-left: 3px; - margin-right: 3px; - transition: background .25s ease-in-out; -} - -#log-panel-statements li pre { - border-radius: 0; - font-size: 11px; -} - -#log-panel-statements li:hover { - background: #111111; -} - -#log-panel-statements li.DEBUG { - color: dodgerblue; -} - -#log-panel-statements li.INFO { - color: white; -} - -#log-panel-statements li.WARN { - color: yellow; -} - -#log-panel-statements li.ERROR { - color: red; -} - -#log-panel #close { - text-align: center; - position: absolute; - height: 20px; - bottom: 0; - left: 0; - right: 0; - box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) inset; - opacity: 1; -} - -#log-panel #copy { - position: absolute; - right: 23px; - bottom: 26px; - background: inherit; - transition: opacity 1s ease-in-out; - opacity: 0.4; - cursor: pointer; -} - -#log-panel #copy:hover { - opacity: 1; -} - -div.log-stack-trace p { - line-height: 14px; - margin-bottom: 2px; -} - -#canvas { - display: inline-block; -} -.fill { - min-height: 100%; - height: 100%; -} -/* sub tab tweaks */ -body div div ul.nav { - margin-bottom: 5px; - border-bottom: none; -} - -#tree-ctrl { - position: relative; - top: -3px; -} - -#tree-ctrl > li > a { - display: block; - padding-left: 5px; - padding-right: 5px; - /* padding: 5px; */ -} - -ul.dynatree-container { - background: inherit; -} -ul.dynatree-container li { - background: inherit; -} -/* Chart stuff */ -#charts { - display: block; - overflow: hidden; - margin: 5px auto; - position: relative; - padding-bottom: 35px; -} -.group { - margin-bottom: 1em; -} -.axis { - font: 10px sans-serif; - pointer-events: none; - z-index: 2; -} -.axis.text { - -webkit-transition: fill-opacity 250ms linear; -} -.axis path { - display: none; -} -.axis line { - stroke: #000; - shape-rendering: crispEdges; -} -.axis.top { - position: relative; - top: 0; - padding: 0; -} -.axis.bottom { - position: absolute; - bottom: 0px; - padding: 0; -} -.horizon { - overflow: hidden; - position: relative; -} -.horizon:last-child { - border-bottom: none; -} -.horizon + .horizon { - border-top: none; -} -.horizon canvas { - display: block; -} -.horizon .title, -.horizon .value { - bottom: 0; - line-height: 30px; - margin: 0 6px; - position: absolute; - white-space: nowrap; -} -.horizon .title { - left: 0; -} -.horizon .value { - right: 0; -} -.line { - opacity: .2; - z-index: 2; -} - -td { - padding-right: 20px; -} - -.expandable { - padding: 3px; -} - -.expandable > .title { - cursor: pointer; -} - -i.expandable-indicator { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: inherit; -} - -.expandable-body form fieldset legend { - font-size: inherit; - margin-bottom: 0px; -} - -.expandable.opened i.expandable-indicator:before { - font-family: FontAwesome; - content: "\f078" !important; -} - -.expandable.closed i.expandable-indicator:before { - font-family: FontAwesome; - content: "\f054"; -} - -.expandable.opened i.expandable-indicator.folder:before { - font-family: FontAwesome; - content: "\F07C" !important; -} - -.expandable.closed i.expandable-indicator.folder:before { - font-family: FontAwesome; - content: "\F07B"; -} - -.expandable.opened .expandable-body { - display: inline-block; - margin-bottom: 3px; -} - -.expandable.closed .expandable-body { - display: none; -} - -span.dynatree-icon { - position: relative; - top: -2px; - font-size: 17px; -} - -span:not(.dynatree-has-children) .dynatree-icon:before { - font-family: FontAwesome; - content: "\f013"; -} - -ul.inline, -ol.inline { - margin-left: 0; - list-style: none; -} - -ul.inline > li, -ol.inline > li { - display: inline-block; - padding-right: 2px; - padding-left: 2px; -} - -.tab { - display: block; - margin-left: 1em; -} - -.red { - color: red !important; -} - -.orange { - color: orange !important; -} - -.yellow { - color: yellow !important; -} - -.green { - color: green !important; -} - -.background-green { - color: white; - background-color: #51a351; -} - -.background-light-green { - color: white; - background-color: #5ab15a; -} - -.blue { - color: dodgerblue !important; -} - -.background-blue { - color: white; - background-color: #006dcc; -} - -.icon1point5x { - font-size: 1.5em; -} - -.centered, -.align-center { - margin-left: auto !important; - margin-right: auto !important; - text-align: center; -} - -.align-right { - text-align: right; -} - -.align-left { - text-align: left; -} - -.inline { - display: inline; -} - -.inline-block, -.list-row-select, -.list-row-contents, -.list-row-contents > .ngCellText { - display: inline-block; -} - -.list-row { - height: 30px; - white-space: nowrap; -} - -.list-row .ngCellText { - padding: 0; - vertical-align: middle; -} - -.list-row-select, -.list-row-contents { - height: 100%; - vertical-align: middle; -} - -.list-row-select > input { - vertical-align: middle; -} - -.no-bottom-margin { - margin-bottom: 0 !important; -} - -.no-bottom-margin .control-group { - margin-bottom: 4px; -} - -.bottom-margin { - margin-bottom: 20px; -} - -li.attr-column { - width: 1em; -} - -.editor-autoresize .CodeMirror { - height: auto; -} - -.well.editor-autoresize { - padding: 0px; -} - -.well.editor-autoresize .CodeMirror { - margin-bottom: 0px; - border: none; -} - -.editor-autoresize .CodeMirror .CodeMirror-scroll { - overflow-y: hidden; - overflow-x: auto; -} - -.gridster ul#widgets { - list-style-type: none; -} - -.gridster ul#widgets .gs_w { - padding: 0px; - overflow: hidden; - position: relative; -} - -.gridster ul#widgets .preview-holder { - transition-property: opacity; - transition-duration: 500ms; - padding: 1px; -} - -.widget-area { - position: relative; - height: 100%; - width: 100%; -} - -.widget-title { - margin: 0; - padding-left: 5px; - padding-right: 5px; - z-index: 6000; - position: absolute; - top: 0; - left: 0; - right: 0; -} - -.widget-title:hover { - cursor: move; -} - -.widget-title > .row-fluid > .pull-right > i { - cursor: pointer; - opacity: .25; -} - -.widget-title > .row-fluid > .pull-right > i:hover { - transition: opacity 0.25s ease-in-out; - -moz-transition: opacity 0.25s ease-in-out; - -webkit-transition: opacity 0.25s ease-in-out; - opacity: 1; -} - -.widget-body { - position: absolute; - top: 20px; - bottom: 0; - left: 0; - right: 0; -} - -.height-controls > a { - float: left; - display: block; - opacity: .1; - text-decoration: none; -} - -.width-controls > a { - float: left; - display: block; - opacity: .1; - text-decoration: none; -} - -.width-controls > a:hover { - opacity: .9; - text-decoration: none; -} - -.height-controls > a:hover { - opacity: .9; - text-decoration: none; -} - -.width-controls { - font-size: 32px; - z-index: 50; - position: absolute; - width: 1.5em; - height: 3em; - display: block; - right: 5px; - top: 43%; -} - -.height-controls { - font-size: 32px; - z-index: 50; - position: absolute; - display: block; - width: 3em; - height: 1.5em; - left: 41%; - bottom: 5px; -} - -editable-property { - position: relative; -} - -.ep.editing { - position: absolute; - top: -10px; - padding: 0; - z-index: 10000; - border: 1px solid #cecdcd; - white-space: nowrap; -} - -/* -.widget-title > div > div .ep[ng-show=editing] { - top: -1px; -} - -table .ep.editing { - top: 12px; -} - */ -.ep.editing > form > fieldset > i { - position: relative; - top: 2px; -} - -.ep > i { - cursor: pointer; - opacity: .25; - transition: opacity 0.25s ease-in-out; - -moz-transition: opacity 0.25s ease-in-out; - -webkit-transition: opacity 0.25s ease-in-out; -} - -.ep > form > fieldset > input { - border: 0; -} - -.ep > i:hover { - opacity: 1; -} - -.ep form fieldset i { - cursor: pointer; - padding-left: 5px; -} - -.ep form.no-bottom-margin { - margin: 0; -} - -.ngTotalSelectContainer { - margin: 0px; -} - -.ngTopPanel { - background: inherit; -} - -.ngGrid { - background: inherit; -} - -.ngViewport { - margin-left: 0px; - margin-right: 0px; -} - -#widgets li div div div div form fieldset div input { - display: none; -} -#widgets li div div div div div#attributesGrid div div div div.ngHeaderCell { - border: none; -} -#widgets li div div div div div#attributesGrid div div div div.ngCell { - border: none; -} -#widgets li div div div div div#attributesGrid div.ngTopPanel { - border: none; -} -#widgets li div div div div div#attributesGrid div.ngTopPanel div.ngGroupPanel { - border: none; -} -#widgets li div div div div div#attributesGrid div.ngFooterPanel { - border: none; - display: none; -} -.ngFooterPanel { - border-top: none; -} -.ngRow .ngCell:last-child { - border-right: none; -} -.ngRow:last-child { - border-bottom: none; -} -.ngFooterTotalItems span:first-child { - margin-right: .5em; -} - -.ACTIVE:before { - font-family: FontAwesome; - content: "\f087"; - font-style: normal; - color: #777777; -} - -.RESOLVED:before { - font-family: FontAwesome; - content: "\f0ad"; - font-style: normal; -} - -.STARTING:before { - font-family: FontAwesome; - content: "\f021"; - font-style: normal; -} - -.STARTING { - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} - -.STOPPING:before { - font-family: FontAwesome; - content: "\f021"; - font-style: normal; -} - -.STOPPING { - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; -} - -.UNINSTALLED:before { - font-family: FontAwesome; - content: "\f014"; - font-style: normal; -} - -.INSTALLED:before { - font-family: FontAwesome; - content: "\f06b"; - font-style: normal; -} - -.table-bordered { - border: none; - border-radius: 0px; -} - -.table-bordered thead:first-child tr:first-child th:first-child, -.table-bordered tbody:first-child tr:first-child td:first-child { - border-radius: 0px; - border-left: none; -} - -.table-bordered th, -.table-bordered td { - border-left: none; - border-top: none; -} - -.table-bordered th:last-child, -.table-bordered td:last-child { - border-left: none; - border-top: none; - border-right: none; -} - -table.table thead .sorting { - background: inherit; -} - -table.table thead .sorting_asc:after { - background: url('../img/datatable/sort_asc.png') no-repeat top center; -} - -table.table thead .sorting_desc:after { - background: url('../img/datatable/sort_desc.png') no-repeat top center; -} - -.dataTables_filter label { - margin-bottom: 0px; -} - -.dataTables_filter label input { - padding-right: 14px; - padding-right: 4px \9; - padding-left: 14px; - padding-left: 4px \9; - margin-bottom: 0; -} - -.nav { - margin-bottom: 10px; -} - -.navbar-fixed-top { - margin-bottom: 0px; -} - -#main > div > ul.nav, -ng-include > .nav.nav-tabs { - margin-bottom: 10px; - min-width: 120px; -} - -#main > div > ul.nav > li, -ng-include > .nav.nav-tabs > li { - margin-top: 3px; - margin-bottom: 3px; -} - -.navbar .btn-navbar span:after { - font-family: FontAwesome; - content: "\f0de"; - margin-left: 7px; -} - -.navbar .btn-navbar.collapsed span:after { - font-family: FontAwesome; - content: "\f0dd"; - margin-left: 7px; -} - -#main > div > ul.nav, -ng-include > .nav.nav-tabs { - padding-left: 3px; - padding-right: 3px; -} - -.nav-tabs > li > a, -.nav-pills > li > a { - margin-right: 0px; -} - -div#main div ul.nav li a, -div#main div ul.nav li span { - padding-bottom: 2px; - padding-top: 2px; -} - -div#main div ul.nav li a:hover { - padding-bottom: 2px; - padding-top: 2px; -} - -#main div div div section .tabbable .nav.nav-tabs { - margin-top: 0px; - margin-bottom: 10px; - min-width: 120px; -} - -#main > div > div > div > .nav.nav-tabs:not(.connected), -.span12 > .nav.nav-tabs:not(.connected) { - margin-top: 5px; -} - -.span12 > .nav.nav-tabs:not(.connected), -.span12 > .nav.nav-tabs > li { - margin: 3px; -} - -.logbar { - z-index: 40; - position: fixed; - width: 87%; - top: 70px; - left: 5%; - padding-left: 20px; - padding-right: 20px; -} - -.logbar-container { - margin-top: 10px; - margin-bottom: 5px; -} - -.logbar-container .control-group { - margin-bottom: 5px; -} - -.log-main { - margin-top: 55px; -} - -.log-filter { - margin-right: 30px; -} - -.ui-resizeable-handle { - display: none; -} - -.ui-resizable-se { - height: 10px; - width: 10px; - margin-right: 5px; - margin-bottom: 5px; - font-size: 32px; - z-index: 50; - position: absolute; - display: block; - right: 0px; - bottom: 0px; - cursor: se-resize; -} - -.no-log { - margin-top: 55px; -} - -.control i { - cursor: pointer; -} - -td.details { - padding: 0px; - border: none; - margin: 0px; - height: 0px; -} - -.innerDetails { - padding: 5px; - white-space: normal; - display: none; -} - -table.dataTable { - table-layout: fixed; -} - -table.dataTable tbody tr td { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -.wiki.logbar-container { - margin-top: 5px; - margin-bottom: 5px; -} - -.wiki.logbar-container > .nav.nav-tabs { - margin-top: 0px; - margin-bottom: 0px; -} - -.wiki.logbar-container .pull-right { - margin-top: 1px; -} - -.wiki-fixed { - margin-top: 45px; -} - -.wiki-fixed .pane { - top: 120px; -} - -.help-sidebar li { - padding-left: 2px; - padding-right: 2px; -} - -.help-sidebar li a { - padding-left: 3px; - padding-right: 3px; -} - -.help-sidebar li:first-child { - margin-top: 0px !important; - padding-top: 20px; -} - -.help-display p { - text-align: justify; -} - -.help-display h5 { - margin-top: 2em; -} - -.help-display h6 { - margin-top: 2em; -} - -.form-data { - display: inline-block; - margin: 5px; -} - -input[type="checkbox"].hawtio-checkbox { - margin-top: 10px; -} - -.bundle-list { - width: 100%; -} - -.bundle-item { - position: relative; - display: inline-block; - width: 300px; - margin-bottom: 1px; -} - -.bundle-item-details table { - min-height: 0; -} - -.bundle-item-details { - height: 0; - display: inline-block; - z-index: 15; -} - -.bundle-item > a { - display: block; - z-index: 5; -} - -.bundle-item > a:hover { - text-decoration: none; -} - -.bundle-item a span { - display: block; - padding: 8px; - font-weight: normal; - z-index: 6; - text-overflow: ellipsis; - overflow: hidden; -} - -.bundle-item a span.badge { - margin-left: 7px; -} - -.bundle-item a span.badge::before { - padding: 0px; - float: left; - position: relative; - top: 4px; - left: -8px; - display: block; - content: ' '; - height: 6px; - width: 6px; - z-index: 10; -} - -.bundle-item a.toggle-action { - position: absolute; - display: block; - width: 16px; - height: 16px; - margin: 0; - padding: 0; - right: 12px; - top: 6px; - opacity: 0.2; - transition: all 500ms ease-in-out; - font-size: 18px; -} - -.bundle-item a.toggle-action .icon-power-off { - color: orange; -} - -.bundle-item a.toggle-action .icon-play-circle { - color: green; -} - -.bundle-item a.toggle-action:hover { - opacity: 1; - text-decoration: none; -} - -.bundle-list { - margin-bottom: 2em; -} - -div.hawtio-form-tabs div.tab-content { - padding-top: 15px; - padding: 10px; -} - -.hawtio-form fieldset legend { - margin-bottom: 0; - border-bottom: none; - font-size: 15px; -} - -.spacer { - display: inline-block; - margin-bottom: 10px; -} - -div.hawtio-form-tabs ul.nav-tabs { - margin-bottom: 0px !important; -} - -div.hawtio-form-tabs ul.nav-tabs li { - margin-bottom: -1px !important; -} - -div.hawtio-form-tabs ul.nav-tabs li.active:first-child { - margin-left: 0px; -} - -div.hawtio-form-tabs ul.nav-tabs li.active { - margin-right: 1px; - margin-left: 2px; - box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1) !important; -} - -div.hawtio-form-tabs ul.nav-tabs li.active a { - font-weight: bold; -} - -.popover-inner .popover-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.popover { - width: auto; -} - -li.stacktrace { - line-height: 10px; -} - -.control-button { - width: 14px; -} - -.ngViewport:focus { - outline: none; -} - -.wikiGridStyle { - height: 350px; -} - -/** Animations */ -.wave-enter-setup, -.wave-leave-setup { - transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -} - -.wave-enter-setup { - position: absolute; - left: -100%; -} - -.wave-enter-start { - left: 0; -} - -.wave-leave-setup { - position: absolute; - left: 0; -} - -.wave-leave-start { - left: 100%; -} - -/* slideout directive stuff */ -.slideout { - position: fixed; - z-index: 3000; - width: 75%; -} - -.slideout > .slideout-title { - min-height: 22px; - font-size: 20px; - padding: 15px; -} - -.slideout > .slideout-content { - position: relative; - min-height: 93%; - max-height: 93%; - overflow: auto; - -webkit-transform: translateZ(0); -} - -.slideout-title span { - width: 97%; - display: inline-block; - text-align: left; -} - -.slideout.left > .slideout-content { - left: 0; - top: 0; - margin-right: 2px; - margin-left: 0px; -} - -.slideout.right > .slideout-content { - left: 2px; - top: 0; - margin-left: 2px; - margin-right: 0px; -} - -.slideout > .slideout-content > .slideout-body { - margin: 5px; - height: 100%; -} - -.slideout.right { - left: 100%; -} - -.slideout.left { - left: -75%; -} - -.slideout .slideout-title a { - display: inline-block; -} - -.slideout .slideout-title a:hover { - text-decoration: none; -} - -.slideout.right .slideout-title a { - margin-left: 5px; - float: left; -} - -.out { - transition: left 1s, right 1s ease-in-out; -} - -.slideout.left .slideout-title a { - margin-right: 5px; - float: right; -} - -.slideout.right.out { - left: 25%; -} - -.slideout.left.out { - left: 0%; -} - -.column-filter { - width: 94%; - margin-bottom: 10px !important; -} - -.color-picker { - display: inline-block; - position: relative; - margin: 0px; - line-height: 0px; -} - -.color-picker .wrapper { - display: inline-block; - padding: 2px; - line-height: 0; -} - -.selected-color { - width: 1em; - height: 1em; - padding: 4px; - transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; - display: inline-block; - cursor: pointer; -} - -.color-picker-popout { - transition: opacity 0.25s ease-in-out; - position: absolute; - top: 0px; - overflow: hidden; - padding: 0px; - line-height: 0; - margin: 0px; - width: 0px; - opacity: 0; -} - -.popout-open { - padding: 1px; - width: auto; - opacity: 1; -} - -.color-picker div table tr td div { - width: 1em; - height: 1em; - padding: 3px; - transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -} - -.color-picker div table tr td { - padding-right: 5px; -} - -.color-picker div table tr td:last-child { - padding-right: 0px; -} - -.modal-body div form fieldset div.spacer { - display: inherit; - margin-bottom: inherit; -} - -.mouse-pointer { - cursor: pointer; -} - -.clickable { - cursor: pointer; - opacity: 0.6; - transition: opacity .5s; - text-decoration: none; -} - -.clickable, -.clickable:before { - width: 16px; - height: 16px; - line-height: 16px; -} - -.clickable.no-fade { - transition: none; - opacity: 1; -} - -.clickable:hover { - opacity: 1; - text-decoration: none; -} - -.hawtio-pager { - overflow: auto; - display: inline-block; -} - -.hawtio-pager label { - min-height: 100%; - vertical-align: middle; - margin-right: 5px; - display: inline-block; -} - -.fabric-view { - position: relative; - min-width: 928px; -} - -.columns { - position: absolute; - bottom: 0; - top: 0; - left: 0; - right: 0; - padding-left: 300px; - padding-right: 304px; - padding-bottom: 0px; - padding-top: 0px; -} - -.column { - float: left; - position: relative; - margin-top: 0px; - margin-bottom: 0; - height: 100%; - overflow-x: hidden; - overflow-y: auto; -} - -.columns #center { - width: 100%; - padding: 0 5px; - margin-right: 8px; -} - -.columns #left { - width: 280px; - padding: 0 5px; - margin-left: -100%; - right: 315px; -} - -.columns #right { - width: 270px; - padding: 0 5px; - margin-right: -330px; -} - -.canvas { - height: 91%; -} - -.container-section { - height: 90%; - overflow-x: hidden; - overflow-y: auto; -} - -.profile-section { - overflow-x: hidden; - overflow-y: auto; -} - -.box.ui-draggable-dragging { - width: 274px; - transition: none; -} - -.box.selected .box-right i { - text-shadow: none; -} - -.contained { - display: inline-block; - overflow: hidden; - text-overflow: ellipsis; - position: relative; - white-space: nowrap; -} - -h2 > .contained { - top: 5px; -} - -h4 > .contained { - top: 4px; -} - -.dropdown-toggle > .contained, -.breadcrumb-link > .contained { - top: 2px; - line-height: 15px; -} - -/* these widths are totally arbitrary */ -.c-narrow { - max-width: 5em; -} - -.c-medium { - max-width: 10em; -} - -.c-wide { - max-width: 15em; -} - -.c-wide2 { - max-width: 20em; -} - -.c-wide3 { - max-width: 25em; - min-width: 10em; -} - -.c-max { - width: 100%; -} - -.fabric-page-header > .profile-summary-wide { - margin-left: 10px; - line-height: 22px; -} - -.profile-selector-name > .contained { - top: 8px; -} - -.box { - cursor: pointer; - height: 50px; - overflow: hidden; - padding: 0; - margin: 0; - position: relative; - text-overflow: ellipsis; - transition: all 0.2s ease 0s; - white-space: nowrap; - line-height: 22px; - vertical-align: middle; -} - -.box > .box-left, -.box > .box-right, -.box > .box-middle { - display: inline-block; - position: absolute; - vertical-align: middle; - top: 0; - bottom: 0; - padding-top: 10px; -} - -.box > .box-left { - left: 11px; -} - -.box > .box-right { - right: 11px; -} - -.box > .box-middle { - right: 60px; -} - -.box > .box-left > div, -.box > .box-right > div, -.box > .box-middle > div { - -} - -.box > .box-left > div > div, -.box > .box-right > div > div, -.box > .box-middle > div > div { - vertical-align: middle; - display: inline-block; - margin-left: 4px; - margin-right: 4px; -} - - -.box > .box-left > div > div .contained, -.box > .box-left > div > div > span, -.box > .box-right > div > div .contained, -.box > .box-middle > div > div .contained { - vertical-align: middle; -} - - -.box > .box-left > .profile-select { - display: inline-block; - top: 9px; - max-width: 210px; - width: 210px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -.box input[type='checkbox'] { - margin-top: 5px; - display: inline; -} - -.box .active-profile a.invisible { - visibility: none; -} - -.box .active-profile div { - display: inline; -} - -.box .active-profile { - position: absolute; - display: inline-block; - top: 10px; - left: 12px; - right: 0px; -} - -.box .active-profile [class^='icon-circle'] { - top: 0; -} - -.box-middle ul.inline li { - opacity: 0.5; - transition: opacity 0.5s; -} - -.box-middle ul.inline li:hover{ - opacity: 1; -} - -.section-header { - padding: 5px 7px; -} - -.selection-controls { - display: inline-block; -} - -.section-title { - margin-left: 10px; - display: inline-block; -} - -.section-controls { - display: inline-block; - float: right; -} - -#center .section-header .section-controls { - position: relative; - top: 7px; - left: -2px; -} - -.page-padded .section-header .section-controls { - position: relative; - top: 6px; - left: -3px; -} - -.page-padded .section-header .selection-controls { - position: relative; - top: 1px; -} - -.section-controls > a, -.section-controls > span > span > span > span > span > .hawtio-dropdown { - margin-left: 12px; - margin-right: 12px; - cursor: pointer; -} - -.section-controls > a:hover, -.section-controls > span:hover { - text-decoration: none; -} - -.section-controls > a.nav-danger { - color: IndianRed !important; -} - -.section-controls > a.nav-danger:hover { - text-shadow: rgba(205, 92, 92, 0.6) 0 0 20px !important; -} - -.page-padded .section-header .section-filter { - margin-top: 0px; -} - -.section-filter { - position: relative; - display: inline-block; - margin-left: 12px; -} - -.active-profile-filter > .section-filter { - margin-top: 5px; -} - -#center > .section-header > .section-filter { - margin-top: 0px; -} - -#right > .section-header > .section-filter { - margin-left: 8px; -} - -#right > .canvas { - height: 80%; -} - -.section-filter .icon-remove { - position: absolute; - top: 7px; - right: 9px; -} - -.features-toolbar { - position: relative; - margin-bottom: 0.5em; -} - -.version-section > .canvas > div > .box { - line-height: inherit; -} - -.version-section select { - width: 100%; - margin-top: 5px; - margin-bottom: 5px; -} - -span.remove { - float: right; -} - -span.deleting { - text-decoration: line-through; -} - -td.deleting { - background-color: IndianRed !important; -} - -td.adding { - background-color: Aquamarine !important; -} - -.no-match-filter { - display: none; -} - -.file-upload div form fieldset .input-prepend .btn { - float: left; -} - -@-moz-document url-prefix() { - /* hack to get the add button to line up correctly in FF */ - .input-prepend .btn { - padding-top: 5px; - padding-bottom: 5px; - } -} - -.input-prepend .progress { - position: relative; - left: 1px; - top: 0px; - min-height: 30px; - width: 160px; -} - -.login-wrapper { - position: absolute; - left: 0; - top: 350px; - padding-top: 2px; - padding-bottom: 2px; - padding-left: 0; - padding-right: 0; - line-height: 0; - width: 100%; -} - -.login-wrapper form { - margin-bottom: 0px; - padding-top: 67px; - padding-bottom: 7px; - padding-right: 40px; - padding-left: 40px; -} - -.login-wrapper form fieldset { - width: 413px; -} - -.login-form form fieldset .control-group { - margin-bottom: 15px; - margin-left: 5px; -} - -.login-form form fieldset .control-group button[type='submit'] { - float: right; -} - -.login-logo { - display: block; - position: absolute; - letter-spacing: 5px; - padding: 10px; - font-size: 20px; - left: 233px; - top: 9px; -} - -.login-logo > img { - height: 30px; -} - -/** highlight required fields which have no focus */ -input.ng-invalid, -textarea.ng-invalid, -select.ng-invalid { - border-color: #e5e971; - -webkit-box-shadow: 0 0 6px #eff898; - -moz-box-shadow: 0 0 6px #eff898; - box-shadow: 0 0 6px #eff898; -} - -/** Use bigger and darker border on checkboxes as its hard to see since they already have a shadow */ -input[type="checkbox"].ng-invalid { - -webkit-box-shadow: 0 0 12px #e5e971; - -moz-box-shadow: 0 0 12px #e5e971; - box-shadow: 0 0 12px #e5e971; -} - -.container-profile-settings { - min-width: 360px; -} - -.container-settings { - min-width: 360px; -} - -.bold { - font-weight: bold; -} - -.container-settings dd .ep { - display: inline-block; - top: -5px; -} - -.deployment-pane h3 { - margin-top: 0px; -} - -.deployment-pane ul li i { - display: inline-block; - white-space: nowrap; -} - -.deployment-pane ul li { - white-space: nowrap; - padding: 7px; -} - -.deployment-pane ul li editable-property { - display: inline-block; -} - -.deployment-pane ul li .ep { - display: inline-block; -} - -.container-settings dd input[type=radio] { - display: inline-block; -} - -.fabric-page-header .span4 h1, -.fabric-page-header .span4 h2 { - line-height: inherit; -} - -.fabric-page-header h2.inline-block { - margin-top: 0; - margin-bottom: 0; -} - -.create-container-body { - margin-top: 10px; -} - -.log-stack-trace > dd { - margin-left: 0; -} - -.log-message > dd > div { - margin-top: 10px; -} - -.log-stack-trace > dd > ul { - margin-top: 10px; -} - -.log-stack-trace > dd > ul > li { - line-height: 12px; -} - -.log-stack-trace > dd > ul > li > div.stack-line > a { - font-weight: bold; -} - -pre.stack-line { - padding: 0; - margin: 0; - line-height: 14px; -} - -div.stack-line { - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; - line-height: 14px; -} - -#container-create-form { - margin-bottom: 14px; -} - -#container-create-form .control-group { - margin-bottom: 0px; -} - -h1.ajaxError { - font-size: 16px; -} - -h2.ajaxError { - font-size: 14px; -} - -h3.ajaxError, -h4.ajaxError { - font-size: 12px; -} - -.directive-example { - padding: 10px; - margin: 10px; -} - -div#main div ul.nav li a.nav-primary.active { - color: rgba(255, 255, 255, 0.75); -} - -div#main div ul.nav li a.nav-primary { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #006dcc; - background-image: -moz-linear-gradient(top, #0088cc, #0044cc); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); - background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); - background-image: -o-linear-gradient(top, #0088cc, #0044cc); - background-image: linear-gradient(to bottom, #0088cc, #0044cc); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); - border-color: #0044cc #0044cc #002a80; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #0044cc; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -div#main div ul.nav li a.nav-primary:hover, -div#main div ul.nav li a.nav-primary:active, -div#main div ul.nav li a.nav-primary.active, -div#main div ul.nav li a.nav-primary.disabled, -div#main div ul.nav li a.nav-primary[disabled] { - color: #ffffff; - background-color: #0044cc; - *background-color: #003bb3; -} - -div#main div ul.nav li a.nav-primary:active, -div#main div ul.nav li a.nav-primary.active { - background-color: #003399 \9; -} - -.nav.nav-tabs li a[disabled] { - cursor: not-allowed; - opacity: 0.3; -} - -.caret:before { - font-family: 'FontAwesome'; - border: 0; - content: "\f078"; - font-size: 11px; - display: block; - position: relative; - top: -9px; - left: 0; -} - -.dropdown.perspective-selector .caret:before { - top: -7px; -} - -.caret { - border: none; - width: 9px; -} - -div#main div ul.nav li a.nav-primary .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -.main-nav-upper .container:before { - display: none; -} - -.main-nav-upper .container:after { - display: none; -} - -.main-nav-upper .container { - width: auto; - line-height: 23px; - vertical-align: auto; -} - -.main-nav-upper .icon-desktop:before { - position:relative; - top: 1px; -} - -.main-nav-lower .container:before { - display: none; -} - -.main-nav-lower .container:after { - display: none; -} - -.main-nav-lower .container { - width: 100%; -} - -.overflow > .dropdown-toggle:not(.open) + .dropdown-menu { - border: none; -} - -.main-nav-lower .container ul.nav { - width: 100%; -} - -.navbar-inner { - height: auto; - min-height: 0; -} - -.main-nav-upper { - height: 28px; - min-height: 28px; - font-size: 11px; -} - -.main-nav-upper .brand { - font-size: 13px; - margin-left: 0px; - padding: 0px; - font-weight: normal; - margin-left: 20px; -} - -.main-nav-upper .nav li a { - padding-top: 2px; - padding-bottom: 5px; -} - -#main-nav { - max-height: 70px; -} - -#main { - margin-top: 70px !important; -} - -dd.file-list { - margin-left: 0; -} - -.file-list-toolbar .nav .caption { - font-weight: bold; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 0 !important; -} - -.file-icon { - padding: 0; - margin: 0; - display: inline-block; - width: 16px; - height: 16px; - margin-right: 6px; -} - -.file-icon i { - width: 16px; - height: 16px; - font-size: 17px; - position: relative; - left: 2px; - top: 2px; -} - -.file-icon img { - width: 16px; - height: 16px; -} - -.page-padded { - padding-left: 20px; - padding-right: 20px; -} - -.fabric-page-header .span4 h2 i { - margin-right: 13px; -} - -.controller-section-widget { - padding: 3px; -} - -.container-dashboard-controls { - position: relative; - z-index: 10; -} - -.container-dashboard-controls .pull-right .btn { - opacity: 0.5; - transition: opacity 1s; -} - -.container-dashboard-controls .pull-right .btn:hover { - opacity: 0.9; -} - -.container-dashboard-status-table { - position: relative; - top: -34px; - display: table; - max-width: 278px; - z-index: 9; -} - -.container-status-dashboard { - text-align: center; - display: table-cell; - min-width: 144px; -} - -.container-status-dashboard i { - position: relative; - left: 0px; - font-size: 133px; -} - -.status-icon { - display: inline-block; - text-decoration: none; - color: inherit; -} - -.status-icon:hover { - text-decoration: none; -} - -.dashboard-service-list { - display: table-cell; - min-width: 139px; - vertical-align: middle; -} - -.container-dashboard-profile-controls { - width: 100%; - text-align: center; - margin-bottom: 5px; -} - -.no-list { - list-style-type: none; -} - -.profile-selector-item { - display: table; -} - -.profile-selector-checkbox { - display: table-cell; - padding-right: 5px; -} - -.profile-selector-name { - display: table-cell; - position: relative; - width: 100%; -} - -.profile-info { - position: absolute; - right: 3px; -} - -.profile-list ul { - margin-left: 0; - margin-bottom: 0; -} - -.profile-list ul li .expandable .expandable-body { - margin-left: 16px; -} - -/** fabric active profiles */ -.active-profile-titles { - position: relative; - display: inline-block; - width: 100%; - height: 40px; -} - -.active-profile-list .expandable { - padding: 0; -} - -.active-profile-titles.section-header { - padding: 0; -} - -.active-profile-titles div:not(.active-profile-filter) { - display: inline-block; - font-weight: bold; - top: 10px; -} - -.active-profile-row { - position: relative; - display: inline-block; - width: 100%; - line-height: 22px; - height: 22px; -} - -.active-profile-row div { - display: inline-block; -} - -.active-profile-list .expandable .expandable-body { - width: 100%; -} - -.active-profile-list .expandable .expandable-body ul li .box { - background: inherit; -} - -.active-profile-list .expandable .expandable-body ul li .child-container { - margin-left: 0; -} - -.active-profile-expander { - position: absolute; - left: 0; -} - -.active-profile-requirements { - position: absolute; - right: 75px; -} - -.active-profile-requirements-title { - position: absolute; - right: 75px; -} - -.active-profile-create { - position: absolute; - right: 210px; -} - -.active-profile-count { - position: absolute; - right: 0px; -} - -.active-profile-count-title { - padding: 5px; - text-align: right; - font-weight: bold; -} - -.active-profile-titles .section-controls { - position: absolute; - top: 10px !important; - right: 10px; -} - -.active-profile-titles .section-controls a { - font-weight: normal; -} - - -.active-profile-name { - position: absolute; - left: 35px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - right: 95px; -} - -.active-profile-icon { - position: absolute; - top: 1px; - left: 15px; - color: green !important; -} - -.active-profile-icon i { - font-size: 17px; -} - -.active-profile-filter { - position: absolute; - left: 0px; - top: -10px; -} - -.active-profile-main { - min-width: 754px; -} - -.active-profile-count a .icon-plus { - position: relative; - top: 1px; -} - -.active-profile-count a:hover { - text-decoration: none; -} - -/** fabric brokers page */ -.mq-titles { - position: relative; - display: inline-block; - width: 100%; - height: 40px; -} - -.mq-titles.section-header { - padding: 0; -} - -.mq-titles .section-controls { - position: absolute; - top: 9px !important; - right: 0px; -} - -.mq-titles .section-controls a { - font-weight: normal; -} - -.mq-profile-icon { - color: green !important; -} - -.mq-profile-list, .mq-broker-list, .mq-container-list { - margin-left: 15px; -} - -i.mq-master { - color: orange; -} - -.mq-broker-rectangle, .mq-container-rectangle { - position: relative; - - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - - margin-left: 5px; - margin-right: 5px; - margin-bottom: 5px; - margin-top: 5px; - - border-left-width: 10px; - border-right-width: 10px; - border-top-width: 10px; - - *zoom: 1; - padding: 4px 12px; - margin-bottom: 0; - font-size: 14px; - line-height: 20px; - *line-height: 20px; - text-align: center; - vertical-align: middle; - cursor: pointer; -} - -.mq-page { - position: relative; -} - -.mq-page .hero-unit { - position: absolute; - top: 53px; - left: 10px; - right: 10px; -} - -.mq-groups { - position: absolute; - top: 42px; - left: 19px; - right: 10px; -} - -.mq-group-rectangle:first-child { - margin-top: 10px; -} - -.mq-group-rectangle { - position: relative; - margin-left: 0; - margin-right: 10px; - margin-bottom: 10px; - margin-top: 0; -} - -.mq-group-rectangle-label .mq-group-name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - position: absolute; - top: 61px; - left: 4px; - right: 0; -} - -.mq-group-rectangle-label a { - position: absolute; - top: 5px; - right: 5px; -} - -.mq-group-rectangle-label { - position: relative; - top: 7px; - display: inline-block; - min-width: 150px; - max-width: 150px; - min-height: 150px; -} - -.mq-profiles { - position: absolute; - min-height: 185px; - left: 150px; - right: 0; - display: inline-block; - overflow-x: auto; -} - -.mq-profiles .mq-profile-canvas { - overflow: auto; -} - -.mq-profile-rectangle { - display: inline-block; - height: 150px; - margin: 0; - margin-top: 5px; - margin-left: 10px; - padding-left: 4px; - padding-right: 4px; - padding-top: 4px; -} - -.mq-profile-rectangle-label { - position: relative; - top: 2px; -} - -.mq-profile-name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - margin-right: 48px; - max-width: 300px; - display: block; -} - -.mq-profile-rectangle-label .mq-profile-create-broker { - position: absolute; - top: 0; - right: 0; -} - -.mq-profile-canvas { - display: inline-block; -} - -.mq-broker-area { - position: relative; - top: 11px; - text-align: center; - margin-left: auto; - margin-right: auto; -} - -.mq-container-rectangle { - margin-top: 2px; - width: 20px; -} - -.mq-container-row { - display: block; - margin-top: 8px; - margin-left: auto; - margin-right: auto; -} - -.mq-broker-rectangle { - height: 88px; -} - -.mq-group-rectangle-label, .mq-profile-rectangle-label, .mq-broker-rectangle-label, .mq-container-rectangle-label { - white-space:nowrap; -} - -/** dashboard */ -.dashboard-link-row { - width: 100%; - position: relative; -} - -a.dashboard-link { - line-height: 15px; - font-weight: normal; -} - -a.dashboard-link:hover { - text-decoration: none; -} - -.dashboard-link { - position: absolute; - top: 15px; - right: 76px; - z-index: 500; -} - -.container-list-main { - min-width: 592px; -} - -.widget-title > .row-fluid { - position: relative; -} - -.widget-title > .row-fluid > .pull-left { - position: absolute; - right: 16px; - left: 0; -} - -.widget-title > .row-fluid > .pull-left > .ep > div { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -.container-detail-profiles { - position: relative; - margin-top: 2px; -} - -.container-detail-profile-buttons { - position: absolute; - right: 0; - z-index: 50; -} - -#dialog-body div .profile-list { - max-height: 327px; - overflow-y: auto; -} - -@media (max-width: 979px) { - .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { - padding: 0; - } - - .navbar-fixed-top, .navbar-fixed-bottom { - position: fixed; - } - -} - -.header-list li { - vertical-align: top; - height: 30px; -} - -.header-list li div { - height: 30px; -} - -.provision-list { - margin-left: 0px; -} - -.provision-list ul { - margin-left: 0px; -} - -.provision-list ul li { - list-style-type: none; - padding: 7px; -} - -ul.zebra-list { - margin-left: 0; -} - -.zebra-list li { - padding: 7px; -} - -ul.zebra-list > li { - list-style-type: none; -} - -ol.zebra-list { - counter-reset:li; - margin-left: 0; - padding-left: 0; -} - -ol.zebra-list > li { - position: relative; - list-style-type: none; -} - -ol.zebra-list > li:before { - content: counter(li); - counter-increment: li; - padding: 7px; - font-weight: bold; -} - -.pointer { - cursor: pointer; -} - -.container-profile-settings span.folder-title { - font-weight: bold; -} -li.profile-selector-folder span.folder-title:hover, li.profile div.profile-selector-name>span>span:hover { - color: #005580; -} -.widget-body div div .wiki-fixed { - margin: 3px; -} - -.loading { - position: relative; - top: 140px; -} - -.loading p { - margin-top: 20px; - font-weight: bold; - font-size: 20px; -} - -.add-link { - position: absolute; - right: 20px; - top: 130px; - width: 22px; - height: 19px; - text-align: center; -} - -.log-table > li { - position: relative; - list-style-type: none; - min-height: 32px; - max-width: 100%; - padding: 0; -} - -.log-table .table-head div div { - font-weight: bold; - text-align: center !important; - direction: ltr !important; -} - -.log-table .table-head div div:nth-child(4) { - font-weight: bold; - left: 247px; - width: 326px; - text-align: center !important; - direction: ltr !important; -} - -.log-table > li > div > div { - position: absolute; - display: inline-block; - white-space: nowrap; - text-overflow: ellipsis; - font-size: 12px; - min-height: 28px; - overflow-x: hidden; - padding: 3px; - padding-top: 6px; - width: auto; -} - -.log-table { - margin: 0; -} - -.log-table > .table-row { - cursor: pointer; -} - -.log-table > .table-row.selected:before { - z-index: 39; - position: absolute; - top: 6px; - font-family: FontAwesome; - content: "\f054"; - font-size: 20px; - color: green; -} - -.log-table > li > div > div:nth-child(1):not(.stack-line) { - left: 0; - width: 11px; - z-index: 5; -} - -.log-table > li > div > div:nth-child(2) { - left: 18px; - width: 180px; - z-index: 5; -} - -.log-table > li > div > div:nth-child(3) { - left: 190px; - width: 60px; - z-index: 5; - text-align: center; -} - -.log-table > li > div > div:nth-child(4) { - padding-right: 5px; - text-align: right; - direction: rtl; - z-index: 3; - left: 0; - width: 573px; -} - -.log-table > li > div > div:nth-child(5) { - left: 580px; - right: 0; - padding-left: 5px; -} - -.log-table > li > div > div:nth-child(6) { - position: static; - margin-top: 43px; - white-space: normal; - display: block; -} - -.log-info-panel { - z-index: 60; - position: fixed; - right: 7em; - top: 150px; - bottom: 5em; - padding: 0; - overflow: hidden; - min-height: 500px; - min-width: 800px; -} - -@media(max-width: 1085px) { - .log-info-panel { - left: 5px; - right: 5px; - max-width: inherit; - min-width: 500px; - } -} - -.log-info-panel >.log-info-panel-frame { - position: relative; - height: 100%; - width: 100%; - margin: 10px; -} - -.log-info-panel > .log-info-panel-frame > .log-info-panel-header { - position: absolute; - top: 0; - height: 80px; - left: 5px; - right: 50px; - white-space: nowrap; -} - -.log-info-panel-header > span { - margin-left: 7px; - position: relative; - top: 2px; - overflow: hidden; -} - -.log-info-panel-frame > .log-info-panel-body { - position: absolute; - overflow: auto; - left: 5px; - right: 27px; - top: 80px; - bottom: 15px; - padding-top: 10px; - padding-left: 5px; - padding-right: 5px; -} - -.log-info-panel-body > .row-fluid { - margin-bottom: 10px; -} - -.log-info-panel > .log-info-panel-frame > .log-info-panel-body > .row-fluid > span { - margin-right: 7px; - white-space: nowrap; -} - -.log-table-dashboard { - position: absolute; - bottom: 0; - left: 0; - right: 0; -} - -.ex-node-container { - position: relative; - width: 100%; - height: 696px; -} - -.ex-node { - position: absolute; - width: 150px; - height: 90px; - text-align: center; - padding-top: 60px; -} - -.dozer-mapping-node { - display: block; - margin-top: 10px; - margin-bottom: 10px; - padding: 20px; -} - -.dozer-mappings li { - list-style-type: none; -} - -.dozer-mappings ul { - margin-left: 50px; -} - -.dozer-mappings span { - width: 500px; -} - -.wiki-file-list-up:hover { - text-decoration: none; - -} - -.fabric-page-header.features { - margin-top: 10px; -} - -.fabric-page-header > * { - line-height: 38px; -} - -.profile-selector-name a:hover { - text-decoration: none; -} - -.file-name:hover { - text-decoration: none; -} - -i.expandable-indicator.folder { - font-size: 17px; -} - -.switches li { - width: 215px; -} - -.switch-light.switch-ios { - width: 100px; -} - -.switch-container { - position: static; - padding-top: 5px; - width: 215px; - height: 45px; -} - -[class^="dynatree-folder icon-"], [class*=" dynatree-folder icon-"] { - -} - -[class^="dynatree-folder icon-"]:before, [class*=" dynatree-folder icon-"]:before { - font-size: 17px; - margin-left: 18px; -} - - -[class^="dynatree-folder icon-"], [class*=" dynatree-folder icon-"] .dynatree-connector { - display: none; -} - -[class^="dynatree-folder icon-"], [class*=" dynatree-folder icon-"] .dynatree-icon { - display: none; -} - -.main-nav-lower .container ul .dropdown.overflow { - margin-right: 25px; -} - -.dropdown-menu.right { - left: auto; - right: 0; -} - -.dropdown-menu.right:before { - left:auto !important; - right: 9px; -} - -.dropdown-menu.right:after { - left:auto !important; - right: 10px; -} - -@media(max-width: 1134px) { - .profile-details > [class^="span"] { - width: 100%; - float: inherit; - display: block; - margin-left: 2px; - margin-right: 2px; - } -} - -/* Start 800x600 Optimzations */ -@media(max-width: 849px) { - - .page-padded { - padding-left: 5px; - padding-right: 5px; - } - - .wiki-fixed { - margin-left: 0 !important; - margin-right: 0 !important; - } - - .wiki-fixed .row-fluid .span9 { - margin-left: 9px; - } - - .container-details > [class*=" offset"] { - display: none; - } - - .container-details > .span4.offset1 { - width: 100%; - float: inherit; - display: block; - margin-left: 2px; - margin-right: 2px; - } - - .container-details > .span5.offset1 { - width: 100%; - float: inherit; - display: block; - margin-left: 2px; - margin-right: 2px; - } - - .create-container-body > [class^="span"] { - width: 100%; - float: inherit; - display: block; - margin-left: 2px; - margin-right: 2px; - } - - .create-container-body > [class^="span"]:first-child { - margin-bottom: 15px; - } - - .features-toolbar .pull-left { - margin-bottom: 10px; - } - - .edit-feature-lists > [class^="span"] { - width: 49%; - float: inherit; - display: inline-block; - margin-left: 0; - margin-right: 0; - } - -} -/* End 800x600 optimizations */ - -/* - * jquery.tocify.css 1.8.0 - * Author: @gregfranko - */ -/* The Table of Contents container element */ -.tocify { - /* top works for the wiki, may need customization - elsewhere */ - top: 120px; - width: 232px; - padding-left: 1em; - padding-right: 1em; - overflow-y: auto; - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; - position: fixed; - bottom: 5px; - z-index: 20; -} - -.tocify h2, -.tocify h3 { - white-space: normal; -} - -.toc-container { - position: relative; - width: 100%; -} - -.toc-content { - position: absolute; - left: 290px; - right: 0; -} - -.tocify ul { - margin-left: 0px; -} - -.tocify li { - list-style-type: none; - display: block; -} - -.tocify li a { - display: block; - padding: 3px; - transition: background,border .25s ease-in-out; -} - -.tocify li a:hover { - text-decoration: none; -} - -.tocify li a.active { - font-weight: bolder; -} - -/* Makes the font smaller for all subheader elements. */ -.tocify-subheader li { - font-size: 12px; -} - -/* Further indents second level subheader elements. */ -.tocify-subheader .tocify-subheader { - text-indent: 30px; -} - -/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */ -.tocify-subheader .tocify-subheader .tocify-subheader { - text-indent: 40px; -} - -@media(max-width: 700px) { - .tocify { - position: static; - width: auto; - margin-bottom: 1em; - } - - .toc-content { - position: static; - left: auto; - } -} - -fs-donut svg g text.value { - font-size: 40px; -} - -fs-donut svg g text.units { - font-size: 20px; -} - -.health-displays { - width: 100%; -} - -.panel { - position: fixed; -} - -.panel.bottom { - bottom: 0; -} - -.deploy { - right: 0; -} - -.profile-list-item:after { - content: ", "; -} - -.profile-list-item:last-child:after { - content: " "; -} - -.health-displays .health-display, -.column-box, -.column-box-variable, -.column-box-square, -.column-box-half-screen { - position: relative; - display: inline-block; - width: 300px; - height: 300px; - margin-left: 0; - margin-right: 0; - margin-bottom: 10px; - overflow: hidden; - vertical-align: top; -} - -.column-box { - height: auto; - min-height: 175px; - width: 500px; -} - -.wiki-icon-view { - min-height: 200px; -} - -.wiki-icon-view .column-box { - min-height: 0; - margin-bottom: 25px; -} - -.column-box-half-screen { - width: 50%; - min-width: auto; - height: auto; -} - -.column-box-square { - height: 32px; - width: 32px; - line-height: 28px; - vertical-align: middle; - text-align: center; -} - -.column-box-variable { - height: auto; - min-height: 175px; - width: auto; - min-width: 175px; - max-width: 500px; -} - -.column-box-variable > h3 { - margin-bottom: 0; -} - -.column-box .file-icon > * { - width: 100%; - height: auto; -} - -.location-box { - margin: 12px; -} - -.column-box-square > i { - font-size: 24px; - height: 24px; - vertical-align: middle; -} - -.container-groups .column-box { - height: 125px; - width: auto; -} - -.container-header-version, -.container-header-version + hr { - margin-bottom: 0; -} - -.container-header-version + hr { - margin-top: 0; -} - -.container-groups .container-group-header { - border-bottom: none; -} - -.column-row { - float: left; -} - -.column-box-selected .column-box-header { - font-size: 150%; - font-weight: bold; -} - -.column-box-icons > .span1 { - text-align: center; - vertical-align: middle; - width: 32px; -} - -.column-box-icons i, -.column-box-icons img { - font-size: 32px; - width: 32px; -} - -.ok-container > i { - font-size: 32px; - color: #a4a4a4; -} - -.column-box > div { - position: relative; - height: 100%; - margin: 10px; -} - -.column-box h3 { - text-overflow: ellipsis; - line-height: normal; - margin-bottom: 0; -} - -.bottom-anchored { - position: absolute; - bottom: 0; - margin-top: -3em; -} - -.label-list > li > .badge { - margin-top: 3px; - margin-bottom: 3px; -} - -.label-list > .inline-block > .badge { - margin-left: 3px; - margin-right: 3px; -} - -.health-details { - top: 0; - bottom: 0; - z-index: 40; -} - -.health-status { - padding: 0; - position: absolute; - bottom: 0; - overflow: hidden; - left: 0; - right: 0; - z-index: 20; -} - -.health-message-wrap { - margin: 0; - padding: 0; - width: 100%; - height: 100%; -} - -.health-message { - display: block; - margin: 10px; -} - -.health-details-toggle { - position: absolute; - display: inline-block; - width: 16px; - height: 16px; - right: 2px; - top: 0px; -} - -.health-details-wrap { - width: 300px; - height: 300px; - overflow-y: auto; - overflow-x: hidden; -} - -.health-details-wrap a { - color: #d4d4d4; -} - -.health-details-wrap dl { - margin-top: 5px; - margin-bottom: 2px; - margin-left: 0; -} - -.health-details-wrap table { - max-width: 300px; -} - -.health-details-wrap table tr td { - vertical-align: middle; -} - -.health-details-wrap table tr td:first-child { - font-weight: bold; - text-align: right; - padding-right: 5px; -} - -.health-details-wrap table tr td:last-child { - padding-left: 5px; - overflow-x: hidden; - text-overflow: ellipsis; -} - -.health-display-title { - padding-top: 18px; - font-size: 30px; - width: 100%; - height: 40px; - margin-top: 10px; - margin-bottom: 10px; - font-weight: bold; - text-align: center; -} - -.health-display-title.ok { - background-color: lightgreen; -} - -.health-display-title.warning { - background-color: darkorange; -} - -.health-displays .health-display .health-chart { - width: 300px; - height: 300px; -} - -.create-column { - vertical-align: top; - display: inline-block; - width: 445px; - margin-bottom: 10px; -} - -#create-form { - max-width: 422px; -} - -/* hack to work around strange tabset behavior */ -tabset > .tabbable > ul { - display: none; -} -/* end hack */ - -tabset > .tabbable > .tab-content > .nav.nav-tabs > li { - cursor: pointer; -} - -tabset > .tabbable > .tab-content > .nav.nav-tabs > li.active { - cursor: pointer; -} - -tabset > .tabbable > .tab-content > .nav.nav-tabs > li.disabled { - opacity: 0.3; -} - -.toast.toast-warning * { - color: black; -} - -.hawtio-toc .panel-title { - padding: 0; - margin-top: 20px; - margin-bottom: 20px; -} - -.hawtio-toc .panel-title a { - display: block; - text-align: center; - padding: 10px; -} - -._jsPlumb_endpoint { - z-index: 25; -} - -.panes { - position: relative; - display: block; - min-height: 100%; -} - -.panes > .left-pane { - position: absolute; - left: 0; - right: 285px; - height: 100%; -} - -.panes > .right-pane { - position: absolute; - right: 0; - width: 275px; - height: 100%; -} - -.camel-viewport { - overflow: auto; - height: 100%; -} - -.camel-canvas-endpoint svg circle { - fill: #346789; -} - -.camel-props { - position: relative; - height: 100%; -} - -.camel-props > .button-bar { - left: 0; - right: 0; - display: block; - position: absolute; -} - -.button-bar > .centered > form { - margin-bottom: 10px; -} - -.camel-props > .prop-viewport { - overflow-y: auto; - overflow-x: visible; - position: absolute; - bottom: 0; - top: 80px; - width: 100%; -} - -.camel-props form > fieldset > legend { - font-size: medium; - font-weight: bold; - margin: 0; - line-height: 12px; - padding: 3px; -} - -.endpoint-control > label { - font-size: medium; - font-weight: bold; - margin: 0; - line-height: 12px; - padding: 3px; -} - -.endpoint-props > p { - font-size: medium; - font-weight: bold; - margin: 0; - margin-bottom: 25px; - line-height: 12px; - padding: 3px; -} - -.endpoint-control > .controls { - margin-top: 15px; -} - -.camel-props form fieldset .control-label { - float: none; - width: auto; - text-align: left; -} - -.camel-props form fieldset .controls { - margin-left: auto; -} - -.camel-props form fieldset .controls .input-xxlarge { - width: auto; - margin-left: auto; - margin-right: auto; -} - -.camel-props form fieldset div[hawtio-form-array] > div > div > div > .controls.pull-right { - float: none; -} - -.welcome { - margin-left: 5em; - margin-right: 5em; -} - -input.ng-invalid-pattern { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - -input.ng-invalid-pattern:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - -.threads.logbar > .logbar-container { - margin-top: 2px; - margin-bottom: 5px; -} - -.state-panel > ul > li:not(:first-child) > span { - margin-left: 15px; -} - -.state-panel > ul > li.active { - font-weight: bold; -} - -.runnable { - color: green; -} - -.timed-waiting { - color: orange; -} - -.waiting, -.darkgray { - color: darkgray; -} - -.blocked { - color: red; -} - -strong.new, -.lightgreen { - color: lightgreen; -} - -.terminated, -.darkred { - color: darkred; -} - -.thread-state-indicator { - width: 100%; - height: 100%; - padding-top: 5px; -} - -.monitor-indicator { - font-size: 10px; - padding: 4px; - margin: 5px; -} - -.monitor-indicator.button { - cursor: pointer; -} - -.monitor-indicator.true { - background: #1cd11d; - box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(34, 203, 1, 0.49); -} - -.monitor-indicator.false { - background: #737373; - box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5); -} - -.table-header { - color: black; - position: relative; -} - -.table-header > .indicator:after { - font-family: 'FontAwesome'; - position: absolute; - right: 5px; -} - -.table-header.asc > .indicator:after { - content: "\f077"; -} - -.table-header.desc > .indicator:after { - content: "\f078"; -} - -.camel-tree > ul.nav { - margin-bottom: 3px !important; -} - -.camel-tree > .section-filter { - margin: 0 0 8px; - display: block; -} - -.table > thead > tr > th { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -th > .indicator:before { - display: inline-block; - content: "\00a0"; - margin-left: 12px; -} - -.simple-table-checkbox, -.simple-table-checkbox > input { - vertical-align: middle; - margin: 0; - width: 16px; - line-height: 16px; - max-width: 16px; -} - - -.table td, -.table th { - vertical-align: middle; -} - -.ngCellText .icon-replication-controller { - width: 32px; -} - -.repository-browser-toolbar > .btn { - margin-bottom: 10px; -} - -.bundle-list-toolbar { - vertical-align: top; -} - -.bundle-list-toolbar > .pull-left > *, -.bundle-list-toolbar > .pull-right > * { - display: inline-block; -} - -.bundle-list-toolbar > div > input, -.bundle-list-toolbar > div > div > input { - margin-bottom: 10px; -} - -.bundle-list-toolbar > div > label, -.bundle-list-toolbar > div > strong { - position: relative; - top: -3px; -} - -.bundle-list-toolbar > div > .input-append { - position: relative; - left: 3px; - top: -9px; -} - -.connect-column { - display: inline-block; - vertical-align: top; - width: 550px; -} - -.icon-spacer:before { - content: '\00a0'; - width: 11px; -} - -.dropdown-menu { - padding-top: 0; - padding-bottom: 0; - margin-top: 0; - top: 100%; - left: 0; - right: 0; - border-radius: 0; -} - -.main-nav-upper .dropdown-menu { - border-top: none; - margin-top: -1; - border-radius: 0; -} - -.main-nav-lower .dropdown-menu { - border-top: none; -} - -.dropdown-menu > li > a { - cursor: pointer; - padding-left: 15px; - padding-right: 15px; -} - -.dropdown.perspective-selector > .dropdown-menu { - min-width: 160px; - overflow: hidden; - text-overflow: ellipsis; -} - -.dropdown.perspective-selector .dropdown-menu > div { - display: block; -} - -.dropdown.perspective-selector .dropdown-menu > div > p, -.hawtio-dropdown p { - font-size: smaller; - padding-left: 3px; - padding-right: 3px; - margin-bottom: 0; -} - -.nav .hawtio-dropdown { - margin-top: 2px; -} - -.dropdown.perspective-selector .dropdown-menu > div > ul { - margin-top: 0; -} - -.dropdown.perspective-selector .dropdown-menu > div > ul > li.clear-recent > a { - padding: 3px 5px; -} - -.dropdown-menu > li:hover > a { - text-shadow:0px 0px 1px white; -} - -.dropdown-menu:before { - display: none !important; -} - -.dropdown-menu:after { - display: none !important; -} - -.nav.nav-tabs li .hawtio-dropdown .dropdown-menu { - margin-top: 4px; - border-top: none; -} - -span.hawtio-dropdown { - position: relative; - display: block; - cursor: pointer; -} - -span.hawtio-dropdown .dropdown-menu { - width: auto; -} - -.btn .hawtio-dropdown > .caret { - width: 7px; -} - -.btn .hawtio-dropdown > .dropdown-menu { - left: -10px; - margin-top: 5px; - text-align: left; -} - -.submenu-caret { - display: inline-block; - width: 0; - height: 0; -} - -.submenu-caret:before { - font-family: 'FontAwesome'; - border: 0; - content: "\f054"; - font-size: 11px; - display: block; -} - -.hawtio-dropdown > ul > li { - padding: 3px; - padding-left: 5px; -} - -.hawtio-dropdown > ul > li > .menu-item { - position: relative; - display: block; -} - -.hawtio-dropdown > .submenu-caret:before, -.hawtio-dropdown > ul > li > .menu-item > .submenu-caret:before { - position: absolute; - top: 0; - right: -2px; -} - -.dropdown-menu .sub-menu { - position: absolute; - left: 195px; - top: -8px; -} - -.hawtio-breadcrumb > li { - display: inline-block; -} - -.dropdown-menu .dropdown .caret { - display: none; -} - -.hawtio-breadcrumb .caret { - border: 0; - width: 17px; - margin-right: 2px; - margin-left: 0; -} - -.hawtio-breadcrumb .caret:before { - font-family: 'FontAwesome'; - content: "\F105"; - font-size: 40px; - top: -9px; -} -/* -.modal { - z-index: 5000; - width: 660px; - margin: -250px 0 0 -320px; -} -.modal-backdrop { - z-index: 4090; -} -*/ -.scrollable-section { - overflow-x: hidden; - overflow-y: auto; - max-height: 260px; -} - -.component { - opacity: 0.8; - filter: alpha(opacity = 80); -} - -.window, -.node > rect { - stroke-width: 2px; - stroke: #346789; - fill: url(#rect-gradient); - border: 2px solid #346789; - z-index: 20; - position: absolute; - font-size: 0.8em; - filter: alpha(opacity = 80); - cursor: move; - - box-shadow: 2px 2px 19px #e0e0e0; - -o-box-shadow: 2px 2px 19px #e0e0e0; - -webkit-box-shadow: 2px 2px 19px #e0e0e0; - -moz-box-shadow: 2px 2px 19px #e0e0e0; - -moz-border-radius: 4px; - border-radius: 4px; - background-color: lightgrey; - fill: lightgrey; -} - -.window, -.node.selected > rect { - stroke-width: 2px; - stroke-dasharray: 10,5; - stroke: red; -} - -.window-inner { - position: relative; - border-radius: 2px; -} - -.window-inner { - padding: 6px; -} - -.window-inner.from, -.node > .from { - background-color: lightsteelblue; - fill: lightsteelblue; -} - -.window-inner.choice, -.node > .choice { - background-color: lightblue; - fill: lightblue; -} - -.window-inner.when, -.node > .when { - background-color: lightgreen; - fill: lightgreen; -} - -.window-inner.otherwise, -.node > .otherwise { - background-color: lightgreen; - fill: lightgreen; -} - -.window-inner.to, -.node > .to { - background-color: lightsteelblue; - fill: lightsteelblue; -} - -.window-inner.log, -.node > .log { - background-color: lightcyan; - fill: lightcyan; -} - -.window-inner.setBody, -.node > .setBody { - background-color: #d3d3d3; - fill: #d3d3d3; -} - -.window-inner.onException, -.node > .onException { - background-color: lightpink; - fill: lightpink; -} - -.window-inner.delay, -.node > .delay { - background-color: lightgrey; - fill: lightgrey; -} - -.window-inner.bean, -.node > .bean { - background-color: mediumaquamarine; - fill: mediumaquamarine; -} - -.window-inner > * { - vertical-align: middle; -} - -.window-inner > span { - max-width: 15em; - display: inline-block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} - -.window:hover { - border-color: #5d94a6; - background-color: #ffffa0; -} - -.window:hover > .window-inner { - background: inherit; -} - -.window.selected { - background-color: #f0f0a0; -} - -.window.selected > .window-inner { - background: inherit; -} - -img.nodeIcon { - width: 24px !important; - height: 24px !important; - cursor: crosshair; - margin-right: 10px; -} - -img.nodeIcon:hover { - opacity: 0.6; - box-shadow: 2px 2px 19px #a0a0a0; - background-color: #a0a0a0; -} - -.l1 { - font-size: 13px; -} - -._jsPlumb_connector { - z-index: 4; -} - -._jsPlumb_overlay { - z-index: 6; -} - -.hl { - border: 3px solid red; -} - -.strong { - font-weight: bold; -} - -.discovery > li { - position: relative; -} - -.discovery > li > div { - vertical-align: middle; -} - -.discovery > li > div:first-child { - margin-right: 10px; -} - -.discovery > li > div:last-child, -.discovery > li > .lock { - position: absolute; - width: 32px; - height: 32px; - margin: auto; - top: 0; - bottom: 0; - right: 10px; -} - -.discovery > li > .lock { - right: 42px; -} - -.discovery > li > div:last-child > div.connect-button { - width: 32px; - height: 32px; -} - -.discovery > li > div:last-child > div > i, -.discovery > li > .lock > i { - font-size: 32px; - cursor: pointer; -} - -.discovery > li > .lock > i { - cursor: inherit; -} - -.discovery > li > div:first-child > img { - vertical-align: middle; - width: 64px; - max-height: 64px; -} - -.auth-form { - white-space: nowrap; -} - -.auth-form > form > input { - margin-bottom: 0; -} - -.slideout-body .btn-group, -.btn-group[hawtio-pager] { - line-height: normal; -} - -@media print { - #main-nav, - #log-panel { - display: none !important; - height: 0 !important; - } - - .wiki-grid { - display: none; - } - - .wiki-fixed { - margin-top: 0 !important; - } - - .wiki-fixed > .row-fluid > .span3 { - display: none; - } - - .wiki-fixed > .row-fluid > .span9 { - width: 100%; - } - - .instance-name { - display: none !important; - } - - .logbar-container > .nav { - display: none !important; - height: 0 !important; - } - -} - -.prefs { - height: 100%; - margin: 0; -} - -.prefs > div { - height: 100%; - margin: 0; -} - -.slideout-body .prefs { - overflow: hidden; - margin: 0; -} - -.slideout-body .prefs .tabbable { - position: relative; - height: 100%; - margin: 0; -} - -.pref-slideout > div > div > div { - height: 100%; - margin: 0; -} - -.pref-slideout .slideout-body { - position: absolute; - top: 0; - bottom: 0; - left: 0px; - right: 0; - overflow: none !important; - margin: 0 !important; -} - -.slideout-body .prefs .nav.nav-tabs { - top: 5px; - bottom: 5px; - left: 0; - width: 130px; - position: absolute; - margin: 0; - overflow-y: auto; -} - -.slideout-body .prefs .nav.nav-tabs:after, -.slideout-body .prefs .nav.nav-tabs:before { - display: none; -} - -.slideout-body .prefs .nav.nav-tabs li { - display: block; - float: none; -} - -.slideout-body .prefs .tab-content { - position: absolute; - overflow: auto; - top: 5px; - left: 140px; - right: 15px; - bottom: 5px; - margin: 0; -} - -.help-header .without-text, -.about-header .without-text { - position: relative; - top: -4px; - vertical-align: middle; - height: 48px; -} - -.help-header .with-text, -.about-header .with-text { - position: relative; - top: -4px; - vertical-align: middle; - height: 48px; -} - -.service-list > li { - list-style-type: none; - display: inline-block; - margin-left: 3px; - margin-right: 3px; - vertical-align: middle; -} - -.container-type { - width: 16px; -} - -.container-status > i:before, -.container-type i:before, -.container-type img { - vertical-align: middle; - font-size: 16px; - height: 16px; - width: auto; - line-height: 16px; -} - -.container-type img.girthy { - height: auto; - width: 16px; -} - -.app-logo { - width: 64px; - margin-right: 10px; -} - -.app-logo img, -.app-logo i { - vertical-align: middle; - font-size: 64px; - height: 64px; - width: auto; - line-height: 64px; -} - -.app-logo img.girthy { - height: auto; - width: 64px; -} - -.service-list i:before, -.service-list img { - height: 16px; - width: auto; - font-size: 16px; - vertical-align: middle; -} - -.service-list img.girthy { - height: auto; - width: 16px; -} - -.perspective-selector img { - width: auto; - height: 16px; - vertical-align: top; -} - -.operation-row { - position: relative; - height: 30px; - vertical-align: middle; -} - -.operation-row.can-invoke { - cursor: pointer; -} - -.operation-row.cant-invoke { - cursor: not-allowed; -} - -.operation-row > * { - display: inline-block; - height: 100%; - line-height: 30px; -} - -.operation-actions { - position: absolute; - right: 6px; - top: 4px; -} - -.help-block:empty { - margin-top: 10px; -} - -ul.dynatree-container { - overflow: visible; -} - -.pane { - position: fixed; - bottom: 0; - top: 70px; - height: auto; - width: 300px; -} - -.pane > .pane-wrapper { - position: relative; - height: 100%; - width: 100%; - overflow: hidden; -} - -.pane-viewport { - position: absolute; - top: 0; - bottom: 0; - left: 0; - overflow: auto; - margin-right: 10px; -} - -.pane-content { - width: auto; - height: auto; -} - -.pane-bar { - position: absolute; - top: 0; - right: 0; - width: 5px; - cursor: ew-resize; - height: 100%; -} - -.pane-content { - float: none; - position: static; -} - -.pane.left { - left: 0; - z-index: 39; -} - -.pane.left .pane-viewport { - margin-left: 10px; - right: 5px; - margin-right: 0; -} - -.pane.left .pane-bar { - right: 0; -} - -.pane.right { - right: 0; -} - -.pane.right .pane-viewport { - margin-left: 10px; - margin-right: 5px; - right: 5px; -} - -.pane.right .pane-bar { - left: 0; -} - -.pane-header-wrapper { - margin-left: 10px; - margin-right: 10px; -} - -.tree-header { - position: relative; - height: 26px; -} - -.fabric-app-view-header { - height: auto; -} - -.fabric-app-view-header > * { - line-height: 12px; -} - -.fabric-app-view-header .alert { - margin-bottom: 0; -} - -.fabric-app-view-header .row-fluid:last-child { - padding-bottom: 8px; -} - -.tree-header > .left, -.tree-header > .right { - position: absolute; - top: 3px; - bottom: 6px; - vertical-align: middle; - line-height: 10px; -} - -.tree-header > .left { - left: 0; -} - -.tree-header > .right { - right: 10px; -} - -.camel.tree-header { - height: 42px; -} - -.camel.tree-header > .left { - right: 94px; -} - -.camel.tree-header > .left, -.camel.tree-header > .right { - top: 6px; - line-height: 30px; -} - - -.camel.tree-header > .left > .section-filter { - width: 100%; -} - -.camel.tree-header > .left > .section-filter > .search-query { - width: 100%; - margin-bottom: 10px; -} - -.camel.tree-header > .left > .section-filter > .icon-remove { - right: -16px; -} - -.attributes-wrapper { - width: 100%; - overflow: auto; -} - -.separator { - padding-top: 4px; - display: inline-block; -} - -.grid-block, -.health-display { - border: 1px solid #00f; -} - -.widget-title { - border-bottom: 1px solid #00f; -} - -.container-group-header { - vertical-align: middle; - line-height: 18px; - font-weight: bold; - padding: 4px; - margin-top: 10px; -} - -.search-query.has-text { - background: #55ddff; - color: #333333; -} - -.dataTables_filter input { - border-radius: 15px -} - -.config-admin-form .form-horizontal .control-label { - width: 260px; -} -.config-admin-form .form-horizontal .controls { - margin-left: 280px; -} - -.new-config-name-form { - margin-top: 30px; -} - -.td-fixed-width-150 { - white-space: normal; - width: 150px; -} - -.pod-label { - margin-right: 1em; -} - -td > ul { - margin-bottom: 0px; -} - -td > .zebra-list > li { - padding: 2px; -} - -ul.nav select { - margin-bottom: 0px; - height: 25px; -} - -/* ENTESB-2249: fixing bootstrap forms with tooltips */ -.form-horizontal input + div + .help-block, -.form-horizontal select + div + .help-block, -.form-horizontal textarea + div + .help-block { - margin-top: 10px; -}
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/4940e63d/console/plugin/css/ui.dynatree.css ---------------------------------------------------------------------- diff --git a/console/plugin/css/ui.dynatree.css b/console/plugin/css/ui.dynatree.css deleted file mode 100644 index 4b51e05..0000000 --- a/console/plugin/css/ui.dynatree.css +++ /dev/null @@ -1,456 +0,0 @@ -/* -Licensed under MIT and GPL -see https://code.google.com/p/dynatree/wiki/LicenseInfo -*/ - -/******************************************************************************* - * Tree container - */ -ul.dynatree-container -{ - font-family: tahoma, arial, helvetica; - font-size: 10pt; /* font size should not be too big */ - white-space: nowrap; - padding: 3px; - margin: 0; /* issue 201 */ - background-color: white; - overflow: auto; - height: 100%; /* issue 263 */ -} - -ul.dynatree-container ul -{ - padding: 0 0 0 16px; - margin: 0; -} - -ul.dynatree-container li -{ - list-style-image: none; - list-style-position: outside; - list-style-type: none; - -moz-background-clip:border; - -moz-background-inline-policy: continuous; - -moz-background-origin: padding; - background-attachment: scroll; - background-color: transparent; - background-position: 0 0; - background-repeat: repeat-y; - background-image: none; /* no v-lines */ - - margin:0; - padding:1px 0 0 0; -} -/* Suppress lines for last child node */ -ul.dynatree-container li.dynatree-lastsib -{ - background-image: none; -} -/* Suppress lines if level is fixed expanded (option minExpandLevel) */ -ul.dynatree-no-connector > li -{ - background-image: none; -} - -/* Style, when control is disabled */ -.ui-dynatree-disabled ul.dynatree-container -{ - opacity: 0.5; -/* filter: alpha(opacity=50); /* Yields a css warning */ - background-color: silver; -} - - -/******************************************************************************* - * Common icon definitions - */ -span.dynatree-empty, -span.dynatree-vline, -span.dynatree-connector, -span.dynatree-expander, -span.dynatree-icon, -span.dynatree-checkbox, -span.dynatree-radio, -span.dynatree-drag-helper-img, -#dynatree-drop-marker -{ - width: 16px; - height: 16px; -/* display: -moz-inline-box; /* @ FF 1+2 removed for issue 221*/ -/* -moz-box-align: start; /* issue 221 */ - display: inline-block; /* Required to make a span sizeable */ - vertical-align: top; - background-repeat: no-repeat; - background-position: left; - background-image: url("../img/dynatree/icons.gif"); - background-position: 0 0; -} - -/** Used by 'icon' node option: */ -ul.dynatree-container img -{ - width: 16px; - height: 16px; - margin-left: 3px; - vertical-align: top; - border-style: none; -} - - -/******************************************************************************* - * Lines and connectors - */ - -/* -span.dynatree-empty -{ -} -span.dynatree-vline -{ -} -*/ -span.dynatree-connector -{ - background-image: none; -} -/* -.dynatree-lastsib span.dynatree-connector -{ -} -*/ -/******************************************************************************* - * Expander icon - * Note: IE6 doesn't correctly evaluate multiples class names, - * so we create combined class names that can be used in the CSS. - * - * Prefix: dynatree-exp- - * 1st character: 'e': expanded, 'c': collapsed - * 2nd character (optional): 'd': lazy (Delayed) - * 3rd character (optional): 'l': Last sibling - */ - -span.dynatree-expander -{ - background-position: 0px -80px; - cursor: pointer; -} -span.dynatree-expander:hover -{ - background-position: -16px -80px; -} -.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */ -{ -} -.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */ -{ -} -.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */ -{ -} -.dynatree-exp-e span.dynatree-expander, /* Expanded, not delayed, not last sibling */ -.dynatree-exp-ed span.dynatree-expander, /* Expanded, delayed, not last sibling */ -.dynatree-exp-el span.dynatree-expander, /* Expanded, not delayed, last sibling */ -.dynatree-exp-edl span.dynatree-expander /* Expanded, delayed, last sibling */ -{ - background-position: -32px -80px; -} -.dynatree-exp-e span.dynatree-expander:hover, /* Expanded, not delayed, not last sibling */ -.dynatree-exp-ed span.dynatree-expander:hover, /* Expanded, delayed, not last sibling */ -.dynatree-exp-el span.dynatree-expander:hover, /* Expanded, not delayed, last sibling */ -.dynatree-exp-edl span.dynatree-expander:hover /* Expanded, delayed, last sibling */ -{ - background-position: -48px -80px; -} -.dynatree-loading span.dynatree-expander /* 'Loading' status overrides all others */ -{ - background-position: 0 0; - background-image: url("../img/dynatree/loading.gif"); -} - - -/******************************************************************************* - * Checkbox icon - */ -span.dynatree-checkbox -{ - margin-left: 3px; - background-position: 0px -32px; -} -span.dynatree-checkbox:hover -{ - background-position: -16px -32px; -} - -.dynatree-partsel span.dynatree-checkbox -{ - background-position: -64px -32px; -} -.dynatree-partsel span.dynatree-checkbox:hover -{ - background-position: -80px -32px; -} - -.dynatree-selected span.dynatree-checkbox -{ - background-position: -32px -32px; -} -.dynatree-selected span.dynatree-checkbox:hover -{ - background-position: -48px -32px; -} - -/******************************************************************************* - * Radiobutton icon - * This is a customization, that may be activated by overriding the 'checkbox' - * class name as 'dynatree-radio' in the tree options. - */ -span.dynatree-radio -{ - margin-left: 3px; - background-position: 0px -48px; -} -span.dynatree-radio:hover -{ - background-position: -16px -48px; -} - -.dynatree-partsel span.dynatree-radio -{ - background-position: -64px -48px; -} -.dynatree-partsel span.dynatree-radio:hover -{ - background-position: -80px -48px; -} - -.dynatree-selected span.dynatree-radio -{ - background-position: -32px -48px; -} -.dynatree-selected span.dynatree-radio:hover -{ - background-position: -48px -48px; -} - -/******************************************************************************* - * Node type icon - * Note: IE6 doesn't correctly evaluate multiples class names, - * so we create combined class names that can be used in the CSS. - * - * Prefix: dynatree-ico- - * 1st character: 'e': expanded, 'c': collapsed - * 2nd character (optional): 'f': folder - */ - -span.dynatree-icon /* Default icon */ -{ - margin-left: 3px; - background-position: 0px 0px; -} - -.dynatree-has-children span.dynatree-icon /* Default icon */ -{ - background-position: 0px -16px; -} - -.dynatree-ico-cf span.dynatree-icon /* Collapsed Folder */ -{ - background-position: 0px -16px; -} - -.dynatree-ico-ef span.dynatree-icon /* Expanded Folder */ -{ - background-position: -64px -16px; -} - -/* Status node icons */ - -.dynatree-statusnode-wait span.dynatree-icon -{ - background-image: url("../img/dynatree/loading.gif"); -} - -.dynatree-statusnode-error span.dynatree-icon -{ - background-position: 0px -112px; -/* background-image: url("../img/dynatree/ltError.gif");*/ -} - -/******************************************************************************* - * Node titles - */ - -/* @Chrome: otherwise hit area of node titles is broken (issue 133) - Removed again for issue 165; (133 couldn't be reproduced) */ -span.dynatree-node -{ -/* display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221 */ -/* -moz-box-align: start; /* issue 221 */ -/* display: inline-block; /* Required to make a span sizeable */ -} - - -/* Remove blue color and underline from title links */ -ul.dynatree-container a -/*, ul.dynatree-container a:visited*/ -{ - color: black; /* inherit doesn't work on IE */ - text-decoration: none; - vertical-align: top; - margin: 0px; - margin-left: 3px; -/* outline: 0; /* @ Firefox, prevent dotted border after click */ - /* Set transparent border to prevent jumping when active node gets a border - (we can do this, because this theme doesn't use vertical lines) - */ - border: 1px solid white; /* Note: 'transparent' would not work in IE6 */ - -} - -ul.dynatree-container a:hover -{ -/* text-decoration: underline; */ - background: #F2F7FD; /* light blue */ - border-color: #B8D6FB; /* darker light blue */ -} - -span.dynatree-node a -{ - display: inline-block; /* Better alignment, when title contains <br> */ -/* vertical-align: top;*/ - padding-left: 3px; - padding-right: 3px; /* Otherwise italic font will be outside bounds */ - /* line-height: 16px; /* should be the same as img height, in case 16 px */ -} -span.dynatree-folder a -{ -/* font-weight: bold; */ /* custom */ -} - -ul.dynatree-container a:focus, -span.dynatree-focused a:link /* @IE */ -{ - background-color: #EFEBDE; /* gray */ -} - -span.dynatree-has-children a -{ -/* font-style: oblique; /* custom: */ -} - -span.dynatree-expanded a -{ -} - -span.dynatree-selected a -{ -/* color: green; */ - font-style: italic; -} - -span.dynatree-active a -{ - border: 1px solid #99DEFD; - background-color: #D8F0FA; -} - -/******************************************************************************* - * Drag'n'drop support - */ - -/*** Helper object ************************************************************/ -div.dynatree-drag-helper -{ -} -div.dynatree-drag-helper a -{ - border: 1px solid gray; - background-color: white; - padding-left: 5px; - padding-right: 5px; - opacity: 0.8; -} -span.dynatree-drag-helper-img -{ - /* - position: relative; - left: -16px; - */ -} -div.dynatree-drag-helper /*.dynatree-drop-accept*/ -{ -/* border-color: green; - background-color: red;*/ -} -div.dynatree-drop-accept span.dynatree-drag-helper-img -{ - background-position: -32px -112px; -} -div.dynatree-drag-helper.dynatree-drop-reject -{ - border-color: red; -} -div.dynatree-drop-reject span.dynatree-drag-helper-img -{ - background-position: -16px -112px; -} - -/*** Drop marker icon *********************************************************/ - -#dynatree-drop-marker -{ - width: 24px; - position: absolute; - background-position: 0 -128px; - margin: 0; -} -#dynatree-drop-marker.dynatree-drop-after, -#dynatree-drop-marker.dynatree-drop-before -{ - width:64px; - background-position: 0 -144px; -} -#dynatree-drop-marker.dynatree-drop-copy -{ - background-position: -64px -128px; -} -#dynatree-drop-marker.dynatree-drop-move -{ - background-position: -64px -128px; -} - -/*** Source node while dragging ***********************************************/ - -span.dynatree-drag-source -{ - /* border: 1px dotted gray; */ - background-color: #e0e0e0; -} -span.dynatree-drag-source a -{ - color: gray; -} - -/*** Target node while dragging cursor is over it *****************************/ - -span.dynatree-drop-target -{ - /*border: 1px solid gray;*/ -} -span.dynatree-drop-target a -{ -} -span.dynatree-drop-target.dynatree-drop-accept a -{ - /*border: 1px solid green;*/ - background-color: #3169C6 !important; - color: white !important; /* @ IE6 */ - text-decoration: none; -} -span.dynatree-drop-target.dynatree-drop-reject -{ - /*border: 1px solid red;*/ -} -span.dynatree-drop-target.dynatree-drop-after a -{ -} --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
