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

   1 /**
   2  * @file
   3  * Visual styling for tables in the Settings Tray module's off canvas tray.
   4  */
   5
   6 .ui-dialog-outside-in table {
   7   border: 0;
   8   border-collapse: collapse;
   9   min-width: 300px;
  10   margin-top: 0;
  11   /* Cancel out the padding of the parent to make the table full width and flush to the bottom. */
  12   margin-right: -20px;
  13   margin-left: -20px;
  14   margin-bottom: -10px;
  15 }
  16 .ui-dialog-outside-in tr th {
  17   padding: 2px 4px;
  18   background-color: transparent;
  19   border: 0;
  20   border-collapse: collapse;
  21   font-size: 12px;
  22   color: #bbb;
  23   text-align: left; /* LTR */
  24 }
  25 [dir="rtl"] .ui-dialog-outside-in tr th {
  26   text-align: right;
  27 }
  28 .ui-dialog-outside-in tr,
  29 .ui-dialog-outside-in tr td {
  30   padding: 2px 4px;
  31   height: 35px;
  32   vertical-align: middle;
  33   text-align: left; /* LTR */
  34   border: 0px;
  35   border-style: solid;
  36   border-color: #777;
  37   border-bottom-width: 1px;
  38   background: none;
  39   background-color: transparent;
  40   font-size: 12px;
  41 }
  42 [dir="rtl"] .ui-dialog-outside-in tr th,
  43 [dir="rtl"] .ui-dialog-outside-in tr td {
  44   text-align: right;
  45 }
  46 .ui-dialog-outside-in td a {
  47   display: block;
  48   max-width: 120px;
  49   overflow: hidden;
  50 }
  51 .ui-dialog.ui-dialog-outside-in tr td:first-child,
  52 .ui-dialog.ui-dialog-outside-in tr th:first-child {
  53   padding-left: 20px; /* LTR */
  54   text-overflow: ellipsis;
  55   white-space: nowrap;
  56   overflow: hidden;
  57 }
  58 [dir="rtl"] .ui-dialog.ui-dialog-outside-in tr td:first-child,
  59 [dir="rtl"] .ui-dialog.ui-dialog-outside-in tr th:first-child {
  60   padding-right: 20px;
  61 }
  62 .ui-dialog-outside-in tr.odd,
  63 .ui-dialog-outside-in tr.even {
  64   background-image: none;
  65   background-color: transparent;
  66 }
  67 td.checkbox,
  68 th.checkbox {
  69   text-align: center;
  70   width: 20px;
  71 }
  72