popup

Eugeny Galkovskiy
1 parent a3fa5ee0
Showing 2 changed files with 13 additions and 5 deletions Show diff stats
src/app/frontend/views/index.php
www/css/main.min.css
@@ -247,12 +247,15 @@ $page_title = isset( $page_title ) &amp;&amp; !empty( $page_title ) ? $page_title : &#39;&#39;;
 <div class="open-delivery-modal hidden_modal">
     <div><img src="/images/popup_full.png" class="popup_full"><img src="/images/popup_open.png" class="popup_mobile"><span class="modal_close"></span></div>
 </div>
-<link rel="stylesheet" type="text/css" href="css/fontlato.css">
 <div class="delivery-form-par">
     <div class="close-white"></div>
     <div class="popup-main-delivery">
         <div class="content-popup">
-            <div class="text-up"><p style="padding-bottom: 9px;"><?= $t->_("popup-main1")?></p></div>
+            <div class="close-popup"></div>
+            <div class="text-up">
+                <p style="padding-bottom: 9px;font-size: 18px;"><?= $t->_("popup-main1")?></p>
+                <p style="padding-bottom: 7px;font-size: 18px;"><?= $t->_("popup-main2")?></p>
+            </div>
             <div class="text-down">
                 <p class="up-text"><?= $t->_("popup-main2")?></p>
                 <form method="post" class="deliver-form">
@@ -280,6 +283,11 @@ $page_title = isset( $page_title ) &amp;&amp; !empty( $page_title ) ? $page_title : &#39;&#39;;
         $(".delivery-form-par").animate({opacity: "0"}, 500, function() {});
         setTimeout(function(){$(".delivery-form-par").hide();}, 600);
     });
+    $(".delivery-form-par .close-popup").click(function(){
+        $(".delivery-form-par .popup-main-delivery").animate({opacity: "0",top: "-50%"}, 300, function() {});
+        $(".delivery-form-par").animate({opacity: "0"}, 500, function() {});
+        setTimeout(function(){$(".delivery-form-par").hide();}, 600);
+    });
     $(".modal_close").click(function(){
         $(".open-delivery-modal").hide();
     });
@@ -932,12 +932,12 @@ h2.types_logo_543{color:#5b4a42;}
 .delivery-form-par .popup-main-delivery{width:843px;height:400px;background-image:url("../images/right_deliver.png");background-size: contain;background-position:right center;background-repeat:no-repeat;background-color:#fdfaf1;position:absolute;font-family:Ubuntu;font-weight:normal;left:calc(50% - 421.5px);top:15%;box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);}
 .delivery-form-par .content-popup .text-up{width:100%;max-width:332px;border-bottom:1px solid #6cb33f;color:#42210b;text-align:center;font-size:18px;padding-top:19px;line-height:22px;padding-bottom:4px;}
 .delivery-form-par .content-popup .text-down{width:100%;max-width:332px;}
-.delivery-form-par .text-down .up-text{color:#42210b;font-size:13.5px;text-align:center;width:100%;padding-top:23px;padding-bottom:8px;}
-.delivery-form-par .text-down .footer-text{color:#333333;font-style:italic;text-align:center;font-family:'Lato-Italic';padding-top:8px;padding-top:24px;width:100%;font-size:10.8px;}
+.delivery-form-par .text-down .up-text{color: #42210b;text-align: center;width: 100%;padding-top: 23px;padding-bottom: 8px;font-family: Ubuntu;font-size: 14px;}
+.delivery-form-par .text-down .footer-text{color: #333333;font-style: italic;text-align: center;font-family: Ubuntu;padding-top: 8px;padding-top: 24px;width: 100%;font-size: 11px;}
 .delivery-form-par .submit-delivery-but{font-size:15px;color:#fff;border:none;background-color:#6cb33f;text-transform:lowercase;width:80px;height:25px;outline:none;cursor:pointer;}
 .delivery-form-par .text-up p span{color:#f15a24;font-size:28.58px;}
 .delivery-form-par .content-popup{transition:0.3s;padding:38px;width:100%;height:100%;min-height: 400px;max-width:480px;box-sizing:border-box;background-image:url('../images/grad_popup.png');background-position: left center;background-repeat-x: no-repeat;}
-.delivery-form-par .text-down input{height:23px;width:104px;border:1px solid #6cb33f;font-size:9px;padding-left:12px;outline:none;}
+.delivery-form-par .text-down input{height: 23px;width: 104px;border: 1px solid #6cb33f;font-size: 12px;padding-left: 12px;outline: none;font-family: Ubuntu;color: #666666;}
 .delivery-form-par .deliver-form{display:flex;justify-content:space-between;width:100%px;}
 body{font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
 .open-delivery-modal{opacity: 1;cursor: pointer;position: fixed;top: calc(50% - 80px);left: 0%;font-size: 24px;z-index: 10000;}