TABLE.table { border-collapse: collapse; } TABLE.table TH { font-weight: normal; text-align: left; vertical-align: middle; } TABLE.table TBODY.striped TR:nth-child(odd) { background: #eee; } TABLE.table H3 { margin: 0; font-weight: bold; font-size: 140%; } .require { color: #a00; } .uiButton { padding: 0; border: 0; margin: 3px; width: auto; overflow: visible; cursor: pointer; background: transparent; } .uiButton-content { height: 20px; border: 1px solid #668dc6; border-radius: 2px; background: #96c6eb; background: -moz-linear-gradient(top, #96c6eb, #5296c7); background: -webkit-linear-gradient(top, #96c6eb, #5296c7); color: white; font-weight: bold; } .moz .uiButton-content { margin: 0 -2px; } .uiButton-label { padding: 2px 6px; white-space: nowrap; } .uiButton:hover .uiButton-content { background: #2777ba; background: -moz-linear-gradient(top, #6aaadf, #2777ba); background: -webkit-linear-gradient(top, #6aaadf, #2777ba); } .uiButton.active .uiButton-content, .uiButton:active .uiButton-content { background: #2575b7; background: -moz-linear-gradient(top, #2576b8, #2575b7); background: -webkit-linear-gradient(top, #2576b8, #2575b7); } .uiButton.disabled .uiButton-content, .uiButton.disabled:active .uiButton-content { border-color: #c6c6c6; color: #999999; background: #ddd; background: -moz-linear-gradient(top, #ddd, #ddd); background: -webkit-linear-gradient(top, #ddd, #ddd); } .uiButton.disabled { cursor: default; } .uiMenuButton { display: inline-block; } .uiMenuButton .uiButton-label { background-image: url('data:image/gif;base64,R0lGODlhDwAPAIABAP///////yH5BAEAAAEALAAAAAAPAA8AAAITjI+py+0P4wG0gmavq1HLD4ZiAQA7'); background-position: right 50%; background-repeat: no-repeat; padding-right: 17px; text-align: left; } .uiSplitButton { white-space: nowrap; } .uiSplitButton .uiButton:first-child { margin-right: 0; display: inline-block; } .uiSplitButton .uiButton:first-child .uiButton-content { border-right-width: 1; border-right-color: #5296c7; border-top-right-radius: 0; border-bottom-right-radius: 0; } .uiSplitButton .uiMenuButton { margin-left: 0; } .uiSplitButton .uiButton:last-child .uiButton-content { border-radius: 2px; border-left-width: 1; border-left-color: #96c6eb; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 20px; } .uiSplitButton .uiButton:last-child .uiButton-label { padding: 2px 17px 2px 6px; margin-left: -8px; } .uiToolbar { height: 28px; background: #fdfefe; background: -moz-linear-gradient(top, #fdfefe, #eaedef); background: -webkit-linear-gradient(top, #fdfefe, #eaedef); border-bottom: 1px solid #d2d5d7; padding: 3px 10px; } .uiToolbar H2 { display: inline-block; font-size: 120%; margin: 0; padding: 5px 20px 5px 0; } .uiToolbar .uiTextField { display: inline-block; } .uiToolbar .uiTextField INPUT { padding-top: 2px; padding-bottom: 5px; } #uiModal { background: black; } .uiPanel { box-shadow: -1px 2.5px 4px -3px black, -1px -2.5px 4px -3px black, 3px 2.5px 4px -3px black, 3px -2.5px 4px -3px black; position: absolute; background: #eee; border: 1px solid #666; } .uiPanel-titleBar { text-align: center; font-weight: bold; padding: 2px 0; background: rgba(223, 223, 223, 0.75); background: -moz-linear-gradient(top, rgba(223, 223, 223, 0.75), rgba(193, 193, 193, 0.75), rgba(223, 223, 223, 0.75)); background: -webkit-linear-gradient(top, rgba(223, 223, 223, 0.75), rgba(193, 193, 193, 0.75), rgba(223, 223, 223, 0.75)); border-bottom: 1px solid #bbb; } .uiPanel-close { cursor: pointer; border: 1px solid #aaa; background: #fff; color: #fff; float: left; height: 10px; left: 3px; line-height: 9px; padding: 1px 0; position: relative; text-shadow: 0 0 1px #000; top: 0px; width: 12px; } .uiPanel-close:hover { background: #eee; } .uiPanel-body { overflow: auto; } .uiInfoPanel { background: rgba(0, 0, 0, 0.75); color: white; border-radius: 8px; padding: 1px; } .uiInfoPanel .uiPanel-titleBar { background: rgba(74, 74, 74, 0.75); background: -moz-linear-gradient(top, rgba(84, 84, 84, 0.75), rgba(54, 54, 54, 0.75), rgba(64, 64, 64, 0.75)); background: -webkit-linear-gradient(top, rgba(84, 84, 84, 0.75), rgba(54, 54, 54, 0.75), rgba(64, 64, 64, 0.75)); border-radius: 8px 8px 0 0; padding: 1px 0 2px 0; border-bottom: 0; } .uiInfoPanel .uiPanel-close { border-radius: 6px; height: 13px; width: 13px; background: #ccc; left: 3px; top: 1px; color: #333; text-shadow: #222 0 0 1px; line-height: 11px; border: 0; padding: 0; } .uiInfoPanel .uiPanel-close:hover { background: #eee; } .uiInfoPanel .uiPanel-body { background: transparent; padding: 20px; border-radius: 0 0 8px 8px; border: 1px solid #222; } .uiMenuPanel { border: 1px solid #668dc6; position: absolute; background: #96c6eb; color: white; } .uiMenuPanel LI { list-style: none; border-bottom: 1px solid #668dc6; } .uiMenuPanel LI:hover { background: #2575b7; } .uiMenuPanel LI:last-child { border-bottom: 0; } .uiMenuPanel-label { white-space: nowrap; padding: 2px 10px 2px 10px; cursor: pointer; } .disabled .uiMenuPanel-label { cursor: auto; color: #888; } .uiSelectMenuPanel .uiMenuPanel-label { margin-left: 1em; padding-left: 4px; } .uiSelectMenuPanel .uiMenuPanel-item.selected .uiMenuPanel-label:before { content: "\2713"; width: 12px; margin-left: -12px; display: inline-block; } .uiTable TABLE { border-collapse: collapse; } .uiTable-body { overflow-y: scroll; overflow-x: auto; } .uiTable-headers { overflow-x: hidden; } .uiTable-body TD { white-space: nowrap; } .uiTable-body .uiTable-header-row TH, .uiTable-body .uiTable-header-row TH DIV { padding-top: 0; padding-bottom: 0; } .uiTable-body .uiTable-header-cell > DIV { height: 0; overflow: hidden; } .uiTable-headercell-menu { float: right; } .uiTable-tools { padding: 3px 4px; height: 14px; } .uiTable-header-row { background: #ddd; background: -moz-linear-gradient(top, #eee, #ccc); background: -webkit-linear-gradient(top, #eee, #ccc); } .uiTable-headercell-text { margin-right: 20px; } .uiTable-headercell-menu { display: none; } .uiTable-header-row TH { border-right: 1px solid #bbb; padding: 0; text-align: left; } .uiTable-header-row TH > DIV { padding: 3px 4px; border-right: 1px solid #eee; } .uiTable-headerEndCap > DIV { width: 19px; } .uiTable-header-row .uiTable-sort { background: #ccc; background: -moz-linear-gradient(top, #bebebe, #ccc); background: -webkit-linear-gradient(top, #bebebe, #ccc); } .uiTable-header-row TH.uiTable-sort > DIV { border-right: 1px solid #ccc; } .uiTable-sort .uiTable-headercell-menu { display: block; } .uiTable TABLE TD { border-right: 1px solid transparent; padding: 3px 4px; } .uiTable-body TABLE TR:nth-child(even) { background: #f3f3f3; } .uiTable-body TABLE TR.selected { color: white; background: #6060f1; } DIV.uiJsonPretty-object { font-size: 1.26em; font-family: monospace; } UL.uiJsonPretty-object, UL.uiJsonPretty-array { margin: 0; padding: 0 0 0 2em; list-style: none; } UL.uiJsonPretty-object LI, UL.uiJsonPretty-array LI { padding: 0; margin: 0; } .expando > SPAN.uiJsonPretty-name:before { content: "\25bc\a0"; color: #555; position: relative; top: 2px; } .expando.uiJsonPretty-minimised > SPAN.uiJsonPretty-name:before { content: "\25ba\a0"; top: 0; } .uiJsonPretty-minimised > UL SPAN.uiJsonPretty-name:before, .expando .uiJsonPretty-minimised > UL SPAN.uiJsonPretty-name:before { content: ""; } SPAN.uiJsonPretty-string, SPAN.uiJsonPretty-string A { color: green; } SPAN.uiJsonPretty-string A { text-decoration: underline;} SPAN.uiJsonPretty-number { color: blue; } SPAN.uiJsonPretty-null { color: red; } SPAN.uiJsonPretty-boolean { color: purple; } .expando > .uiJsonPretty-name { cursor: pointer; } .expando > .uiJsonPretty-name:hover { text-decoration: underline; } .uiJsonPretty-minimised { white-space: nowrap; overflow: hidden; } .uiJsonPretty-minimised > UL { opacity: 0.6; } .uiJsonPretty-minimised .uiJsonPretty-minimised > UL { opacity: 1; } .uiJsonPretty-minimised UL, .uiJsonPretty-minimised LI { display: inline; padding: 0; } .uiJsonPanel SPAN.uiJsonPretty-string { color: #6F6; } .uiJsonPanel SPAN.uiJsonPretty-number { color: #66F; } .uiJsonPanel SPAN.uiJsonPretty-null { color: #F66; } .uiJsonPanel SPAN.uiJsonPretty-boolean { color: #F6F; } .uiPanelForm-field { display: block; padding: 2px 0; clear: both; } .uiPanelForm-label { float: left; width: 200px; padding: 3px 7px; text-align: right; } .uiSidebarSection-head { background-color: #b9cfff; background-image: url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAMAAABifa5OAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMAUExURQUCFf///wICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///2Oyy/cAAAACdFJOU/8A5bcwSgAAADxJREFUeNq8zzkOACAMA8Hd/3+agiuRcIsrRopIjArOoLK1QAMNNBCRPkhLyzkn35Bjfd7JR1Nr09NoDACnvgDl1zlzoQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: 2px 5px; margin-bottom: 1px; padding: 3px 3px 3px 17px; cursor: pointer; } .shown > .uiSidebarSection-head { background-position: 2px -13px; } .uiSidebarSection-body { margin-bottom: 3px; display: none; } .uiSidebarSection-help { text-shadow: #228 1px 1px 2px; color: blue; cursor: pointer; } .uiSidebarSection-help:hover { text-decoration: underline; } .uiQueryFilter { width: 350px; padding: 5px; background: #d8e7ff; background: -moz-linear-gradient(left, #d8e7ff, #e8f1ff); background: -webkit-linear-gradient(left, #d8e7ff, #e8f1ff); } .uiQueryFilter DIV.uiQueryFilter-section { margin-bottom: 5px; } .uiQueryFilter HEADER { display: block; font-variant: small-caps; font-weight: bold; margin: 5px 0; } .uiQueryFilter-aliases SELECT { width: 100%; } .uiQueryFilter-booble { cursor: pointer; background: #e8f1ff; border: 1px solid #e8f1ff; border-radius: 5px; padding: 1px 4px; margin-bottom: 1px; overflow: hidden; white-space: nowrap; } .uiQueryFilter-booble.selected { background: #dae3f0; border-top: 1px solid #c8d4e6; border-left: 1px solid #c8d4e6; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; } .uiQueryFilter-filterName { background-color: #cbdfff; margin-bottom: 4px; padding: 3px; cursor: pointer; } .uiQueryFilter-filters INPUT { width: 300px; } .uiQueryFilter-subMultiFields { padding-left: 10px; } .uiQueryFilter-rangeHintFrom, .uiQueryFilter-rangeHintTo { margin: 0; opacity: 0.75; } .uiBrowser-filter { float: left; } .uiBrowser-table { margin-left: 365px; } .uiAnyRequest-request { float: left; width: 350px; padding: 5px; background: #d8e7ff; background: -moz-linear-gradient(left, #d8e7ff, #e8f1ff); background: -webkit-linear-gradient(left, #d8e7ff, #e8f1ff); } .uiAnyRequest-request INPUT[type=text], .uiAnyRequest-request TEXTAREA { width: 340px; } .anyRequest INPUT[name=path] { width: 259px; } .uiAnyRequest-out { margin-left: 365px; } .uiAnyRequest-out P { margin-top: 0; } .uiAnyRequest-jsonErr { color: red; } .uiAnyRequest-history { margin: 0; padding: 0; list-style: none; max-height: 100px; overflow-x: hidden; overflow-y: auto; } .uiNodesView TH, .uiNodesView TD { vertical-align: top; padding: 2px 20px; } .uiNodesView TH.close, .uiNodesView TD.close { color: #888; background: #f2f2f2; } .uiNodesView .uiMenuButton .uiButton-content { padding-right: 3px; border-radius: 8px; height: 14px; } .uiNodesView .uiMenuButton.active .uiButton-content, .uiNodesView .uiMenuButton:active .uiButton-content { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .uiNodesView .uiMenuButton .uiButton-label { padding: 0px 17px 0px 7px; } .uiNodesView-hasAlias { text-align: center; } .uiNodesView-hasAlias.max { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .uiNodesView-hasAlias.min { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .uiNodesView-hasAlias-remove { float: right; font-weight: bold; cursor: pointer; } .uiNodesView TD.uiNodesView-icon { padding: 20px 0px 15px 20px; } .uiNodesView-node:nth-child(odd) { background: #eee; } .uiNodesView-routing { position: relative; min-width: 90px; } .uiNodesView-nullReplica, .uiNodesView-replica { box-sizing: border-box; cursor: pointer; float: left; height: 40px; width: 35px; margin: 4px; border: 2px solid #444; padding: 2px; font-size: 32px; line-height: 32px; text-align: center; letter-spacing: -5px; text-indent: -7px; } .uiNodesView-replica.primary { border-width: 4px; line-height: 29px; } .uiNodesView-nullReplica { border-color: transparent; } .uiNodesView-replica.state-UNASSIGNED { background: #eeeeee; color: #999; border-color: #666; float: none; display: inline-block; } .uiNodesView-replica.state-INITIALIZING { background: #dddc88; } .uiNodesView-replica.state-STARTED { background: #99dd88; } .uiNodesView-replica.state-RELOCATING { background: #dc88dd; } .uiClusterConnect-uri { width: 280px; } .uiStructuredQuery { padding: 10px; } .uiStructuredQuery-out { min-height: 30px; } .uiFilterBrowser-row * { margin-right: 0.4em; } .uiFilterBrowser-row BUTTON { height: 22px; position: relative; top: 1px; } .uiHeader { padding: 3px 10px; } .uiHeader-name, .uiHeader-status { font-size: 1.2em; font-weight: bold; padding: 0 10px; } .uiApp-header { background: #eee; position: fixed; width: 100%; z-index: 9; } .uiApp-header H1 { margin: -2px 0 -4px 0; float: left; padding-right: 25px; } .uiApp-headerMenu { border-bottom: 1px solid #bbb; padding: 0px 3px; height: 22px; } .uiApp-headerMenu .active { background: white; border-bottom-color: white; } .uiApp-headerMenuItem { border: 1px solid #bbb; padding: 4px 8px 1px ; margin: 2px 1px 0; height: 14px; cursor: pointer; } .uiApp-body { padding: 51px 0px 0px 0px; } .uiApp-headerNewMenuItem { color: blue; }