Vorlage:MainMenuNpc

Aus Lost Dreams Of Tomorrow Wiki

/* ========================================

  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
  ======================================== */


Verwendung

{{NPC Box
|name=Angler
|image=Angler.png
|link=Angler (optional)
}}


/* ========================================

  TEMPLATE: NPC Grid
  Erstelle: Template:NPC_Grid
  ======================================== */


Verwendung

Füge einfach {{NPC Grid}} auf der Seite ein.

Um NPCs hinzuzufügen oder zu ändern, bearbeite dieses Template.