Mercurial > hg > cmmr2012-drupal-site

comparison core/themes/bartik/css/components/node.css @ 5:12f9dff5fda9 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Update to Drupal core 8.7.1
author Chris Cannam
date Thu, 09 May 2019 15:34:47 +0100
parents c75dbcec494b
children
comparison
equal deleted inserted replaced
4:a9cd425dd02b 5:12f9dff5fda9
2 * @file 2 * @file
3 * Visual styles for Bartik's node component. 3 * Visual styles for Bartik's node component.
4 */ 4 */
5 5
6 .node__content { 6 .node__content {
7 margin-top: 10px;
7 font-size: 1.071em; 8 font-size: 1.071em;
8 margin-top: 10px;
9 } 9 }
10 10
11 /* View mode teaser styles. */ 11 /* View mode teaser styles. */
12 .node--view-mode-teaser { 12 .node--view-mode-teaser {
13 border-bottom: 1px solid #d3d7d9;
14 margin-bottom: 30px; 13 margin-bottom: 30px;
15 padding-bottom: 15px; 14 padding-bottom: 15px;
15 border-bottom: 1px solid #d3d7d9;
16 } 16 }
17 .node--view-mode-teaser h2 { 17 .node--view-mode-teaser h2 {
18 margin-top: 0; 18 margin-top: 0;
19 padding-top: 0.5em; 19 padding-top: 0.5em;
20 } 20 }
21 .node--view-mode-teaser h2 a { 21 .node--view-mode-teaser h2 a {
22 color: #181818; 22 color: #181818;
23 } 23 }
24 .node--view-mode-teaser.node--sticky { 24 .node--view-mode-teaser.node--sticky {
25 padding: 0 15px 15px;
26 border: 1px solid #d3d7d9;
25 background: #f9f9f9; 27 background: #f9f9f9;
26 background: rgba(0, 0, 0, 0.024); 28 background: rgba(0, 0, 0, 0.024);
27 border: 1px solid #d3d7d9;
28 padding: 0 15px 15px;
29 } 29 }
30 .node--view-mode-teaser .node__content { 30 .node--view-mode-teaser .node__content {
31 clear: none; 31 clear: none;
32 font-size: 1em; 32 font-size: 1em;
33 line-height: 1.6; 33 line-height: 1.6;
34 } 34 }
35 35
36 /* Node metadata styles. */ 36 /* Node metadata styles. */
37 .node__meta { 37 .node__meta {
38 margin-bottom: -5px;
39 color: #68696b;
38 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 40 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
39 font-size: 0.857em; 41 font-size: 0.857em;
40 color: #68696b;
41 margin-bottom: -5px;
42 } 42 }
43 .node__meta .field--name-user-picture img { 43 .node__meta .field--name-user-picture img {
44 float: left; /* LTR */ 44 float: left; /* LTR */
45 margin: 1px 20px 0 0; /* LTR */ 45 margin: 1px 20px 0 0; /* LTR */
46 } 46 }
47 [dir="rtl"] .node__meta .field--name-user-picture img { 47 [dir="rtl"] .node__meta .field--name-user-picture img {
48 float: right; 48 float: right;
49 margin-right: 0;
49 margin-left: 20px; 50 margin-left: 20px;
50 margin-right: 0;
51 } 51 }
52 52
53 /* Node links styles. */ 53 /* Node links styles. */
54 .node__links { 54 .node__links {
55 text-align: right; /* LTR */ 55 text-align: right; /* LTR */
62 /* Unpublished node styles. */ 62 /* Unpublished node styles. */
63 .node--unpublished { 63 .node--unpublished {
64 padding: 20px 15px 0; 64 padding: 20px 15px 0;
65 } 65 }
66 .node--unpublished .comment-text .comment-arrow { 66 .node--unpublished .comment-text .comment-arrow {
67 border-right: 1px solid #fff4f4;
67 border-left: 1px solid #fff4f4; 68 border-left: 1px solid #fff4f4;
68 border-right: 1px solid #fff4f4;
69 } 69 }