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