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: #edede8;
   6   border-left: 1px solid #bfbfbf;
   7   border-right: 1px solid #bfbfbf;
   8   border-radius: 3px;
   9   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  10 }
  11 .entity-meta__header,
  12 .entity-meta .seven-details {
  13   background-color: #fcfcfa;
  14   border-top: 1px solid #bfbfbf;
  15   border-bottom: 1px solid #bfbfbf;
  16 }
  17 .entity-meta__header {
  18   padding: 1em 1.5em;
  19   border-radius: 3px 3px 0 0;
  20 }
  21 .entity-meta__title {
  22   font-size: 1.231em;
  23   font-weight: bold;
  24   text-shadow: 0 1px 0 #fff;
  25   margin: 0.25em 0;
  26 }
  27 .entity-meta__header .form-item {
  28   margin: 0.25em 0;
  29 }
  30 .entity-meta__last-saved {
  31   font-style: italic; /* As-designed, but really: why is this italic? */
  32 }
  33 .entity-meta .seven-details {
  34   border-left: 0;
  35   border-right: 0;
  36   border-top: 1px solid #fff;
  37   margin: 0;
  38   border-radius: 0;
  39 }
  40 .entity-meta .seven-details:last-child {
  41   border-radius: 0 0 3px 3px;
  42 }
  43 .entity-meta .seven-details[open] {
  44   background-color: transparent;
  45   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
  46   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
  47   border-top-width: 0;
  48   padding-top: 1px;
  49 }
  50 .entity-meta .seven-details[open] + .seven-details[open] {
  51   background-image: none;
  52   border-top-width: 1px;
  53   padding-top: 0;
  54 }
  55 .entity-meta .seven-details > .seven-details__wrapper {
  56   padding-top: 0;
  57 }
  58 .entity-meta .seven-details > summary {
  59   padding: 0.85em 1.25em;
  60   text-shadow: 0 1px 0 white;
  61 }
  62
  63 /**
  64  * Hide JS summary from the details polyfill to make it consistent with native
  65  * details elements.
  66  *
  67  * @todo Consider removing this after https://www.drupal.org/node/2493957 has
  68  *   been solved.
  69  */
  70 .entity-meta .seven-details .summary {
  71   display: none;
  72 }