Chris@14
|
1 /**
|
Chris@14
|
2 * @file
|
Chris@14
|
3 * Visual styling for summary and details in the off-canvas dialog.
|
Chris@14
|
4 */
|
Chris@14
|
5
|
Chris@18
|
6 #drupal-off-canvas details {
|
Chris@18
|
7 display: block;
|
Chris@18
|
8 }
|
Chris@14
|
9 #drupal-off-canvas details,
|
Chris@14
|
10 #drupal-off-canvas summary {
|
Chris@18
|
11 font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
|
Chris@14
|
12 }
|
Chris@14
|
13 #drupal-off-canvas details,
|
Chris@14
|
14 #drupal-off-canvas summary,
|
Chris@14
|
15 #drupal-off-canvas .ui-dialog-content {
|
Chris@18
|
16 color: #ddd;
|
Chris@14
|
17 background: #474747;
|
Chris@14
|
18 }
|
Chris@14
|
19 #drupal-off-canvas summary a {
|
Chris@14
|
20 padding-top: 0;
|
Chris@14
|
21 padding-bottom: 0;
|
Chris@18
|
22 color: #ddd;
|
Chris@14
|
23 }
|
Chris@14
|
24 #drupal-off-canvas summary a:hover,
|
Chris@14
|
25 #drupal-off-canvas summary a:focus {
|
Chris@14
|
26 color: #fff;
|
Chris@14
|
27 }
|
Chris@14
|
28 #drupal-off-canvas details,
|
Chris@14
|
29 #drupal-off-canvas summary,
|
Chris@14
|
30 #drupal-off-canvas .details-wrapper {
|
Chris@14
|
31 /* Cancel out the padding of the parent. */
|
Chris@14
|
32 margin: 0 -20px;
|
Chris@14
|
33 padding: 0 20px;
|
Chris@18
|
34 border-width: 0;
|
Chris@14
|
35 }
|
Chris@14
|
36 #drupal-off-canvas summary {
|
Chris@18
|
37 padding: 10px 20px;
|
Chris@18
|
38 transition: all 0.5s ease;
|
Chris@14
|
39 text-shadow: none;
|
Chris@14
|
40 font-size: 14px;
|
Chris@14
|
41 }
|
Chris@14
|
42 #drupal-off-canvas summary:hover,
|
Chris@14
|
43 #drupal-off-canvas summary:focus {
|
Chris@14
|
44 background-color: #222;
|
Chris@14
|
45 }
|
Chris@14
|
46 #drupal-off-canvas details[open] {
|
Chris@14
|
47 padding-bottom: 10px;
|
Chris@14
|
48 }
|
Chris@14
|
49 #drupal-off-canvas details[open] > summary {
|
Chris@18
|
50 color: #eee;
|
Chris@14
|
51 background-color: #333;
|
Chris@14
|
52 }
|
Chris@14
|
53 #drupal-off-canvas details[open] > summary:hover {
|
Chris@18
|
54 color: #fff;
|
Chris@14
|
55 background-color: #222;
|
Chris@14
|
56 }
|
Chris@14
|
57 #drupal-off-canvas details .placeholder {
|
Chris@18
|
58 color: inherit;
|
Chris@18
|
59 background: transparent;
|
Chris@14
|
60 font: inherit;
|
Chris@14
|
61 font-style: italic;
|
Chris@14
|
62 }
|