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-unsubscr...@qpid.apache.org For additional commands, e-mail: commits-h...@qpid.apache.org
