library/js/datatables/extras/ColVis/media/css/ColVisAlt.css

   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
   7 .ColVis {
   8         position: absolute;
   9         right: 0;
  10         top: 0;
  11         width: 15px;
  12         height: 30px;
  13 }
  14
  15 .ColVis_MasterButton {
  16         height: 100%;
  17         width: 100%;
  18         border-left-width: 0;
  19         cursor: pointer;
  20         *cursor: hand;
  21         background: url('../images/button.png') no-repeat top left;
  22 }
  23
  24 button.ColVis_Button::-moz-focus-inner {
  25         border: none !important;
  26         padding: 0;
  27 }
  28
  29 .ColVis_text_hover {
  30         border: 1px solid #999;
  31         background-color: #f0f0f0;
  32 }
  33
  34 div.ColVis_collectionBackground {
  35         background-color: black;
  36         z-index: 1100;
  37 }
  38
  39 div.ColVis_collection {
  40         position: relative;
  41         width: 150px;
  42         background-color: #f9f9f9;
  43         padding: 3px;
  44         border: 1px solid #ccc;
  45         z-index: 1102;
  46 }
  47
  48 div.ColVis_collection button.ColVis_Button {
  49         height: 30px;
  50         width: 100%;
  51         margin-right: 3px;
  52         margin-bottom: 2px;
  53         padding: 3px 5px;
  54         cursor: pointer;
  55         *cursor: hand;
  56         text-align: left;
  57 }
  58
  59 div.ColVis_collection button.ColVis_Button:hover {
  60         border: 1px solid #999;
  61         background-color: #f0f0f0;
  62 }
  63
  64 div.ColVis_catcher {
  65         position: absolute;
  66         z-index: 1101;
  67 }
  68
  69 span.ColVis_radio {
  70         display: inline-block;
  71         width: 20px;
  72 }
  73
  74 button.ColVis_Restore {
  75         margin-top: 15px;
  76 }
  77
  78 button.ColVis_Restore span {
  79         display: inline-block;
  80         padding-left: 10px;
  81         text-align: left;
  82 }
  83
  84 .disabled {
  85         color: #999;
  86 }
  87
  88
  89
  90 /*
  91  * Styles needed for DataTables scrolling
  92  */
  93 div.dataTables_scrollHead {
  94         position: relative;
  95         overflow: hidden;
  96 }
  97
  98 div.dataTables_scrollBody {
  99         overflow-y: scroll;
 100 }
 101
 102 div.dataTables_scrollFoot {
 103         overflow: hidden;
 104 }