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