Lost Dreams Of Tomorrow Wiki - Benutzerbeiträge [de]

Vorlage:MainMenuNpc

2026-03-08T01:58:43Z

Vorlage:MainMenuNpc

2026-01-31T18:15:59Z

NeroReaver:

<templatestyles src="Vorlage:MainMenuNpc/styles.css" />
<div class="npc-grid-container">

<div class="npc-category">[[File:GeneralIcon.png|24px]] Life Skills</div>
<div class="npc-grid">


<div class="npc-box">
<div class="npc-image">[[File:FishingIcon.png|64px|link=Fishing]]</div>
<div class="npc-name">Fishing</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:MiningIcon.png|64px|link=Mining]]</div>
<div class="npc-name">Mining</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:ChoppingIcon.png|64px|link=Chopping]]</div>
<div class="npc-name"></div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CraftingIcon.png|64px|link=Crafting]]</div>
<div class="npc-name">Crafting</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:AlchemyIcon.png|64px|link=Alchemy]]</div>
<div class="npc-name">Alchemy</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CookingIcon.png|64px|link=Cooking]]</div>
<div class="npc-name">Cooking</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:FarmingIcon.png|64px|link=Farming]]</div>
<div class="npc-name">Farming</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CatchingIcon.png|64px|link=Catching]]</div>
<div class="npc-name">Catching</div>
</div>

</div>

<div class="npc-category">[[File:ContentIcon.png|24px]] Features & Systems</div>
<div class="npc-grid">

<div class="npc-box">
<div class="npc-image">[[File:MonstersIcon.png|64px|link=Pets]]</div>
<div class="npc-name">Monsters</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:PetsIcon.png|64px|link=Pets]]</div>
<div class="npc-name">Pets</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:MechaIcon.png|64px|link=MechaBuild]]</div>
<div class="npc-name">Mecha Build</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:ElementsIcon.png|64px|link=Elements]]</div>
<div class="npc-name">Elements</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:SkillTreeIcon.png|64px|link=Skills]]</div>
<div class="npc-name">Skills</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:LevelingIcon.png|64px|link=Leveling]]</div>
<div class="npc-name">Leveling</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:MoneyintheBank.png|64px|link=MoneyintheBank]]</div>
<div class="npc-name">Gatcha</div>
</div>

</div>

<div class="npc-category">[[File:ContentIcon.png|24px]] NPCs</div>
<div class="npc-grid">


<div class="npc-box">
<div class="npc-image">[[File:RaidsIcon.png|64px|link=Raids]]</div>
<div class="npc-name">Path Guardian</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:RaidsIcon.png|64px|link=Raids]]</div>
<div class="npc-name">Talis</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:EndgameIcon.png|64px|link=EndgameContent]]</div>
<div class="npc-name">Nymera</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:SeasonalIcon.png|64px|link=SeasonalEvents]]</div>
<div class="npc-name">Buffalo</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:AdvancedTechIcon.png|64px|link=AdvancedTechnology]]</div>
<div class="npc-name">Taro</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:GrandfatherIcon.png|64px|link=AdvancedTechnology]]</div>
<div class="npc-name">Grandfather</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:WorldConversionIcon.png|64px|link=WorldConversion]]</div>
<div class="npc-name">Tavi</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:WorldConversionIcon.png|64px|link=WorldConversion]]</div>
<div class="npc-name"> Nylo & Naila</div>
</div>

</div>
</div>

MediaWiki:Timeless.css

2026-01-16T20:38:52Z

NeroReaver:

/*Beiträge MD markdown TOC black bg white font*/
@media screen {
.tocnumber, .toctext {
color: white
}
}

@media screen {
ul#filetoc, .toc, .toccolours, .mw-warning {
display: table;
border: solid #000;
background: #000;
}
}
/*Content Schriftart Poppins*/
@media screen {
body {
font-family: "poppins";
color: #000;
font-size: 0.95em;
line-height: 1.5;
}
}

/* ========================================
MOBILE SIDEBAR TOGGLE FIX
======================================== */

@media screen and (max-width: 850px) {
/* Menü besser positionieren */
#site-navigation .sidebar-inner,
.sidebar-inner {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: 0 !important;
max-width: 280px !important;
width: 80% !important;
height: 100vh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
margin: 0 !important;
padding: 1em !important;
z-index: 1000 !important;
box-shadow: 2px 0 10px rgba(0,0,0,0.3) !important;
-webkit-overflow-scrolling: touch;
}

/* Icons richtig positionieren auf Mobile */
.sidebar-inner .mw-portlet h3 {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0.75em 0.5em !important;
background: rgba(0, 0, 0, 0.05) !important
border-radius: 0px !important;
margin-bottom: 0px !important;
}

@media screen and (max-width: 850px) {
.sidebar-inner label, .dropdown label, .sidebar-inner h3, .dropdown h3 {
color: white;
}
}

.sidebar-inner .toggle-icon {
margin-left: auto !important;
flex-shrink: 0 !important;
}

.sidebar-inner .mw-portlet-body {
padding: 0 0.5em;
}
}

@media screen and (max-width: 850px) {
#menus-cover {
background: #000;
}
}

@media screen and (max-width: 850px) {
#site-navigation .sidebar-inner {
border-color: #000;
}
}
/* ========================================
GRUNDLEGENDE STYLES FÜR ALLE GERÄTE
======================================== */

html, body {
height: 100%;
margin: 0;
padding: 0;
}

/* Background Color Content */
#mw-content {
background: #0a0a0a;
border-color: #0a0a0a;
}

/* Seitenhintergrund */
#mw-content-container {
background-color: #000000;
border-bottom: none;
background-image: url(/images/resources/Background.png);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
}

/* Transparent damit BG durchscheint */
.mw-body, #content {
background: none;
}

#mw-content-text {
background: transparent;
}

/*Messages after Star/Delete usw*/
.mw-notification {
background-color: #000;
color: #fff;
}

/* ========================================
TYPOGRAFIE & FARBEN (ALLE GERÄTE)
======================================== */

/* Hauptüberschriften */
.mw-body .mw-heading1,
.mw-body h1 {
font-size: 2em;
color: #ffffff;
border-bottom: solid 3px #c8ccd1;
}

.mw-body h1.firstHeading {
margin: 0.25em 0 0.5em;
border-bottom: solid 4px #9f9f9f;
display: none;
}

/* Text Farben */
.mw-body,
p,
#mw-clearyourcache {
color: #ffffff;
}

/* Link Farben - einheitlich für alle Geräte */
a {
text-decoration: none;
color: #ffffff;
}

a:visited {
color: #ffffff;
}

a.new,
.new a,
a.new:visited,
.new a:visited {
color: #ffffff;
}

a:hover {
color: #0075ae;
text-decoration: none;
}

/* ========================================
Neu
======================================== */
@media screen and (min-width: 1100px) and (max-width: 1339px) {
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
background: #000;
}
}

@media screen and (max-width: 850px) {
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
padding: 0px !important;
}
}

@media screen and (min-width: 851px) {
#personal .dropdown {
background: #000;
border: solid transparent;
}
}
/*account dropdown title*/
@media screen and (min-width: 851px) {
#mw-header-container {
color: #fff;
}
}

/*Icon Underline Active*/
.tools-inline li.selected {
border-bottom-color: #626202;
}
@media screen {
.tools-inline li:hover {
border-bottom-color: #626202;
}
}
.tools-inline li.selected a {
color: #626202;
}

/* ========================================
HEADER & NAVIGATION
======================================== */

/* Header Farben */
#mw-header-container,
.color-left,
.color-right {
background: #161616;
}

.color-middle-container {
display: none;
}

/* Logo oben links */
#p-banner img {
content: url("/images/resources/TopLeftLogo.png");
width: 255px !important;
height: auto;
display: block;
}

@media screen and (max-width: 850px) {
#p-banner img {
width: 238px !important;
filter: brightness(1) !important;
}
}

@media screen and (max-width: 850px) {
#p-banner img {
width: 246px !important;
max-width: 127% !important;
height: auto;
margin: 0;
filter: brightness(1) !important;
display: block;
padding-top: 3px !important;
padding-left: 35px !important;
}
}
/* ========================================
SEARCH
======================================== */

#searchInput {
background: #000000d6;
color: #ffffff;
border: none;
}

#simpleSearch {
box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.05);
background: #000000d6;
position: relative;
border: none;
}

form:not(.oo-ui-layout):not(.mw-htmlform-codex):not(:where(#search, #powersearch)) textarea,
form:not(.oo-ui-layout):not(.mw-htmlform-codex):not(:where(#search, #powersearch)) input {
border: solid 0px #c8ccd1;
border-radius: 0px;
background: #000000d6;
color: #ffffff;
}

@media screen and (max-width: 850px) {
#site-navigation .sidebar-inner {
left: 0;
right: auto;
background-color: black;
}
}
/* ========================================
SIDEBAR CHUNKS
======================================== */
@media screen and (min-width: 1340px) {
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
box-shadow: 0 4px 30px rgba(0,0,0,0.1);
backdrop-filter: blur(5px);
margin: 1em 0;
line-height: 1.125;
word-wrap: break-word;
font-size: 0.95em;
background: #000000e5;
border: 1px solid #434360;
border-radius: 3px;
padding: 1.5em 1.5em 0;
color: #ffffff;
}

#mw-site-navigation .sidebar-chunk h3,
#mw-related-navigation .sidebar-chunk h3 {
font-size: 16px;
padding: 0 0 0.5em;
margin: 0 0 0.5em;
border-bottom: 1px solid rgba(255, 255, 255, 0.58);
color: #ffffff;
}

}

/* ========================================
FOOTER
======================================== */

.mw-footer-container {
border-top: solid 1px #54595d;
box-shadow: inset 0 7px 2px -4px rgba(0, 0, 0, 0.1);
color: #ffffff;
background-color: #161616;
}

.mw-footer-container a {
color: #ffffff;
display: none;
}

/* ========================================
TOOLS & SELECTIONS
======================================== */

.tools-inline li.selected a {
color: #ffffff;
}

.tools-inline li.selected {
border-bottom-color: #afafaf;
}

/* ========================================
FORMS & UPLOADS
======================================== */

ul#filetoc {
display: block;
margin-bottom: 2em;
background-color: #000000;
border-color: #000000;
}

form:not(.oo-ui-layout):not(.mw-htmlform-codex):not(:where(#search, #powersearch)) fieldset legend {
font-weight: bold;
font-size: 110%;
color: #ffffff;
}

td.mw-label {
text-align: right;
vertical-align: middle;
color: #ffffff;
}

/* ========================================
LOGO STYLES
======================================== */

.mw-wiki-logo img {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border: 1px solid #191924;
border-radius: 0.25rem;
}

img {
max-width: 100%;
height: auto;
image-rendering: -webkit-optimize-contrast;
}

#p-logo-text a {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
color: #ffffff;
font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif;
font-variant: small-caps;
font-size: 1.85em;
}

/* ========================================
SIDEBAR COLLAPSIBLE
======================================== */

.sidebar-collapsible {
cursor: pointer;
user-select: none;
position: relative;
padding-left: 20px;
}

.sidebar-collapsible:before {
content: '▼';
position: absolute;
left: 5px;
transition: transform 0.2s;
}

.sidebar-collapsible.closed:before {
transform: rotate(-90deg);
}

.sidebar-collapsible:hover {
background-color: rgba(255, 255, 255, 0.1);
}

#sidebar-collapsible-toggle {
cursor: pointer;
padding: 8px;
margin-bottom: 10px;
background-color: rgba(255, 255, 255, 0.05);
border-radius: 4px;
text-align: center;
font-weight: bold;
}

#sidebar-collapsible-toggle:hover {
background-color: rgba(255, 255, 255, 0.1);
}

/* ========================================
ICONS & SVG (ALLE GERÄTE)
======================================== */

/* Alle SVG-Pfade auf weiß setzen */
svg path,
svg circle,
svg rect,
svg polygon,
svg line {
fill: #ffffff !important;
}

/* Alle SVG-Container auf weiß (für currentColor) */
svg,
.mw-ui-icon {
color: #ffffff !important;
background-color: transparent;
}

/* Pseudo-Elemente (Font-Icons) */
.mw-ui-icon:before,
.mw-ui-icon:after,
#mw-sidebar-button:before,
#personal-extra:before,
.sidebar-inner .mw-portlet h3:before {
color: #ffffff !important;
}

/* Icon Container */
.mw-ui-icon,
a.mw-ui-icon {
background-color: transparent;
}

/* Mobile Menu Icons */
#mw-sidebar-button:before,
#personal-extra:before,
.sidebar-inner .mw-portlet h3:before {
filter: brightness(0) invert(1);
}

/* ========================================
MOBILE STYLES (bis 850px)
======================================== */

@media screen and (max-width: 850px) {
/* Header auf Mobile */
#mw-header-container {
background: #161616;
}

/* Content Wrapper Padding */
#mw-content-wrapper {
padding-top: 8px;
}

/* Sidebar chunks auf Mobile anpassen */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
padding: 1em;
font-size: 0.9em;
}

/* Logo SICHTBAR auf Mobile */
#p-banner img {
width: 120px;
filter: brightness(1) !important;
}

/* Logo Container */
#p-banner {
background: transparent;
}

/* Logo Text kleiner */
#p-logo-text a {
font-size: 1.5em;
color: #ffffff;
}

/* Search auf Mobile */
#searchInput {
background: #000000d6;
color: #ffffff;
}

/* Überschriften auf Mobile */
.mw-body .mw-heading1,
.mw-body h1 {
font-size: 1.5em;
}

/* Account Name auf Mobile */
#personal h2 span {
color: #ffffff;
}

/* Mobile Menu Button weiß */
#mw-sidebar-button {
background-color: transparent;
border-color: #ffffff;
}

#mw-sidebar-button:before {
background-color: #ffffff;
box-shadow: 0 0.35em 0 0 #ffffff, 0 0.7em 0 0 #ffffff;
}

/* Alle Icons auf Mobile weiß */
svg,
.mw-ui-icon {
fill: #ffffff !important;
color: #ffffff !important;
}
}

/* ========================================
TABLET STYLES (851px - 1339px)
======================================== */

@media screen and (min-width: 851px) and (max-width: 1339px) {
/* Header */
#mw-header-container {
background: #000000;
}

/* Account Name */
#personal h2 span {
display: inline-block;
line-height: normal;
word-wrap: break-word;
color: #ffffff;
}

/* Sidebar anpassen */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
padding: 1.2em;
}
}

/* ========================================
DESKTOP STYLES (ab 851px)
======================================== */

@media screen and (min-width: 851px) {
/* Maximal Breite nutzen */
.ts-inner {
max-width: none;
}

/* Header */
#mw-header-container {
background: #000000;
}

/* Account Name */
#personal h2 span {
display: inline-block;
line-height: normal;
word-wrap: break-word;
color: #ffffff;
}
}

/* ========================================
LARGE DESKTOP STYLES (ab 1340px)
======================================== */

@media screen and (min-width: 1340px) {
/* Content padding */
#mw-content-wrapper {
padding-top: 12px;
}

/* Left Sidebar größer */
#mw-site-navigation {
padding-right: 1em;
box-sizing: border-box;
justify-content: space-between;
width: 18em;
flex: 0 0 17em;
order: 1;
}

#p-logo-text {
min-width: 17em;
}
}

Elements

NeroReaver: Die Seite wurde neu angelegt: „{{SeitenInhalt |typ=System |name=NPCs |bild=NPC_System.png |beschreibung=Non-Player Characters that populate the game world |freischaltung=Available from game start |einleitung=NPCs (Non-Player Characters) are scattered throughout the game world, serving various purposes to enhance your idle gaming experience. These characters provide essential services, offer quests, trade valuable items, and help you progress through different stages of the game. Each N…“

{{SeitenInhalt
|typ=System
|name=NPCs
|bild=NPC_System.png
|beschreibung=Non-Player Characters that populate the game world
|freischaltung=Available from game start
|einleitung=NPCs (Non-Player Characters) are scattered throughout the game world, serving various purposes to enhance your idle gaming experience. These characters provide essential services, offer quests, trade valuable items, and help you progress through different stages of the game. Each NPC has a unique role and can be found in specific locations across the map.

|abschnitt1_titel=Types of NPCs
|abschnitt1_text=The game features several categories of NPCs, each serving distinct functions:

'''Merchants''' - These NPCs buy and sell items, equipment, and resources. They offer basic gear for beginners and rare items for advanced players. Some merchants specialize in specific item types like weapons, armor, or consumables.

'''Quest Givers''' - Quest NPCs provide various tasks and missions that reward you with experience points, currency, and unique items. They are marked with special icons above their heads and often unlock new game content.

'''Trainers''' - These specialized NPCs help you improve your character's skills and abilities. They offer training services in exchange for gold and require specific level requirements to access advanced training.

'''Collectors''' - Collector NPCs accept specific items in exchange for reputation points and exclusive rewards. They often have daily or weekly collection tasks.

'''Event NPCs''' - Special limited-time characters that appear during seasonal events or special occasions, offering unique rewards and temporary quests.

|abschnitt2_titel=Interacting with NPCs
|abschnitt2_text=NPCs can be interacted with in several ways depending on their type:

* '''Click/Tap''' on an NPC to open their dialogue window
* Browse available options such as Shop, Quests, or Services
* Some NPCs have multiple interaction options accessible through tabs
* NPCs with available quests display an exclamation mark (!) icon
* Completed quests are indicated by a question mark (?) icon
* Merchant NPCs show a coin icon when they have new stock available

The game automatically saves your interaction history with each NPC, making it easy to track your progress and relationships.

|abschnitt3_titel=NPC Locations
|abschnitt3_text=NPCs are strategically placed throughout different zones and areas:

'''Starting Village''' - Contains essential NPCs for beginners including basic merchants, the first quest giver, and skill trainers. This is where most players begin their journey.

'''Main Cities''' - Hub locations with a high concentration of NPCs offering advanced services, rare items, and important questlines. Cities serve as central gathering points for players.

'''Wilderness Areas''' - Scattered NPCs in remote locations often provide unique quests and rare trade opportunities. These NPCs may be harder to find but offer valuable rewards.

'''Dungeons and Instances''' - Special NPCs found inside dungeons that offer repairs, buffs, or instance-specific quests.

Each zone has a unique set of NPCs that scale with the area's difficulty level.

|abschnitt4_titel=Reputation System
|abschnitt4_text=Building relationships with NPCs unlocks additional benefits:

As you complete quests and trade with NPCs, you gain reputation points. Higher reputation levels unlock:

* Discounted prices at merchant NPCs
* Access to exclusive items and rare equipment
* Special quests with better rewards
* Unique dialogue options and lore information
* Priority service and faster transaction times

Reputation is tracked individually for each NPC and can be viewed in your character's social menu. Some NPCs belong to factions, where reputation is shared among all members of that faction.

|abschnitt5_titel=Tips and Strategies
|abschnitt5_text=Maximize your interactions with NPCs using these strategies:

* Visit merchants regularly as their inventory refreshes daily or weekly
* Check quest NPCs frequently for new available quests
* Build reputation with key NPCs early to unlock benefits
* Keep track of NPC locations using the in-game map markers
* Some NPCs only appear at certain times of day or under specific conditions
* Event NPCs often provide the best rewards - don't miss limited-time opportunities
* Complete NPC questlines in order to unlock story content and rare rewards

Remember that idle gameplay means NPCs continue their activities even when you're offline, so check back regularly for new opportunities!

|notizen=New NPCs are regularly added with game updates. Check the patch notes to discover new characters and services. Some secret NPCs can only be found by exploring hidden areas or completing specific achievement requirements.
}}

Vorlage:SeitenInhatl

2026-01-12T03:40:20Z

NeroReaver:

Vorlage:SeitenInhalt/styles.css

2026-01-12T03:39:16Z

NeroReaver: Die Seite wurde neu angelegt: „/* =========================== MMO Idle Game Wiki Styles Dunkles Theme mit hoher Lesbarkeit =========================== */ /* Container für die gesamte Vorlage */ .seiteninhalt-container { display: flex; gap: 25px; margin: 20px 0; color: #e8e8e8; } /* Hauptinhalt linksbündig */ .seiteninhalt-main { flex: 1; min-width: 0; } /* Abschnitte im Hauptinhalt */ .seiteninhalt-section { margin-bottom: 30px; } /* Überschr…“

/* ===========================
MMO Idle Game Wiki Styles
Dunkles Theme mit hoher Lesbarkeit
=========================== */

/* Container für die gesamte Vorlage */
.seiteninhalt-container {
display: flex;
gap: 25px;
margin: 20px 0;
color: #e8e8e8;
}

/* Hauptinhalt linksbündig */
.seiteninhalt-main {
flex: 1;
min-width: 0;
}

/* Abschnitte im Hauptinhalt */
.seiteninhalt-section {
margin-bottom: 30px;
}

/* Überschriften */
.seiteninhalt-heading {
font-size: 1.5em;
font-weight: bold;
color: #ffffff;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 2px solid #4a4a4a;
}

/* Textbereiche */
.seiteninhalt-text {
color: #e8e8e8;
line-height: 1.7;
font-size: 1.05em;
}

.seiteninhalt-text p {
margin-bottom: 12px;
}

/* Sidebar rechts */
.seiteninhalt-sidebar {
width: 320px;
flex-shrink: 0;
}

/* ===========================
Infobox Styling
=========================== */

.seiteninhalt-infobox {
background-color: #1a1a1a;
border: 2px solid #3a3a3a;
border-radius: 8px;
overflow: hidden;
margin-bottom: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.infobox-header {
background: linear-gradient(135deg, #2d2d2d 0%, #1f1f1f 100%);
color: #ffffff;
font-size: 1.3em;
font-weight: bold;
text-align: center;
padding: 15px;
border-bottom: 2px solid #4a4a4a;
}

.infobox-image {
text-align: center;
padding: 15px;
background-color: #0d0d0d;
}

.infobox-image img {
max-width: 100%;
border-radius: 6px;
border: 2px solid #3a3a3a;
}

.infobox-table {
width: 100%;
border-collapse: collapse;
}

.infobox-table tr {
border-bottom: 1px solid #2a2a2a;
}

.infobox-table tr:last-child {
border-bottom: none;
}

.infobox-table th {
background-color: #242424;
color: #c0c0c0;
font-weight: 600;
text-align: left;
padding: 10px 12px;
width: 40%;
font-size: 0.95em;
}

.infobox-table td {
background-color: #1a1a1a;
color: #e8e8e8;
padding: 10px 12px;
font-size: 0.95em;
}

/* ===========================
Table of Contents Styling
=========================== */

.seiteninhalt-toc {
background-color: #1a1a1a;
border: 2px solid #3a3a3a;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.toc-header {
background: linear-gradient(135deg, #2d2d2d 0%, #1f1f1f 100%);
color: #ffffff;
font-size: 1.1em;
font-weight: bold;
padding: 12px 15px;
border-bottom: 2px solid #4a4a4a;
}

.toc-list {
list-style: none;
margin: 0;
padding: 10px 0;
}

.toc-list li {
margin: 0;
padding: 0;
}

.toc-list a {
display: block;
padding: 10px 15px;
color: #c8c8c8;
text-decoration: none;
transition: all 0.2s ease;
border-left: 3px solid transparent;
}

.toc-list a:hover {
background-color: #242424;
color: #ffffff;
border-left-color: #5a9fd4;
padding-left: 20px;
}

/* ===========================
Responsive Design
=========================== */

@media (max-width: 900px) {
.seiteninhalt-container {
flex-direction: column-reverse;
}

.seiteninhalt-sidebar {
width: 100%;
}
}

/* ===========================
Links und allgemeine Elemente
=========================== */

.seiteninhalt-text a {
color: #6ab0de;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;
}

.seiteninhalt-text a:hover {
color: #8fc7ed;
border-bottom-color: #8fc7ed;
}

/* Listen im Textbereich */
.seiteninhalt-text ul,
.seiteninhalt-text ol {
margin-left: 20px;
margin-bottom: 12px;
}

.seiteninhalt-text li {
margin-bottom: 6px;
color: #e8e8e8;
}

/* Code-Blöcke falls benötigt */
.seiteninhalt-text code {
background-color: #0d0d0d;
color: #f0f0f0;
padding: 2px 6px;
border-radius: 3px;
font-family: 'Courier New', monospace;
border: 1px solid #3a3a3a;
}

Vorlage:SeitenInhatl

2026-01-12T03:36:01Z

NeroReaver:

== Verwendung ==
<pre>
{{Vorlage:SeitenInhalt
|typ=NPC
|name=Beispiel NPC
|bild=Beispiel.png
|beschreibung=Kurze Beschreibung
|standort=Startdorf
|level=5
|fraktion=Neutral
|einleitung=Dies ist ein einleitender Text über den NPC...
|abschnitt1_titel=Hintergrundgeschichte
|abschnitt1_text=Hier kommt die Geschichte...
|abschnitt2_titel=Questlinie
|abschnitt2_text=Beschreibung der Quests...
|abschnitt3_titel=Belohnungen
|abschnitt3_text=Liste der Belohnungen...
|abschnitt4_titel=
|abschnitt4_text=
|abschnitt5_titel=
|abschnitt5_text=
|notizen=Zusätzliche Informationen
}}
</pre>
</noinclude><includeonly>
<div style="display: flex; gap: 20px;">

<div style="flex: 1; min-width: 0;">

=== Einleitung ===
{{{einleitung|}}}

{{#if:{{{abschnitt1_titel|}}}|
=== {{{abschnitt1_titel}}} ===
{{{abschnitt1_text|}}}
|}}

{{#if:{{{abschnitt2_titel|}}}|
=== {{{abschnitt2_titel}}} ===
{{{abschnitt2_text|}}}
|}}

{{#if:{{{abschnitt3_titel|}}}|
=== {{{abschnitt3_titel}}} ===
{{{abschnitt3_text|}}}
|}}

{{#if:{{{abschnitt4_titel|}}}|
=== {{{abschnitt4_titel}}} ===
{{{abschnitt4_text|}}}
|}}

{{#if:{{{abschnitt5_titel|}}}|
=== {{{abschnitt5_titel}}} ===
{{{abschnitt5_text|}}}
|}}

{{#if:{{{notizen|}}}|
=== Notizen ===
{{{notizen|}}}
|}}

</div>


<div style="width: 300px; flex-shrink: 0;">
{| class="wikitable" style="width: 100%; margin: 0;"
! colspan="2" style="text-align: center; font-size: 1.2em;" | {{{name|{{PAGENAME}}}}}
|-
{{#if:{{{bild|}}}|
{{!}} colspan="2" style="text-align: center;" {{!}} [[Datei:{{{bild}}}{{!}}250px]]
{{!}}-
|}}
! Typ
| {{{typ|Unbekannt}}}
|-
{{#if:{{{beschreibung|}}}|
! Beschreibung
{{!}} {{{beschreibung}}}
{{!}}-
|}}
{{#if:{{{standort|}}}|
! Standort
{{!}} {{{standort}}}
{{!}}-
|}}
{{#if:{{{level|}}}|
! Level
{{!}} {{{level}}}
{{!}}-
|}}
{{#if:{{{fraktion|}}}|
! Fraktion
{{!}} {{{fraktion}}}
{{!}}-
|}}
{{#if:{{{seltenheit|}}}|
! Seltenheit
{{!}} {{{seltenheit}}}
{{!}}-
|}}
{{#if:{{{kosten|}}}|
! Kosten
{{!}} {{{kosten}}}
{{!}}-
|}}
{{#if:{{{effekt|}}}|
! Effekt
{{!}} {{{effekt}}}
{{!}}-
|}}
{{#if:{{{freischaltung|}}}|
! Freischaltung
{{!}} {{{freischaltung}}}
{{!}}-
|}}
|}


<div style="margin-top: 20px; padding: 10px; border: 1px solid #aaa; background-color: #f9f9f9;">
'''Inhaltsverzeichnis'''
* [[#{{{einleitung|Einleitung}}}|Einleitung]]
{{#if:{{{abschnitt1_titel|}}}|
* [[#{{{abschnitt1_titel}}}|{{{abschnitt1_titel}}}]]
|}}
{{#if:{{{abschnitt2_titel|}}}|
* [[#{{{abschnitt2_titel}}}|{{{abschnitt2_titel}}}]]
|}}
{{#if:{{{abschnitt3_titel|}}}|
* [[#{{{abschnitt3_titel}}}|{{{abschnitt3_titel}}}]]
|}}
{{#if:{{{abschnitt4_titel|}}}|
* [[#{{{abschnitt4_titel}}}|{{{abschnitt4_titel}}}]]
|}}
{{#if:{{{abschnitt5_titel|}}}|
* [[#{{{abschnitt5_titel}}}|{{{abschnitt5_titel}}}]]
|}}
{{#if:{{{notizen|}}}|
* [[#Notizen|Notizen]]
|}}
</div>

</div>
</div>


[[Kategorie:Spielinhalt]]
{{#ifeq:{{{typ}}}|NPC|[[Kategorie:NPCs]]}}
{{#ifeq:{{{typ}}}|System|[[Kategorie:Systeme]]}}
{{#ifeq:{{{typ}}}|Item|[[Kategorie:Items]]}}
{{#ifeq:{{{typ}}}|Quest|[[Kategorie:Quests]]}}
{{#ifeq:{{{typ}}}|Gebäude|[[Kategorie:Gebäude]]}}

Vorlage:SeitenInhatl

2026-01-12T03:35:25Z

2026-01-12T03:21:15Z

NeroReaver:

<templatestyles src="Vorlage:MainMenuNpc/styles.css" />
<div class="npc-grid-container">

<div class="npc-category">[[File:GeneralIcon.png|24px]] Features</div>
<div class="npc-grid">


<div class="npc-box">
<div class="npc-image">[[File:FishingIcon.png|64px|link=Fishing]]</div>
<div class="npc-name">Fishing</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:MiningIcon.png|64px|link=Mining]]</div>
<div class="npc-name">Mining</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CraftingIcon.png|64px|link=Crafting]]</div>
<div class="npc-name">Crafting</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:AlchemyIcon.png|64px|link=Alchemy]]</div>
<div class="npc-name">Alchemy</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CookingIcon.png|64px|link=Cooking]]</div>
<div class="npc-name">Cooking</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:FarmingIcon.png|64px|link=Farming]]</div>
<div class="npc-name">Farming</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CatchingIcon.png|64px|link=Catching]]</div>
<div class="npc-name">Catching</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:PetsIcon.png|64px|link=Pets]]</div>
<div class="npc-name">Pets</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:MechaIcon.png|64px|link=MechaBuild]]</div>
<div class="npc-name">Mecha Build</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:ElementsIcon.png|64px|link=Elements]]</div>
<div class="npc-name">Elements</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:SkillTreeIcon.png|64px|link=SkillTree]]</div>
<div class="npc-name">SkillTree</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:MoneyintheBank.png|64px|link=MoneyintheBank]]</div>
<div class="npc-name">Money in the Bank</div>
</div>

</div>

<div class="npc-category">[[File:ContentIcon.png|24px]] Content</div>
<div class="npc-grid">


<div class="npc-box">
<div class="npc-image">[[File:RaidsIcon.png|64px|link=Raids]]</div>
<div class="npc-name">Raids</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:RaidsIcon.png|64px|link=Raids]]</div>
<div class="npc-name">Raids</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:EndgameIcon.png|64px|link=EndgameContent]]</div>
<div class="npc-name">Endgame Content</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:SeasonalIcon.png|64px|link=SeasonalEvents]]</div>
<div class="npc-name">Seasonal Events</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:AdvancedTechIcon.png|64px|link=AdvancedTechnology]]</div>
<div class="npc-name">Advanced Technology</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:WorldConversionIcon.png|64px|link=WorldConversion]]</div>
<div class="npc-name">World Conversion</div>
</div>

</div>

</div>

Datei:PetsIcon.png

2026-01-12T03:16:46Z

NeroReaver:

Datei:CatchingIcon.png

2026-01-12T03:14:57Z

NeroReaver:

Datei:SkillTreeIcon.png

2026-01-12T03:12:24Z

NeroReaver:

Vorlage:MainMenuNpc

2026-01-12T03:11:45Z

NeroReaver:

<templatestyles src="Vorlage:MainMenuNpc/styles.css" />
<div class="npc-grid-container">

<div class="npc-category">[[File:GeneralIcon.png|24px]] Features</div>
<div class="npc-grid">


<div class="npc-box">
<div class="npc-image">[[File:FishingIcon.png|64px|link=Fishing]]</div>
<div class="npc-name">Fishing</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:MiningIcon.png|64px|link=Mining]]</div>
<div class="npc-name">Mining</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CraftingIcon.png|64px|link=Crafting]]</div>
<div class="npc-name">Crafting</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:AlchemyIcon.png|64px|link=Alchemy]]</div>
<div class="npc-name">Alchemy</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CookingIcon.png|64px|link=Cooking]]</div>
<div class="npc-name">Cooking</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:FarmingIcon.png|64px|link=Farming]]</div>
<div class="npc-name">Farming</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:CatchingIcon.png|64px|link=Catching]]</div>
<div class="npc-name">Catching</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:PetsIcon.png|64px|link=Pets]]</div>
<div class="npc-name">Pets</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:MechaIcon.png|64px|link=MechaBuild]]</div>
<div class="npc-name">Mecha Build</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:ElementsIcon.png|64px|link=Elements]]</div>
<div class="npc-name">Elements</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:SkillTreeIcon.png|64px|link=SkillTree]]</div>
<div class="npc-name">SkillTree</div>
</div>

</div>

<div class="npc-category">[[File:ContentIcon.png|24px]] Content</div>
<div class="npc-grid">


<div class="npc-box">
<div class="npc-image">[[File:RaidsIcon.png|64px|link=Raids]]</div>
<div class="npc-name">Raids</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:RaidsIcon.png|64px|link=Raids]]</div>
<div class="npc-name">Raids</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:EndgameIcon.png|64px|link=EndgameContent]]</div>
<div class="npc-name">Endgame Content</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:SeasonalIcon.png|64px|link=SeasonalEvents]]</div>
<div class="npc-name">Seasonal Events</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:AdvancedTechIcon.png|64px|link=AdvancedTechnology]]</div>
<div class="npc-name">Advanced Technology</div>
</div>

<div class="npc-box">
<div class="npc-image">[[File:WorldConversionIcon.png|64px|link=WorldConversion]]</div>
<div class="npc-name">World Conversion</div>
</div>

</div>

</div>

Datei:FarmingIcon.png

2026-01-12T03:09:28Z

NeroReaver:

Datei:AlchemyIcon.png

2026-01-12T03:08:22Z

NeroReaver:

Datei:GeneralIcon.png

2026-01-12T03:06:49Z

NeroReaver: