Difference between revisions of "Template:VersionFrame/doc"
m (added some padding to sample table) |
(added technical information) |
||
Line 33: | Line 33: | ||
}} | }} | ||
|} | |} | ||
+ | |||
+ | ==Technical Information== | ||
+ | ===Original Version=== | ||
+ | <code><nowiki> | ||
+ | <div style="width:100%; overflow:hidden;" class="mpb br15tr br15tl br15bl br15br"> | ||
+ | <div class="mpth mpbr mpbb br15br version_num">{{{VERSION}}}</div> | ||
+ | <div style="padding:0 10px; display:inline-block;">{{{DESCRIPTION}}}</div> | ||
+ | {{{BODY}}} | ||
+ | </div> | ||
+ | </nowiki></code> | ||
+ | |||
+ | ===Table Version=== | ||
+ | <code><nowiki> | ||
+ | {| class="mpb br15tr br15tl br15bl br15br" style="width:100%; overflow:hidden;" | ||
+ | | class="mpth br15tl br15br version_num" | {{{VERSION}}} | ||
+ | | style="width:100%;padding-left:10px;" | {{{DESCRIPTION}}} | ||
+ | |- | ||
+ | | colspan="2" | {{{BODY}}} | ||
+ | |} | ||
+ | </nowiki></code> | ||
+ | |||
+ | ===CSS Class Information=== | ||
+ | <nowiki>CSS Class URL = http://rimworldwiki.com/load.php?modules=site</nowiki> | ||
+ | |||
+ | <br/>.mpb{border:1px solid #aaa} | ||
+ | <br/>.mpbl{border-left:1px solid #aaa} | ||
+ | <br/>.mpbr{border-right:1px solid #aaa} | ||
+ | <br/>.mpbt{border-top:1px solid #aaa} | ||
+ | <br/>.mpbb{border-bottom:1px solid #aaa} | ||
+ | |||
+ | <br/>.mpth{font-family:EasonPro,\"Times New Roman\",serif;font-size:1.7692307692em;color:#fff;text-shadow:rgba(0,0,0,0.75) 0 0 .25em;background-color:#666;font-weight:400;height:48px} | ||
+ | <br/>.mpth2{background-color:#e7e7e7} | ||
+ | |||
+ | <br/>.version_sm{background:#000;color:#fff;padding:2px 2px 0;line-height:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block } | ||
+ | <br/>.version_cat{max-width:200px;padding:2px 10px;margin:20px 0 0 0} | ||
+ | <br/>.version_num{padding:10px 20px;max-height:19px;display:inline-block} | ||
+ | |||
+ | <br/>.br10tl{-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px} | ||
+ | <br/>.br10tr{-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;border-top-right-radius:10px} | ||
+ | <br/>.br10bl{-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px} | ||
+ | <br/>.br10br{-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px} | ||
+ | |||
+ | <br/>.br15tl{-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-top-left-radius:15px} | ||
+ | <br/>.br15tr{-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;border-top-right-radius:15px} | ||
+ | <br/>.br15bl{-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px;border-bottom-left-radius:15px} | ||
+ | <br/>.br15br{-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;border-bottom-right-radius:15px} | ||
+ | |||
+ | <br/>.br20tl{-webkit-border-top-left-radius:20px;-moz-border-radius-topleft:20px;border-top-left-radius:20px} | ||
+ | <br/>.br20tr{-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px} | ||
+ | <br/>.br20bl{-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomleft:20px;border-bottom-left-radius:20px} | ||
+ | <br/>.br20br{-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;border-bottom-right-radius:20px} | ||
==See Also== | ==See Also== |
Revision as of 21:59, 25 September 2015
Description
An unified look for all individual version pages.
Syntax
{{ VersionFrame | VERSION = | DESCRIPTION = | BODY = }}
- VERSION
- the version number of this version
- DESCRIPTION
- a short description about this version
- BODY
- the details of this version
Samples
You Type | You Get |
---|---|
{{ VersionFrame
| VERSION = 0.0.1 |
Technical Information
Original Version
<div style="width:100%; overflow:hidden;" class="mpb br15tr br15tl br15bl br15br">
<div class="mpth mpbr mpbb br15br version_num">{{{VERSION}}}</div>
<div style="padding:0 10px; display:inline-block;">{{{DESCRIPTION}}}</div>
{{{BODY}}}
</div>
Table Version
{| class="mpb br15tr br15tl br15bl br15br" style="width:100%; overflow:hidden;"
| class="mpth br15tl br15br version_num" | {{{VERSION}}}
| style="width:100%;padding-left:10px;" | {{{DESCRIPTION}}}
|-
| colspan="2" | {{{BODY}}}
|}
CSS Class Information
CSS Class URL = http://rimworldwiki.com/load.php?modules=site
.mpb{border:1px solid #aaa}
.mpbl{border-left:1px solid #aaa}
.mpbr{border-right:1px solid #aaa}
.mpbt{border-top:1px solid #aaa}
.mpbb{border-bottom:1px solid #aaa}
.mpth{font-family:EasonPro,\"Times New Roman\",serif;font-size:1.7692307692em;color:#fff;text-shadow:rgba(0,0,0,0.75) 0 0 .25em;background-color:#666;font-weight:400;height:48px}
.mpth2{background-color:#e7e7e7}
.version_sm{background:#000;color:#fff;padding:2px 2px 0;line-height:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block }
.version_cat{max-width:200px;padding:2px 10px;margin:20px 0 0 0}
.version_num{padding:10px 20px;max-height:19px;display:inline-block}
.br10tl{-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px}
.br10tr{-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;border-top-right-radius:10px}
.br10bl{-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px}
.br10br{-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px}
.br15tl{-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-top-left-radius:15px}
.br15tr{-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;border-top-right-radius:15px}
.br15bl{-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px;border-bottom-left-radius:15px}
.br15br{-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;border-bottom-right-radius:15px}
.br20tl{-webkit-border-top-left-radius:20px;-moz-border-radius-topleft:20px;border-top-left-radius:20px}
.br20tr{-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px}
.br20bl{-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomleft:20px;border-bottom-left-radius:20px}
.br20br{-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;border-bottom-right-radius:20px}