Template:KF2History: Difference between revisions
Jump to navigation
Jump to search
(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=" | {{!}} 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: | {{!}} 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> | ||
{{!)}} | {{!)}} | ||