Template:KF2History: Difference between revisions

From Tripwire Interactive Wiki
Jump to navigation Jump to search
VisualWikitext
(Fixed wrapping issues on smaller displays)
(Added indent parameter)
 
(One intermediate revision by the same user not shown)
Line 19: Line 19:
{{!}}- style="height: 36px; position: relative;"
{{!}}- style="height: 36px; position: relative;"
{{!}} rowspan="{{{rowspan}}}" style="{{#ifeq: {{lc: {{{last|}}}}} | true | background: linear-gradient(45deg, transparent 6.5px, #aaa 0) bottom left; padding: 0; | background: #f9f9f9; box-shadow: 1px 0 0 #aaa inset;}} height: 36px; padding: 0; position: relative; width: 1px;" {{!}} <div style="{{#ifeq: {{lc: {{{last|}}}}} | true | background: linear-gradient(45deg, transparent 6px, #f9f9f9 0) bottom left; bottom: 1px; left: 1px; |}} display: table; height: 100%; width: 100%; position: relative;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; text-align: center; vertical-align: middle; position: relative; {{#ifeq: {{lc: {{{last|}}}}} | true | bottom: -1px; | left: 1px; }} white-space: nowrap;">'''{{#if: {{{version|}}} | [[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]] | {{{release|}}} }}'''</div></div>
{{!}} rowspan="{{{rowspan}}}" style="{{#ifeq: {{lc: {{{last|}}}}} | true | background: linear-gradient(45deg, transparent 6.5px, #aaa 0) bottom left; padding: 0; | background: #f9f9f9; box-shadow: 1px 0 0 #aaa inset;}} height: 36px; padding: 0; position: relative; width: 1px;" {{!}} <div style="{{#ifeq: {{lc: {{{last|}}}}} | true | background: linear-gradient(45deg, transparent 6px, #f9f9f9 0) bottom left; bottom: 1px; left: 1px; |}} display: table; height: 100%; width: 100%; position: relative;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; text-align: center; vertical-align: middle; position: relative; {{#ifeq: {{lc: {{{last|}}}}} | true | bottom: -1px; | left: 1px; }} white-space: nowrap;">'''{{#if: {{{version|}}} | [[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]] | {{{release|}}} }}'''</div></div>
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 36px; padding: 0; position: relative;" {{!}} <div style="height: 100%; width: 100%; position: relative;"><div style="background: linear-gradient(transparent 10px, #aaa 0), linear-gradient(90deg, transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 0), linear-gradient(135deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) top left, linear-gradient(225deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) top right; height: 100%; width: calc(100% - 6px); padding: 0; position: relative; top: 3px; left: 3px;"><div style="background: linear-gradient(transparent 10px, #ffffff 0), linear-gradient(90deg, transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 0), linear-gradient(135deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) top left, linear-gradient(225deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) top right; display: table; height: 100%; width: calc(100% - 2px); padding: 0; position: relative; top: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div>
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 36px; padding: 0; position: relative;" {{!}} <div style="height: 100%; width: 100%; position: relative;"><div style="background: linear-gradient(transparent 10px, #aaa 0), linear-gradient(90deg, transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 0), linear-gradient(135deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) top left, linear-gradient(225deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) top right; height: 100%; width: calc(100% - 6px); padding: 0; position: relative; top: 3px; left: 3px;"><div style="background: linear-gradient(transparent 10px, #ffffff 0), linear-gradient(90deg, transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 0), linear-gradient(135deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) top left, linear-gradient(225deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) top right; display: table; height: 100%; width: calc(100% - 2px); padding: 0; position: relative; top: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px {{#ifeq: {{lc:{{{indent|}}}}} | true | 2px | 8px}}; position: relative; vertical-align: middle;"><span style="padding: 0 {{#ifeq: {{lc:{{{indent|}}}}} | true | 0 | 16px}} 0 0">{{{3|}}}</span></div></div></div></div>




Line 26: Line 26:


{{!}}- style="height: 32px; position: relative;"
{{!}}- style="height: 32px; position: relative;"
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 32px; padding: 0; position: relative;" {{!}} <div style="height: 100%; width: 100%; position: relative;"><div style="background: #ffffff; box-shadow: 1px 0 0 #aaa inset, -1px 0 0 #aaa inset; display: table; height: 100%; width: calc(100% - 6px); padding: 0; margin: 1px 0; position: relative; left: 3px;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div>
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 32px; padding: 0; position: relative;" {{!}} <div style="height: 100%; width: 100%; position: relative;"><div style="background: #ffffff; box-shadow: 1px 0 0 #aaa inset, -1px 0 0 #aaa inset; display: table; height: 100%; width: calc(100% - 6px); padding: 0; position: relative; left: 3px;"><div style="display: table-cell; line-height: 16px; padding: 8px 17px {{#ifeq: {{lc:{{{indent|}}}}} | true | 2px | 8px}}; position: relative; vertical-align: middle;"><span style="padding: 0 {{#ifeq: {{lc:{{{indent|}}}}} | true | 0 | 16px}} 0 0">{{{3|}}}</span></div></div></div>




Line 33: Line 33:


{{!}}- style="height: 36px; position: relative;"
{{!}}- style="height: 36px; position: relative;"
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 36px; padding: 0; position: relative;" {{!}} <div style="height: 100%; width: 100%; position: relative;"><div style="background: linear-gradient(#aaa calc(100% - 10px), transparent 0), linear-gradient(90deg, transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 0), linear-gradient(315deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) bottom right, linear-gradient(45deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) bottom left; height: 100%; width: calc(100% - 6px); padding: 0; position: relative; bottom: 3px; left: 3px;"><div style="background: linear-gradient(#ffffff calc(100% - 10px), transparent 0), linear-gradient(90deg, transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 0), linear-gradient(315deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) bottom right, linear-gradient(45deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) bottom left; display: table; height: 100%; width: calc(100% - 2px); padding: 0; position: relative; bottom: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div>
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 36px; padding: 0; position: relative;" {{!}} <div style="height: 100%; width: 100%; position: relative;"><div style="background: linear-gradient(#aaa calc(100% - 10px), transparent 0), linear-gradient(90deg, transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 0), linear-gradient(315deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) bottom right, linear-gradient(45deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) bottom left; height: 100%; width: calc(100% - 6px); padding: 0; position: relative; bottom: 3px; left: 3px;"><div style="background: linear-gradient(#ffffff calc(100% - 10px), transparent 0), linear-gradient(90deg, transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 0), linear-gradient(315deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) bottom right, linear-gradient(45deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) bottom left; display: table; height: 100%; width: calc(100% - 2px); padding: 0; position: relative; bottom: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px {{#ifeq: {{lc:{{{indent|}}}}} | true | 2px | 8px}}; position: relative; vertical-align: middle;"><span style="padding: 0 {{#ifeq: {{lc:{{{indent|}}}}} | true | 0 | 16px}} 0 0">{{{3|}}}</span></div></div></div></div>




Line 41: Line 41:
{{!}}- style="height: 40px; position: relative;"
{{!}}- style="height: 40px; position: relative;"
{{!}}  style="background: #f9f9f9; box-shadow: 1px 0 0 #aaa inset; height: 40px; padding: 0; position: relative; width: 1px;" {{!}} <div style="display: table; height: 100%; width: 100%; position: relative;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; text-align: center; vertical-align: middle; position: relative; left: 1px; white-space: nowrap;">'''{{#if: {{{version|}}} | [[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]] | {{{release|}}} }}'''</div></div>
{{!}}  style="background: #f9f9f9; box-shadow: 1px 0 0 #aaa inset; height: 40px; padding: 0; position: relative; width: 1px;" {{!}} <div style="display: table; height: 100%; width: 100%; position: relative;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; text-align: center; vertical-align: middle; position: relative; left: 1px; white-space: nowrap;">'''{{#if: {{{version|}}} | [[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]] | {{{release|}}} }}'''</div></div>
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 40px; padding: 0; position: relative;" {{!}} <div style="background: #ffffff; box-shadow: 1px 0 0 #aaa inset, -1px 0 0 #aaa inset, 0 1px 0 #aaa inset, 0 -1px 0 #aaa inset; margin: 4px 3px 4px 4px;"><div style="background: linear-gradient(135deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) top left, linear-gradient(225deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) top right, linear-gradient(315deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) bottom right, linear-gradient(45deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) bottom left;"><div style="display: table; margin: 1px;"><div style="display: table-cell; padding: 8px 16px;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div>
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 40px; padding: 0; position: relative;" {{!}} <div style="background: #ffffff; box-shadow: 1px 0 0 #aaa inset, -1px 0 0 #aaa inset, 0 1px 0 #aaa inset, 0 -1px 0 #aaa inset; margin: 4px 3px 4px 4px;"><div style="background: linear-gradient(135deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) top left, linear-gradient(225deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) top right, linear-gradient(315deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) bottom right, linear-gradient(45deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) bottom left;"><div style="display: table; margin: 1px;"><div style="display: table-cell; padding: 8px 16px {{#ifeq: {{lc:{{{indent|}}}}} | true | 2px | 8px}};"><span style="padding: 0 {{#ifeq: {{lc:{{{indent|}}}}} | true | 0 | 16px}} 0 0">{{{3|}}}</span></div></div></div></div>




Line 48: Line 48:


{{!}}- style="height: 37px; position: relative;"
{{!}}- style="height: 37px; position: relative;"
{{!}} style="background: linear-gradient(315deg, transparent 6.5px, #aaa 0) bottom right; padding: 0; height: 37px; padding: 0; position: relative;" {{!}} <div style="background: linear-gradient(315deg, transparent 6px, #f9f9f9 0) bottom right; bottom: 1px; right: 1px; height: 100%; width: 100%; position: relative;"><div style="height: 100%; width: 100%; position: relative;"><div style="background: linear-gradient(#aaa calc(100% - 10px), transparent 0), linear-gradient(90deg, transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 0), linear-gradient(315deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) bottom right, linear-gradient(45deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) bottom left; height: 100%; width: calc(100% - 6px); padding: 0; position: relative; bottom: 2px; left: 4px;"><div style="background: linear-gradient(#ffffff calc(100% - 10px), transparent 0), linear-gradient(90deg, transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 0), linear-gradient(315deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) bottom right, linear-gradient(45deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) bottom left; display: table; height: 100%; width: calc(100% - 2px); padding: 0; position: relative; bottom: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div></div>
{{!}} style="background: linear-gradient(315deg, transparent 6.5px, #aaa 0) bottom right; padding: 0; height: 37px; padding: 0; position: relative;" {{!}} <div style="background: linear-gradient(315deg, transparent 6px, #f9f9f9 0) bottom right; bottom: 1px; right: 1px; height: 100%; width: 100%; position: relative;"><div style="height: 100%; width: 100%; position: relative;"><div style="background: linear-gradient(#aaa calc(100% - 10px), transparent 0), linear-gradient(90deg, transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 0), linear-gradient(315deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) bottom right, linear-gradient(45deg, transparent 5px, #aaa 0, #aaa 16px, transparent 0) bottom left; height: 100%; width: calc(100% - 6px); padding: 0; position: relative; bottom: 2px; left: 4px;"><div style="background: linear-gradient(#ffffff calc(100% - 10px), transparent 0), linear-gradient(90deg, transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 0), linear-gradient(315deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) bottom right, linear-gradient(45deg, transparent 4.5px, #ffffff 0, #ffffff 16px, transparent 0) bottom left; display: table; height: 100%; width: calc(100% - 2px); padding: 0; position: relative; bottom: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px {{#ifeq: {{lc:{{{indent|}}}}} | true | 2px | 8px}}; position: relative; vertical-align: middle;"><span style="padding: 0 {{#ifeq: {{lc:{{{indent|}}}}} | true | 0 | 16px}} 0 0">{{{3|}}}</span></div></div></div></div></div>
{{!)}}
{{!)}}


Line 57: Line 57:
{{!}}- style="height: 41px; position: relative;"
{{!}}- style="height: 41px; position: relative;"
{{!}} style="background: linear-gradient(45deg, transparent 6.5px, #aaa 0) bottom left; padding: 0; height: 41px; padding: 0; position: relative; width: 1px;" {{!}} <div style="background: linear-gradient(45deg, transparent 6px, #f9f9f9 0) bottom left; bottom: 1px; left: 1px; display: table; height: 100%; width: 100%; position: relative;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; text-align: center; vertical-align: middle; position: relative; bottom: -1px; white-space: nowrap;">'''{{#if: {{{version|}}} | [[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]] | {{{release|}}} }}'''</div></div>
{{!}} style="background: linear-gradient(45deg, transparent 6.5px, #aaa 0) bottom left; padding: 0; height: 41px; padding: 0; position: relative; width: 1px;" {{!}} <div style="background: linear-gradient(45deg, transparent 6px, #f9f9f9 0) bottom left; bottom: 1px; left: 1px; display: table; height: 100%; width: 100%; position: relative;"><div style="display: table-cell; line-height: 16px; padding: 8px 16px; text-align: center; vertical-align: middle; position: relative; bottom: -1px; white-space: nowrap;">'''{{#if: {{{version|}}} | [[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]] | {{{release|}}} }}'''</div></div>
{{!}} style="background: #aaa; padding: 0; height: 40px; padding: 0; position: relative;" {{!}} <div style="background: #f9f9f9; bottom: 1px; right: 1px; display: table; height: 100%; width: 100%; position: relative;"><div style="background: #ffffff; box-shadow: 1px 0 0 #aaa inset, -1px 0 0 #aaa inset, 0 1px 0 #aaa inset, 0 -1px 0 #aaa inset; margin: 5px 2px 2px 5px;"><div style="background: linear-gradient(135deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) top left, linear-gradient(225deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) top right, linear-gradient(315deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) bottom right, linear-gradient(45deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) bottom left;"><div style="display: table; margin: 1px;"><div style="display: table-cell; padding: 8px 16px;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div></div><div style="background: linear-gradient(315deg, #ffffff 6.5px, #aaa 0, #aaa 7.5px, transparent 0) bottom left; height: 10px; width: 10px; position: absolute; bottom: 0; right: 0;"></div>
{{!}} style="background: #aaa; padding: 0; height: 40px; padding: 0; position: relative;" {{!}} <div style="background: #f9f9f9; bottom: 1px; right: 1px; display: table; height: 100%; width: 100%; position: relative;"><div style="background: #ffffff; box-shadow: 1px 0 0 #aaa inset, -1px 0 0 #aaa inset, 0 1px 0 #aaa inset, 0 -1px 0 #aaa inset; margin: 5px 2px 2px 5px;"><div style="background: linear-gradient(135deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) top left, linear-gradient(225deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) top right, linear-gradient(315deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) bottom right, linear-gradient(45deg, #f9f9f9 5px, #aaa 0, #aaa 6px, transparent 0) bottom left;"><div style="display: table; margin: 1px;"><div style="display: table-cell; padding: 8px 16px {{#ifeq: {{lc:{{{indent|}}}}} | true | 2px | 8px}};"><span style="padding: 0 {{#ifeq: {{lc:{{{indent|}}}}} | true | 0 | 16px}} 0 0">{{{3|}}}</span></div></div></div></div></div><div style="background: linear-gradient(315deg, #ffffff 6.5px, #aaa 0, #aaa 7.5px, transparent 0) bottom left; height: 10px; width: 10px; position: absolute; bottom: 0; right: 0;"></div>
{{!)}}
{{!)}}


Line 66: Line 66:
== History ==
== History ==
{{KF2History|header|
{{KF2History|header|
   | Early Access Release
   | header
}}{{KF2History|body|
}}{{KF2History|body|
   | release=Initial Release
   | release=Release
   | Added new item
   | body<br />{{!}} release: '''''Release'''''
}}{{KF2History|section|
  | section
}}{{KF2History|body|top
  | rowspan=3
  | version=1002
  | body {{!}} top<br />{{!}} rowspan: '''''3'''''<br />{{!}} version: '''''1002'''''
}}{{KF2History|body|middle
  | indent=true
  | body {{!}} middle
: indent: '''''true'''''
}}{{KF2History|body|bottom
  | body {{!}} bottom
}}{{KF2History|footer|
}}{{KF2History|footer|
   | version=1002
   | version=1003
   | Changed parameter
   | footer<br />{{!}} version: '''''1003'''''
}}
 
{{KF2History|header|
  | header
}}{{KF2History|body|
  | version=1004
  | body<br />{{!}} version: '''''1004'''''
}}{{KF2History|section|
  | section
}}{{KF2History|body|top
  | rowspan=2
  | last=true
  | release=Full Release
  | body {{!}} top<br />{{!}} rowspan: '''''2'''''<br />{{!}} last: '''''true'''''<br />{{!}} release: '''''Full Release'''''
}}{{KF2History|footer|bottom
  | footer {{!}} bottom
}}
}}
</noinclude>
</noinclude>

Latest revision as of 13:20, 9 January 2017


History

header
Release
body
| release: Release
section
body | top
| rowspan: 3
| version: 1002
body | middle
indent: true
body | bottom
footer
| version: 1003



header
body
| version: 1004
section
Full Release
body | top
| rowspan: 2
| last: true
| release: Full Release
footer | bottom


Retrieved from "https://wiki.tripwireinteractive.com/index.php?title=Template:KF2History&oldid=9182"