User:PopitTart/dialouge boxes: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
(talk example test)
m (added noinvert to all boxes)
 
(5 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>
Line 18: Line 18:




<div style="background-image: repeating-linear-gradient(#299, #1aa 5%, #299 10%); width:600px; color:#DFF; border-radius:30px;padding-left:0.5em">
<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 style="width:100%;display:flex;box-sizing:border-box">
<div>
<div>
Line 26: Line 26:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding:2em">
<div style="padding:2em">
This... doesn't look too good...
This... doesn't look too good...
</div>
</div>
</div>
</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>
</div>


==Talk==
==Talk==


<div 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 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 style="width:100%;display:flex;box-sizing:border-box">
<div>
<div>
Line 43: Line 56:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding:0.5em 2em">
<div style="padding:0.5em 2em">
The flora and fauna on this planet certainly are large.
The flora and fauna on this planet certainly are large.
</div>
</div>
Line 50: Line 63:
</div>
</div>


<div 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 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 style="width:100%;display:flex;box-sizing:border-box">
<div>
<div>
Line 58: Line 71:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding:0.5em 2em">
<div style="padding:0.5em 2em">
The oxygen concentration in the atmosphere here is triple that of Koppai.
The oxygen concentration in the atmosphere here is triple that of Koppai.
</div>
</div>
Line 70: Line 83:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding:0.5em 2em">
<div style="padding:0.5em 2em">
Some studies have linked high oxygen concentration with gigantism in living creatures.
Some studies have linked high oxygen concentration with gigantism in living creatures.
</div>
</div>
Line 77: Line 90:
</div>
</div>


<div 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 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 style="width:100%;display:flex;box-sizing:border-box">
<div>
<div>
Line 85: Line 98:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding:0.5em 2em">
<div style="padding:0.5em 2em">
So wait, if the oxygen causes these creatures to grow so large...
So wait, if the oxygen causes these creatures to grow so large...
</div>
</div>
Line 97: Line 110:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding:0.5em 2em">
<div style="padding:0.5em 2em">
Does that mean we're going to become giants as well?!
Does that mean we're going to become giants as well?!
</div>
</div>
Line 104: Line 117:
</div>
</div>


<div 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 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 style="width:100%;display:flex;box-sizing:border-box">
<div>
<div>
Line 112: Line 125:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding:0.5em 2em">
<div style="padding:0.5em 2em">
Our space suits regulate our oxygen levels, so we shouldn't experience any change.
Our space suits regulate our oxygen levels, so we shouldn't experience any change.
</div>
</div>
Line 119: Line 132:
</div>
</div>


<div 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 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 style="width:100%;display:flex;box-sizing:border-box">
<div>
<div>
Line 127: Line 140:
</div>
</div>
<div style="flex-grow:1">
<div style="flex-grow:1">
<div style="width:100%;padding:0.5em 2em">
<div style="padding:0.5em 2em">
That's unfortunate. I've always wanted to be huge on another planet.
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.