diff --git a/core/themes/seven/css/base/elements.css b/core/themes/seven/css/base/elements.css index 76fcc4c..2811682 100644 --- a/core/themes/seven/css/base/elements.css +++ b/core/themes/seven/css/base/elements.css @@ -166,9 +166,9 @@ details summary { padding-bottom: 0.5em; } details summary:focus { - border-top: 3px solid #0074bd; outline: none; color: #0074bd; margin-top: -3px; text-decoration: underline; -} + background: #eee; +} \ No newline at end of file diff --git a/core/themes/seven/css/components/entity-meta.css b/core/themes/seven/css/components/entity-meta.css index 9877ec3..660d224 100644 --- a/core/themes/seven/css/components/entity-meta.css +++ b/core/themes/seven/css/components/entity-meta.css @@ -2,16 +2,14 @@ * Entity meta settings. */ .entity-meta { - background-color: #ececec; - border-left: 1px solid #bfbfbf; - border-right: 1px solid #bfbfbf; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; } .entity-meta__header, .entity-meta details { background-color: #f7f7f7; - border-top: 1px solid #bfbfbf; - border-bottom: 1px solid #bfbfbf; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .entity-meta__header { padding: 1em 1.5em; @@ -29,18 +27,24 @@ .entity-meta details { border-left: 0; border-right: 0; - border-top: 1px solid #fff; + border-top: 0; margin: 0; } -.entity-meta details:first-child { - border-top-color: #bfbfbf; -} .entity-meta details[open] { - background-color: transparent; - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px); + box-shadow: -6px 0 0 0 #0074bd; + margin-left: 5px; + padding-top: 1px; border-top-width: 0; padding-top: 1px; + background: #fff; + z-index: 5; + position: relative; +} +.entity-meta details[open]:hover { + background: #eee; +} +.entity-meta details:hover { + background: #fff; } .entity-meta details[open] + details[open] { background-image: none;