Mercurial > hg > isophonics-drupal-site
annotate themes/isobartik/css/components/node.css @ 19:fa3358dc1485 tip
Add ndrum files
| author | Chris Cannam |
|---|---|
| date | Wed, 28 Aug 2019 13:14:47 +0100 |
| parents | e11175134f4e |
| children |
| rev | line source |
|---|---|
| Chris@3 | 1 /** |
| Chris@3 | 2 * @file |
| Chris@3 | 3 * Visual styles for Bartik's node component. |
| Chris@3 | 4 */ |
| Chris@3 | 5 |
| Chris@3 | 6 .node__content { |
| Chris@3 | 7 font-size: 1.071em; |
| Chris@3 | 8 margin-top: 10px; |
| Chris@3 | 9 } |
| Chris@3 | 10 |
| Chris@3 | 11 /* View mode teaser styles. */ |
| Chris@3 | 12 .node--view-mode-teaser { |
| Chris@3 | 13 border-bottom: 1px solid #d3d7d9; |
| Chris@3 | 14 margin-bottom: 30px; |
| Chris@3 | 15 padding-bottom: 15px; |
| Chris@3 | 16 } |
| Chris@3 | 17 .node--view-mode-teaser h2 { |
| Chris@3 | 18 margin-top: 0; |
| Chris@3 | 19 padding-top: 0.5em; |
| Chris@3 | 20 } |
| Chris@3 | 21 .node--view-mode-teaser h2 a { |
| Chris@3 | 22 color: #181818; |
| Chris@3 | 23 } |
| Chris@3 | 24 .node--view-mode-teaser.node--sticky { |
| Chris@3 | 25 background: #f9f9f9; |
| Chris@3 | 26 background: rgba(0, 0, 0, 0.024); |
| Chris@3 | 27 border: 1px solid #d3d7d9; |
| Chris@3 | 28 padding: 0 15px 15px; |
| Chris@3 | 29 } |
| Chris@3 | 30 .node--view-mode-teaser .node__content { |
| Chris@3 | 31 clear: none; |
| Chris@3 | 32 font-size: 1em; |
| Chris@3 | 33 line-height: 1.6; |
| Chris@3 | 34 } |
| Chris@3 | 35 |
| Chris@3 | 36 /* Node metadata styles. */ |
| Chris@3 | 37 .node__meta { |
| Chris@3 | 38 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
| Chris@3 | 39 font-size: 0.857em; |
| Chris@3 | 40 color: #68696b; |
| Chris@3 | 41 margin-bottom: -5px; |
| Chris@3 | 42 } |
| Chris@3 | 43 .node__meta .field--name-user-picture img { |
| Chris@3 | 44 float: left; /* LTR */ |
| Chris@3 | 45 margin: 1px 20px 0 0; /* LTR */ |
| Chris@3 | 46 } |
| Chris@3 | 47 [dir="rtl"] .node__meta .field--name-user-picture img { |
| Chris@3 | 48 float: right; |
| Chris@3 | 49 margin-left: 20px; |
| Chris@3 | 50 margin-right: 0; |
| Chris@3 | 51 } |
| Chris@3 | 52 |
| Chris@3 | 53 /* Node links styles. */ |
| Chris@3 | 54 .node__links { |
| Chris@3 | 55 text-align: right; /* LTR */ |
| Chris@3 | 56 font-size: 0.93em; |
| Chris@3 | 57 } |
| Chris@3 | 58 [dir="rtl"] .node__links { |
| Chris@3 | 59 text-align: left; |
| Chris@3 | 60 } |
| Chris@3 | 61 |
| Chris@3 | 62 /* Unpublished node styles. */ |
| Chris@3 | 63 .node--unpublished { |
| Chris@3 | 64 padding: 20px 15px 0; |
| Chris@3 | 65 } |
| Chris@3 | 66 .node--unpublished .comment-text .comment-arrow { |
| Chris@3 | 67 border-left: 1px solid #fff4f4; |
| Chris@3 | 68 border-right: 1px solid #fff4f4; |
| Chris@3 | 69 } |