|
|
Zeile 1: |
Zeile 1: |
| /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
| | {{Infobox Item |
| /* CSS für das Desktop-Theme (Vector) wird hier angepasst: [[Mediawiki:Vector.css]] */
| | | name = Dolch |
| /* CSS für das Mobile-Theme (Minerva) wird hier angepasst: [[Mediawiki:Minerva.css]] */
| | | kategorie = Waffe |
| | | subkategorie = Klingenwaffe |
| | | tier = {{Tier 2}} |
| | | werte = + 4,5 Schaden<br>+ 2 Geschwindigkeit<br>+ 3 Reichweite<br>+ 8 Haltbarkeit |
| | | flavor-lore = Ein spitzer Dolch, wie ihn die Bürger tragen. |
| | }} |
| | Der '''Dolch''' ist durch seine handliche Größe einer beliebte Alltagsbewaffnung. Dolche besitzen eine geringere Reichweite als andere [[Waffen#Klingenwaffen|Klingenwaffen]]. |
|
| |
|
| | | {{Crafting |
| /* ---- START VARIABLEN ---- */
| | | zutat-1 = Eisenbarren |
| @import url( 'https://fonts.googleapis.com/css?family=Metamorphous|Metamorphous ');
| | | zutat-1-am = 1 |
| @import url( 'https://www.fonts.googleapis.com/css?family=Marcellus|Marcellus');
| | | zutat-2 = Robuste Haut |
| :root {
| | | zutat-2-am = 2 |
| --beige-dark: #c7aa90;
| | | zutat-3 = Stock |
| --beige-dark-2: #ceb499;
| | | zutat-3-am = 1 |
| --beige-light: #dbd2bf;
| | | name = Dolch |
| --beige-light-2: #e8e2d7;
| | | fertigkeit = [[Waffenschmieden]] |
| | | | talent = [[Waffenschmieden#Waffenschmiedekunst|Waffenschmiedekunst I]] |
| --dark-grey: #3c3c3c;
| | | handwerkstisch = Amboss |
| | | | menge = 1 |
| --text-brown: #513e2a;
| | | fehlschlag-item = Stumpfer Dolch |
| --text-color: #3c3c3c;
| | | fehlschlag-werte = + 3,5 Schaden<br>+ 2 Geschwindigkeit<br>+ 3 Reichweite<br>+ 6 Haltbarkeit |
| --link-color: #8f7459;
| | | fehlschlag-menge = 1 |
| --redlink-color: #c7aa90;
| | | exp = ? |
| }
| | | fehlschlag-exp = ? |
| /* ---- ENDE VARIABLEN ---- */
| | }} |
| | |
| | |
| /* ---- START BACKGROUND ---- */
| |
| body {
| |
| background: url(/Ottonien_Wiki_background.jpg) no-repeat, var(--beige-dark-2);
| |
| text-rendering: optimizeLegibility;
| |
| -webkit-font-smoothing: antialiased;
| |
| -moz-osx-font-smoothing: grayscale;
| |
| -moz-font-feature-settings: "liga" on;
| |
| }
| |
| | |
| /* ---- ENDE BACKGROUND ---- */
| |
| | |
| | |
| /* ---- START TOP BAR ---- */
| |
| #mw-page-base { | |
| background: none;
| |
| }
| |
| /* ---- END TOP BAR ---- */
| |
| | |
| | |
| /* ---- START CONTENT TYPO ---- */
| |
| #content h1,
| |
| #content h2 {
| |
| font-family: "Metamorphous";
| |
| color: var(--text-brown);
| |
| border-bottom: 1px solid var(--beige-dark-2);
| |
| }
| |
| | |
| a {
| |
| color: var(--link-color);
| |
| }
| |
| | |
| a:visited,
| |
| a:active {
| |
| color: var(--link-color);
| |
| }
| |
| | |
| a.new {
| |
| color: var(--redlink-color);
| |
| }
| |
| | |
| a.new:visited {
| |
| color: var(--redlink-color);
| |
| }
| |
| | |
| a.external {
| |
| color: var(--link-color);
| |
| }
| |
| | |
| a.external:visited {
| |
| color: var(--link-color);
| |
| }
| |
| /* ---- ENDE CONTENT TYPO ---- */
| |
| | |
| | |
| /* ---- START PAGE CONTENT ---- */
| |
| .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;
| |
| } | |