Template:Infobox chapter/sandbox: Difference between revisions

From Celeste Wiki
no edit summary
No edit summary
No edit summary
 
(37 intermediate revisions by the same user not shown)
Line 13:
-o-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 {
Line 40 ⟶ 47:
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: -15px50px; top: 75px100px; z-index: 161;">[[File:Celeste Title.png|320px400px|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"
! 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 class="yes-chapter-number" style="position: relative; left: 0px; z-index:162; width: 250px;"><div style="position: relative; top: -10px5px; 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: -16px5px; 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>
<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 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: 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>
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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></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>|}}
{{#ifexpr:{{{height|{{{1|0}}}}}} > 8|</div><div id="card-bottom" class="upside-down" style="position: absolute; left: 0px67.5px; top: 50px550px; z-index: 160;">[[File:Celeste CardtopCard Mini.png|150px|link=|frameless]]<div class="flipped" style="position: absolute; left: 136px; top: 0px;">[[File:Celeste CardtopCard Mini.png|150px|link=|frameless]]</div></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>|}}
</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>
|-
| 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>
Line 76 ⟶ 124:
| <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>
|-
|}
 
Cookies help us deliver our services. By using our services, you agree to our use of cookies.