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