aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/node.css

   1 /**
   2  * @file
   3  * Visual styles for Bartik's node component.
   4  */
   5
   6 .node__content {
   7   font-size: 1.071em;
   8   margin-top: 10px;
   9 }
  10
  11 /* View mode teaser styles. */
  12 .node--view-mode-teaser {
  13   border-bottom: 1px solid #d3d7d9;
  14   margin-bottom: 30px;
  15   padding-bottom: 15px;
  16 }
  17 .node--view-mode-teaser h2 {
  18   margin-top: 0;
  19   padding-top: 0.5em;
  20 }
  21 .node--view-mode-teaser h2 a {
  22   color: #181818;
  23 }
  24 .node--view-mode-teaser.node--sticky {
  25   background: #f9f9f9;
  26   background: rgba(0, 0, 0, 0.024);
  27   border: 1px solid #d3d7d9;
  28   padding: 0 15px 15px;
  29 }
  30 .node--view-mode-teaser .node__content {
  31   clear: none;
  32   font-size: 1em;
  33   line-height: 1.6;
  34 }
  35
  36 /* Node metadata styles. */
  37 .node__meta {
  38   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  39   font-size: 0.857em;
  40   color: #68696b;
  41   margin-bottom: -5px;
  42 }
  43 .node__meta .field--name-user-picture img {
  44   float: left; /* LTR */
  45   margin: 1px 20px 0 0; /* LTR */
  46 }
  47 [dir="rtl"] .node__meta .field--name-user-picture img {
  48   float: right;
  49   margin-left: 20px;
  50   margin-right: 0;
  51 }
  52
  53 /* Node links styles. */
  54 .node__links {
  55   text-align: right; /* LTR */
  56   font-size: 0.93em;
  57 }
  58 [dir="rtl"] .node__links {
  59   text-align: left;
  60 }
  61
  62 /* Unpublished node styles. */
  63 .node--unpublished {
  64   padding: 20px 15px 0;
  65 }
  66 .node--unpublished .comment-text .comment-arrow {
  67   border-left: 1px solid #fff4f4;
  68   border-right: 1px solid #fff4f4;
  69 }