| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616 |
- /*
- Licensed to Cloudera, Inc. under one
- or more contributor license agreements. See the NOTICE file
- distributed with this work for additional information
- regarding copyright ownership. Cloudera, Inc. licenses this file
- to you under the Apache License, Version 2.0 (the
- "License"); you may not use this file except in compliance
- with the License. You may obtain a copy of the License at
- http://www.apache.org/licenses/LICENSE-2.0
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
- .hbase-page {
- display: none;
- }
- .hbase-page.active {
- display: block;
- }
- ul#hbase-breadcrumbs li a {
- line-height: 18px;
- }
- .actionbar .well,.actionbar .well-small {
- line-height: 30px;
- }
- .isLoading {
- opacity: .5 !important;
- background: url(/static/art/spinner.gif) center center no-repeat;
- }
- .smartview {
- padding:0px;
- }
- .smartview .smartview-row {
- padding:0px;
- font-size:0px;
- margin:0px;
- border: 1px solid #ccc;
- margin-bottom: -1px;
- position: relative;
- }
- .smartview .smartview-row input[type="checkbox"] {
- border:solid 1px #ccc;
- border-radius: 0px;
- margin: 0px;
- padding: 0px;
- }
- .smartview .smartview-row h5 {
- padding:0px 10px;
- line-height: 40px;
- background:#ddd;
- margin:0px;
- border-bottom: solid 1px #ccc;
- background-color: #f5f5f5;
- background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
- background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
- background-image: -o-linear-gradient(top,#fff,#e6e6e6);
- background-image: linear-gradient(to bottom,#fff,#e6e6e6);
- background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
- background-repeat: repeat-x;
- filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
- filter: progid:dximagetransform.microsoft.gradient(enabled=false);
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
- box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
- cursor:pointer;
- font-weight: normal;
- }
- .smartview .smartview-row.selected h5 > code {
- color: #355EDB;
- border-color: #6872AD;
- }
- .smartview .smartview-row-controls {
- display: none;
- }
- .smartview .smartview-row-controls.controls-hover-bottom {
- position: absolute;
- bottom: 0px;
- right:5px;
- z-index: 10;
- }
- .smartview .smartview-row.selected .smartview-row-controls, .smartview-row:hover .smartview-row-controls {
- display: inline;
- }
- .smartview .smartview-row.selected h5 > i {
- color: #355EDB;
- }
- .smartview ul.smartview-cells {
- border-top:solid 1px #ccc;
- width:100%;
- overflow-x:auto;
- overflow-y:hidden;
- height:auto;
- white-space: nowrap;
- list-style: none;
- margin: 0px;
- padding:0px;
- margin-right:-1px;
- display:block;
- background: #ddd;
- min-height: 68px;
- }
- .smartview ul.smartview-cells > li {
- position: relative;
- border-right:solid 1px #ccc;
- background: #efefef;
- color:#000;
- font-size:12px;
- overflow: hidden;
- padding:0px;
- height:100%;
- max-width:200px;
- max-height: 200px;
- display:table-cell;
- min-width: 140px;
- border-top:0px;
- }
- .smartview ul.smartview-cells > li > div {
- position: relative;
- height: 100%;
- }
- .smartview ul.smartview-cells > li.active {
- border-top:solid 3px #4C62E6;
- }
- .smartview ul.smartview-cells > li:hover, .smartview ul.smartview-cells > li.active {
- cursor: pointer;
- background: #fcfcfc;
- }
- .smartview ul.smartview-cells > li:hover .label.timestamp, .smartview ul.smartview-cells > li.active .label.timestamp {
- display: block;
- color:#555;
- border:solid 1px #ccc;
- }
- .smartview ul.smartview-cells > li:hover a.corner-btn {
- display: block;
- }
- .smartview ul.smartview-cells > li:hover a.corner-btn:hover {
- color:#000;
- }
- .smartview ul.smartview-cells > li h6 {
- padding:6px;
- margin:0px;
- color:#3a3a3a;
- background:#fafafa;
- border-bottom: solid 1px #ccc;
- white-space: nowrap;
- }
- .smartview ul.smartview-cells > li.active h6 {
- color:#4C62E6;
- }
- .smartview ul.smartview-cells > li .timestamp {
- position: absolute;
- bottom:-2px;
- right:-2px;
- display: none;
- }
- .smartview ul.smartview-cells > li .corner-btn {
- position: absolute;
- top:5px;
- right:5px;
- font-size:12px;
- color:#333;
- text-decoration: none;
- display: none;
- padding:0px 6px;
- }
- .smartview ul.smartview-cells > li pre {
- border-radius: 0px;
- border:none;
- background:transparent;
- display:block;
- padding:5px;
- margin: 5px;
- height: 100%;
- font-size:11px;
- line-height: 13px;
- color: #777;
- border: dashed 1px #ccc;
- }
- .smartview ul.smartview-cells > li > div > textarea {
- display: block;
- border-radius: 0px;
- outline: none;
- width: 100%;
- min-width: 200px;
- outline-color: transparent;
- outline-style: none;
- width: auto;
- border: none;
- }
- .smartview ul.smartview-cells > li pre:hover {
- background: #BAD0FF;
- }
- .smartview ul.smartview-cells > li > pre:hover, .smartview ul.smartview-cells > li.active pre {
- color:#333;
- }
- .smartview ul.smartview-cells > li .label {
- background:#ddd;
- font-size: 11px;
- text-shadow:none;
- font-weight: 400;
- }
- .smartview ul.smartview-cells li.new_column_cell {
- vertical-align:middle;
- width:120px;
- }
- .smartview ul.smartview-cells li.new_column_cell a {
- text-align: center;
- font-size:24px;
- display:block;
- width:100%;
- height:100%;
- text-decoration: none;
- }
- .subnav {
- padding:5px 0px;
- line-height:30px;
- border:none;
- }
- .subnav select, .subnav input, .well input, .well select, .smartview select, .smartview .smartview-row-controls input {
- margin:0px;
- }
- .ui-autocomplete {
- z-index:10000 !important;
- }
- .btn-group {
- display:inline-block;
- line-height: 1em;
- }
- .footer-slider {
- white-space: nowrap;
- overflow-x: auto;
- width: 70%;
- float:left;
- }
- .footer-slider code {
- cursor:pointer;
- }
- #searchbar-main {
- display: inline;
- background: #fff;
- line-height: 1em;
- margin-right: 10px;
- -webkit-appearance: none;
- -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
- -webkit-rtl-ordering: logical;
- -webkit-transition-delay: 0s, 0s;
- -webkit-transition-duration: 0.2s, 0.2s;
- -webkit-transition-property: border, box-shadow;
- -webkit-transition-timing-function: linear, linear;
- -webkit-user-select: text;
- -webkit-writing-mode: horizontal-tb;
- background-color: rgb(255, 255, 255);
- border-bottom-color: rgb(204, 204, 204);
- border-bottom-left-radius: 3px;
- border-bottom-style: solid;
- border-bottom-width: 1px;
- border-image-outset: 0px;
- border-image-repeat: stretch;
- border-image-slice: 100%;
- border-image-source: none;
- border-image-width: 1;
- border-left-color: rgb(204, 204, 204);
- border-left-style: solid;
- border-left-width: 1px;
- border-right-color: rgb(204, 204, 204);
- border-right-style: solid;
- border-right-width: 1px;
- border-top-color: rgb(204, 204, 204);
- border-top-left-radius: 3px;
- border-top-style: solid;
- border-top-width: 1px;
- box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
- color: rgb(85, 85, 85);
- cursor: auto;
- display: inline-block;
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-size: 14px;
- font-weight: normal;
- height: 20px;
- letter-spacing: normal;
- line-height: 25px;
- margin-bottom: 0px;
- margin-left: 0px;
- margin-right: 0px;
- margin-top: 0px;
- padding-bottom: 4px;
- padding-left: 6px;
- padding-right: 6px;
- padding-top: 4px;
- text-align: start;
- text-indent: 0px;
- text-shadow: rgba(0, 0, 0, 0) 0px 0px 1px;
- text-transform: none;
- transition-delay: 0s, 0s;
- transition-duration: 0.2s, 0.2s;
- transition-property: border, box-shadow;
- transition-timing-function: linear, linear;
- vertical-align: middle;
- height:36px;
- font-size: 18px;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
- #search-tags {
- display: block;
- margin: 0px;
- padding: 0px;
- outline: none;
- list-style: none;
- width: 100%;
- height: 100%;
- }
- #search-tags > span {
- color: #d14;
- }
- #search-tags span {
- margin: 1px;
- padding: 2px;
- }
- #search-tags span:hover {
- margin: 0px;
- border: dashed 1px #5D6F8C;
- }
- #search-tags > span > span {
- padding: 0px 3px;
- border-radius: 3px;
- }
- #search-tags span.columns {
- color: #fff;
- background: #3FA3D9;
- }
- #search-tags span.scan {
- color: #fff;
- background: #EDA11F;
- padding: 0px 3px;
- border-radius: 3px;
- }
- #search-tags span.prefix {
- color: #fff;
- background: #5EB568;
- }
- #search-tags span.filter
- {
- color: #2DA2E0;
- }
- #search-tags span.filter span.compare_op
- {
- color: #8746DB;
- }
- #search-tags span.filter span.arg
- {
- color: #8746DB;
- }
- #search-tags span.filter span.linker
- {
- color: #46A35C;
- }
- #search-tags span.selection, #search-typeahead span.selection
- {
- background: yellow;
- border: none;
- border-radius: 0px;
- min-width: 1px;
- padding:0px;
- }
- #search-typeahead {
- position: absolute;
- z-index: 10000;
- margin: 0px;
- padding: 0px;
- padding-top: 1px;
- list-style: none;
- margin-top: 40px;
- }
- #search-typeahead li:first-child a {
- overflow: auto;
- background: #fff;
- color: #3a3a3a;
- border-top: solid 1px #ccc;
- background: #eee;
- }
- #search-typeahead li a {
- padding: 5px;
- background: #fff;
- margin-top: -1px;
- border:solid 1px #ccc;
- text-decoration: none;
- display:block;
- width: 402px;
- cursor: pointer;
- }
- #search-typeahead li a.active {
- background: rgb(1, 99, 156);
- color: #fff;
- font-weight: bold;
- }
- #searchbar-main input[type=text].tag-searchbar {
- border: 0px;
- background: transparent;
- box-shadow: none;
- border:none;
- msargin-right:15%;
- padding:0px;
- display: inline-block;
- border-radius: 0px;
- overflow: hidden;
- width:100%;
- }
- #searchbar-main input[type=text].tag-searchbar.active {
- color:#fff;
- width:1px;
- background: #fff;
- opacity: .1;
- }
- #searchbar-main small {
- color: #bbb;
- }
- #searchbar-main i.tagIndicator {
- color: #000;
- padding: 0px !important;
- border: 0px;
- margin: 0px;
- background: black !important;
- display: inline-block;
- width: 1px;
- height: 1em;
- border:none !important;
- animation: blink 1.5s steps(2, start) infinite;
- -webkit-animation: blink 1.5s steps(2, start) infinite;
- -moz-animation: blink 1.5s steps(2, start) infinite;
- font-weight: 100;
- }
- @keyframes blink {
- to {
- visibility: hidden;
- }
- }
- @-webkit-keyframes blink {
- to {
- visibility: hidden;
- }
- }
- #cluster-menu {
- font-size:14px;
- }
- #cell_edit_modal {
- width: 80%;
- left: 10%;
- margin-left: 0px;
- max-height:100%;
- top: 10%;
- margin-top:0px;
- overflow: visible;
- }
- #cell_edit_modal iframe {
- min-height: 600px;
- }
- #cell_edit_modal .CodeMirror {
- height:100%;
- }
- #cell_edit_modal .modal-body {
- max-height: 600px;
- }
- textarea {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- #column-family-selectors {
- margin-left: 10px;
- line-height: 30px;
- display: inline-block;
- }
- .loader-main {
- font-size: 50px;
- }
- #new_table_modal ul
- {
- list-style-type: none;
- padding: 0px;
- margin: 0px;
- }
- .add-on
- {
- border-radius: 1.5em;
- border-bottom-left-radius: 0px;
- border-top-left-radius: 0px;
- padding: .5em 1em .5em .8em;
- margin-left:-1px;
- }
- .add-on i
- {
- font-size: 17px;
- }
- .search-remove
- {
- position: relative;
- right: 25px;
- top: 3px;
- text-decoration: none;
- cursor: pointer;
- color: #ccc;
- z-index: 100;
- width: 0px;
- height: 0px;
- overflow: visible;
- display: block;
- }
- .search-remove:hover
- {
- color: #777;
- text-decoration: none;
- }
- #search-typeahead .search-suggestion a
- {
- color: #eee;
- background: #333;
- border-color: #777;
- }
- #search-typeahead .search-suggestion.active a
- {
- background: #3CA3E8;
- border-color: #3CA3E8;
- color:#fff;
- }
- #search-typeahead .search-suggestion-header a
- {
- padding: 5px;
- color: #4DB8EA;
- font-weight: bold;
- background: #292b2d; /* Old browsers */
- background: -moz-linear-gradient(top, #292b2d 0%, #000000 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292b2d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #292b2d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #292b2d 0%,#000000 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #292b2d 0%,#000000 100%); /* IE10+ */
- background: linear-gradient(to bottom, #292b2d 0%,#000000 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292b2d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
- border-color: #333;
- box-shadow: 0px 3px 5px rgba(0,0,0,.3);
- }
|