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: | ||
.build-side-header:before { | .build-side-header:before { | ||
Line 68: | Line 38: | ||
} | } | ||
summary:hover { | |||
cursor:pointer; | |||
} | |||
--><includeonly><div style="display:block;line-height:1.5em; font-family:Source Code Pro, Lucida Console, Consolas; font-size:medium; color:#b1c9c3; border:4px solid #b1c9c3;padding:1em; overflow:hidden;"> | --><includeonly><div style="display:block;line-height:1.5em; font-family:Source Code Pro, Lucida Console, Consolas; font-size:medium; color:#b1c9c3; border:4px solid #b1c9c3;padding:1em; overflow:hidden;"> | ||
<div id="build-header" style="text-align:center;"><div style="color:#cfc041;font-size:1.2rem;font-weight:bold;">Build Title</div><div style="color:#77bfcf;">:asddfs:</div></div> | <div id="build-header" style="text-align:center;"><div style="color:#cfc041;font-size:1.2rem;font-weight:bold;">Build Title</div><div style="color:#77bfcf;">:asddfs:</div></div> | ||
<div class="build-container"> | <div class="build-container" style="display:grid;grid-template-areas:'a b c' 'a d c'; align-items:flex-start;grid-template-columns:30% 30% 30%;"> | ||
<div id="build-attr" class="build-side"><div class="build-side-header"><span>Attributes</span></div><div style="padding:0em 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></br></div></div> | <div id="build-attr" class="build-side" style="grid-area:a;"><div class="build-side-header"><span>Attributes</span></div><div style="padding:0em 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></br></div></div> | ||
<div id="build-img" style="text-align:center;" class="pixel-image">[[File:subtype_{{lc:{{{class|apostle}}}}}.png|64px]]</div> | <div id="build-img" style="text-align:center;grid-area:b" class="pixel-image">[[File:subtype_{{lc:{{{class|apostle}}}}}.png|64px]]</div> | ||
<div id="build-ext" class="build-side"><div class="build-side-header"><span>{{{extname}}}</span></div><div style="padding:0em 1em;">{{{exts|}}}</div></div> | <div id="build-ext" class="build-side" style="grid-area:c"><div class="build-side-header"><span>{{{extname}}}</span></div><div style="padding:0em 1em;">{{{exts|}}}</div></div> | ||
<div id="build-stuff" style="padding:1em;>{{{class}}}</br>{{{genotype}}}</div> | <div id="build-stuff" style="padding:1em;grid-area:d">{{{class}}}</br>{{{genotype}}}</div> | ||
</div> | </div> | ||
<div>Skills: {{{skills}}}</div> | <div>Skills: {{{skills}}}</div> | ||
{{#tag:htmltag|<htmltag tagname="summary"> | {{#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;" |