MediaWiki:Common.css: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
| Linia 6: | Linia 6: | ||
background-image: url(https://wiki.endore.pl/images/f/fe/Wikilogofinal.gif) !important; | background-image: url(https://wiki.endore.pl/images/f/fe/Wikilogofinal.gif) !important; | ||
border-radius: 50%; | border-radius: 50%; | ||
} | |||
.logo-wrapper { | |||
position: relative; | |||
width: 350px; | |||
height: 350px; | |||
margin: 0 auto; | |||
} | } | ||
| Linia 27: | Linia 34: | ||
from { transform: rotate(0deg); } | from { transform: rotate(0deg); } | ||
to { transform: rotate(360deg); } | to { transform: rotate(360deg); } | ||
} | |||
/* Statyczny środkowy obraz */ | |||
.center-logo { | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
width: 120px; | |||
height: 17px; | |||
background-image: url("https://wiki.endore.pl/images/1/15/The_Fellowship_of_the_Ring_silhouette.png"); | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
background-size: contain; | |||
transform: translate(-50%, -50%); | |||
pointer-events: none; | |||
} | } | ||
Wersja z 17:23, 11 lis 2025
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
body {
background-color: #2a2a2a !important;
}
body #p-logo a {
background-image: url(https://wiki.endore.pl/images/f/fe/Wikilogofinal.gif) !important;
border-radius: 50%;
}
.logo-wrapper {
position: relative;
width: 350px;
height: 350px;
margin: 0 auto;
}
/* Obracający się obrazek, np. w logo lub dowolnym miejscu */
.rotating-logo {
width: 350px;
height: 350px;
margin: 0 auto;
background-image: url("https://wiki.endore.pl/images/2/23/Main_page_header_circular_inscription.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.5;
pointer-events: none;
animation: spin 60s linear infinite;
filter: invert(1) brightness(0.76);
}
/* Definicja animacji */
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Statyczny środkowy obraz */
.center-logo {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 17px;
background-image: url("https://wiki.endore.pl/images/1/15/The_Fellowship_of_the_Ring_silhouette.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: translate(-50%, -50%);
pointer-events: none;
}