Difference between revisions of "Template:KF2History" - Tripwire Interactive Wiki

  • Please make sure you are familiar with the forum rules. You can find them here: https://forums.tripwireinteractive.com/index.php?threads/forum-rules.2334636/
(Further reduced the amount of free space between single entrys)
(Temporarily fixed a wrapping issue)
Line 19: Line 19:
 
{{!}}-
 
{{!}}-
 
{{!}} 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: 0 16px; text-align: center; vertical-align: middle; position: relative; {{#ifeq: {{lc: {{{last|}}}}} | true | bottom: -1px; | left: 1px; }} white-space: nowrap;">'''[[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]]'''</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: 0 16px; text-align: center; vertical-align: middle; position: relative; {{#ifeq: {{lc: {{{last|}}}}} | true | bottom: -1px; | left: 1px; }} white-space: nowrap;">'''[[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]]'''</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: 0 16px; position: relative; vertical-align: middle;">{{{3|}}}</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: 0 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div>
  
  
Line 26: Line 26:
  
 
{{!}}-
 
{{!}}-
{{!}} 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: 0 16px; position: relative; vertical-align: middle;">{{{3|}}}</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: 0 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div>
  
  
Line 33: Line 33:
  
 
{{!}}-
 
{{!}}-
{{!}} 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: 0 16px; position: relative; vertical-align: middle;">{{{3|}}}</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: 0 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div>
  
  
Line 41: Line 41:
 
{{!}}-
 
{{!}}-
 
{{!}}  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: 0 16px; text-align: center; vertical-align: middle; position: relative; left: 1px; white-space: nowrap;">'''[[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]]'''</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: 0 16px; text-align: center; vertical-align: middle; position: relative; left: 1px; white-space: nowrap;">'''[[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]]'''</div></div>
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 40px; padding: 0; position: relative;" {{!}} <div style="height: 100%; width: 100%; position: relative; right: 1px;"><div style="background: linear-gradient(transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 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, 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: calc(100% - 6px); width: calc(100% - 6px); padding: 0; position: relative; top: 4px; left: 4px;"><div style="background: linear-gradient(transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 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, 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: calc(100% - 2px); width: calc(100% - 2px); padding: 0; position: relative; top: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 0 16px; position: relative; vertical-align: middle;">{{{3|}}}</div></div></div></div>
+
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 40px; padding: 0; position: relative;" {{!}} <div style="height: 100%; width: 100%; position: relative; right: 1px;"><div style="background: linear-gradient(transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 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, 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: calc(100% - 6px); width: calc(100% - 6px); padding: 0; position: relative; top: 4px; left: 4px;"><div style="background: linear-gradient(transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 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, 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: calc(100% - 2px); width: calc(100% - 2px); padding: 0; position: relative; top: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 0 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div>
  
  
Line 48: Line 48:
  
 
{{!}}-
 
{{!}}-
{{!}} style="background: linear-gradient(315deg, transparent 6.5px, #aaa 0) bottom right; padding: 0; height: 36px; 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: 0 16px; position: relative; vertical-align: middle;">{{{3|}}}</div></div></div></div></div>
+
{{!}} style="background: linear-gradient(315deg, transparent 6.5px, #aaa 0) bottom right; padding: 0; height: 36px; 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: 0 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div></div>
 
{{!)}}
 
{{!)}}
  
Line 57: Line 57:
 
{{!}}-
 
{{!}}-
 
{{!}} style="background: linear-gradient(45deg, transparent 6.5px, #aaa 0) bottom left; padding: 0; height: 40px; 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: 0 16px; text-align: center; vertical-align: middle; position: relative; bottom: -1px; white-space: nowrap;">'''[[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]]'''</div></div>
 
{{!}} style="background: linear-gradient(45deg, transparent 6.5px, #aaa 0) bottom left; padding: 0; height: 40px; 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: 0 16px; text-align: center; vertical-align: middle; position: relative; bottom: -1px; white-space: nowrap;">'''[[Update {{{version}}} (Killing Floor 2)|Update {{{version}}}]]'''</div></div>
{{!}} style="background: linear-gradient(315deg, transparent 6.5px, #aaa 0) bottom right; padding: 0; height: 40px; padding: 0; position: relative;" {{!}} <div style="background: linear-gradient(315deg, transparent 6px, #f9f9f9 0) bottom right; bottom: 1px; right: 1px; display: table; height: 100%; width: 100%; position: relative;"><div style="height: 100%; width: 100%; position: relative;"><div style="background: linear-gradient(transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 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, 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: calc(100% - 6px); width: calc(100% - 6px); padding: 0; position: relative; top: 4px; left: 4px;"><div style="background: linear-gradient(transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 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, 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: calc(100% - 2px); width: calc(100% - 2px); padding: 0; position: relative; top: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 0 8px 0 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: 40px; padding: 0; position: relative;" {{!}} <div style="background: linear-gradient(315deg, transparent 6px, #f9f9f9 0) bottom right; bottom: 1px; right: 1px; display: table; height: 100%; width: 100%; position: relative;"><div style="height: 100%; width: 100%; position: relative;"><div style="background: linear-gradient(transparent 10px, #aaa 0, #aaa calc(100% - 10px), transparent 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, 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: calc(100% - 6px); width: calc(100% - 6px); padding: 0; position: relative; top: 4px; left: 4px;"><div style="background: linear-gradient(transparent 10px, #ffffff 0, #ffffff calc(100% - 10px), transparent 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, 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: calc(100% - 2px); width: calc(100% - 2px); padding: 0; position: relative; top: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 0 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></div></div>
 
{{!)}}
 
{{!)}}
  

Revision as of 12:12, 5 January 2017


History

Early Access Release
Added new item