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