মিডিয়াউইকি:Common.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য
সম্পাদনা সারাংশ নেই ট্যাগ: পুনর্বহালকৃত মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা |
সম্পাদনা সারাংশ নেই ট্যাগ: পুনর্বহালকৃত মোবাইল সম্পাদনা মোবাইল ওয়েব সম্পাদনা |
||
| ১ নং লাইন: | ১ নং লাইন: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.worldbox-container { | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
align-items: flex-start; | align-items: flex-start; | ||
} | |||
.worldbox { | |||
width: 35%; /* ইনফোবক্সের প্রস্থ 35% */ | |||
width: 35%; /* ইনফোবক্সের প্রস্থ 35% | |||
float: right; | float: right; | ||
margin-left: 2%; | margin-left: 2%; | ||
font-size: 90%; | font-size: 90%; | ||
line-height: 1.4; | line-height: 1.4; | ||
} | |||
.worldbox-content { | |||
flex-grow: 1; | flex-grow: 1; | ||
max-width: 65% | max-width: 65%; | ||
width: 100%; | |||
} | |||
width: 100%; | |||
@media (max-width: 768px) { | |||
.worldbox { | .worldbox { | ||
float: none; | |||
width: 100%; | |||
margin: 0; | |||
} | } | ||
.worldbox-content { | .worldbox-content { | ||
width: 100%; | |||
padding-left: 0; | |||
padding-right: 0; | |||
margin-left: 0; | |||
} | } | ||
.worldbox-special-section { | .worldbox-special-section { | ||
order: -1; | |||
width: 100%; | |||
margin-top: 20px; | |||
} | } | ||
} | |||