/home/vianto5/.trash/cititower.mx/wp-content/plugins/ml-slider/themes/draxler/v1.0.0
Edit: /home/vianto5/.trash/cititower.mx/wp-content/plugins/ml-slider/themes/draxler/v1.0.0/style.scss (2729B)
.metaslider.ms-theme-draxler {
.flexslider {
.slides > li > a {
z-index: 2;
position: relative;
img {
z-index: 2;
position: relative;
}
}
&.filmstrip {
.flex-direction-nav li a {
width: 30px;
height: 30px;
background-size: 12px auto;
&.flex-prev {
right: unset;
left: 30px;
border-radius: 4px;
}
&.flex-next {
right: 30px;
border-radius: 4px;
}
}
}
.caption-wrap {
bottom: unset;
top: 0;
opacity: 1;
.caption {
background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.7));
padding: 30px 140px 100px 30px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
z-index: 2;
position: relative;
p {
margin: 0 0 15px;
}
a {
color: #fff;
text-decoration: underline;
&:hover,
&:focus {
background: none;
opacity: 0.8;
}
}
}
}
.flex-direction-nav li{
a {
background-color: #dd6923;
background-position: center;
width: 45px;
height: 45px;
background-size: 18px auto;
background-repeat: no-repeat;
top: 54px;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;
&:focus {
outline: none;
}
&.flex-prev {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z' fill='%23fff'/%3E%3C/svg%3E");
left: unset;
right: 77px;
border-radius: 4px 0 0 4px;
}
&.flex-next {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z' fill='%23fff'/%3E%3C/svg%3E");
right: 30px;
border-radius: 0 4px 4px 0;
}
}
}
.flex-control-nav {
bottom: 30px;
left: 30px;
width: auto;
li {
&:first-of-type a {
border-radius: 3px 0 0 3px;
}
&:last-of-type a {
border-radius: 0 3px 3px 0;
}
a {
box-shadow: 1px 1px 1px rgba(0,0,0,0.3) !important;
background: #fff;
margin: 0 1px;
width: 24px;
border-radius: 0;
height: 10px;
&:hover,
&:focus {
opacity: 1;
}
&.flex-active {
background: #fff;
opacity: 0.4;
}
}
}
}
}
&.has-onhover-arrows {
&:hover {
.flex-direction-nav {
li {
opacity: 1;
}
a {
opacity: 1;
}
}
}
}
}