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