الفرق بين المراجعتين لصفحة: «ميدياويكي:Common.css»

مراجعة ٠٩:٠٢، ٤ ديسمبر ٢٠٢٥

/* --- 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;
}

/* --- 5. Table of Contents (TOC) --- */
/* Usually TOC is too small in standard MediaWiki */
#toc, .toc, .mw-table-of-contents-container {
    font-size: 0.95em !important;
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    border-radius: 8px; /* Rounded corners look modern */
}

/* --- 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; 
}