|
ট্যাগ: প্রতিস্থাপিত হাতদ্বারা প্রত্যাবর্তন |
| ১ নং লাইন: |
১ নং লাইন: |
| /* CSS placed here will be applied to all skins */ | | /* 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;
| |
| }
| |
| }
| |
