Version 1

[yaffs-website] / web / core / modules / outside_in / css / outside_in.details.css

diff --git a/web/core/modules/outside_in/css/outside_in.details.css b/web/core/modules/outside_in/css/outside_in.details.css
new file mode 100644 (file)
index 0000000..8ca1406
--- /dev/null
+++ b/web/core/modules/outside_in/css/outside_in.details.css
@@ -0,0 +1,52 @@
+/**
+ * @file
+ * Visual styling for summary and details in the Settings Tray module's off canvas tray.
+ */
+
+.ui-dialog-outside-in details,
+.ui-dialog-outside-in summary,
+.ui-dialog-outside-in .ui-dialog-content {
+  background: #474747;
+  color: #ddd;
+}
+.ui-dialog-outside-in summary a {
+  color: #ddd;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.ui-dialog-outside-in summary a:hover,
+.ui-dialog-outside-in summary a:focus {
+  color: #fff;
+}
+.ui-dialog-outside-in details,
+.ui-dialog-outside-in summary,
+.ui-dialog-outside-in .details-wrapper {
+  border-width: 0;
+  /* Cancel out the padding of the parent. */
+  margin: 0 -20px;
+  padding: 0 20px;
+}
+.ui-dialog-outside-in summary {
+  text-shadow: none;
+  outline: none;
+  padding: 10px 20px;
+  font-size: 14px;
+  transition: all .5s ease;
+}
+.ui-dialog-outside-in summary:hover,
+.ui-dialog-outside-in summary:focus {
+  background-color: #222;
+  outline: none;
+}
+.ui-dialog-outside-in details[open] {
+  background-color: #333;
+  padding-bottom: 10px;
+}
+.ui-dialog-outside-in details[open] > summary {
+  background-color: #333;
+  color: #eee;
+}
+.ui-dialog-outside-in details[open] > summary:hover {
+  background-color: #222;
+  color: #fff;
+}