ميدياويكي:Common.css: الفرق بين النسختين
BasraweAdmin (نقاش | مساهمات) لا ملخص تعديل |
BasraweAdmin (نقاش | مساهمات) لا ملخص تعديل |
||
| (٤ مراجعات متوسّطة بواسطة نفس المستخدِم غير معروضة) | |||
| سطر ٤٢٨: | سطر ٤٢٨: | ||
grid-template-columns: repeat(2, minmax(0,1fr)) !important; | grid-template-columns: repeat(2, minmax(0,1fr)) !important; | ||
gap: 8px !important; | gap: 8px !important; | ||
} | |||
} | |||
/* ========================================= | |||
Basrawe Explore - Compact Mobile Cards | |||
========================================= */ | |||
@media screen and (max-width: 600px) { | |||
.basrawe-home-explore { | |||
display: grid !important; | |||
grid-template-columns: 1fr !important; | |||
gap: 8px !important; | |||
} | |||
.basrawe-home-explore-card { | |||
display: flex !important; | |||
flex-direction: row !important; | |||
align-items: center !important; | |||
gap: 12px !important; | |||
min-height: 0 !important; | |||
height: auto !important; | |||
padding: 13px 15px !important; | |||
border-radius: 11px !important; | |||
text-align: right !important; | |||
} | |||
.basrawe-home-explore-card .basrawe-icon { | |||
flex: 0 0 34px !important; | |||
width: 34px !important; | |||
font-size: 25px !important; | |||
margin: 0 !important; | |||
text-align: center !important; | |||
} | |||
.basrawe-home-explore-card .basrawe-title { | |||
flex: 1 1 auto !important; | |||
margin: 0 !important; | |||
font-size: 16px !important; | |||
line-height: 1.5 !important; | |||
font-weight: 700 !important; | |||
word-break: normal !important; | |||
overflow-wrap: normal !important; | |||
} | |||
/* الوصف يبقى على الكمبيوتر ويختفي فقط من الموبايل */ | |||
.basrawe-home-explore-card .basrawe-desc { | |||
display: none !important; | |||
} | |||
} | |||
/* ========================================= | |||
Basrawe Explore - Mobile Compact Final | |||
========================================= */ | |||
@media screen and (max-width: 600px) { | |||
.basrawe-home-explore { | |||
gap: 7px !important; | |||
} | |||
.basrawe-home-explore-card { | |||
height: 76px !important; | |||
min-height: 76px !important; | |||
max-height: 76px !important; | |||
padding: 10px 14px !important; | |||
margin: 0 !important; | |||
display: flex !important; | |||
flex-direction: row !important; | |||
align-items: center !important; | |||
justify-content: flex-start !important; | |||
gap: 12px !important; | |||
box-sizing: border-box !important; | |||
} | |||
.basrawe-home-explore-card .basrawe-icon { | |||
flex: 0 0 36px !important; | |||
width: 36px !important; | |||
font-size: 25px !important; | |||
line-height: 1 !important; | |||
text-align: center !important; | |||
} | |||
.basrawe-home-explore-card .basrawe-title { | |||
flex: 1 1 auto !important; | |||
font-size: 16px !important; | |||
line-height: 1.45 !important; | |||
margin: 0 !important; | |||
} | |||
.basrawe-home-explore-card .basrawe-desc { | |||
display: none !important; | |||
} | |||
} | |||
/* إزالة الفراغات التي يولدها MediaWiki بين بطاقات الرئيسية */ | |||
@media screen and (max-width: 600px) { | |||
.basrawe-home-explore > p, | |||
.basrawe-home-explore > br { | |||
display: none !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
height: 0 !important; | |||
min-height: 0 !important; | |||
} | |||
.basrawe-home-explore { | |||
row-gap: 8px !important; | |||
margin: 0 !important; | |||
} | |||
.basrawe-home-explore-card { | |||
margin-top: 0 !important; | |||
margin-bottom: 0 !important; | |||
} | |||
} | |||
/* ========================================= | |||
Basrawe Main Page - Clean Interface | |||
إخفاء عنوان وأدوات المقالة من الرئيسية فقط | |||
========================================= */ | |||
/* عنوان الصفحة */ | |||
body.page-الصفحة_الرئيسية #firstHeading, | |||
body.page-الصفحة_الرئيسية .firstHeading, | |||
body.page-الصفحة_الرئيسية .mw-first-heading, | |||
body.page-الصفحة_الرئيسية .page-heading { | |||
display: none !important; | |||
} | |||
/* شريط اقرأ / عدل / تاريخ / نقاش على الكمبيوتر */ | |||
body.page-الصفحة_الرئيسية .vector-page-toolbar, | |||
body.page-الصفحة_الرئيسية #p-views, | |||
body.page-الصفحة_الرئيسية #p-cactions { | |||
display: none !important; | |||
} | |||
/* أدوات الصفحة في Minerva على الموبايل */ | |||
body.page-الصفحة_الرئيسية .page-actions-menu, | |||
body.page-الصفحة_الرئيسية .minerva__tab-container { | |||
display: none !important; | |||
} | |||
/* تقليل الفراغ أعلى المحتوى */ | |||
body.page-الصفحة_الرئيسية #bodyContent, | |||
body.page-الصفحة_الرئيسية .mw-body-content { | |||
margin-top: 0 !important; | |||
} | |||
/* ========================================= | |||
Basrawe Main Page - Wide Desktop Layout | |||
========================================= */ | |||
@media screen and (min-width: 1000px) { | |||
/* إخفاء العمودين الجانبيين في الصفحة الرئيسية فقط */ | |||
body.page-الصفحة_الرئيسية .vector-column-start, | |||
body.page-الصفحة_الرئيسية .vector-column-end { | |||
display: none !important; | |||
} | |||
/* جعل محتوى الرئيسية يستفيد من العرض */ | |||
body.page-الصفحة_الرئيسية .mw-page-container-inner { | |||
grid-template-columns: minmax(0, 1fr) !important; | |||
} | |||
body.page-الصفحة_الرئيسية .mw-body { | |||
grid-column: 1 !important; | |||
width: 100% !important; | |||
max-width: none !important; | |||
} | |||
body.page-الصفحة_الرئيسية .mw-content-container { | |||
max-width: 1400px !important; | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
} | } | ||
} | } | ||