hbase.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589
  1. /*
  2. Licensed to Cloudera, Inc. under one
  3. or more contributor license agreements. See the NOTICE file
  4. distributed with this work for additional information
  5. regarding copyright ownership. Cloudera, Inc. licenses this file
  6. to you under the Apache License, Version 2.0 (the
  7. "License"); you may not use this file except in compliance
  8. with the License. You may obtain a copy of the License at
  9. http://www.apache.org/licenses/LICENSE-2.0
  10. Unless required by applicable law or agreed to in writing, software
  11. distributed under the License is distributed on an "AS IS" BASIS,
  12. WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13. See the License for the specific language governing permissions and
  14. limitations under the License.
  15. */
  16. .hbase-page
  17. {
  18. display: none;
  19. }
  20. .hbase-page.active
  21. {
  22. display: block;
  23. }
  24. ul#hbase-breadcrumbs li a
  25. {
  26. line-height: 18px;
  27. }
  28. .actionbar .well,.actionbar .well-small
  29. {
  30. line-height: 30px;
  31. }
  32. .isLoading
  33. {
  34. opacity: .5 !important;
  35. background: url(/static/art/spinner.gif) center center no-repeat;
  36. }
  37. .smartview
  38. {
  39. padding:0px;
  40. }
  41. .smartview .smartview-row
  42. {
  43. padding:0px;
  44. font-size:0px;
  45. margin:0px;
  46. border: 1px solid #ccc;
  47. margin-bottom: -1px;
  48. position: relative;
  49. }
  50. .smartview .smartview-row input[type="checkbox"]
  51. {
  52. border:solid 1px #ccc;
  53. border-radius: 0px;
  54. margin: 0px;
  55. padding: 0px;
  56. }
  57. .smartview .smartview-row h5
  58. {
  59. padding:0px 10px;
  60. line-height: 40px;
  61. background:#ddd;
  62. margin:0px;
  63. border-bottom: solid 1px #ccc;
  64. background-color: #f5f5f5;
  65. background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
  66. background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
  67. background-image: -o-linear-gradient(top,#fff,#e6e6e6);
  68. background-image: linear-gradient(to bottom,#fff,#e6e6e6);
  69. background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
  70. background-repeat: repeat-x;
  71. filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
  72. filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  73. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
  74. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
  75. box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
  76. cursor:pointer;
  77. font-weight: normal;
  78. }
  79. .smartview .smartview-row.selected h5 > code
  80. {
  81. color: #355EDB;
  82. border-color: #6872AD;
  83. }
  84. .smartview .smartview-row-controls
  85. {
  86. display: none;
  87. }
  88. .smartview .smartview-row-controls.controls-hover-bottom
  89. {
  90. position: absolute;
  91. bottom: 0px;
  92. right:5px;
  93. z-index: 10;
  94. }
  95. .smartview .smartview-row.selected .smartview-row-controls, .smartview-row:hover .smartview-row-controls
  96. {
  97. display: inline;
  98. }
  99. .smartview .smartview-row.selected h5 > i
  100. {
  101. color: #355EDB;
  102. }
  103. .smartview ul.smartview-cells
  104. {
  105. border-top:solid 1px #ccc;
  106. width:100%;
  107. overflow-x:auto;
  108. overflow-y:hidden;
  109. height:auto;
  110. white-space: nowrap;
  111. list-style: none;
  112. margin: 0px;
  113. padding:0px;
  114. margin-right:-1px;
  115. display:block;
  116. background: #ddd;
  117. min-height: 68px;
  118. }
  119. .smartview ul.smartview-cells > li
  120. {
  121. position: relative;
  122. border-right:solid 1px #ccc;
  123. background: #efefef;
  124. color:#000;
  125. font-size:12px;
  126. overflow: hidden;
  127. padding:0px;
  128. height:100%;
  129. max-width:200px;
  130. max-height: 200px;
  131. display:table-cell;
  132. min-width: 140px;
  133. border-top:0px;
  134. }
  135. .smartview ul.smartview-cells > li > div
  136. {
  137. position: relative;
  138. height: 100%;
  139. }
  140. .smartview ul.smartview-cells > li.active
  141. {
  142. border-top:solid 3px #4C62E6;
  143. }
  144. .smartview ul.smartview-cells > li:hover, .smartview ul.smartview-cells > li.active
  145. {
  146. cursor: pointer;
  147. background: #fcfcfc;
  148. }
  149. .smartview ul.smartview-cells > li:hover .label.timestamp, .smartview ul.smartview-cells > li.active .label.timestamp
  150. {
  151. display: block;
  152. color:#555;
  153. border:solid 1px #ccc;
  154. }
  155. .smartview ul.smartview-cells > li:hover a.corner-btn
  156. {
  157. display: block;
  158. }
  159. .smartview ul.smartview-cells > li:hover a.corner-btn:hover
  160. {
  161. color:#000;
  162. }
  163. .smartview ul.smartview-cells > li h6
  164. {
  165. padding:6px;
  166. margin:0px;
  167. color:#3a3a3a;
  168. background:#fafafa;
  169. border-bottom: solid 1px #ccc;
  170. white-space: nowrap;
  171. }
  172. .smartview ul.smartview-cells > li.active h6
  173. {
  174. color:#4C62E6;
  175. }
  176. .smartview ul.smartview-cells > li .timestamp
  177. {
  178. position: absolute;
  179. bottom:-2px;
  180. right:-2px;
  181. display: none;
  182. }
  183. .smartview ul.smartview-cells > li .corner-btn
  184. {
  185. position: absolute;
  186. top:5px;
  187. right:5px;
  188. font-size:12px;
  189. color:#333;
  190. text-decoration: none;
  191. display: none;
  192. padding:0px 6px;
  193. }
  194. .smartview ul.smartview-cells > li pre
  195. {
  196. border-radius: 0px;
  197. border:none;
  198. background:transparent;
  199. display:block;
  200. padding:5px;
  201. margin: 5px;
  202. height: 100%;
  203. font-size:11px;
  204. line-height: 13px;
  205. color: #777;
  206. border: dashed 1px #ccc;
  207. }
  208. .smartview ul.smartview-cells > li > div > textarea
  209. {
  210. display: block;
  211. border-radius: 0px;
  212. outline: none;
  213. width: 100%;
  214. min-width: 200px;
  215. outline-color: transparent;
  216. outline-style: none;
  217. width: auto;
  218. border: none;
  219. }
  220. .smartview ul.smartview-cells > li pre:hover
  221. {
  222. background: #BAD0FF;
  223. }
  224. .smartview ul.smartview-cells > li > pre:hover, .smartview ul.smartview-cells > li.active pre
  225. {
  226. color:#333;
  227. }
  228. .smartview ul.smartview-cells > li .label
  229. {
  230. background:#ddd;
  231. font-size: 11px;
  232. text-shadow:none;
  233. font-weight: 400;
  234. }
  235. .smartview ul.smartview-cells li.new_column_cell
  236. {
  237. vertical-align:middle;
  238. width:120px;
  239. }
  240. .smartview ul.smartview-cells li.new_column_cell a
  241. {
  242. text-align: center;
  243. font-size:24px;
  244. display:block;
  245. width:100%;
  246. height:100%;
  247. text-decoration: none;
  248. }
  249. .subnav
  250. {
  251. padding:5px 0px;
  252. line-height:30px;
  253. border:none;
  254. }
  255. .subnav select, .subnav input, .well input, .well select, .smartview select, .smartview .smartview-row-controls input
  256. {
  257. margin:0px;
  258. }
  259. .ui-autocomplete
  260. {
  261. z-index:10000 !important;
  262. }
  263. .btn-group
  264. {
  265. display:inline-block;
  266. line-height: 1em;
  267. }
  268. .footer-slider
  269. {
  270. white-space: nowrap;
  271. overflow-x: auto;
  272. width: 70%;
  273. float:left;
  274. }
  275. .footer-slider code
  276. {
  277. cursor:pointer;
  278. }
  279. #searchbar-main
  280. {
  281. display: inline;
  282. background: #fff;
  283. line-height: 1em;
  284. margin-right: 10px;
  285. -webkit-appearance: none;
  286. -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  287. -webkit-rtl-ordering: logical;
  288. -webkit-transition-delay: 0s, 0s;
  289. -webkit-transition-duration: 0.2s, 0.2s;
  290. -webkit-transition-property: border, box-shadow;
  291. -webkit-transition-timing-function: linear, linear;
  292. -webkit-user-select: text;
  293. -webkit-writing-mode: horizontal-tb;
  294. background-color: rgb(255, 255, 255);
  295. border-bottom-color: rgb(204, 204, 204);
  296. border-bottom-left-radius: 3px;
  297. border-bottom-right-radius: 3px;
  298. border-bottom-style: solid;
  299. border-bottom-width: 1px;
  300. border-image-outset: 0px;
  301. border-image-repeat: stretch;
  302. border-image-slice: 100%;
  303. border-image-source: none;
  304. border-image-width: 1;
  305. border-left-color: rgb(204, 204, 204);
  306. border-left-style: solid;
  307. border-left-width: 1px;
  308. border-right-color: rgb(204, 204, 204);
  309. border-right-style: solid;
  310. border-right-width: 1px;
  311. border-top-color: rgb(204, 204, 204);
  312. border-top-left-radius: 3px;
  313. border-top-right-radius: 3px;
  314. border-top-style: solid;
  315. border-top-width: 1px;
  316. box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  317. color: rgb(85, 85, 85);
  318. cursor: auto;
  319. display: inline-block;
  320. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  321. font-size: 14px;
  322. font-weight: normal;
  323. height: 20px;
  324. letter-spacing: normal;
  325. line-height: 25px;
  326. margin-bottom: 0px;
  327. margin-left: 0px;
  328. margin-right: 0px;
  329. margin-top: 0px;
  330. padding-bottom: 4px;
  331. padding-left: 6px;
  332. padding-right: 6px;
  333. padding-top: 4px;
  334. text-align: start;
  335. text-indent: 0px;
  336. text-shadow: rgba(0, 0, 0, 0) 0px 0px 1px;
  337. text-transform: none;
  338. transition-delay: 0s, 0s;
  339. transition-duration: 0.2s, 0.2s;
  340. transition-property: border, box-shadow;
  341. transition-timing-function: linear, linear;
  342. vertical-align: middle;
  343. height:35px;
  344. font-size: 18px;
  345. white-space: nowrap;
  346. position: relative;
  347. overflow: hidden;
  348. }
  349. #search-tags
  350. {
  351. display: block;
  352. margin: 0px;
  353. padding: 0px;
  354. outline: none;
  355. list-style: none;
  356. width: 100%;
  357. height: 100%;
  358. }
  359. #search-tags > span
  360. {
  361. color: #d14;
  362. }
  363. #search-tags span
  364. {
  365. margin: 1px;
  366. padding: 2px;
  367. }
  368. #search-tags span:hover
  369. {
  370. margin: 0px;
  371. border: dashed 1px #5D6F8C;
  372. }
  373. #search-tags > span > span
  374. {
  375. padding: 0px 3px;
  376. border-radius: 3px;
  377. }
  378. #search-tags span.columns
  379. {
  380. color: #fff;
  381. background: #3FA3D9;
  382. }
  383. #search-tags span.scan
  384. {
  385. color: #fff;
  386. background: #EDA11F;
  387. padding: 0px 3px;
  388. border-radius: 3px;
  389. }
  390. #search-tags span.prefix
  391. {
  392. color: #fff;
  393. background: #5EB568;
  394. }
  395. #search-tags span.selection, #search-typeahead span.selection
  396. {
  397. background: yellow;
  398. border: none;
  399. border-radius: 0px;
  400. min-width: 1px;
  401. padding:0px;
  402. }
  403. #search-typeahead
  404. {
  405. position: absolute;
  406. z-index: 10000;
  407. margin: 0px;
  408. padding: 0px;
  409. padding-top: 1px;
  410. list-style: none;
  411. margin-top: 40px;
  412. }
  413. #search-typeahead li:first-child a
  414. {
  415. overflow: auto;
  416. background: #fff;
  417. color: #3a3a3a;
  418. border-top: solid 1px #ccc;
  419. background: #eee;
  420. }
  421. #search-typeahead li a
  422. {
  423. padding: 5px;
  424. background: #fff;
  425. margin-top: -1px;
  426. border:solid 1px #ccc;
  427. text-decoration: none;
  428. display:block;
  429. width: 402px;
  430. cursor: pointer;
  431. }
  432. #search-typeahead li a.active
  433. {
  434. background: rgb(1, 99, 156);
  435. color: #fff;
  436. font-weight: bold;
  437. }
  438. #searchbar-main input[type=text].tag-searchbar
  439. {
  440. border: 0px;
  441. background: transparent;
  442. box-shadow: none;
  443. border:none;
  444. margin-right:15%;
  445. padding:0px;
  446. display: inline-block;
  447. border-radius: 0px;
  448. overflow: hidden;
  449. width:100%;
  450. }
  451. #searchbar-main input[type=text].tag-searchbar.active
  452. {
  453. color:#fff;
  454. width:1px;
  455. background: #fff;
  456. opacity: .1;
  457. }
  458. #searchbar-main small
  459. {
  460. color: #bbb;
  461. }
  462. #searchbar-main i.tagIndicator
  463. {
  464. color: #000;
  465. padding: 0px !important;
  466. border: 0px;
  467. margin: 0px;
  468. background: black !important;
  469. display: inline-block;
  470. width: 1px;
  471. height: 1em;
  472. border:none !important;
  473. animation: blink 1.5s steps(2, start) infinite;
  474. -webkit-animation: blink 1.5s steps(2, start) infinite;
  475. -moz-animation: blink 1.5s steps(2, start) infinite;
  476. font-weight: 100;
  477. }
  478. @keyframes blink {
  479. to {
  480. visibility: hidden;
  481. }
  482. }
  483. @-webkit-keyframes blink {
  484. to {
  485. visibility: hidden;
  486. }
  487. }
  488. #cluster-menu
  489. {
  490. font-size:14px;
  491. }
  492. #cell_edit_modal
  493. {
  494. width: 80%;
  495. left: 10%;
  496. margin-left: 0px;
  497. max-height:100%;
  498. top: 10%;
  499. margin-top:0px;
  500. overflow: visible;
  501. }
  502. #cell_edit_modal iframe
  503. {
  504. min-height: 600px;
  505. }
  506. #cell_edit_modal .CodeMirror
  507. {
  508. height:100%;
  509. }
  510. #cell_edit_modal .modal-body
  511. {
  512. max-height: 600px;
  513. }
  514. textarea
  515. {
  516. -webkit-box-sizing: border-box;
  517. -moz-box-sizing: border-box;
  518. box-sizing: border-box;
  519. }
  520. #column-family-selectors
  521. {
  522. margin-left: 10px;
  523. line-height: 30px;
  524. display: inline-block;
  525. }
  526. .loader-main
  527. {
  528. font-size: 50px;
  529. }