Template:KF2History: Difference between revisions
Jump to navigation
Jump to search
(Added min-width to table) |
(Changed font-size of content) |
||
Line 2: | Line 2: | ||
{{(!}} style="border-collapse: collapse; table-layout: auto | {{(!}} style="border-collapse: collapse; table-layout: auto;" | ||
{{!}}- style="height: 33px; position: relative;" | {{!}}- style="height: 33px; position: relative;" | ||
{{!}} colspan="2" style="background: linear-gradient(135deg, transparent 6.5px, #aaa 0, #aaa 60%, transparent 0) top left, linear-gradient(225deg, transparent 6.5px, #aaa 0, #aaa 60%, transparent 0) top right; height: 33px; padding: 0; position: relative;" {{!}} <div style="background: linear-gradient(135deg, transparent 6px, #f9f9f9 0, #f9f9f9 60%, transparent 0) top left, linear-gradient(225deg, transparent 6px, #f9f9f9 0, #f9f9f9 60%, transparent 0) top right; display: table; height: 100%; width: calc(100% - 2px); position: relative; top: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 0 16px; text-align: center; vertical-align: middle;">'''{{{3|}}}'''</div></div> | {{!}} colspan="2" style="background: linear-gradient(135deg, transparent 6.5px, #aaa 0, #aaa 60%, transparent 0) top left, linear-gradient(225deg, transparent 6.5px, #aaa 0, #aaa 60%, transparent 0) top right; height: 33px; padding: 0; position: relative;" {{!}} <div style="background: linear-gradient(135deg, transparent 6px, #f9f9f9 0, #f9f9f9 60%, transparent 0) top left, linear-gradient(225deg, transparent 6px, #f9f9f9 0, #f9f9f9 60%, transparent 0) top right; display: table; height: 100%; width: calc(100% - 2px); position: relative; top: 1px; left: 1px;"><div style="display: table-cell; line-height: 16px; padding: 0 16px; text-align: center; vertical-align: middle;">'''{{{3|}}}'''</div></div> | ||
Line 18: | Line 18: | ||
{{!}}- | {{!}}- | ||
{{!}} 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: | {{!}} 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: 40px; 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: | {{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 40px; 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; top: -4px; vertical-align: middle;">{{{3|}}}</div></div></div></div> | ||
Line 26: | Line 26: | ||
{{!}}- | {{!}}- | ||
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: | {{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 40px; 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> | ||
Line 33: | Line 33: | ||
{{!}}- | {{!}}- | ||
{{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: | {{!}} style="background: #f9f9f9; box-shadow: -1px 0 0 #aaa inset; height: 40px; 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; bottom: -4px; vertical-align: middle;">{{{3|}}}</div></div></div></div> | ||
Line 40: | Line 40: | ||
{{!}}- | {{!}}- | ||
{{!}} style="background: #f9f9f9; box-shadow: 1px 0 0 #aaa inset; height: | {{!}} 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: | {{!}} 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> | ||
Line 48: | Line 48: | ||
{{!}}- | {{!}}- | ||
{{!}} style="background: linear-gradient(315deg, transparent 6.5px, #aaa 0) bottom right; padding: 0; height: | {{!}} 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; 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; bottom: -4px; vertical-align: middle;">{{{3|}}}</div></div></div></div></div> | ||
{{!)}} | {{!)}} | ||
Line 56: | Line 56: | ||
{{!}}- | {{!}}- | ||
{{!}} style="background: linear-gradient(45deg, transparent 6.5px, #aaa 0) bottom left; padding: 0; height: | {{!}} 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: | {{!}} 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> | ||
{{!)}} | {{!)}} | ||