User:AnatoleSerial/Sandbox: Difference between revisions

From Hololive Fan Wiki
Content added Content deleted
VisualWikitext
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="display:flex; flex-flow:row wrap; justify-content:center;"> <!--flex wrapper-->
<div style="display: grid; grid-template-columns: auto auto auto auto auto; gap: 0px; "> <!-- class="genWrapper" -->
<div style="grid-column-start: 1; grid-column-end: 6; border: 1px solid #73AD21; justify-content:center;"> <!-- class="genHeader" -->
[[Hololive 0th Generation]]
</div>
<div style="display: inline-block; position: relative; background-color: #2A69FB; overflow: hidden; width: 96px; height:300px;"><!-- class="portraitContainer" -->
<div style="display: inline-block; position: absolute; overflow:hidden; left:-195px; top:-20px;" ><!-- class="portraitDiv" -->
[[File:Tokino Sora - 3D Model 06-1.png|400px|frameless]]
</div>
</div>
<!-- TEMP FILLERS -->
<div style="display: inline-block; position: relative; background-color: #2A69FB; overflow: hidden; width: 96px; height:300px;"><!-- class="portraitContainer" -->
<div style="display: inline-block; position: absolute; overflow:hidden; left:-195px; top:-20px;" ><!-- class="portraitDiv" -->
[[File:Tokino Sora - 3D Model 06-1.png|400px|frameless]]
</div>
</div>
<div style="display: inline-block; position: relative; background-color: #2A69FB; overflow: hidden; width: 96px; height:300px;"><!-- class="portraitContainer" -->
<div style="display: inline-block; position: absolute; overflow:hidden; left:-195px; top:-20px;" ><!-- class="portraitDiv" -->
[[File:Tokino Sora - 3D Model 06-1.png|400px|frameless]]
</div>
</div>
<div style="display: inline-block; position: relative; background-color: #2A69FB; overflow: hidden; width: 96px; height:300px;"><!-- class="portraitContainer" -->
<div style="display: inline-block; position: absolute; overflow:hidden; left:-195px; top:-20px;" ><!-- class="portraitDiv" -->
[[File:Tokino Sora - 3D Model 06-1.png|400px|frameless]]
</div>
</div>
<div style="display: inline-block; position: relative; background-color: #2A69FB; overflow: hidden; width: 96px; height:300px;"><!-- class="portraitContainer" -->
<div style="display: inline-block; position: absolute; overflow:hidden; left:-195px; top:-20px;" ><!-- class="portraitDiv" -->
[[File:Tokino Sora - 3D Model 06-1.png|400px|frameless]]
</div>
</div>
</div>
</div>


<div style="display: inline-block;>HELLO</div>

<!--
{{Under construction}}
<div style="display:flex; flex-flow:row wrap; justify-content:center;">
<div style="margin:4px; padding:6px 0 0 0; text-align:center; flex-basis: 532px;">
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | [[Usada Pekora|Usada Construction]]
|-
| style="text-align:center" |
{{Member Icon|Usada Pekora|#7DC4FC}}
{{Member Icon|Moona Hoshinova|#CBB3FF}}
{{Member Icon|Shishiro Botan|#A4E5CF}}<br/>
{{Member Icon|Tokoyami Towa|#7B66A8}}
{{Member Icon|Takanashi Kiara|#FF511C}}
{{Member Icon|Amane Kanata|#367CE5}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | [[Minato Aqua|AKUKIN Construction]]
|-
| style="text-align:center" |
{{Member Icon|Minato Aqua|#257AFE}}
{{Member Icon|Aki Rosenthal|#4982FE}}
{{Member Icon|Yuzuki Choco|#FFA4CF}}
{{Member Icon|Houshou Marine|#B33733}}<br/>
{{Member Icon|Ookami Mio|#C2233F}}
{{Member Icon|Yozora Mel|#FF7709}}
{{Member Icon|Momosuzu Nene|#FFB65D}}
{{Member Icon|Roboco|#FFA3CF}}<br/>
{{Member Icon|Yukihana Lamy|#6CCDF8}}
{{Member Icon|Airani Iofifteen|#FDEFEE}}
{{Member Icon|Amane Kanata|#367CE5}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | [[Shiranui Flare|Shiranui Construction]]
|-
| style="text-align:center" |
{{Member Icon|Shiranui Flare|#FD4018}}
{{Member Icon|Omaru Polka|#CF2830}}
{{Member Icon|Sakura Miko|#F60E3E}}
{{Member Icon|Hoshimachi Suisei|#7BACEC}}
{{Member Icon|Shirogane Noel|#AEBBC3}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:304px;" | [[Oozora Subaru|Oozora Construction Circle]]
|-
| style="text-align:center" |
{{Member Icon|Oozora Subaru|#E4F857}}
{{Member Icon|Himemori Luna|#E77DBC}}
{{Member Icon|Natsuiro Matsuri|#F9AC48}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:102px;" | [[Shirakami Fubuki|Shirakami]]
|-
| style="text-align:center" |
{{Member Icon|Shirakami Fubuki|#46BFE6}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:102px;" | [[Akai Haato|HAACHAMA]]
|-
| style="text-align:center" |
{{Member Icon|Akai Haato|#F1476E}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:102px;" | [[Tsunomaki Watame|UBER SHEEP]]
|-
| style="text-align:center" |
{{Member Icon|Tsunomaki Watame|#FDE52A}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:204px;" | SorAZ
|-
| style="text-align:center" |
{{Member Icon|Tokino Sora|#2A69FB}}
{{Member Icon|AZKi|#FA3689}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | Demon Lord's Army
|-
| style="text-align:center" |
{{Member Icon|Sakura Miko|#F60E3E}}
{{Member Icon|Shiranui Flare|#FD4018}}
{{Member Icon|Omaru Polka|#CF2830}}
{{Member Icon|Tsunomaki Watame|#FDE52A}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | Independents
|-
| style="text-align:center" |
{{Member Icon|Murasaki Shion|#8565FC}}
{{Member Icon|Nakiri Ayame|#9C3741}}
{{Member Icon|Nekomata Okayu|#B190FA}}
{{Member Icon|Inugami Korone|#FAE13F}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | [[Hololive 6th Generation|holoX (a.k.a. the new ones)]]
|-
| style="text-align:center" |
{{Member Icon|La+ Darknesss|#441495|Image=Laplus Darknesss}}
{{Member Icon|Takane Lui|#28040D}}
{{Member Icon|Hakui Koyori|#FE68AD}}
{{Member Icon|Sakamata Chloe|#AB0E0C}}
{{Member Icon|Kazama Iroha|#44BFB7}}
|}
</div>

<div style="margin:4px; padding:6px 0 0 0; text-align:center; flex-basis: 532px;">
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | [[Hololive Indonesia|holoID]]
|-
| style="text-align:center" |
{{Member Icon|Ayunda Risu|#FFCFCA}}
{{Member Icon|Moona Hoshinova|#CBB3FF}}
{{Member Icon|Airani Iofifteen|#FDEFEE}}
{{Member Icon|Kureiji Ollie|#B01C4C}}
{{Member Icon|Anya Melfissa|#DAB75B}}
{{Member Icon|Pavolia Reine|#2A64AE}}
{{Member Icon|Vestia Zeta|#97A1AE}}
{{Member Icon|Kaela Kovalskia|#DC2528}}
{{Member Icon|Kobo Kanaeru|#161C4F}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | [[Hololive English|HoloEN]]
|-
| style="text-align:center" |
{{Member Icon|Mori Calliope|#C90D40}}
{{Member Icon|Takanashi Kiara|#FF511C}}
{{Member Icon|Ninomae Ina'nis|#62567E}}
{{Member Icon|Gawr Gura|#5D81C7}}
{{Member Icon|Watson Amelia|#F8DB92}}<br/>
{{Member Icon|IRyS|#3C0024}}<br/>
{{Member Icon|Tsukumo Sana|#FEDE4A}}
{{Member Icon|Ceres Fauna|#A4E5CF}}
{{Member Icon|Ouro Kronii|#0869EC}}
{{Member Icon|Nanashi Mumei|#998274}}
{{Member Icon|Hakos Baelz|#D2251E}}
|}
{| class="wikitable" style="display:inline-block;border:0;margin:0"
|-
! style="width:506px;" | [[Holostars|The Guys]]
|-
| style="text-align:center" |
{{Member Icon|Hanasaki Miyabi|#B22B2B}}
{{Member Icon|Kanade Izuru|#4D65A6}}
{{Member Icon|Arurandeisu|#958C88}}
{{Member Icon|Rikkaroid|#674F54}}<br/>
{{Member Icon|Astel Leda|#F7850A}}
{{Member Icon|Kishido Temma|#EFD0A1}}
{{Member Icon|Yukoku Roberu|#734D57}}<br/>
{{Member Icon|Kageyama Shien|#000000}}
{{Member Icon|Aragami Oga|#A5C14F}}<br/>
{{Member Icon|Yatogami Fuma|#FABF13}}
{{Member Icon|Utsugi Uyu|#F9EEE2}}
{{Member Icon|Hizaki Gamma|#E60012}}
{{Member Icon|Minase Rio|#A4A8D4}}
|}
</div>
</div>
</div>





{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
| style="background-color:#D9062A;color:#FFFFFF;" |This is a test.
|-
|Hello
|}

{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
| style="background-color:#FAF906;color:#000000;" |This is a test, part 2.
|-
| Goodbye
|}


Hiding things with css classes
Hiding things with css classes


{| class="wikitable"
{| class="wikitable"
|+ Caption text
|+Caption text
|-
|-
! Row Class !! Header text !! Header text !! Header text
!Row Class!! Header text!!Header text !! Header text
|- class="mobilehide"
|- class="mobilehide"
| '''mobilehide class''' || Example1 || Example2 || Example3
| '''mobilehide class''' ||Example1||Example2|| Example3
|- class="nomobile" style="background-color:#9999FF;"
|- class="nomobile" style="background-color:#9999FF;"
| '''nomobile class''' || Example4 || Example5 || Example6
|'''nomobile class'''||Example4||Example5 || Example6
|-
|-
| '''no classes''' || Example7 || Example8 || Example9
|'''no classes'''
|Example7 || Example8||Example9
|- class="mobileonly" style="background-color:#99FF99;"
|- class="mobileonly" style="background-color:#99FF99;"
| '''mobileonly class''' || colspan="3" | BIG MOBILE ROW
|'''mobileonly class'''|| colspan="3" |BIG MOBILE ROW
|}
|}


Line 28: Line 253:




=== Original Songs (ideas) ===
===Original Songs (ideas)===


Now that we are planning to use layouts that change depending on the resolution (See [[User:AnatoleSerial/Sandbox]]), it would not be a bad idea to also make the size of these videos more "dynamic". Possible ideas:
Now that we are planning to use layouts that change depending on the resolution (See [[User:AnatoleSerial/Sandbox]]), it would not be a bad idea to also make the size of these videos more "dynamic". Possible ideas:


* New Template: ''Video List''
* New Template: ''Video List''
* Use CSS + @media to dynamically change the size of the YT `<iframe>` inside a classnamed `<div>` container
*Use CSS + @media to dynamically change the size of the YT `<iframe>` inside a classnamed `<div>` container
* Suggestions are always welcome!
*Suggestions are always welcome!


<tabber>
<tabber>
Line 66: Line 291:
</tabber>
</tabber>


==== Cover Songs ====
====Cover Songs ====
The following are a list of songs covered by Miko.
The following are a list of songs covered by Miko.


{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
|-
| style="background-color:#FF4B74;color:#FFFFFF;"| '''Solo Covers'''
| style="background-color:#FF4B74;color:#FFFFFF;" |'''Solo Covers'''
! width="69px"|
|-
|-
| colspan="2" style="text-align:center;"|
| colspan="2" style="text-align:center;" |
{| align="center" width="100%" style="text-align:center;"
{| align="center" width="100%" style="text-align:center;"
|-
|-
| valign="top"|
| valign="top" |
<ul class="musicbgmbox">
<ul class="musicbgmbox">
<li>
<li>
Line 126: Line 350:
</li>
</li>
</ul>
</ul>
<br style="clear:both;"/>
<br style="clear:both;" />
|}
|}
|}
|}
Line 132: Line 356:
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
|-
| style="background-color:#FF4B74;color:#FFFFFF;"| '''Collab Covers'''
| style="background-color:#FF4B74;color:#FFFFFF;" |'''Collab Covers'''
! width="69px"|
|-
|-
| colspan="2" style="text-align:center;"|
| colspan="2" style="text-align:center;" |
{| align="center" width="100%" style="text-align:center;"
{| align="center" width="100%" style="text-align:center;"
|-
|-
| valign="top"|
| valign="top" |
<ul class="musicbgmbox">
<ul class="musicbgmbox">
<li>
<li>
{{User:AnatoleSerial/Sandbox/Music and BGM Box
{{User:AnatoleSerial/Sandbox/Music and BGM Box
| Type = Collab Cover
| Type = Collab Cover
Line 225: Line 448:
}}
}}
</li>
</li>
</ul>
</ul>
<br style="clear:both;"/>
<br style="clear:both;" />
|}
|}
|}
|}
Line 232: Line 455:
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
|-
| style="background-color:#FF4B74;color:#FFFFFF;"| '''Elite Covers'''
| style="background-color:#FF4B74;color:#FFFFFF;" |'''Elite Covers'''
! width="69px"|
|-
|-
| colspan="2" style="text-align:center;"| <youtube width="640" height="360">v4n4MyQKI2Q</youtube><br />'''Queen MIKO‼︎F××~😎🎙'''
| colspan="2" style="text-align:center;" |<youtube width="640" height="360">v4n4MyQKI2Q</youtube><br />'''Queen MIKO‼︎F××~😎🎙'''
|}
|}


==== BGM ====
====BGM====
The following are a list of background music Miko has used in her streams and videos.
The following are a list of background music Miko has used in her streams and videos.


{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
|-
| style="background-color:#FF4B74;color:#FFFFFF;"| '''Made for Miko'''
| style="background-color:#FF4B74;color:#FFFFFF;" |'''Made for Miko'''
! width="69px"|
|-
|-
| colspan="2" style="text-align:center;"|
| colspan="2" style="text-align:center;" |
{| align="center" width="100%" style="text-align:center;"
{| align="center" width="100%" style="text-align:center;"
|-
|-
| valign="top"|
| valign="top" |
<ul class="musicbgmbox">
<ul class="musicbgmbox">
<li>
<li>
Line 278: Line 499:
}}
}}
</li>
</li>
<li>
<li>
{{User:AnatoleSerial/Sandbox/Music and BGM Box
{{User:AnatoleSerial/Sandbox/Music and BGM Box
| Type = BGM
| Type = BGM
Line 292: Line 513:
}}
}}
</li>
</li>
<li>
<li>
{{User:AnatoleSerial/Sandbox/Music and BGM Box
{{User:AnatoleSerial/Sandbox/Music and BGM Box
| Type = BGM
| Type = BGM
Line 348: Line 569:
</li>
</li>
</ul>
</ul>
<br style="clear:both;"/>
<br style="clear:both;" />


'''Original Song Arrangements/Remixes:'''
'''Original Song Arrangements/Remixes:'''
Line 380: Line 601:
</li>
</li>
</ul>
</ul>
<br style="clear:both;"/>
<br style="clear:both;" />
|}
|}
|}
|}
Line 386: Line 607:
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
|-
| style="background-color:#FF4B74;color:#FFFFFF;"| '''From DOVA-SYNDROME'''
| style="background-color:#FF4B74;color:#FFFFFF;" |'''From DOVA-SYNDROME'''
! width="69px"|
|-
|-
| colspan="2" style="text-align:center;"|
| colspan="2" style="text-align:center;" |
{| align="center" width="100%" style="text-align:center;"
{| align="center" width="100%" style="text-align:center;"
|-
|-
| valign="top"|
| valign="top" |
<ul class="musicbgmbox">
<ul class="musicbgmbox">
<li>
<li>
{{User:AnatoleSerial/Sandbox/Music and BGM Box
{{User:AnatoleSerial/Sandbox/Music and BGM Box
Line 424: Line 644:
}}
}}
</li>
</li>
<li>
<li>
{{User:AnatoleSerial/Sandbox/Music and BGM Box
{{User:AnatoleSerial/Sandbox/Music and BGM Box
| Type = BGM
| Type = BGM
Line 664: Line 884:
</li>
</li>
</ul>
</ul>
<br style="clear:both;"/>
<br style="clear:both;" />
|}
|}
|}
|}
Line 670: Line 890:
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
|-
| style="background-color:#FF4B74;color:#FFFFFF;"| '''From Foxtail-Grass Studio'''
| style="background-color:#FF4B74;color:#FFFFFF;" |'''From Foxtail-Grass Studio'''
! width="69px"|
|-
|-
| colspan="2" style="text-align:center;"|
| colspan="2" style="text-align:center;" |
{| align="center" width="100%" style="text-align:center;"
{| align="center" width="100%" style="text-align:center;"
|-
|-
| valign="top"|
| valign="top" |
<ul class="musicbgmbox">
<ul class="musicbgmbox">
<li>
<li>
Line 791: Line 1,010:
</li>
</li>
</ul>
</ul>
<br style="clear:both;"/>
<br style="clear:both;" />


|}
|}
Line 798: Line 1,017:
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
|-
| style="background-color:#FF4B74;color:#FFFFFF;"| '''From Other Sources'''
| style="background-color:#FF4B74;color:#FFFFFF;" |'''From Other Sources'''
! width="69px"|
|-
|-
| colspan="2" style="text-align:center;"|
| colspan="2" style="text-align:center;" |
{| align="center" width="100%" style="text-align:center;"
{| align="center" width="100%" style="text-align:center;"
|-
|-
| valign="top"|
| valign="top" |
<ul class="musicbgmbox">
<ul class="musicbgmbox">
<li>
<li>
Line 834: Line 1,052:
</li>
</li>
</ul>
</ul>
<br style="clear:both;"/>
<br style="clear:both;" />


|}
|}
|}
|}
-->

Latest revision as of 05:31, 26 July 2022

HELLO


Retrieved from "https://hololive.wiki/wiki/User:AnatoleSerial/Sandbox?oldid=37961"