ميدياويكي:Common.css

ملاحظة: بعد النشر، أنت قد تحتاج إلى إفراغ الكاش الخاص بمتصفحك لرؤية التغييرات.

فايرفوكس / سافاري: أمسك Shift أثناء ضغط Reload، أو اضغط على إما Ctrl-F5 أو Ctrl-R (⌘-R على ماك)
جوجل كروم: اضغط Ctrl-Shift-R (⌘-Shift-R على ماك)
إنترنت إكسبلورر/إيدج: أمسك Ctrl أثناء ضغط Refresh، أو اضغط Ctrl-F5
أوبرا: اضغط Ctrl-F5.

/* --- 1. Font Definition --- */
@font-face {
    font-family: 'Sahel';
    src: url('https://qanbus.com/resources/assets/fonts/Sahel.eot');
    src: url('https://qanbus.com/resources/assets/fonts/Sahel.eot?#iefix') format('embedded-opentype'),
        url('https://qanbus.com/resources/assets/fonts/Sahel.woff2') format('woff2'),
        url('https://qanbus.com/resources/assets/fonts/Sahel.woff') format('woff'),
        url('https://qanbus.com/resources/assets/fonts/Sahel.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

/* --- 2. Base Typography (Content Body) --- */
/* Targeting body and specific content areas to ensure override */
html, body, .mw-body, .mw-body-content, #content {
    /* Updated Fallback stack: Tahoma/Arial look better for Arabic if Sahel fails */
    font-family: 'Sahel', 'Tahoma', 'Arial', sans-serif !important;
    
    /* INCREASED FONT SIZE for readability */
    font-size: 18px !important; 
    
    /* INCREASED LINE HEIGHT for Arabic Tashkeel/Diacritics */
    line-height: 1.7 !important; 
    
    color: #202122; /* Dark grey instead of pure black is easier on eyes */
}

/* --- 3. Headings (H1, H2, H3...) --- */
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4,
.mw-body-content h1, .mw-body-content h2 {
    font-family: 'Sahel', 'Tahoma', 'Arial', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    padding-bottom: 5px;
}

/* Make the Main Page Title very big */
.firstHeading, .mw-first-heading {
    font-size: 2.4em !important;
    border-bottom: 2px solid #eaecf0; /* Adds a nice divider under title */
    margin-bottom: 0.5em;
}

/* Section Headers */
.mw-body h2 { font-size: 1.8em !important; margin-top: 1em; }
.mw-body h3 { font-size: 1.5em !important; }

/* --- 4. Lists (Bullet points) --- */
/* Arabic lists need breathing room */
.mw-body-content ul, .mw-body-content ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.mw-body-content li {
    margin-bottom: 0.3em;
}



/* --- 6. Input Fields & Search --- */
/* Ensures typing in search bars uses the nice Arabic font */
input, textarea, .mw-ui-input {
    font-family: 'Sahel', 'Tahoma', 'Arial', sans-serif !important;
    font-size: 16px !important;
}

/* --- 7. Footer Improvements --- */
.qfooter {
    padding-left: 0px; 
    padding-right: 0px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box; /* Prevents scrollbar issues if padding is added later */
}

/* --- 8. Hide Edit Section Links (As requested) --- */
.mw-editsection { 
    display: none !important; 
}