www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/settings_tray/css/off-canvas.table.css

   1 /**
   2  * @file
   3  * Visual styling for tables in the Settings Tray module's off canvas tray.
   4  */
   5
   6 #drupal-off-canvas table * {
   7   font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
   8 }
   9 #drupal-off-canvas table {
  10   display: table;
  11   width: 100%;
  12   min-width: calc(100% + 40px);
  13   /* Cancel out the padding of the parent to make the table full width. */
  14   margin: 0 -20px -10px -20px;
  15   border: 0;
  16   border-collapse: collapse;
  17   font-size: 12px;
  18   color: #ddd;
  19 }
  20 #drupal-off-canvas table thead {
  21   display: table-header-group;
  22 }
  23 #drupal-off-canvas table tbody {
  24   display: table-row-group;
  25 }
  26 #drupal-off-canvas tr {
  27   display: table-row;
  28 }
  29 #drupal-off-canvas tr:hover td {
  30   background-color: transparent;
  31 }
  32
  33 #drupal-off-canvas td,
  34 #drupal-off-canvas th {
  35   display: table-cell;
  36   height: auto;
  37   width: auto;
  38   padding: 2px 8px;
  39   vertical-align: middle;
  40   border-bottom: 1px solid #777;
  41   background-color: transparent;
  42 }
  43 [dir="rtl"] #drupal-off-canvas th,
  44 [dir="rtl"] #drupal-off-canvas td {
  45   text-align: right;
  46 }
  47 #drupal-off-canvas th {
  48   font-weight: bold;
  49   color: #bbb;
  50 }
  51 #drupal-off-canvas th.checkbox,
  52 #drupal-off-canvas td.checkbox {
  53   width: 20px;
  54   padding: 0;
  55   text-align: center;
  56 }
  57 #drupal-off-canvas div.checkbox.menu-enabled {
  58   position: static;
  59   display: inline;
  60   width: auto;
  61 }
  62 #drupal-off-canvas th:first-child,
  63 #drupal-off-canvas td:first-child {
  64   width: 150px;
  65 }
  66 /* For lack of a better class, using this to grab the operations th. */
  67 #drupal-off-canvas .tabledrag-has-colspan {
  68   text-align: right;
  69   padding-right: 20px;
  70 }
  71 #drupal-off-canvas td {
  72   padding: 6px 8px;
  73   color: #ddd;
  74 }
  75 /* Hide overflow with ellipsis for links. */
  76 #drupal-off-canvas td a {
  77   display: block;
  78   overflow: hidden;
  79   text-overflow: ellipsis;
  80   white-space: nowrap;
  81   background: transparent;
  82 }
  83 #drupal-off-canvas tr td:first-child,
  84 #drupal-off-canvas tr th:first-child {
  85   padding-left: 20px; /* LTR */
  86 }
  87 [dir="rtl"] #drupal-off-canvas tr td:first-child,
  88 [dir="rtl"] #drupal-off-canvas tr th:first-child {
  89   padding-right: 20px;
  90 }