plugins/querytable/static/css/querytable.css

   1 /* the bottom of the datatable needs more space */
   2 div.querytable-spacer { padding: 8px 4px 15px 4px; }
   3
   4 div.QueryTable table.dataTable th {
   5     font: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   6     color: #4f6b72;
   7     border-right: 1px solid #C1DAD7;
   8     border-bottom: 1px solid #C1DAD7;
   9     border-top: 1px solid #C1DAD7;
  10     letter-spacing: 1px;
  11     text-transform: uppercase;
  12     text-align: left;
  13     padding: 8px 12px 4px 20px;
  14     vertical-align:middle;
  15 /*    background: #CAE8EA url(../img/tablesort-header.jpg) no-repeat; */
  16 }
  17
  18 div.QueryTable table.dataTable th.checkbox {
  19     padding-left: 14px;
  20 }
  21
  22 div.QueryTable table.dataTable td, div.QueryTable table.dataTable textarea, div.QueryTable table.dataTable input [type="text"] {
  23     font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  24     border-right: 1px solid #C1DAD7;
  25     border-bottom: 1px solid #C1DAD7;
  26 }
  27 div.QueryTable table.dataTable td {
  28     padding: 4px 8px 4px 8px;
  29     /* this applies on even rows only, odd ones have a setting in bootstrap of rbg 249.249.249 */
  30     background-color: #f4f4f4;
  31 }
  32 div.QueryTable table.dataTable td a {
  33     font-weight:normal;
  34 }
  35 /* these come from bootstrap */
  36 div.QueryTable div.dataTables_info {
  37     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  38 }
  39
  40 /* one could think or using repeat-x here but that's not working because of the arrows
  41  * we might need to make these wider some day
  42  * and/or to add background-color: #caebea
  43  * which would look less conspicuous in case of overflow
  44 */
  45
  46 div.QueryTable table.dataTable thead .sorting { background: url('../img/tablesort-header-sortable.png') no-repeat; }
  47 div.QueryTable table.dataTable thead .sorting_asc { background: url('../img/tablesort-header-up.png') no-repeat; }
  48 div.QueryTable table.dataTable thead .sorting_desc { background: url('../img/tablesort-header-down.png') no-repeat; }
  49 /* this icons set does not have that exact equivalent - using an approximation for now */
  50 div.QueryTable table.dataTable thead .sorting_asc_disabled { background: url('../img/tablesort-header.png') repeat-x; }
  51 div.QueryTable table.dataTable thead .sorting_desc_disabled { background: url('../img/tablesort-header.png') repeat-x; }
  52
  53 /* the footers are not active */
  54 div.QueryTable table.dataTable tfoot {
  55     background: url('../img/tablesort-header.png') repeat-x;
  56     background-color: #caebea;
  57 }
  58 /* and when sorting is turned off it's useful to set this on header too */
  59 div.QueryTable table.dataTable thead {
  60     background: url('../img/tablesort-header.png') repeat-x;
  61     background-color: #caebea;
  62 }