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