"میڈیاویکی:Common.css" کے نسخوں کے درمیان فرق
Appearance
Arsait (تبادلۂ خیال | شراکتیں) Replaced content with "←CSS placed here will be applied to all skins: " ٹیگ: مواد کی تبدیلی دستی ردِّ ترمیم |
Arsait (تبادلۂ خیال | شراکتیں) کوئی خلاصۂ ترمیم نہیں |
||
سطر 1: | سطر 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.infobox-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: flex-start; | |||
} | |||
.infobox { | |||
width: 300px; | |||
float: right; | |||
margin-left: 20px; | |||
} | |||
.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%; | |||
} | |||
} |
نسخہ بمطابق 15:53، 2 مارچ 2025ء
/* CSS placed here will be applied to all skins */
.infobox-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.infobox {
width: 300px;
float: right;
margin-left: 20px;
}
.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%;
}
}