Main Page: Difference between revisions

753 bytes added ,  2 years ago
convert Main Page to use flexboxes
(remove notice banner that has been up since September)
(convert Main Page to use flexboxes)
Line 1:
__NOCACHE__
<div style="display:flex; flex-flow:row wrap; justify-content:center;"> <!-- Outer flexbox container, containing the Welcome table + Talent tables on one side and the Infoboxes the other-->
{{Hololive Fan Wiki:Calendar}}
<div style="flex:1 1 300px;"> <!-- Flexbox element containing Welcome table + talent tables -->
{{Hololive Fan Wiki:Event banners|enablescheduling=y|maxevents=3|below=[[Hololive Fan Wiki:Event banners|See all events]]|belowstyle=text-align:right}}
{| <!-- Welcome table -->
 
<div style="text-align:center;">
{|
|-
| [[File:Hololivewikilogo thumb2.png|250px|WELCOME!|link=]]
|
[[File:Hololivewikilogo thumb2.png|250px|WELCOME!|link=]]
| style="text-align:left; vertical-align:top; " |
=== Welcome to the Hololive Fan Wiki!! ===
Line 35 ⟶ 32:
</div>
|}
 
<div style="vertical-align:top; margin:4px; padding:6px 0 0 0; text-align:center; width:532px; display:inline-block">
<div style="display:flex; flex-flow:row wrap; justify-content:center;"> <!-- Inner flexbox container, containing two sets of talent tables -->
<div style="vertical-align:top; margin:4px; padding:6px 0 0 0; text-align:center; widthflex-basis: 532px;"> display:inline<!-- Flexbox element for talent table set 1 --block">
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
Line 123 ⟶ 122:
{{Member Icon|Kazama Iroha|#44BFB7}}
|}
</div> <!-- Flexbox element for talent table set 1 -->
</div>
 
<div style="vertical-align:top; width:532px; display:inline-block">
<div style="vertical-align:top; margin:4px; padding:6px 0 0 0; text-align:center; widthflex-basis: 532px;"> display:inline <!-- Flexbox element for talent table set 2 --block">
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
Line 201 ⟶ 200:
{{Member Icon|Hakos Baelz|#D2251E}}
|}
</div> <!-- Flexbox element for talent table set 2 -->
</div> <!-- Inner flexbox container, containing two sets of talent tables -->
</div> <!-- Flexbox element containing Welcome table + talent tables -->
 
</div>
{{Hololive Fan Wiki:Calendar}}
{{Hololive Fan Wiki:Event banners|enablescheduling=y|maxevents=3|below=[[Hololive Fan Wiki:Event banners|See all events]]|belowstyle=text-align:right}}
</div>
 
</div>
</div> <!-- Outer flexbox container, containing the Welcome table + Talent tables on one side and the Infoboxes the other-->
</div>
 
== External Links and Resources ==
=== Official Sites ===