Chris@0: /**
Chris@0:  * @file
Chris@0:  * Visual styling for tables in the off-canvas dialog.
Chris@0:  */
Chris@0: 
Chris@0: #drupal-off-canvas table * {
Chris@0:   font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
Chris@0: }
Chris@0: #drupal-off-canvas table {
Chris@0:   display: table;
Chris@0:   width: 100%;
Chris@0:   min-width: calc(100% + 40px);
Chris@0:   /* Cancel out the padding of the parent to make the table full width. */
Chris@0:   margin: 0 -20px -10px -20px;
Chris@0:   border: 0;
Chris@0:   border-collapse: collapse;
Chris@0:   font-size: 12px;
Chris@0:   color: #ddd;
Chris@0: }
Chris@0: #drupal-off-canvas table thead {
Chris@0:   display: table-header-group;
Chris@0: }
Chris@0: #drupal-off-canvas table tbody {
Chris@0:   display: table-row-group;
Chris@0: }
Chris@0: #drupal-off-canvas tr {
Chris@0:   display: table-row;
Chris@0: }
Chris@0: #drupal-off-canvas tr:hover td {
Chris@0:   background-color: transparent;
Chris@0: }
Chris@0: 
Chris@0: #drupal-off-canvas td,
Chris@0: #drupal-off-canvas th {
Chris@0:   display: table-cell;
Chris@0:   height: auto;
Chris@0:   width: auto;
Chris@0:   padding: 2px 8px;
Chris@0:   vertical-align: middle;
Chris@0:   border-bottom: 1px solid #777;
Chris@0:   background-color: transparent;
Chris@0: }
Chris@0: [dir="rtl"] #drupal-off-canvas th,
Chris@0: [dir="rtl"] #drupal-off-canvas td {
Chris@0:   text-align: right;
Chris@0: }
Chris@0: #drupal-off-canvas th {
Chris@0:   font-weight: bold;
Chris@0: }
Chris@0: #drupal-off-canvas th.checkbox,
Chris@0: #drupal-off-canvas td.checkbox {
Chris@0:   width: 20px;
Chris@0:   padding: 0;
Chris@0:   text-align: center;
Chris@0: }
Chris@0: #drupal-off-canvas div.checkbox.menu-enabled {
Chris@0:   position: static;
Chris@0:   display: inline;
Chris@0:   width: auto;
Chris@0: }
Chris@0: #drupal-off-canvas th:first-child,
Chris@0: #drupal-off-canvas td:first-child {
Chris@0:   width: 150px;
Chris@0: }
Chris@0: /* For lack of a better class, using this to grab the operations th. */
Chris@0: #drupal-off-canvas .tabledrag-has-colspan {
Chris@0:   text-align: right;
Chris@0:   padding-right: 20px;
Chris@0: }
Chris@0: #drupal-off-canvas td {
Chris@0:   padding: 6px 8px;
Chris@0:   color: #ddd;
Chris@0: }
Chris@0: /* Hide overflow with ellipsis for links. */
Chris@0: #drupal-off-canvas td a {
Chris@0:   display: block;
Chris@0:   overflow: hidden;
Chris@0:   text-overflow: ellipsis;
Chris@0:   white-space: nowrap;
Chris@0:   background: transparent;
Chris@0: }
Chris@0: #drupal-off-canvas tr td:first-child,
Chris@0: #drupal-off-canvas tr th:first-child {
Chris@0:   padding-left: 20px; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] #drupal-off-canvas tr td:first-child,
Chris@0: [dir="rtl"] #drupal-off-canvas tr th:first-child {
Chris@0:   padding-right: 20px;
Chris@0: }