模板:Infobox:修订间差异

来自迷你世界维基
无编辑摘要
无编辑摘要
第1行: 第1行:
<style>
{| class="infobox" style="font-size:90%; float:right; background-color:#f8f9fa; width:300px; color:#212529; border:1px solid #dee2e6; border-radius:8px; box-shadow:0 4px 8px rgba(0,0,0,0.05); overflow:hidden; line-height:1.6;"
/* =================================================================== */
|-
/* Self-Contained Div-Based Infobox (Highest Priority)                */
! colspan="2" style="background-color:#495057; color:white; font-size:120%; padding:0.8em 1em; text-align:center;" | {{{Box title|No Title}}}
/* All styles are embedded directly in the template.                   */
{{#if: {{{image|}}}|
/* =================================================================== */
{{!}}-
 
{{!}} colspan="2" style="text-align:center; padding:1em; background-color:white; border-bottom:1px solid #dee2e6;" {{!}} [[File:{{{image}}}|{{{imagewidth|250}}}px]]
/* --- 1. Main Container --- */
{{#if: {{{caption|}}}|
.infobox-div-scoped {
{{!}}<div style="margin-top:0.75em; font-size:95%; color:#6c757d; line-height:1.4;">{{{caption}}}</div>
  float: right;
}}
  width: 300px;
|
  margin: 0.5em 0 1em 1.5em;
}}
  background-color: #f8f9fa;
|-
  border: 1px solid #dee2e6;
| style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top;" |
  border-radius: 8px;
'''{{{Row 1 title|No Title}}}'''
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
| style="width:65%; padding:0.7em 1em; vertical-align:top;" |
  font-size: 90%;
{{{Row 1 info|No information}}}
  line-height: 1.6;
{{#if: {{{Row 2 title|}}}|
  overflow: hidden;
{{!}}-
  /* Final attempt to override stretching */
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  align-self: start !important;  
'''{{{Row 2 title}}}'''
  height: auto !important;
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  min-height: 0 !important;
{{{Row 2 info|No information}}}
}
{{#if: {{{Row 3 title|}}}|
 
{{!}}-
/* --- 2. Header --- */
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
.infobox-div-scoped .infobox-div-header {
'''{{{Row 3 title}}}'''
  background-color: #495057;
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  color: #ffffff;
{{{Row 3 info|No information}}}
  font-size: 1.25em;
{{#if: {{{Row 4 title|}}}|
  font-weight: 600;
{{!}}-
  padding: 0.8em 1em;
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  text-align: center;
'''{{{Row 4 title}}}'''
}
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
 
{{{Row 4 info|No information}}}
/* --- 3. Image Area --- */
{{#if: {{{Row 5 title|}}}|
.infobox-div-scoped .infobox-div-image {
{{!}}-
  padding: 1em;
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  text-align: center;
'''{{{Row 5 title}}}'''
  border-bottom: 1px solid #dee2e6;
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
}
{{{Row 5 info|No information}}}
.infobox-div-scoped .infobox-div-image img {
{{#if: {{{Row 6 title|}}}|
  max-width: 100%;
{{!}}-
  height: auto;
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  border-radius: 4px;
'''{{{Row 6 title}}}'''
  display: block;
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
}
{{{Row 6 info|No information}}}
.infobox-div-scoped .infobox-div-caption {
{{#if: {{{Row 7 title|}}}|
  margin-top: 0.75em;
{{!}}-
  font-size: 0.95em;
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  color: #6c757d;
'''{{{Row 7 title}}}'''
  line-height: 1.4;
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
}
{{{Row 7 info|No information}}}
 
{{#if: {{{Row 8 title|}}}|
/* --- 4. Data Row Layout --- */
{{!}}-
.infobox-div-scoped .infobox-div-row {
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  display: flex;
'''{{{Row 8 title}}}'''
  border-top: 1px solid #dee2e6;
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
}
{{{Row 8 info|No information}}}
.infobox-div-scoped .infobox-div-image + .infobox-div-row,
{{#if: {{{Row 9 title|}}}|
.infobox-div-scoped .infobox-div-header + .infobox-div-row {
{{!}}-
  border-top: none;
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
}
'''{{{Row 9 title}}}'''
 
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
/* --- 5. Label and Data Cells --- */
{{{Row 9 info|No information}}}
.infobox-div-scoped .infobox-div-label,
{{#if: {{{Row 10 title|}}}|
.infobox-div-scoped .infobox-div-data {
{{!}}-
  padding: 0.7em 1em;
{{!}} style="width:35%; padding:0.7em 1em; font-weight:600; color:#495057; white-space:nowrap; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
  vertical-align: top;
'''{{{Row 10 title}}}'''
}
{{!}} style="width:65%; padding:0.7em 1em; vertical-align:top; border-top:1px solid #dee2e6;" {{!}}
.infobox-div-scoped .infobox-div-label {
{{{Row 10 info|No information}}}
  width: 35%;
{{#if: {{{Row 11 title|}}}|
  font-weight: 600;
{{!}}-
  color: #495057;
{{!}} colspan="2" style="text-align:center; background:#fff3cd; color:#856404; padding:0.7em;" {{!}}
  white-space: nowrap;
'''参数过多'''
}
|
.infobox-div-scoped .infobox-div-data {
}}
  width: 65%;
}}}}}}}}}}}
  color: #212529;
|}
}
 
/* --- 6. Footer --- */
.infobox-div-scoped .infobox-div-footer {
  background-color: #fff3cd;
  color: #856404;
  text-align: center;
  padding: 0.7em;
  font-size: 0.9em;
  border-top: 1px solid #dee2e6;
}
 
/* --- 7. Responsive for Mobile --- */
@media (max-width: 720px) {
  .infobox-div-scoped {
    float: none;
    width: 100%;
    margin: 1.5em 0;
  }
}
</style><div class="infobox-div-scoped infobox">
  {{#if: {{{Box title|}}}|
    <div class="infobox-div-header">{{{Box title}}}</div>
  }}
 
  {{#if: {{{image|}}}|
    <div class="infobox-div-image">
      [[File:{{{image}}}|{{{imagewidth|250}}}px]]
      {{#if: {{{caption|}}}|
        <div class="infobox-div-caption">{{{caption}}}</div>
      }}
    </div>
  }}
 
  <!-- Row 1 -->
  {{#if: {{{Row 1 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 1 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 1 info|}}}</div>
    </div>
  }}
 
  <!-- Row 2 -->
  {{#if: {{{Row 2 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 2 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 2 info|}}}</div>
    </div>
  }}
 
  <!-- Row 3 -->
  {{#if: {{{Row 3 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 3 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 3 info|}}}</div>
    </div>
  }}
 
  <!-- Row 4 -->
  {{#if: {{{Row 4 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 4 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 4 info|}}}</div>
    </div>
  }}
 
  <!-- Row 5 -->
  {{#if: {{{Row 5 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 5 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 5 info|}}}</div>
    </div>
  }}
 
  <!-- Row 6 -->
  {{#if: {{{Row 6 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 6 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 6 info|}}}</div>
    </div>
  }}
 
  <!-- Row 7 -->
  {{#if: {{{Row 7 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 7 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 7 info|}}}</div>
    </div>
  }}
 
  <!-- Row 8 -->
  {{#if: {{{Row 8 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 8 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 8 info|}}}</div>
    </div>
  }}
 
  <!-- Row 9 -->
  {{#if: {{{Row 9 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 9 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 9 info|}}}</div>
    </div>
  }}
 
  <!-- Row 10 -->
  {{#if: {{{Row 10 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 10 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 10 info|}}}</div>
    </div>
  }}
 
  <!-- Too many parameters warning -->
  {{#if: {{{Row 11 title|}}}|
    <div class="infobox-div-footer">'''参数过多'''</div>
  }}
</div>

2025年10月2日 (四) 13:55的版本

No Title

No Title

No information {{#if: |

{{{Row 2 title}}}

No information {{#if: |

{{{Row 3 title}}}

No information {{#if: |

{{{Row 4 title}}}

No information {{#if: |

{{{Row 5 title}}}

No information }