featured-bottom.css
Same filename and directory in other branches
Visual styles for Bartik's featured bottom component.
File
-
core/
themes/ bartik/ css/ components/ featured-bottom.css
View source
- /**
- * @file
- * Visual styles for Bartik's featured bottom component.
- */
-
- .featured-bottom {
- border-top: 1px solid #e7e7e7;
- background: rgba(30, 50, 10, 0.08);
- }
- .featured-bottom .region {
- padding: 0 20px;
- }
-
- @media all and (min-width: 560px) {
- .featured-bottom .region {
- position: relative;
- float: left; /* LTR */
- box-sizing: border-box;
- width: 33%;
- padding: 20px 15px 30px;
- }
- [dir="rtl"] .featured-bottom .region {
- float: right;
- }
- }
-
- @media all and (min-width: 851px) {
- .featured-bottom .region {
- padding: 0 20px;
- }
- }
- .featured-bottom h2 {
- margin-bottom: 0.6em;
- text-align: center;
- color: #000;
- text-shadow: 0 1px 0 #fff;
- font-size: 1.4em;
- line-height: 1em;
- }
- .featured-bottom .block {
- margin-bottom: 1em;
- padding-bottom: 1em;
- border-bottom: 1px solid #dfdfdf;
- line-height: 1.3em;
- }
- .featured-bottom .block:last-child {
- border-bottom: none;
- }
- .featured-bottom ul,
- .featured-bottom ol {
- padding-left: 0;
- }
- .featured-bottom ul li,
- .featured-bottom ol li {
- list-style: none;
- }
- .featured-bottom input:not(.form-submit) {
- width: 185px;
- }
- .region-featured-bottom-third .feed-icon {
- float: right;
- }
- .region-featured-bottom-second .block-system-powered-by-block {
- text-align: center;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.