|
|
(104 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | ===Download Box=== | + | __NOTOC__ |
| + | ===Test Objects=== |
| + | * [[Testing]] |
| + | * [[Mainpage-Sandbox]] |
| | | |
− | <html> | + | <hr class="stylish2"> |
− | <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=== | + | ===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]] |
| | | |
− | <html> | + | <hr class="stylish2"> |
− | <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>
| |
| | | |
− | ===Pagination=== | + | ===The Color=== |
| | | |
− | <html>
| + | * .is-my-red {color: #bf360c;} <span class="is-my-red">SAMPLE</span> |
− | <nav class="pagination is-small tk-futura" role="navigation" aria-label="pagination" style="">
| + | * .is-your-red {color: #870000;} <span class="is-your-red">SAMPLE</span> |
− | <a class="pagination-previous">Previous</a>
| + | * For more: [https://material.io/tools/color/#!/?view.left=1&view.right=0&primary.color=BF360C Google Colors] |
− | <a class="pagination-next">Next page</a>
| |
− | <ul class="pagination-list" style="list-style: none; margin-left: 0;">
| |
− | <li><a class="pagination-link" aria-label="Goto page 1">1</a></li>
| |
− | <li><span class="pagination-ellipsis">…</span></li>
| |
− | <li><a class="pagination-link" aria-label="Goto page 45">45</a></li>
| |
− | <li><a class="pagination-link is-current" aria-label="Page 46" aria-current="page">46</a></li>
| |
− | <li><a class="pagination-link" aria-label="Goto page 47">47</a></li>
| |
− | <li><span class="pagination-ellipsis">…</span></li>
| |
− | <li><a class="pagination-link" aria-label="Goto page 86">86</a></li>
| |
− | </ul>
| |
− | </nav>
| |
− | </html>
| |
− | | |
− | ===Templates===
| |
− | | |
− | * [[template:HelpBar]]
| |