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