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
- .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;
- }