Vorlage:Landingfeatures

<style> /* Container */ .landing-container {

 max-width: 1200px;
 margin: 0 auto;
 background-color: #0a0a0a;
 border: 1px solid #222;
 padding: 1em;
 font-family: sans-serif;

}

/* Tabs */ .landing-tabs {

 display: flex;
 flex-wrap: wrap;
 gap: 0.5em;
 margin-bottom: 1em;

}

.tab-button {

 padding: 0.5em 1em;
 background-color: #000;
 color: #eee;
 border: 1px solid #222;
 cursor: pointer;
 font-weight: bold;
 transition: 0.2s;

}

.tab-button:hover {

 background-color: #111;

}

.tab-button.active {

 background-color: #222;
 color: #ffd966;

}

/* Grid */ .landing-grid-container {

 display: block;

}

.landing-grid {

 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
 gap: 1em;
 display: none;

}

.landing-grid.active {

 display: grid;

}

/* Boxes */ .landing-box {

 text-align: center;
 background-color: #111;
 border: 1px solid #222;
 padding: 0.5em;
 border-radius: 8px;
 transition: 0.2s;

}

.landing-box:hover {

 background-color: #1a1a1a;

}

.landing-image {

 width: 64px;
 height: 64px;
 margin: 0 auto 0.5em auto;
 background-color: #222;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;

}

.landing-image img {

 image-rendering: pixelated;
 image-rendering: -moz-crisp-edges;
 image-rendering: crisp-edges;
 border: none !important;

}

.landing-name {

 font-size: 0.85em;
 color: #eee;

}

.landing-name a {

 color: #eee;
 text-decoration: none;

}

.landing-name a:hover {

 color: #ffd966;

} </style>

General Features

Worlds

Classes

Quests & NPCs

Bestiary

Bosses

Guilds

Feature 1

Feature 2

Feature 3

Feature 4

Feature 5

Feature 6

World 1

World 2

World 3

World 4

World 5

World 6

Class 1

Class 2

Class 3

Class 4

Class 5

Class 6

Quest/NPC 1

Quest/NPC 2

Quest/NPC 3

Quest/NPC 4

Quest/NPC 5

Quest/NPC 6

Monster 1

Monster 2

Monster 3

Monster 4

Monster 5

Monster 6

Boss 1

Boss 2

Boss 3

Boss 4

Boss 5

Boss 6

Guild 1

Guild 2

Guild 3

Guild 4

Guild 5

Guild 6