www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/outside_in/css/outside_in.details.css

   1 /**
   2  * @file
   3  * Visual styling for summary and details in the Settings Tray module's off canvas tray.
   4  */
   5
   6 .ui-dialog-outside-in details,
   7 .ui-dialog-outside-in summary,
   8 .ui-dialog-outside-in .ui-dialog-content {
   9   background: #474747;
  10   color: #ddd;
  11 }
  12 .ui-dialog-outside-in summary a {
  13   color: #ddd;
  14   padding-top: 0;
  15   padding-bottom: 0;
  16 }
  17 .ui-dialog-outside-in summary a:hover,
  18 .ui-dialog-outside-in summary a:focus {
  19   color: #fff;
  20 }
  21 .ui-dialog-outside-in details,
  22 .ui-dialog-outside-in summary,
  23 .ui-dialog-outside-in .details-wrapper {
  24   border-width: 0;
  25   /* Cancel out the padding of the parent. */
  26   margin: 0 -20px;
  27   padding: 0 20px;
  28 }
  29 .ui-dialog-outside-in summary {
  30   text-shadow: none;
  31   outline: none;
  32   padding: 10px 20px;
  33   font-size: 14px;
  34   transition: all .5s ease;
  35 }
  36 .ui-dialog-outside-in summary:hover,
  37 .ui-dialog-outside-in summary:focus {
  38   background-color: #222;
  39   outline: none;
  40 }
  41 .ui-dialog-outside-in details[open] {
  42   background-color: #333;
  43   padding-bottom: 10px;
  44 }
  45 .ui-dialog-outside-in details[open] > summary {
  46   background-color: #333;
  47   color: #eee;
  48 }
  49 .ui-dialog-outside-in details[open] > summary:hover {
  50   background-color: #222;
  51   color: #fff;
  52 }