aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/table.css

   1 /**
   2  * @file
   3  * Styles for Bartik's tables.
   4  */
   5
   6 table {
   7   border: 0;
   8   border-spacing: 0;
   9   font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  10   font-size: 0.857em;
  11   margin: 10px 0;
  12   width: 100%;
  13 }
  14 table table {
  15   font-size: 1em;
  16 }
  17 tr {
  18   border-bottom: 1px solid #ccc;
  19   padding: 0.1em 0.6em;
  20   background: #efefef;
  21   background: rgba(0, 0, 0, 0.063);
  22 }
  23 thead > tr {
  24   border-bottom: 1px solid #000;
  25 }
  26 tr.odd {
  27   background: #e4e4e4;
  28   background: rgba(0, 0, 0, 0.105);
  29 }
  30 table tr th {
  31   background: #757575;
  32   background: rgba(0, 0, 0, 0.51);
  33   border-bottom-style: none;
  34 }
  35 table tr th,
  36 table tr th a,
  37 table tr th a:hover,
  38 table tr th a:focus {
  39   color: #fff;
  40   font-weight: bold;
  41 }
  42 table tbody tr th {
  43   vertical-align: top;
  44 }
  45 tr td,
  46 tr th {
  47   padding: 4px 9px;
  48   border: 1px solid #fff;
  49   text-align: left; /* LTR */
  50 }
  51 .tabledrag-handle:hover,
  52 .tabledrag-handle {
  53   border: none;
  54 }
  55 [dir="rtl"] tr td,
  56 [dir="rtl"] tr th {
  57   text-align: right;
  58 }
  59
  60 /**
  61  * Responsive tables.
  62  */
  63 @media screen and (max-width: 37.5em) { /* 600px */
  64   th.priority-low,
  65   td.priority-low,
  66   th.priority-medium,
  67   td.priority-medium {
  68     display: none;
  69   }
  70 }
  71 @media screen and (max-width: 60em) { /* 920px */
  72   th.priority-low,
  73   td.priority-low {
  74     display: none;
  75   }
  76 }