X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=web%2Fcore%2Fmisc%2Fdialog%2Foff-canvas.details.css;fp=web%2Fcore%2Fmisc%2Fdialog%2Foff-canvas.details.css;h=1bd50977361462e8d55ae192d8c835088a7f9860;hp=0000000000000000000000000000000000000000;hb=af6d1fb995500ae68849458ee10d66abbdcfb252;hpb=680c79a86e3ed402f263faeac92e89fb6d9edcc0

diff --git a/web/core/misc/dialog/off-canvas.details.css b/web/core/misc/dialog/off-canvas.details.css
new file mode 100644
index 000000000..1bd509773
--- /dev/null
+++ b/web/core/misc/dialog/off-canvas.details.css
@@ -0,0 +1,60 @@
+/**
+ * @file
+ * Visual styling for summary and details in the off-canvas dialog.
+ */
+
+#drupal-off-canvas details,
+#drupal-off-canvas summary {
+  display: block;
+  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 {
+  background: #474747;
+  color: #ddd;
+}
+#drupal-off-canvas summary a {
+  color: #ddd;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+#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 {
+  border-width: 0;
+  /* Cancel out the padding of the parent. */
+  margin: 0 -20px;
+  padding: 0 20px;
+}
+#drupal-off-canvas summary {
+  text-shadow: none;
+  padding: 10px 20px;
+  font-size: 14px;
+  transition: all 0.5s ease;
+}
+#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 {
+  background-color: #333;
+  color: #eee;
+}
+#drupal-off-canvas details[open] > summary:hover {
+  background-color: #222;
+  color: #fff;
+}
+#drupal-off-canvas details .placeholder {
+  font: inherit;
+  color: inherit;
+  font-style: italic;
+  background: transparent;
+}