Chris@14: /**
Chris@14:  * @file
Chris@14:  * Visual styling for summary and details in the off-canvas dialog.
Chris@14:  */
Chris@14: 
Chris@18: #drupal-off-canvas details {
Chris@18:   display: block;
Chris@18: }
Chris@14: #drupal-off-canvas details,
Chris@14: #drupal-off-canvas summary {
Chris@18:   font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
Chris@14: }
Chris@14: #drupal-off-canvas details,
Chris@14: #drupal-off-canvas summary,
Chris@14: #drupal-off-canvas .ui-dialog-content {
Chris@18:   color: #ddd;
Chris@14:   background: #474747;
Chris@14: }
Chris@14: #drupal-off-canvas summary a {
Chris@14:   padding-top: 0;
Chris@14:   padding-bottom: 0;
Chris@18:   color: #ddd;
Chris@14: }
Chris@14: #drupal-off-canvas summary a:hover,
Chris@14: #drupal-off-canvas summary a:focus {
Chris@14:   color: #fff;
Chris@14: }
Chris@14: #drupal-off-canvas details,
Chris@14: #drupal-off-canvas summary,
Chris@14: #drupal-off-canvas .details-wrapper {
Chris@14:   /* Cancel out the padding of the parent. */
Chris@14:   margin: 0 -20px;
Chris@14:   padding: 0 20px;
Chris@18:   border-width: 0;
Chris@14: }
Chris@14: #drupal-off-canvas summary {
Chris@18:   padding: 10px 20px;
Chris@18:   transition: all 0.5s ease;
Chris@14:   text-shadow: none;
Chris@14:   font-size: 14px;
Chris@14: }
Chris@14: #drupal-off-canvas summary:hover,
Chris@14: #drupal-off-canvas summary:focus {
Chris@14:   background-color: #222;
Chris@14: }
Chris@14: #drupal-off-canvas details[open] {
Chris@14:   padding-bottom: 10px;
Chris@14: }
Chris@14: #drupal-off-canvas details[open] > summary {
Chris@18:   color: #eee;
Chris@14:   background-color: #333;
Chris@14: }
Chris@14: #drupal-off-canvas details[open] > summary:hover {
Chris@18:   color: #fff;
Chris@14:   background-color: #222;
Chris@14: }
Chris@14: #drupal-off-canvas details .placeholder {
Chris@18:   color: inherit;
Chris@18:   background: transparent;
Chris@14:   font: inherit;
Chris@14:   font-style: italic;
Chris@14: }