www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/core/dialog/off-canvas.details.css

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