Template:CryptoResultTest: Difference between revisions

m
no edit summary
mNo edit summary
mNo edit summary
 
(2 intermediate revisions by the same user not shown)
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:before {
.build-side-header {
   float: left;
   position: relative;
   margin: 0.6em 0.8em 0 -1px;
   width: auto;
   width: 3.8em;
  height: 1.8em;
  border: none;
  text-align: center;
   padding:0em;
}
}


.build-side-header::before,
.build-side-header::after {
.build-side-header::after {
   display: block;
   position: absolute;
   height: 1.5em;
  width: 1px;
   left: 0.8em;
   height: 1.2em;
  overflow: hidden;
   content: "";
   position: relative;
}
 
.build-side-header::before {
   left: 0;
   top: 0.6em;
   top: 0.6em;
}
  border-left: 2px solid #4A757E;
}


.build-side-header:before, .build-side-header:after {
.build-side-header::after {
   border-top: 2px groove threedface;
   right: 0;
   content: ' ';
   bottom: 0em;
}
   border-right: 2px solid #4A757E;
.build-side {
}
   border: 2px groove threedface;
  border: none;
  padding: 0.5em;
  margin: 1em 2px;
}
.build-side-header {
text-align: center;
    font-weight: bold;
top:-1em;
padding-right:1em;
padding-left:2px;
margin: -1.5em auto 0em 0px;
}
.build-side-header>span {
float: left;
}


summary:hover {
--><includeonly><div style="display:block;line-height:1.5em; font-family:Source Code Pro, Lucida Console, Consolas; font-size:medium; color:#b1c9c3; overflow:hidden;border:1px solid #053230;border-radius:2px;"><div style="background:#053230;height:1.5em;"></div><div style="padding:1em;">
cursor:pointer;
<div id="build-header" style="line-height:1em;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;">{{{buildname}}}</h3><div style="color:#77bfcf;">:by {{{author}}}:</div></div>
}
<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">
{{#tag:htmltag|<htmltag tagname="legend">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><!--


--><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;">
Attributes
<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" style="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"><span style="text-align:center;">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 style="padding:0em 1em;flex: 1 1 0;width:0;"><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-stuff" style="padding: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"><span style="text-align:center;">{{{extname}}}</span></div><div style="padding:0em 1em;">{{{exts|}}}</div></div></div>


<div>Skills: {{{skills}}}</div>
--><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><!--


{{#tag:htmltag|<htmltag tagname="summary" style="font-weight:bold;text-decoration:underline;">Click to reveal full code</htmltag>{{{code|}}}
Cybernetics/Mutations
|tagname=details
|style="word-break:break-all;"
}}
<!--
Testing htmltags


{{#tag:htmltag|<htmltag tagname="legend" style="text-align:center;font-size:1.2em;font-weight:bold;">Attributes</htmltag>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 id="build-ext" class="build-side" style="flex: 1 1 0;width:0;"><div class="build-side-header">{{#tag:htmltag
|<htmltag tagname="legend">{{{extname}}}</htmltag>
|tagname=fieldset
|tagname=fieldset
|style="border-top:1px grooved #77bfcf; border-bottom:none;border-left:none;border-right:none;word-break:break-all;"
|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><!--
}}
 
{{#tag:htmltag|{{#tag:htmltag|{{#tag:b|AJsklJDASKLJD}}|tagname=summary}}{{{code|}}}
Skills, other bonuses that aren't displayed in the original character sheet
 
--><div style="padding:0.5em 1em;">Starting skills: {{{skills}}}</div>
<div style="padding:0.5em 1em;">{{{extra}}}</div></div><div class="pixel-image" style="text-align:center;">[[File:build dots.png]]</div><!--
 
Build Code collapsible
 
-->
<div style="background:#053230;padding:4px;">{{#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>{{{notes}}}</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>