Template:CryptoResultTest: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
<!-- WIP. trying to emulate the in-game character creation screen. css: | <!-- WIP. trying to emulate the in-game character creation screen. css: | ||
summary:hover { | |||
cursor:pointer; | |||
} | |||
.build-side-header | .build-side-header { | ||
position: relative; | |||
width: auto; | |||
height: 1.8em; | |||
border: none; | |||
text-align: center; | |||
padding:0em; | |||
} | } | ||
.build-side-header::before, | |||
.build-side-header::after { | .build-side-header::after { | ||
position: absolute; | |||
width: 1px; | |||
height: 1.2em; | |||
content: ""; | |||
} | } | ||
.build-side-header:before | .build-side-header::before { | ||
left: 0; | |||
top: 0.6em; | |||
border-left: 2px solid #4A757E; | |||
. | } | ||
border | |||
} | |||
.build-side-header::after { | |||
right: 0; | |||
} | bottom: 0em; | ||
border-right: 2px solid #4A757E; | |||
} | |||
--><includeonly><div style="display:block;line-height:1.5em; font-family:Source Code Pro, Lucida Console, Consolas; font-size:medium; color:#b1c9c3 | --><includeonly><div style="display:block;line-height:1.5em; font-family:Source Code Pro, Lucida Console, Consolas; font-size:medium; color:#b1c9c3; overflow:hidden;"> | ||
<div id="build-header" style="text-align:center;"><div style="color:#cfc041;font-size:1. | <div id="build-header" style="text-align:center;"><div class="pixel-image">[[File:headerlogo.png]]</div><h3 style="color:#cfc041;font-size:1.3rem;font-family:Source Code Pro;letter-spacing:0.1rem;font-weight:normal;margin:0em 0em -0.5em 0px">{{{buildname}}}</h3><div style="color:#77bfcf;">:by {{{author}}}:</div></div> | ||
<div class="build-container" style="display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-evenly;"> | <div class="build-container" style="padding:0em 1em;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-evenly;"> | ||
<div id="build-attr" class="build-side" style="flex: 1 1 0;width:0;"><div class="build-side-header"> | <div id="build-attr" class="build-side" style="flex: 1 1 0;width:0;"><div class="build-side-header"> | ||
{{#tag:htmltag|<htmltag tagname="legend" style="text-align:center;color:#cfc041;">Attributes</htmltag> | |||
|tagname=fieldset | |||
|style="border-top:2px solid #4A757E; border-bottom:none;border-left:none;border-right:none;margin:0px 0px -0.5em 0px;padding:0px;" | |||
}}</div><!-- | |||
Attributes | |||
--><div style="padding:1em;">Strength: <span style="float:right;">{{{strength}}}</span></br>Agility:<span style="float:right;">{{{agility}}}</span></br>Toughness:<span style="float:right;">{{{toughness}}}</span></br>Intelligence:<span style="float:right;">{{{intelligence}}}</span></br>Willpower:<span style="float:right;">{{{willpower}}}</span></br>Ego:<span style="float:right;">{{{ego}}}</span></div></div> | |||
<div style="padding:0em 1em;flex: 1 1 0;width:0;"><div id="build-img" style="text-align:center;padding:1em;" class="pixel-image">[[File:subtype_{{lc:{{{class|apostle}}}}}.png|64px]]</div><div id="build-stuff" style="padding:0em 1em;grid-area:d">{{{class}}}</br>{{{genotype}}}</div> | |||
</div> | |||
<div id="build-ext" class="build-side" style="flex: 1 1 0;width:0;"><div class="build-side-header">{{#tag:htmltag | |||
|<htmltag tagname="legend" style="text-align:center;color:#cfc041;">{{{extname}}}</htmltag> | |||
|tagname=fieldset | |||
|style="border-top:2px solid #4A757E; border-bottom:none;border-left:none;border-right:none;margin:0px 0em -1em 0em;"}}</div><div style="padding:1em;">{{{exts}}}</div></div></div> | |||
<div style="padding:0.5em 1em;">Starting skills: {{{skills}}}</div> | |||
<div class="pixel-image" style="text-align:center;">[[File:build dots.png]]</div> | |||
<div style="background:#053230;"> | |||
<div style="padding:0.5em 1em;">{{{notes}}} | |||
{{#tag:htmltag|<htmltag tagname="summary" style="font-weight:bold;text-decoration:underline;">Click to reveal full code</htmltag>{{{code|}}} | {{#tag:htmltag|<htmltag tagname="summary" style="font-weight:bold;text-decoration:underline;">Click to reveal full code</htmltag>{{{code|}}} | ||
|tagname=details | |tagname=details | ||
|style="word-break:break-all;" | |style="word-break:break-all;" | ||
}} | }} | ||
</div></div> | |||
</div></includeonly><noinclude>{{#invoke:Sandbox/User:Teamtoto/LuaModule|test}}[[Category:Query Format Templates]]</noinclude> | </div></includeonly><noinclude>{{#invoke:Sandbox/User:Teamtoto/LuaModule|test}}[[Category:Query Format Templates]]</noinclude> |