You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@qpid.apache.org by ea...@apache.org on 2016/01/08 18:56:53 UTC
[10/52] [abbrv] [partial] qpid-dispatch git commit: DISPATCH-201 -
Adding console html/js/css files
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/css/jquery.gridster.css
----------------------------------------------------------------------
diff --git a/console/css/jquery.gridster.css b/console/css/jquery.gridster.css
new file mode 100644
index 0000000..c36d418
--- /dev/null
+++ b/console/css/jquery.gridster.css
@@ -0,0 +1,64 @@
+/*! gridster.js - v0.1.0 - 2012-10-20
+* http://gridster.net/
+* Copyright (c) 2012 ducksboard; Licensed MIT */
+
+.gridster {
+ position:relative;
+}
+
+.gridster > * {
+ margin: 0 auto;
+ -webkit-transition: height .4s;
+ -moz-transition: height .4s;
+ -o-transition: height .4s;
+ -ms-transition: height .4s;
+ transition: height .4s;
+}
+
+.gridster .gs_w{
+ z-index: 2;
+ position: absolute;
+}
+
+.ready .gs_w:not(.preview-holder) {
+ -webkit-transition: opacity .3s, left .3s, top .3s;
+ -moz-transition: opacity .3s, left .3s, top .3s;
+ -o-transition: opacity .3s, left .3s, top .3s;
+ transition: opacity .3s, left .3s, top .3s;
+}
+
+.ready .gs_w:not(.preview-holder) {
+ -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
+ -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
+ -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
+ transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
+}
+
+.gridster .preview-holder {
+ z-index: 1;
+ position: absolute;
+ background-color: #fff;
+ border-color: #fff;
+ opacity: 0.3;
+}
+
+.gridster .player-revert {
+ z-index: 10!important;
+ -webkit-transition: left .3s, top .3s!important;
+ -moz-transition: left .3s, top .3s!important;
+ -o-transition: left .3s, top .3s!important;
+ transition: left .3s, top .3s!important;
+}
+
+.gridster .dragging {
+ z-index: 10!important;
+ -webkit-transition: all 0s !important;
+ -moz-transition: all 0s !important;
+ -o-transition: all 0s !important;
+ transition: all 0s !important;
+}
+
+/* Uncomment this if you set helper : "clone" in draggable options */
+/*.gridster .player {
+ opacity:0;
+}*/
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/css/metrics-watcher-style.css
----------------------------------------------------------------------
diff --git a/console/css/metrics-watcher-style.css b/console/css/metrics-watcher-style.css
new file mode 100644
index 0000000..72bf848
--- /dev/null
+++ b/console/css/metrics-watcher-style.css
@@ -0,0 +1,163 @@
+.metricsWatcher .heading1 {
+ font-size: 24px;
+ line-height: 30px;
+ margin: 0;
+}
+.metricsWatcher .heading3 {
+ font-size: 18px;
+ line-height: 27px;
+ margin: 0;
+}
+.metricsWatcher .heading4 {
+ font-size: 14px;
+ line-height: 18px;
+ margin: 0;
+}
+.metricsWatcher .heading5 {
+ font-size: 18px;
+ line-height: 18px;
+ margin: 0;
+}
+.metricsWatcher p {
+ font-size: 13px;
+ line-height: 18px;
+}
+.metricsWatcher fieldset legend {
+ margin-bottom: 5px;
+ border-bottom: none;
+ color: inherit;
+}
+.metricsWatcher .activeRequestsGraph {
+ vertical-align: top;
+}
+.metricsWatcher .activeRequestsGraph .counter .histogram {
+ width: 95%;
+}
+
+.metricsWatcher .nested {
+ margin: 0 10px 10px 0;
+}
+.metricsWatcher .nested h1 {
+ font-size: 24px;
+}
+
+.metricsWatcher .progressLabel {
+ text-align: right;
+ color: #666;
+}
+
+.metricsWatcher.histogram .histogramContainer td,
+.metricsWatcher.timer .timerContainer td,
+.metricsWatcher .progressLabel,
+.metricsWatcher .progressValue {
+ vertical-align: top;
+ padding: 0 5px;
+}
+.metricsWatcher .progressValue {
+ font-size: 13px;
+ line-height: 18px;
+ color: #666;
+}
+.metricsWatcher .progress {
+ height: 18px;
+ margin-bottom: 17px;
+}
+
+.metricsWatcher.timer table,
+.metricsWatcher.histogram table,
+.metricsWatcher.web table,
+.metricsWatcher.log4j table,
+.metricsWatcher.cache table,
+.metricsWatcher.jvm table,
+.metricsWatcher .progressBar,
+.metricsWatcher .progressBar,
+.metricsWatcher .progressTable {
+ width: 100%;
+ font-size: 13px;
+}
+
+.metricsWatcher.histogram .histogramContainer,
+.metricsWatcher.jvm .jvmContainer,
+.metricsWatcher.web .webContainer,
+.metricsWatcher.log4j .log4jContainer,
+.metricsWatcher.cache .cacheContainer,
+.metricsWatcher.timer .timerContainer,
+.metricsWatcher.cache .gaugeTableContainer {
+ border-style: none;
+ border-width: 1px;
+ padding: 10px 0;
+ margin-left: 0;
+ padding: 10px;
+}
+
+.metricsWatcher.cache table.gaugeTable td h5,
+.metricsWatcher.jvm table.jvmTable td h5 {
+ font-size: 15px;
+ font-weight: normal;
+ text-align: left;
+}
+.metricsWatcher table.gaugeTable td,
+.metricsWatcher table.jvmTable td {
+ font-size: 14px;
+ text-align: right;
+}
+
+caption{
+ font-weight: bold;
+}
+
+/**
+ * Find a nice style for progress bar
+ */
+.metricsWatcher .progress > .progress-bar {
+ display: block;
+ height: 100%;
+ -webkit-border-top-right-radius: 8px;
+ -webkit-border-bottom-right-radius: 8px;
+ -moz-border-radius-topright: 8px;
+ -moz-border-radius-bottomright: 8px;
+ border-top-right-radius: 8px;
+ border-bottom-right-radius: 8px;
+ -webkit-border-top-left-radius: 20px;
+ -webkit-border-bottom-left-radius: 20px;
+ -moz-border-radius-topleft: 20px;
+ -moz-border-radius-bottomleft: 20px;
+ border-top-left-radius: 20px;
+ border-bottom-left-radius: 20px;
+ background-color: rgb(43,94,183);
+ background-image: -webkit-gradient(
+ linear,
+ left bottom,
+ left top,
+ color-stop(0, rgb(43,94,183)),
+ color-stop(1, rgb(84,140,184))
+ );
+ background-image: -webkit-linear-gradient(
+ center bottom,
+ rgb(43,94,183) 37%,
+ rgb(84,140,184) 69%
+ );
+ background-image: -moz-linear-gradient(
+ center bottom,
+ rgb(43,94,183) 37%,
+ rgb(84,140,184) 69%
+ );
+ background-image: -ms-linear-gradient(
+ center bottom,
+ rgb(43,94,183) 37%,
+ rgb(84,140,184) 69%
+ );
+ background-image: -o-linear-gradient(
+ center bottom,
+ rgb(43,94,183) 37%,
+ rgb(84,140,184) 69%
+ );
+ -webkit-box-shadow:
+ inset 0 2px 9px rgba(255,255,255,0.3),
+ inset 0 -2px 6px rgba(0,0,0,0.4);
+ -moz-box-shadow:
+ inset 0 2px 9px rgba(255,255,255,0.3),
+ inset 0 -2px 6px rgba(0,0,0,0.4);
+ position: relative;
+ overflow: hidden;
+}
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/css/ng-grid.css
----------------------------------------------------------------------
diff --git a/console/css/ng-grid.css b/console/css/ng-grid.css
new file mode 100644
index 0000000..58a6b8a
--- /dev/null
+++ b/console/css/ng-grid.css
@@ -0,0 +1,439 @@
+.ngGrid {
+ background-color: #fdfdfd;
+}
+.ngGrid input[type="checkbox"] {
+ margin: 0;
+ padding: 0;
+}
+.ngGrid input {
+ vertical-align: top;
+}
+.ngGrid.unselectable {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+}
+.ngViewport {
+ overflow: auto;
+ min-height: 20px;
+}
+.ngViewport:focus {
+ outline: none;
+}
+.ngCanvas {
+ position: relative;
+}
+.ngVerticalBar {
+ position: absolute;
+ right: 0;
+ width: 0;
+}
+.ngVerticalBarVisible {
+ width: 1px;
+ background-color: #d4d4d4;
+}
+.ngHeaderContainer {
+ position: relative;
+ overflow: hidden;
+ font-weight: bold;
+ background-color: inherit;
+}
+.ngHeaderCell {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ background-color: inherit;
+}
+.ngHeaderCell.pinned {
+ z-index: 1;
+}
+.ngHeaderSortColumn {
+ position: absolute;
+ overflow: hidden;
+}
+.ngTopPanel {
+ position: relative;
+ z-index: 1;
+ background-color: #eaeaea;
+ border-bottom: 1px solid #d4d4d4;
+}
+.ngSortButtonDown {
+ position: absolute;
+ top: 3px;
+ left: 0;
+ right: 0;
+ margin-left: auto;
+ margin-right: auto;
+ border-color: gray transparent;
+ border-style: solid;
+ border-width: 0 5px 5px 5px;
+ height: 0;
+ width: 0;
+}
+.ngNoSort {
+ cursor: default;
+}
+.ngHeaderButton {
+ position: absolute;
+ right: 2px;
+ top: 8px;
+ -moz-border-radius: 50%;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ width: 14px;
+ height: 14px;
+ z-index: 1;
+ background-color: #9fbbb4;
+ cursor: pointer;
+}
+.ngSortButtonUp {
+ position: absolute;
+ top: 3px;
+ left: 0;
+ right: 0;
+ margin-left: auto;
+ margin-right: auto;
+ border-color: gray transparent;
+ border-style: solid;
+ border-width: 5px 5px 0 5px;
+ height: 0;
+ width: 0;
+}
+.ngHeaderScroller {
+ position: absolute;
+ background-color: inherit;
+}
+.ngSortPriority {
+ position: absolute;
+ top: -5px;
+ left: 1px;
+ font-size: 6pt;
+ font-weight: bold;
+}
+.ngHeaderGrip {
+ cursor: col-resize;
+ width: 10px;
+ right: -5px;
+ top: 0;
+ height: 100%;
+ position: absolute;
+ background-color: transparent;
+}
+.ngHeaderText {
+ padding: 5px;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ white-space: nowrap;
+ -ms-text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.ngHeaderButtonArrow {
+ position: absolute;
+ top: 4px;
+ left: 3px;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 6.5px 4.5px 0 4.5px;
+ border-color: #4d4d4d transparent transparent transparent;
+}
+.ngPinnedIcon {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVQoU33PQapBURjA8UtkwJuaWYGSgfQWYBMvczPmTCzAAGVuaA228BZhRCkDGSmE31FucuRfvzq3vr5zT/JSjSU7DsypEPXDkDVn2hSIytJhw4kWGaLCxgHh2gt/RBuLzNhz5caWPjnSqqw4EraFfwznf8qklWjwy4IRTerkiQoPGtPl40OehcEJvcfXl8LglLfBJLkDcMgbgHlHhK8AAAAASUVORK5CYII=);
+ background-repeat: no-repeat;
+ position: absolute;
+ right: 5px;
+ top: 5px;
+ height: 10px;
+ width: 10px;
+}
+.ngUnPinnedIcon {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAlElEQVQoU33PPQrCQBRF4fFnI2KfZVi5ARvdgo1l6mwmkCJVOgluwd5OwUoDtnoOxAei8cLXTN7cvEl/skCNDCMPfsUPO5zQwOHIDEvYtMURHe6wOVLgigvOePRyeDkyR4ln7wZ//7XfFBu8B23+aDJjrHGAwza7hjtHJvDmHg7b7Bru7AMjK7Rw2ObBVHDY5oGk9AKQNB2zy8MBTgAAAABJRU5ErkJggg==);
+ background-repeat: no-repeat;
+ position: absolute;
+ height: 10px;
+ width: 10px;
+ right: 5px;
+ top: 5px;
+}
+.ngColMenu {
+ right: 2px;
+ padding: 5px;
+ top: 25px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ background-color: #bdd0cb;
+ position: absolute;
+ border: 2px solid #d4d4d4;
+ z-index: 1;
+}
+.ngColListCheckbox {
+ position: relative;
+ right: 3px;
+ top: 4px;
+}
+.ngColList {
+ list-style-type: none;
+}
+.ngColListItem {
+ position: relative;
+ right: 17px;
+ top: 2px;
+ white-space: nowrap;
+}
+.ngMenuText {
+ position: relative;
+ top: 2px;
+ left: 2px;
+}
+.ngGroupPanel {
+ background-color: #eaeaea;
+ overflow: hidden;
+ border-bottom: 1px solid #d4d4d4;
+}
+.ngGroupPanelDescription {
+ margin-top: 5px;
+ margin-left: 5px;
+}
+.ngGroupList {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+.ngAggHeader {
+ position: absolute;
+ border: none;
+}
+.ngGroupElement {
+ float: left;
+ height: 100%;
+ width: 100%;
+}
+.ngGroupIcon {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);
+ background-repeat: no-repeat;
+ height: 15px;
+ width: 15px;
+ position: absolute;
+ right: -2px;
+ top: 2px;
+}
+.ngGroupedByIcon {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);
+ background-repeat: no-repeat;
+ height: 15px;
+ width: 15px;
+ position: absolute;
+ right: -2px;
+ top: 2px;
+}
+.ngGroupName {
+ background-color: #fdfdfd;
+ border: 1px solid #d4d4d4;
+ padding: 3px 10px;
+ float: left;
+ margin-left: 0;
+ margin-top: 2px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ font-weight: bold;
+}
+.ngGroupArrow {
+ width: 0;
+ height: 0;
+ border-top: 6px solid transparent;
+ border-bottom: 6px solid transparent;
+ border-left: 6px solid black;
+ margin-top: 10px;
+ margin-left: 5px;
+ margin-right: 5px;
+ float: right;
+}
+.ngGroupingNumber {
+ position: absolute;
+ right: -10px;
+ top: -2px;
+}
+.ngAggArrowCollapsed {
+ position: absolute;
+ left: 8px;
+ bottom: 10px;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 5px 0 5px 8.7px;
+ border-color: transparent transparent transparent #000000;
+}
+.ngGroupItem {
+ float: left;
+}
+.ngGroupItem:first-child {
+ margin-left: 2px;
+}
+.ngRemoveGroup {
+ width: 5px;
+ -moz-opacity: 0.4;
+ opacity: 0.4;
+ margin-top: -1px;
+ margin-left: 5px;
+}
+.ngRemoveGroup:hover {
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+ -moz-opacity: 0.7;
+ opacity: 0.7;
+}
+.ngAggArrowExpanded {
+ position: absolute;
+ left: 8px;
+ bottom: 10px;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 0 9px 9px;
+ border-color: transparent transparent #000000 transparent;
+}
+.ngAggregate {
+ position: absolute;
+ background-color: #c9dde1;
+ border-bottom: 1px solid beige;
+ overflow: hidden;
+ top: 0;
+ bottom: 0;
+ right: -1px;
+ left: 0;
+}
+.ngAggregateText {
+ position: absolute;
+ left: 27px;
+ top: 5px;
+ line-height: 20px;
+ white-space: nowrap;
+}
+.ngRow {
+ position: absolute;
+ border-bottom: 1px solid #d4d4d4;
+}
+.ngRow.odd {
+ background-color: #fdfdfd;
+}
+.ngRow.even {
+ background-color: #f3f3f3;
+}
+.ngRow.selected {
+ background-color: #c9dde1;
+}
+.ngCell {
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ background-color: inherit;
+}
+.ngCell.pinned {
+ z-index: 1;
+}
+.ngCellText {
+ padding: 5px;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ white-space: nowrap;
+ -ms-text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.ngSelectionCell {
+ margin-top: 9px;
+ margin-left: 6px;
+}
+.ngSelectionHeader {
+ position: absolute;
+ top: 11px;
+ left: 6px;
+}
+.ngCellElement:focus {
+ outline: 0;
+ background-color: #b3c4c7;
+}
+.ngRow.canSelect {
+ cursor: pointer;
+}
+.ngSelectionCheckbox {
+ margin-top: 9px;
+ margin-left: 6px;
+}
+.ngFooterPanel {
+ background-color: #eaeaea;
+ padding: 0;
+ border-top: 1px solid #d4d4d4;
+ position: relative;
+}
+.nglabel {
+ display: block;
+ float: left;
+ font-weight: bold;
+ padding-right: 5px;
+}
+.ngTotalSelectContainer {
+ float: left;
+ margin: 5px;
+ margin-top: 7px;
+}
+.ngFooterSelectedItems {
+ padding: 2px;
+}
+.ngFooterTotalItems.ngnoMultiSelect {
+ padding: 0 !important;
+}
+.ngPagerFirstBar {
+ width: 10px;
+ border-left: 2px solid #4d4d4d;
+ margin-top: -6px;
+ height: 12px;
+ margin-left: -3px;
+}
+.ngPagerButton {
+ height: 25px;
+ min-width: 26px;
+}
+.ngPagerFirstTriangle {
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 5px 8.7px 5px 0;
+ border-color: transparent #4d4d4d transparent transparent;
+ margin-left: 2px;
+}
+.ngPagerNextTriangle {
+ margin-left: 1px;
+}
+.ngPagerPrevTriangle {
+ margin-left: 0;
+}
+.ngPagerLastTriangle {
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 5px 0 5px 8.7px;
+ border-color: transparent transparent transparent #4d4d4d;
+ margin-left: -1px;
+}
+.ngPagerLastBar {
+ width: 10px;
+ border-left: 2px solid #4d4d4d;
+ margin-top: -6px;
+ height: 12px;
+ margin-left: 1px;
+}
+.ngFooterTotalItems {
+ padding: 2px;
+}
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/3c9a22b4/console/css/site-base.css
----------------------------------------------------------------------
diff --git a/console/css/site-base.css b/console/css/site-base.css
new file mode 100644
index 0000000..dd1a053
--- /dev/null
+++ b/console/css/site-base.css
@@ -0,0 +1,4464 @@
+* {
+ 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/3c9a22b4/console/css/site-branding.css
----------------------------------------------------------------------
diff --git a/console/css/site-branding.css b/console/css/site-branding.css
new file mode 100644
index 0000000..7efc7b2
--- /dev/null
+++ b/console/css/site-branding.css
@@ -0,0 +1,6 @@
+
+.brand > .without-text,
+.brand > .with-text {
+ height: 24px;
+}
+
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@qpid.apache.org
For additional commands, e-mail: commits-help@qpid.apache.org