User:Kiwismurf/sandbox/testing

Heritage
Mom Character Creator - Heritage Dad    Charlotte  Elizabeth  Evelyn  Giselle  Violet  Grace  Jasmine  Emma  Camila  Hannah  Amelia  Sophia  Nicole  Ava <div id="Ashley_image" style="transform: scaleX(-1); text-align:right;"> Ashley <div id="Audrey_image" style="transform: scaleX(-1); text-align:right;"> Audrey <div id="Natalie_image" style="transform: scaleX(-1); text-align:right;"> Natalie <div id="Zoe_image" style="transform: scaleX(-1); text-align:right;"> Zoe <div id="Isabella_image" style="transform: scaleX(-1); text-align:right;"> Isabella <div id="Brianna_image" style="transform: scaleX(-1); text-align:right;"> Brianna <div id="Olivia_image" style="transform: scaleX(-1); text-align:right;"> Olivia <div id="Misty_image" style="transform: scaleX(-1); text-align:right;"> Misty <div class="target2" id="selected_dad" style="float:left; overflow:hidden; width: 30%; height:280px; text-align:left; color:white;"> <div id="Niko_image" style="text-align:left;"> Niko <div id="Ethan_image" style="text-align:left;"> Ethan <div id="Daniel_image" style="text-align:left;"> Daniel <div id="Kevin_image" style="text-align:left;"> Kevin <div id="Louis_image" style="text-align:left;"> Louis <div id="Isaac_image" style="text-align:left;"> Isaac <div id="Angel_image" style="text-align:left;"> Angel <div id="Alex_image" style="text-align:left;"> Alex <div id="Evan_image" style="text-align:left;"> Evan <div id="Andrew_image" style="text-align:left;"> Andrew <div id="Noah_image" style="text-align:left;"> Noah <div id="Benjamin_image" style="text-align:left;"> Benjamin <div id="John_image" style="text-align:left;"> John <div id="Gabriel_image" style="text-align:left;"> Gabriel <div id="Juan_image" style="text-align:left;"> Juan <div id="Michael_image" style="text-align:left;"> Michael <div id="Adrian_image" style="text-align:left;"> Adrian <div id="Joshua_image" style="text-align:left;"> Joshua <div id="Claude_image" style="text-align:left;"> Claude <div id="Diego_image" style="text-align:left;"> Diego <div id="Samuel_image" style="text-align:left;"> Samuel <div id="Anthony_image" style="text-align:left;"> Anthony <div id="Vincent_image" style="text-align:left;"> Vincent <div id="Santiago_image" style="text-align:left;"> Santiago <div id="dad_nav" style="transform: scaleX(-1); float:left; width: 19%; overflow:auto; text-align:left; height:280px;"> <div style="transform: scaleX(-1);">
 * Amelia
 * Ashley
 * Audrey
 * Ava
 * Briana
 * Camila
 * Charlotte
 * Elizabeth
 * Emma
 * Evelyn
 * Giselle
 * Grace
 * Hannah
 * Isabella
 * Jasmine
 * Misty
 * Natalie
 * Nicole
 * Olivia
 * Sophia
 * Violet
 * Zoe
 * Adrian
 * Alex
 * Andrew
 * Angel
 * Anthony
 * Benjamin
 * Claude
 * Daniel
 * Diego
 * Ethan
 * Evan
 * Gabriel
 * Isaac
 * John
 * Joshua
 * Juan
 * Kevin
 * Louis
 * Michael
 * Niko
 * Noah
 * Samuel
 * Santiago
 * Vincent

Percentbar
<div style="border-collapse: separate; border: 5px solid blue; background-color: #000000; width: 300px; height: 30px;"><div style="position: absolute; background-color:#3C3C3C; width: px; height: px;"> <div style="position: absolute; font-weight: bold; width: 300px; height: 30px; text-align: center; z-index: 10; color: white;">NaN <div style="position: relative; background-color: green; width: 5px; z-index: 5; left: px; height: px;"><div style="position: relative; background-color: blue; width: 5px; z-index: 5; left: px; height: px;"><div style="position: relative; background-color: blue; width: 5px; z-index: 5; left: px; height: px;"><div style="position: relative; background-color: blue; width: 5px; z-index: 5; left: px; height:px;">

Radio Stations
The  has the following default radio station/s:


 * In, the  plays.


 * In, the default radio stations are grouped by genre.  uses the  group which can play:

Radio Stations
The Banshee has the following default radio station/s:
 * GTA: Vice City
 * In GTA: Vice City, the Banshee plays Wildstyle.
 * GTA: San Andreas
 * In GTA: San Andreas, the Banshee plays Radio X.
 * GTA: Liberty City Stories
 * In GTA: Liberty City Stories, the Banshee plays Double Clef FM.
 * GTA IV and EFLC
 * In GTA IV and EFLC, the default radio stations are grouped by genre. The Banshee uses the "Modern Electronic" group which can play:
 * Electro-Choc.
 * Radio Broker.
 * GTA: Chinatown Wars
 * In GTA: Chinatown Wars, the Banshee plays Tortoise.
 * GTA V
 * In GTA V, the default radio stations are grouped by genre. The Banshee uses the "Rock" group which can play:
 * Los Santos Rock Radio
 * Vinewood Boulevard Radio (May not play due to a three station limit within the group)
 * Radio Mirror Park
 * Kult FM
 * In GTA V, the default radio stations are grouped by genre. The Banshee uses the "Left-Talk" group which can play:
 * West Coast Talk Radio (Only when in Los Santos County.)
 * Any other random station when in Blaine County.
 * In GTA V, the default radio stations are grouped by genre. The Banshee uses the "Right-Talk" group which can play:
 * Blaine County Radio (Only when in Blaine County.)
 * Any other random station when in Los Santos County.

Post-template gap
Test gap Test no gap

Flex
<div class="flex-container" style="display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start;"><div class="talkinfomessage" style="flex: 0 0 0; align-items: center; text-align: center; border: 2px solid white;"><div class="grid-container talkinfomessage" style="display: grid; grid-gap: 5px; grid-template-columns: auto auto auto; grid-template-rows: auto; justify-content: center; align-content: start; padding: 10px; margin: auto; width: 95%;"><div class="grid-item" style="grid-column: 1; grid-row: 1; background-color:#000; color: white; margin-bottom: 5px;"> ( Rear quarter view ) Description Grand Theft Auto V also features a unique variant, the Space Docker, which is given to the player as a reward for collecting all 50 spaceship parts. It features unique sounds and enhancements. <div class="talkinfomessage" style="flex: 0 0 0; align-items: center; text-align: center; border: 2px solid white;"><div class="grid-container" style="display: grid; grid-gap: 5px; grid-template-columns: auto; grid-template-rows: auto auto auto; justify-content: center; align-content: start; padding: 10px; margin: auto; width: 95%;"><div class="grid-item" style="grid-column: 1; grid-row: 1; margin-bottom: 5px;background-color:#000; color: white;"> ( Rear quarter view ) Description The Dune FAV (Fast Attack Vehicle) is an armed variant of the Dune Buggy featured in Grand Theft Auto Online as part of the Gunrunning update. <div class="talkinfomessage" style="flex: 0 0 0; align-items: center; text-align: center; border: 2px solid white;"><div class="grid-container" style="display: grid; grid-gap: 5px; grid-template-columns: auto auto; grid-template-rows: auto auto auto; justify-content: center; align-content: start; padding: 10px; margin: auto; width: 95%;"><div class="grid-item talkinfomessage" style="grid-column: 1 / span 2; grid-row: 1; margin-bottom: 5px;background-color:#000; color: white;"> ( Rear quarter view )  The spoiler-less Ramp Buggy in Grand Theft Auto Online. ( Rear quarter view ) <div class="grid-item" style="grid-column: 1/ span 2; grid-row: 3; border-top:2px solid white; padding-top:10px;"> Description The Ramp Buggy is a custom ramp car variant of the Dune Buggy, featured in Grand Theft Auto Online as part of the Import/Export update. It takes the resemblance and purpose of the used in  and is available with or without a spoiler (although the first version is mission-exclusive).
 * Space Docker Grand Theft Auto V & Grand Theft Auto Online SpaceDocker-GTAV-front.png The Space Docker in Grand Theft Auto V
 * Dune FAV Grand Theft Auto Online DuneFAV-GTAO-front.png The Dune FAV in Grand Theft Auto Online.
 * Ramp Buggy Grand Theft Auto Online RampBuggy-GTAO-front.png The Ramp Buggy in Grand Theft Auto Online.