MediaWiki:Common.css: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
| Linia 55: | Linia 55: | ||
.bottom-logo { | .bottom-logo { | ||
position: absolute; | position: absolute; | ||
top: | top: 50%; | ||
left: 50%; | left: 50%; | ||
width: | width: 400px; | ||
height: | height: 48px; | ||
background-image: url("https://wiki.endore.pl/images/c/c5/Endore_wordmark_-_no_underline.png"); | background-image: url("https://wiki.endore.pl/images/c/c5/Endore_wordmark_-_no_underline.png"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Linia 65: | Linia 65: | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
pointer-events: none; | pointer-events: none; | ||
filter: invert(1) brightness(0. | filter: invert(1) brightness(0.96); | ||
} | } | ||
Wersja z 18:08, 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 górny obraz */
.upper-logo {
position: absolute;
top: 35%;
left: 50%;
width: 200px;
height: 28px;
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;
filter: invert(1) brightness(0.46);
}
/* Statyczny dolny obraz */
.bottom-logo {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 48px;
background-image: url("https://wiki.endore.pl/images/c/c5/Endore_wordmark_-_no_underline.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: translate(-50%, -50%);
pointer-events: none;
filter: invert(1) brightness(0.96);
}