entity-meta.css

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

/**
 * Hide JS summary from the details polyfill to make it consistent with native
 * details elements.
 *
 * @todo Consider removing this after https://www.drupal.org/node/2493957 has
 *   been solved.
 */
.entity-meta .seven-details .summary {
  display: none;
}

File

View on git.drupalcode.org

core/themes/seven/css/components/entity-meta.css

View source 
  1. /**

  2.  * Entity meta settings.

  3.  */

  4. .entity-meta {

  5.   border-right: 1px solid #bfbfbf;

  6.   border-left: 1px solid #bfbfbf;

  7.   border-radius: 3px;

  8.   background-color: #edede8;

  9.   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);

  10. }

  11. .entity-meta__header,

  12. .entity-meta .seven-details {

  13.   border-top: 1px solid #bfbfbf;

  14.   border-bottom: 1px solid #bfbfbf;

  15.   background-color: #fcfcfa;

  16. }

  17. .entity-meta__header {

  18.   padding: 1em 1.5em;

  19.   border-radius: 3px 3px 0 0;

  20. }

  21. .entity-meta__title {

  22.   margin: 0.25em 0;

  23.   text-shadow: 0 1px 0 #fff;

  24.   font-size: 1.231em;

  25.   font-weight: bold;

  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.   margin: 0;

  35.   border-top: 1px solid #fff;

  36.   border-right: 0;

  37.   border-left: 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.   padding-top: 1px;

  45.   border-top-width: 0;

  46.   background-color: transparent;

  47.   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);

  48.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);

  49. }

  50. .entity-meta .seven-details[open] + .seven-details[open] {

  51.   padding-top: 0;

  52.   border-top-width: 1px;

  53.   background-image: none;

  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. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.