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

   1 /**
   2  * @file
   3  * Visual styles for Bartik's field components.
   4  */
   5
   6 .field--type-entity-reference {
   7   margin: 0 0 1.2em;
   8   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   9 }
  10 .field--type-entity-reference .field__label {
  11   font-weight: normal;
  12   margin: 0;
  13   padding-right: 5px; /* LTR */
  14 }
  15 [dir="rtl"] .field--type-entity-reference .field__label {
  16   padding-left: 5px;
  17   padding-right: 0;
  18 }
  19 .field--type-entity-reference .field__label,
  20 .field--type-entity-reference ul.links {
  21   font-size: 0.8em;
  22 }
  23 .node--view-mode-teaser .field--type-entity-reference .field__label,
  24 .node--view-mode-teaser .field--type-entity-reference ul.links {
  25   font-size: 0.821em;
  26 }
  27 .field--type-entity-reference ul.links {
  28   padding: 0;
  29   margin: 0;
  30   list-style: none;
  31 }
  32 /* This is required to win over specificity of [dir="rtl"] .region-content ul */
  33 [dir="rtl"] .field--type-entity-reference ul.links {
  34   padding: 0;
  35 }
  36 .field--type-entity-reference ul.links li {
  37   float: left; /* LTR */
  38   padding: 0 1em 0 0; /* LTR */
  39   white-space: nowrap;
  40 }
  41 [dir="rtl"] .field--type-entity-reference ul.links li {
  42   padding: 0 0 0 1em;
  43   float: right;
  44 }
  45
  46 @media all and (min-width: 560px) {
  47   .node .field--type-image {
  48     float: left; /* LTR */
  49     margin: 0 1em 0 0; /* LTR */
  50   }
  51   [dir="rtl"] .node .field--type-image {
  52     float: right;
  53     margin: 0 0 0 1em;
  54   }
  55   .node .field--type-image + .field--type-image {
  56     clear: both;
  57   }
  58 }
  59 .field--type-image img,
  60 .field--name-user-picture img {
  61   margin: 0 0 1em;
  62 }
  63 .field--type-image a {
  64   border-bottom: none;
  65 }
  66 .field--name-field-tags {
  67   margin: 0 0 1.2em;
  68   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  69 }
  70 .field--name-field-tags .field__label {
  71   font-weight: normal;
  72   margin: 0;
  73   padding-right: 5px; /* LTR */
  74 }
  75 [dir="rtl"] .field--name-field-tags .field__label {
  76   padding-left: 5px;
  77   padding-right: 0;
  78 }
  79 .field--name-field-tags .field__label,
  80 .field--name-field-tags ul.links {
  81   font-size: 0.8em;
  82 }
  83 .node--view-mode-teaser .field--name-field-tags .field__label,
  84 .node--view-mode-teaser .field--name-field-tags ul.links {
  85   font-size: 0.821em;
  86 }
  87 .field--name-field-tags ul.links {
  88   padding: 0;
  89   margin: 0;
  90 }
  91 .field--name-field-tags ul.links li {
  92   float: left; /* LTR */
  93   padding: 0 1em 0 0; /* LTR */
  94   white-space: nowrap;
  95 }
  96 [dir="rtl"] .field--name-field-tags ul.links li {
  97   padding: 0 0 0 1em;
  98   float: right;
  99 }