User:PopitTart/dialouge boxes: Difference between revisions
(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=" | <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=" | <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=" | <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=" | <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=" | <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=" | <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=" | <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=" | <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=" | <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
Placeholder text? I love placeholder text!
This... doesn't look too good...
Behold the ultra-bitter spray! It's untested, but I believe it will be highly effective.
Approach enemies and press Up on 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 on the radar screen.
Talk
The flora and fauna on this planet certainly are large.
The oxygen concentration in the atmosphere here is triple that of Koppai.
Some studies have linked high oxygen concentration with gigantism in living creatures.
So wait, if the oxygen causes these creatures to grow so large...
Does that mean we're going to become giants as well?!
Our space suits regulate our oxygen levels, so we shouldn't experience any change.
That's unfortunate. I've always wanted to be huge on another planet.