8

Brand	Model	Display	Processor	RAM	Storage	Camera	Battery
Samsung	Galaxy S21	6.2 inches, Dynamic AMOLED 2X, 120Hz	Exynos 2100 / Qualcomm Snapdragon 888	8GB	128GB / 256GB	Triple 12MP+12MP+64MP rear, 10MP front	4000mAh, fast charging 25W, wireless charging 15W
Apple	iPhone 12 Pro	6.1 inches, Super Retina XDR OLED, 60Hz	Apple A14 Bionic	6GB	128GB / 256GB / 512GB	Triple 12MP rear, 12MP front	2815mAh, fast charging 20W, wireless charging 15W
Google	Pixel 5	6.0 inches, OLED, 90Hz	Qualcomm Snapdragon 765G	8GB	128GB	Dual 12.2MP rear, 8MP front	4080mAh, fast charging 18W, wireless charging 12W

Brand	Model	Display	Processor	RAM	Storage	Camera	Battery
Samsung	Galaxy S21	6.2 inches, Dynamic AMOLED 2X, 120Hz	Exynos 2100 / Qualcomm Snapdragon 888	8GB	128GB / 256GB	Triple 12MP+12MP+64MP rear, 10MP front	4000mAh, fast charging 25W, wireless charging 15W
Apple	iPhone 12 Pro	6.1 inches, Super Retina XDR OLED, 60Hz	Apple A14 Bionic	6GB	128GB / 256GB / 512GB	Triple 12MP rear, 12MP front	2815mAh, fast charging 20W, wireless charging 15W
Google	Pixel 5	6.0 inches, OLED, 90Hz	Qualcomm Snapdragon 765G	8GB	128GB	Dual 12.2MP rear, 8MP front	4080mAh, fast charging 18W, Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5 6.0 inches, OLED, 90Hz Qualcomm Snapdragon 765G 8GB 128GB Dual 12.2MP rear, 8MP front< Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5 6.0 inches, OLED, 90Hz Qualcomm Snapdragon 765G 8GB 128GB Dual 12.2MP rear, 8MP Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5 6.0 inches, OLED, 90Hz Qualcomm Snapdragon 765G 8GB 128GB Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5 6.0 inches, OLED, 90Hz Qualcomm Snapdragon 765G 8GB 128GB< Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5 6.0 inches, OLED, 90Hz Qualcomm Snapdragon 765G 8GB Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5 6.0 inches, OLED, 90Hz Qualcomm Snapdragon 765G 8 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5 6.0 inches, OLED, 90Hz Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Google Pixel 5< Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging 15W Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front 2815mAh, fast charging 20W, wireless charging Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Triple 12MP rear, 12MP front Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB / 512GB Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic 6GB 128GB / 256GB Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina XDR OLED, 60Hz Apple A14 Bionic Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro 6.1 inches, Super Retina Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Pro Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone 12 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple iPhone Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Apple Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging 15W< Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, wireless charging Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast charging 25W, Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 4000mAh, fast Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front 400 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, 10MP front Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP rear, Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple 12MP+12MP+64MP Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Triple Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / 256GB Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128GB / Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB 128 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8GB Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 8 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Snapdragon 888 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos 2100 / Qualcomm Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Exynos Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, 120Hz Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED 2X, Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic AMOLED Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 inches, Dynamic Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6.2 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 6 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 Brand Model Display Processor RAM Storage Camera Battery Samsung Galaxy S21 Brand Model Display Processor RAM Storage Camera Battery Samsung Gal Brand Model Display Processor RAM Storage Camera Battery Samsung Brand Model Display Processor RAM Storage Camera Battery S Brand Model Display Processor RAM Storage Camera Battery Brand Model Display Processor RAM Storage Camera Battery Brand Model Display Processor RAM Storage Camera Battery Brand Model Display Processor RAM Storage Camera Battery Brand Model Display Processor RAM Storage Camera Battery Brand Model Display Processor RAM Storage Camera Battery Brand Model Display Processor RAM Storage Camera Brand Model Display Processor RAM Storage Camera Brand Model Display Processor RAM Storage Camera Brand Model Display Processor RAM Storage Brand Model Display Processor RAM Brand Model Display Processor RAM Brand Model Display Processor كود CSS : كود JavaScript: const searchInput = document.querySelector('#search'); const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', function(event) { const column = event.target.cellIndex; const dataType = event.target.getAttribute('data-type'); const rowsArray = Array.from(rows); const sortFunction = getSortFunction(dataType); rowsArray.sort(sortFunction(column)); table.querySelector('tbody const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', function(event) { const column = event.target.cellIndex; const dataType = event.target.getAttribute('data-type'); const rowsArray = Array.from(rows); const sortFunction = getSortFunction( const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', function(event) { const column = event.target.cellIndex; const dataType = event.target.getAttribute('data-type'); const rowsArray = Array.from(rows) const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', function(event) { const column = event.target.cellIndex; const dataType = event.target.getAttribute('data-type'); const const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', function(event) { const column = event.target.cellIndex; const dataType = event.target.getAttribute('data-type'); const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', function(event) { const column = event.target.cellIndex; const dataType = const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', function(event) { const column = event.target.cellIndex; const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', function(event) { const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead th'); headers.forEach((header) => { header.addEventListener('click', const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); }); const headers = table.querySelectorAll('thead const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } }); const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } else { row.classList.add('hide'); } const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes(searchTerm)) { row.classList.remove('hide'); } const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(searchTerm) || model.includes( const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); if (brand.includes(search const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)').textContent.toLowerCase(); const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector('td:nth-child(2)' const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const model = row.querySelector( const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase(); const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector('td:nth-child(1)').textContent.toLowerCase( const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const brand = row.querySelector( const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row) => { const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase(); rows.forEach((row const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) { const searchTerm = event.target.value.toLowerCase( const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', function(event) const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); searchInput.addEventListener('keyup', const table = document.querySelector('#spec-table'); const rows = table.querySelectorAll('tbody tr'); فيسبوك تويتر بنترست واتساب ريدايت لينكدين أنت الان في اول موضوع /**/ ul{margin:0;padding:0} *{text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .clear{clear:both} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;color:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline} img{max-width:100%;position:relative} *:not(.notran),:not(.notran):after,:not(.notran):before{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;transition: .3s ease-in-out;} .cookie-choices-info{opacity: 0.9;z-index:999999999999999999!important;position:fixed!important;top:auto!important;bottom:5px!important;padding:0!important;right:5px!important;width:300px!important;text-align:center!important;font:400 15px 'Segoe UI'!important;border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1)} .cookie-choices-info:hover {opacity: 1;} .cookie-choices-info .cookie-choices-inner{font-size:13px!important} .cookie-choices-info .cookie-choices-text{font-size:14px!important;text-align:justify!important} .cookie-choices-info .cookie-choices-buttons{display:block!important} a.cookie-choices-button,a#cookieChoiceDismiss{background:#fff;color:#000!important;padding:5px 10px!important;border-radius:2px;margin:0 0 4px!important;display:block!important;font-size:13px!important;font-weight:normal!important} @media screen and (max-width:450px){.cookie-choices-info{width:200px!important}.cookie-choices-info span.cookie-choices-text{font-size:12px!important}a.cookie-choices-button,a#cookieChoiceDismiss{display:inline-block!important;width:48%;margin-left:1%!important}} .PLHolder {opacity: 0.9} .PLHolder img {opacity: 0;} body,input{font: $(body.text.font)} body{background:$(body.background);background-size: cover;} .container,.floar .lap {width: 100%;max-width: $(content.width);margin: 0 auto;} .main-amm,.site .widget{display:block;background:#fff;clear:both;border-radius:0;padding:20px;border:1px solid #e6e6e6;overflow:hidden;margin:0 0 15px} .headline{display:block;clear:both;margin-bottom:15px;position:relative} .headline:before{content:"";background:$(Box.Title.bg);height:1px;width:100%;display:block;position:absolute;top:50%;z-index:1} .headline .title{display:inline-block;padding:6px 20px 6px;background:$(step.color);color:$(grad.color);font-size:13px;font-weight:normal;border-radius:30px;z-index:999999;position:relative} a.Lapel-Link{background:$(step.color);color:$(grad.color);float:left;padding:6px 20px 6px;font-size:13px;border-radius:30px;z-index:999999;position:relative} .Lapel-Link:hover{padding:6px 20px 6px 35px} .Lapel-Link:hover:before{opacity:1;transition:0.3s ease-out;left:10px;top:7px} .title:before{content:"";position:absolute;left:-5px;background:#fff;height:8px;width:5px;top:40%} a.Lapel-Link:after{content:"";position:absolute;right:-5px;background:#fff;height:8px;width:5px;top:40%} footer .headline:before{display:none} .Wigetdisabled{display:block;overflow:hidden;font-size:13px;padding:10px;text-align:center;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;border:1px solid;border-radius:2px} /* == animation == */ a.PLHolder.thumb:before{content:"";opacity:1;display:inline-block;position:absolute;right:0;left:0;top:0;bottom:0;background-color:$(step.color);background-repeat:no-repeat;background-size:1000px 900px;animation:bs-lazy-anim 1.01s infinite linear forwards;background-image:linear-gradient(to right,$(step.color) 0,$(step.color) 20%,$(keycolor) 40%,$(step.color) 100%);animation-direction:reverse} a.PLHolder.thumb:after{background-size:300% 300%;animation:mg-gr-anim 5.5s ease-in infinite;opacity:.8;transition:all .35s ease;content:'';position:absolute;background:-webkit-linear-gradient(to right,$(keycolor),$(step.color));background:-moz-linear-gradient(to right,$(keycolor),$(step.color));background:-o-linear-gradient(to right,$(keycolor),$(step.color));background:linear-gradient(to right,$(keycolor),$(step.color));top:0;left:0;right:0;bottom:0} @keyframes bs-lazy-anim{from{background-position:-800px 0}to{background-position:400px 0}} .Sp-posts1 .rnav-title a:hover , .Sp-posts3 .rnav-title a:hover , .Sp-posts4 .rnav-title a:hover , .Sp-posts6 .rnav-title a:hover , .Sp-posts5 .rnav-title a:hover , .shreet h3.rnav-title a:hover , .Sp-Normal .rnav-title a:hover , .Sp-slide .rnav-title a:hover , .Sp-3colList .rnav-title a:hover , .PopularPosts h3.post-title a:hover , .widget.FeaturedPost .post-title a:hover, .items a:hover , nav.nav-par ul li a:hover, .posttitle:hover, ul.clear li a:hover, .post-outer .posts-titles a:hover { color: $(Hpost.Hover) !important; } iframe {display: initial;max-width: 100%;} /* ================= = Hidden Items ================= */ #Settings , .widget .widget-item-control a img, .widget-item-control,.blog-feeds, .status-msg-body , .date-header , .post-feeds , .status-msg-border , nav.nav-par li , .hiden , .open.nav2 , .open.nav1 , .moreLink , .hideee , span.category a:not(:first-of-type), div#blog-pager {display:none !important} /*================= Posts ===================*/ .post-random { margin: 15px 0 25px; overflow: hidden; clear: both; display: block; text-align: right; } div#main { overflow: hidden; } .post div#Blog1, .post .post-outer, .post .post-body { overflow: initial!important; } .contpotg, .spconten { overflow: hidden; } .post-outer{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:20px;position:relative} .post-outer .thumb{width:300px;height:180px} .post-home{width:calc((100% - 315px) / 1);float:right} .post-outer .items{display:block!important;clear:both;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:#777} .post-outer .items{display:inline-block;vertical-align:middle;font-size:11px;color:$(Hpost.Items)} .post-outer .items a,.post-outer .items span{font-size:12px;display:inline-block;color:$(Hpost.Items);margin-left:3px} .post-outer .posts-titles a{line-height:1.5em;margin-bottom:7px;display:block;max-height:4.6em;font-size:16px;color:$(Hpost.Title.Color)} .post-outer .posts-titles{height:inherit;clear:both;font-size:16px;overflow:hidden} .post-outer .Short_content{color:$(Hpost.Short.Content.Color);line-height:1.7em;margin:5px 0;font-size:12px} .post-outer:last-of-type{padding-bottom: 0;border-bottom: 0;margin-bottom: 0;} .thumb img{object-fit: cover;display:block;width:100%;height:100%} .thumb{float:right;width:300px;height:300px;margin-left:15px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;position:relative} h3.rnav-title a{color:$(Hpost.Title.Color);line-height:1.3em} .rnav-title{clear:both;font-size:16px;overflow:hidden;height:4em} .blocker{display:block;overflow:hidden;margin-top:15px} .r-r{vertical-align:top} .r-r{float:right;width:calc((100% - $(sidebar.width) - 15px) / 1)} #Postcs7,#Postcs3{margin-right:15px} .sides{width:calc((100% - 15px) / 2);float:right} a.thumb.not-pl:before{content:"";position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,0.15) 6%,rgba(0,0,0,0.68) 100%);height:100%;width:100%;display:block;z-index:99;transition:opacity 0.3s ease;opacity:0} a.thumb.not-pl:after{content:"";z-index:99;position:absolute;display:block;transition:opacity 0.3s ease;opacity:0} a.thumb.not-pl:hover:after{opacity:0.9!important} /* iteam post */ .atags{display:block;margin:0 0 5px} .atags a{font-size:13px;background:$(step.color);color:$(grad.color);padding:3px 15px;border-radius:1px;margin:0 0 0 5px;display:inline-block} .post-amp .entry-title.topic-title{padding-right: 5px;border-right: 3px solid $(step.color);overflow:hidden;font:$(posts.title.font);line-height:1.7em;color:$(posts.title.color)} .post-body{font:$(posts.text.font);line-height:24px;overflow:hidden;color:$(posts.text.color)} .post-body a{color:$(posts.link.color)} .post-meta{margin-top:10px;border:2px dotted $(posts.meta.border);border-right:0;border-left:0;padding:4px 0;margin-bottom:5px;color:$(posts.meta.color);font-size:13px} .headbost,span.p-author.h-card.vcard,.article-timeago,.article-author,a.timestamp-link{display:inline-block;vertical-align:middle} .headbost svg{width:14px!important;height:14px!important;margin-left:3px;vertical-align:middle} .post-meta a{color:$(posts.meta.color)} .post-meta span,.post-meta .post-date{font-size:13px} .post-body img{padding:5px;border:1px solid $(posts.img.border);border-radius:3px;width:auto;height:auto;display:inline;max-width:100%} .shareButton a{display:inline-block;vertical-align:middle;min-width:auto;margin:0 5px 5px 0;padding:0;width:calc((100% - 46px) / 6);position:relative;cursor:pointer;border-radius:3px} .shareButton .icon{height:15px;width:15px;float:right} .shareButton a:first-of-type{margin-right:0} .shareButton .facebook span{background-color:#3b5998} .shareButton .twitter span{background-color:#1da1f2} .shareButton .pinterest span{background-color:#cc2127} .shareButton .ic-phone span{background-color:#2ea625} .shareButton .ic-reddit span{background-color:#ff4500} .shareButton .ic-linkedin span{background-color:#0073b1} .shareButton a span{display:block;padding:8px 10px;font-size:12px;color:#fff;box-shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;border-radius:3px;text-align:center;overflow:hidden} .PagePrakediv a{border-radius:30px;font-size:14px;width:150px;margin:0 auto 0;font-family:'Segoe UI'} .amp-tags{font-size:13px;font-weight:bold} .amp-tags a{color:$(posts.tags.color);font-size:13px;margin:0 0 0 5px;font-weight:normal;padding:5px 10px;background:$(posts.tags.bg);border-radius:2px;transition:all 0s;display:inline-block} .widget{overflow:hidden} .amp-tags a:hover{background:$(posts.tags.hover.bg);color:$(posts.tags.hover.color)} .amp-tags svg{width:11px;height:11px;margin-left:4px;vertical-align:middle;transition:all 0s} .edit-post a{font-size:11px;text-align:center;padding:5px 8px;border-radius:1px;background-color:$(step.color);margin:0 auto 3px;color:$(grad.color);vertical-align:top} .commint-cont{display:inline-block;vertical-align:middle;color:$(posts.meta.color);font-size:13px;float:left} .commint-cont svg{width:15px;height:15px;display:inline-block;vertical-align:middle;margin-left:4px;margin-top:-1px} .blog-admin{display:none} .atags .blog-admin{float:left;vertical-align:top;overflow:hidden;margin-top:0!important} .page .atags{overflow:hidden} .page .atags .blog-admin{float:right} .topic-nav,.reaction-buttons,section#comments,.amp-tags,.shareButton,.RelatedPosts,.author-profile{display:block;padding:15px 0 0;margin-top:15px;border-top:2px dotted $(posts.border)} .reactions-label{display:inline-block;vertical-align:top;color:#343434;font-size:14px} .reactions-label svg.icon{color:#1f3d74;width:16px;height:16px;margin-top:1px;margin-left:0} iframe.reactions-iframe{height:20px;display:inline-block;vertical-align:sub} #FancyAllItems *{-moz-transition:none;-webkit-transition:none;transition:none} .post-body strike{text-decoration:line-through} .post-body u{text-decoration:underline} .post-body ul li,.post-body ol li{margin-bottom:3px;padding-bottom:3px} .post-body ul,.post-body ol{padding-right:30px} .post-body ol li:before{list-style:disc;content:counter(li);font-size:13px;padding:0 5px;line-height:1.3rem;width:24px;display:inline-block;text-align:center;background:$(posts.num.bg);border-radius:3px;margin-left:8px;border:1px solid $(posts.num.border);color:$(posts.num.color)} .post-body ol li{counter-increment:li;list-style:none;font-size:13px} .post-body ol{padding-right:5px} .post-body h2,.post-body h3,.post-body h4{padding:13px 20px 13px 13px;border-radius:3px;margin:5px 0 10px} .post-body h4{background:$(posts.h4.bg);font:$(posts.h4.font);border-bottom:1px solid $(posts.h4.border);color:$(posts.h4.color)} .post-body h3{background:$(posts.h3.bg);font:$(posts.h3.font);border-bottom:1px solid $(posts.h3.border);color:$(posts.h3.color)} .post-body h2{background:$(posts.h2.bg);font:$(posts.h2.font);padding:14px 20px 14px 13px;border-bottom:1px solid $(posts.h2.border);color:$(posts.h2.color)} .PagePrakediv a{display:block;overflow:hidden;padding:10px;text-align:center;background:$(posts.read.more.bg);border:1px dashed $(posts.read.more.border);color:$(posts.read.more.color)} .post-body blockquote{color:#545454;font-size:100%;background-color:#efefef;border-left:none;padding:50px 20px 40px;margin:40px 0 30px 0;position:relative;text-align:center;clear:both} .PagePrakediv{margin-top: 15px;display:block;overflow:hidden} .post-body blockquote:before {content: "";background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='quote-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23777' d='M200 32H72C32.3 32 0 64.3 0 104v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H72c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192zM504 32H376c-39.7 0-72 32.3-72 72v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H376c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192z' %3E%3C/path%3E%3C/svg%3E") center no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin: 0 0px 3px 10px;} .post-body blockquote:before{position:absolute;top:0;left:50%;margin-top:-45px;margin-left:-40px;width:80px;height:80px;background-color:#fff;line-height:90px;border-radius:50%;text-align:center;background-size:35px;background-position-y:30px} .TocList{margin-bottom:5px} td.tr-caption{font-size:12px} /* topic-nav */ .texxattt{display:inline-block;color:$(grad.color);font-size:10px;background:$(step.color);padding:2px 5px;border-radius:2px;margin-bottom:3px} .posttitle{font-size:14px;color:#353535 !important;width:100%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .newPost,.oldPost{padding-left: 10px;float:right;width:50%;padding-right:10px;border-right:3px solid $(step.color)} .topic-nav-cont{overflow:hidden} .post-random .newPost .posttitle{width:100%;position:relative;padding:5px 0 2px} .post-random .newPost{float:none;width:100%;margin-bottom:0} .post-random .newPost:not(:first-of-type) .texxattt{display:none!important} .post-random .texxattt{font-size:13px;margin-top:0;margin-bottom:0;padding:3px 10px;transform:skew(2deg);margin-right:-11px;border-radius:0} .post-random .newPost .posttitle:before{content:"*";vertical-align:middle;display:inline-block;margin-bottom:-4px;color:$(step.color);margin-left:3px} .post-random * {line-height: initial !important;} .post-random {margin: 10px 0;} /* comments */ li.comment{padding:10px 5px 0;margin:10px 0;border:1px solid #eee;box-shadow:none!important;display:block;border-right:0;border-left:0;border-bottom:0} .avatar-image-container{position:absolute;width:45px;height:45px;border-radius:50%;text-align:center;margin-top:0;margin-right:5px} .avatar-image-container img{border-radius:100%;height:40px;width:40px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTFrjQf8ZT2NTMrZfmHDHxL4dxzhXn0jXmCGKPdWshkBjHNrvuhBk5zkeF0ld6XpuhVIkuziHfGpRCxqggvaiZ3TXDy0WoDG3TWljqhI-8Ho2VO-qoug81KBCZD3k0bbuXmqx5fhXHqmQ/s1600/log.jpg) no-repeat center;background-size:40px;overflow:hidden} .comment-header{display:inline-block;overflow:hidden;clear:both;margin-right:60px} span.datetime,cite.user{display:block;overflow:hidden;clear:both;font-size:13px;float:right} span.datetime a,cite.user a{color:#666!important;font-weight:normal!important} .comment-content{padding:10px 15px 13px;font-size:13px;cursor:text;font-weight:100;color:#000;overflow:hidden;border-top:1px dashed #eee} .comment-actions.secondary-text a{padding:0 20px 1px;margin:5px 0;background:#f9f9f9;border:1px solid #e8e8e8;border-right: 0;font-size:13px} span.datetime a,cite.user a{font-size:13px} .comment-reply{border-radius:0 3px 3px 0;border-left:0!important} .datetime.secondary-text a,.comment-actions.secondary-text a{color:#000} .comments span.item-control a{border-radius:3px 0 0 3px!important} .comment-reply {border: 1px solid #e8e8e8 !important;} .comment-replies{margin-top:10px!important;margin-bottom:0!important;padding-right:40px} .comments .comments-content .inline-thread{padding:0!important} span.thread-toggle.thread-expanded,.comment-replies .comment-replies,.thread-count,.continue,.loadmore.loaded,.hidden{display:none} .comment-thread ol{padding:0} .comment-replies li.comment:first-of-type{margin-top:20px!important} .comment-replies li.comment{border:0;padding-bottom:2px;box-shadow:none;padding:0;margin-top:25px!important} .comment-replybox-single{padding-right:40px;display:block;clear:both;overflow:hidden} .comment-replies span.item-control a {border-radius: 3px!important;border: 1px solid #e8e8e8;} .comment-form{min-height: 205px;padding:20px;border:1px dashed $(posts.comment.border)} #comments .comments-info{margin-bottom:15px;overflow:hidden;font-size:12px} #comments .comments-info .comments-count{float:right;padding:5px 0;font-size:14px;position:relative;color:$(posts.comment.title)} #comments .comments-info .go-respond b{float:right;padding:5px 15px;margin:0 25px;background-color:$(posts.comment.button);color:#3e3e3e;position:relative;overflow:hidden;font-size:13px} #comments .small-icon{color:$(posts.comment.icon);width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:4px} .comments-info svg.small-icon{width:15px!important;margin-left:5px!important;margin-top:0!important} a#commnetLinkS{font-size:13px;cursor:pointer;font-weight:bold;color:$(posts.comment.link)} h4#comment-post-message{display:inline-block;vertical-align:middle;font-size:14px;margin-right:5px;color:$(posts.comment.title)} .conart p{display:block;overflow:hidden;font-size:13px;margin-top:5px;color:$(posts.comment.massg)} iframe#comment-editor{border-top:1px dashed $(posts.comment.border);border-bottom:1px dashed $(posts.comment.border);margin-top:20px;box-sizing:content-box} .comment-replybox-thread #comment-editor{display:none!important} /* author profile */ .author-profile{border-top:0;padding:30px;position:relative;border-radius:0;background-color:$(posts.au.bg);border:1px solid $(posts.au.border)} .gfvg{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch} .dshdsgn{display:block;box-sizing:border-box;width:100%;padding:0 10px;margin:0 auto;position:relative;vertical-align:top;font-size:1rem;padding-left:15px;padding-right:110px;min-height:80px} .authorph img{border-radius:100%;border:1px solid #ccc} .authorph.PLHolder{width:80px;height:80px;background:#ccc;border-radius:100%} .authorph{width:80px;height:80px;right:0;left:auto;top:0;margin:0 auto;position:absolute;z-index:3} .author-name{margin-bottom:.75rem} .author-desc{font-size:13px;color:#4a4a4a} a.g-profile{display:block;color:#000;font-size:18px} a.g-profile span{color:#3b5999;font-weight:bold} /* buttons */ /* nextprev */ .page-navigation{margin-top: 15px;display:block;overflow:hidden;background:$(posts.next.prev.bg);padding:5px 10px;border:1px solid $(posts.next.prev.border)} #siki_next,#siki_prev{background:#fff;display:inline-block;cursor:pointer;border:2px solid $(keycolor);border-left:8px solid $(keycolor);border-radius:35px;margin:3px!important;transition:all 0.3s} float:right;border-left:7px double #fff;border-radius:0 5px 5px 0} .siki-next-prev a{display:block} #siki_prev span:nth-child(1){float:left;font-size:15px;line-height:35px;padding:0 30px 0 10px;position:relative} .siki-next-prev span{font-size:30px;color:#585858} #siki_prev span:nth-child(2){float:right;line-height:45px} #siki_next{float:left;border:2px solid $(keycolor);border-right:8px solid $(keycolor);border-radius:35px;margin:0} #siki_next span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='m64.5,122.6c32,0 58.1-26 58.1-58.1s-26-58-58.1-58-58,26-58,58 26,58.1 58,58.1zm0-108c27.5,5.32907e-15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-49.9z' fill='%23264079' %3E%3C/path%3E%3Cpath d='m70,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-23.5-23.5 23.5-23.5c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-26.4,26.4c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1 1.2,2.9l26.4,26.4z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute} #siki_next span:nth-child(2){float:left;line-height:45px} #siki_next span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:0 10px 0 30px;position:relative} #siki-page-number{text-align:center;color:#292929;font-size:14px;position:absolute;right:calc((100% - 110px) / 2);left:calc((100% - 110px) / 2);display:inline-block;align-items:center;width:110px;padding:15px 0 0} #siki_prev span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='M64.5,122.6c32,0,58.1-26,58.1-58.1S96.5,6.4,64.5,6.4S6.4,32.5,6.4,64.5S32.5,122.6,64.5,122.6z M64.5,14.6 c27.5,0,49.9,22.4,49.9,49.9S92,114.4,64.5,114.4S14.6,92,14.6,64.5S37,14.6,64.5,14.6z' fill='%23264079'%3E%3C/path%3E%3Cpath d='m51.1,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l26.4-26.4c0.8-0.8 1.2-1.8 1.2-2.9 0-1.1-0.4-2.1-1.2-2.9l-26.4-26.4c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l23.5,23.5-23.5,23.5c-1.6,1.6-1.6,4.2 0,5.8z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute} #siki_prev:hover{border:2px solid $(keycolor);border-left:2px solid $(keycolor);border-right:8px solid $(keycolor)} #siki_next:hover{border:2px solid $(keycolor);border-left:8px solid $(keycolor);border-right:2px solid $(keycolor)} /* related-posts */ .post .Sp-posts1 .Short_content{display:none} .post .Sp-posts1 a.thumb{height:150px} .post .Sp-posts1 .items{display:none!important} .post .Sp-posts1 h3.rnav-title a{font-size:14px!important;max-height: 3em;height:3em} .post .Sp-posts1 .posts{padding:10px;border:1px solid #eee;margin-left:15px!important;width:calc((100% - 30px) / 3);margin-bottom:15px} .post .Sp-posts1 .posts:last-of-type{margin-left:0!important} .post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:0!important} .Sp-posts1 .posts { display: inline-block; border-radius: 2px; position: relative; vertical-align: top; } .Sp-posts1 a.thumb { margin: 0; width: 100%; height: 200px; position: relative; } .Sp-posts1 .posts:nth-of-type(3), .posts:nth-of-type(6) { margin-left: 0 !important; } /* == PostsNormal == */ .Sp-Normal .moreLink,.post-outer .moreLink{ display:inline-block !important;margin-top:5px;position:relative;font-size:14px; background:$(step.color); color:#fff;padding:7px 15px 7px 15px;border-radius:2px} .post .post-outer .moreLink {display: none!important;} .Sp-Normal .moreLink:hover,.post-outer .moreLink:hover{padding:7px 10px 7px 30px} .Sp-Normal .moreLink:before,.post-outer .moreLink:before,a.Lapel-Link:before{width:16px;height:16px;content:"";position:absolute;left:7px;top:8px;color:#000;padding:5px;display:block;opacity:0;transition:0.2s ease-out} .Sp-Normal .moreLink:hover:before,.post-outer .moreLink:hover:before{opacity:1;transition:0.3s ease-out} .Sp-Normal .posts{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:20px;position:relative} .Sp-Normal .Short_content{color:$(Hpost.Short.Content.Color);line-height:1.7em;margin:5px 0;font-size:12px} .Sp-Normal .items{display:inline-block;vertical-align:middle;font-size:11px;color:$(Hpost.Items)} .Sp-Normal .thumb{width:300px;height:180px} .Sp-Normal .cont{width:calc((100% - 315px) / 1);float:right} .Sp-Normal .posts .items{display:block!important;clear:both;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:$(Hpost.Items)} .Sp-Normal .items a,.Sp-Normal .items span{font-size:12px;display:inline-block;color:$(Hpost.Items);margin-left:3px} .Sp-Normal h3.rnav-title{height:inherit} .Sp-Normal h3.rnav-title a{line-height:1.5em;margin-bottom:7px;display:block;max-height:4.6em;font-size:16px} .Sp-Normal .posts:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0} .Sp-Normal .posts a.thumb.not-pl:after,.post-outer a.thumb.not-pl:after,.widget.FeaturedPost a.item-thumbnail.thumb.not-pl:after{width:28px;height:28px;top:43%;right:45%} .icon[data-icon="clock"]{vertical-align:-3px!important} /* ads-post */ #ret-a3lan #h403{text-align:center;display:block;font-size:13px;padding:15px 0 0;margin-top:15px;border-top:2px dotted #eeeeee} .SeoPlusAds { margin: 15px 0; text-align: center; display: block; clear: both; } div#bot-a3lan, div#top-a3lan, div#ret-a3lan { overflow: initial; } /* ArchivePage */ h2.Category-ArchivePage {background: $(step.color);display: inline-block;padding: 0;border-radius: 30px;} h2.Category-ArchivePage a {color: $(grad.color);display: inline-block;padding: 5px 25px;font-size: 15px;} ul.clear li {color: $(step.color);} ul.clear li a {font-weight: bold;color: #121212;font-size: 13px;} .caregory-div:not(:first-of-type) {margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;} /* smoothscroll top */ .smoothscroll-top{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:99;background-color:$(step.color);color:$(grad.color);right:1%;bottom:-25px;transition:all 0.3s ease-in-out;transition-delay:0.2s;font-weight:100;font-size:18px;display:flex;width:35px;height:35px;align-items:center;border-radius:2px} .smoothscroll-top.show{visibility:visible;cursor:pointer;opacity:1;bottom:1.5%} .smoothscroll-top svg{margin:0 11px;display:block} /*================= الهيدر ===================*/ header#sp-header{display:block;position:relative;margin-bottom:20px;height:97px} .head-pz{height:97px;width:100%;position:fixed;background:$(H.Bg);-webkit-box-shadow:0 1px 3px rgba(32,33,36,0.1);box-shadow:0 1px 3px rgba(32,33,36,0.1);top:0;right:0;left:0;z-index:999999999} .par-tp{display:block;width:100%;clear:both;height:35px;position:fixed;top:0;right:0;left:0;max-width:1100px;margin:0 auto} .floar{color:$(grad.color);width:77%;float:left;display:block;clear:both;position:relative;font-size:13px;padding:0 15px 0 0} .floar:before{background:$(step.color);color:$(grad.color);width:2000px;display:block;clear:both;position:absolute;border-bottom-left-radius:5px;transform:skewX(30deg);right:0;content:"";transform:skewX(-30deg);border-bottom-right-radius:5px;height:35px} div#pages{float:right;margin:8.5px 0;font-size:12px;position:relative} div#pages li{display:inline-block;padding:0 5px} .floar a{color:$(grad.color);font-size:12px} .par-tp.active{top:-35px} .par-bottm.active{top:35px} .head-pz.active{height:72px;opacity:0.8} .head-pz.active:hover{opacity:1} .par-bottm.active nav.nav-par{top:-30px;width:calc((100% - 280px) /1)!important} div#top-social-L{margin-left:0;float:left;z-index:999;position:relative;margin-top:4px} #top-social-L ul li{display:inline-block} #top-social-L li:first-of-type{margin-right:0} #top-social-L li{display:inline-block;vertical-align:middle;margin-right:2px} #top-social-L li a{display:block;padding:6px;border-radius:3px} .par-bottm{display:block;clear:both;position:fixed;top:35px;right:0;left:0;width:100%;position:relative} .logo{float:right;display:block;position:relative} div#logo{font-size:1.5em;position:relative;top:-25px;z-index:9999;width:250px;height:70px} div#header-inner{width:250px;height:70px;display:table-cell;vertical-align:middle} img#Header1_headerimg{max-height:70px;margin:0 auto} .icon{width:13px;margin-left:3px;display:inline-block;vertical-align:middle} nav.nav-par{float:left;width:calc((100% - 320px) /1)!important;position:relative;top:0} div#menu{height:62px;display:flex;align-items:center} nav.nav-par li.ma{display:inline-block!important} nav.nav-par ul li{margin-left:12px;margin-right:-4px} nav.nav-par ul li a{color:$(H.Link);position:relative;font:$(H.Link.font);display:block;padding:10px 0 10px} li.ma.pluselink ul:not(.ma2ul){display:block;position:absolute;right:-5px;width:180px;background:$(H.mons.bg);top:40px;border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(H.mons.border);z-index:9999999;opacity:0;visibility:hidden;transition:.2s ease;transform:scale(0)} li.ma.pluselink:hover ul:not(.ma2ul){opacity:1;visibility:visible;transform:scale(1)} li.ma.pluselink ul:not(.ma2ul):before{content:"";width:16px;height:16px;position:absolute;background:$(H.mons.bg);top:-8px;right:20%;z-index:-1;transform:rotate(45deg);border:1px solid $(H.mons.border)} li.ma.pluselink span.icon{color:$(H.Icon.Color);width:10px;position:absolute;top:8px;left:-20px;right:auto;transform:rotate(180deg);line-height:1} li.ma.pluselink:hover span.icon{transform:rotate(0);top:10px} .pluselink2 span.icon{width:8px!important;left:5px!important;top:7px!important;transform:rotate(90deg)!important;right:auto!important} .pluselink2:hover span.icon{left:8px!important} li.ma.pluselink,li.ma2.pluselink2{position:relative} li.ma.pluselink li{display:block!important;margin:0!important} li.ma.pluselink li a{color:$(H.mons.Color);font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid $(H.mons.border);background:$(H.mons.bg);display:block;position:relative} li.ma.pluselink li a:hover:before{background:$(H.mons.hover)} li.ma.pluselink li a:before{content:"";width:8px;height:8px;position:absolute;background:$(H.mons.bg);top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid $(H.mons.border)} li.ma2.pluselink2 ul.ma2ul{display:block;position:absolute;right:100%;width:180px;background:$(H.mons.bg);top:0;opacity:0;visibility:hidden;transition:.2s ease;transform:translateX(-30px);border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(H.mons.border);z-index:9999999} li.ma2.pluselink2:hover ul.ma2ul{transform:translateX(0);opacity:1;visibility:visible} li.ma2.pluselink2 ul.ma2ul:before{content:"";width:16px;height:16px;position:absolute;background:$(H.mons.bg);top:8px;right:-7px;z-index:-1;transform:rotate(45deg);border:1px solid $(H.mons.border)} li.ma.pluselink li:last-of-type a{border-bottom:0} li.ma.pluselink {margin-left: 25px;} .par-bottm.active #logo{width:230px;height:50px} .par-bottm.active #header-inner{width:230px;height:50px} .par-bottm.active #Header1_headerimg{max-height:50px} /* ========= = Aside & footer ========= */ div#Topa3lan-sc div#HTML1{background:transparent;padding:0;border:0;margin:0} #sidepar-wid{transition: none !important;width:$(sidebar.width);float:left;margin-right:15px;vertical-align:top} footer{overflow:hidden;display:block;clear:both;background:#fff;padding:15px 0 0;border-top:1px solid #e6e6e6} .mid-top-footer .footer-col{float:right;width:calc((100% - 60px) / 3);margin-left:30px} footer .headline{background:transparent;border-bottom:1px solid #eee} footer .headline .title{background:transparent;color:#121212;padding:0 3px 7px;border-bottom:1px solid #ccc;border-left:transparent;font-size:15px;border-radius:0!important} div#footer-col3{margin-left:0;padding-left:0;border-left:0} .mid-top-footer .footer-col .widget{margin-bottom:30px;vertical-align:top} .mid-top-footer .footer-col .widget:last-of-type{margin-bottom:15px} .bottom-footer{position: relative;z-index: 99999;display:block;overflow:hidden;clear:both;padding:10px 0;box-shadow:0 -1px 25px -16px #000;margin-top:0;background:#fff} footer .container{display:block;overflow:hidden} .yemen a{font-size:13px;font-weight:bold;color:#345ea9;letter-spacing:0;vertical-align:middle} .yemen{min-height: 32px;font-size:13px;float:right;display:flex;align-items:center} .yemen a:not(#7qok){font-size:initial;font-weight:normal;color:transparent;letter-spacing:0;vertical-align:middle;width:27px;height:27px;overflow:hidden} .yemen span{font-size:13px;vertical-align:middle;margin-left:3px} .shmal{float:left;font-size:13px;margin-top:5px} /* recent-comments Widget */ .recent-comments .comment .leave-comm:before{width:8px;height:8px;content:"";position:absolute;right:2px;top:2px;color:#000;padding:5px;display:block;transition:0.2s ease-out} .recent-comments{overflow:hidden} aside .recent-comments .comment{border-bottom:1px solid #eeeeee} .recent-comments .comment{margin-bottom:15px;padding-bottom:15px;overflow:hidden} .recent-comments .comment:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0} .comments-img-wrap{border:3px solid #eeeeee} .comments-img-wrap{float:right;width:50px;height:50px;border-radius:100px;margin-left:15px;overflow:hidden} .recent-comments .comment .comm{float:right;width:calc(100% - 65px)} .recent-comments .comment .comm-author{color:#999999} .recent-comments .comment p{color:#444444} .recent-comments .comment .comm-author{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;float:right;height:21px;margin-left:10px;overflow:hidden} .recent-comments .comment .details{float:left;overflow:hidden} .recent-comments .comment .details span{margin-left:0;font-size:9.5px;display:inline-block;vertical-align:top;color:#999999} .recent-comments .comment p{text-align:right;width:95%;margin:0 0 2px;font-size:10px;max-height:18px;line-height:1.8em;overflow:hidden;font-weight:700;white-space:nowrap;text-overflow:ellipsis} .recent-comments .comment .leave-comm{display:block;padding:0 15px;overflow:hidden;font-size:10px;position:relative;color:#6f6f6f;font-weight:bold} /* social bottom footer */ .shmal .social-static.social li {display: inline-block;vertical-align: middle;margin-right: 2px;} footer .social-static.social a[title='twitter'], aside .social-static.social a[title='twitter'], .mop-icon .social-static.social a[title='twitter'] {background: #1da1f2;} footer .social-static.social a[title='reddit'], aside .social-static.social a[title='reddit'], .mop-icon .social-static.social a[title='reddit'] {background: #ff6933;} footer .social-static.social a[title='whatsapp'], aside .social-static.social a[title='whatsapp'], .mop-icon .social-static.social a[title='whatsapp'] {background: #128C7E;} footer .social-static.social a[title='facebook'], aside .social-static.social a[title='facebook'], .mop-icon .social-static.social a[title='facebook'] {background: #4267b2;} footer .social-static.social a[title='sitemap'], aside .social-static.social a[title='sitemap'], .mop-icon .social-static.social a[title='sitemap'] {background: $(step.color);} footer .social-static.social a[title='pinterest'], aside .social-static.social a[title='pinterest'], .mop-icon .social-static.social a[title='pinterest'] {background-color:#cc2127} footer .social-static.social a[title='linkedin'], aside .social-static.social a[title='linkedin'], .mop-icon .social-static.social a[title='linkedin'] {background-color:#0976b4} footer .social-static.social a[title='youtube'], aside .social-static.social a[title='youtube'], .mop-icon .social-static.social a[title='youtube'] {background-color:#e52d27} footer .social-static.social a[title='spotify'], aside .social-static.social a[title='spotify'], .mop-icon .social-static.social a[title='spotify'] {background-color:#1ed760} footer .social-static.social a[title='snapchat'], aside .social-static.social a[title='snapchat'], .mop-icon .social-static.social a[title='snapchat'] {background-color:#f5d602} footer .social-static.social a[title='flickr'], aside .social-static.social a[title='flickr'], .mop-icon .social-static.social a[title='flickr'] {background-color:#FF0084} footer .social-static.social a[title='wordpress'], aside .social-static.social a[title='wordpress'], .mop-icon .social-static.social a[title='wordpress'] {background-color:#207297} footer .social-static.social a[title='blogger'], aside .social-static.social a[title='blogger'], .mop-icon .social-static.social a[title='blogger'] {background-color:#e96734} footer .social-static.social a[title='instagram'], aside .social-static.social a[title='instagram'], .mop-icon .social-static.social a[title='instagram'] {background-color:#7c38af;background:radial-gradient(circle at 0 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)} footer .social-static.social a[title='behance'], aside .social-static.social a[title='behance'], .mop-icon .social-static.social a[title='behance'] {background-color:#009fff} footer .social-static.social a[title='soundcloud'], aside .social-static.social a[title='soundcloud'], .mop-icon .social-static.social a[title='soundcloud'] {background-color:#FF5419} footer .social-static.social a[title='messenger'], aside .social-static.social a[title='messenger'], .mop-icon .social-static.social a[title='messenger'] {background-color:#0084ff} footer .social-static.social a[title='google-play'], aside .social-static.social a[title='google-play'], .mop-icon .social-static.social a[title='google-play'] {background-color:#3d9dab} footer .social-static.social a[title='telegram'], aside .social-static.social a[title='telegram'], .mop-icon .social-static.social a[title='telegram'] {background-color:#32AEE1} footer .social-static.social a[title='tumblr'], aside .social-static.social a[title='tumblr'], .mop-icon .social-static.social a[title='tumblr'] {background-color:#3e5a70} .social-static.social i.fa {opacity: 0.9;display: block;width: 15px;height: 15px;} aside .social-static.social li{float:right;vertical-align:middle;list-style:none;width:calc((100% - 4px) / 4);margin-left:1px;margin-bottom:1px} .social-static.social i.fa:hover{opacity:1} div#footer-social i.fa{opacity:1} aside .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center} aside .social-static.social i.fa, .mop-icon .social-static.social i.fa{opacity:1;width:22px;height:22px;margin:0 auto} .social-static.social {display: block;overflow: hidden;vertical-align: middle;} .shmal .social-static.social li a {display: block;padding: 6px;border-radius: 3px;} .shmal .social-static.social li:first-of-type {margin-right: 0;} /* aside linklist */ aside .LinkList ul li,footer .LinkList ul li,aside .PageList ul li,footer .PageList ul li{list-style:none;display:block} aside .LinkList ul li a:hover::before,footer .LinkList ul li a:hover::before,aside .PageList ul li a:hover::before,footer .PageList ul li a:hover::before{background:$(step.color)} aside .LinkList ul li a,footer .LinkList ul li a,aside .PageList ul li a,footer .PageList ul li a{color:#525252;font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid #e6e6e6;background:#ffffff;display:block;position:relative} aside .LinkList ul li:last-of-type a,footer .LinkList ul li:last-of-type a,aside .PageList ul li:last-of-type a,footer .PageList ul li:last-of-type a{padding-bottom:0;border-bottom:0} aside .LinkList ul li a::before,footer .LinkList ul li a::before,aside .PageList ul li a::before,footer .PageList ul li a::before{content:"";width:8px;height:8px;position:absolute;background:#ffffff;top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid #e6e6e6} aside .LinkList ul li a:hover:before,footer .LinkList ul li a:hover:before,aside .PageList ul li a:hover:before,footer .PageList ul li a:hover:before{background:$(step.color)} aside .LinkList ul li:first-of-type a,footer .LinkList ul li:first-of-type a,aside .PageList ul li:first-of-type a,footer .PageList ul li:first-of-type a{padding-top:0} aside .LinkList ul li:first-of-type a::before,footer .LinkList ul li:first-of-type a::before,aside .PageList ul li:first-of-type a::before,footer .PageList ul li:first-of-type a::before{top:5px} /* Label Widget */ .widget .list-label-widget-content ul{padding-right:20px} .widget .list-label-widget-content ul li{font-size:14px;color:#1f1f1f;margin-bottom:5px;padding:4px 0;padding-bottom:7px;list-style:decimal;border-bottom:1px dashed #eee} .widget .list-label-widget-content ul li a{color:#3e3e3e;font-size:13px;.cloud-label-widget-contentdisplay:block;padding:2px} .widget .list-label-widget-content ul li:last-of-type{margin-bottom:0;border-bottom:0;padding-bottom:0} span.label-count{float:left;color:#585858;text-align:center} .widget.Label .cloud-label-widget-content span.label-size{float:right;width:calc((100% - 10px) / 2);vertical-align:middle;display:block;margin-bottom:10px} .widget.Label .cloud-label-widget-content span.label-size a.label-name{padding:10px 10px;display:block;border-radius:30px;text-align:center;font-size:13px;color:#565656;border:1px solid #e6e6e6;background:#f7f7f7} .widget.Label .cloud-label-widget-content span.label-size:nth-of-type(odd){margin-left:10px} .widget.Label .cloud-label-widget-content span.label-size:nth-last-of-type(1),.widget.Label .cloud-label-widget-content span.label-size:nth-last-of-type(2){margin-bottom:0} .widget.Label .cloud-label-widget-content span.label-size a:hover,.shareButton a:hover,.PagePrakediv a:hover{box-shadow:0 5px 14px rgba(0,0,0,0.15),0 1px 5px rgba(0,0,0,0.12)} /* profile */ img.profile-img{border-radius:100%;border:1px solid #eee;margin:0 auto 15px;text-align:center;display:block} .profile-info a.profile-link.g-profile{background:#eee;color:#000;display:inline-block;font-size:14px;border:1px solid #ccc;padding:5px 15px;border-radius:2px;margin-bottom:8px;margin-top:0} dd.profile-textblock{font-size:12px;color:#383838} .profile-info a.profile-link{display:none} /* BlogSearch */ .BlogSearch input {border: 1px solid #f3f3f3;background: transparent;font-size: 13px;padding: 10px;border-radius: 3px;display: inline-block;width: 55px;} .BlogSearch input.search-action:hover {background: $(step.color);color: $(grad.color);} input.search-action{cursor: pointer;} .search-input{display:inline-block;width:calc((100% - 60px) / 1)} .search-input input{display:block;width:100%} /* BlogArchive */ div#ArchiveList ul.hierarchy{padding-right:30px} div#ArchiveList ul.hierarchy ul.hierarchy{padding-right:15px} div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:not(:last-of-type){margin-bottom:5px;padding-bottom:5px} div#ArchiveList ul.hierarchy li a, div#ArchiveList ul.flat li a{color:#121212} div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:first-of-type{margin-top:5px;padding-top:5px} div#ArchiveList ul.hierarchy li{font-size:11px} div#ArchiveList ul.hierarchy li a:hover, div#ArchiveList ul.flat li a:hover{color:#194ca9} div#ArchiveList .hierarchy-title{font-size:13px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #f7f7f7} div#ArchiveList .hierarchy-title span.post-count, div#ArchiveList ul.flat li span.post-count{float:left;width:25px;padding:0 0;text-align:center;background:#eee;border-radius:3px;border:1px solid #ccc;font-size:12px;font-weight:normal} div#ArchiveList ul.flat {padding-right: 30px;} div#ArchiveList ul.flat li:not(:last-of-type) {margin-bottom: 5px;padding-bottom: 5px;} div#ArchiveList ul.flat li {font-size: 13px;} /* FeaturedPost Widget */ .widget.FeaturedPost .post-title{margin-bottom:3px} .widget.FeaturedPost .post-title a{font-size:16px;display:block;line-height:1.7em;max-height:4.5em;overflow:hidden;color:$(Hpost.Title.Color);font-weight:normal} .widget.FeaturedPost p.snippet-item.r-snippetized{color:#777777;line-height:1.7em;margin:5px 0;font-size:12px} .widget.FeaturedPost .item-thumbnail.thumb{width:100%;min-height:150px;margin:0;height:auto} /* PopularPosts Widget */ .PopularPosts a.item-thumbnail.thumb{width:90px;height:70px;margin-left:10px} .PopularPosts h3.post-title{width:calc((100% - 100px) / 1);float:left;overflow:hidden;margin-top:1px;text-align:right;max-height:4em} .PopularPosts h3.post-title a{font-size:13px;color:$(Hpost.Title.Color)} .PopularPosts article.post{display:block;overflow:hidden;clear:both;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee} .PopularPosts article.post:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0} /* FollowByEmail Widget */ .widget.FollowByEmail .follow-by-email-inner:before {content: "";height: 160px;width: 100%;text-align: center;display: block;background:center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='envelope-open' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inlin'%3E%3Cpath fill='%23585858' d='M349.32 52.26C328.278 35.495 292.938 0 256 0c-36.665 0-71.446 34.769-93.31 52.26-34.586 27.455-109.525 87.898-145.097 117.015A47.99 47.99 0 0 0 0 206.416V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V206.413a47.989 47.989 0 0 0-17.597-37.144C458.832 140.157 383.906 79.715 349.32 52.26zM464 480H48c-8.837 0-16-7.163-16-16V206.161c0-4.806 2.155-9.353 5.878-12.392C64.16 172.315 159.658 95.526 182.59 77.32 200.211 63.27 232.317 32 256 32c23.686 0 55.789 31.27 73.41 45.32 22.932 18.207 118.436 95.008 144.714 116.468a15.99 15.99 0 0 1 5.876 12.39V464c0 8.837-7.163 16-16 16zm-8.753-216.312c4.189 5.156 3.393 12.732-1.776 16.905-22.827 18.426-55.135 44.236-104.156 83.148-21.045 16.8-56.871 52.518-93.318 52.258-36.58.264-72.826-35.908-93.318-52.263-49.015-38.908-81.321-64.716-104.149-83.143-5.169-4.173-5.966-11.749-1.776-16.905l5.047-6.212c4.169-5.131 11.704-5.925 16.848-1.772 22.763 18.376 55.014 44.143 103.938 82.978 16.85 13.437 50.201 45.69 73.413 45.315 23.219.371 56.562-31.877 73.413-45.315 48.929-38.839 81.178-64.605 103.938-82.978 5.145-4.153 12.679-3.359 16.848 1.772l5.048 6.212z' %3E%3C/path%3E%3C/svg%3E");margin: 0 auto;} input.follow-by-email-address{display:block;width:100%;height:40px;margin:15px 0;border-radius:3px;border:1px solid #efefef;text-align:center} input.follow-by-email-submit{background:#eee;border:1px solid #ccc;padding:10px;border-radius:3px;width:100%;text-align:center;color:#6b6b6b;font-size:12px;cursor:pointer} input.follow-by-email-address::placeholder{font-weight:normal;font-size:14px} /* redirectPage css */ .ccontenr{height:250px;width:250px;margin:0 auto;text-align:center;border-radius:100%;border:20px solid #f8f8f8;position:relative;border-bottom-color:transparent} .two{display:flex;align-items:center;text-align:center;justify-content:center;height:100%;font-size:45px;position:relative;top:-8px} .border1{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)} .border2{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)} .border3{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)} .border4{position:absolute;top:-19px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom:23px solid #fff} .safgasdg{height:245px;width:270px;margin:0 auto;border:0;overflow:hidden} .zr{position:absolute;bottom:-10px;right:0;left:0;z-index:999999;border-style:solid;border-width:5px;border-color:rgba(0,0,0,0.03);display:inline-block;background-color:#f8f8f8;padding:5px 15px;width:160px;font-size:14px;margin:0 auto;border-radius:50px;color:#d2d2d2!important;text-decoration:none} .run{cursor:progress} .act{cursor:pointer;color:#3c5b92!important;border-color:$(step.color);border-style:double;transition:all 0.3s} a.zr.act:hover{border-color:$(step.color);background:$(step.color);color:#fff!important} .dis{cursor:no-drop;background-color:#ffcfcf;color:#de6262!important} /* contact US */ #contact-form{padding:20px;border:1px dashed #eee} div#Pagecontactus{margin:10px 0} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{margin:5px auto;border:1px solid #d6d6d6;transition:all .5s ease-out;width:100%;border-radius:2px;padding:8px 15px;margin-bottom:10px;background:transparent;font:400 14px 'Segoe UI'} input#ContactForm1_contact-form-name{margin-top:0} #ContactForm1_contact-form-submit{background:#eee;cursor:pointer;font-weight:bold;float:right;padding:8px 15px;color:#3c3c3c;margin:0 0;font-size:13px;border:1px solid #d4d4d4} div#ContactForm1_contact-form-error-message img{vertical-align:middle;margin-right:3px} textarea#ContactForm1_contact-form-email-message{margin-bottom:5px} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;border-color:rgb(60,91,146);border-style:solid} /* search-box */ .stxk{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.58);z-index:999999999999;-webkit-box-shadow:0 1px 15px 5px rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)} .stxk{display:none} .search-box{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;overflow:hidden;top:0;left:0;right:0;bottom:0} .search-box-fix{width:100%;margin:0 auto;height:100%;max-width:600px;background:transparent;vertical-align:middle;display:table-cell;position:fixed;max-height:150px;right:0;top:30%;bottom:0;left:0;z-index:999999999999999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;} .search-wrap{width:90%;height:100%;display:table;margin:0 auto;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;position:relative} .search-fo{width:100%;height:100%;vertical-align:middle;display:table-cell} .search-field{text-align:center;-webkit-appearance:none;padding:10px;border:none!important;background:transparent;width:100%;border-bottom:2px dashed #9e9e9e!important;font-size:30px;font-weight:bold;font-family:monospace;color:#fff} .search-submit,.search-submit2{background:#2c82c9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display:inline-block;margin:15px 0 -5px 0;width:45px;height:45px;position:relative;padding:7px 0;color:#ffffff;border-radius:5px;border:0!important} .search-submit{background:#eee;border:1px solid #ccc;width:45px;height:45px;border-radius:50%;border:1px solid #ccc!important} a.search-submit2 svg{margin:5px 0!important;width:30px!important;height:30px!important} a.search-submit2{position:absolute;left:-15px;top:-15px;margin:0;border-radius:50%;background:transparent} a.search-submit2 svg{margin:5px 0 0 0!important;vertical-align:-1px} .search-box{display:none} input.search-field::placeholder{color:#9e9e9e} .textst{font-size:40px;color:#fff;position:relative;top:-20px} header#sp-header .widget{overflow:initial} .post-body a[imageanchor]{margin:0 auto!important} .open.nav1,.search{display:flex;position:relative;float:left;margin:1px 0;background:$(step.color);width:30px;height:31px;text-align:center;align-items:center;border-radius:3px;top:14px;margin-right:5px} a.op-one svg,.search svg{color:$(H.Icon.Sh);margin:0 9px;width:13px!important;height:13px} .par-bottm.active .open.nav1,.par-bottm.active .search{top:-15px} .search svg{position:relative;top:2px} .pos-t-t{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.58);z-index:999999999;-webkit-box-shadow:0 1px 15px 5px rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)} .pos-t-t{display:none} .mop-pages,.mop-links{margin-bottom:15px} .mop-icon{margin-top:15px;margin-bottom:15px} .closebtn{text-align:right;position:absolute;top:0;left:0;font-size:23px;z-index:9999;height:55px;display:block;float:left;line-height:53px;color:#484848;width:100%;padding:0 20px 0 10px} .closebtn svg{width:1.3em;height:1.3em;margin-top:12px} .sidenav{height:100vh;width:250px;position:fixed;top:0;right:-260px;background-color:#ffffff;overflow-x:hidden;transition:0.3s;z-index:999999999999999999999999;padding-top:45px;padding-right:10px;padding-left:10px;padding-bottom:45px;max-width:100%} .sidenav.open {right: 0;} .mop-icon .social-static.social li{float:right;vertical-align:middle;list-style:none;width:calc((100% - 4px) / 4);margin-left:1px;margin-bottom:1px} .mop-icon .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center} .mop-links #menu{overflow:hidden;clear:both;height:inherit;width:inherit;display:block} .mop-pages #PageList1{overflow:hidden;clear:both;height:inherit;width:inherit;display:block} .mop-pages ul,.mop-links ul{padding-right:30px} .mop-pages ul li,.mop-links ul li{list-style:circle;font-size:13px} .mop-pages ul li:hover,.mop-links ul li:hover{list-style:disc} .mop-pages ul li a,.mop-links ul li a{color:#131313;display:block;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #eee;font-size:13px} .mop-links ul::before{display:none!important} .mop-links li ul li a{padding-right:13px!important} .mop-links li ul li a::before{right:0!important} .mop-links .ma2.pluselink2 ul.ma2ul{transform:none!important;opacity:1!important;visibility:visible!important;position:relative!important;box-shadow:none!important;top:0!important;right:auto!important;width:auto!important;border:none!important;padding-right:10px!important} .mop-links li.ma2.pluselink2 li a::before{transform:none!important} .mop-links .pluselink span.icon,.mop-links .pluselink2 span.icon{top: 8px !important;transform:none!important} .mop-links .ma.pluselink ul:not(.ma2ul){position:relative!important;right:auto!important;left:auto!important;top:auto!important;width:auto!important;background:transparent!important;box-shadow:none!important;border:none!important;transform:none!important;visibility:visible!important;opacity:1!important;padding-right:0!important;margin-right:-10px!important} .mop-links li.ma.pluselink span.icon{left:0!important;top:0!important} .mop-links .pluselink2:hover span.icon{left:0!important} .mop-links li.ma2.pluselink2 span.icon {top: 8px !important;} .loadMore{margin-top:15px;text-align:center;overflow:hidden;display:block;clear:both} .noMorePosts,div#loader,.loadMore .loadMorePosts a{width:130px;background:$(step.color);color:#fff;display:block;margin:0 auto;position:relative;font-size:14px;border-radius:1px;padding:8px 13px;text-align:right} .loadMore .loadMorePosts a:before,.noMorePosts:before,div#loader:before{content:"";width:27px;height:27px;display:block;background:$(grad.color);position:absolute;left:5px;bottom:4px;border-radius:100%} svg.icon-load{position:absolute;left:7.1px;bottom:5px;width:22px;height:22px;color:$(step.color)} div#loader svg.icon-load{bottom:7px;left:8px;width:21px;height:21px} .noMorePosts{width:150px!important} .noMorePosts svg.icon-load{width:19px;height:19px;bottom:8px;left:9px} table {max-width: 100%;} .titlewrapper .title{position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:250px} .descriptionwrapper{display:none} div#E3lanat{position:absolute;z-index:-1;opacity:0;visibility:hidden} .toctitle{display:block;font-size:17px;padding-bottom:6px;border-bottom:1px solid #eee;margin-bottom:6px;position:relative;padding-right:16px} .topcs7v{margin:15px 0;padding:15px 10px;border:1px solid #eee} ul#tocList{padding-right:30px} ul#tocList li{list-style:circle;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #f7f7f7} ul#tocList li:hover{list-style:disc} ul#tocList li:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0} ul#tocList li a{color:$(step.color);font-size:13px;display:block} ul#tocList li a:hover{color:#000} .toctitle:before{content:"*";color:$(step.color);padding-left:5px;line-height:1em;position:absolute;right:5px;top:8px} .hideensa{overflow:hidden;display:block;clear:both} svg.svg-inline--fa.fa-exclamation-triangle.fa-w-18{width:200px;margin:0 auto 0;display:block;height:200px;color:$(step.color)} /*================= New Worck ===================*/ .trelists{float:right;width:calc((100% - 30px) / 3)} div#Postnw5,div#Postnw2{margin:0 15px} .bocker{overflow:hidden;display:block;clear:both;position:relative} div#main .HTML{clear: both;position: initial !important;padding: 0 20px !important;margin:0;border:0;background:transparent;} .shreet .thumb,.shreet .Short_content{display:none} .shreet h3.rnav-title{height:initial} .shreet .Posts-byCategory {display: flex;position: absolute; right: 100%;transition: none !important;} .shreet h3.rnav-title a:before {margin-left: 5px;content:'';background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='file-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23444' d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-48-244v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;display: inline-block;vertical-align: middle;width: 13px;height: 13px;} #shreeta5bar .headline,.shreet{margin:0} #shreeta5bar .headline:before{display:none} #shreeta5bar .headline{flex-shrink:0;margin-left:15px} .shreet{position:relative;width:100%;height:40px;display:flex;overflow:hidden;align-items:center} .shreet h3.rnav-title a{font-size:14px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} div#shreeta5bar .Label{box-shadow:0 0 1px 0 #d6d6d6;border:1px solid #ebebeb;padding:0 10px;height:60px;background:#fff;display:flex;align-items:center;flex-flow:nowrap;flex:1 100%} #shreeta5bar .headline .title{float:right;height:35px;line-height:35px;padding:0 20px 0 50px;padding-top:0;padding-bottom:0;padding-right:50px;padding-left:20px;background:$(step.color);color:#ffffff;font-size:14px;position:relative;z-index:1} .shreet .items a.author,.shreet .items span.Date{display:none} .shreet .posts{padding-left:15px} .shreet span.category{display:none} #shreeta5bar .headline .title:before{display:none} #shreeta5bar .headline .title:before {content: "";position: absolute;right: 17px;top: 7px;width: 20px;height: 20px;background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='newspaper' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fff' d='M552 64H88c-13.234 0-24 10.767-24 24v8H24c-13.255 0-24 10.745-24 24v280c0 26.51 21.49 48 48 48h504c13.233 0 24-10.767 24-24V88c0-13.233-10.767-24-24-24zM32 400V128h32v272c0 8.822-7.178 16-16 16s-16-7.178-16-16zm512 16H93.258A47.897 47.897 0 0 0 96 400V96h448v320zm-404-96h168c6.627 0 12-5.373 12-12V140c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v168c0 6.627 5.373 12 12 12zm20-160h128v128H160V160zm-32 212v-8c0-6.627 5.373-12 12-12h168c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H140c-6.627 0-12-5.373-12-12zm224 0v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-128v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z' class=''%3E%3C/path%3E%3C/svg%3E") center no-repeat;display: block;} h3.rnav-title svg {float: right;vertical-align: middle;width: 13px;height: 13px;margin-left: 5px;margin-top: 2px;} /*================= responsev ===================*/ @media screen and (max-width:1100px){ div#top-social-L{margin-left:0} .floar{width:75%} .Sp-posts4 .posts:nth-of-type(1) .cont,.Sp-posts6 .posts .cont{margin:-80px 5% 0;width:90%} .post-home,.Sp-Normal .cont{text-align: right;width:calc((100% - 295px) / 1)} .post-outer .thumb,.Sp-Normal .thumb{width:280px} .Sp-posts1 .posts{width:calc((100% - 30px) / 3);margin-left:15px;margin-right:0!important;margin-bottom:15px} .Sp-posts1 .items a,.Sp-posts1 .items span{margin-left:0} } @media screen and (max-width:992px){ .open.nav1,.search{display:flex!important;top:-15px!important;position:absolute;z-index:9999999} .open.nav1{right:3%!important} .search{left:3%} .PopularPosts a.item-thumbnail.thumb{width:80px;height:70px} .PopularPosts h3.post-title{width:calc((100% - 90px) / 1)} #sidepar-wid{width:250px} .r-r{width:calc((100% - 250px - 15px) / 1)} .par-tp{top:-335px!important} nav.nav-par{display:none} .shareButton .icon{height:13px;width:13px;margin-top:2px} .Sp-slide .posts:nth-of-type(1){right:27.5%;width:45%} .Sp-slide .posts:nth-of-type(2),.Sp-slide .posts:nth-of-type(4){right:-45%;padding:0 0 0 15px;width:27.5%} .Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){padding:0 15px 0 0;width:27.5%} .par-bottm #Header1_headerimg{max-height:50px;text-align:center} .par-bottm #header-inner{width:auto;height:50px;margin:0 auto;text-align:center;display:block} header#sp-header .widget{overflow:initial;text-align:center;margin:0 auto} .par-bottm #logo{width:200px;height:50px;text-align:center;margin:0 auto} .logo{float:none} .head-pz{opacity:1} header#sp-header,.head-pz{height:72px!important} .par-bottm.active #logo{width:200px} .par-bottm.active #header-inner{width:200px} } @media screen and (max-width:860px){ .trelists {float: none;width:100%} .Sp-3colList .posts:nth-last-of-type(1),.Sp-3colList .posts:nth-last-of-type(2){margin-bottom:0!important;border-bottom:0!important;padding-bottom:0!important} .Sp-slide .posts:not(:first-of-type) .rnav-title{padding:0 5px;max-height:initial!important;height:inherit!important} .Sp-slide .posts:not(:first-of-type){vertical-align: top;height:inherit!important} .mid-top-footer .footer-col{width:calc((100% - 30px) / 3);margin-left:15px} .Sp-3colList .posts:nth-child(odd){margin-left:15px!important} .Sp-3colList .posts{overflow:hidden;width:calc((100% - 15px) / 2);margin:0 0;vertical-align:top;display:inline-block;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important} .r-r,#sidepar-wid{position: static !important;float:none;width:100%!important;margin:0} .Sp-slide .posts:nth-of-type(1){height:300px;right:0;width:100%;float:none;padding:0;margin-bottom:15px} .Sp-slide .posts:nth-of-type(1) .thumb{height:300px} .Sp-slide .posts:not(:first-of-type){margin:0 0 0 15px;width:calc((100% - 45px) / 4);padding:0!important;float:none;display:inline-block;right:0!important;left:0!important} .Sp-slide .posts:last-of-type{margin-left:0!important} } @media screen and (max-width:720px){ .titlewrapper .title {width: auto;top: 5px;} .headline .title{padding:8px 20px 6px} a.Lapel-Link{padding:8px 20px 6px} .Lapel-Link:hover{padding:8px 20px 6px 35px} footer{padding:15px} .mid-top-footer .footer-col .widget{margin-bottom:30px} .mid-top-footer .footer-col{float:none;width:100%;margin-left:0!important} .bottom-footer{padding:0;box-shadow:none} .bottom-footer .yemen{display: block !important;float:none;text-align:center;margin-bottom:10px} .yemen a[title="SeoPlus Template"] {display: inline-block !important;} .bottom-footer .shmal{float:none;margin-top:0;margin:0 auto;text-align:center} .shareButton a:nth-of-type(4){margin-right:0} .shareButton a{width:calc((100% - 20px) / 3)} } @media screen and (max-width:640px){ .textst{font-size:35px} .sides{width:100%;float:none;margin:0!important} .Sp-posts5 .posts:nth-of-type(1){margin-left:0;padding-left:0;width:100%;display:block;margin-bottom:15px;border-left:0;height:initial} .Sp-posts5 .posts:nth-of-type(1) a.thumb{width:100%;height:250px;margin-left:0} .Sp-posts5 .posts{margin-left:15px;float:none} .Sp-posts5 .posts:nth-of-type(3),.Sp-posts5 .posts:nth-of-type(5){margin-left:0} .Sp-posts5 .posts:nth-last-of-type(1),.Sp-posts5 .posts:nth-last-of-type(2){margin-bottom:0;padding-bottom:0;border-bottom:0} .Sp-posts5 .posts:nth-of-type(1) h3.rnav-title a{font-size:16px} .Sp-posts1 .posts:nth-of-type(odd),.post .Sp-posts1 .posts:nth-of-type(odd){margin-left:15px!important} .Sp-posts1 .posts,.post .Sp-posts1 .posts{width:calc((100% - 15px) / 2);margin-left:0!important;margin-right:0!important;margin-bottom:15px!important} .Sp-posts1 .posts:nth-last-of-type(1),.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-type(2){margin-bottom:0!important} .Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){margin-left:0!important} .Sp-slide .posts:not(:first-of-type){width:calc((100% - 15px) / 2);margin-bottom:15px} .Sp-slide .posts:nth-last-of-type(1),.Sp-slide .posts:nth-last-of-type(2){margin-bottom:0} .post-home,.Sp-Normal .cont{width:calc((100% - 195px) / 1)} .post-outer .thumb,.Sp-Normal .thumb{width:180px} .Sp-Normal span.category,.post-outer span.category{display:none!important} .Sp-posts2 .posts{width:calc((100% - 2px) / 2)} } @media screen and (max-width:550px){ .topic-nav-cont .newPost, .topic-nav-cont .oldPost {float: none;width: 100%;} .topic-nav-cont .newPost {margin-bottom: 5px;} .Sp-3colList .posts:nth-child(odd){margin-left:0!important} .Sp-posts5 .posts:not(:last-of-type),.Sp-posts5 .posts:nth-last-of-type(2),.Sp-3colList .posts,.Sp-3colList .posts:nth-last-of-type(2){margin-left:0;float:none;width:100%;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important} .Sp-posts5 .posts:nth-last-of-type(1){width:100%} } @media screen and (max-width:480px){ .post-outer .thumb,.Sp-Normal .thumb{width:50vw;margin-bottom:15px;width:100%;float:none} .post-home,.Sp-Normal .cont{width:100%;float:none} .Sp-Normal span.category,.post-outer span.category{display:inline-block!important} .Sp-slide .posts:nth-of-type(1) .cont{top: -110px;margin:-80px 15px 0} .Sp-slide .items a,.Sp-slide .items span{font-size:11px} .Sp-slide .items a svg{width:11px} .reactions-label{display:block;text-align:center;margin-bottom:15px} iframe.reactions-iframe{height:20px;display:block;vertical-align:middle;text-align:center;margin:0 auto} .author-profile{padding:15px} .authorph{width:80px;height:80px;right:0;left:0;top:0;margin:0 auto;position:relative;z-index:3;margin-bottom:15px} .dshdsgn{padding-left:0;padding-right:0;min-height:80px;text-align:center} #siki-page-number{font-size:12px;padding:15px 0} .siki-next-prev span{font-size:13px!important} div#rx-options{float:right!important} } @media screen and (max-width:360px){ .Sp-posts2 .posts{width:100%;margin-left:0!important} .shareButton a{width:calc((100% - 7px) / 2);margin-right:0!important} .commint-cont,.atags .blog-admin{float:none} .Sp-posts1 .posts,.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts,.post .Sp-posts1 .posts:nth-last-of-type(2){margin:0 0 15px!important;width:100%!important;display:block;overflow:hidden} .Sp-slide .posts:not(:first-of-type){width:100%;margin:0 0 15px!important} .Sp-slide .posts:nth-last-of-type(1){margin-bottom:0!important} .post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:15px!important} } ]]> div{margin-top:0!important} body#layout .contpotg div.section,body#layout footer div.section{border:0!important} body#layout div.section:after,header#sp-header:after,body#layout .contpotg:after,body#layout footer:after{content:"";height:2px;width:1050px;background:#eee;display:block;position:absolute;top:30px;right:-10px} body#layout div.section:before,header#sp-header:before,body#layout .contpotg:before,body#layout footer:before{background:#3560ab;color:#fff;padding:7px 35px;border-radius:30px;position:absolute;top:15px;right:15px;z-index:999;font-family:'Segoe UI'} div#main .HTML{width:50%!important;float:right!important;border:0!important;border-top:1px solid #eee!important} div#main .HTML div.layout-title{font-size:18px!important} div#Blog1{margin-bottom:40px!important} div#Blog1:before{content:"";display:block;position:absolute;width:130%;height:15px;background:#ececec;right:-20px;top:75px;left:0} div#HTML200,div#HTML201{margin-top:50px!important} div#HTML200:before{content:"";height:2px;width:1050px;background:#eee;display:block;position:absolute;top:-30px;right:-30px} div#HTML200:after{background:#3560ab;color:#fff;padding:7px 35px;border-radius:30px;position:absolute;top:-45px;right:0;z-index:999;font-family:'Segoe UI';content:"منطقة الاعلانات"} body#layout .trelists.section{float:right;width:222px;padding-top:10px!important;margin-top:-16px!important;border-top:0!important;border-left:0!important} body#layout .trelists.section:after,div#BotPostsc:after{display:none!important} body#layout div#Postnw4,body#layout div#Postnw5,body#layout div#Postnw6{margin-top:0!important;margin-bottom:0!important;border-bottom:0!important;border-top:1px solid #eee!important;padding-top:60px!important} body#layout div#Postnw4:after,body#layout div#Postnw5:after,body#layout div#Postnw6:after{display:block!important} body#layout div#BotPostsc{padding-top:15px!important} body#layout div.widget {border: 1px solid #eee;} body#layout .dr_active:before{content:'\افلت هُنا';font-size:30px;padding-top:25px;display:block;font-weight:700} body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed #3560ab;color:#111;margin-bottom:30px;top:20px;border-radius:2px} #sittings:before{content:"الإعدادت"!important} #sp-header:before{content:"القائمة العلوية"!important} #Topa3lan-sc:before{content:"إعلان أسفل القائمة العلوية"!important} #TopPost-sc:before,body#layout div#Postnw4:before,.contpotg:before{content:"منطقة التدوينات الاضافية"!important} div#sidepar:before{content:"القائمة الجانبية"!important} div#shreeta5bar:before{content:"شريط الاخبار"!important} div#E3lanat:before{content:"منطقة الاعلانات"!important} div#RedirectPage:before{content:"مميزات اضافية"!important} div#main:before{content:"منطقة التدوينات الأساسية"!important} footer:before{content:"ذيل المدونة (الفوتر)"!important} body#layout:before {content: "Seoplus V5 Free";text-align: center;position: absolute;right: 10px;top: 10px;background: #3560ab;font-weight: bold;color: #fff;padding: 10px 15px;border-radius: 3px;} ]]> <img data-src='' alt=''/> عفواً، هذه الاضافة لا تعمل علي نظام تكويد قالب سيو بلس عفواً، هذه الاضافة لا تعمل علي نظام تكويد قالب سيو بلس <meta content='' name='twitter:image' property='og:image'/><meta content='' property='og:image'/> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIKqXlFk4_JRB1dRXF9t7ZxHsCLZDARZ_5l2DHzPe0Xrnkz57XIqFFkHR8u7qgrJnfPGFiYb2uktmxsHzjCbOiT1pHIVgcG8DwtLMwrg3gNeiJeM2PlW6bFIvFCcQp6F6WRe0jfkFKuON/s1600/default.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIKqXlFk4_JRB1dRXF9t7ZxHsCLZDARZ_5l2DHzPe0Xrnkz57XIqFFkHR8u7qgrJnfPGFiYb2uktmxsHzjCbOiT1pHIVgcG8DwtLMwrg3gNeiJeM2PlW6bFIvFCcQp6F6WRe0jfkFKuON/s1600-e90-rw/default.png if($("#Pagecontactus").length){ $.getScript("https://www.blogger.com/static/v1/widgets/2227587253-widgets.js") .done(function() { $htmlcontact = " جميع الحقوق محفوظة ©the world Brand Model Display Processor Brand Model Display