Chris@0: /**
Chris@0:  * Entity meta settings.
Chris@0:  */
Chris@0: .entity-meta {
Chris@18:   border-right: 1px solid #bfbfbf;
Chris@18:   border-left: 1px solid #bfbfbf;
Chris@18:   border-radius: 3px;
Chris@17:   background-color: #edede8;
Chris@0:   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
Chris@0: }
Chris@0: .entity-meta__header,
Chris@17: .entity-meta .seven-details {
Chris@0:   border-top: 1px solid #bfbfbf;
Chris@0:   border-bottom: 1px solid #bfbfbf;
Chris@18:   background-color: #fcfcfa;
Chris@0: }
Chris@0: .entity-meta__header {
Chris@0:   padding: 1em 1.5em;
Chris@17:   border-radius: 3px 3px 0 0;
Chris@0: }
Chris@0: .entity-meta__title {
Chris@18:   margin: 0.25em 0;
Chris@18:   text-shadow: 0 1px 0 #fff;
Chris@0:   font-size: 1.231em;
Chris@0:   font-weight: bold;
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@17: .entity-meta .seven-details {
Chris@18:   margin: 0;
Chris@18:   border-top: 1px solid #fff;
Chris@18:   border-right: 0;
Chris@0:   border-left: 0;
Chris@17:   border-radius: 0;
Chris@0: }
Chris@17: .entity-meta .seven-details:last-child {
Chris@17:   border-radius: 0 0 3px 3px;
Chris@0: }
Chris@17: .entity-meta .seven-details[open] {
Chris@18:   padding-top: 1px;
Chris@18:   border-top-width: 0;
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: }
Chris@17: .entity-meta .seven-details[open] + .seven-details[open] {
Chris@18:   padding-top: 0;
Chris@18:   border-top-width: 1px;
Chris@0:   background-image: none;
Chris@0: }
Chris@17: .entity-meta .seven-details > .seven-details__wrapper {
Chris@0:   padding-top: 0;
Chris@0: }
Chris@17: .entity-meta .seven-details > summary {
Chris@0:   padding: 0.85em 1.25em;
Chris@0:   text-shadow: 0 1px 0 white;
Chris@0: }
Chris@17: 
Chris@17: /**
Chris@17:  * Hide JS summary from the details polyfill to make it consistent with native
Chris@17:  * details elements.
Chris@17:  *
Chris@17:  * @todo Consider removing this after https://www.drupal.org/node/2493957 has
Chris@17:  *   been solved.
Chris@17:  */
Chris@17: .entity-meta .seven-details .summary {
Chris@17:   display: none;
Chris@0: }