iziModal.css in izimodal-1.4.0

- old
+ new

@@ -1,7 +1,7 @@
 /*
-* iziModal | v1.3.3
+* iziModal | v1.4.0
 * http://izimodal.marcelodolce.com
 * by Marcelo Dolce.
 */
 .iziModal {
     display: none;
@@ -90,10 +90,12 @@
     margin: 0;
     opacity: 0.5;
     border-radius: 50%;
     transition: transform 0.5s cubic-bezier(.16,.81,.32,1), opacity 0.5s ease;
     background-size: 67% !important;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-tap-highlight-color: transparent; /* For some Androids */
 }
 .iziModal .iziModal-button-close{
     right: 10px;
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==') no-repeat 50% 50%;
 }
@@ -111,11 +113,11 @@
     opacity: 1;    
 }
 .iziModal .iziModal-header {
     background: #88A0B9;
     padding: 14px 40px 15px 18px;
-    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3);
+    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3), 0 0 0px #555;
     overflow: hidden;
     position: relative;
     z-index: 10;
 }
 .iziModal .iziModal-header-icon{
@@ -162,10 +164,37 @@
 
     .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button{
         top: 6px;
     }
 
+    /* RTL */
+
+    .iziModal-rtl {
+        direction: rtl;
+    }
+    .iziModal-rtl .iziModal-header {
+        padding: 14px 18px 15px 40px;
+    }
+    .iziModal-rtl .iziModal-header-icon {
+        float: right;
+        padding: 0 0 0 15px;
+    }
+    .iziModal-rtl .iziModal-button-close {
+        left: 10px;
+        right: initial;
+    }
+    .iziModal-rtl .iziModal-button-fullscreen {
+        right: initial;
+        left: 44px;
+    }
+    .iziModal-rtl .iziModal-header.iziModal-noSubtitle {
+        padding: 10px 15px 12px 40px;
+    }    
+    .iziModal-rtl .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
+        padding: 0 0 0 13px;
+    }
+
     /* LIGHT THEME */
 
     .iziModal.iziModal-light .iziModal-header-icon{
         color: rgba(0, 0, 0, 0.5);
     }
@@ -201,11 +230,11 @@
 }
 
 .iziModal .iziModal-content:before,
 .iziModal .iziModal-content:after { content:''; display:table }
 .iziModal .iziModal-content:after { clear:both }
-.iziModal .iziModal-content{ zoom:1 }
+.iziModal .iziModal-content{ zoom:1; width: 100%; }
 .iziModal .iziModal-wrap{
     width: 100%;
     position: relative;
     transition: height 0.3s ease;
     -webkit-overflow-scrolling: touch;
@@ -223,11 +252,10 @@
     left: 0;
     height: 100%;
     width: 100%;
 }
 
-
 .iziModal-navigate{
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
@@ -305,16 +333,20 @@
     position: relative;
 }
 html.iziModal-isAttached{
     overflow: hidden;
 }
-html.iziModal-isAttached .iziModal{
+.iziModal.isAttached{
     border-radius: 0 !important;
+    margin-top: 0 !important;
+    top: 0 !important;
+    bottom: 0;
+    transition: none !important;
 }
-html.iziModal-isAttached .iziModal-header{
+.iziModal.isAttached .iziModal-header{
     border-radius: 0;       
 }
-html.iziModal-isAttached .iziModal-wrap{
+.iziModal.isAttached .iziModal-wrap{
     overflow-y: auto;
     overflow-x: hidden;
 }
 
 /* SCROLL */
\ No newline at end of file