www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/core/dialog/off-canvas.tabledrag.css

   1 /**
   2  * @file
   3  * Table drag behavior for off-canvas dialog.
   4  *
   5  * @see tabledrag.js
   6  */
   7
   8 #drupal-off-canvas .drag {
   9   cursor: move;
  10 }
  11 #drupal-off-canvas tr.region-title {
  12   font-weight: normal;
  13 }
  14 #drupal-off-canvas table .region-message {
  15   color: #fff;
  16 }
  17 #drupal-off-canvas table .region-populated {
  18   display: none;
  19 }
  20 #drupal-off-canvas .add-new .tabledrag-changed {
  21   display: none;
  22 }
  23 #drupal-off-canvas .draggable a.tabledrag-handle {
  24   background-image: none;
  25   margin: 0 5px 0 0;
  26   height: auto;
  27   min-width: 20px;
  28   padding: 0;
  29   overflow: hidden;
  30   float: left; /* LTR */
  31   text-decoration: none;
  32   cursor: move;
  33 }
  34 [dir="rtl"] #drupal-off-canvas .draggable a.tabledrag-handle {
  35   float: right;
  36   margin-right: 0;
  37   margin-left: 5px;
  38 }
  39 #drupal-off-canvas a.tabledrag-handle .handle {
  40   /* Use lighter drag icon against dark background. */
  41   background-image: url(../../../images/core/icons/bebebe/move.svg);
  42   background-color: transparent;
  43   background-repeat: no-repeat;
  44   background-position: center;
  45   height: auto;
  46   margin: 0;
  47   padding: 0;
  48   width: auto;
  49 }
  50 #drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,
  51 #drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {
  52   background-image: url(../../../images/core/icons/787878/move.svg);
  53   text-decoration: none;
  54 }
  55 #drupal-off-canvas tr td {
  56   transition: background 0.3s ease;
  57 }
  58
  59 #drupal-off-canvas tr td abbr {
  60   margin-left: 5px; /* LTR */
  61 }
  62
  63 [dir="rtl"] #drupal-off-canvas tr td abbr {
  64   margin-left: 0;
  65   margin-right: 5px;
  66 }
  67 #drupal-off-canvas tr:hover td {
  68   background: #222;
  69 }
  70 #drupal-off-canvas tr.drag td {
  71   background: #111;
  72 }
  73 #drupal-off-canvas tr.drag-previous td {
  74   background: #000;
  75 }
  76 #drupal-off-canvas tr.drag-previous:hover td {
  77   background: #222;
  78 }
  79 body div.tabledrag-changed-warning {
  80   margin-bottom: 0.5em;
  81   font-size: 14px;
  82 }
  83 #drupal-off-canvas .touchevents .draggable td {
  84   padding: 0 10px;
  85 }
  86 #drupal-off-canvas .touchevents .draggable .menu-item__link {
  87   display: inline-block;
  88   padding: 10px 0;
  89 }
  90 #drupal-off-canvas .touchevents a.tabledrag-handle {
  91   height: 44px;
  92   width: 40px;
  93 }
  94 #drupal-off-canvas .touchevents a.tabledrag-handle .handle {
  95   background-position: 40% 19px; /* LTR */
  96   height: 21px;
  97 }
  98 [dir="rtl"] #drupal-off-canvas .touch a.tabledrag-handle .handle {
  99   background-position: right 40% top 19px;
 100 }
 101 #drupal-off-canvas .touchevents .draggable.drag a.tabledrag-handle .handle {
 102   background-position: 50% -32px;
 103 }
 104 #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
 105   padding-top: 10px;
 106   text-align: right; /* LTR */
 107 }
 108 [dir="rtl"] #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
 109   text-align: left;
 110 }
 111 #drupal-off-canvas .indentation {
 112   float: left; /* LTR */
 113   height: auto;
 114   margin: 0 3px 0 -10px; /* LTR */
 115   padding: 0 0 0 10px; /* LTR */
 116   width: auto;
 117 }
 118 [dir="rtl"] #drupal-off-canvas .indentation {
 119   float: right;
 120   margin: 0 -10px 0 3px;
 121   padding: 0 10px 0 0;
 122 }