http://git-wip-us.apache.org/repos/asf/incubator-blur/blob/4fd86871/blur-console/src/main/webapp/public/css/selectivity-full.css ---------------------------------------------------------------------- diff --git a/blur-console/src/main/webapp/public/css/selectivity-full.css b/blur-console/src/main/webapp/public/css/selectivity-full.css new file mode 100644 index 0000000..a153458 --- /dev/null +++ b/blur-console/src/main/webapp/public/css/selectivity-full.css @@ -0,0 +1,214 @@ +/** + * All CSS that comes with Selectivity.js can be used as is, or tweaked to your heart's content :) + * + * Please realize though there is no "API contract" regarding styling of CSS classes, meaning that + * any customized CSS made may need to be updated without warning if you want to upgrade the + * Selectivity version you use. You can mitigate this problem by using your own templates instead of + * those defined in selectivity-templates.js, since templates will at the very least continue + * working across patch versions and any changes necessary to templates will be documented in the + * changelog. + */ +.selectivity-clearfix { + clear: both; } + +.selectivity-input { + display: inline-block; + width: 250px; } + .selectivity-input select { + display: none; } + +.selectivity-placeholder { + color: #999; } + +/** + * Backdrop + */ +.selectivity-backdrop { + background: transparent; + position: fixed; + z-index: 9998; + top: 0; + right: 0; + bottom: 0; + left: 0; } + +/** + * Dropdown + */ +.selectivity-dropdown { + background: #fff; + border-radius: 4px; + box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15), 0 10px 16px 0 rgba(0, 0, 0, 0.2); + position: absolute; + z-index: 9999; } + +.selectivity-search-input-container { + border-bottom: 1px solid #eee; } + +.selectivity-search-input { + background: transparent; + border: 0; + outline: 0; + width: 100%; } + +.selectivity-results-container { + max-height: 28em; + overflow: auto; + position: relative; } + +.selectivity-load-more, +.selectivity-result-item { + cursor: pointer; + padding: 7px; } + +.selectivity-result-children .selectivity-result-item { + padding-left: 17px; } + +.selectivity-load-more.highlight, +.selectivity-result-item.highlight { + background: #4484c7; + color: #fff; } + +.selectivity-result-item:first-child { + border-radius: 4px 4px 0 0; } + +.selectivity-dropdown.has-search-input .selectivity-result-item:first-child { + border-radius: 0; } + +.selectivity-result-label { + font-weight: bold; } + +.selectivity-load-more, +.selectivity-result-item:last-child, +.selectivity-result-children:last-child .selectivity-result-item:last-child { + border-radius: 0 0 4px 4px; } + +.selectivity-result-children .selectivity-result-item:last-child { + border-radius: 0; } + +.selectivity-error, +.selectivity-loading, +.selectivity-search-input-container, +.selectivity-result-label { + padding: 7px; } + +/** + * Multi-selection input + */ +.selectivity-multiple-input-container { + background: #eee; + border-radius: 2px; + cursor: text; + max-height: 10em; + min-height: -webkit-calc(2em + 4px); + min-height: calc(2em + 4px); + overflow: auto; + padding: 5px; } + +.selectivity-multiple-input-container .selectivity-placeholder { + height: -webkit-calc(2em + 4px); + height: calc(2em + 4px); + line-height: -webkit-calc(2em + 4px); + line-height: calc(2em + 4px); } + +.selectivity-multiple-input, +input[type='text'].selectivity-multiple-input { + background-color: transparent; + border: none; + float: left; + height: -webkit-calc(2em + 4px); + height: calc(2em + 4px); + max-width: 100%; + outline: 0; + padding: 0; } + .selectivity-multiple-input:focus, + input[type='text'].selectivity-multiple-input:focus { + background-color: transparent; + box-shadow: none; + outline: none; } + +.selectivity-multiple-input::-ms-clear { + display: none; } + +.selectivity-multiple-input.selectivity-width-detector { + position: absolute; + top: -10000px; + left: 0; + white-space: pre; } + +.selectivity-multiple-selected-item { + background: #4484c7; + border-radius: 3px; + color: #fff; + cursor: default; + float: left; + line-height: 2em; + margin: 2px; + padding-right: 5px; + position: relative; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + white-space: nowrap; } + .selectivity-multiple-selected-item.highlighted { + background-color: #ccc; } + +.selectivity-multiple-selected-item-remove { + color: #fff; + cursor: pointer; + padding: 5px; } + +/** + * Single-selection input + */ +.selectivity-single-select { + background: #eee; + border-radius: 2px; + cursor: pointer; + min-height: 2em; + padding: 5px; + position: relative; + box-sizing: content-box; } + +.selectivity-single-select-input { + opacity: 0; } + +.selectivity-single-result-container { + position: absolute; + top: 0.8em; + right: 15px; + left: 5px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.selectivity-single-selected-item { + color: #000; } + +.selectivity-single-selected-item-remove { + color: #000; + float: right; + padding: 0 5px; } + +.selectivity-caret { + position: absolute; + right: 5px; + top: 0.7em; } + +@media only screen and (max-device-width: 480px) { + .selectivity-single-select { + background: #eee; + border-radius: 2px; } + + .selectivity-single-result-container { + right: 5px; } + + .selectivity-caret { + display: none; } } +/** + * Submenu + */ +.selectivity-submenu-icon { + position: absolute; + right: 4px; }
http://git-wip-us.apache.org/repos/asf/incubator-blur/blob/4fd86871/blur-console/src/main/webapp/public/index.html ---------------------------------------------------------------------- diff --git a/blur-console/src/main/webapp/public/index.html b/blur-console/src/main/webapp/public/index.html index 4b7cf32..0e85a2d 100644 --- a/blur-console/src/main/webapp/public/index.html +++ b/blur-console/src/main/webapp/public/index.html @@ -33,7 +33,7 @@ under the License. <title>Blur Console</title> <meta name="description" content="System Monitor and Console for Blur"> <meta name="viewport" content="width=device-width"> - <link rel="stylesheet" href="css/blurconsole.3003bf5881f20abd06b59070a38c8d37.css"> + <link rel="stylesheet" href="css/blurconsole.1c6e9966c1498cff976bc872a647ed81.css"> <script src="js/modernizr.js"></script> </head> <body> @@ -64,7 +64,7 @@ under the License. </ul> </nav> <div id="blurconsole"></div> - <script src="js/blurconsole.3c80482ea81b06b3ee948714c66a7c45.js"></script> + <script src="js/blurconsole.1b429e358b32462c9aaca9b9285d6f31.js"></script> <script src="service/config.js"></script> <script type="text/javascript"> $(function () { blurconsole.initModule( $('#blurconsole') ); });
