| Current File : /home/c/i/d/cideo/www/wp-includesVIp/js/crop/images/vc_basic_grid.tar |
vc_grid_loading.less 0000666 00000002066 15126352440 0010560 0 ustar 00 .vc_grid-loading {
&:before,
&:after,
& {
border-radius: 50%;
width: 12px;
height: 12px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: load7 1.8s infinite ease-in-out;
animation: load7 1.8s infinite ease-in-out;
}
& {
margin: 2em auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
-webkit-animation-delay: 0.16s;
animation-delay: 0.16s;
height: 20px;
}
&:before {
left: -20px;
}
&:after {
left: 20px;
-webkit-animation-delay: 0.32s;
animation-delay: 0.32s;
}
&:before,
&:after {
content: '';
position: absolute;
top: 0;
}
@-webkit-keyframes load7 {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em rgba(235, 235, 235, 0.75);
}
40% {
box-shadow: 0 2.5em 0 0 rgba(235, 235, 235, 0.75);
}
}
@keyframes load7 {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em rgba(235, 235, 235, 0.75);
}
40% {
box-shadow: 0 2.5em 0 0 rgba(235, 235, 235, 0.75);
}
}
} vc_grid_filter.less 0000666 00000006510 15126352440 0010426 0 ustar 00 .vc_grid_filter_color_variants(@selector, @background_color, @text_color) {
&.vc_grid-filter-color-@{selector} {
> .vc_grid-filter-item {
&:hover, &.vc_active {
background-color: @background_color;
> span {
color: @text_color;
}
}
}
}
}
// Filter
.vc_grid-filter {
margin-left: 0;
margin-bottom: 20px;
list-style: none;
padding: 0;
&.vc_grid-filter-center {
text-align: center;
}
&.vc_grid-filter-right {
text-align: right;
}
&.vc_grid-filter-left {
text-align: left;
}
.vc_grid_filter_color_variants(~'blue', @blue, @white);
.vc_grid_filter_color_variants(~'turquoise', @turquoise, @white);
.vc_grid_filter_color_variants(~'pink', @pink, @white);
.vc_grid_filter_color_variants(~'violet', @violet, @white);
.vc_grid_filter_color_variants(~'peacoc', @peacoc, @white);
.vc_grid_filter_color_variants(~'chino', @chino, @white);
.vc_grid_filter_color_variants(~'mulled_wine', @mulled_wine, @white);
.vc_grid_filter_color_variants(~'vista_blue', @vista_blue, @white);
.vc_grid_filter_color_variants(~'black', @black, @white);
.vc_grid_filter_color_variants(~'grey', @grey, #666666);
.vc_grid_filter_color_variants(~'orange', @orange, @white);
.vc_grid_filter_color_variants(~'sky', @sky, @white);
.vc_grid_filter_color_variants(~'green', @green, @white);
.vc_grid_filter_color_variants(~'juicy_pink', @juicy_pink, @white);
.vc_grid_filter_color_variants(~'sandy_brown', @sandy_brown, @white);
.vc_grid_filter_color_variants(~'purple', @purple, @white);
.vc_grid_filter_color_variants(~'white', @white, #666666);
// global filter styles
> .vc_grid-filter-item {
&:first-child {
margin-left: 0 !important;
}
cursor: pointer;
display: inline-block;
background: transparent;
padding: 4px 10px;
.transition(background-color 0.1s linear);
> span {
.transition(color 0.1s linear);
outline: none;
padding: 0;
text-decoration: none;
}
&:hover, &.vc_active {
> span {
text-decoration: none;
}
}
}
@import "filter_styles/filter_default.less";
@import "filter_styles/filter_default_less_rounded.less";
@import "filter_styles/filter_bordered.less";
@import "filter_styles/filter_filled.less";
&.vc_grid-filter-size-xs {
.vc_grid-filter-item {
font-size: 12px;
padding: 1px 5px;
}
}
&.vc_grid-filter-size-sm {
.vc_grid-filter-item {
font-size: 13px;
padding: 2px 7px;
}
}
&.vc_grid-filter-size-md {
.vc_grid-filter-item {
font-size: 100%;
padding: 2px 10px;
}
}
&.vc_grid-filter-size-lg {
.vc_grid-filter-item {
font-size: 18px;
padding: 4px 10px;
}
}
}
// Never be shown if not vc_responsive
.vc_grid-filter-select {
display: none;
}
.vc_grid-filter-select, .vc_grid-filter-dropdown {
font-size: 12px;
margin-bottom: 20px;
&.vc_grid-filter-center {
text-align: center;
}
&.vc_grid-filter-right {
text-align: right;
}
&.vc_grid-filter-left {
text-align: left;
}
@import "filter_styles/filter_dropdown.less";
}
// If responsive enabled we will show select on xs displays
@media (max-width: @screen-sm-min) {
.vc_responsive {
.vc_grid-filter-select {
display: block;
}
.vc_grid-filter {
display: none !important;
}
}
} filter_styles/filter_dropdown.less 0000666 00000004065 15126352440 0013540 0 ustar 00 .vc_grid_filter_dropdown_color_variants(@selector, @text_color) {
&.vc_grid-filter-color-@{selector} {
.vc_arrow-icon-navicon {
color: @text_color;
}
}
}
.vc_grid-styled-select {
.vc_arrow-icon-navicon {
display: none;
}
select {
outline: none;
display: inline-block;
}
}
@media (min-width: @screen-sm-min) {
.vc_grid_filter_dropdown_color_variants(~'blue', @blue);
.vc_grid_filter_dropdown_color_variants(~'turquoise', @turquoise);
.vc_grid_filter_dropdown_color_variants(~'pink', @pink);
.vc_grid_filter_dropdown_color_variants(~'violet', @violet);
.vc_grid_filter_dropdown_color_variants(~'peacoc', @peacoc);
.vc_grid_filter_dropdown_color_variants(~'chino', @chino);
.vc_grid_filter_dropdown_color_variants(~'mulled_wine', @mulled_wine);
.vc_grid_filter_dropdown_color_variants(~'vista_blue', @vista_blue);
.vc_grid_filter_dropdown_color_variants(~'black', @black);
.vc_grid_filter_dropdown_color_variants(~'grey', @grey);
.vc_grid_filter_dropdown_color_variants(~'orange', @orange);
.vc_grid_filter_dropdown_color_variants(~'sky', @sky);
.vc_grid_filter_dropdown_color_variants(~'green', @green);
.vc_grid_filter_dropdown_color_variants(~'juicy_pink', @juicy_pink);
.vc_grid_filter_dropdown_color_variants(~'sandy_brown', @sandy_brown);
.vc_grid_filter_dropdown_color_variants(~'purple', @purple);
.vc_grid_filter_dropdown_color_variants(~'white', @white);
.vc_grid-styled-select {
border: 1px solid #ccc;
display: inline-block;
height: 30px;
overflow: hidden;
padding-right: 5px;
text-align: left;
width: auto;
vertical-align: middle;
.vc_arrow-icon-navicon {
font-size: 17px;
display: inline;
vertical-align: middle;
}
select {
background: none repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 0;
height: 30px;
line-height: 1;
margin-right: -50px;
padding: 5px;
position: relative;
font-size: 12px;
z-index: 0;
cursor: pointer;
max-width: inherit !important;
}
}
} filter_styles/filter_default.less 0000666 00000000327 15126352440 0013325 0 ustar 00 &.vc_grid-filter-default {
> .vc_grid-filter-item {
margin: 0 5px 5px 0;
border-radius: 30px;
}
}
&.vc_grid-filter-comma, &.vc_grid-filter- {
.vc_grid-filter-item {
padding: 0 !important;
}
} filter_styles/filter_default_less_rounded.less 0000666 00000000171 15126352440 0016070 0 ustar 00 &.vc_grid-filter-default-less-rounded {
> .vc_grid-filter-item {
margin: 0 5px 5px 0;
border-radius: 5px;
}
} filter_styles/filter_filled.less 0000666 00000006361 15126352440 0013144 0 ustar 00 .vc_grid_filter_filled_color_variants(@selector, @active_background_color, @inactive_background_color, @active_text_color, @inactive_text_color) {
&.vc_grid-filter-color-@{selector} {
> .vc_grid-filter-item {
background-color: @inactive_background_color;
> span {
color: @inactive_text_color;
}
&:hover, &.vc_active {
background-color: @active_background_color;
> span {
color: @active_text_color;
}
}
}
}
}
&.vc_grid-filter-filled, &.vc_grid-filter-filled-rounded {
.vc_grid_filter_filled_color_variants(~'blue', @blue, lighten(@blue, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'turquoise', @turquoise, darken(@turquoise, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'pink', @pink, lighten(@pink, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'violet', @violet, lighten(@violet, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'peacoc', @peacoc, lighten(@peacoc, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'chino', @chino, lighten(@chino, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'mulled_wine', @mulled_wine, lighten(@mulled_wine, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'vista_blue', @vista_blue, lighten(@vista_blue, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'black', @black, lighten(@black, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'grey', @grey, darken(@grey, 10%), #666666, #666666);
.vc_grid_filter_filled_color_variants(~'orange', @orange, lighten(@orange, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'sky', @sky, lighten(@sky, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'green', @green, lighten(@green, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'juicy_pink', @juicy_pink, lighten(@juicy_pink, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'sandy_brown', @sandy_brown, lighten(@sandy_brown, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'purple', @purple, lighten(@purple, 10%), @white, @white);
.vc_grid_filter_filled_color_variants(~'white', @white, darken(@white, 10%), #666666, #666666);
> .vc_grid-filter-item {
margin: 0;
border: 1px solid transparent;
border-collapse: collapse;
padding: 3px 7px;
> span {
color: #FFFFFF;
}
&:nth-child(n+2) {
border-left: none;
margin-left: 1px;
border-top: none;
margin-top: 1px;
}
&:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 0;
}
&:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
}
}
&.vc_grid-filter-filled-rounded {
> .vc_grid-filter-item {
&:first-child {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border-top: 0;
}
&:last-child {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
}
}
&.vc_grid-filter-filled-rounded-all {
> .vc_grid-filter-item {
border-radius: 3px !important;
}
}
&.vc_grid-filter-filled-round-all {
> .vc_grid-filter-item {
border-radius: 30px !important;
}
} filter_styles/filter_bordered.less 0000666 00000001767 15126352440 0013500 0 ustar 00 &.vc_grid-filter-bordered, &.vc_grid-filter-bordered-rounded, &.vc_grid-filter-bordered-rounded-less {
> .vc_grid-filter-item {
margin: 0;
border: 1px solid rgba(235, 235, 235, 0.8);
border-collapse: collapse;
&:nth-child(n+2) {
margin-left: -1px;
margin-top: -1px;
}
&:hover, &.vc_active {
position: relative;
z-index: 1;
border-color: transparent;
> a {
text-decoration: none;
}
}
}
}
&.vc_grid-filter-bordered-rounded {
> .vc_grid-filter-item {
&:first-child {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
&:last-child {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
}
}
&.vc_grid-filter-bordered-rounded-less {
> .vc_grid-filter-item {
&:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
&:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
}
} vc_grid_pagination_numbers.less 0000666 00000015003 15126352440 0013022 0 ustar 00 .vc_grid_pagination_number_color_variants(@selector, @background_color, @text_color) {
&.vc_grid-pagination-color-@{selector} {
> li {
.if_color(@background_color, border-color, @background_color);
> a,
> span {
.if_color(@background_color, background-color, @background_color);
.if_color(@background_color, border-color, @background_color);
.if_color(@text_color, color, @text_color);
}
}
}
}
.vc_grid-pagination {
.vc_grid-pagination-list {
outline: none;
display: block;
padding-left: 0;
text-align: center;
margin: @line-height-computed 0 0 !important;
border-radius: @border-radius-base;
> li {
display: inline-block;
margin: 0;
border: 0px solid transparent;
> a,
> span {
color: @pagination-active-color;
background-color: @pagination-active-bg;
border: 1px solid @pagination-active-bg;
.transition(opacity 0.3s ease-in 0s);
position: relative;
float: left; // Collapse white-space
padding: 3px 10px;
line-height: @line-height-base;
text-decoration: none;
.opacity(0.5);
margin-left: -1px;
font-size: 10px;
}
&:first-child {
> a,
> span {
margin-left: 0;
}
}
&:hover,
&:focus {
a, span {
.opacity(1.0);
}
}
}
> .vc_grid-prev {
> a {
&:after {
font-family: 'vc_grid_v1';
display: inline-block;
content: "\e61b";
}
}
}
> .vc_grid-next {
> a {
&:after {
font-family: 'vc_grid_v1';
display: inline-block;
content: "\e61a";
}
}
}
> .vc_grid-first {
> a {
&:after {
font-family: 'vc_grid_v1';
display: inline-block;
content: "\e618";
}
}
}
> .vc_grid-last {
> a {
&:after {
font-family: 'vc_grid_v1';
display: inline-block;
content: "\e619";
}
}
}
> .vc_grid-active > a,
> .vc_grid-active > span {
&,
&:hover,
&:focus {
z-index: 2;
.opacity(1.0);
cursor: default;
}
}
> .vc_grid-disabled {
> span,
> span:hover,
> span:focus,
> a,
> a:hover,
> a:focus {
display: none;
}
}
.vc_grid_pagination_number_color_variants(~'blue', @blue, @white);
.vc_grid_pagination_number_color_variants(~'turquoise', @turquoise, @white);
.vc_grid_pagination_number_color_variants(~'pink', @pink, @white);
.vc_grid_pagination_number_color_variants(~'violet', @violet, @white);
.vc_grid_pagination_number_color_variants(~'peacoc', @peacoc, @white);
.vc_grid_pagination_number_color_variants(~'chino', @chino, @white);
.vc_grid_pagination_number_color_variants(~'mulled_wine', @mulled_wine, @white);
.vc_grid_pagination_number_color_variants(~'vista_blue', @vista_blue, @white);
.vc_grid_pagination_number_color_variants(~'black', @black, @white);
.vc_grid_pagination_number_color_variants(~'grey', @grey, @white);
.vc_grid_pagination_number_color_variants(~'orange', @orange, @white);
.vc_grid_pagination_number_color_variants(~'sky', @sky, @white);
.vc_grid_pagination_number_color_variants(~'green', @green, @white);
.vc_grid_pagination_number_color_variants(~'juicy_pink', @juicy_pink, @white);
.vc_grid_pagination_number_color_variants(~'sandy_brown', @sandy_brown, @white);
.vc_grid_pagination_number_color_variants(~'purple', @purple, @white);
.vc_grid_pagination_number_color_variants(~'white', @white, @black);
&.vc_grid-pagination_default, &.vc_grid-pagination_default_dark, &.vc_grid-pagination_default_light {
> li {
> a, > span {
.box-sizing(border-box);
min-width: 28px;
min-height: 22px;
}
&:first-child {
> a,
> span {
.border-left-radius(@border-radius-base);
}
}
&:last-child {
> a,
> span {
.border-right-radius(@border-radius-base);
}
}
}
}
&.vc_grid-pagination_square, &.vc_grid-pagination_square_dark, &.vc_grid-pagination_square_light {
> li {
> a,
> span {
margin-left: 5px;
.box-sizing(border-box);
min-height: 22px;
min-width: 22px;
padding: 3px;
}
}
}
&.vc_grid-pagination_rounded, &.vc_grid-pagination_rounded_dark, &.vc_grid-pagination_rounded_light, &.vc_grid-pagination_rounded_square, &.vc_grid-pagination_rounded_square_dark, &.vc_grid-pagination_rounded_square_light {
> li {
> a,
> span {
margin-left: 5px;
border-radius: 30px;
.box-sizing(border-box);
min-height: 22px;
min-width: 22px;
padding: 3px;
}
}
}
&.vc_grid-pagination_rounded_square, &.vc_grid-pagination_rounded_square_dark, &.vc_grid-pagination_rounded_square_light {
> li {
> a,
> span {
.border-radius(5px);
.box-sizing(border-box);
min-height: 22px;
min-width: 22px;
padding: 3px;
}
}
}
&.vc_grid-pagination_square_dark, &.vc_grid-pagination_default_dark, &.vc_grid-pagination_rounded_dark, &.vc_grid-pagination_rounded_square_dark {
> li {
> a,
> span {
background-color: transparent !important;
color: #000 !important;
}
}
}
&.vc_grid-pagination_square_light, &.vc_grid-pagination_default_light, &.vc_grid-pagination_rounded_light, &.vc_grid-pagination_rounded_square_light {
> li {
> a,
> span {
background-color: transparent !important;
color: #fff !important;
}
}
}
&.vc_grid-pagination_stripes_dark, &.vc_grid-pagination_stripes_light {
> li {
border-left-width: 1px !important;
> a {
border-width: 0;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
}
li.vc_grid-disabled + li,
> li:first-child {
border-width: 0 !important;
}
}
&.vc_grid-pagination_stripes_dark {
> li {
> a {
color: #000 !important;
}
}
}
&.vc_grid-pagination_stripes_light {
> li {
> a {
color: #fff !important;
}
}
}
}
} vc_grid_gap.less 0000666 00000001030 15126352440 0007700 0 ustar 00 .vc_grid-gutter(@gutter) {
.vc_grid.vc_row.vc_grid-gutter-@{gutter} {
margin-bottom: -@gutter;
.vc_pageable-slide-wrapper {
// TODO: test this
margin-right: -@gutter;
}
.vc_grid-item {
padding-right: @gutter;
padding-bottom: @gutter;
}
}
}
.vc_grid-gutter(1px);
.vc_grid-gutter(2px);
.vc_grid-gutter(3px);
.vc_grid-gutter(4px);
.vc_grid-gutter(5px);
.vc_grid-gutter(10px);
.vc_grid-gutter(15px);
.vc_grid-gutter(20px);
.vc_grid-gutter(25px);
.vc_grid-gutter(30px);
.vc_grid-gutter(35px); vc_grid.less 0000666 00000001371 15126352440 0007061 0 ustar 00 // Use bootstrap mixin for transition
.transition-all() {
.transition('all 0.3s ease-in-out');
}
// Condition select if @color is a color
// This mixin will do nothing if @color is not a color (like false or etc)
.if_color (@color, @property, @value) when (iscolor(@color)) {
@{property}: @value !important;
}
//Content
.vc_grid {
&.vc_row {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
}
.vc-row[data-vc-full-width] {
.vc_grid.vc_row {
overflow: hidden;
}
}
@import "vc_grid_gap.less";
@import "../../params/vc_grid_item/vc_grid_item.less";
@import "vc_grid_style.less";
@import "vc_grid_loading.less";
// Import all other extensions
@import "vc_grid_filter.less";
@import "vc_grid_carousel.less";
vc_grid_style.less 0000666 00000000527 15126352440 0010303 0 ustar 00 .vc_grid {
// Load more button style
.vc_pageable-load-more-btn {
text-align: center;
margin-top: 25px;
> .vc_btn {
outline: none;
}
}
// Display style: pagination
@import "vc_grid_pagination_dots.less";
@import "vc_grid_arrows.less";
}
// This is outside vc_grid
@import "vc_grid_pagination_numbers.less";