Mercurial > hg > isophonics-drupal-site
annotate core/themes/bartik/css/components/featured-bottom.css @ 19:fa3358dc1485 tip
Add ndrum files
| author | Chris Cannam |
|---|---|
| date | Wed, 28 Aug 2019 13:14:47 +0100 |
| parents | af1871eacc83 |
| children |
| rev | line source |
|---|---|
| Chris@0 | 1 /** |
| Chris@0 | 2 * @file |
| Chris@0 | 3 * Visual styles for Bartik's featured bottom component. |
| Chris@0 | 4 */ |
| Chris@0 | 5 |
| Chris@0 | 6 .featured-bottom { |
| Chris@18 | 7 border-top: 1px solid #e7e7e7; |
| Chris@0 | 8 background: rgba(30, 50, 10, 0.08); |
| Chris@0 | 9 } |
| Chris@0 | 10 .featured-bottom .region { |
| Chris@0 | 11 padding: 0 20px; |
| Chris@0 | 12 } |
| Chris@14 | 13 |
| Chris@0 | 14 @media all and (min-width: 560px) { |
| Chris@0 | 15 .featured-bottom .region { |
| Chris@18 | 16 position: relative; |
| Chris@0 | 17 float: left; /* LTR */ |
| Chris@0 | 18 box-sizing: border-box; |
| Chris@18 | 19 width: 33%; |
| Chris@0 | 20 padding: 20px 15px 30px; |
| Chris@0 | 21 } |
| Chris@0 | 22 [dir="rtl"] .featured-bottom .region { |
| Chris@0 | 23 float: right; |
| Chris@0 | 24 } |
| Chris@0 | 25 } |
| Chris@14 | 26 |
| Chris@0 | 27 @media all and (min-width: 851px) { |
| Chris@0 | 28 .featured-bottom .region { |
| Chris@0 | 29 padding: 0 20px; |
| Chris@0 | 30 } |
| Chris@0 | 31 } |
| Chris@0 | 32 .featured-bottom h2 { |
| Chris@18 | 33 margin-bottom: 0.6em; |
| Chris@18 | 34 text-align: center; |
| Chris@0 | 35 color: #000; |
| Chris@18 | 36 text-shadow: 0 1px 0 #fff; |
| Chris@0 | 37 font-size: 1.4em; |
| Chris@0 | 38 line-height: 1em; |
| Chris@0 | 39 } |
| Chris@0 | 40 .featured-bottom .block { |
| Chris@0 | 41 margin-bottom: 1em; |
| Chris@0 | 42 padding-bottom: 1em; |
| Chris@0 | 43 border-bottom: 1px solid #dfdfdf; |
| Chris@0 | 44 line-height: 1.3em; |
| Chris@0 | 45 } |
| Chris@0 | 46 .featured-bottom .block:last-child { |
| Chris@0 | 47 border-bottom: none; |
| Chris@0 | 48 } |
| Chris@0 | 49 .featured-bottom ul, |
| Chris@0 | 50 .featured-bottom ol { |
| Chris@0 | 51 padding-left: 0; |
| Chris@0 | 52 } |
| Chris@0 | 53 .featured-bottom ul li, |
| Chris@0 | 54 .featured-bottom ol li { |
| Chris@0 | 55 list-style: none; |
| Chris@0 | 56 } |
| Chris@0 | 57 .featured-bottom input:not(.form-submit) { |
| Chris@0 | 58 width: 185px; |
| Chris@0 | 59 } |
| Chris@0 | 60 .region-featured-bottom-third .feed-icon { |
| Chris@0 | 61 float: right; |
| Chris@0 | 62 } |
| Chris@0 | 63 .region-featured-bottom-second .block-system-powered-by-block { |
| Chris@0 | 64 text-align: center; |
| Chris@0 | 65 } |