বিষয়বস্তুতে চলুন

মিডিয়াউইকি:Common.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য

From ওয়ার্ল্ডপিডিয়া, the free encyclopedia
সম্পাদনা সারাংশ নেই
ট্যাগ: পুনর্বহালকৃত মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা
সম্পাদনা সারাংশ নেই
ট্যাগ: পুনর্বহালকৃত
১ নং লাইন: ১ নং লাইন:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
.worldbox-container {
@media (min-width: 1024px) {
    display: flex;
    .worldbox-container {
    flex-wrap: wrap;
        display: flex;
    align-items: flex-start;
        flex-wrap: wrap;
}
        align-items: flex-start;
    }


.worldbox {
    width: 35%; /* ইনফোবক্সের প্রস্থ 35% */
    float: right;
    margin-left: 2%;
    font-size: 90%;
    line-height: 1.4;
}
.worldbox-content {
    flex-grow: 1;
    max-width: 65%;
    width: 100%;
}
@media (max-width: 768px) {
     .worldbox {
     .worldbox {
         float: none;
        width: 40%; /* ইনফোবক্সের প্রস্থ */
         width: 100%;
         float: right; /* ডান পাশে রাখবে */
         margin: 0;
         position: sticky;
         top: 10px;
     }
     }


     .worldbox-content {
     .worldbox-special-section, .worldbox-content {
         width: 100%;
         width: 58%; /* কনটেন্টের প্রস্থ */
         padding-left: 0;
         float: left; /* বাম পাশে শুরু হবে */
        padding-right: 0;
        margin-left: 0;
     }
     }


     .worldbox-special-section {
     .worldbox-content {
         order: -1;
         clear: both;
         width: 100%;
         width: 100%; /* worldbox-এর নিচে ফুল-উইডথ হবে */
        margin-top: 20px;
     }
     }
}
}

১৫:১৪, ২ মার্চ ২০২৫ তারিখে সংশোধিত সংস্করণ

/* CSS placed here will be applied to all skins */
@media (min-width: 1024px) {
    .worldbox-container {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .worldbox {
        width: 40%; /* ইনফোবক্সের প্রস্থ */
        float: right; /* ডান পাশে রাখবে */
        position: sticky;
        top: 10px;
    }

    .worldbox-special-section, .worldbox-content {
        width: 58%; /* কনটেন্টের প্রস্থ */
        float: left; /* বাম পাশে শুরু হবে */
    }

    .worldbox-content {
        clear: both;
        width: 100%; /* worldbox-এর নিচে ফুল-উইডথ হবে */
    }
}