MediaWiki: Tweeki.css

Aus wiki-überbau
Version vom 30. Januar 2023, 20:16 Uhr von Admin (Diskussion | Beiträge)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

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
/* CSS placed here will affect users of the Tweeki skin */
/*Navbar hover effect */
.navbar-brand:hover {
  transform: scale(1.02);
 transition: transform 0.1s;
}
.dropdown-item:hover {
  transform: scale(1.03);
 transition: transform 0.1s;
}
.nav-link:hover {
  transform: scale(1.03);
 transition: transform 0.1s;
}
/* img hover effect */
.img-fluid:hover {
    transform: scale(1.1);
}
.img-fluid {
    transition: transform 0.2s;
}
/* background color when nav item is selected */
.dropdown-item.active, .dropdown-item:active {
  background-color: #EAE8F1;
  color: #fff;
  text-decoration: none;
}

/* fix for content width on mobile devices (modules) */
@media (max-width:990px) {
.container-fluid {
  width:150% !important
 }
}
.container-fluid {
  margin-left: 50;
 }

.dropdown-menu {
  max-height: 87vh;  /* Set the max-height of the dropdown in vh (vertical height of the device in %)*/
  overflow-y: scroll; /* Make the dropdown scrollable */
  overflow-x: hidden; /* Hides bottom scrollbar */
}












/* loading gif (not working atm) */
#loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}
#loading {
    background-image: url('images/4/42/Loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}