|
|
(80 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| __NOTOC__ | | __NOTOC__ |
− | __NOTOC__
| + | ===Test Objects=== |
− | ==Typography== | + | * [[Testing]] |
| + | * [[Mainpage-Sandbox]] |
| | | |
− | {| table="wikitable" |
| + | <hr class="stylish2"> |
− | |
| |
− | <abbr>I18N</abbr> abbr
| |
| | | |
− | <strong>Bold</strong> bold
| + | ===Elements=== |
| + | * [[Dashboard]] |
| + | * [[Web Element: Article]] |
| + | * [[Web Element: Blog Post List Item]] |
| + | * [[Web Element: Dashboard Box]] |
| + | * [[Web Element: Data]] |
| + | * [[Web Element: Download Box]] |
| + | * [[Web Element: Google Chart]] |
| + | * [[Web Element: Image]] |
| + | * [[Web Element: Margin Note]] |
| + | * [[Web Element: Math]] |
| + | * [[Web Element: People Info]] |
| + | * [[Web Element: Research Box]] |
| + | * [[Web Element: Section]] |
| + | * [[Web Element: Syntax Highlight]] |
| + | * [[Web element: Table]] |
| + | * [[Web Element: Timeline]] |
| + | * [[Web Element: Typography]] |
| + | * [[Web Element: Map]] |
| + | * [[Web Element: Vega Lite]] |
| + | * [[Web Element: D3.js]] |
| | | |
− | <cite>Citation</cite> cite | + | <hr class="stylish2"> |
| | | |
− | <code>Hello World!</code> code
| + | ===The Color=== |
| | | |
− | <del>Deleted</del> del
| + | * .is-my-red {color: #bf360c;} <span class="is-my-red">SAMPLE</span> |
− | | + | * .is-your-red {color: #870000;} <span class="is-your-red">SAMPLE</span> |
− | <em>Emphasis</em> em
| + | * For more: [https://material.io/tools/color/#!/?view.left=1&view.right=0&primary.color=BF360C Google Colors] |
− | | |
− | <i>Italic</i> i
| |
− | | |
− | <ins>Inserted</ins> ins
| |
− | | |
− | <kbd>Ctrl + S</kbd> kbd
| |
− | |
| |
− | |
| |
− | <mark>Highlighted</mark> mark
| |
− | | |
− | <s>Strikethrough</s> s
| |
− | | |
− | <samp>Sample</samp> samp
| |
− | | |
− | Text <sub>Subscripted</sub> sub
| |
− | | |
− | Text <sup>Superscripted</sup> sup
| |
− | | |
− | <time>20:00</time> time
| |
− | | |
− | <u>Underline</u> u
| |
− | | |
− | <var>x = y + 2</var> var
| |
− | |}
| |
− | | |
− | ===Download Box===
| |
− | | |
− | <html>
| |
− | <div class="" style="width:300px;background:#f9f9f9;padding:10px;border-left:2px #999 solid;">
| |
− | <a href="#"><div class="" style="float:right;"><i class="fa fa-download" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div></a>
| |
− | <div class="" style="float:left;"><i class="fa fa-file-pdf-o" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div>
| |
− | <div class="" style="margin-left: 30px;"><span class="tk-futura-pt">spectre-docs.pdf</span></div>
| |
− | <div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">14MB•Public•1 Jan, 2017</span></div>
| |
− | </div>
| |
− | </html>
| |
− | | |
− | ===Steps===
| |
− | | |
− | <html>
| |
− | <div class="steps is-small">
| |
− | <div class="step-item">
| |
− | <div class="step-marker">1</div>
| |
− | <div class="step-details">
| |
− | <p class="step-title">Step 1</p>
| |
− | <p>This is the first step of the process.</p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="step-item">
| |
− | <div class="step-marker">2</div>
| |
− | <div class="step-details">
| |
− | <p class="step-title">Step 2</p>
| |
− | <p>This is the second step. You get here once you have completed the first step.</p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="step-item">
| |
− | <div class="step-marker">3</div>
| |
− | <div class="step-details">
| |
− | <p class="step-title">Step 3</p>
| |
− | <p>This is the third step. One more step before the end.</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </html>
| |
− | | |
− | ===People Info===
| |
− | | |
− | <html>
| |
− | <div class="" style="width:100%;background:#f9f9f9;padding:10px;border-left:2px #999 solid;">
| |
− | <a href="https://en.wikipedia.org/wiki/Charles_Darwin" target="_blank"><div class="" style="float:right;"><i class="fa fa-external-link" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div></a>
| |
− | <div class="" style="float:left;"><i class="fa fa-male" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div>
| |
− | <div class="" style="margin-left: 30px;"><span class="tk-futura-pt">Charles Darwin</span></div>
| |
− | <div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">Naturalist, Geologist, Biologist•1809-1882</span></div>
| |
− | </div>
| |
− | <br>
| |
− | <div class="" style="width:100%;background:#f9f9f9;padding:10px;border-left:2px #999 solid;">
| |
− | <a href="#"><div class="" style="float:right;"><i class="fa fa-external-link" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div></a>
| |
− | <div class="" style="float:left;"><i class="fa fa-female" aria-hidden="true" style="margin-top: 10px;margin-left: 0px;font-size: 150%;"></i></div>
| |
− | <div class="" style="margin-left: 30px;"><span class="tk-futura-pt">Jane Doe</span></div>
| |
− | <div class="" style="margin-left: 30px;color:#999;font-size:80%;margin-top:-7px;"><span class="is-small tk-futura-pt">Opportunist•1981-</span></div>
| |
− | </div>
| |
− | | |
− | </html>
| |
− | | |
− | | |
− | ===Templates===
| |
− | | |
− | * [[template:HelpBar]]
| |