"میڈیاویکی:Common.css" کے نسخوں کے درمیان فرق
Appearance
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں ٹیگ: ردِّ ترمیم |
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں ٹیگ: ردِّ ترمیم |
||
سطر 30: | سطر 30: | ||
/* মোবাইল ভিউতে worldbox নিচে আসবে */ | /* মোবাইল ভিউতে worldbox নিচে আসবে */ | ||
@media (max-width: | @media (max-width: 1024px) { | ||
.worldbox-container { | .worldbox-container { | ||
display: block; | display: block; |
نسخہ بمطابق 15:33، 2 مارچ 2025ء
/* CSS placed here will be applied to all skins */
@media (min-width: 1024px) {
.worldbox-container {
display: flex;
align-items: flex-start;
}
/* উইকিপিডিয়ার মতো ইনফোবক্স */
.worldbox {
width: 280px;
float: right;
margin-left: 15px;
margin-bottom: 10px;
clear: right;
}
/* কনটেন্ট বাম পাশে থাকবে */
.worldbox-content {
flex-grow: 1;
max-width: calc(100% - 320px);
}
/* ইনফোবক্স নিচে গেলে ফুল-উইডথ হবে */
.worldbox-container::after {
content: "";
display: table;
clear: both;
}
}
/* মোবাইল ভিউতে worldbox নিচে আসবে */
@media (max-width: 1024px) {
.worldbox-container {
display: block;
}
.worldbox-special-section {
order: 1;
}
.worldbox {
width: 100%;
order: 2;
float: none;
margin: 0;
}
.worldbox-content {
width: 100%;
order: 3;
}
}