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 @media all and (min-width: 560px) {
  46   .node .field--type-image {
  47     float: left; /* LTR */
  48     margin: 0 1em 0 0; /* LTR */
  49   }
  50   [dir="rtl"] .node .field--type-image {
  51     float: right;
  52     margin: 0 0 0 1em;
  53   }
  54   .node .field--type-image + .field--type-image {
  55     clear: both;
  56   }
  57 }
  58 .field--type-image img,
  59 .field--name-user-picture img {
  60   margin: 0 0 1em;
  61 }
  62 .field--type-image a {
  63   border-bottom: none;
  64 }
  65 .field--name-field-tags {
  66   margin: 0 0 1.2em;
  67   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  68 }
  69 .field--name-field-tags .field__label {
  70   font-weight: normal;
  71   margin: 0;
  72   padding-right: 5px; /* LTR */
  73 }
  74 [dir="rtl"] .field--name-field-tags .field__label {
  75   padding-left: 5px;
  76   padding-right: 0;
  77 }
  78 .field--name-field-tags .field__label,
  79 .field--name-field-tags ul.links {
  80   font-size: 0.8em;
  81 }
  82 .node--view-mode-teaser .field--name-field-tags .field__label,
  83 .node--view-mode-teaser .field--name-field-tags ul.links {
  84   font-size: 0.821em;
  85 }
  86 .field--name-field-tags ul.links {
  87   padding: 0;
  88   margin: 0;
  89 }
  90 .field--name-field-tags ul.links li {
  91   float: left; /* LTR */
  92   padding: 0 1em 0 0; /* LTR */
  93   white-space: nowrap;
  94 }
  95 [dir="rtl"] .field--name-field-tags ul.links li {
  96   padding: 0 0 0 1em;
  97   float: right;
  98 }