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/
(Height fixes)
(Fixed wrapping issues on smaller displays)
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; 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; 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>
  
  
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="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: 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: 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>
  
  
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: 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: 8px 16px; position: relative; vertical-align: middle;"><span style="padding: 0 16px 0 0">{{{3|}}}</span></div></div></div></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>
 
{{!)}}
 
{{!)}}
  

Revision as of 18:49, 6 January 2017


History

Early Access Release
Initial Release
Added new item
Changed parameter