MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus GurkiPedia
Die Seite wurde neu angelegt: „→‎Das folgende CSS wird für alle Benutzeroberflächen geladen.: .infobox .navbar { font-size: 100%; } .infobox { border-spacing: 3px; →‎@noflip: margin: 0.5em 0 0.5em 1em; padding: 0.2em; →‎@noflip: float: right; →‎@noflip: clear: right; font-size: 88%; line-height: 1.5em; }“
 
Keine Bearbeitungszusammenfassung
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */


.infobox .navbar {
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
    font-size: 100%;
@media (min-width: 640px) {
}
  .infobox {
.infobox {
    border-spacing: 3px;
    /* @noflip */
     margin: 0.5em 0 0.5em 1em;
     margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
     float: right;
     float: right;
    /* @noflip */
     clear: right;
     clear: right;
     font-size: 88%;
     width: 22em;
    line-height: 1.5em;
  }
}
@media screen {
  .infobox {
    background-color: #f8f9fa;
  }
}
.infobox {
  border: 1px solid #a2a9b1;
  color: black;
  padding: 0.2em;
  font-size: 88%;
  line-height: 1.5em;
  border-spacing: 3px;
}
 
/* Stil für die Top-Bar */
.top-bar {
    background-color: rgba(50, 75, 80, 0.2); /* Dunkelblau für die Hintergrundfarbe */
    color: #148394; /* Textfarbe */
    padding: 10px; /* Innenabstand */
    text-align: center; /* Text zentrieren */
    position: relative; /* Positionierung */
}
 
/* Stil für Links in der Top-Bar */
.top-bar a {
    color: #148394; /* Linkfarbe */
    text-decoration: none; /* Unterstreichung entfernen */
    margin: 0 15px; /* Abstand zwischen den Links */
}
 
.top-bar a:hover {
    text-decoration: underline; /* Unterstreichung beim Hover */
}
 
/* Media Query, um die Top-Bar auf Desktop auszublenden */
@media (min-width: 768px) {
    .top-bar {
        display: none; /* Top-Bar nicht anzeigen auf größeren Bildschirmen */
    }
}
 
 
@font-face {
font-family: 'Liberation Sans';
src: local('Liberation Sans'), local('Arial'), sans-serif;
}
 
.mw-logo-wordmark {
font-family: 'Liberation Sans', Arial, sans-serif;
/* Set to Liberation Sans or a similar fallback */
font-size: 1.25rem;
/* Set base font size */
text-transform: uppercase;
/* Make all letters uppercase */
color: #148394;
/* Set the text color */
}
}

Aktuelle Version vom 20. Oktober 2024, 12:25 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
@media (min-width: 640px) {
  .infobox {
    margin: 0.5em 0 0.5em 1em;
    float: right;
    clear: right;
    width: 22em;
  }
}
@media screen {
  .infobox {
    background-color: #f8f9fa;
  }
}
.infobox {
  border: 1px solid #a2a9b1;
  color: black;
  padding: 0.2em;
  font-size: 88%;
  line-height: 1.5em;
  border-spacing: 3px;
}

/* Stil für die Top-Bar */
.top-bar {
    background-color: rgba(50, 75, 80, 0.2); /* Dunkelblau für die Hintergrundfarbe */
    color: #148394; /* Textfarbe */
    padding: 10px; /* Innenabstand */
    text-align: center; /* Text zentrieren */
    position: relative; /* Positionierung */
}

/* Stil für Links in der Top-Bar */
.top-bar a {
    color: #148394; /* Linkfarbe */
    text-decoration: none; /* Unterstreichung entfernen */
    margin: 0 15px; /* Abstand zwischen den Links */
}

.top-bar a:hover {
    text-decoration: underline; /* Unterstreichung beim Hover */
}

/* Media Query, um die Top-Bar auf Desktop auszublenden */
@media (min-width: 768px) {
    .top-bar {
        display: none; /* Top-Bar nicht anzeigen auf größeren Bildschirmen */
    }
}


@font-face {
	font-family: 'Liberation Sans';
	src: local('Liberation Sans'), local('Arial'), sans-serif;
}

.mw-logo-wordmark {
	font-family: 'Liberation Sans', Arial, sans-serif;
	/* Set to Liberation Sans or a similar fallback */
	font-size: 1.25rem;
	/* Set base font size */
	text-transform: uppercase;
	/* Make all letters uppercase */
	color: #148394;
	/* Set the text color */
}