Recompile styles

Author: vladolaru

css/open.css

@@ -19,24 +19,31 @@ li[id*=open_hours_overview] .widget-top a.widget-action:after {
   border-bottom-width: 0;
   background-color: #eee;
   opacity: 0;
-  transform: translateX(-300px);
-  transition: opacity, transform 0.2s ease-in-out; }
+  -webkit-transform: translateX(-300px);
+          transform: translateX(-300px);
+  -webkit-transition: opacity, -webkit-transform 0.2s ease-in-out;
+  transition: opacity, -webkit-transform 0.2s ease-in-out;
+  transition: opacity, transform 0.2s ease-in-out;
+  transition: opacity, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
   .preview_open_widget,
   .preview_open_widget * {
-    box-sizing: border-box; }
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box; }
   @media screen and (max-width: 1660px) {
     .preview_open_widget {
       left: 299px; } }
 
 .wp-full-overlay {
+  -webkit-transition: .2s margin ease-in-out;
   transition: .2s margin ease-in-out; }
 
 .wp-full-overlay.is--open-hours-section-expanded {
   margin-left: 599px;
   margin-right: -300px; }
   .wp-full-overlay.is--open-hours-section-expanded .preview_open_widget {
     opacity: 1;
-    transform: translateX(0); }
+    -webkit-transform: translateX(0);
+            transform: translateX(0); }
 
 .open-preview {
   position: absolute;
@@ -45,7 +52,8 @@ li[id*=open_hours_overview] .widget-top a.widget-action:after {
   width: 100%;
   padding: 14px 12px;
   border-bottom: 1px solid #DDDDDD;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
   color: #585858;
   background-color: #FFFFFF;
   font-size: 14px;
@@ -57,17 +65,24 @@ li[id*=open_hours_overview] .widget-top a.widget-action:after {
   border: 1px solid #DDDDDD; }
   .open_overview_shortcode tr {
     border-bottom: 1px solid #DDDDDD;
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
+    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
+            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
     background-color: #FFFFFF; }
     .open_overview_shortcode tr:last-child {
       border-bottom: 0; }
   .open_overview_shortcode td {
     padding: 12px 14px; }
 
 .open-entry {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  justify-content: space-between;
-  align-items: center; }
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center; }
 
 .open-entry__day {
   font-weight: 600;
@@ -87,7 +102,8 @@ li[id*=open_hours_overview] .widget-top a.widget-action:after {
 .opening-hours-example {
   margin-bottom: 10px;
   padding: 6px 8px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   overflow-x: scroll;
   white-space: nowrap;
   font-style: italic;
@@ -113,6 +129,7 @@ li[id*=open_hours_overview] .widget-top a.widget-action:after {
   background: url("../images/opening_hours_scheme.png") #ffffff center center no-repeat;
   background-size: auto auto;
   opacity: 0;
+  -webkit-transition: opacity .3s ease-in-out;
   transition: opacity .3s ease-in-out;
   pointer-events: none; }
   .show-open-hours-scheme .opening-hours-timestamps-explained {
@@ -123,7 +140,8 @@ li[id*=open_hours_overview] .widget-top a.widget-action:after {
 
 .ui-autocomplete {
   background-color: #FFFFFF;
-  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.18), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.18), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.18), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
   border: 1px solid #CACACA; }
 
 .ui-menu-item {