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
 
(55 intermediate revisions by the same user not shown)
Line 6: Line 6:
-o-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg);
transform:rotateY(180deg);
}
.upside-down {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-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 {
.special-infobox {
Line 12: Line 26:
font-size: 88%;
font-size: 88%;
line-height: 1.5em;
line-height: 1.5em;
}
.chapter-spec-infobox {
.chapter-spec-infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
color: black;
margin: 0.5em 0 0.5em 1em;
margin: 0.5em 0 0.5em 1em;
Line 23: Line 36:
font-size: 88%;
font-size: 88%;
line-height: 1.5em;
line-height: 1.5em;
width: 300px;
msx-width: 300px;
}
.z-162 {
position: relative;
z-index: 162;
}
.infobox-noborder {
border: none !important;
background-color: none !important;
}
}}{{#ifeq:{{{chapter|+}}}|{{{chapter|-}}}|{{#css:
.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>
}}<includeonly>
<table class="chapter-spec-infobox"><tr><td>A</td></tr>
{| 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: 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>
<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>
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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>|}}
{{#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>
|-
| 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>
|-
| 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" | {{{characters|{{•}} [[Madeline]]}}}
|-
| colspan="1" class="infobox-noborder z-162" valign="top" | <div style="text-align: left; margin-left: 5px;">'''Soundtrack'''</div>
| colspan="1" class="infobox-noborder z-162" | {{{music|Warning: Add the Soundtrack}}}
|-
| <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>
|-
|}


</includeonly><noinclude>{{Documentation|Template:Infobox chapter/sandbox/doc}}[[Category:Infobox templates]]</noinclude>
</div></includeonly><noinclude>{{Documentation|Template:Infobox chapter/sandbox/doc}}[[Category:Infobox templates]]</noinclude>

Latest revision as of 11:00, 18 February 2021