annotate 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
rev   line source
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 }