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

From ওয়ার্ল্ডপিডিয়া, the free encyclopedia

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

  • ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় Ctrl-F5 বা Ctrl-R টিপুন (ম্যাকে ⌘-R টিপুন)
  • গুগল ক্রোম: Ctrl-Shift-R (ম্যাকে ⌘-Shift-R) টিপুন
  • ইন্টারনেট এক্সপ্লোরার / এজ: Ctrl ধরে রাখা অবস্থায় Refresh-এ ক্লিক করুন, অথবা Ctrl-F5 টিপুন
  • অপেরা: Ctrl-F5 টিপুন।
/* All CSS here will be loaded for users of the mobile site */
/* # REDIRECT [[MediaWiki:Minerva.css]] <!-- Minerva.css is now render blocking --> */

/* ছবির সাইজ ঠিক করা */
.mw-content-ltr img {
    max-width: 90% !important; /* ছবিকে স্ক্রিনের মধ্যে রাখা */
    height: auto !important;
    display: block;
    margin: 0 auto; /* ছবিকে সেন্টার করা */
}

/* টেবিল বা ইনফোবক্স ঠিক করা */
.infobox {
    width: 100% !important;
    max-width: 320px; /* মোবাইলে সুন্দরভাবে ফিট করার জন্য */
    font-size: 14px;
}

/* ইনফোবক্সের টেবিলের অন্যান্য কনটেন্ট লেফট অ্যালাইন থাকবে */
.infobox td {
    text-align: left !important;
}

/* ইনফোবক্সের শিরোনাম (যেমন Born, Other names) মিডল করা */
.infobox th {
    text-align: center !important;
}

/* ইনফোবক্সের "নেটিভ নাম" (Native name) মিডল সেন্টার করা */
.infobox tr:nth-child(2) td {
    text-align: center !important;
    font-weight: bold;
}

/* ফটো ক্যাপশন (image caption) মিডল সেন্টার করা */
.infobox .infobox-caption, 
.infobox td.caption {
    text-align: center !important;
    display: block;
}

/* সাধারণ ছবির সাইজ ৮০% করা */
.infobox .infobox-image img {
    max-width: 90% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* সিগনেচার ফটো ৪০% করা */
.infobox .infobox-signature img {
    max-width: 40% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* সিগনেচার ছবির সাইজ ৪০% করা */
.infobox td a img {
    max-width: 40% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* সব ইনফোবক্সের শিরোনাম মিডল সেন্টার করা */
.infobox.officeholder th {
    text-align: center !important;
}

/* ইনফোবক্সের নির্দিষ্ট কন্টেন্ট মিডল সেন্টার রাখা */
.infobox.officeholder .infobox-title,
.infobox.officeholder .infobox-image,
.infobox.officeholder .infobox-caption,
.infobox.officeholder .infobox-label {
    text-align: center !important;
}

/* "In office" সেন্টার করা */
.infobox.officeholder th {
    text-align: center !important;
}

/* "term_start" এবং "term_end" সেন্টার করা */
.infobox.officeholder td {
    text-align: center !important;
}

/* "In office" টেবিলের তারিখ সেন্টার করা */
.infobox.officeholder tr th:contains("In office") + td {
    text-align: center !important;
}

body.page-Main_Page #firstHeading {
    display: none;
}
@media screen and (max-width: 767px) {
    body.page-Main_Page #firstHeading {
        display: none;
    }
}