Skip to content

Instantly share code, notes, and snippets.

@luukverhoeven
Created January 24, 2019 09:49
Show Gist options
  • Save luukverhoeven/144c46b298dd2770e7de84a7ef6c605e to your computer and use it in GitHub Desktop.
Save luukverhoeven/144c46b298dd2770e7de84a7ef6c605e to your computer and use it in GitHub Desktop.
#aveticamenu-carousel .sectionimage{
display:none;
}
#aveticamenu-carousel .carousel-content .list-item{
opacity:1 !important;
}
#aveticamenu-carousel .marker-2 div div{
background-color:#575757;
height:10px;
}
#aveticamenu-carousel .active .marker-2 div div{
background-color:#e30613;
}
#aveticamenu-carousel .marker-2{
position: absolute;
z-index:9;
display:block !important;
width: 167px;
height: 10px;
top: 188px;
left: 96px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
background-color:#b1b1b1;
}
#aveticamenu-carousel .active .marker-2{
background-color:#e9ecef;
width: 164px;
height: 10px;
top: 187px;
left: 96px;
}
#aveticamenu-carousel .active .marker-1 {
background-color: #fff !important;
border:2px solid #e30613;
}
#aveticamenu-carousel .active .list-text , #aveticamenu-carousel .active .progress-text{
color:#e30613 !important;
}
#aveticamenu-carousel .row a{
width: 245px;
height: 273px;
flex: 0 0 245px!important;
max-width: 245px!important;
}
#aveticamenu-carousel .carousel-content .list-item .list-text{
text-shadow: none;
color: #fff;
font-size: .9375rem;
font-weight: 400;
line-height: 1.5;
}
#aveticamenu-carousel .carousel-content .list-item{
position: unset;
padding-top:0;
height:100%;
}
#aveticamenu-carousel .marker-1{
width: 168px;
height: 168px;
background-color: #868686;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 53px auto 0 auto;
border: 2px solid transparent
}
#aveticamenu-carousel .progress-indicator{
display:none;
}
#aveticamenu-carousel .carousel-content .list-item .progress-chart-container{
position: absolute;
text-align: center;
width: 100%;
top: 50%;
}
.progress-chart-container .progress-doughnut{
width:100%;
}
#aveticamenu-carousel .progress-text{
color:#fff !important;
}
#aveticamenu-carousel .progress-chart-container .progress-doughnut{
border-radius:none !important;
border:none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment