You are here

vbp-colors.theme.css in Varbase Bootstrap Paragraphs 8.6

.paragraph.paragraph--color {
  display: table;
}
.paragraph.paragraph--color > .paragraph__column {
  padding-top: 30px;
  padding-bottom: 30px;
}
.paragraph.paragraph--color + .paragraph > .paragraph__column {
  padding-top: 30px;
}
.vbp_color_01 {
  background-color: #338ec7;
  color: #ffffff;
}
.vbp_color_01 a {
  color: #ffffff;
}
.vbp_color_01 a:hover,
.vbp_color_01 a:focus,
.vbp_color_01 a:active,
.vbp_color_01 a.is-active {
  color: #ffffff;
}
.vbp_color_02 {
  background-color: #2c3e50;
  color: #ffffff;
}
.vbp_color_02 a {
  color: #ffffff;
}
.vbp_color_02 a:hover,
.vbp_color_02 a:focus,
.vbp_color_02 a:active,
.vbp_color_02 a.is-active {
  color: #ffffff;
}
.vbp_color_03 {
  background-color: #a4a4a4;
  color: #ffffff;
}
.vbp_color_03 a {
  color: #ffffff;
}
.vbp_color_03 a:hover,
.vbp_color_03 a:focus,
.vbp_color_03 a:active,
.vbp_color_03 a.is-active {
  color: #ffffff;
}
.vbp_color_04 {
  background-color: #d3d3d3;
  color: #000000;
}
.vbp_color_04 a {
  color: #000000;
}
.vbp_color_04 a:hover,
.vbp_color_04 a:focus,
.vbp_color_04 a:active,
.vbp_color_04 a.is-active {
  color: #000000;
}
.vbp_color_05 {
  background-color: #cc3c2d;
  color: #ffffff;
}
.vbp_color_05 a {
  color: #ffffff;
}
.vbp_color_05 a:hover,
.vbp_color_05 a:focus,
.vbp_color_05 a:active,
.vbp_color_05 a.is-active {
  color: #ffffff;
}

File

css/theme/vbp-colors.theme.css
View source
  1. .paragraph.paragraph--color {
  2. display: table;
  3. }
  4. .paragraph.paragraph--color > .paragraph__column {
  5. padding-top: 30px;
  6. padding-bottom: 30px;
  7. }
  8. .paragraph.paragraph--color + .paragraph > .paragraph__column {
  9. padding-top: 30px;
  10. }
  11. .vbp_color_01 {
  12. background-color: #338ec7;
  13. color: #ffffff;
  14. }
  15. .vbp_color_01 a {
  16. color: #ffffff;
  17. }
  18. .vbp_color_01 a:hover,
  19. .vbp_color_01 a:focus,
  20. .vbp_color_01 a:active,
  21. .vbp_color_01 a.is-active {
  22. color: #ffffff;
  23. }
  24. .vbp_color_02 {
  25. background-color: #2c3e50;
  26. color: #ffffff;
  27. }
  28. .vbp_color_02 a {
  29. color: #ffffff;
  30. }
  31. .vbp_color_02 a:hover,
  32. .vbp_color_02 a:focus,
  33. .vbp_color_02 a:active,
  34. .vbp_color_02 a.is-active {
  35. color: #ffffff;
  36. }
  37. .vbp_color_03 {
  38. background-color: #a4a4a4;
  39. color: #ffffff;
  40. }
  41. .vbp_color_03 a {
  42. color: #ffffff;
  43. }
  44. .vbp_color_03 a:hover,
  45. .vbp_color_03 a:focus,
  46. .vbp_color_03 a:active,
  47. .vbp_color_03 a.is-active {
  48. color: #ffffff;
  49. }
  50. .vbp_color_04 {
  51. background-color: #d3d3d3;
  52. color: #000000;
  53. }
  54. .vbp_color_04 a {
  55. color: #000000;
  56. }
  57. .vbp_color_04 a:hover,
  58. .vbp_color_04 a:focus,
  59. .vbp_color_04 a:active,
  60. .vbp_color_04 a.is-active {
  61. color: #000000;
  62. }
  63. .vbp_color_05 {
  64. background-color: #cc3c2d;
  65. color: #ffffff;
  66. }
  67. .vbp_color_05 a {
  68. color: #ffffff;
  69. }
  70. .vbp_color_05 a:hover,
  71. .vbp_color_05 a:focus,
  72. .vbp_color_05 a:active,
  73. .vbp_color_05 a.is-active {
  74. color: #ffffff;
  75. }