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