hbase.css 9.7 KB

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