Template:CryptoResultTest: Difference between revisions

From Caves of Qud Wiki
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: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;
   top: 0.6em;
}
}


.build-side-header:before, .build-side-header:after {
.build-side-header::before {
   border-top: 2px groove threedface;
   left: 0;
   content: ' ';
   top: 0.6em;
}
   border-left: 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 {
.build-side-header::after {
cursor:pointer;
  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; 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; 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 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"><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 id="build-attr" class="build-side" style="flex: 1 1 0;width:0;"><div class="build-side-header">
<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>
{{#tag:htmltag|<htmltag tagname="legend" style="text-align:center;color:#cfc041;">Attributes</htmltag>
</div>
|tagname=fieldset
<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>
|style="border-top:2px solid #4A757E; border-bottom:none;border-left:none;border-right:none;margin:0px 0px -0.5em 0px;padding:0px;"
}}</div><!--


<div>Skills: {{{skills}}}</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>
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>
|tagname=fieldset
|style="border-top:1px grooved #77bfcf; border-bottom:none;border-left:none;border-right:none;word-break:break-all;"
}}
{{#tag:htmltag|{{#tag:htmltag|{{#tag:b|AJsklJDASKLJD}}|tagname=summary}}{{{code|}}}
|tagname=details
|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>

Revision as of 15:38, 6 August 2023

Headerlogo.png

DijTItle

:by Dij:

Attributes

Strength: 16
Agility:13
Toughness:10
Intelligence:10
Willpower:10
Ego:10
Subtype scholar.png
Scholar
Mutated Human
Mutations
Unstable Genome x2
Beak (Rostrum)
Starting skills: Gadget Inspector, Heal, Harvestry, Hurdle, Tactful
Build dots.png
{{{notes}}}

Click to reveal full codeH4sIAAAAAAAACs1VW2vbMBR+L/Q/CLNH16RZNtZCHtJs7NaOLE67weiDbB9sUVky0lFHGvLfJ9lp4kuztIOFBIKj853Ll3O+Iy+OjwjxUprDPSjNpPDOidcPekG/NwjO3nl+iUeG8aTmcGodeissl4nhoK35lzsTsqgea2g2L8AF/ZxeBuOMKhojqAuXUQffTeK+H0FItG5XZYBPRlpDHvH5yTi0AYVPbqraww0zn4wNR6NgKMCgotwnExNxFn+F+UzegRgKw3nFsSSTUKSWxpqdNb3Cl1J7b5N06G2K2JyP/i7tlUGKkJBPJqei4dXp5SO2rH4s/X/uZWiiA21lg9nuTq7cXdIwziSnal8tLOdmc+sDbGKL2+425oXN+KZu0cAhLnNslrb6LOoHshLwqsnXQiONOBCn8BzqNUrfsTQCrWO/DdxQxWgJ9drQfQV9s9ePK+HV4aX/XGYXQO+20jndTqfDtEVnKjUqkzdZbQ63e1LjCFGxyCAcohzb5HbrcSKZQD0xKs6ohqRZ0609KhApZhZ42xiQN0oZZzi3wOsmMJMmzQRo3dGY91kgcM5SEDF00R+M80L+BtWFPqTSGTe2uh49WoQFlCI6OWvap5BTJphIHc3G2kX2747cMg4Ge1LO2GiUOXuANX6ACtpGcreSRLWnjkbdXAA+YbUKSMo5d9yVFPauCJ+M+p/DyaTUECJVaNVyKePyPjvEAf2F6DPe4q04V+yLLAr6spe5e9weHy3/ADv8xUOwCgAA