Caves of Qud Wiki

Template:CryptoResultTest: Difference between revisions

mNo edit summary
mNo edit summary
 
(4 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-container {
.build-side-header {
display:grid;
  position: relative;
align-items:flex-start;
  width: auto;
grid-template-areas:
  height: 1.8em;
"attr img exts"
  border: none;
"attr stuff exts";
  text-align: center;
grid-template-columns:30% 30% 30%;
  padding:0em;
}
}


#build-header {
.build-side-header::before,
grid-area:header;
.build-side-header::after {
  position: absolute;
  width: 1px;
  height: 1.2em;
  content: "";
}
}


#build-attr {
.build-side-header::before {
grid-area:attr;
  left: 0;
}
  top: 0.6em;
  border-left: 2px solid #4A757E;
}
 
.build-side-header::after {
  right: 0;
  bottom: 0em;
  border-right: 2px solid #4A757E;
}


#build-img{
--><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;">
grid-area:img;
<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><!--


#build-ext {
Attributes
grid-area:exts;
}


#build-stuff {
--><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>
grid-area:stuff;
<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><!--


.build-side-header:before {
Cybernetics/Mutations
  float: left;
  margin: 0.6em 0.8em 0 -1px;
  width: 3.8em;
}


.build-side-header::after {
--><div id="build-ext" class="build-side" style="flex: 1 1 0;width:0;"><div class="build-side-header">{{#tag:htmltag
  display: block;
|<htmltag tagname="legend">{{{extname}}}</htmltag>
  height: 1.5em;
|tagname=fieldset
  left: 0.8em;
|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><!--
  overflow: hidden;
  position: relative;
  top: 0.6em;
}


.build-side-header:before, .build-side-header:after {
Skills, other bonuses that aren't displayed in the original character sheet
  border-top: 2px groove threedface;
  content: ' ';
}
.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;
}


--><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><!--


--><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;">
Build Code collapsible
<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 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-img" style="text-align:center;" 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-stuff" style="padding:1em;>{{{class}}}</br>{{{genotype}}}</div>
</div>
<div>Skills: {{{skills}}}</div>


{{#tag:htmltag|<htmltag tagname="summary">asdf</htmltag>{{{code|}}}
-->
<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;"
}}
}}
<!--
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>

Latest revision as of 20:52, 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
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

Retrieved from "https://wiki.cavesofqud.com/index.php?title=Template:CryptoResultTest&oldid=88333"