www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/seven/css/components/entity-meta.css

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