Template:Infobox chapter/sandbox: Difference between revisions

From Celeste Wiki
Jump to navigation Jump to search
Content added Content deleted
No edit summary
No edit summary
 
(43 intermediate revisions by the same user not shown)
Line 13: Line 13:
-o-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
transform:rotateX(180deg);
}
.upside-down-imp {
-webkit-transform:rotateX(180deg) !important;
-moz-transform:rotateX(180deg) !important;
-ms-transform:rotateX(180deg) !important;
-o-transform:rotateX(180deg) !important;
transform:rotateX(180deg) !important;
}
}
.special-infobox {
.special-infobox {
Line 40: Line 47:
background-color: none !important;
background-color: none !important;
}
}
}}{{#ifeq:{{{chapter|+}}}|{{{chapter|-}}}|{{#css:
}}<includeonly><div><div style="position:relative; float: right; clear: right; left: -15px; top: 75px; z-index: 161;">[[File:Celeste Title.png|320px|link=|frameless]]</div>
.no-chapter-number {
display: none;
}
}}|{{#css:
.yes-chapter-number {
display: none;
}
}}}}{{#ifeq:{{{strawberries|+}}}|{{{strawberries|-}}}|{{#css:
.no-strawberries {
display: none;
}
}}|{{#css:
.yes-strawberries {
display: none;
}
}}}}{{#ifeq:{{{sides|+}}}|{{{sides|-}}}|{{#css:
.no-sides {
display: none;
}
}}|<includeonly>{{#css:
.yes-sides {
display: none;
}
}}</includeonly>}}{{#css:
.slidedown {
position: absolute;
top: 0px;
transition: 0.5s ease;
}

.slidedown:hover {
position: absolute;
top: 30px;
transition: 0.5s ease;
}
}}<includeonly><div style="position: relative; top: -50px;"><div style="position:relative; float: right; clear: right; left: 50px; top: 100px; z-index: 161;">[[File:Celeste Title.png|400px|link=|frameless]]<div><div style="position: absolute; left: 340px; top: 13px; z-index: 165;">[[File:{{{icon|FarewellIcon.png}}}|link=|alt=|frameless|50px]]</div></div></div>
{| class="chapter-spec-infobox"
{| class="chapter-spec-infobox"
! colspan="2" style="text-align: center; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;;" | <div style="position: relative; left: -75px; top: -10px; z-index: 160;">[[File:Celeste Cardtop.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 203px; top: 0px;">[[File:Celeste Cardtop.png|150px|link=|frameless]]</div></div>
! colspan="2" style="text-align: center; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;;" | <div style="position: relative; left: -75px; top: -10px; z-index: 160;">[[File:Celeste Cardtop.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 203px; top: 0px;">[[File:Celeste Cardtop.png|150px|link=|frameless]]</div></div>
|-
|-
| colspan="2" style="text-align: center;" | <div style="position: relative; z-index:162; font-family:renogare;"><big><big>Madeline's Climb</big></big></div>
| colspan="2" style="text-align: center;" | <div class="yes-chapter-number" style="position: relative; left: 0px; z-index:162; width: 250px;"><div style="position: relative; top: 5px; margin-left: auto; margin-right: 0; float: right; font-family:Renogare;">{{{chapter|Chapter 0000}}}</div><div class="yes-chapter-number" style="position: absolute; left: 0px; z-index:162; width: 250px;"><div style="position: absolute; top: 25px; margin-left: auto; margin-right: 0; width: 300px; float: right; font-family:Renogare; left: -50px; text-align: right;"><big><big>{{{name|Unnamed Chapter}}}</big></big></div></div></div>
|-
| colspan="2" style="text-align: center;" | <br><div class="no-chapter-number" style="position: relative; left: 0px; z-index:162; width: 250px;"><div style="position: relative; top: -5px; margin-left: auto; margin-right: 0; float: right; font-family:Renogare;"><big><big>{{{name|Unnamed Chapter}}}</big></big></div></div>
|-
|-
| colspan="2" style="text-align: center; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;;" | <div style="position: relative; left: -75px; top: -10px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 203px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>
| colspan="2" style="text-align: center; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;;" | <div style="position: relative; left: -75px; top: -10px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 203px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>
<div style="position: absolute; left: 67.5px; top: 55px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
<div class="upside-down" style="position: absolute; left: 67.5px; top: 0px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
<div class="upside-down" style="position: absolute; left: 67.5px; top: 110px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
<div style="position: absolute; left: 67.5px; top: -55px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
<div style="position: absolute; left: 67.5px; top: 165px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
<div style="position: absolute; left: 67.5px; top: 55px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>
<div class="upside-down" style="position: absolute; left: 67.5px; top: 220px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
{{#ifexpr:{{{height|{{{1|0}}}}}} > 0|</div><div class="upside-down" style="position: absolute; left: 67.5px; top: 110px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
<div style="position: absolute; left: 67.5px; top: 275px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
{{#ifexpr:{{{height|{{{1|0}}}}}} > 1|</div><div style="position: absolute; left: 67.5px; top: 165px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
<div class="upside-down" style="position: absolute; left: 67.5px; top: 330px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
{{#ifexpr:{{{height|{{{1|0}}}}}} > 2|</div><div class="upside-down" style="position: absolute; left: 67.5px; top: 220px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
<div style="position: absolute; left: 67.5px; top: 385px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
{{#ifexpr:{{{height|{{{1|0}}}}}} > 3|</div><div style="position: absolute; left: 67.5px; top: 275px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
<div class="upside-down" style="position: absolute; left: 67.5px; top: 440px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>
{{#ifexpr:{{{height|{{{1|0}}}}}} > 4|</div><div class="upside-down" style="position: absolute; left: 67.5px; top: 330px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
<div style="position: absolute; left: 67.5px; top: 495px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>
{{#ifexpr:{{{height|{{{1|0}}}}}} > 5|</div><div style="position: absolute; left: 67.5px; top: 385px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
<div id="card-bottom" class="upside-down" style="position: absolute; left: 0px; top: 50px; z-index: 160;">[[File:Celeste Cardtop.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Cardtop.png|150px|link=|frameless]]</div></div>
{{#ifexpr:{{{height|{{{1|0}}}}}} > 6|</div><div class="upside-down" style="position: absolute; left: 67.5px; top: 440px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
{{#ifexpr:{{{height|{{{1|0}}}}}} > 7|</div><div style="position: absolute; left: 67.5px; top: 495px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
</div>
{{#ifexpr:{{{height|{{{1|0}}}}}} > 8|</div><div class="upside-down" style="position: absolute; left: 67.5px; top: 550px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
{{#ifexpr:{{{height|{{{1|0}}}}}} > 9|</div><div style="position: absolute; left: 67.5px; top: 605px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
{{#ifexpr:{{{height|{{{1|0}}}}}} > 10|</div><div class="upside-down" style="position: absolute; left: 67.5px; top: 660px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}
{{#ifexpr:{{{height|{{{1|0}}}}}} > 11|</div><div style="position: absolute; left: 67.5px; top: 715px; z-index: 160;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div>|}}<!--
{{#ifexpr:{{#expr:{{#expr:{{{height|{{{1|0}}}}}} / 2}} round 0}} = {{#expr:{{{height|{{{1|0}}}}}} / 2}}|<div id="card-bottom" class="upside-down-imp" style="position: absolute; left: 0px; top: 50px; z-index: 160;">|<div id="card-bottom" style="position: absolute; left: 0px; top: -5px; z-index: 160;">}}[[File:Celeste Cardtop.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste Cardtop.png|150px|link=|frameless]]</div></div> --> </div>
</div>
</div>
|-
|-
| colspan="2" class="z-162" style="text-align: center; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;;" | <div style="position: relative; left: -7px;"><div style="position: absolute; left: 15px; z-index: 165;">{{{image|[[File:Summit-ch7-complete.png|frameless|255px]]}}}</div><div style="position: absolute; z-index: 164; width: 259px; height: 185px; background-color: #fff; left: 12.5px; top: -2.5px; border: 1px solid #F7A7D9;"></div><div style="position: absolute; z-index: 165; width: 254px; height: 20px; left: 15px; top: 157.5px;"><div style="float: right; margin-right: 5px;">{{{strawberries|''TBA: Strawberry outline''}}}</div></div></div>
| colspan="2" class="z-162" style="text-align: center; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;;" | <div class="yes-strawberries" style="position: relative; top: -32px; left: -7px;"><div style="position: absolute; left: 15px; z-index: 165;">{{{image|[[File:Summit-ch7-complete.png|frameless|255px]]}}}</div><div style="position: absolute; z-index: 164; width: 259px; height: 185px; background-color: #fff; left: 12.5px; top: -2.5px; border: 1px solid #F7A7D9;"></div><div style="position: absolute; z-index: 165; width: 254px; height: 20px; left: 15px; top: 157.5px;"><div style="float: right; margin-right: 5px; font-family:Renogare;">{{{strawberries|''TBA: Strawberry outline''}}}</div></div></div>
|-
|-
| colspan="2" class="z-162" style="text-align: center; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;;" | <div class="no-strawberries" style="position: relative; top: -32px; left: -7px;"><div style="position: absolute; left: 15px; z-index: 165;">{{{image|[[File:Summit-ch7-complete.png|frameless|255px]]}}}</div><div style="position: absolute; z-index: 164; width: 259px; height: 157.5px; background-color: #fff; left: 12.5px; top: -2.5px; border: 1px solid #F7A7D9;"></div></div>
| <br><br><br><br><br><br><br><br><br><br><br>
|-
| <br><br><br><br><br><br><br><br><br><br>
|-
|-
| colspan="1" class="infobox-noborder z-162" valign="top" | <div style="text-align: left; margin-left: 5px;">'''Characters'''</div>
| colspan="1" class="infobox-noborder z-162" valign="top" | <div style="text-align: left; margin-left: 5px;">'''Characters'''</div>
Line 72: Line 124:
| <br>
| <br>
|-
|-
| colspan="2" | <div style="position: relative;"><table style="width: 270px;"><tr><td colspan="3" style="position: absolute; z-index: 167; left: 30%;">'''Level navigation'''</td></tr><tr><td colspan="1"><div style="position: absolute; top: 35px; width: 90px; text-align: center; z-index: 167;">'''Previous'''<br>{{#ifeq:{{{previous|+}}}|{{{previous|-}}}|[[{{{previous}}}]]|''N/A''}}</div></td><td colspan="1"><div style="position: absolute; top: 35px; width: 90px; text-align: center; z-index: 167;">'''Current'''<br>{{{name|''Level name missing''}}}</div></td><td colspan="1"><div style="position: absolute; top: 35px; width: 90px; text-align: center; z-index: 167;">'''Next'''<br>{{#ifeq:{{{next|+}}}|{{{next|-}}}|[[{{{next}}}]]|''N/A''}}</div></td></tr></table></div>
|
|-
| {{{endbr|<br>}}}
|-
| colspan="2" | <div style="position: relative;"><div id="card-bottom" class="upside-down" style="position: absolute; left: -7.5px; top: 40px;"><div style="position: absolute; z-index: 161;">[[File:Celeste Cardtop.png|150px|link=|frameless]]</div><div class="flipped" style="position: absolute; left: 136px; top: 0px; z-index: 161;">[[File:Celeste Cardtop.png|150px|link=|frameless]]</div><div style="position: absolute; left: 0px; top: 15px; z-index: 161;">[[File:Celeste Card Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px; z-index: 161;">[[File:Celeste Card Mini.png|150px|link=|frameless]]</div></div>{{#ifeq:{{{sides|+}}}|{{{sides|-}}}|<div class="yes-sides upside-down" style="z-index: 106; position: absolute; top: 55px; clear: both;"><div id="a-side" class="slidedown filter-sides-tab" style="left: 20px;">[[File:Celeste_Tab.png|75px|frameless|link={{{a-side|[[#A-Side]]}}}]]<div id="a-side-item" class="filter-none" style="position: absolute; top: 20px; left: 12.5px;">[[File:Celeste_Aside.png|50px|frameless|link={{{a-side|[[#A-Side]]}}}]]</div></div><div id="b-side" class="slidedown filter-sides-tab" style="left: 105px;">[[File:Celeste_Tab.png|75px|frameless|link={{{b-side|[[#B-Side]]}}}]]<div id="b-side-item" class="filter-none" style="position: absolute; top: 25px; left: 12.5px;">[[File:Celeste_Bside.png|50px|frameless|link={{{b-side|[[#B-Side]]}}}]]</div></div><div id="c-side" class="slidedown filter-sides-tab" style="left: 190px;">[[File:Celeste_Tab.png|75px|frameless|link={{{c-side|[[#C-Side]]}}}]]<div id="c-side-item" class="filter-none" style="position: absolute; top: 22.5px; left: 12.5px;">[[File:Celeste_Cside.png|50px|frameless|link={{{c-side|[[#C-Side]]}}}]]</div></div></div>|}}</div>
|-
| <br><br><br><br><br><br><br>
|-
|}
|}



Latest revision as of 11:00, 18 February 2021