MediaWiki: Tweeki.css: Unterschied zwischen den Versionen
Aus wiki-überbau
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 27: | Zeile 27: | ||
} | } | ||
. | |||
.container-fluid{ @media (max-width: 767px) | |||
width: 110% !important; | |||
} | } | ||
Version vom 30. Januar 2023, 16:47 Uhr
/* 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: #ABB8C3;
color: #fff;
text-decoration: none;
}
.container-fluid{ @media (max-width: 767px)
width: 110% !important;
}
/* 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;
}