模板:Infobox:修订间差异

来自迷你世界维基
无编辑摘要
无编辑摘要
 
(未显示同一用户的10个中间版本)
第1行: 第1行:
<style>
{| class="infobox" style="font-size: 16px; float: {{{float|right}}}; background-color: #f8f9fa; width: auto; max-width: 320px; color: #212529; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-spacing: 0; overflow: hidden;"
/* =================================================================== */
|-
/* Self-Contained Div-Based Infobox (Highest Priority)                */
! colspan="2" style="background: linear-gradient(135deg, #6f42c1, #4a148c); color: white; font-size: 1.25em; padding: 1em; text-align: center; border: none;" | {{{Box title|No Title}}}
/* All styles are embedded directly in the template.                  */
{{#if: {{{image|}}}|
/* =================================================================== */
{{!}}-
 
{{!}} colspan="2" style="text-align:center; padding: 15px; background-color: #ffffff;" {{!}} [[File:{{{image}}}|{{{imagewidth|280}}}px]]<br/><span style="color: #6c757d; font-size: 0.9em;">{{{caption| }}}</span>
/* --- 1. Main Container --- */
|
.infobox-div-scoped {
}}
  float: right;
|-
  width: 300px;
| style="width:35%; padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" |
  margin: 0.5em 0 1em 1.5em;
'''{{{Row 1 title|No Title}}}'''
  background-color: #f8f9fa;
| style="width:65%; padding: 12px 15px; border-bottom: 1px solid #dee2e6;" |
  border: 1px solid #dee2e6;
{{{Row 1 info|No information}}}
  border-radius: 8px;
{{#if: {{{Row 2 title|}}}|
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
{{!}}-
  font-size: 90%;
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
  line-height: 1.6;
'''{{{Row 2 title}}}'''
  overflow: hidden;
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
  /* Final attempt to override stretching */
{{{Row 2 info|No information}}}
  align-self: start !important;  
{{#if: {{{Row 3 title|}}}|
  height: auto !important;
{{!}}-
  min-height: 0 !important;
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
}
'''{{{Row 3 title}}}'''
 
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
/* --- 2. Header --- */
{{{Row 3 info|No information}}}
.infobox-div-scoped .infobox-div-header {
{{#if: {{{Row 4 title|}}}|
  background-color: #495057;
{{!}}-
  color: #ffffff;
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
  font-size: 1.25em;
'''{{{Row 4 title}}}'''
  font-weight: 600;
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
  padding: 0.8em 1em;
{{{Row 4 info|No information}}}
  text-align: center;
{{#if: {{{Row 5 title|}}}|
}
{{!}}-
 
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
/* --- 3. Image Area --- */
'''{{{Row 5 title}}}'''
.infobox-div-scoped .infobox-div-image {
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
  padding: 1em;
{{{Row 5 info|No information}}}
  text-align: center;
{{#if: {{{Row 6 title|}}}|
  border-bottom: 1px solid #dee2e6;
{{!}}-
}
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
.infobox-div-scoped .infobox-div-image img {
'''{{{Row 6 title}}}'''
  max-width: 100%;
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
  height: auto;
{{{Row 6 info|No information}}}
  border-radius: 4px;
{{#if: {{{Row 7 title|}}}|
  display: block;
{{!}}-
}
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
.infobox-div-scoped .infobox-div-caption {
'''{{{Row 7 title}}}'''
  margin-top: 0.75em;
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
  font-size: 0.95em;
{{{Row 7 info|No information}}}
  color: #6c757d;
{{#if: {{{Row 8 title|}}}|
  line-height: 1.4;
{{!}}-
}
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
 
'''{{{Row 8 title}}}'''
/* --- 4. Data Row Layout --- */
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
.infobox-div-scoped .infobox-div-row {
{{{Row 8 info|No information}}}
  display: flex;
{{#if: {{{Row 9 title|}}}|
  border-top: 1px solid #dee2e6;
{{!}}-
}
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
.infobox-div-scoped .infobox-div-image + .infobox-div-row,
'''{{{Row 9 title}}}'''
.infobox-div-scoped .infobox-div-header + .infobox-div-row {
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
  border-top: none;
{{{Row 9 info|No information}}}
}
{{#if: {{{Row 10 title|}}}|
 
{{!}}-
/* --- 5. Label and Data Cells --- */
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6; font-weight: bold;" {{!}}
.infobox-div-scoped .infobox-div-label,
'''{{{Row 10 title}}}'''
.infobox-div-scoped .infobox-div-data {
{{!}} style="padding: 12px 15px; border-bottom: 1px solid #dee2e6;" {{!}}
  padding: 0.7em 1em;
{{{Row 10 info|No information}}}
  vertical-align: top;
{{#if: {{{Row 11 title|}}}|
}
{{!}}-
.infobox-div-scoped .infobox-div-label {
{{!}} colspan="2" style="text-align:center; background:#e9ecef; color: #dc3545; padding: 10px; font-weight: bold;" {{!}}
  width: 35%;
'''Too many parameters'''
  font-weight: 600;
|
  color: #495057;
}}
  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日 (四) 14:25的最新版本

No Title

No Title

No information