Change color gallery
parent
23b840449a
commit
2907fcac94
|
|
@ -1,3 +1,11 @@
|
||||||
|
:root{
|
||||||
|
--maincolor: red;
|
||||||
|
--bordercl:rebeccapurple;
|
||||||
|
--callouctcolor:dodgerblue;
|
||||||
|
--hovercolor:navy;
|
||||||
|
--darkMaincolor: #50fa7b;
|
||||||
|
}
|
||||||
|
|
||||||
/* Image Gallery Styles */
|
/* Image Gallery Styles */
|
||||||
.image-gallery {
|
.image-gallery {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -40,7 +48,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
color: white;
|
color: var(--darkMaincolor);
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
|
@ -85,7 +93,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dot.active {
|
.dot.active {
|
||||||
background-color: #bbb;
|
background-color: var(--darkMaincolor);
|
||||||
}
|
}
|
||||||
|
|
||||||
.slide-caption {
|
.slide-caption {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue