custom subscription

.custom-subscription-widget{background-color:#e9e9e9;} .local-pdf-ratio { padding-bottom: 67%; position: relative; height: 0px; } .local-pdf-ratio iframe { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; outline: 2px solid #aaa; outline-offset: -2px; } @media screen and (max-width: 767px) { .local-pdf-ratio { padding-bottom: 150%; position: relative; height: 0px; } } .custom-subscription-widget .show-mobile { display: none; } .hoverleft { position: absolute; top: 10px; left: 20px; } .inlineBlock { display: inline-block; } .inlineBlock.top-title { display: flex; align-items: center; } .inlineBlock.top-title .top-logo{ margin-left: 10px; } .text-archive { padding-right: 30px; } @media (max-width: 768px) { .custom-subscription-widget .show-web { display: none; } .custom-subscription-widget .show-mobile { display: block; } .hoverleft { position: relative; top: inherit; left: inherit; } .inlineBlock { display: block; } .text-archive { padding-right: 0px; } } .popup-wrapper { position: fixed; bottom: 30px; left: 20px; z-index: 1000; } .popup-wrapper.popup-wrapper-hidden{ display: none; } .popup-wrapper .envelope-icon { background-color: #fff; border-radius: 50%; display: flex; width: 40px; height: 40px; cursor: pointer; } .popup-wrapper .envelope-icon.hide { display: none; } .popup-wrapper .close-icon { position: absolute; top: -15px; right: -15px; height: 30px; width: 30px; background-color: #fff; border-radius: 50%; cursor: pointer; } .popup-wrapper .form-row { display: none; background-color: #009DDF; color: #fff; padding: 10px; position: relative; } .popup-wrapper .form-row.active { display: flex; } .popup-wrapper .form-row .col-1 { align-items: center; display: flex; } .popup-wrapper .form-row .col-2 { display: flex; flex-flow: column; padding: 10px; justify-content: center; } .popup-wrapper .form-row .col-2 label { font-size: 18px; margin-bottom: 25px; } .popup-wrapper .form-row .col-2 input, .popup-wrapper .form-row .col-2 .div-recaptcha { font-size: 18px; margin-bottom: 15px; padding: 5px; } .popup-wrapper .form-row .col-2 input.submit { font-size: 18px; background-color: #000; color: #fff; padding: 10px; } @media screen and (max-width: 768px){ .popup-wrapper .form-row .col-1{ display: none; } .popup-wrapper .close-icon{ right: 0px; } } #pgbk { background: #1a1a1a; }
الصفحات الكاملة
عدد ::
// Wait for both DOM and Vue to be ready function waitForVueThenFormatDate() { const dateElement = document.getElementById('newspaper-date'); if (dateElement) { const daysOfWeek = ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت']; const today = new Date(); const dayOfWeek = daysOfWeek[today.getDay()]; const day = today.getDate(); const month = String(today.getMonth() + 1).padStart(2, '0'); const year = today.getFullYear(); dateElement.innerHTML = `عدد :: ${dayOfWeek} ${day}-${month}-${year}`; } else { // Retry after short delay if element not found yet setTimeout(waitForVueThenFormatDate, 100); } } // Start the process when DOM is loaded document.addEventListener('DOMContentLoaded', waitForVueThenFormatDate); const containerSubscription = document.querySelector('.custom-subscription-widget'); setTimeout(() => { containerSubscription.style.background = "#e9e9e9"; }, 2000);