|
|
| (未显示同一用户的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>
| |