Toggle search
Toggle menu
115
248
25
2.7K
SpiritVale Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

User:Eviand/TemplateTesting: Difference between revisions

From SpiritVale Wiki
More actions
← Older editNewer edit →
VisualWikitext
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 2: Line 2:


<div class="sv-card" style="padding:16px; margin:16px 0;">
<div class="sv-card" style="padding:16px; margin:16px 0;">
  <div style="display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start;">
<div style="display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start;">


    <!-- NOTES / INFO (small hover) -->
<!-- NOTES / INFO (small hover) -->
    <div>
<div>
      <div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Notes</div>
<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Notes</div>
<div class="sv-tip">
<span class="sv-tip-btn sv-focus-ring" role="button" tabindex="0" data-sv-toggle="1" aria-label="Info" aria-controls="sv-test-notes" aria-expanded="false"><span class="sv-ico sv-ico--info" aria-hidden="true">i</span></span>
<div class="sv-tip-pop sv-hidden" id="sv-test-notes" role="dialog" aria-label="Info">
<div class="sv-tip-pop-head">
<div class="sv-tip-pop-title">Info</div>
<div class="sv-tip-pop-hint">Click to close</div>
</div>
<div class="sv-tip-pop-body">
* Hand-crafted reference page for the Skill pipeline (wikiupdate will emulate this structure).
</div>
</div>
</div>
</div>


      <div class="sv-tip">
<!-- USERS / REQUIREMENTS (large click) -->
        <span class="sv-tip-btn sv-focus-ring" role="button" tabindex="0"
<div>
          data-sv-toggle="1"
<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Users</div>
          aria-label="Info"
<div class="sv-disclose">
          aria-controls="sv-test-notes"
<span class="sv-disclose-btn sv-focus-ring" role="button" tabindex="0" data-sv-toggle="1" aria-label="Users" aria-controls="sv-test-users" aria-expanded="false"><span class="sv-disclose-label">Users</span><span class="sv-disclose-count">(6)</span></span>
          aria-expanded="false">
<div class="sv-disclose-pop sv-hidden" id="sv-test-users" role="dialog" aria-label="Users">
          <span class="sv-ico sv-ico--info" aria-hidden="true">i</span>
<div class="sv-disclose-pop-head">
        </span>
<div class="sv-disclose-pop-title">Users</div>
<div class="sv-disclose-pop-hint">Click to close</div>
</div>
<ul class="sv-disclose-list">
<li class="sv-disclose-group-title">Classes</li>
<li>Paladin</li>
<li>Cleric</li>
<li>Templar</li>
<li class="sv-disclose-group-title">Summons</li>
<li>Turtle Champion</li>
<li>Celestial Squire</li>
<li>Holy Sentinel</li>
</ul>
</div>
</div>
</div>


        <div class="sv-tip-pop sv-hidden" id="sv-test-notes" role="dialog" aria-label="Info">
<!-- DEFINITIONS (small hover, no link) -->
          <div class="sv-tip-pop-head">
<div>
            <div class="sv-tip-pop-title">Info</div>
<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Definition (no link)</div>
            <div class="sv-tip-pop-hint">Click to close</div>
<span class="sv-def" data-sv-def-tip="This is a hover-only definition tooltip.\nIt uses the Popup B shell.">Ground Cast (no link)</span>
          </div>
</div>
          <div class="sv-tip-pop-body">
            * Hand-crafted reference page for the Skill pipeline (wikiupdate will emulate this structure).
          </div>
        </div>
      </div>
    </div>


    <!-- USERS / REQUIREMENTS (large click) -->
<!-- DEFINITIONS (large click, with link) -->
    <div>
<div>
      <div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Users</div>
<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Definition (with link)</div>
<span class="sv-def" data-sv-def-tip="This definition is click-open so the user can interact inside the popup." data-sv-def-link="Casting">Casting (with link)</span>
</div>


      <div class="sv-disclose">
</div>
        <span class="sv-disclose-btn sv-focus-ring" role="button" tabindex="0"
          data-sv-toggle="1"
          aria-label="Users"
          aria-controls="sv-test-users"
          aria-expanded="false">
          <span class="sv-disclose-label">Users</span>
          <span class="sv-disclose-count">(6)</span>
        </span>
 
        <div class="sv-disclose-pop sv-hidden" id="sv-test-users" role="dialog" aria-label="Users">
          <div class="sv-disclose-pop-head">
            <div class="sv-disclose-pop-title">Users</div>
            <div class="sv-disclose-pop-hint">Click to close</div>
          </div>
 
          <ul class="sv-disclose-list">
            <li class="sv-disclose-group-title">Classes</li>
            <li>Paladin</li>
            <li>Cleric</li>
            <li>Templar</li>
 
            <li class="sv-disclose-group-title">Summons</li>
            <li>Turtle Champion</li>
            <li>Celestial Squire</li>
            <li>Holy Sentinel</li>
          </ul>
        </div>
      </div>
    </div>
 
    <!-- DEFINITIONS (small hover, no link) -->
    <div>
      <div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Definition (no link)</div>
      <span class="sv-def"
        data-sv-def-tip="This is a hover-only definition tooltip.\nIt uses the Popup B shell."
        >Ground Cast (no link)</span>
    </div>
 
    <!-- DEFINITIONS (large click, with link) -->
    <div>
      <div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Definition (with link)</div>
      <span class="sv-def"
        data-sv-def-tip="This definition is click-open so the user can interact inside the popup."
        data-sv-def-link="Casting"
        >Casting (with link)</span>
    </div>
 
  </div>
</div>
</div>
Retrieved from "https://spiritvale.info/wiki/User:Eviand/TemplateTesting"