plugins/hazelnut/static/css/hazelnut.css

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