Difference between revisions of "MW Cheat Sheet"
Line 5: | Line 5: | ||
<div style="white-space: nowrap; display: inline-block;">{{Template:Disambiguate|content=I am so confused!}} <pre style="display: inline-block;">{{Template:Disambiguate|content=I am so confused!}}</pre></div> | <div style="white-space: nowrap; display: inline-block;">{{Template:Disambiguate|content=I am so confused!}} <pre style="display: inline-block;">{{Template:Disambiguate|content=I am so confused!}}</pre></div> | ||
<br>Handy Classes: <br> | <br>Handy Classes: <br> | ||
− | <b>Decorations:</b> GfakeTabGroup <div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div> <pre style="display: inline-block; font-size: small;"><div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div></pre> | + | <b>Decorations:</b> GfakeTabGroup <div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div> <pre style="display: inline-block; font-size: x-small;"><div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div></pre> |
<b>Structures:</b> GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)<br> | <b>Structures:</b> GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)<br> | ||
<b>Alignments:</b> Gmc { vertical-align: middle; text-align: center; } | <b>Alignments:</b> Gmc { vertical-align: middle; text-align: center; } |
Revision as of 13:24, 12 January 2017
Sitewide CSS Sitewide Javascript Edit Sidebar
Templates as they are used All Templates All Pages All Categories Special Pages
Wanted Pages Wanted Categories
Handy Templates:
{{Template:Disambiguate|content=I am so confused!}}
Handy Classes:
<div class="GfakeTabGroup"><div class="GfakeTab">GfakeTab</div><div class="GfakeTab">GfakeTab2</div></div>
Structures: GTableTextPic (text then pictures) GOrangeBox Gbb1 (black border table)
Alignments: Gmc { vertical-align: middle; text-align: center; }
Gtal { text-align: left; } Gtac { text-align: center; } Gtar { text-align: right; }
Gvam { vertical-align: middle; } Gvat { vertical-align: top; } Gvab { vertical-align: bottom; }
Colors: GbcLgray GfcLgray
Category: type [[Category: CategoryName]] More on categories
iframe: (uses Iframe Widget):
{{#widget:Iframe
|url=yoururl
|width=yourwidth
|height=yourheight
|border=0
}}
Insert a glyph
using:
<div class="imgGlyph24 imgIdea"></div> <div class="imgGlyph24 imgConcept"></div> <div class="imgGlyph24 imgWarning"></div> <div class="imgGlyph24 imgNote"></div> <div class="imgGlyph24 imgDisambiguate"></div> <div class="imgGlyph16 imgCellYes"></div> <div class="imgGlyph16 imgCellNo"></div> <div class="imgGlyph16 imgCellMaybe"></div>
Insert a foreign image
This is from dataZoa itself:using:
<div class="imgWholeWrap1"><div class="imgWhole " data-guts="{ url: '/img/Hint.png', title: 'Hint example', xtraStyle: ' min-height: 16px; min-width: 16px;' }"></div></div>
Insert a snippet
using:
<div class="imgSnippetWrap1 "><div class="imgSnippet " title="dropZone Title Search" data-styler="{ view: '311', style: ' width: 479px; height: 123px; background: url(SQ/img/DocSamples/snap31.pngSQ) scroll -22px -62px; background-repeat: no-repeat; ' }"></div></div>