Submit
Path:
~
/
home
/
getwphos
/
www
/
brueggemann
/
wp-content
/
plugins
/
js_composer
/
assets
/
lib
/
vc
/
vc_carousel
/
less
/
File Content:
vc_carousel.less
.vc_images_carousel { .vc_carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; li { box-sizing: border-box; display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border-radius: 10px; cursor: pointer; border: 1px solid #808080; background-color: #808080; } .vc_active { margin: 1px; width: 10px; height: 10px; background-color: transparent; border: 1px solid #808080; } .vc_partial { opacity: 0.5; } } } .vc_images_carousel { position: relative; .vc_carousel-inner { position: relative; overflow: hidden; width: 100%; .vc_carousel-slideline { position: relative; overflow: hidden; .vc_carousel-slideline-inner { &.vc_transition { -webkit-transition: 0.5s ease left; transition: 0.5s ease left; &.vc_swipe-transition { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } } left: 0; position: relative; width: 100%; > .vc_item { float: left; visibility: hidden; img, a > img { display: block; max-width: 100%; height: auto; line-height: 1; } } } } } &.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner { margin: 0 10px; } &.vc_carousel_vertical { .vc_carousel-slideline { overflow: hidden; .vc_carousel-slideline-inner { width: 100%; &.vc_transition { -webkit-transition-property: top; transition-property: top; } .vc_item { float: none; } } } .vc_carousel-indicators { position: absolute; top: 2%; right: 3%; left: auto; width: 10px; li { display: block; margin: 0 auto 3px; width: 6px; height: 6px; &.vc_active { width: 8px; height: 8px; margin: 0 auto 1px; } } } } &.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item { visibility: visible; } } .vc_images_carousel { .vc_carousel-control { position: absolute; padding: 0; top: 50%; left: 0; bottom: 0; margin-top: -15px; width: 60px; height: 30px; opacity: 0.5; filter: alpha(opacity=50); font-size: 30px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); &:hover, &:focus { text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } &.vc_right { left: auto; right: 0; } .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; } .icon-prev, .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .icon-prev:before { content: '\2039'; position: relative; top: -10px; } .icon-next:before { content: '\203a'; position: relative; top: -10px; } } .vc_carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); .btn { text-shadow: none; } } } @media screen and (min-width: 768px) { .vc_images_carousel { .vc_carousel-control .icon-prev, .vc_carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; display: block; padding: 0; } .vc_carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .vc_carousel-indicators { bottom: 20px; } } } .vc_images_carousel { .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /* Wordpress fix. */ ol.vc_carousel-indicators { margin: 0 0 0 -30%; } .vc_carousel_vertical { ol.vc_carousel-indicators { margin: 1px 0 0 0; bottom: auto; } } } .vc_images_carousel { .vc_carousel-inner { .vc_carousel-slideline .vc_carousel-slideline-inner > .item > a { display: block; > img { margin: auto; } } } } /// Post Carousel: .vc_carousel { .vc_carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border-radius: 10px; cursor: pointer; border: 1px solid #808080; background-color: #808080; } .vc_active { margin: 1px; width: 10px; height: 10px; background-color: transparent; border: 1px solid #808080; } .vc_partial { opacity: 0.5; } } } .vc_carousel { position: relative; .vc_carousel-inner { position: relative; overflow: hidden; width: 100%; .vc_carousel-slideline { position: relative; overflow: hidden; .vc_carousel-slideline-inner { &.vc_transition { -webkit-transition: 0.5s ease left; transition: 0.5s ease left; &.vc_swipe-transition { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } } left: 0; position: relative; width: 100%; > .vc_item { float: left; visibility: hidden; > img, > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } } } } } &.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner { margin: 0 10px; } &.vc_carousel_vertical { .vc_carousel-slideline { overflow: hidden; .vc_carousel-slideline-inner { width: 100%; &.vc_transition { -webkit-transition-property: top; transition-property: top; } .vc_item { float: none; } } } .vc_carousel-indicators { position: absolute; top: 2%; right: 3%; left: auto; width: 10px; li { display: block; margin: 0 auto 3px; width: 6px; height: 6px; &.vc_active { width: 8px; height: 8px; margin: 0 auto 1px; } } } } &.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item { visibility: visible; } } .vc_carousel { .vc_carousel-control { position: absolute; padding: 0; top: 50%; left: 0; bottom: 0; margin-top: -15px; width: 60px; height: 30px; opacity: 0.5; filter: alpha(opacity=50); font-size: 30px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); &:hover, &:focus { text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } &.vc_right { left: auto; right: 0; } .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; } .icon-prev, .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .icon-prev:before { content: '\2039'; position: relative; top: -10px; } .icon-next:before { content: '\203a'; position: relative; top: -10px; } } .vc_carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); .btn { text-shadow: none; } } } @media screen and (min-width: 768px) { .vc_carousel { .vc_carousel-control .icon-prev, .vc_carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; display: block; padding: 0; } .vc_carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .vc_carousel-indicators { bottom: 20px; } } } .vc_carousel { .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /* Wordpress fix. */ ol.vc_carousel-indicators { margin: 0 0 0 -30%; } .vc_carousel_vertical { ol.vc_carousel-indicators { margin: 1px 0 0 0; bottom: auto; } } } .vc_carousel { .vc_carousel-inner { .vc_carousel-slideline .vc_carousel-slideline-inner > .item > a { display: block; > img { margin: auto; } } } }
Submit
FILE
FOLDER
Name
Size
Permission
Action
vc_carousel.less
10439 bytes
0644
N4ST4R_ID | Naxtarrr