User:PopitTart/dialouge boxes: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
(hmm....)
 
m (added noinvert to all boxes)
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div style="background:#053C52; width:600px; border:2px solid #57ADC4; color:#9EE2F2;">
<div class="noinvert" style="background:#053C52; width:600px; border:2px solid #57ADC4; color:#9EE2F2;">
<div style=" border:2px #57ADC4; border-style: none none solid; padding-left: 20px; margin-right: 70%;">
<div style=" border:2px #57ADC4; border-style: none none solid; padding-left: 20px; margin-right: 70%;">
Collin
Collin
Line 10: Line 10:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding-left:0.5em">
<div style="padding-left:0.5em">
Placeholder text? I love placeholder text!
Placeholder text? I love placeholder text!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="noinvert" style="background-image: repeating-linear-gradient(#299, #1aa 5%, #299 10%); width:600px; color:#DFF; border-radius:30px;padding-left:0.5em">
<div style="width:100%;display:flex;box-sizing:border-box">
<div>
<div style="background:#3D7DA5;border-radius:100%; box-shadow: inset 0 0 10px #fff;">
[[File:Alph_sad_icon.png|40px|link=]]
</div>
</div>
<div style="flex-grow:1">
<div style="padding:2em">
This... doesn't look too good...
</div>
</div>
</div>
</div>
[[File:Research Pod P2 art.png|40px|link=]]
<div class="noinvert" style="background-image:linear-gradient(to bottom, black, transparent 30px),linear-gradient(to top, black, transparent 30px), repeating-linear-gradient(to right, #001, transparent 3px, transparent 17px, #001 20px), repeating-linear-gradient(to bottom, #001, #134 1px, #134 9px, #001 10px); width: fit-content; color:#AF7; box-shadow: inset 0 0 15px #fff; border-radius:20px; padding:0.5em 1em">Captain Olimar, I have completed my research on the purple berries you discovered.
<hr>
Behold the <span style="font-size:1.21875em">{{color|ultra-bitter spray|red}}</span>! It's untested, but I believe it will be highly effective.
<hr>
{{color|Approach enemies|red}} and press <span style="font-size:1.21875em">{{color|Up|red}}</span> on {{button|gc|pad}} to spray them.
<hr>
{{color|When necessary, I can produce|gray}} <br><span style="font-size:1.21875em">{{color|1|red}}</span>  {{color|bottle of spray from|gray}} <br><span style="font-size:1.21875em">{{color|10|red}}</span>{{color| berries.|gray}}
<hr>
{{color|Press {{color|START/PAUSE|red}} to contact me and {{color|confirm your berry count|red}}. Look at {{button|gc|l}} on the radar screen.|gray}}
</div>
==Talk==
<div class="noinvert" style="background-image: repeating-linear-gradient(#299, #1aa 5px, #299 10px); width: fit-content; color:#DFF; border-radius:30px;padding-left:0.5em; margin: 4px">
<div style="width:100%;display:flex;box-sizing:border-box">
<div>
<div style="background:#3D7DA5;border-radius:100%; box-shadow: inset 0 0 10px #fff;">
[[File:Alph_neutral_icon.png|40px|link=]]
</div>
</div>
<div style="flex-grow:1">
<div style="padding:0.5em 2em">
The flora and fauna on this planet certainly are large.
</div>
</div>
</div>
</div>
<div class="noinvert" style="background-image: repeating-linear-gradient(#299, #1aa 5px, #299 10px); width: fit-content; color:#DFF; border-radius:30px;padding-left:0.5em; margin: 4px">
<div style="width:100%;display:flex;box-sizing:border-box">
<div>
<div style="background:#A770B8;border-radius:100%; box-shadow: inset 0 0 10px #fff;">
[[File:Brittany_neutral_icon.png|40px|link=]]
</div>
</div>
<div style="flex-grow:1">
<div style="padding:0.5em 2em">
The oxygen concentration in the atmosphere here is triple that of Koppai.
</div>
</div>
</div>
<div style="width:100%;display:flex;box-sizing:border-box">
<div>
<div style="background:#A770B8;border-radius:100%; box-shadow: inset 0 0 10px #fff;">
[[File:Brittany_neutral_icon.png|40px|link=]]
</div>
</div>
<div style="flex-grow:1">
<div style="padding:0.5em 2em">
Some studies have linked high oxygen concentration with gigantism in living creatures.
</div>
</div>
</div>
</div>
<div class="noinvert" style="background-image: repeating-linear-gradient(#299, #1aa 5px, #299 10px); width: fit-content; color:#DFF; border-radius:30px; padding-left:0.5em; margin: 4px">
<div style="width:100%;display:flex;box-sizing:border-box">
<div>
<div style="background:#489A81;border-radius:100%; box-shadow: inset 0 0 10px #fff;">
[[File:Charlie_shocked_icon.png|40px|link=]]
</div>
</div>
<div style="flex-grow:1">
<div style="padding:0.5em 2em">
So wait, if the oxygen causes these creatures to grow so large...
</div>
</div>
</div>
<div style="width:100%;display:flex;box-sizing:border-box">
<div>
<div style="background:#489A81;border-radius:100%; box-shadow: inset 0 0 10px #fff;">
[[File:Charlie_shocked_icon.png|40px|link=]]
</div>
</div>
<div style="flex-grow:1">
<div style="padding:0.5em 2em">
Does that mean we're going to become giants as well?!
</div>
</div>
</div>
</div>
<div class="noinvert" style="background-image: repeating-linear-gradient(#299, #1aa 5px, #299 10px); width: fit-content; color:#DFF; border-radius:30px;padding-left:0.5em; margin: 4px">
<div style="width:100%;display:flex;box-sizing:border-box">
<div>
<div style="background:#3D7DA5;border-radius:100%; box-shadow: inset 0 0 10px #fff;">
[[File:Alph_neutral_icon.png|40px|link=]]
</div>
</div>
<div style="flex-grow:1">
<div style="padding:0.5em 2em">
Our space suits regulate our oxygen levels, so we shouldn't experience any change.
</div>
</div>
</div>
</div>
<div class="noinvert" style="background-image: repeating-linear-gradient(#299, #1aa 5px, #299 10px); width: fit-content; color:#DFF; border-radius:30px; padding-left:0.5em; margin: 4px">
<div style="width:100%;display:flex;box-sizing:border-box">
<div>
<div style="background:#489A81;border-radius:100%; box-shadow: inset 0 0 10px #fff;">
[[File:Charlie_mad_icon.png|40px|link=]]
</div>
</div>
<div style="flex-grow:1">
<div style="padding:0.5em 2em">
That's unfortunate. I've always wanted to be huge on another planet.
</div>
</div>

Latest revision as of 21:11, November 10, 2024

Collin

ID badge image of Collin.

Placeholder text? I love placeholder text!


Alph sad icon.png

This... doesn't look too good...


The Research Pod from the Hocotate ship.

Captain Olimar, I have completed my research on the purple berries you discovered.

Behold the ultra-bitter spray! It's untested, but I believe it will be highly effective.


Approach enemies and press Up on the + Control Pad on the GameCube controller to spray them.


When necessary, I can produce
1 bottle of spray from
10 berries.


Press START/PAUSE to contact me and confirm your berry count. Look at the L Button on the GameCube controller on the radar screen.

Talk

Alph neutral icon.png

The flora and fauna on this planet certainly are large.

Brittany neutral icon.png

The oxygen concentration in the atmosphere here is triple that of Koppai.

Brittany neutral icon.png

Some studies have linked high oxygen concentration with gigantism in living creatures.

Charlie shocked icon.png

So wait, if the oxygen causes these creatures to grow so large...

Charlie shocked icon.png

Does that mean we're going to become giants as well?!

Alph neutral icon.png

Our space suits regulate our oxygen levels, so we shouldn't experience any change.

Charlie mad icon.png

That's unfortunate. I've always wanted to be huge on another planet.