Template:SizeImageBox/Main Page:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
第1行: | 第1行: | ||
<div class="screen-large"><div style="width: 160px;height:180px;margin:6px;border-right: 1px solid #ccc;text-align: center;padding: 10px;background-color: rgba(255, 255, 255, 0.1);box-shadow: 0 2px 5px #aaa;position: relative;display: flex; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap;"><div style="position: absolute;width:150px;height:auto;opacity:0;">[[File:No_image.svg|center|top|150px|link={{{2|Miniko}}}]]</div>{{SizeImageBox|img={{{1|Illustration Miniko.png}}}|Xmove={{{x|0}}}|Ymove={{{y|0}}}|imgSize={{{size|150}}}px|link={{{2|Miniko}}}|background-color={{{3|{{{background-color|#E1E1E1}}}}}}|border={{{border|3px solid {{{4|{{{border-color|#666666}}}}}}}}}}}<div style="padding:5px;{{#ifeq:{{{subtext|none}}}|none||margin-bottom: -14px;margin-top: -9px;}}">[[{{{2|Miniko}}}|{{{text|{{{2|Miniko}}}}}}]]</div>{{#ifeq:{{{subtext|none}}}|none||<div style="padding:2px;font-size: 12px;min-width: 100%;>{{{subtext|none}}}</div>}}</div></div><div class="screen-small screen-medium"><div style="width: 128px;height:180px;margin:6px;border-right: 1px solid #ccc;text-align: center;padding: 10px;background-color: rgba(255, 255, 255, 0.1);box-shadow: 0 2px 5px #aaa;position: relative;display: flex; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap;"><div style="position: absolute;width:120px;height:auto;opacity:0;">[[File:No_image.svg|center|top|120px|link={{{2|Miniko}}}]]</div>{{SizeImageBox|img={{{1|Illustration Miniko.png}}}|Xmove=calc({{{x|0}}} * 0.8)|Ymove={{{y|0}}}|imgSize={{#expr:{{{size|150}}} * 0.8}}px|link={{{2|Miniko}}}|background-color={{{3|{{{background-color|#E1E1E1}}}}}}|border={{{border|3px solid {{{4|{{{border-color|#666666}}}}}}}}}}}<div style="padding:5px;{{#ifeq:{{{subtext|none}}}|none||margin-bottom: -14px;margin-top: -9px;}}">[[{{{2|Miniko}}}|{{{text|{{{2|Miniko}}}}}}]]</div>{{#ifeq:{{{subtext|none}}}|none||<div style="padding:2px;font-size: 10px;min-width: 100%;>{{{subtext|none}}}</div>}}</div></div> | <div class="screen-large"><div style="width: 160px;height:180px;margin:6px;border-right: 1px solid #ccc;text-align: center;padding: 10px;background-color: rgba(255, 255, 255, 0.1);box-shadow: 0 2px 5px #aaa;position: relative;display: flex; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap;"><div style="position: absolute;width:150px;height:auto;opacity:0;">[[File:No_image.svg|center|top|150px|link={{{2|Miniko}}}]]</div>{{SizeImageBox|img={{{1|Illustration Miniko.png}}}|Xmove={{{x|0}}}|Ymove={{{y|0}}}|imgSize={{{size|150}}}px|link={{{2|Miniko}}}|background-color={{{3|{{{background-color|#E1E1E1}}}}}}|border={{{border|3px solid {{{4|{{{border-color|#666666}}}}}}}}}}}<div style="padding:5px;{{#ifeq:{{{subtext|none}}}|none||margin-bottom: -14px;margin-top: -9px;}}">[[{{{2|Miniko}}}|{{{text|{{{2|Miniko}}}}}}]]</div>{{#ifeq:{{{subtext|none}}}|none||<div style="padding:2px;font-size: 12px;min-width: 100%;white-space: nowrap;">{{{subtext|none}}}</div>}}</div></div><div class="screen-small screen-medium"><div style="width: 128px;height:180px;margin:6px;border-right: 1px solid #ccc;text-align: center;padding: 10px;background-color: rgba(255, 255, 255, 0.1);box-shadow: 0 2px 5px #aaa;position: relative;display: flex; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap;"><div style="position: absolute;width:120px;height:auto;opacity:0;">[[File:No_image.svg|center|top|120px|link={{{2|Miniko}}}]]</div>{{SizeImageBox|img={{{1|Illustration Miniko.png}}}|Xmove=calc({{{x|0}}} * 0.8)|Ymove={{{y|0}}}|imgSize={{#expr:{{{size|150}}} * 0.8}}px|link={{{2|Miniko}}}|background-color={{{3|{{{background-color|#E1E1E1}}}}}}|border={{{border|3px solid {{{4|{{{border-color|#666666}}}}}}}}}}}<div style="padding:5px;{{#ifeq:{{{subtext|none}}}|none||margin-bottom: -14px;margin-top: -9px;}}">[[{{{2|Miniko}}}|{{{text|{{{2|Miniko}}}}}}]]</div>{{#ifeq:{{{subtext|none}}}|none||<div style="padding:2px;font-size: 10px;min-width: 100%;white-space: nowrap;">{{{subtext|none}}}</div>}}</div></div> |