hue2.css 21 KB

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