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