Line 4: |
Line 4: |
| <div id="overlay" style="position: relative; width: 64.5%; height: auto; vertical-align: bottom; display: inline-flex; align-items: center; background-color: #3baef55c;"> | | <div id="overlay" style="position: relative; width: 64.5%; height: auto; vertical-align: bottom; display: inline-flex; align-items: center; background-color: #3baef55c;"> |
| <div style="text-align: center; width: 100%;font-size: larger;"><b><i>{{#if: {{{title_en|}}} | {{{title_en}}}}}</i><br>{{#if: {{{title_jp|}}} | {{{title_jp}}}}}</b></div> | | <div style="text-align: center; width: 100%;font-size: larger;"><b><i>{{#if: {{{title_en|}}} | {{{title_en}}}}}</i><br>{{#if: {{{title_jp|}}} | {{{title_jp}}}}}</b></div> |
− | </div><div id="banner_tag" style="position: relative; object-fit: cover; width: 10.5%; height: 100%; float: right; margin-left: -15px; transform:skewX(-18deg); background-color: #3baef5; overflow: hidden;"> | + | </div><div id="banner_tag" style="position: relative; object-fit: cover; width: {{#if: {{{tag3|}}} | 32.5% | {{#if: {{{tag2|}}} | 20.5% | 10.5%}}}}; height: 100%; float: right; margin-left: -15px; transform:skewX(-18deg); background-color: #3baef5; overflow: hidden;"> |
− | <div style="height: 0px; width: 0px; margin-left: -13px; margin-top: 14px; transform:skewX(18deg);"> | + | <div style="display: block; height: 0px; width: 0px; margin-left: -13px; margin-top: 14px; transform:skewX(18deg);"><p style="margin-top: 0px; margin-bottom: 0px; height: 0px;"> |
− | {{#if: {{{tag|}}} | {{{tag}}}}} | + | {{#if: {{{tag|}}} | {{{tag}}}}}</p> |
− | {{#if: {{{tag2|}}} | {{{tag2}}}}} | + | </div> |
− | {{#if: {{{tag3|}}} | {{{tag3}}}}} | + | <div style="display: block; height: 0px; width: 0px; margin-left: 23px; transform:skewX(18deg);"><p style="margin-top: 0px; margin-bottom: 0px; height: 0px;"> |
| + | {{#if: {{{tag2|}}} | {{{tag2}}}}}</p> |
| + | </div> |
| + | <div style="display: block; height: 0px; width: 0px; margin-left: 59px; transform:skewX(18deg);"><p style="margin-top: 0px; margin-bottom: 0px; height: 0px;"> |
| + | {{#if: {{{tag3|}}} | {{{tag3}}}}}</p> |
| </div> | | </div> |
| </div><div id="banner_img" style="position: relative; object-fit: cover; width: 33%; margin-right: -15px; height: 100%; float: right; margin-left: -1px; transform:skewX(-18deg); background-color: #296d96; overflow: hidden;"> | | </div><div id="banner_img" style="position: relative; object-fit: cover; width: 33%; margin-right: -15px; height: 100%; float: right; margin-left: -1px; transform:skewX(-18deg); background-color: #296d96; overflow: hidden;"> |
− | <div style="height: 0px; width: 0px; margin-left: -35px; transform:skewX(18deg);"><p style="margin-top: 0px; margin-bottom: 0px;> | + | <div style="height: 0px; width: 0px; margin-left: -35px; transform:skewX(18deg);"><p style="margin-top: 0px; margin-bottom: 0px;"> |
| {{#if: {{{header_thumb|}}} | {{{header_thumb}}}}}</p> | | {{#if: {{{header_thumb|}}} | {{{header_thumb}}}}}</p> |
| </div> | | </div> |
Line 226: |
Line 230: |
| |title_jp=鎮魂、キ504船団 | | |title_jp=鎮魂、キ504船団 |
| |tag=[[File:RainySeason2020EventWhiteTag.png]] | | |tag=[[File:RainySeason2020EventWhiteTag.png]] |
| + | |tag2=[[File:RainySeason2020EventBlueTag.png]] |
| + | |tag3=[[File:RainySeason2020EventGreenTag.png]] |
| |tag_text=Kurile Islands Area Unit | | |tag_text=Kurile Islands Area Unit |
| |header_thumb=[[File:Abyssal_Kuriles_Princess_HeaderThumb.png]] | | |header_thumb=[[File:Abyssal_Kuriles_Princess_HeaderThumb.png]] |