|
|
| Zeile 1: |
Zeile 1: |
| /* ========================================
| | <div class="npc-grid-container"> |
| CSS - In MediaWiki:Common.css einfügen
| |
| ======================================== */
| |
| | |
| .npc-grid-container {
| |
| max-width: 1200px;
| |
| margin: 0 auto;
| |
| }
| |
| | |
| .npc-category {
| |
| font-size: 1.3em;
| |
| font-weight: 600;
| |
| margin: 2em 0 0.8em 0;
| |
| color: #202122;
| |
| border-bottom: 1px solid #a2a9b1;
| |
| padding-bottom: 0.3em;
| |
| }
| |
| | |
| .npc-category:first-child {
| |
| margin-top: 0;
| |
| }
| |
| | |
| .npc-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
| |
| gap: 1em;
| |
| margin-bottom: 2em;
| |
| }
| |
| | |
| .npc-box {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| text-decoration: none;
| |
| color: #202122;
| |
| }
| |
| | |
| .npc-box:hover {
| |
| opacity: 0.7;
| |
| }
| |
| | |
| .npc-image {
| |
| width: 48px;
| |
| height: 48px;
| |
| background: #eaecf0;
| |
| border: 1px solid #a2a9b1;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| margin-bottom: 0.4em;
| |
| }
| |
| | |
| .npc-image img,
| |
| .npc-image .image img {
| |
| max-width: 100%;
| |
| max-height: 100%;
| |
| image-rendering: pixelated;
| |
| }
| |
| | |
| .npc-name {
| |
| font-size: 0.85em;
| |
| text-align: center;
| |
| line-height: 1.3;
| |
| color: #202122;
| |
| height: 2.6em;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| overflow: hidden;
| |
| }
| |
| | |
| | |
| /* ========================================
| |
| TEMPLATE: NPC Box
| |
| Erstelle: Template:NPC_Box
| |
| ======================================== */
| |
| | |
| <includeonly>[[{{{link|{{{name}}}}}}|<div class="npc-box">
| |
| <div class="npc-image">[[Datei:{{{image|{{{name}}}.png}}}|48px]]</div>
| |
| <div class="npc-name">{{{name}}}</div>
| |
| </div>]]</includeonly><noinclude>
| |
| == Verwendung ==
| |
| <pre>
| |
| {{NPC Box
| |
| |name=Angler
| |
| |image=Angler.png
| |
| |link=Angler (optional)
| |
| }}
| |
| </pre>
| |
| [[Kategorie:Vorlagen]]
| |
| </noinclude>
| |
| | |
| | |
| /* ========================================
| |
| TEMPLATE: NPC Grid
| |
| Erstelle: Template:NPC_Grid
| |
| ======================================== */
| |
| | |
| <includeonly><div class="npc-grid-container"> | |
|
| |
|
| <div class="npc-category">Pre-Hardmode</div> | | <div class="npc-category">Pre-Hardmode</div> |
| Zeile 131: |
Zeile 33: |
| </div> | | </div> |
|
| |
|
| </div></includeonly><noinclude> | | </div> |
| == Verwendung ==
| |
| Füge einfach <code><nowiki>{{NPC Grid}}</nowiki></code> auf der Seite ein.
| |
| | |
| Um NPCs hinzuzufügen oder zu ändern, bearbeite dieses Template.
| |
| [[Kategorie:Vorlagen]]
| |
| </noinclude>
| |
