মিডিয়াউইকি:Common.css
অবয়ব
লক্ষ্য করুন: প্রকাশ করার পর, পরিবর্তনগুলো দেখতে আপনাকে আপনার ব্রাউজারের ক্যাশে পরিষ্কার করার প্রয়োজন হতে পারে।
- ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় 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>