hue3.css 26 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429
  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. .subnav {
  17. background-color: #EEEEEE;
  18. background-image: -moz-linear-gradient(center top, #F5F5F5 0%, #EEEEEE 100%);
  19. background-repeat: repeat-x;
  20. border: 1px solid #E5E5E5;
  21. border-radius: 4px;
  22. -webkit-border-radius: 4px;
  23. -moz-border-radius: 4px;
  24. height: 36px;
  25. width: 100%;
  26. }
  27. .subnav .nav {
  28. margin-bottom: 0;
  29. }
  30. .subnav .nav > li > a {
  31. border-left: 1px solid #F5F5F5;
  32. border-radius: 0;
  33. -webkit-border-radius: 0;
  34. -moz-border-radius: 0;
  35. border-right: 1px solid #E5E5E5;
  36. margin: 0;
  37. padding-bottom: 11px;
  38. padding-top: 11px;
  39. }
  40. .subnav .nav > li > a:hover {
  41. border-right: 1px solid #E5E5E5;
  42. border-left: 1px solid #F5F5F5;
  43. }
  44. .subnav .nav > .active > a, .subnav .nav > .active > a:hover {
  45. background-color: #E9E9E9;
  46. border-left: 0 none;
  47. border-right-color: #DDDDDD;
  48. box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
  49. color: #777777;
  50. padding-left: 13px;
  51. }
  52. .subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
  53. border-top-color: #777777;
  54. }
  55. .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
  56. border-left: 0 none;
  57. border-radius: 4px 0 0 4px;
  58. -webkit-border-radius: 4px 0 0 4px;
  59. -moz-border-radius: 4px 0 0 4px;
  60. padding-left: 12px;
  61. }
  62. .subnav .nav > li:last-child > a {
  63. border-right: 0 none;
  64. }
  65. .subnav .dropdown-menu {
  66. border-radius: 0 0 4px 4px;
  67. -webkit-border-radius: 0 0 4px 4px;
  68. -moz-border-radius: 0 0 4px 4px;
  69. }
  70. .subnav-fixed {
  71. border-color: #D5D5D5;
  72. border-radius: 0;
  73. -webkit-border-radius: 0;
  74. -moz-border-radius: 0;
  75. border-width: 0 0 1px;
  76. box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
  77. left: 0;
  78. position: fixed;
  79. right: 0;
  80. top: 48px;
  81. z-index: 1020;
  82. }
  83. .subnav-fixed .nav {
  84. margin: 0 auto;
  85. padding: 0 1px;
  86. }
  87. .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
  88. border-radius: 0;
  89. -webkit-border-radius: 0;
  90. -moz-border-radius: 0;
  91. }
  92. .form-stacked {
  93. margin: 0;
  94. }
  95. .form-inline input, .form-inline a {
  96. vertical-align: baseline;
  97. }
  98. .pagination p {
  99. padding-top: 6px;
  100. }
  101. .right {
  102. text-align: right !important;
  103. }
  104. .center {
  105. text-align: center !important;
  106. }
  107. .left {
  108. text-align: left !important;
  109. }
  110. .nowrap {
  111. white-space: nowrap;
  112. }
  113. a.toggle-display-link:link {
  114. color: black;
  115. text-decoration: none;
  116. }
  117. a.toggle-display-link:active {
  118. color: black;
  119. text-decoration: none;
  120. }
  121. a.toggle-display-link:visited {
  122. color: black;
  123. text-decoration: none;
  124. }
  125. a.toggle-display-link:hover {
  126. color: black;
  127. text-decoration: none;
  128. }
  129. .withTitle {
  130. top: 60px !important;
  131. }
  132. .clear {
  133. clear: both;
  134. }
  135. .sectionbar {
  136. background-color: #E5E5E5;
  137. background-image: linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  138. background-image: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  139. background-image: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  140. background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  141. background-image: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
  142. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(229, 229, 229)));
  143. height: 40px;
  144. border-bottom: 1px solid #CBCBCB;
  145. padding-top: 10px;
  146. }
  147. .sectionbar h2 {
  148. font-size: 20px;
  149. font-weight: 400;
  150. padding-left: 20px;
  151. float: left;
  152. }
  153. .sectionbar h2.selected {
  154. color: #01639C;
  155. }
  156. .sectionbar h2.subsection, .sectionbar h2.subsubsection {
  157. padding-left: 6px;
  158. }
  159. .sectionbar h3 {
  160. float: left;
  161. padding-left: 6px;
  162. color: #CCC;
  163. font-size: 12px;
  164. }
  165. .sectionbar a {
  166. float: right;
  167. margin-right: 14px;
  168. color: #1F92D8;
  169. padding-top: 7px;
  170. text-shadow: 0 -1px 0 #E5E5E5;
  171. }
  172. .toolbar {
  173. float: right;
  174. }
  175. .toolbar ul {
  176. list-style: none outside none;
  177. display: inline;
  178. }
  179. .toolbar li {
  180. display: inline;
  181. }
  182. .wordbreak {
  183. max-width: 500px;
  184. word-wrap: break-word;
  185. }
  186. .menubar {
  187. height: 30px;
  188. left: 0;
  189. overflow: visible;
  190. position: fixed;
  191. right: 0;
  192. top: 40px;
  193. z-index: 9999;
  194. }
  195. .menubar-inner, .menubar .fill {
  196. background-color: #d0e1f4;
  197. background-image: -moz-linear-gradient(center top, #d0e1f4, #d0e1f4);
  198. background-image: -webkit-linear-gradient(top, #d0e1f4, #d0e1f4);
  199. background-repeat: repeat-x;
  200. }
  201. .menubar-inner a {
  202. color: #333;
  203. font-weight: bold;
  204. }
  205. .menubar-inner a:hover {
  206. color: #01639C;
  207. }
  208. .menubar-inner a.selected {
  209. color: #FFFFFF;
  210. padding: 2px;
  211. padding-left: 10px;
  212. padding-right: 10px;
  213. margin-top: 8px;
  214. background-color: #01639C;
  215. background-image: -moz-linear-gradient(center top, #01639C, #015382);
  216. background-repeat: repeat-x;
  217. box-shadow: 0 0 3px #015382 inset;
  218. -moz-box-shadow: 0 0 3px #015382 inset;
  219. -webkit-box-shadow: 0 0 3px #015382 inset;
  220. border-radius: 30px;
  221. }
  222. .menubar-inner a.disabled {
  223. cursor: default;
  224. opacity: 0.65;
  225. }
  226. .menubar-inner a.disabled:hover {
  227. color: #333;
  228. }
  229. .widget-box {
  230. background: none repeat scroll 0 0 #F9F9F9;
  231. border-top: 1px solid #CDCDCD;
  232. border-left: 1px solid #CDCDCD;
  233. border-right: 1px solid #CDCDCD;
  234. clear: both;
  235. margin-top: 10px;
  236. margin-bottom: 16px;
  237. position: relative;
  238. }
  239. .widget-title {
  240. background-color: #efefef;
  241. background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
  242. background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  243. background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  244. background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  245. background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  246. background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
  247. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
  248. border-bottom: 1px solid #CDCDCD;
  249. height: 36px;
  250. }
  251. .widget-title span.icon {
  252. border-right: 1px solid #cdcdcd;
  253. padding: 9px 10px 7px 11px;
  254. float: left;
  255. opacity: .7;
  256. }
  257. .widget-title h5 {
  258. color: #666666;
  259. text-shadow: 0 1px 0 #ffffff;
  260. float: left;
  261. font-size: 16px;
  262. font-weight: bold;
  263. padding: 10px;
  264. line-height: 16px;
  265. margin: 0;
  266. }
  267. .widget-content {
  268. padding-top: 15px;
  269. padding-bottom: 15px;
  270. border-bottom: 1px solid #cdcdcd;
  271. }
  272. .widget-content ul {
  273. margin: 0;
  274. padding: 0;
  275. list-style: none;
  276. }
  277. .widget-content ul li {
  278. margin: 0;
  279. padding: 0;
  280. }
  281. .widget-content a {
  282. padding: 5px 15px;
  283. display: block;
  284. font-size: 14px;
  285. font-weight: bold;
  286. }
  287. .widget-content a i {
  288. color: #999999;
  289. }
  290. .widget-content a:hover {
  291. background-color: #EEEEEE;
  292. text-decoration: none;
  293. }
  294. .widget-content a:hover i {
  295. color: #333333;
  296. }
  297. code {
  298. line-height: 1.4em;
  299. }
  300. .noPadding {
  301. padding: 0;
  302. }
  303. .contextMenu {
  304. display: none;
  305. }
  306. .contextItem {
  307. cursor: pointer;
  308. }
  309. .fieldError {
  310. border-color: #EE5F5B;
  311. color: #B94A48;
  312. }
  313. ul.errorlist {
  314. list-style: none outside none;
  315. margin: 0;
  316. }
  317. ul.errorlist li {
  318. color: #B94A48;
  319. padding: 2px;
  320. font-weight: bold;
  321. font-style: italic;
  322. }
  323. .hueBreadcrumb {
  324. list-style: none outside none;
  325. padding: 9px 9px;
  326. }
  327. .hueBreadcrumb li {
  328. display: inline-block;
  329. text-shadow: 0 1px 0 #FFFFFF;
  330. }
  331. .hueBreadcrumb .divider {
  332. color: #999999;
  333. padding: 0 5px;
  334. }
  335. .hueBreadcrumb .active a {
  336. color: #333333;
  337. }
  338. .hueBreadcrumb a.nounderline:hover {
  339. text-decoration: none;
  340. }
  341. .hueBreadcrumb > li:last-child > a {
  342. font-weight: bold;
  343. color: #333333;
  344. }
  345. .hueBreadcrumb > li:last-child > span {
  346. display: none;
  347. }
  348. .hueWell {
  349. padding-bottom: 0;
  350. }
  351. .hueBreadcrumbBar {
  352. padding: 8px 15px;
  353. margin: 0 0 20px;
  354. list-style: none;
  355. }
  356. .ribbon-wrapper {
  357. width: 85px;
  358. height: 88px;
  359. overflow: hidden;
  360. position: fixed;
  361. top: 26px;
  362. right: -3px;
  363. z-index: 10001;
  364. }
  365. .ribbon {
  366. font: bold 15px sans-serif;
  367. text-align: center;
  368. text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  369. -webkit-transform: rotate(45deg);
  370. -moz-transform: rotate(45deg);
  371. -ms-transform: rotate(45deg);
  372. -o-transform: rotate(45deg);
  373. position: relative;
  374. padding: 7px 0;
  375. left: -5px;
  376. top: 15px;
  377. width: 120px;
  378. background-color: #da4f49;
  379. *background-color: #bd362f;
  380. background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  381. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  382. background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  383. background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  384. background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  385. background-repeat: repeat-x;
  386. color: #ffffff;
  387. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  388. -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  389. box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  390. }
  391. .ribbon:before, .ribbon:after {
  392. content: "";
  393. border-top: 3px solid #c09853;
  394. border-left: 3px solid transparent;
  395. border-right: 3px solid transparent;
  396. position: absolute;
  397. bottom: -3px;
  398. }
  399. .ribbon:before {
  400. left: 0;
  401. }
  402. .ribbon:after {
  403. right: 0;
  404. }
  405. /*********************************************************
  406. * From: http://datatables.net/blog/Twitter_Bootstrap
  407. */
  408. div.dataTables_length label {
  409. width: 460px;
  410. float: left;
  411. text-align: left;
  412. }
  413. div.dataTables_length select {
  414. width: 75px;
  415. }
  416. div.dataTables_filter label {
  417. float: right;
  418. width: 460px;
  419. }
  420. div.dataTables_info {
  421. padding-top: 8px;
  422. }
  423. div.dataTables_paginate {
  424. float: right;
  425. margin: 0;
  426. }
  427. /*
  428. *********************************************************/
  429. /* Pagination nested */
  430. .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
  431. height: 19px;
  432. width: 19px;
  433. margin-left: 3px;
  434. float: left;
  435. }
  436. .paginate_disabled_previous {
  437. background-image: url('../art/datatables/back_disabled.jpg');
  438. }
  439. .paginate_enabled_previous {
  440. background-image: url('../art/datatables/back_enabled.jpg');
  441. }
  442. .paginate_disabled_next {
  443. background-image: url('../art/datatables/forward_disabled.jpg');
  444. }
  445. .paginate_enabled_next {
  446. background-image: url('../art/datatables/forward_enabled.jpg');
  447. }
  448. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  449. * DataTables display
  450. */
  451. table.display {
  452. margin: 0 auto;
  453. clear: both;
  454. width: 100%;
  455. /* Note Firefox 3.5 and before have a bug with border-collapse
  456. * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
  457. * border-spacing: 0; is one possible option. Conditional-css.com is
  458. * useful for this kind of thing
  459. *
  460. * Further note IE 6/7 has problems when calculating widths with border width.
  461. * It subtracts one px relative to the other browsers from the first column, and
  462. * adds one to the end...
  463. *
  464. * If you want that effect I'd suggest setting a border-top/left on th/td's and
  465. * then filling in the gaps with other borders.
  466. */
  467. }
  468. table.display thead th {
  469. padding: 3px 18px 3px 10px;
  470. border-bottom: 1px solid black;
  471. font-weight: bold;
  472. cursor: pointer;
  473. *cursor: hand;
  474. }
  475. table.display tfoot th {
  476. padding: 3px 18px 3px 10px;
  477. border-top: 1px solid black;
  478. font-weight: bold;
  479. }
  480. table.display tr.heading2 td {
  481. border-bottom: 1px solid #aaa;
  482. }
  483. table.display td {
  484. padding: 3px 10px;
  485. }
  486. table.display td.center {
  487. text-align: center;
  488. }
  489. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  490. * DataTables sorting
  491. */
  492. .dataTables_wrapper table {
  493. border-collapse: separate;
  494. *border-collapse: collapsed;
  495. }
  496. .sorting_asc {
  497. cursor: pointer;
  498. background: url('../art/datatables/sort_asc.png') no-repeat center left;
  499. border-top: 3px solid #FFFFFF !important;
  500. padding-left: 20px !important;
  501. }
  502. .sorting_desc {
  503. cursor: pointer;
  504. background: url('../art/datatables/sort_desc.png') no-repeat center left;
  505. border-top: 3px solid #FFFFFF !important;
  506. padding-left: 20px !important;
  507. }
  508. .sorting {
  509. cursor: pointer;
  510. background: url('../art/datatables/sort_both.png') no-repeat center left;
  511. border-top: 3px solid #FFFFFF !important;
  512. padding-left: 20px !important;
  513. }
  514. .sorting:hover, .sorting_asc:hover, .sorting_desc:hover {
  515. border-top: 3px solid #EEEEEE !important;
  516. }
  517. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  518. * Misc
  519. */
  520. .dataTables_scroll {
  521. clear: both;
  522. }
  523. .dataTables_scrollBody {
  524. *margin-top: -1px;
  525. }
  526. .top .dataTables_info {
  527. float: none;
  528. }
  529. .clear {
  530. clear: both;
  531. }
  532. .dataTables_empty {
  533. text-align: center;
  534. }
  535. tfoot input {
  536. margin: 0.5em 0;
  537. width: 100%;
  538. color: #444;
  539. }
  540. tfoot input.search_init {
  541. color: #999;
  542. }
  543. td.group {
  544. background-color: #d1cfd0;
  545. border-bottom: 2px solid #A19B9E;
  546. border-top: 2px solid #A19B9E;
  547. }
  548. td.details {
  549. background-color: #d1cfd0;
  550. border: 2px solid #A19B9E;
  551. }
  552. .example_alt_pagination div.dataTables_info {
  553. width: 40%;
  554. }
  555. .paging_full_numbers {
  556. width: 400px;
  557. height: 22px;
  558. line-height: 22px;
  559. }
  560. .paging_full_numbers span.paginate_button,
  561. .paging_full_numbers span.paginate_active {
  562. border: 1px solid #aaa;
  563. -webkit-border-radius: 5px;
  564. -moz-border-radius: 5px;
  565. padding: 2px 5px;
  566. margin: 0 3px;
  567. cursor: pointer;
  568. *cursor: hand;
  569. }
  570. .paging_full_numbers span.paginate_button {
  571. background-color: #ddd;
  572. }
  573. .paging_full_numbers span.paginate_button:hover {
  574. background-color: #ccc;
  575. }
  576. .paging_full_numbers span.paginate_active {
  577. background-color: #99B3FF;
  578. }
  579. table.display tr.even.row_selected td {
  580. background-color: #B0BED9;
  581. }
  582. table.display tr.odd.row_selected td {
  583. background-color: #9FAFD1;
  584. }
  585. tr.odd.gradeA td.sorting_1 {
  586. background-color: #c4ffc4;
  587. }
  588. tr.odd.gradeA td.sorting_2 {
  589. background-color: #d1ffd1;
  590. }
  591. tr.odd.gradeA td.sorting_3 {
  592. background-color: #d1ffd1;
  593. }
  594. tr.even.gradeA td.sorting_1 {
  595. background-color: #d5ffd5;
  596. }
  597. tr.even.gradeA td.sorting_2 {
  598. background-color: #e2ffe2;
  599. }
  600. tr.even.gradeA td.sorting_3 {
  601. background-color: #e2ffe2;
  602. }
  603. tr.odd.gradeC td.sorting_1 {
  604. background-color: #c4c4ff;
  605. }
  606. tr.odd.gradeC td.sorting_2 {
  607. background-color: #d1d1ff;
  608. }
  609. tr.odd.gradeC td.sorting_3 {
  610. background-color: #d1d1ff;
  611. }
  612. tr.even.gradeC td.sorting_1 {
  613. background-color: #d5d5ff;
  614. }
  615. tr.even.gradeC td.sorting_2 {
  616. background-color: #e2e2ff;
  617. }
  618. tr.even.gradeC td.sorting_3 {
  619. background-color: #e2e2ff;
  620. }
  621. tr.odd.gradeX td.sorting_1 {
  622. background-color: #ffc4c4;
  623. }
  624. tr.odd.gradeX td.sorting_2 {
  625. background-color: #ffd1d1;
  626. }
  627. tr.odd.gradeX td.sorting_3 {
  628. background-color: #ffd1d1;
  629. }
  630. tr.even.gradeX td.sorting_1 {
  631. background-color: #ffd5d5;
  632. }
  633. tr.even.gradeX td.sorting_2 {
  634. background-color: #ffe2e2;
  635. }
  636. tr.even.gradeX td.sorting_3 {
  637. background-color: #ffe2e2;
  638. }
  639. tr.odd.gradeU td.sorting_1 {
  640. background-color: #c4c4c4;
  641. }
  642. tr.odd.gradeU td.sorting_2 {
  643. background-color: #d1d1d1;
  644. }
  645. tr.odd.gradeU td.sorting_3 {
  646. background-color: #d1d1d1;
  647. }
  648. tr.even.gradeU td.sorting_1 {
  649. background-color: #d5d5d5;
  650. }
  651. tr.even.gradeU td.sorting_2 {
  652. background-color: #e2e2e2;
  653. }
  654. tr.even.gradeU td.sorting_3 {
  655. background-color: #e2e2e2;
  656. }
  657. /*
  658. * Row highlighting example
  659. */
  660. .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
  661. background-color: #ECFFB3;
  662. }
  663. .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
  664. background-color: #E6FF99;
  665. }
  666. .ex_highlight_row #example tr.even:hover {
  667. background-color: #ECFFB3;
  668. }
  669. .ex_highlight_row #example tr.even:hover td.sorting_1 {
  670. background-color: #DDFF75;
  671. }
  672. .ex_highlight_row #example tr.even:hover td.sorting_2 {
  673. background-color: #E7FF9E;
  674. }
  675. .ex_highlight_row #example tr.even:hover td.sorting_3 {
  676. background-color: #E2FF89;
  677. }
  678. .ex_highlight_row #example tr.odd:hover {
  679. background-color: #E6FF99;
  680. }
  681. .ex_highlight_row #example tr.odd:hover td.sorting_1 {
  682. background-color: #D6FF5C;
  683. }
  684. .ex_highlight_row #example tr.odd:hover td.sorting_2 {
  685. background-color: #E0FF84;
  686. }
  687. .ex_highlight_row #example tr.odd:hover td.sorting_3 {
  688. background-color: #DBFF70;
  689. }
  690. /*
  691. * KeyTable
  692. */
  693. table.KeyTable td {
  694. border: 3px solid transparent;
  695. }
  696. table.KeyTable td.focus {
  697. border: 3px solid #3366FF;
  698. }
  699. table.display tr.gradeA {
  700. background-color: #eeffee;
  701. }
  702. table.display tr.gradeC {
  703. background-color: #ddddff;
  704. }
  705. table.display tr.gradeX {
  706. background-color: #ffdddd;
  707. }
  708. table.display tr.gradeU {
  709. background-color: #ddd;
  710. }
  711. div.box {
  712. height: 100px;
  713. padding: 10px;
  714. overflow: auto;
  715. border: 1px solid #8080FF;
  716. background-color: #E5E5FF;
  717. }
  718. /*
  719. * jHueFileChooser
  720. */
  721. .jHueFilechooserActions {
  722. margin-top: 14px;
  723. padding-top: 10px;
  724. border-top: 1px dashed #EEEEEE;
  725. }
  726. .pathChooser, .pathChooserKo, .pathFolderChooserKo {
  727. border-radius: 3px 0 0 3px !important;
  728. border-right: 0 !important;
  729. }
  730. .fileChooserBtn {
  731. border-radius: 0 3px 3px 0 !important;
  732. }
  733. /*
  734. * jHueSelector
  735. */
  736. .jHueSelector {
  737. border: 1px solid #F1F1F1;
  738. padding: 0;
  739. margin: 0;
  740. width: 300px;
  741. }
  742. .jHueSelectorHeader {
  743. background-color: #F1F1F1;
  744. padding: 4px;
  745. }
  746. .jHueSelector label {
  747. float: none;
  748. padding-left: 4px;
  749. }
  750. .jHueSelector label input[type=checkbox] {
  751. display: inline;
  752. margin-top: -2px;
  753. margin-right: 6px;
  754. }
  755. .jHueSelectorHeader input[type=text] {
  756. position: absolute;
  757. margin-left: 180px;
  758. width: 100px;
  759. height: 20px;
  760. min-height: 20px;
  761. border: 1px solid #CCCCCC;
  762. border-radius: 10px;
  763. -webkit-border-radius: 10px;
  764. -moz-border-radius: 10px;
  765. color: #555555;
  766. font-size: 10px;
  767. padding-left: 4px;
  768. }
  769. .jHueSelectorBody {
  770. height: 150px;
  771. overflow: auto;
  772. }
  773. .jHueSelector ul, li {
  774. margin: 0;
  775. padding: 0;
  776. }
  777. .jHueSelector ul {
  778. padding: 4px;
  779. list-style: none;
  780. }
  781. .jHueSelector li.selectorDivider {
  782. border-bottom: 1px solid #E5E5E5;
  783. padding: 4px;
  784. color: #338BB8;
  785. }
  786. .modal-body iframe {
  787. border: 0;
  788. width: 100%;
  789. height: 100%;
  790. overflow: hidden;
  791. }
  792. .modal-body iframe.scroll {
  793. overflow: auto;
  794. }
  795. .form-padding-fix {
  796. display: inline;
  797. padding: 0;
  798. margin: 0;
  799. }
  800. .table tbody tr:hover td, .table tbody tr:hover th {
  801. background-color: #EFEFEF;
  802. }
  803. .nounderline:hover {
  804. text-decoration: none;
  805. }
  806. .bar-label {
  807. text-align: center;
  808. color: #FFFFFF;
  809. font-size: 12px;
  810. text-shadow: -1px 0 1px #333, 0 1px 1px #333, 1px 0 1px #333, 0 -1px 1px #333;
  811. }
  812. .jHueNotify {
  813. position: fixed;
  814. top: 20px;
  815. left: 50%;
  816. margin-left: -200px;
  817. width: 400px;
  818. text-align: center;
  819. z-index: 8000;
  820. }
  821. .jHueNotify .close {
  822. right: -27px;
  823. }
  824. /*
  825. * Advanced options
  826. */
  827. #advanced-btn {
  828. center: right
  829. }
  830. a#advanced-btn:link {
  831. color: black;
  832. text-decoration: none;
  833. }
  834. a#advanced-btn:active {
  835. color: black;
  836. text-decoration: none;
  837. }
  838. a#advanced-btn:visited {
  839. color: black;
  840. text-decoration: none;
  841. }
  842. a#advanced-btn:hover {
  843. color: black;
  844. text-decoration: none;
  845. }
  846. .hand {
  847. cursor: pointer;
  848. }
  849. .hueCheckbox {
  850. width: 15px;
  851. height: 15px;
  852. border: 1px solid #CCCCCC;
  853. margin-top: 2px !important;
  854. padding: 0 !important;
  855. display: block !important;
  856. cursor: default;
  857. }
  858. .hueCheckbox:hover {
  859. border-color: #999999;
  860. }
  861. .modal form {
  862. margin: 0;
  863. }
  864. /*
  865. * jHueTableExtender
  866. */
  867. .rowSelected {
  868. background-color: #EEEEEE !important;
  869. }
  870. .columnSelected {
  871. background-color: #EEEEEE !important;
  872. }
  873. .cellSelected {
  874. background-color: #DDDDDD !important;
  875. }
  876. #jHueTableExtenderNavigator {
  877. position: absolute;
  878. left: 0;
  879. top: 0;
  880. z-index: 1000;
  881. display: none;
  882. min-width: 160px;
  883. padding: 10px 20px 2px 10px;
  884. margin: 2px 0 0;
  885. background-color: #ffffff;
  886. border: 1px solid #ccc;
  887. -webkit-border-radius: 6px;
  888. -moz-border-radius: 6px;
  889. border-radius: 6px;
  890. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  891. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  892. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  893. -webkit-background-clip: padding-box;
  894. -moz-background-clip: padding;
  895. background-clip: padding-box;
  896. white-space: nowrap;
  897. }
  898. #jHueTableExtenderNavigator a {
  899. margin-left: 10px;
  900. margin-right: -14px;
  901. margin-top: -12px;
  902. }
  903. #jHueScrollUpAnchor {
  904. color: #FFFFFF;
  905. opacity: 0.65;
  906. filter: alpha(opacity=65);
  907. display: none;
  908. position: fixed;
  909. z-index: 2147483647;
  910. bottom: 20px;
  911. right: 20px;
  912. -webkit-border-radius: 6px;
  913. -moz-border-radius: 6px;
  914. border-radius: 6px;
  915. background-color: #333333;
  916. padding: 10px;
  917. padding-left: 14px;
  918. padding-right: 14px;
  919. }
  920. #jHueScrollUpAnchor:hover {
  921. text-decoration: none;
  922. opacity: 0.85;
  923. filter: alpha(opacity=85);
  924. }
  925. #jHueTourMask {
  926. position: absolute;
  927. display: none;
  928. top: 0;
  929. left: 0;
  930. z-index: 9998;
  931. background-color: #FFFFFF;
  932. opacity: 0.9;
  933. filter: alpha(opacity=90);
  934. }
  935. .jHueTourBadge {
  936. background-color: #2c7fb3;
  937. background-image: -moz-linear-gradient(bottom, #2c7fb3, #01639c);
  938. background-image: -ms-linear-gradient(bottom, #2c7fb3, #01639c);
  939. background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#2c7fb3), to(#01639c));
  940. background-image: -webkit-linear-gradient(bottom, #2c7fb3, #01639c);
  941. background-image: -o-linear-gradient(bottom, #2c7fb3, #01639c);
  942. background-image: linear-gradient(bottom, #2c7fb3, #01639c);
  943. background-repeat: repeat-x;
  944. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01639c', endColorstr='#2c7fb3', GradientType=0);
  945. border: 1px solid #01639C;
  946. border-right: none;
  947. color: #FFFFFF;
  948. padding: 4px;
  949. padding-left: 8px;
  950. -webkit-border-top-left-radius: 4px;
  951. -webkit-border-bottom-left-radius: 4px;
  952. -moz-border-radius-topleft: 4px;
  953. -moz-border-radius-bottomleft: 4px;
  954. border-top-left-radius: 4px;
  955. border-bottom-left-radius: 4px;
  956. position: fixed;
  957. top: 100px;
  958. z-index: 10000;
  959. right: 0;
  960. cursor: pointer;
  961. }
  962. .jHueTourBadgeLeft {
  963. right: auto !important;
  964. left: 0;
  965. padding-left: 4px;
  966. padding-right: 8px;
  967. border-left: none;
  968. border-right: 1px solid #01639C;
  969. -webkit-border-top-left-radius: 0;
  970. -webkit-border-bottom-left-radius: 0;
  971. -moz-border-radius-topleft: 0;
  972. -moz-border-radius-bottomleft: 0;
  973. border-top-left-radius: 0;
  974. border-bottom-left-radius: 0;
  975. -webkit-border-top-right-radius: 4px;
  976. -webkit-border-bottom-right-radius: 4px;
  977. -moz-border-radius-topright: 4px;
  978. -moz-border-radius-bottomright: 4px;
  979. border-top-right-radius: 4px;
  980. border-bottom-right-radius: 4px;
  981. }
  982. .jHueTourBadge:hover {
  983. background-color: #2C7FB3;
  984. }
  985. .jHueTourExposed {
  986. z-index: 9999;
  987. }
  988. .popover-inner {
  989. text-align: left;
  990. }
  991. .popover {
  992. z-index: 10000;
  993. }
  994. .CodeMirror-hints {
  995. z-index: 10000 !important;
  996. }
  997. .card table {
  998. padding-left: 10px;
  999. padding-right: 10px;
  1000. }
  1001. .tooltip {
  1002. border: 0;
  1003. z-index: 1032;
  1004. }
  1005. .nav i {
  1006. line-height: 24px!important;
  1007. }
  1008. .navbar .nav > li > a {
  1009. margin-right: 0!important;
  1010. padding-right: 5px;
  1011. padding-left: 5px;
  1012. }
  1013. .brand {
  1014. padding: 10px 20px!important;
  1015. margin-top: 4px!important;
  1016. }
  1017. .card-home {
  1018. padding-top: 4px;
  1019. }
  1020. .card-small {
  1021. margin-top: 0;
  1022. padding-top: 4px;
  1023. }
  1024. .card-listcontent ul {
  1025. margin: 0;
  1026. padding: 0;
  1027. list-style: none;
  1028. }
  1029. .card-listcontent ul li {
  1030. margin: 0;
  1031. padding: 0;
  1032. }
  1033. .card-listcontent a {
  1034. padding: 5px 15px;
  1035. display: block;
  1036. font-size: 14px;
  1037. font-weight: bold;
  1038. }
  1039. .card-listcontent a i {
  1040. color: #999999;
  1041. }
  1042. .card-listcontent a:hover {
  1043. background-color: #EEEEEE;
  1044. text-decoration: none;
  1045. }
  1046. .card-listcontent a:hover i {
  1047. color: #333333;
  1048. }
  1049. .card-tab {
  1050. margin-top: 0;
  1051. border-bottom: 1px solid #D8D8D8;
  1052. border-top: 0;
  1053. }
  1054. .card-tab-bordertop {
  1055. border-top: 1px solid #D8D8D8;
  1056. }
  1057. .card-marginbottom {
  1058. margin-bottom: 20px!important;
  1059. }
  1060. .card-heading-blue {
  1061. color: #338BB8!important;
  1062. }
  1063. .card-heading-nopadding {
  1064. padding-left: 0!important;
  1065. }
  1066. .card-heading-noborder {
  1067. border-bottom: none!important;
  1068. }
  1069. .dt-records {
  1070. margin-left: 10px;
  1071. }
  1072. .dt-pages {
  1073. margin-right: 10px;
  1074. float: right;
  1075. }
  1076. .progress {
  1077. height: 20px;
  1078. margin-bottom: 0;
  1079. padding: 0;
  1080. border: none;
  1081. }
  1082. .nav-list > li.white {
  1083. margin-left: -15px;
  1084. margin-right: -15px;
  1085. background-color: #FFFFFF;
  1086. border-left: 2px solid transparent;
  1087. margin-top: 1px;
  1088. padding: 9px 18px;
  1089. text-shadow: none;
  1090. transition: border 0.218s ease 0s;
  1091. }
  1092. .input-append.date .add-on i, .input-prepend.date .add-on i {
  1093. line-height: 28px;
  1094. }
  1095. .modal {
  1096. padding: 25px 20px!important;
  1097. margin-left: -290px!important;
  1098. }
  1099. #jHueTourVideoPlayer {
  1100. margin-left: -320px!important;
  1101. width: 640px;
  1102. }
  1103. .navigator {
  1104. position: fixed;
  1105. top: 0;
  1106. width: 100%;
  1107. background-color: #338BB8;
  1108. height: 28px;
  1109. z-index: 1031;
  1110. }
  1111. .navigator .brand {
  1112. padding-top: 0 !important;
  1113. }
  1114. .navbar-fixed-top {
  1115. top: 28px;
  1116. }
  1117. .navigator .dropdown-menu {
  1118. z-index: 20000;
  1119. box-shadow: none;
  1120. }
  1121. .navigator .nav-pills > li > a {
  1122. color: #DBE8F1;
  1123. font-weight: bold;
  1124. margin-bottom: 2px;
  1125. margin-top: 2px;
  1126. padding-bottom: 4px !important;
  1127. padding-top: 6px;
  1128. }
  1129. .navigator .dropdown-menu > li > a {
  1130. padding-left: 5px;
  1131. }
  1132. .navigator .dropdown-menu > li > a > img {
  1133. padding-right: 6px;
  1134. }
  1135. .navigator .nav-pills > li.dropdown > a {
  1136. padding-bottom: 2px !important;
  1137. }
  1138. .navigator .nav-pills > li > a:hover, .navigator .nav-pills > li > a:focus {
  1139. color: #FFF;
  1140. border-color: #EEE !important;
  1141. }
  1142. .navigator .nav i {
  1143. line-height: 14px !important;
  1144. }
  1145. .navigator .nav-pills .open .dropdown-toggle, .navigator .nav > li.dropdown.open.active > a:hover, .navigator .nav > li.dropdown.open.active > a:focus {
  1146. color: #FFFFFF;
  1147. }
  1148. .currentApp {
  1149. font-size: 20px;
  1150. padding-top: 13px;
  1151. padding-left: 0;
  1152. color: #338BB8;
  1153. cursor: pointer;
  1154. }
  1155. .currentApp a {
  1156. font-size: 20px !important;
  1157. color: #338BB8 !important;
  1158. padding: 0 !important;
  1159. margin-top: -4px !important;
  1160. border: none !important;
  1161. max-width: none!important;
  1162. }
  1163. .currentApp a:focus, .currentApp a:hover {
  1164. color: #338BB8 !important;
  1165. }
  1166. .currentApp img {
  1167. margin-top: -3px;
  1168. }
  1169. .navbar-fixed-top.nokids .navbar-inner {
  1170. height: 45px;
  1171. }
  1172. a, a:hover, a:active, a:focus {
  1173. outline: 0;
  1174. }
  1175. #jHueTourVideoPlayer .modal-body {
  1176. max-height: 460px;
  1177. }