annotate core/themes/seven/css/components/entity-meta.css @ 0:4c8ae668cc8c

Initial import (non-working)
author Chris Cannam
date Wed, 29 Nov 2017 16:09:58 +0000
parents
children 129ea1e6d783
rev   line source
Chris@0 1 /**
Chris@0 2 * Entity meta settings.
Chris@0 3 */
Chris@0 4 .entity-meta {
Chris@0 5 background-color: #ececec;
Chris@0 6 border-left: 1px solid #bfbfbf;
Chris@0 7 border-right: 1px solid #bfbfbf;
Chris@0 8 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
Chris@0 9 }
Chris@0 10 .entity-meta__header,
Chris@0 11 .entity-meta details {
Chris@0 12 background-color: #f7f7f7;
Chris@0 13 border-top: 1px solid #bfbfbf;
Chris@0 14 border-bottom: 1px solid #bfbfbf;
Chris@0 15 }
Chris@0 16 .entity-meta__header {
Chris@0 17 padding: 1em 1.5em;
Chris@0 18 }
Chris@0 19 .entity-meta__title {
Chris@0 20 font-size: 1.231em;
Chris@0 21 font-weight: bold;
Chris@0 22 text-shadow: 0 1px 0 #fff;
Chris@0 23 margin: 0.25em 0;
Chris@0 24 }
Chris@0 25 .entity-meta__header .form-item {
Chris@0 26 margin: 0.25em 0;
Chris@0 27 }
Chris@0 28 .entity-meta__last-saved {
Chris@0 29 font-style: italic; /* As-designed, but really: why is this italic? */
Chris@0 30 }
Chris@0 31 .entity-meta details {
Chris@0 32 border-left: 0;
Chris@0 33 border-right: 0;
Chris@0 34 border-top: 1px solid #fff;
Chris@0 35 margin: 0;
Chris@0 36 }
Chris@0 37 .entity-meta details:first-child {
Chris@0 38 border-top-color: #bfbfbf;
Chris@0 39 }
Chris@0 40 .entity-meta details[open] {
Chris@0 41 background-color: transparent;
Chris@0 42 background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
Chris@0 43 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
Chris@0 44 border-top-width: 0;
Chris@0 45 padding-top: 1px;
Chris@0 46 }
Chris@0 47 .entity-meta details[open] + details[open] {
Chris@0 48 background-image: none;
Chris@0 49 border-top-width: 1px;
Chris@0 50 padding-top: 0;
Chris@0 51 }
Chris@0 52 .entity-meta details > .details-wrapper {
Chris@0 53 padding-top: 0;
Chris@0 54 }
Chris@0 55 .entity-meta details > summary {
Chris@0 56 padding: 0.85em 1.25em;
Chris@0 57 text-shadow: 0 1px 0 white;
Chris@0 58 }
Chris@0 59 .entity-meta details .summary {
Chris@0 60 display: none; /* Hide JS summaries. @todo Rethink summaries. */
Chris@0 61 }