الفرق بين المراجعتين لصفحة: «قالب:موقعي:الصفحة الرئيسية/styles.css»

من مرصد الاقتصاد الأردني
أنشأ الصفحة ب'←‏------------------ تنسيق المحتوى الأساسي ------------------: ←‏المحتوى الأساسي: .mp-main { display: flex; flex-wrap: nowrap; max-width: 100%; ←‏EI8 - EI7: } ←‏العمود الأيمن: .mp-right { flex: 65%; display: flex; flex-direction: column; float: right; ←‏EI9 - EI8 - EI7: max-width: 65%; ←‏EI9 - EI8 - EI7: width: 64%; ←‏EI6 - EI5 - EI4: } .mp-tfa ←‏مقالة اليوم المختارة: ...'
 
استبدال الصفحة ب'.mp-Sec p { background: transparent !important; ←‏يزيل أي خلفية رمادية للفقرات داخل الصندوق: border: none !important; ←‏يزيل أي حدود إضافية: margin: 0; padding: 0; }'
وسم: استبدل
 
سطر ١: سطر ١:
/* ------------------ تنسيق المحتوى الأساسي ------------------ */
.mp-Sec p {
/* المحتوى الأساسي */
     background: transparent !important; /* يزيل أي خلفية رمادية للفقرات داخل الصندوق */
.mp-main {
     border: none !important; /* يزيل أي حدود إضافية */
display: flex;
     margin: 0;
flex-wrap: nowrap;
     padding: 0;
max-width: 100%; /* EI8 - EI7 */
}
 
/* العمود الأيمن */
.mp-right {
flex: 65%;
display: flex;
flex-direction: column;
float: right; /* EI9 - EI8 - EI7 */
max-width: 65%; /* EI9 - EI8 - EI7 */
width: 64%; /* EI6 - EI5 - EI4 */
}
 
.mp-tfa /* مقالة اليوم المختارة */ {
flex-grow: 1;
}
.mp-tga /* مقالة اليوم الجيدة */ {
flex-grow: 2;
}
.mp-tfl /* قائمة اليوم المختارة */ {
flex-grow: 3;
}
.mp-tfi /* صورة اليوم المختارة */ {
flex-grow: 4;
}
.mp-tfp /* بوابة اليوم المختارة */ {
flex-grow: 5;
}
.mp-what /* ما هي ويكيبيديا  */ {
flex-grow: 6;
}
 
/* العمود الأيسر */
.mp-left {
flex: 35%;
    display: flex;
    flex-direction: column;
    float: left; /* EI9 - EI8 - EI7*/
max-width: 35%; /* EI9 - EI8 - EI7*/
width: 35%; /* EI6 - EI5 - EI4 */
}
 
.mp-itn /* في الأخبار */ {
flex-grow: 1;
}
.mp-itd /* في هذا اليوم */ {
flex-grow: 2;
}
.mp-dyk /* هل تعلم */ {
flex-grow: 3;
}
.mp-said /* قيل */ {
flex-grow: 4;
}
.mp-cil /* الصحيح في اللغة */ {
flex-grow: 5;
}
.mp-creatbox /* هل تود إنشاء مقالة */{
flex-grow: 6;
}
/*
إخفاء قسم (ما هي ويكيبيديا) في العمود الأيسر في الشاشات الأكثر من 845بكسل
لأجل عرضه في آخر الترتيب في الشاشات الأقل من 845بكسل
*/
@media screen and (min-width: 845px) {
.mp-whatresponsive {
display: none;
}
}
 
/* تنسيق الأقسام */
.mp-Sec {
padding: 10px;
margin: 3px;
border: 1px solid #c6c9ff;
border-radius: 5px;
color: #000;
background: #fafaff;
}
.mp-SecTitle {
    position: relative;
    height: 25px;
    margin:2px 0 8px 0;
    top:4px;
}
.mp-SecCont {
    position: absolute;
    right: 4px;
    top: -5px;
}
.mp-SecBg {
    position: relative;
    right: -8px;
    top: 0;
}
.mp-SecIcon {
    position: absolute;
    right: -3px;
    top: -6px;
}
.mp-h2 {
    position: absolute;
    right: 40px;
    top: 1px;
    font-weight: bold;
    font-size: 130%;
}
 
/* ضبط حجم الصور على مختلف الشاشات */
body img {
  max-width: 100%;
    height: auto;
}
 
/* تنسيق المحتوى الأساسي على الشاشات الأقل من 845بكسل */
@media screen and (max-width: 845px) {
/* المحتوى الأساسي */
.mp-main {
    flex-direction: column;
    }
   
    /* العمود الأيمن */
    .mp-right {
float: none; /* EI9 */
min-width: 100%; /* EI9 */
}
/* ترتيب الأقسام في العمود الأيمن */
     .mp-tfa /* مقالة اليوم المختارة */ {
order: 1;
}
.mp-tga /* مقالة اليوم الجيدة */ {
order: 3;
}
.mp-tfl /* قائمة اليوم المختارة */ {
order: 4;
}
.mp-tfi /* صورة اليوم المختارة */ {
order: 2;
}
/* العمود الأيسر */
.mp-left {
float: none; /* EI9 */
min-width: 100%; /* EI9 */
}
/* ترتيب الأقسام في العمود الأيسر */
.mp-itn /* في الأخبار */ {
order: 1;
}
.mp-itd /* في هذا اليوم */ {
order: 2;
}
.mp-dyk /* هل تعلم */ {
order: 3;
}
.mp-whatresponsive /* ما هي ويكيبيديا */ {
order: 4;
}
/* أقسام مخفية */
.mp-tfp, /* بوابة اليوم المختارة */
    .mp-said, /* قيل */
    .mp-cil, /* الصحيح في اللغة */
    .mp-creatbox, /* هل تود إنشاء مقالة */
    .mp-what /* ما هي ويكيبيديا (العمود الأيمن) */ {
  display:none;
    }
}
 
/* تنسيق الصفحة الرئيسية على تطبيق ويكيبيديا على الاندرويد */
.pcs-widen-image-ancestor {
width: initial !important;
height: initial !important;
}
div[class="mp-SecCont pcs-widen-image-ancestor"] {
position: initial !important;
}
 
/* ------------------ تنسيق قسمي المقدمة ومشاريع شقيقة ------------------ */
/* المقدمة ومشاريع شقيقة */
.mp-intro,
.mp-sister {
background: #f8f8f8;
clear: both;
}
 
/* ضبط تمركز محتوى قسم مشاريع شقيقة */
#sister-projects-list {
width: 100% !important;
text-align: center !important;
}
#sister-projects-list div {
text-align: right !important;
}
 
/* تنسيق المقدمة على واجهة منيرفانيو على سطح المكتب */
.mp-intro  tr:nth-child(2)  table {
float: left !important;
}
 
/* تنسيق المقدمة ومشاريع شقيقة على الشاشات الأقل من 845 بكسل */
@media screen and (max-width: 845px) {
/* تنسيق المقدمة على واجهة منيرفانيو */
body.skin-minerva table,
body.skin-minerva tbody,
body.skin-minerva tr,
     body.skin-minerva td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
   
    /* تنسيق المقدمة على باقي الواجهات */
    body table,
body tbody,
body tr,
    body td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
   
    /* ضبط تمركز قسم البوابات في المقدمة */
     #wikiportals tbody tr:nth-child(1) {
    text-align: center;
     }
}
 
/* تنسيق المقدمة على الشاشات الأكثر من 480بكسل */
@media screen and (min-width: 480px) {
#wikiportals tbody tr:nth-child(1) {
    columns: 3 auto;
    }
}
 
/* تنسيق المقدمة على الشاشات الأقل من 480بكسل و الأكثر من 320بكسل */
@media screen and (min-width: 320px) and (max-width: 480px) {
#wikiportals tbody tr:nth-child(1) {
    columns: 2 auto;
    }
}
}

المراجعة الحالية بتاريخ ٢١:١٤، ٣ فبراير ٢٠٢٥

.mp-Sec p {
    background: transparent !important; /* يزيل أي خلفية رمادية للفقرات داخل الصندوق */
    border: none !important; /* يزيل أي حدود إضافية */
    margin: 0;
    padding: 0;
}