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 }