jhue.css 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904
  1. .subnav {
  2. background-color: #EEEEEE;
  3. background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%);
  4. background-repeat: repeat-x;
  5. border: 1px solid #E5E5E5;
  6. border-radius: 4px;
  7. -webkit-border-radius: 4px;
  8. -moz-border-radius: 4px;
  9. height: 36px;
  10. width: 100%;
  11. }
  12. .subnav .nav {
  13. margin-bottom: 0;
  14. }
  15. .subnav .nav > li > a {
  16. border-left: 1px solid #F5F5F5;
  17. border-radius: 0;
  18. -webkit-border-radius: 0;
  19. -moz-border-radius: 0;
  20. border-right: 1px solid #E5E5E5;
  21. margin: 0;
  22. padding-bottom: 11px;
  23. padding-top: 11px;
  24. }
  25. .subnav .nav > .active > a, .subnav .nav > .active > a:hover {
  26. background-color: #E9E9E9;
  27. border-left: 0 none;
  28. border-right-color: #DDDDDD;
  29. box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
  30. color: #777777;
  31. padding-left: 13px;
  32. }
  33. .subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
  34. border-top-color: #777777;
  35. }
  36. .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
  37. border-left: 0 none;
  38. border-radius: 4px 0 0 4px;
  39. -webkit-border-radius: 4px 0 0 4px;
  40. -moz-border-radius: 4px 0 0 4px;
  41. padding-left: 12px;
  42. }
  43. .subnav .nav > li:last-child > a {
  44. border-right: 0 none;
  45. }
  46. .subnav .dropdown-menu {
  47. border-radius: 0 0 4px 4px;
  48. -webkit-border-radius: 0 0 4px 4px;
  49. -moz-border-radius: 0 0 4px 4px;
  50. }
  51. .subnav-fixed {
  52. border-color: #D5D5D5;
  53. border-radius: 0;
  54. -webkit-border-radius: 0;
  55. -moz-border-radius: 0;
  56. border-width: 0 0 1px;
  57. box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
  58. left: 0;
  59. position: fixed;
  60. right: 0;
  61. top: 40px;
  62. z-index: 1020;
  63. }
  64. .subnav-fixed .nav {
  65. margin: 0 auto;
  66. padding: 0 1px;
  67. }
  68. .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
  69. border-radius: 0;
  70. -webkit-border-radius: 0;
  71. -moz-border-radius: 0;
  72. }
  73. .navbar-inner {
  74. padding-left: 20px;
  75. padding-right: 20px;
  76. background-color: #2c2c2c;
  77. background-image: -moz-linear-gradient(top, #2c7fb3, #01639c);
  78. background-image: -ms-linear-gradient(top, #2c7fb3, #01639c);
  79. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c7fb3), to(#01639c));
  80. background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c);
  81. background-image: -o-linear-gradient(top, #2c7fb3, #01639c);
  82. background-image: linear-gradient(top, #2c7fb3, #01639c);
  83. background-repeat: repeat-x;
  84. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'2c7fb3, endColorstr='#'01639c, GradientType=0);
  85. -webkit-border-radius: 4px;
  86. -moz-border-radius: 4px;
  87. border-radius: 4px;
  88. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  89. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  90. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  91. }
  92. .navbar .divider-vertical {
  93. height: 40px;
  94. width: 1px;
  95. margin: 0 9px;
  96. overflow: hidden;
  97. background-color: #01639c;
  98. border-right: 1px solid #2c7fb3;
  99. }
  100. .navbar .nav > li > a {
  101. float: none;
  102. padding: 5px 10px 7px;
  103. line-height: 28px;
  104. font-size: 13px;
  105. color: #e5e5e5;
  106. text-decoration: none;
  107. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  108. }
  109. .navbar .nav > li > a:hover {
  110. background-color: transparent;
  111. color: #ffffff !important;
  112. text-decoration: none;
  113. }
  114. .navbar .nav .active > a, .navbar .nav .active > a:hover {
  115. background-color: rgba(0, 0, 0, 0.5);
  116. color: #FFFFFF;
  117. text-decoration: none;
  118. }
  119. .navbar .pull-right {
  120. color:#e5e5e5;
  121. }
  122. .navbar .pull-right a {
  123. font-weight:bold;
  124. color:#e5e5e5;
  125. }
  126. .navbar .pull-right a:hover {
  127. color:#ffffff;
  128. }
  129. h1 {
  130. margin-bottom:.7em;
  131. }
  132. .form-stacked {
  133. margin: 0;
  134. }
  135. .pagination p {
  136. padding-top:6px;
  137. }
  138. .right {
  139. text-align:right!important;
  140. }
  141. /*
  142. .topbar-inner, .topbar {
  143. background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c);
  144. background-image: -moz-linear-gradient(top, #2c7fb3, #01639c);
  145. background-color: #01639c;
  146. background-repeat: repeat-x;
  147. }
  148. .topbar div > ul .active > a, .nav .active > a {
  149. background-image: -webkit-linear-gradient(top, #266d99, #015382);
  150. background-image: -moz-linear-gradient(top, #266d99, #015382);
  151. background-color: #015382;
  152. font-weight: bold;
  153. }
  154. .topbar a {
  155. color: #CFCFCF;
  156. }
  157. */
  158. .btn.primary {
  159. background-color: #01639c;
  160. background-image: -moz-linear-gradient(center top , #2c7fb3, #01639c);
  161. background-repeat: repeat-x;
  162. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  163. color: #FFFFFF;
  164. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  165. }
  166. .btn.primary, .btn-primary {
  167. background-color: #006dcc;
  168. color: #ffffff;
  169. background-image: -moz-linear-gradient(top, #2c7fb3, #01639c);
  170. background-image: -ms-linear-gradient(top, #2c7fb3, #01639c);
  171. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c7fb3), to(#01639c));
  172. background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c);
  173. background-image: -o-linear-gradient(top, #2c7fb3, #01639c);
  174. background-image: linear-gradient(top, #2c7fb3, #01639c);
  175. background-repeat: repeat-x;
  176. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'2c7fb3, endColorstr='#'01639c, GradientType=0);
  177. border-color: #0044cc #0044cc #002a80;
  178. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  179. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  180. }
  181. .btn.primary:hover,
  182. .btn-primary:hover,
  183. .btn-primary:active,
  184. .btn-primary.active,
  185. .btn-primary.disabled,
  186. .btn-primary[disabled] {
  187. background-color: #01639c;
  188. }
  189. .withTitle {
  190. top: 60px!important;
  191. }
  192. .clear {
  193. clear:both;
  194. }
  195. .sectionbar {
  196. background-color: #E5E5E5;
  197. background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  198. background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  199. background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  200. background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  201. background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  202. background-image: -webkit-gradient(
  203. linear,
  204. left top,
  205. left bottom,
  206. color-stop(0, rgb(255,255,255)),
  207. color-stop(1, rgb(229,229,229))
  208. );
  209. height:40px;
  210. border-bottom:1px solid #CBCBCB;
  211. padding-top:10px;
  212. }
  213. .sectionbar h2 {
  214. font-size: 20px;
  215. font-weight: 400;
  216. padding-left:20px;
  217. float:left;
  218. }
  219. .sectionbar h2.selected {
  220. color:#01639C;
  221. }
  222. .sectionbar h2.subsection, .sectionbar h2.subsubsection {
  223. padding-left:6px;
  224. }
  225. .sectionbar h3 {
  226. float:left;
  227. padding-left:6px;
  228. color:#CCC;
  229. font-size:12px;
  230. }
  231. .sectionbar a {
  232. float:right;
  233. margin-right:14px;
  234. color:#1F92D8;
  235. padding-top:7px;
  236. text-shadow: 0 -1px 0 #E5E5E5;
  237. }
  238. .toolbar {
  239. float:right;
  240. }
  241. .toolbar ul {
  242. list-style: none outside none;
  243. display: inline;
  244. }
  245. .toolbar li {
  246. display: inline;
  247. }
  248. .wordbreak {
  249. max-width:500px;
  250. word-wrap:break-word;
  251. }
  252. .menubar {
  253. height: 30px;
  254. left: 0;
  255. overflow: visible;
  256. position: fixed;
  257. right: 0;
  258. top: 40px;
  259. z-index: 9999;
  260. }
  261. .menubar-inner, .menubar .fill {
  262. background-color: #d0e1f4;
  263. background-image: -moz-linear-gradient(center top , #d0e1f4, #d0e1f4);
  264. background-image: -webkit-linear-gradient(top, #d0e1f4, #d0e1f4);
  265. background-repeat: repeat-x;
  266. }
  267. .menubar-inner a {
  268. color:#333;
  269. font-weight:bold;
  270. }
  271. .menubar-inner a:hover {
  272. color:#01639C;
  273. }
  274. .menubar-inner a.selected {
  275. color:#FFFFFF;
  276. padding:2px;
  277. padding-left:10px;
  278. padding-right:10px;
  279. margin-top:8px;
  280. background-color: #01639C;
  281. background-image: -moz-linear-gradient(center top , #01639C, #015382);
  282. background-repeat: repeat-x;
  283. box-shadow: 0 0 3px #015382 inset;
  284. -moz-box-shadow: 0 0 3px #015382 inset;
  285. -webkit-box-shadow: 0 0 3px #015382 inset;
  286. border-radius: 30px;
  287. }
  288. .menubar-inner a.disabled {
  289. cursor: default;
  290. opacity: 0.65;
  291. }
  292. .menubar-inner a.disabled:hover {
  293. color:#333;
  294. }
  295. code {
  296. line-height:1.4em;
  297. }
  298. .noPadding {
  299. padding:0;
  300. }
  301. .folder {
  302. background: url(../images/folder.png) no-repeat left center;
  303. padding-left:20px;
  304. }
  305. .file {
  306. background: url(../images/file.png) no-repeat left center;
  307. padding-left:20px;
  308. }
  309. .contextMenu {
  310. display:none;
  311. }
  312. .contextItem {
  313. cursor:pointer;
  314. }
  315. .fieldError {
  316. border-color: #EE5F5B;
  317. color: #B94A48;
  318. }
  319. ul.errorlist {
  320. list-style: none outside none;
  321. margin: 0;
  322. }
  323. ul.errorlist li {
  324. color: #B94A48;
  325. padding:2px;
  326. font-weight:bold;
  327. font-style:italic;
  328. }
  329. .hueBreadcrumb {
  330. list-style: none outside none;
  331. margin: 0 0 18px;
  332. padding: 9px 14px;
  333. }
  334. .hueBreadcrumb li {
  335. display: inline-block;
  336. text-shadow: 0 1px 0 #FFFFFF;
  337. }
  338. .hueBreadcrumb .divider {
  339. color: #999999;
  340. padding: 0 5px;
  341. }
  342. .hueBreadcrumb .active a {
  343. color: #333333;
  344. }
  345. .hueBreadcrumb > li:last-child > a {
  346. font-weight:bold;
  347. color: #333333;
  348. }
  349. .hueBreadcrumb > li:last-child > span {
  350. display:none;
  351. }
  352. .hueWell {
  353. padding-bottom:0;
  354. }
  355. /*********************************************************
  356. * From: http://datatables.net/blog/Twitter_Bootstrap
  357. */
  358. div.dataTables_length label {
  359. width: 460px;
  360. float: left;
  361. text-align: left;
  362. }
  363. div.dataTables_length select {
  364. width: 75px;
  365. }
  366. div.dataTables_filter label {
  367. float: right;
  368. width: 460px;
  369. }
  370. div.dataTables_info {
  371. padding-top: 8px;
  372. }
  373. div.dataTables_paginate {
  374. float: right;
  375. margin: 0;
  376. }
  377. /*
  378. *********************************************************/
  379. /* Pagination nested */
  380. .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
  381. height: 19px;
  382. width: 19px;
  383. margin-left: 3px;
  384. float: left;
  385. }
  386. .paginate_disabled_previous {
  387. background-image: url('../art/datatables/back_disabled.jpg');
  388. }
  389. .paginate_enabled_previous {
  390. background-image: url('../art/datatables/back_enabled.jpg');
  391. }
  392. .paginate_disabled_next {
  393. background-image: url('../art/datatables/forward_disabled.jpg');
  394. }
  395. .paginate_enabled_next {
  396. background-image: url('../art/datatables/forward_enabled.jpg');
  397. }
  398. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  399. * DataTables display
  400. */
  401. table.display {
  402. margin: 0 auto;
  403. clear: both;
  404. width: 100%;
  405. /* Note Firefox 3.5 and before have a bug with border-collapse
  406. * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
  407. * border-spacing: 0; is one possible option. Conditional-css.com is
  408. * useful for this kind of thing
  409. *
  410. * Further note IE 6/7 has problems when calculating widths with border width.
  411. * It subtracts one px relative to the other browsers from the first column, and
  412. * adds one to the end...
  413. *
  414. * If you want that effect I'd suggest setting a border-top/left on th/td's and
  415. * then filling in the gaps with other borders.
  416. */
  417. }
  418. table.display thead th {
  419. padding: 3px 18px 3px 10px;
  420. border-bottom: 1px solid black;
  421. font-weight: bold;
  422. cursor: pointer;
  423. * cursor: hand;
  424. }
  425. table.display tfoot th {
  426. padding: 3px 18px 3px 10px;
  427. border-top: 1px solid black;
  428. font-weight: bold;
  429. }
  430. table.display tr.heading2 td {
  431. border-bottom: 1px solid #aaa;
  432. }
  433. table.display td {
  434. padding: 3px 10px;
  435. }
  436. table.display td.center {
  437. text-align: center;
  438. }
  439. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  440. * DataTables sorting
  441. */
  442. .sorting_asc {
  443. background: url('../art/datatables/sort_asc.png') no-repeat center right;
  444. }
  445. .sorting_desc {
  446. background: url('../art/datatables/sort_desc.png') no-repeat center right;
  447. }
  448. .sorting {
  449. background: url('../art/datatables/sort_both.png') no-repeat center right;
  450. }
  451. .sorting_asc_disabled {
  452. background: url('../art/datatables/sort_asc_disabled.png') no-repeat center right;
  453. }
  454. .sorting_desc_disabled {
  455. background: url('../art/datatables/sort_desc_disabled.png') no-repeat center right;
  456. }
  457. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  458. * Misc
  459. */
  460. .dataTables_scroll {
  461. clear: both;
  462. }
  463. .dataTables_scrollBody {
  464. *margin-top: -1px;
  465. }
  466. .top .dataTables_info {
  467. float: none;
  468. }
  469. .clear {
  470. clear: both;
  471. }
  472. .dataTables_empty {
  473. text-align: center;
  474. }
  475. tfoot input {
  476. margin: 0.5em 0;
  477. width: 100%;
  478. color: #444;
  479. }
  480. tfoot input.search_init {
  481. color: #999;
  482. }
  483. td.group {
  484. background-color: #d1cfd0;
  485. border-bottom: 2px solid #A19B9E;
  486. border-top: 2px solid #A19B9E;
  487. }
  488. td.details {
  489. background-color: #d1cfd0;
  490. border: 2px solid #A19B9E;
  491. }
  492. .example_alt_pagination div.dataTables_info {
  493. width: 40%;
  494. }
  495. .paging_full_numbers {
  496. width: 400px;
  497. height: 22px;
  498. line-height: 22px;
  499. }
  500. .paging_full_numbers span.paginate_button,
  501. .paging_full_numbers span.paginate_active {
  502. border: 1px solid #aaa;
  503. -webkit-border-radius: 5px;
  504. -moz-border-radius: 5px;
  505. padding: 2px 5px;
  506. margin: 0 3px;
  507. cursor: pointer;
  508. *cursor: hand;
  509. }
  510. .paging_full_numbers span.paginate_button {
  511. background-color: #ddd;
  512. }
  513. .paging_full_numbers span.paginate_button:hover {
  514. background-color: #ccc;
  515. }
  516. .paging_full_numbers span.paginate_active {
  517. background-color: #99B3FF;
  518. }
  519. table.display tr.even.row_selected td {
  520. background-color: #B0BED9;
  521. }
  522. table.display tr.odd.row_selected td {
  523. background-color: #9FAFD1;
  524. }
  525. /*
  526. * Sorting classes for columns
  527. */
  528. /* For the standard odd/even
  529. tr.odd td.sorting_1 {
  530. background-color: #E8F1F7;
  531. }
  532. tr.odd td.sorting_2 {
  533. background-color: #DADCFF;
  534. }
  535. tr.odd td.sorting_3 {
  536. background-color: #E0E2FF;
  537. }
  538. tr.even td.sorting_1 {
  539. background-color: #E8F1F7;
  540. }
  541. tr.even td.sorting_2 {
  542. background-color: #F2F3FF;
  543. }
  544. tr.even td.sorting_3 {
  545. background-color: #F9F9FF;
  546. }
  547. */
  548. /* For the Conditional-CSS grading rows */
  549. /*
  550. Colour calculations (based off the main row colours)
  551. Level 1:
  552. dd > c4
  553. ee > d5
  554. Level 2:
  555. dd > d1
  556. ee > e2
  557. */
  558. tr.odd.gradeA td.sorting_1 {
  559. background-color: #c4ffc4;
  560. }
  561. tr.odd.gradeA td.sorting_2 {
  562. background-color: #d1ffd1;
  563. }
  564. tr.odd.gradeA td.sorting_3 {
  565. background-color: #d1ffd1;
  566. }
  567. tr.even.gradeA td.sorting_1 {
  568. background-color: #d5ffd5;
  569. }
  570. tr.even.gradeA td.sorting_2 {
  571. background-color: #e2ffe2;
  572. }
  573. tr.even.gradeA td.sorting_3 {
  574. background-color: #e2ffe2;
  575. }
  576. tr.odd.gradeC td.sorting_1 {
  577. background-color: #c4c4ff;
  578. }
  579. tr.odd.gradeC td.sorting_2 {
  580. background-color: #d1d1ff;
  581. }
  582. tr.odd.gradeC td.sorting_3 {
  583. background-color: #d1d1ff;
  584. }
  585. tr.even.gradeC td.sorting_1 {
  586. background-color: #d5d5ff;
  587. }
  588. tr.even.gradeC td.sorting_2 {
  589. background-color: #e2e2ff;
  590. }
  591. tr.even.gradeC td.sorting_3 {
  592. background-color: #e2e2ff;
  593. }
  594. tr.odd.gradeX td.sorting_1 {
  595. background-color: #ffc4c4;
  596. }
  597. tr.odd.gradeX td.sorting_2 {
  598. background-color: #ffd1d1;
  599. }
  600. tr.odd.gradeX td.sorting_3 {
  601. background-color: #ffd1d1;
  602. }
  603. tr.even.gradeX td.sorting_1 {
  604. background-color: #ffd5d5;
  605. }
  606. tr.even.gradeX td.sorting_2 {
  607. background-color: #ffe2e2;
  608. }
  609. tr.even.gradeX td.sorting_3 {
  610. background-color: #ffe2e2;
  611. }
  612. tr.odd.gradeU td.sorting_1 {
  613. background-color: #c4c4c4;
  614. }
  615. tr.odd.gradeU td.sorting_2 {
  616. background-color: #d1d1d1;
  617. }
  618. tr.odd.gradeU td.sorting_3 {
  619. background-color: #d1d1d1;
  620. }
  621. tr.even.gradeU td.sorting_1 {
  622. background-color: #d5d5d5;
  623. }
  624. tr.even.gradeU td.sorting_2 {
  625. background-color: #e2e2e2;
  626. }
  627. tr.even.gradeU td.sorting_3 {
  628. background-color: #e2e2e2;
  629. }
  630. /*
  631. * Row highlighting example
  632. */
  633. .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
  634. background-color: #ECFFB3;
  635. }
  636. .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
  637. background-color: #E6FF99;
  638. }
  639. .ex_highlight_row #example tr.even:hover {
  640. background-color: #ECFFB3;
  641. }
  642. .ex_highlight_row #example tr.even:hover td.sorting_1 {
  643. background-color: #DDFF75;
  644. }
  645. .ex_highlight_row #example tr.even:hover td.sorting_2 {
  646. background-color: #E7FF9E;
  647. }
  648. .ex_highlight_row #example tr.even:hover td.sorting_3 {
  649. background-color: #E2FF89;
  650. }
  651. .ex_highlight_row #example tr.odd:hover {
  652. background-color: #E6FF99;
  653. }
  654. .ex_highlight_row #example tr.odd:hover td.sorting_1 {
  655. background-color: #D6FF5C;
  656. }
  657. .ex_highlight_row #example tr.odd:hover td.sorting_2 {
  658. background-color: #E0FF84;
  659. }
  660. .ex_highlight_row #example tr.odd:hover td.sorting_3 {
  661. background-color: #DBFF70;
  662. }
  663. /*
  664. * KeyTable
  665. */
  666. table.KeyTable td {
  667. border: 3px solid transparent;
  668. }
  669. table.KeyTable td.focus {
  670. border: 3px solid #3366FF;
  671. }
  672. table.display tr.gradeA {
  673. background-color: #eeffee;
  674. }
  675. table.display tr.gradeC {
  676. background-color: #ddddff;
  677. }
  678. table.display tr.gradeX {
  679. background-color: #ffdddd;
  680. }
  681. table.display tr.gradeU {
  682. background-color: #ddd;
  683. }
  684. div.box {
  685. height: 100px;
  686. padding: 10px;
  687. overflow: auto;
  688. border: 1px solid #8080FF;
  689. background-color: #E5E5FF;
  690. }
  691. /*
  692. * jHueSelector
  693. */
  694. .jHueSelector {
  695. border:1px solid #CCC;
  696. padding:0;
  697. margin:0;
  698. width:300px;
  699. }
  700. .jHueSelectorHeader {
  701. background-color:#CCC;
  702. padding:4px;
  703. }
  704. .jHueSelector label {
  705. float: none;
  706. padding-left:4px;
  707. }
  708. .jHueSelector label input[type=checkbox] {
  709. display: inline;
  710. margin-top:-2px;
  711. margin-right:6px;
  712. }
  713. .jHueSelectorHeader input[type=text] {
  714. position:absolute;
  715. margin-left:180px;
  716. width:100px;
  717. height:11px;
  718. border: 1px solid #CCCCCC;
  719. border-radius: 5.5px;
  720. -webkit-border-radius: 5.5px;
  721. -moz-border-radius: 5.5px;
  722. color: #555555;
  723. font-size: 10px;
  724. }
  725. .jHueSelectorBody {
  726. height:150px;
  727. overflow:auto;
  728. }
  729. .jHueSelector ul, li {
  730. margin: 0;
  731. padding: 0;
  732. }
  733. .jHueSelector ul {
  734. padding:4px;
  735. list-style: none;
  736. }
  737. .jHueSelector li.selectorDivider {
  738. background-color:#EEE;
  739. padding:4px;
  740. }
  741. .modal-body iframe {
  742. border:0;
  743. width:100%;
  744. height:100%;
  745. overflow:hidden;
  746. }
  747. .modal-body iframe.scroll {
  748. overflow:auto;
  749. }