featured-bottom.css 1.2 KB

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