162. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2023-07-12 04:42:42 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

162.1 Files compared

#LocationFileLast Modified
12023-07-12 04:42:42 +0000
2Porto v4.0.6/Theme Files/Porto Theme/app/code/Smartwave/Filterproducts/view/base/web/css/owl.carousel/assetsowl.carousel.css2023-07-12 03:46:45 +0000

162.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1263
Removed00

162.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

162.4 Active regular expressions

No regular expressions were active.

162.5 Comparison detail

    1 /**
    2  * Owl Carousel v2.3.4
    3  * Copyright 2013-2018 David Deutsch
    4  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
    5  */
    6 /*
    7  *  Owl Carousel - Core
    8  */
    9 
    10 .owl-carousel {
    11   display: none;
    12   width: 100%;
    13   -webkit-tap-highlight-color: transparent;
    14   /* position relative and z-index fix webkit rendering fonts issue */
    15   position: relative;
    16   z-index: 1; }
    17   .owl-carousel .owl-stage {
    18     position: relative;
    19     -ms-touch-action: pan-Y;
    20     touch-action: manipulation;
    21     -moz-backface-visibility: hidden;
    22     /* fix firefox animation glitch */ }
    23   .owl-carousel .owl-stage:after {
    24     content: ".";
    25     display: block;
    26     clear: both;
    27     visibility: hidden;
    28     line-height: 0;
    29     height: 0; }
    30   .owl-carousel .owl-stage-outer {
    31     position: relative;
    32     overflow: hidden;
    33     /* fix for flashing background */
    34     -webkit-transform: translate3d(0px, 0px, 0px); }
    35   .owl-carousel .owl-wrapper,
    36   .owl-carousel .owl-item {
    37     -webkit-backface-visibility: hidden;
    38     -moz-backface-visibility: hidden;
    39     -ms-backface-visibility: hidden;
    40     -webkit-transform: translate3d(0, 0, 0);
    41     -moz-transform: translate3d(0, 0, 0);
    42     -ms-transform: translate3d(0, 0, 0); }
    43   .owl-carousel .owl-item {
    44     position: relative;
    45     min-height: 1px;
    46     float: left;
    47     -webkit-backface-visibility: hidden;
    48     -webkit-tap-highlight-color: transparent;
    49     -webkit-touch-callout: none; }
    50   .owl-carousel .owl-item img {
    51     display: block;
    52     width: 100%; }
    53   .owl-carousel .owl-nav.disabled,
    54   .owl-carousel .owl-dots.disabled {
    55     display: none; }
    56   .owl-carousel .owl-nav .owl-prev,
    57   .owl-carousel .owl-nav .owl-next,
    58   .owl-carousel .owl-dot {
    59     cursor: pointer;
    60     -webkit-user-select: none;
    61     -khtml-user-select: none;
    62     -moz-user-select: none;
    63     -ms-user-select: none;
    64     user-select: none; }
    65   .owl-carousel .owl-nav button.owl-prev,
    66   .owl-carousel .owl-nav button.owl-next,
    67   .owl-carousel button.owl-dot {
    68     background: none;
    69     color: inherit;
    70     border: none;
    71     padding: 0;
    72     font: inherit; }
    73   .owl-carousel.owl-loaded {
    74     display: block; }
    75   .owl-carousel.owl-loading {
    76     opacity: 0;
    77     display: block; }
    78   .owl-carousel.owl-hidden {
    79     opacity: 0; }
    80   .owl-carousel.owl-refresh .owl-item {
    81     visibility: hidden; }
    82   .owl-carousel.owl-drag .owl-item {
    83     -ms-touch-action: pan-y;
    84         touch-action: pan-y;
    85     -webkit-user-select: none;
    86     -moz-user-select: none;
    87     -ms-user-select: none;
    88     user-select: none; }
    89   .owl-carousel.owl-grab {
    90     cursor: move;
    91     cursor: grab; }
    92   .owl-carousel.owl-rtl {
    93     direction: rtl; }
    94   .owl-carousel.owl-rtl .owl-item {
    95     float: right; }
    96 
    97 /* No Js */
    98 .no-js .owl-carousel {
    99   display: block; }
    100 
    101 /*
    102  *  Owl Carousel - Animate Plugin
    103  */
    104 .owl-carousel .animated {
    105   animation-duration: 1000ms;
    106   animation-fill-mode: both; }
    107 
    108 .owl-carousel .owl-animated-in {
    109   z-index: 0; }
    110 
    111 .owl-carousel .owl-animated-out {
    112   z-index: 1; }
    113 
    114 .owl-carousel .fadeOut {
    115   animation-name: fadeOut; }
    116 
    117 @keyframes fadeOut {
    118   0% {
    119     opacity: 1; }
    120   100% {
    121     opacity: 0; } }
    122 
    123 /*
    124  * »    Owl Carousel - Auto Height Plugin
    125  */
    126 .owl-height {
    127   transition: height 500ms ease-in-out; }
    128 
    129 /*
    130  * »    Owl Carousel - Lazy Load Plugin
    131  */
    132 .owl-carousel .owl-item {
    133   /**
    134 »       »       »       This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
    135 »       »       »       calculation of the height of the owl-item that breaks page layouts
    136 »       »        */ }
    137   .owl-carousel .owl-item .owl-lazy {
    138     opacity: 0;
    139     transition: opacity 400ms ease; }
    140   .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    141     max-height: 0; }
    142   .owl-carousel .owl-item img.owl-lazy {
    143     transform-style: preserve-3d; }
    144 
    145 /*
    146  * »    Owl Carousel - Video Plugin
    147  */
    148 .owl-carousel .owl-video-wrapper {
    149   position: relative;
    150   height: 100%;
    151   background: #000; }
    152 
    153 .owl-carousel .owl-video-play-icon {
    154   position: absolute;
    155   height: 80px;
    156   width: 80px;
    157   left: 50%;
    158   top: 50%;
    159   margin-left: -40px;
    160   margin-top: -40px;
    161   background: url("owl.video.play.png") no-repeat;
    162   cursor: pointer;
    163   z-index: 1;
    164   -webkit-backface-visibility: hidden;
    165   transition: transform 100ms ease; }
    166 
    167 .owl-carousel .owl-video-play-icon:hover {
    168   -ms-transform: scale(1.3, 1.3);
    169       transform: scale(1.3, 1.3); }
    170 
    171 .owl-carousel .owl-video-playing .owl-video-tn,
    172 .owl-carousel .owl-video-playing .owl-video-play-icon {
    173   display: none; }
    174 
    175 .owl-carousel .owl-video-tn {
    176   opacity: 0;
    177   height: 100%;
    178   background-position: center center;
    179   background-repeat: no-repeat;
    180   background-size: contain;
    181   transition: opacity 400ms ease; }
    182 
    183 .owl-carousel .owl-video-frame {
    184   position: relative;
    185   z-index: 1;
    186   height: 100%;
    187   width: 100%; }
    188   .owl-carousel .owl-item .owl-lazy {opacity: 1;}
    189   .owl-carousel {margin-bottom: 20px;}
    190   .owl-carousel.row {width: auto;}
    191   .owl-carousel .owl-dot,.owl-carousel .owl-nav button {outline: none;}
    192   .owl-carousel .img-thumbnail {max-width: 100%;}
    193   .owl-carousel .img-thumbnail img {width: 100%;}
    194   .owl-carousel .item-video {height: 300px;}
    195   .owl-carousel .owl-nav {margin-top: 10px;text-align: center;-webkit-tap-highlight-color: transparent;}
    196   .owl-carousel .owl-nav {top: 50%;position: absolute;margin-top: 0;width: 100%;flex: none;}
    197   .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {display: inline-block;position: absolute;width: 30px;height: 30px;text-align: center;line-height: 22px;margin: 0;transform: translateY(-50%);}
    198   .owl-carousel .owl-nav .owl-prev {left: 0;}
    199   .owl-carousel .owl-nav .owl-prev:before {font-family: "porto-icons";content: "\e819";position: relative;left: -1px;}
    200   .owl-carousel .owl-nav .owl-next {right: 0;}
    201   .owl-carousel .owl-nav .owl-next:before {font-family: "porto-icons";content: "\e81a";position: relative;left: 1px;}
    202   .owl-carousel .owl-dots {margin-top: 1em;}
    203   .owl-carousel.stage-margin .owl-stage-outer {margin-left: 40px;margin-right: 40px;}
    204   .owl-carousel.stage-margin .owl-stage-outer .owl-stage {padding-left: 0!important;padding-right: 0!important;}
    205   .owl-carousel.nav-bottom .owl-stage-outer {margin-bottom: 10px;}
    206   .owl-carousel .owl-nav .disabled {opacity: 0.5;cursor: default;}
    207   .owl-carousel.show-nav-hover .owl-prev {left: -10px;transform: translate(-10px,-50%);}
    208   .owl-carousel.show-nav-hover .owl-next {right: -10px;transform: translate(10px,-50%);}
    209   .owl-carousel.show-nav-hover .owl-prev,.owl-carousel.show-nav-hover .owl-next {transition: opacity .2s,transform .4s;opacity: 0;}
    210   .owl-carousel.show-nav-hover:hover .owl-prev,.owl-carousel.show-nav-hover:hover .owl-next {opacity: 1;transform: translate(0,-50%);}
    211   .owl-carousel.show-nav-hover:hover .owl-prev.disabled,.owl-carousel.show-nav-hover:hover .owl-next.disabled {opacity: .5;}
    212   .owl-carousel.show-nav-title .owl-nav {top: 0;right: 0;margin-top: -18px;width: auto !important;}
    213   .owl-carousel.show-nav-title .owl-nav [class*="owl-"],.owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover,.owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active {background: transparent!important;width: 18px;font-size: 18px;padding-left: 0;padding-right: 0;color: #222529;}
    214   .owl-carousel.show-nav-title .owl-nav .owl-prev {left: -45px;}
    215   .owl-carousel.nav-bottom .owl-nav {position: static;margin: 0;padding: 0;width: auto;}
    216   .owl-carousel.nav-bottom .owl-nav .owl-prev,.owl-carousel.nav-bottom .owl-nav .owl-next {position: static;transform: none;margin: 0 3px;}
    217   .owl-carousel.rounded-nav .owl-nav [class*="owl-"],.owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover {padding: 3px 7px;border-radius: 50%;background: transparent!important;border: 1px solid #999!important;color: #999;width: 30px;}
    218   .owl-carousel.nav-style-1 .owl-nav [class*="owl-"] {width: 20px;background: none!important;color: #000;font-size: 20px;}
    219   .owl-carousel.show-dots-title .owl-dots {position: absolute;left: 155px;top: -54px;margin-top: 0!important;line-height: 0;}
    220   .owl-carousel.show-dots-title-right .owl-dots {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;position: absolute;left: auto;right: 0;margin-top: 0!important;top: -33px;right: 8px}
    221   .owl-carousel.nav-inside .owl-dots {bottom: 2px;margin-top: 10px;position: absolute;right: 6px;z-index: 1;}
    222   .owl-carousel.nav-inside .owl-nav .owl-prev {left: 15px;}
    223   .owl-carousel.nav-inside .owl-nav .owl-next {right: 15px;}
    224   .owl-carousel.nav-inside-left .owl-dots {left: 6px;right: auto;}
    225   .owl-carousel.nav-inside-center .owl-dots {right: 36px;left: 36px;}
    226   .owl-carousel.full-width .owl-nav [class*="owl-"],.owl-carousel.full-width .owl-nav [class*="owl-"]:hover,.owl-carousel.big-nav .owl-nav [class*="owl-"],.owl-carousel.big-nav .owl-nav [class*="owl-"]:hover {height: auto;padding: 20px 0;margin: 0;}
    227   .owl-carousel.nav-style-2 .owl-nav [class*="owl-"] {background: none!important;color: #fff;font-size: 1.5rem;}
    228   .owl-carousel.nav-style-3 .owl-nav [class*="owl-"] {width: 35px;height: 45px;line-height: 33px;background-color: rgba(38,42,47,.4)!important;border-color: transparent!important;}
    229   .owl-carousel.nav-style-4 .owl-nav [class*="owl-"] {width: 30px;background: none!important;color: #333;font-size: 24px;}
    230   .owl-carousel.nav-style-4 .owl-nav [class*="owl-"]:hover {color: #333;}
    231   .owl-carousel.nav-style-4 .owl-prev:before {content: "\f80a";}
    232   .owl-carousel.nav-style-4 .owl-next:before {content: "\f809";}
    233   .owl-carousel.nav-pos-inside .owl-nav .owl-prev {left: 15px;}
    234   .owl-carousel.nav-pos-inside .owl-nav .owl-next {right: 15px;}
    235   .owl-carousel.nav-pos-outside .owl-nav .owl-prev {left: -30px;}
    236   .owl-carousel.nav-pos-outside .owl-nav .owl-next {right: -30px;}
    237   .owl-carousel.nav-center-images-only .owl-nav {top: 37%;}
    238   .owl-carousel.top-border {padding-top: 18px;}
    239   .owl-carousel .owl-item .owl-lazy {transition: all 0.2s linear,opacity 0.4s;}
    240   .owl-carousel .owl-item .owl-lazy-loaded {opacity: 1;}
    241   .owl-carousel .wpb_content_element {margin-bottom: 0;}
    242   .owl-carousel.carousel-center-active-item .owl-item {opacity: .2;transition: opacity 0.3s;}
    243   .owl-carousel.carousel-center-active-item .owl-item.center {opacity: 1;}
    244   .owl-carousel.carousel-center-active-item-style-2 .owl-item {opacity: .7}
    245   .owl-carousel .owl-nav button[class*='owl-'] {color: #FFF;font-size: 14px;margin: 0;padding: 4px 7px;background: #D6D6D6;display: inline-block;cursor: pointer;height: auto;}
    246   .owl-carousel .owl-nav button[class*='owl-']:hover {background: #869791;color: #FFF;text-decoration: none;}
    247   .owl-carousel .owl-nav button[class*='owl-'] > span {display: none;}
    248   .owl-carousel.show-nav-title .owl-nav [class*="owl-"] {color: #222529;}
    249   .custom-block .owl-carousel.show-nav-title .owl-nav [class*='owl-'] {margin-left: 0;margin-right: 0;}
    250   .custom-block .owl-carousel.show-nav-title .owl-nav .owl-prev {left: -30px;}
    251   .owl-carousel .owl-nav.disabled+.owl-dots {margin-top: 10px;}
    252   .owl-carousel .owl-dots {text-align: center;-webkit-tap-highlight-color: transparent;}
    253   .owl-carousel .owl-dots .owl-dot {display: inline-block;zoom:1;*display: inline;height: auto;vertical-align: top;}
    254   .owl-carousel .owl-dots .owl-dot span {width: 8px;height: 8px;margin: 5px 4px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity .2s;border-radius: 30px;}
    255   .owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span {background: #869791;}
    256   .owl-carousel.dots-style-1 .owl-dots span {width: 14px;height: 14px;border: 2px solid #e7e7e7;background: none!important;margin: 5px 2px;position: relative;}
    257   .products-slider.owl-carousel .owl-dot {vertical-align: middle;}
    258   .owl-carousel.dots-style-1 .owl-dot.active span,.owl-carousel.dots-style-1 .owl-dot:hover span {border: 2px solid;}
    259   .owl-carousel.dots-style-1 .owl-dot.active span:after,.owl-carousel.dots-style-1 .owl-dot:hover span:after {content: '';position: absolute;left: 3px;right: 3px;top: 3px;bottom: 3px;border-radius: 10px;border: 2px solid;}
    260   .product-image-carousel.owl-carousel .owl-nav [class*="owl-"], .product-image-carousel.owl-carousel .owl-nav [class*="owl-"]:hover, .product-image-carousel.owl-carousel .owl-nav [class*="owl-"]:active {background: none!important;font-size: 22px;color: #222529;}
    261   .product-image-carousel.owl-carousel .owl-nav .owl-prev {left: 0;}
    262   .product-image-carousel.owl-carousel .owl-nav .owl-next {right: 0;}
    263   .widget .owl-carousel .owl-dots {margin-bottom: -10px;}

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.