aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/featured-bottom.css

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