মিডিয়াউইকি:Common.css

Arsait (আলোচনা | অবদান) কর্তৃক ০৩:৪৯, ২৭ ফেব্রুয়ারি ২০২৫ তারিখে সংশোধিত সংস্করণ

লক্ষ্য করুন: প্রকাশ করার পর, পরিবর্তনগুলো দেখতে আপনাকে আপনার ব্রাউজারের ক্যাশে পরিষ্কার করার প্রয়োজন হতে পারে।

  • ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় Ctrl-F5 বা Ctrl-R টিপুন (ম্যাকে ⌘-R টিপুন)
  • গুগল ক্রোম: Ctrl-Shift-R (ম্যাকে ⌘-Shift-R) টিপুন
  • এজ: Ctrl ধরে রাখা অবস্থায় Refresh-এ ক্লিক করুন, অথবা Ctrl-F5 টিপুন।
  • অপেরা: Ctrl-F5 টিপুন।
/* CSS placed here will be applied to all skins */
<style>
  .worldbox-container {
    display: flex;
    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%; /* কন্টেন্টের প্রস্থ 65% হবে */
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%; /* কন্টেন্ট পূর্ণ প্রস্থে থাকবে */
  }

  /* মোবাইল ভিউতে কনটেন্ট ও ইনফোবক্স পরিবর্তন */
  @media (max-width: 768px) {
    .worldbox {
      float: none;
      width: 100%;
      margin: 0;
    }

    .worldbox-content {
      margin-right: 0;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
    }

    .worldbox-special-section {
      order: -1;
      width: 100%;
      margin-top: 20px;
    }
  }
</style>