/* ========================================================================== PAKISTAN INSIDER OFFICIAL - PREMIUM NEWS LAYOUT OPTIMIZATION ========================================================================== *//* 1. HEADER & NAVIGATION MINIMAL LOOK */ header, .site-header { background: #ffffff !important; box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important; border-bottom: 2px solid #f1f1f1; padding: 12px 0 !important; }/* 2. MOBILE DRAWER / SIDEBAR MENU IMPROVEMENT */ /* Dark overlay menu ko modern aur neat look dene ke liye */ .offcanvas-menu, .mobile-menu-container, .drawer-menu { background-color: #111625 !important; /* Rich Dark Slate Blue */ padding: 30px 20px !important; }.mobile-menu-container ul li a { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-style: normal !important; /* Italic se hata kar professional normal weight */ font-weight: 600 !important; font-size: 16px !important; letter-spacing: 0.5px; padding: 12px 15px !important; border-bottom: 1px solid rgba(255,255,255,0.05); transition: all 0.3s ease; }/* Hover effect on mobile menu items */ .mobile-menu-container ul li a:hover { color: #0073aa !important; /* News Accent Blue */ background: rgba(255, 255, 255, 0.03); padding-left: 20px !important; }/* 3. MAIN BODY POST CARDS (SUBTLE IMPROVEMENTS) */ /* Aap ki body theek hai, bas hover par halka sa transition diya hai jo engagement barhayega */ .post-card, .entry-card, .blog-post { background: #ffffff !important; border: 1px solid #eef2f5 !important; border-radius: 6px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }.post-card:hover { transform: translateY(-3px); /* Card halka sa upar uthega jab user mouse layega */ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06) !important; }/* Category Badges (e.g., ECONOMY, BLOG) */ .category-badge, .cat-links a { text-transform: uppercase; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1px; color: #ff3b30 !important; /* Red color for breaking/news impact */ }/* 4. FOOTER OPTIMIZATION FOR ADSENSE */ /* Footer ko clean aur well-spaced banaya hai taake link readability achhi ho */ footer, .site-footer { background: #f8f9fa !important; border-top: 1px solid #e9ecef; padding: 40px 0 20px 0 !important; }/* Footer links placement */ .footer-navigation ul, .site-footer .menu { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 20px !important; list-style: none; }.footer-navigation ul li a, .site-footer .menu li a { color: #4a5568 !important; font-size: 13px !important; font-weight: 500; text-transform: uppercase; text-decoration: none; transition: color 0.2s ease; }.footer-navigation ul li a:hover, .site-footer .menu li a:hover { color: #0073aa !important; }/* Copyright Text */ .site-footer .copyright, .footer-copyright { font-size: 12px !important; color: #718096 !important; text-align: center; margin-top: 15px; }

Pakistan Insider Official
Pakistan Insider Official

Premium News Layout for Pakistan Insider

Clean header, modern mobile menu, smooth post cards, category badges, and a readable footer optimized for a professional news website.

Pakistan

Breaking developments in national politics

A polished card layout with subtle hover motion for better readability and engagement.

2 hours ago
Business

Market trends and the latest economic outlook

Use this section for featured stories, headlines, and important updates from around the country.

5 hours ago
Sports

Cricket coverage and major sports headlines

Responsive structure keeps your site neat on mobile, tablet, and desktop devices.

Today

Yaar is ke aik proper website bana do