Line 1: |
Line 1: |
− | <div style="font-size:2em;text-align:center;font-family:'Averia Serif Libre'">Welcome to the official Life After BOB Wiki.</div> | + | <div class="largetext">Welcome to the official Life After BOB Wiki.</div> |
| <div class="mp-main-container"> | | <div class="mp-main-container"> |
| | | |
− | <div style="display:flex;flex-direction:column;width:49%"> | + | <div class="mp-flex-box"> |
| | | |
− | <div class="mp-item-box" style="width:100%; height:60%"> | + | <div class="mp-item-box" id="about-container"> |
| <div class="mp-title">About [[Life After BOB]]</div> | | <div class="mp-title">About [[Life After BOB]]</div> |
| <div style="padding:1em"> | | <div style="padding:1em"> |
Line 13: |
Line 13: |
| </div> | | </div> |
| | | |
− | <div class="mp-item-box" style="width:100%;height:40%;margin-top:2%"> | + | <div class="mp-item-box" id="categories-container"> |
| <div class="mp-title">Categories</div> | | <div class="mp-title">Categories</div> |
| <div class="mp-category-grid" style="margin-left:auto;margin-right:auto"> | | <div class="mp-category-grid" style="margin-left:auto;margin-right:auto"> |
Line 29: |
Line 29: |
| </div> | | </div> |
| | | |
− | <div style="display:flex;flex-direction:column;width:49%"> | + | <div class="mp-flex-box"> |
− | <div class="mp-item-box" style="width:100%;height:75%"> | + | <div class="mp-item-box" id="fe-container"> |
| <div class="mp-title">Now Showing</div> | | <div class="mp-title">Now Showing</div> |
| {{FeaturedExhibition| | | {{FeaturedExhibition| |
Line 41: |
Line 41: |
| </div> | | </div> |
| | | |
− | <div class="mp-item-box" id="randompage" style="width:100%;margin-top:2%;height:25%"> | + | <div class="mp-item-box" id="randompage"> |
| <div class="mp-title">Random Article</div> | | <div class="mp-title">Random Article</div> |
| </div> | | </div> |
Line 48: |
Line 48: |
| </div> | | </div> |
| | | |
− | <div style="width:80%;display:block;margin-left:auto;margin-right:auto;"> | + | <div id="fc-container"> |
| <div class="mp-title">Featured Characters</div> | | <div class="mp-title">Featured Characters</div> |
| <div class="fc-grid" style="text-align:center;margin-left:auto;margin-right:auto"> | | <div class="fc-grid" style="text-align:center;margin-left:auto;margin-right:auto"> |