"میڈیاویکی:Common.css" کے نسخوں کے درمیان فرق
Appearance
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں |
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں |
||
سطر 7: | سطر 7: | ||
.infobox { | .infobox { | ||
width: 250px; /* প্রয়োজন অনুযায়ী চেঞ্জ করো */ | |||
float: right; | |||
clear: right; | |||
margin-left: 10px; | |||
margin-bottom: 10px; | |||
overflow: hidden; /* অতিরিক্ত কনটেন্ট কেটে ফেলবে */ | |||
background: #f8f9fa; /* যদি ব্যাকগ্রাউন্ড দরকার হয় */ | |||
border: 1px solid #a2a9b1; | |||
padding: 5px; | |||
} | |||
.infobox img { | |||
max-width: 100%; /* ছবিকে ইনফোবক্সের সীমানায় রাখবে */ | |||
height: auto; | |||
} | } | ||
نسخہ بمطابق 17:36، 2 مارچ 2025ء
/* CSS placed here will be applied to all skins */
.infobox-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.infobox {
width: 250px; /* প্রয়োজন অনুযায়ী চেঞ্জ করো */
float: right;
clear: right;
margin-left: 10px;
margin-bottom: 10px;
overflow: hidden; /* অতিরিক্ত কনটেন্ট কেটে ফেলবে */
background: #f8f9fa; /* যদি ব্যাকগ্রাউন্ড দরকার হয় */
border: 1px solid #a2a9b1;
padding: 5px;
}
.infobox img {
max-width: 100%; /* ছবিকে ইনফোবক্সের সীমানায় রাখবে */
height: auto;
}
.content {
flex-grow: 1;
max-width: 800px;
margin-right: 320px;
}
@media (max-width: 768px) {
.infobox {
float: none;
width: 100%;
margin: 0;
}
.content {
margin-right: 0;
width: 100%;
}
}