Latest revision as of 14:26, 17 October 2023

   This is a header

 An image went here

This is a card.

It has an easy to override visual style, and is appropriately subdued.

Summary Toggle

Summary

Template:Trigate Major Race Summary <html>

@@ Line 1: / Line 1: @@
-<div class="wrap-collabsible">
+<div class="card mw-collapsible mw-collapsed" style="width: 66%; margin-left: auto; margin-right: auto; overflow: auto;" data-expandtext="{{int:show}}" data-collapsetext="{{int:hide}}">
-  <input id="collapsible" class="toggle" type="checkbox">
+   <div class="card-divider">
-  <label for="collapsible" class="lbl-toggle">More Info</label>
+     This is a header
-   <div class="collapsible-content">
-     <div class="content-inner">
-      <p>
-        QUnit is by calling one of the object that are embedded in JavaScript, and faster JavaScript program could also used with
-        its elegant, well documented, and functional programming using JS, HTML pages Modernizr is a popular browsers without
-        plug-ins. Test-Driven Development.
-      </p>
-    </div>
    </div>
+<div class="mw-collapsible-content">
+  An image went here
+  <div class="card-section">
+    <h4>This is a card.</h4>
+    <p>It has an easy to override visual style, and is appropriately subdued.</p>
+  </div>
+</div>
 </div>
+<html>
+<div class="wrap-collapsible">
+<input id="collapsible" class="toggle" type="checkbox">
+<label for="collapsible" class="lbl-toggle">Summary Toggle</label>
+<div class="collapsible-content">
+<div class="content-inner">
+<p>
+<div class="panel">
+<h1 class="summary_header">Summary</h1>
+</html>
+{{Trigate Major Race Summary
+|image			= https://www.zd10.net/images/planar_council.svg
+|factioncolor	= #598CBF
+|bgcolor		= #77BBFF
+|xenonym		= Bone Skink
+|autonym		= <span class="tooltipcursor tooltip" title="&quot;Lizard Foot&quot;">Laghairt-bonn</span>
+|status			= Member of the Planar Council
+|homeplane		= [[Sgèileàite]]
+|type			= Reptilian Bipedal Humanoid
+|lifespan		= Average: 80 Years
+<hr style="border-top: 1px solid #697060; margin-top: 10px; margin-bottom: 10px;">
+<p style="margin-bottom: 0px;"><i class="fa fa-circle"></i> '''Pregnancy:''' ''4 Months''<br/>
+<i class="fa fa-chevron-circle-down"></i> '''Egg:''' ''6 Months''<br/>
+<i class="fa fa-chevron-circle-down"></i> '''Hatchling:''' ''2 Years''<br/>
+<i class="fa fa-chevron-circle-down"></i> '''Child:''' ''5 Years''<br/>
+<i class="fa fa-chevron-circle-down"></i> '''Adolescent:''' ''10 Years''<br/>
+<i class="fa fa-chevron-circle-down"></i> '''Adult:''' ''60 Years''<br/>
+<i class="fa fa-dot-circle-o"></i> '''Elder:''' ''50+ Years''</p>
+|height           = 5'4" Average
+<hr style="border-top: 1px solid #697060; margin-top: 10px; margin-bottom: 10px;">
+<i class="fa fa-arrow-up"></i> 6'2"<br/>
+<i class="fa fa-arrow-down"></i> 4'8"
+|weight           = 260lbs Average
+<hr style="border-top: 1px solid #697060; margin-top: 10px; margin-bottom: 10px;">
+<i class="fa fa-arrow-up"></i> 325lbs<br/>
+<i class="fa fa-arrow-down"></i> 195lbs
+|skintype         = Scale
+|skincolors       = Bone, Ivory, Cream, Porcelain, Beige, Alabaster
+|hairtype         = Frill
+|haircolors       = Solid Red, Orange, Yellow, Green, Brown, Blue, Indigo, Violet in Solid, Striped or Spotted variations
+|eyecolors        = Yellow, Orange, Red, Green, Blue
+|distinctions     = Mesotherm, Thick Skin, Frill on Back of Head
+}}
+<html>