Chris@0: /**
Chris@0:  * Entity meta settings.
Chris@0:  */
Chris@0: .entity-meta {
Chris@0:   background-color: #ececec;
Chris@0:   border-left: 1px solid #bfbfbf;
Chris@0:   border-right: 1px solid #bfbfbf;
Chris@0:   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
Chris@0: }
Chris@0: .entity-meta__header,
Chris@0: .entity-meta details {
Chris@0:   background-color: #f7f7f7;
Chris@0:   border-top: 1px solid #bfbfbf;
Chris@0:   border-bottom: 1px solid #bfbfbf;
Chris@0: }
Chris@0: .entity-meta__header {
Chris@0:   padding: 1em 1.5em;
Chris@0: }
Chris@0: .entity-meta__title {
Chris@0:   font-size: 1.231em;
Chris@0:   font-weight: bold;
Chris@0:   text-shadow: 0 1px 0 #fff;
Chris@0:   margin: 0.25em 0;
Chris@0: }
Chris@0: .entity-meta__header .form-item {
Chris@0:   margin: 0.25em 0;
Chris@0: }
Chris@0: .entity-meta__last-saved {
Chris@0:   font-style: italic; /* As-designed, but really: why is this italic? */
Chris@0: }
Chris@0: .entity-meta details {
Chris@0:   border-left: 0;
Chris@0:   border-right: 0;
Chris@0:   border-top: 1px solid #fff;
Chris@0:   margin: 0;
Chris@0: }
Chris@0: .entity-meta details:first-child {
Chris@0:   border-top-color: #bfbfbf;
Chris@0: }
Chris@0: .entity-meta details[open] {
Chris@0:   background-color: transparent;
Chris@0:   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
Chris@0:   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
Chris@0:   border-top-width: 0;
Chris@0:   padding-top: 1px;
Chris@0: }
Chris@0: .entity-meta details[open] + details[open] {
Chris@0:   background-image: none;
Chris@0:   border-top-width: 1px;
Chris@0:   padding-top: 0;
Chris@0: }
Chris@0: .entity-meta details > .details-wrapper {
Chris@0:   padding-top: 0;
Chris@0: }
Chris@0: .entity-meta details > summary {
Chris@0:   padding: 0.85em 1.25em;
Chris@0:   text-shadow: 0 1px 0 white;
Chris@0: }
Chris@0: .entity-meta details .summary {
Chris@0:   display: none; /* Hide JS summaries. @todo Rethink summaries. */
Chris@0: }