ColVisAlt.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. /*
  2. * An alternative styling for ColVis
  3. * Note you will likely have to change the path for the background image used by jQuery UI theming:
  4. * ../../../../examples/examples_support/themes/smoothness
  5. */
  6. .ColVis {
  7. position: absolute;
  8. right: 0;
  9. top: 0;
  10. width: 15px;
  11. height: 30px;
  12. }
  13. .ColVis_MasterButton {
  14. height: 100%;
  15. width: 100%;
  16. border-left-width: 0;
  17. cursor: pointer;
  18. *cursor: hand;
  19. background: url('../images/button.png') no-repeat top left;
  20. }
  21. button.ColVis_Button::-moz-focus-inner {
  22. border: none !important;
  23. padding: 0;
  24. }
  25. .ColVis_text_hover {
  26. border: 1px solid #999;
  27. background-color: #f0f0f0;
  28. }
  29. div.ColVis_collectionBackground {
  30. background-color: black;
  31. z-index: 1100;
  32. }
  33. div.ColVis_collection {
  34. position: relative;
  35. width: 150px;
  36. background-color: #f9f9f9;
  37. padding: 3px;
  38. border: 1px solid #ccc;
  39. z-index: 1102;
  40. }
  41. div.ColVis_collection button.ColVis_Button {
  42. height: 30px;
  43. width: 100%;
  44. margin-right: 3px;
  45. margin-bottom: 2px;
  46. padding: 3px 5px;
  47. cursor: pointer;
  48. *cursor: hand;
  49. text-align: left;
  50. }
  51. div.ColVis_collection button.ColVis_Button:hover {
  52. border: 1px solid #999;
  53. background-color: #f0f0f0;
  54. }
  55. div.ColVis_catcher {
  56. position: absolute;
  57. z-index: 1101;
  58. }
  59. span.ColVis_radio {
  60. display: inline-block;
  61. width: 20px;
  62. }
  63. button.ColVis_Restore {
  64. margin-top: 15px;
  65. }
  66. button.ColVis_Restore span {
  67. display: inline-block;
  68. padding-left: 10px;
  69. text-align: left;
  70. }
  71. .disabled {
  72. color: #999;
  73. }
  74. /*
  75. * Styles needed for DataTables scrolling
  76. */
  77. div.dataTables_scrollHead {
  78. position: relative;
  79. overflow: hidden;
  80. }
  81. div.dataTables_scrollBody {
  82. overflow-y: scroll;
  83. }
  84. div.dataTables_scrollFoot {
  85. overflow: hidden;
  86. }