MediaWiki:Common.css und Nahrung: Unterschied zwischen den Seiten

Aus Ottonien Wiki
(Unterschied zwischen Seiten)
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
 
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
Mit Nahrung kann der Hungerbalken wieder aufgefüllt werden. Durch Aktionen wie Sprinten, Kämpfen und Springen wird der Charakter mit der Zeit hungrig und droht zu verhungern. Während der Hunger-Wert einer Nahrung besagt, wie viele Hungerbalken durch sie gefüllt werden, sorgt ein hoher Sättigungswert dafür, den Hunger langfristig zu stillen. Die Haltbarkeit gibt an, wie viele RL-Tage es noch dauert, bis der Nahrungs-Gegenstand ungenießbar wird. Um Nahrung über längere Zeit zu lagern, empfiehlt es sich haltbare Rezepte mit Salz herzustellen. Verarbeitete Nahrung wird mit der Fertigkeit Kochen an einer Kochstelle hergestellt.
/* CSS für das Desktop-Theme (Vector) wird hier angepasst: [[Mediawiki:Vector.css]] */
/* CSS für das Mobile-Theme (Minerva) wird hier angepasst: [[Mediawiki:Minerva.css]] */


==Suppen==
Eine warme Suppe weckt die Lebensgeister und stillt den Hunger für lange Zeit. Suppen sollten jedoch frisch verspeist werden, da sie nur wenige Tage haltbar sind.


/* ---- START VARIABLEN ---- */
<div>
@import url( 'https://fonts.googleapis.com/css?family=Metamorphous|Metamorphous ');
<table class="page-table sortable" width="100%">
@import url( 'https://www.fonts.googleapis.com/css?family=Marcellus|Marcellus');
  <tr>
:root {
    <th class="sub-title"width="50%">Name</th>
     --beige-dark: #c7aa90;
    <th class="sub-title">Qualität</th>
     --beige-dark-2: #ceb499;
  </tr>
     --beige-light: #dbd2bf;
  <tr>
     --beige-light-2: #e8e2d7;
    <td class="content">[[File:Verdorbene Suppe.png|32px]] [[Verdorbene Suppe]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Getreidebrei.png|32px]] [[Getreidebrei]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gemüsesuppe.png|32px]] [[Gemüsesuppe]]</td>
    <td class="content">{{Tier 2}}</td>
  </tr>
  <tr>
     <td class="content">[[File:Eintopf.png|32px]] [[Eintopf]]</td>
     <td class="content">{{Tier 3}}</td>
  </tr>
  <tr>
     <td class="content">[[File:Festsuppe.png|32px]] [[Festsuppe]]</td>
     <td class="content">{{Tier 4}}</td>
  </tr>
</table>
</div>


    --dark-grey: #3c3c3c;
==Gerichte==
Gerichte bestehen aus vielen verschiedenen Zutaten. Daher sind sie aufwändig in der Zubereitung und stellen die hochwertigste Nahrung dar.


     --text-brown: #513e2a;
<div>
     --text-color: #3c3c3c;
<table class="page-table sortable" width="100%">
     --link-color: #8f7459;
  <tr>
     --redlink-color: #c7aa90;
     <th class="sub-title"width="50%">Name</th>
}
    <th class="sub-title">Qualität</th>
/* ---- ENDE VARIABLEN ---- */
  </tr>
  <tr>
    <td class="content">[[File:Verdorbenes Gericht.png|32px]] [[Verdorbenes Gericht]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Bratgemüse.png|32px]] [[Bratgemüse]]</td>
     <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Pastete.png|32px]] [[Pastete]]</td>
     <td class="content">{{Tier 2}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Schwein mit Äpfeln.png|32px]] [[Schwein mit Äpfeln]]</td>
    <td class="content">{{Tier 3}}</td>
  </tr>
  <tr>
     <td class="content">[[File:Gesottenes Fleisch.png|32px]] [[Gesottenes Fleisch]]</td>
    <td class="content">{{Tier 4}}</td>
  </tr>
</table>
</div>


==Gebäck==
Gebäck benötigt wenige Zutaten und ist nicht so nahrhaft wie ein Gericht. Da es nur langsam schlecht wird, eignet es sich jedoch als Reiseverpflegung.


/* ---- START BACKGROUND ---- */
<div>
body {
<table class="page-table sortable" width="100%">
   background: url(/Ottonien_Wiki_background.jpg) no-repeat, var(--beige-dark-2);
  <tr>
   text-rendering: optimizeLegibility;
    <th class="sub-title"width="50%">Name</th>
   -webkit-font-smoothing: antialiased;
    <th class="sub-title">Qualität</th>
   -moz-osx-font-smoothing: grayscale;
  </tr>
   -moz-font-feature-settings: "liga" on;
  <tr>
}
    <td class="content">[[File:Verdorbenes Gebäck.png|32px]] [[Verdorbenes Gebäck]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
   <tr>
    <td class="content">[[File:Wegzehrung.png|32px]] [[Wegzehrung]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Semmel.png|32px]] [[Semmel]]</td>
    <td class="content">{{Tier 2}}</td>
   </tr>
   <tr>
    <td class="content">[[File:Spitzweck.png|32px]] [[Spitzweck]]</td>
    <td class="content">{{Tier 3}}</td>
   </tr>
   <tr>
    <td class="content">[[File:Brezel.png|32px]] [[Brezel]]</td>
    <td class="content">{{Tier 4}}</td>
  </tr>
</table>
</div>


/* ---- ENDE BACKGROUND ---- */
==Fleisch==
Fleisch stillt auch den großen Hunger. Als Braten ist es nicht lange haltbar, jedoch kann Fleisch durch Salz gepökelt werden um es einige Wochen zu lagern.


<div>
<table class="page-table sortable" width="100%">
  <tr>
    <th class="sub-title"width="50%">Name</th>
    <th class="sub-title">Qualität</th>
  </tr>
  <tr>
    <td class="content">[[File:Verdorbenes Fleisch.png|32px]] [[Verdorbenes Fleisch]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gebratenes Geflügel.png|32px]] [[Gebratenes Geflügel]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gebratenes Hammelfleisch.png|32px]] [[Gebratenes Hammelfleisch]]</td>
    <td class="content">{{Tier 2}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gebratenes Schweinefleisch.png|32px]] [[Gebratenes Schweinefleisch]]</td>
    <td class="content">{{Tier 3}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gebratenes Rindfleisch.png|32px]] [[Gebratenes Rindfleisch]]</td>
    <td class="content">{{Tier 4}}</td>
  </tr>
</table>
</div>


/* ---- START TOP BAR ---- */
==Fisch==
#mw-page-base {
Fisch ist im gebratenen Zustand nicht lange haltbar, doch kann er wie Fleisch gepökelt werden. Seefische sind reicher an Fetten und sättigen langfristiger als Süßwasserfische.
    background: none;
}
/* ---- END TOP BAR ---- */


<div>
<table class="page-table sortable" width="100%">
  <tr>
    <th class="sub-title"width="50%">Name</th>
    <th class="sub-title">Qualität</th>
  </tr>
  <tr>
    <td class="content">[[File:Verdorbener Fisch.png|32px]] [[Verdorbener Fisch]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gebratener Barsch.png|32px]] [[Gebratener Barsch]]</td>
    <td class="content">{{Tier 1}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gebratene Bachforelle.png|32px]] [[Gebratene Bachforelle]]</td>
    <td class="content">{{Tier 2}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gebratener Hecht.png|32px]] [[Gebratener Hecht]]</td>
    <td class="content">{{Tier 3}}</td>
  </tr>
  <tr>
    <td class="content">[[File:Gebratener Karpfen.png|32px]] [[Gebratener Karpfen]]</td>
    <td class="content">{{Tier 4}}</td>
  </tr>
</table>
</div>


/* ---- START CONTENT TYPO ---- */
==Getränke==
#content h1,
---
#content h2 {
  font-family: "Metamorphous";
  color: var(--text-brown);
  border-bottom: 1px solid var(--beige-dark-2);
}


a {
<div>
    color: var(--link-color);
<table class="page-table sortable" width="100%">
}
  <tr>
 
     <th class="sub-title"width="50%">Name</th>
a:visited,
     <th class="sub-title">Qualität</th>
a:active {
  </tr>
     color: var(--link-color);
  <tr>
}
     <td class="content">[[File:Verdorbener Fisch.png|32px]] [[Verdorbener Fisch]]</td>
 
     <td class="content">{{Tier 1}}</td>
a.new {
  </tr>
     color: var(--redlink-color);
  <tr>
}
     <td class="content">[[File:Gebratener Barsch.png|32px]] [[Gebratener Barsch]]</td>
 
     <td class="content">{{Tier 1}}</td>
a.new:visited {
   </tr>
    color: var(--redlink-color);
   <tr>
}
    <td class="content">[[File:Gebratene Bachforelle.png|32px]] [[Gebratene Bachforelle]]</td>
 
     <td class="content">{{Tier 2}}</td>
a.external {
   </tr>
    color: var(--link-color);
   <tr>
}
     <td class="content">[[File:Gebratener Hecht.png|32px]] [[Gebratener Hecht]]</td>
 
    <td class="content">{{Tier 3}}</td>
a.external:visited {
   </tr>
    color: var(--link-color);
   <tr>
}
    <td class="content">[[File:Gebratener Karpfen.png|32px]] [[Gebratener Karpfen]]</td>
/* ---- ENDE CONTENT TYPO ---- */
    <td class="content">{{Tier 4}}</td>
 
   </tr>
 
</table>
/* ---- START PAGE CONTENT ---- */
</div>
.mw-body {
     background-color: var(--beige-light);
    color: var(--text-color);
    border-color: transparent;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
     margin-top: 0;
}
/* ---- END PAGE CONTENT ---- */
 
 
/* ---- START SIDEBAR ---- */
 
.mw-wiki-logo {
    transform: scale(0.85);
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    font-weight: bold;
    background-image: unset;
    color: var(--dark-grey);
}
 
.vector-menu-content li a {
    color: #665d52 !important;
}
 
/* ---- END SIDEBAR ---- */
 
 
 
/* ---- START MAINPAGE SPECIAL CSS ---- */
 
body.page-Hauptseite h1.firstHeading {
     display:none;
}
 
.mainpage-header {
     display: flex;
    margin: 2.6em 1.75em 1.5em;
}
 
.mainpage-header .header-intro {
    flex: 2;
}
 
.mainpage-header .header-intro h1 {
    font-size: 2.5em;
    border: none;
    font-weight: bold;
    margin: 0 0 0.15em;
}
 
.mainpage-header .header-intro p {
    font-size: 1.1em;
    line-height: 1.7em;
}
 
.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}
/* ---- ENDE MAINPAGE CSS ---- */
 
 
/* ---- START MAINPAGE SHOWCASE ---- */
*,
*::before,
*::after {
  box-sizing: border-box;
}
 
.showcase-section {
  width: 100%;
  margin: 1.0em 1.75em 1.5em;
  padding: 0px;
  box-sizing: border-box;
}
 
.card-btn {
  background-color: white;
   border: 1px solid @gray-light;
  //border-radius: 2rem;
   color: @gray-dark;
  padding: 0.5rem;
  text-transform: lowercase;
  width: 100%;
}
.cards {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  gap: 1rem;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  width: calc(100% + var(--gap));
}
 
.cards__item {
  display: flex;
  width: 100%;
  @media(min-width: 40rem) {
     width: 50%;
  }
  @media(min-width: 56rem) {
    width: 33.3333%;
  }
}
 
.card {
  width: 100%;
  background-color: white;
  border-radius: 0.55rem;
  box-shadow: 0 10px 15px -14px rgba(0,0,0,0.25);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
 
.card:hover {
    transform: translateY(-5px);
    filter: brightness(105%);
    transition-timing-function: ease-in-out;
    transition: 200ms;
}
 
.card__content {
   background-color: #e8e2d7;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 1rem;
}
 
.card__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  filter: contrast(75%);
  overflow: hidden;
  position: relative;
  transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;
   &::before {
     content: "";
  display: block;
    padding-top: 46.25%; // 16:9 aspect ratio
  }
  @media(min-width: 40rem) {
    &::before {
      padding-top: 40.6%; // 3:2 aspect ratio
    }
  }
}
 
.card__image--holdern {
   background-image: url(/images/cards/card-img-holdern.jpg);
}
 
.card__title {
   font-size: 1.25rem;
  font-family: "Metamorphous";
  color: var(--text-brown);
}
 
.card__text {
  flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
/* ---- END MAINPAGE CONTENTS ---- */
 
.showcase-section {
  margin: 20px 1.75em 30px;
  width: 1000px;
  box-sizing: border-box;
}
 
.showcase-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    flex-direction: row;
}
 
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .showcase-wrapper {
    flex-direction: column;
  }
  .showcase-card {
    margin-bottom: 2rem;
    margin-left: 0px;
  }
 
}
 
.showcase-card {
   overflow: hidden;
  box-shadow: 0px 1px 4px 0px var(--text-brown);
  background-color: var(--beige-light-2);
  text-align: center;
  border-radius: 1rem;
  position: relative;
  width: 280px;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
 
.showcase-img {
  background-image: url(https://images.unsplash.com/photo-1582727657635-c771002bdada?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
  height: 10rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
 
.showcase-title-div {
  background-color: var(--beige-light-2);
  width: 100%;
  padding: 25px;
}
 
.showcase-title {
  font-size: 1.5rem;
}

Version vom 4. August 2024, 02:51 Uhr

Mit Nahrung kann der Hungerbalken wieder aufgefüllt werden. Durch Aktionen wie Sprinten, Kämpfen und Springen wird der Charakter mit der Zeit hungrig und droht zu verhungern. Während der Hunger-Wert einer Nahrung besagt, wie viele Hungerbalken durch sie gefüllt werden, sorgt ein hoher Sättigungswert dafür, den Hunger langfristig zu stillen. Die Haltbarkeit gibt an, wie viele RL-Tage es noch dauert, bis der Nahrungs-Gegenstand ungenießbar wird. Um Nahrung über längere Zeit zu lagern, empfiehlt es sich haltbare Rezepte mit Salz herzustellen. Verarbeitete Nahrung wird mit der Fertigkeit Kochen an einer Kochstelle hergestellt.

Suppen

Eine warme Suppe weckt die Lebensgeister und stillt den Hunger für lange Zeit. Suppen sollten jedoch frisch verspeist werden, da sie nur wenige Tage haltbar sind.

Name Qualität
Verdorbene Suppe I. Schäbig
Getreidebrei I. Schäbig
Gemüsesuppe II. Gewöhnlich
Eintopf III. Ungewöhnlich
Festsuppe IV. Edel

Gerichte

Gerichte bestehen aus vielen verschiedenen Zutaten. Daher sind sie aufwändig in der Zubereitung und stellen die hochwertigste Nahrung dar.

Name Qualität
Verdorbenes Gericht I. Schäbig
Bratgemüse I. Schäbig
Pastete II. Gewöhnlich
Schwein mit Äpfeln III. Ungewöhnlich
Gesottenes Fleisch IV. Edel

Gebäck

Gebäck benötigt wenige Zutaten und ist nicht so nahrhaft wie ein Gericht. Da es nur langsam schlecht wird, eignet es sich jedoch als Reiseverpflegung.

Name Qualität
Verdorbenes Gebäck I. Schäbig
Wegzehrung I. Schäbig
Semmel II. Gewöhnlich
Spitzweck III. Ungewöhnlich
Brezel IV. Edel

Fleisch

Fleisch stillt auch den großen Hunger. Als Braten ist es nicht lange haltbar, jedoch kann Fleisch durch Salz gepökelt werden um es einige Wochen zu lagern.

Name Qualität
Verdorbenes Fleisch I. Schäbig
Gebratenes Geflügel I. Schäbig
Gebratenes Hammelfleisch II. Gewöhnlich
Gebratenes Schweinefleisch III. Ungewöhnlich
Gebratenes Rindfleisch IV. Edel

Fisch

Fisch ist im gebratenen Zustand nicht lange haltbar, doch kann er wie Fleisch gepökelt werden. Seefische sind reicher an Fetten und sättigen langfristiger als Süßwasserfische.

Name Qualität
Verdorbener Fisch I. Schäbig
Gebratener Barsch I. Schäbig
Gebratene Bachforelle II. Gewöhnlich
Gebratener Hecht III. Ungewöhnlich
Gebratener Karpfen IV. Edel

Getränke

---

Name Qualität
Verdorbener Fisch I. Schäbig
Gebratener Barsch I. Schäbig
Gebratene Bachforelle II. Gewöhnlich
Gebratener Hecht III. Ungewöhnlich
Gebratener Karpfen IV. Edel