MediaWiki:Mobile.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* Das CSS wird für Nutzer der mobilen Ansicht geladen. */

/* Bilder auf der Startseite */
.img-scaler{
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;}

.img-scaler_startpage{
    width: 90%;
    height: auto;
    border-radius: 10px;
    margin: 0 0 5px 0;}

.startpage-subtitle{
    font-size: 13px;
    color: #848484;}

/* 
Flexbox Inline-Infoboxen
*/

.infobox-pagewide {
    display: flex;
    margin: 1.2em 0 1.2em 0;}

.infobox-inline {
    display: flex;
    margin-bottom: 1.2em;
    max-width: 435px;
    font-size: 95%;}

.infobox-inline-icon, .infobox-inline-img {
    padding: 1em 1.5em 1em 1.5em; 
    flex-shrink: 0 !important;
    align-self: flex-start;
    margin-top: auto;
    margin-bottom: auto;}

.infobox-inline-text {
    padding: 1em 1.5em 1em 0;
    font-size: 90%;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;}

.infobox-inline-img {
    width: auto;
    max-width: 100px !important;
    height: 100%;
    order: 1;
    margin-right: 6px;}

.infobox-inline-img img {
    width: auto !important;
    float: right;
    border-radius: 6px;
    /* height: auto !important; */
    box-shadow: 0 4px 16px rgb(0 0 0 / 25%);
    max-height: 75px;
    object-fit: scale-down;}

*/ #Infobar Webkit-Hack */

.infobox dl{
    -webkit-hyphens: auto !important;}