jhue.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792
  1. .topbar-inner, .topbar {
  2. background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c);
  3. background-image: -moz-linear-gradient(top, #2c7fb3, #01639c);
  4. background-color: #01639c;
  5. background-repeat: repeat-x;
  6. }
  7. .topbar div > ul .active > a, .nav .active > a {
  8. background-image: -webkit-linear-gradient(top, #266d99, #015382);
  9. background-image: -moz-linear-gradient(top, #266d99, #015382);
  10. background-color: #015382;
  11. font-weight: bold;
  12. }
  13. .topbar a {
  14. color: #CFCFCF;
  15. }
  16. .btn.primary {
  17. background-color: #01639c;
  18. background-image: -moz-linear-gradient(center top , #2c7fb3, #01639c);
  19. background-repeat: repeat-x;
  20. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  21. color: #FFFFFF;
  22. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  23. }
  24. .withTitle {
  25. top: 60px!important;
  26. }
  27. .clear {
  28. clear:both;
  29. }
  30. .sectionbar {
  31. background-color: #E5E5E5;
  32. background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  33. background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  34. background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  35. background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  36. background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
  37. background-image: -webkit-gradient(
  38. linear,
  39. left top,
  40. left bottom,
  41. color-stop(0, rgb(255,255,255)),
  42. color-stop(1, rgb(229,229,229))
  43. );
  44. height:40px;
  45. border-bottom:1px solid #CBCBCB;
  46. padding-top:10px;
  47. }
  48. .sectionbar h2 {
  49. font-size: 20px;
  50. font-weight: 400;
  51. padding-left:20px;
  52. float:left;
  53. }
  54. .sectionbar h2.selected {
  55. color:#01639C;
  56. }
  57. .sectionbar h2.subsection, .sectionbar h2.subsubsection {
  58. padding-left:6px;
  59. }
  60. .sectionbar h3 {
  61. float:left;
  62. padding-left:6px;
  63. color:#CCC;
  64. font-size:12px;
  65. }
  66. .sectionbar a {
  67. float:right;
  68. margin-right:14px;
  69. color:#1F92D8;
  70. padding-top:7px;
  71. text-shadow: 0 -1px 0 #E5E5E5;
  72. }
  73. .toolbar {
  74. float:right;
  75. }
  76. .toolbar ul {
  77. list-style: none outside none;
  78. display: inline;
  79. }
  80. .toolbar li {
  81. display: inline;
  82. }
  83. .wordbreak {
  84. max-width:500px;
  85. word-wrap:break-word;
  86. }
  87. .menubar {
  88. height: 30px;
  89. left: 0;
  90. overflow: visible;
  91. position: fixed;
  92. right: 0;
  93. top: 40px;
  94. z-index: 9999;
  95. }
  96. .menubar-inner, .menubar .fill {
  97. background-color: #d0e1f4;
  98. background-image: -moz-linear-gradient(center top , #d0e1f4, #d0e1f4);
  99. background-image: -webkit-linear-gradient(top, #d0e1f4, #d0e1f4);
  100. background-repeat: repeat-x;
  101. }
  102. .menubar-inner a {
  103. color:#333;
  104. font-weight:bold;
  105. }
  106. .menubar-inner a:hover {
  107. color:#01639C;
  108. }
  109. .menubar-inner a.selected {
  110. color:#FFFFFF;
  111. padding:2px;
  112. padding-left:10px;
  113. padding-right:10px;
  114. margin-top:8px;
  115. background-color: #01639C;
  116. background-image: -moz-linear-gradient(center top , #01639C, #015382);
  117. background-repeat: repeat-x;
  118. box-shadow: 0 0 3px #015382 inset;
  119. -moz-box-shadow: 0 0 3px #015382 inset;
  120. -webkit-box-shadow: 0 0 3px #015382 inset;
  121. border-radius: 30px;
  122. }
  123. .menubar-inner a.disabled {
  124. cursor: default;
  125. opacity: 0.65;
  126. }
  127. .menubar-inner a.disabled:hover {
  128. color:#333;
  129. }
  130. .hidden {
  131. display:none;
  132. }
  133. .pull-right {
  134. color:#CFCFCF;
  135. }
  136. .pull-right a {
  137. font-weight:bold;
  138. }
  139. code {
  140. line-height:1.4em;
  141. }
  142. .noPadding {
  143. padding:0;
  144. }
  145. .folder {
  146. background: url(../images/folder.png) no-repeat left center;
  147. padding-left:20px;
  148. }
  149. .file {
  150. background: url(../images/file.png) no-repeat left center;
  151. padding-left:20px;
  152. }
  153. .contextMenu {
  154. display:none;
  155. }
  156. .contextItem {
  157. cursor:pointer;
  158. }
  159. .fieldError {
  160. border-color: #EE5F5B;
  161. color: #B94A48;
  162. }
  163. ul.errorlist {
  164. list-style: none outside none;
  165. margin-left: 0;
  166. }
  167. ul.errorlist li {
  168. color: #B94A48;
  169. padding:2px;
  170. font-weight:bold;
  171. font-style:italic;
  172. }
  173. /*
  174. * File: demo_table.css
  175. * CVS: $Id$
  176. * Description: CSS descriptions for DataTables demo pages
  177. * Author: Allan Jardine
  178. * Created: Tue May 12 06:47:22 BST 2009
  179. * Modified: $Date$ by $Author$
  180. * Language: CSS
  181. * Project: DataTables
  182. *
  183. * Copyright 2009 Allan Jardine. All Rights Reserved.
  184. *
  185. * ***************************************************************************
  186. * DESCRIPTION
  187. *
  188. * The styles given here are suitable for the demos that are used with the standard DataTables
  189. * distribution (see www.datatables.net). You will most likely wish to modify these styles to
  190. * meet the layout requirements of your site.
  191. *
  192. * Common issues:
  193. * 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
  194. * no conflict between the two pagination types. If you want to use full_numbers pagination
  195. * ensure that you either have "example_alt_pagination" as a body class name, or better yet,
  196. * modify that selector.
  197. * Note that the path used for Images is relative. All images are by default located in
  198. * ../images/ - relative to this CSS file.
  199. */
  200. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  201. * DataTables features
  202. */
  203. .dataTables_wrapper {
  204. position: relative;
  205. min-height: 302px;
  206. clear: both;
  207. _height: 302px;
  208. zoom: 1; /* Feeling sorry for IE */
  209. }
  210. .dataTables_processing {
  211. position: absolute;
  212. top: 50%;
  213. left: 50%;
  214. width: 250px;
  215. height: 30px;
  216. margin-left: -125px;
  217. margin-top: -15px;
  218. padding: 14px 0 2px 0;
  219. border: 1px solid #ddd;
  220. text-align: center;
  221. color: #999;
  222. font-size: 14px;
  223. background-color: white;
  224. }
  225. .dataTables_length {
  226. width: 40%;
  227. float: left;
  228. }
  229. .dataTables_filter {
  230. width: 50%;
  231. float: right;
  232. text-align: right;
  233. }
  234. .dataTables_info {
  235. width: 60%;
  236. float: left;
  237. }
  238. .dataTables_paginate {
  239. width: 44px;
  240. * width: 50px;
  241. float: right;
  242. text-align: right;
  243. }
  244. /* Pagination nested */
  245. .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
  246. height: 19px;
  247. width: 19px;
  248. margin-left: 3px;
  249. float: left;
  250. }
  251. .paginate_disabled_previous {
  252. background-image: url('../art/datatables/back_disabled.jpg');
  253. }
  254. .paginate_enabled_previous {
  255. background-image: url('../art/datatables/back_enabled.jpg');
  256. }
  257. .paginate_disabled_next {
  258. background-image: url('../art/datatables/forward_disabled.jpg');
  259. }
  260. .paginate_enabled_next {
  261. background-image: url('../art/datatables/forward_enabled.jpg');
  262. }
  263. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  264. * DataTables display
  265. */
  266. table.display {
  267. margin: 0 auto;
  268. clear: both;
  269. width: 100%;
  270. /* Note Firefox 3.5 and before have a bug with border-collapse
  271. * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
  272. * border-spacing: 0; is one possible option. Conditional-css.com is
  273. * useful for this kind of thing
  274. *
  275. * Further note IE 6/7 has problems when calculating widths with border width.
  276. * It subtracts one px relative to the other browsers from the first column, and
  277. * adds one to the end...
  278. *
  279. * If you want that effect I'd suggest setting a border-top/left on th/td's and
  280. * then filling in the gaps with other borders.
  281. */
  282. }
  283. table.display thead th {
  284. padding: 3px 18px 3px 10px;
  285. border-bottom: 1px solid black;
  286. font-weight: bold;
  287. cursor: pointer;
  288. * cursor: hand;
  289. }
  290. table.display tfoot th {
  291. padding: 3px 18px 3px 10px;
  292. border-top: 1px solid black;
  293. font-weight: bold;
  294. }
  295. table.display tr.heading2 td {
  296. border-bottom: 1px solid #aaa;
  297. }
  298. table.display td {
  299. padding: 3px 10px;
  300. }
  301. table.display td.center {
  302. text-align: center;
  303. }
  304. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  305. * DataTables sorting
  306. */
  307. .sorting_asc {
  308. background: url('../art/datatables/sort_asc.png') no-repeat center right;
  309. }
  310. .sorting_desc {
  311. background: url('../art/datatables/sort_desc.png') no-repeat center right;
  312. }
  313. .sorting {
  314. background: url('../art/datatables/sort_both.png') no-repeat center right;
  315. }
  316. .sorting_asc_disabled {
  317. background: url('../art/datatables/sort_asc_disabled.png') no-repeat center right;
  318. }
  319. .sorting_desc_disabled {
  320. background: url('../art/datatables/sort_desc_disabled.png') no-repeat center right;
  321. }
  322. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  323. * DataTables row classes
  324. */
  325. table.display tr.odd.gradeA {
  326. background-color: #ddffdd;
  327. }
  328. table.display tr.even.gradeA {
  329. background-color: #eeffee;
  330. }
  331. table.display tr.odd.gradeC {
  332. background-color: #ddddff;
  333. }
  334. table.display tr.even.gradeC {
  335. background-color: #eeeeff;
  336. }
  337. table.display tr.odd.gradeX {
  338. background-color: #ffdddd;
  339. }
  340. table.display tr.even.gradeX {
  341. background-color: #ffeeee;
  342. }
  343. table.display tr.odd.gradeU {
  344. background-color: #ddd;
  345. }
  346. table.display tr.even.gradeU {
  347. background-color: #eee;
  348. }
  349. tr.odd {
  350. background-color: #E8F1F7;
  351. }
  352. tr.even {
  353. background-color: white;
  354. }
  355. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  356. * Misc
  357. */
  358. .dataTables_scroll {
  359. clear: both;
  360. }
  361. .dataTables_scrollBody {
  362. *margin-top: -1px;
  363. }
  364. .top, .bottom {
  365. padding: 15px;
  366. background-color: #F5F5F5;
  367. border: 1px solid #CCCCCC;
  368. }
  369. .top .dataTables_info {
  370. float: none;
  371. }
  372. .clear {
  373. clear: both;
  374. }
  375. .dataTables_empty {
  376. text-align: center;
  377. }
  378. tfoot input {
  379. margin: 0.5em 0;
  380. width: 100%;
  381. color: #444;
  382. }
  383. tfoot input.search_init {
  384. color: #999;
  385. }
  386. td.group {
  387. background-color: #d1cfd0;
  388. border-bottom: 2px solid #A19B9E;
  389. border-top: 2px solid #A19B9E;
  390. }
  391. td.details {
  392. background-color: #d1cfd0;
  393. border: 2px solid #A19B9E;
  394. }
  395. .example_alt_pagination div.dataTables_info {
  396. width: 40%;
  397. }
  398. .paging_full_numbers {
  399. width: 400px;
  400. height: 22px;
  401. line-height: 22px;
  402. }
  403. .paging_full_numbers span.paginate_button,
  404. .paging_full_numbers span.paginate_active {
  405. border: 1px solid #aaa;
  406. -webkit-border-radius: 5px;
  407. -moz-border-radius: 5px;
  408. padding: 2px 5px;
  409. margin: 0 3px;
  410. cursor: pointer;
  411. *cursor: hand;
  412. }
  413. .paging_full_numbers span.paginate_button {
  414. background-color: #ddd;
  415. }
  416. .paging_full_numbers span.paginate_button:hover {
  417. background-color: #ccc;
  418. }
  419. .paging_full_numbers span.paginate_active {
  420. background-color: #99B3FF;
  421. }
  422. table.display tr.even.row_selected td {
  423. background-color: #B0BED9;
  424. }
  425. table.display tr.odd.row_selected td {
  426. background-color: #9FAFD1;
  427. }
  428. /*
  429. * Sorting classes for columns
  430. */
  431. /* For the standard odd/even
  432. tr.odd td.sorting_1 {
  433. background-color: #E8F1F7;
  434. }
  435. tr.odd td.sorting_2 {
  436. background-color: #DADCFF;
  437. }
  438. tr.odd td.sorting_3 {
  439. background-color: #E0E2FF;
  440. }
  441. tr.even td.sorting_1 {
  442. background-color: #E8F1F7;
  443. }
  444. tr.even td.sorting_2 {
  445. background-color: #F2F3FF;
  446. }
  447. tr.even td.sorting_3 {
  448. background-color: #F9F9FF;
  449. }
  450. */
  451. /* For the Conditional-CSS grading rows */
  452. /*
  453. Colour calculations (based off the main row colours)
  454. Level 1:
  455. dd > c4
  456. ee > d5
  457. Level 2:
  458. dd > d1
  459. ee > e2
  460. */
  461. tr.odd.gradeA td.sorting_1 {
  462. background-color: #c4ffc4;
  463. }
  464. tr.odd.gradeA td.sorting_2 {
  465. background-color: #d1ffd1;
  466. }
  467. tr.odd.gradeA td.sorting_3 {
  468. background-color: #d1ffd1;
  469. }
  470. tr.even.gradeA td.sorting_1 {
  471. background-color: #d5ffd5;
  472. }
  473. tr.even.gradeA td.sorting_2 {
  474. background-color: #e2ffe2;
  475. }
  476. tr.even.gradeA td.sorting_3 {
  477. background-color: #e2ffe2;
  478. }
  479. tr.odd.gradeC td.sorting_1 {
  480. background-color: #c4c4ff;
  481. }
  482. tr.odd.gradeC td.sorting_2 {
  483. background-color: #d1d1ff;
  484. }
  485. tr.odd.gradeC td.sorting_3 {
  486. background-color: #d1d1ff;
  487. }
  488. tr.even.gradeC td.sorting_1 {
  489. background-color: #d5d5ff;
  490. }
  491. tr.even.gradeC td.sorting_2 {
  492. background-color: #e2e2ff;
  493. }
  494. tr.even.gradeC td.sorting_3 {
  495. background-color: #e2e2ff;
  496. }
  497. tr.odd.gradeX td.sorting_1 {
  498. background-color: #ffc4c4;
  499. }
  500. tr.odd.gradeX td.sorting_2 {
  501. background-color: #ffd1d1;
  502. }
  503. tr.odd.gradeX td.sorting_3 {
  504. background-color: #ffd1d1;
  505. }
  506. tr.even.gradeX td.sorting_1 {
  507. background-color: #ffd5d5;
  508. }
  509. tr.even.gradeX td.sorting_2 {
  510. background-color: #ffe2e2;
  511. }
  512. tr.even.gradeX td.sorting_3 {
  513. background-color: #ffe2e2;
  514. }
  515. tr.odd.gradeU td.sorting_1 {
  516. background-color: #c4c4c4;
  517. }
  518. tr.odd.gradeU td.sorting_2 {
  519. background-color: #d1d1d1;
  520. }
  521. tr.odd.gradeU td.sorting_3 {
  522. background-color: #d1d1d1;
  523. }
  524. tr.even.gradeU td.sorting_1 {
  525. background-color: #d5d5d5;
  526. }
  527. tr.even.gradeU td.sorting_2 {
  528. background-color: #e2e2e2;
  529. }
  530. tr.even.gradeU td.sorting_3 {
  531. background-color: #e2e2e2;
  532. }
  533. /*
  534. * Row highlighting example
  535. */
  536. .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
  537. background-color: #ECFFB3;
  538. }
  539. .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
  540. background-color: #E6FF99;
  541. }
  542. .ex_highlight_row #example tr.even:hover {
  543. background-color: #ECFFB3;
  544. }
  545. .ex_highlight_row #example tr.even:hover td.sorting_1 {
  546. background-color: #DDFF75;
  547. }
  548. .ex_highlight_row #example tr.even:hover td.sorting_2 {
  549. background-color: #E7FF9E;
  550. }
  551. .ex_highlight_row #example tr.even:hover td.sorting_3 {
  552. background-color: #E2FF89;
  553. }
  554. .ex_highlight_row #example tr.odd:hover {
  555. background-color: #E6FF99;
  556. }
  557. .ex_highlight_row #example tr.odd:hover td.sorting_1 {
  558. background-color: #D6FF5C;
  559. }
  560. .ex_highlight_row #example tr.odd:hover td.sorting_2 {
  561. background-color: #E0FF84;
  562. }
  563. .ex_highlight_row #example tr.odd:hover td.sorting_3 {
  564. background-color: #DBFF70;
  565. }
  566. /*
  567. * KeyTable
  568. */
  569. table.KeyTable td {
  570. border: 3px solid transparent;
  571. }
  572. table.KeyTable td.focus {
  573. border: 3px solid #3366FF;
  574. }
  575. table.display tr.gradeA {
  576. background-color: #eeffee;
  577. }
  578. table.display tr.gradeC {
  579. background-color: #ddddff;
  580. }
  581. table.display tr.gradeX {
  582. background-color: #ffdddd;
  583. }
  584. table.display tr.gradeU {
  585. background-color: #ddd;
  586. }
  587. div.box {
  588. height: 100px;
  589. padding: 10px;
  590. overflow: auto;
  591. border: 1px solid #8080FF;
  592. background-color: #E5E5FF;
  593. }
  594. /*
  595. * jHueSelector
  596. */
  597. .jHueSelector {
  598. border:1px solid #CCC;
  599. padding:0;
  600. margin:0;
  601. width:300px;
  602. }
  603. .jHueSelectorHeader {
  604. background-color:#CCC;
  605. padding:4px;
  606. }
  607. .jHueSelector label {
  608. width:10px;
  609. float: none;
  610. padding-left:4px;
  611. }
  612. .jHueSelector label input[type=checkbox] {
  613. margin-right:3px;
  614. }
  615. .jHueSelectorHeader input[type=text] {
  616. float:right;
  617. width:100px;
  618. height:20px;
  619. }
  620. .jHueSelectorBody {
  621. height:150px;
  622. overflow:auto;
  623. }
  624. .jHueSelector ul, li {
  625. margin: 0;
  626. padding: 0;
  627. }
  628. .jHueSelector ul {
  629. padding:4px;
  630. list-style: none;
  631. }
  632. .jHueSelector li.selectorDivider {
  633. background-color:#EEE;
  634. padding:4px;
  635. }