MediaWiki:Common.css: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
Nie podano opisu zmian |
Nie podano opisu zmian |
||
(Nie pokazano 11 wersji utworzonych przez 2 użytkowników) | |||
Linia 1: | Linia 1: | ||
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ | /* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ | ||
/* | /* STRONA PLIKU */ | ||
/* Wycentrowanie wyświetlonego pliku */ | |||
#file { | |||
text-align: center; | |||
} | } | ||
/* Wycentrowanie informacji o innych rozdzielczosciach pliku */ | |||
.mw-filepage-resolutioninfo { | |||
text-align: center; | |||
/* Wycentrowanie | |||
.mw-filepage-resolutioninfo { | |||
} | } | ||
/* | /* Wycentrowanie informacji o oryginalnym rozmiarze pliku */ | ||
.fullMedia { | |||
. | text-align: center; | ||
} | } | ||
/* Wycentrowanie przycisku do MediaViewer i marginesy górny i dolny oddzielający przycisk od opisu pliku */ | |||
.mw-mmv-filepage-buttons { | |||
margin-top: 5px; | |||
height: 40px; | |||
margin-bottom: 10px; | |||
width: 290px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
/* Ukrycie nagłówków h2 Opis, Licencja na stronie z opisem pliku */ | |||
#mw-imagepage-content h2 { | |||
display:none!important; | |||
} | } | ||
/* KONIEC - STRONA PLIKU */ | |||
/* Naprawa stylu galerii | |||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { | |||
ul. | box-sizing: unset; | ||
div. | |||
. | |||
} | } | ||
*/ | */ | ||
/* KONIEC Naprawa stylu galerii */ | |||
/* Responsive boxes */ | |||
.jf-box-3, .jf-box-2, .jf-box-1 { | |||
vertical-align: top; | |||
float: left; | |||
margin: 10px; | |||
} | } | ||
.jf-box-3 { | |||
width: 31%; | |||
} | } | ||
.jf-box-2 { | |||
. | width: 46.5%; | ||
} | } | ||
. | .jf-box-1 { | ||
width: 95%; | |||
} | } | ||
@media only screen and (max-width: 1170px) { | |||
.jf-box-3 { | |||
width: 46.5%; | |||
} | } | ||
} | } | ||
@media only screen and (max-width: 830px) { | |||
.jf-box-3, .jf-box-2, .jf-box-1 { | |||
width: 100%; | |||
} | } | ||
} | } | ||
. | .jf-box-red { | ||
border: 1px solid #990000; | |||
margin-bottom: 1em; | |||
} | } | ||
.jf-box-red-header { | |||
border: 1px solid #990000; | |||
background-color: #990000; | |||
padding: 0.2em 0.5em 0.2em 0.5em; | |||
font-size: 110%; | |||
font-weight: bold; | |||
color: white; | |||
} | } | ||
. | .jf-box-blue { | ||
border: 1px solid #006699; | |||
margin-bottom: 1em; | |||
} | } | ||
. | .jf-box-blue-header { | ||
border: 1px solid #006699; | |||
background-color: #006699; | |||
padding: 0.2em 0.5em 0.2em 0.5em; | |||
font-size: 110%; | |||
font-weight: bold; | |||
color: white; | |||
} | } | ||
. | .jf-box-green { | ||
border: 1px solid #339966; | |||
margin-bottom: 1em; | |||
} | } | ||
.jf-box-green-header { | |||
. | border: 1px solid #339966; | ||
background-color: #339966; | |||
padding: 0.2em 0.5em 0.2em 0.5em; | |||
font-size: 110%; | |||
font-weight: bold; | |||
color: white; | |||
} | } | ||
. | .jf-box-red-header > a, | ||
.jf-box-red-header > a.external.text, | |||
.jf-box-blue-header > a, | |||
.jf-box-blue-header > a.external.text, | |||
.jf-box-green-header > a, | |||
.jf-box-green-header > a.external.text { | |||
color: white; | |||
text-decoration: none; | |||
} | } | ||
. | .jf-box-image { | ||
padding: 0; | |||
} | } | ||
. | .jf-box-image > img, | ||
.jf-box-image a > img { | |||
display: block; | |||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
. | .jf-box-content { | ||
padding: 0.4em 1em 0.3em 1em; | |||
min-height: 6em; | |||
} | } | ||
@media only screen and (max-width: 1366px) { | |||
. | .jf-box-content { | ||
min-height: 9em; | |||
} | } | ||
} | } | ||
@media only screen and (max-width: 1170px) { | |||
.jf-box-content { | |||
min-height: 6em; | |||
} | } | ||
} | } | ||
@media screen and (max-width : | @media only screen and (max-width: 830px) { | ||
.jf-box-content { | |||
min-height: 3em; | |||
} | } | ||
} | } | ||
/* KONIEC Responsive boxes */ | |||
Aktualna wersja na dzień 15:50, 21 lut 2024
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */
/* STRONA PLIKU */
/* Wycentrowanie wyświetlonego pliku */
#file {
text-align: center;
}
/* Wycentrowanie informacji o innych rozdzielczosciach pliku */
.mw-filepage-resolutioninfo {
text-align: center;
}
/* Wycentrowanie informacji o oryginalnym rozmiarze pliku */
.fullMedia {
text-align: center;
}
/* Wycentrowanie przycisku do MediaViewer i marginesy górny i dolny oddzielający przycisk od opisu pliku */
.mw-mmv-filepage-buttons {
margin-top: 5px;
height: 40px;
margin-bottom: 10px;
width: 290px;
margin-left: auto;
margin-right: auto;
}
/* Ukrycie nagłówków h2 Opis, Licencja na stronie z opisem pliku */
#mw-imagepage-content h2 {
display:none!important;
}
/* KONIEC - STRONA PLIKU */
/* Naprawa stylu galerii
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
box-sizing: unset;
}
*/
/* KONIEC Naprawa stylu galerii */
/* Responsive boxes */
.jf-box-3, .jf-box-2, .jf-box-1 {
vertical-align: top;
float: left;
margin: 10px;
}
.jf-box-3 {
width: 31%;
}
.jf-box-2 {
width: 46.5%;
}
.jf-box-1 {
width: 95%;
}
@media only screen and (max-width: 1170px) {
.jf-box-3 {
width: 46.5%;
}
}
@media only screen and (max-width: 830px) {
.jf-box-3, .jf-box-2, .jf-box-1 {
width: 100%;
}
}
.jf-box-red {
border: 1px solid #990000;
margin-bottom: 1em;
}
.jf-box-red-header {
border: 1px solid #990000;
background-color: #990000;
padding: 0.2em 0.5em 0.2em 0.5em;
font-size: 110%;
font-weight: bold;
color: white;
}
.jf-box-blue {
border: 1px solid #006699;
margin-bottom: 1em;
}
.jf-box-blue-header {
border: 1px solid #006699;
background-color: #006699;
padding: 0.2em 0.5em 0.2em 0.5em;
font-size: 110%;
font-weight: bold;
color: white;
}
.jf-box-green {
border: 1px solid #339966;
margin-bottom: 1em;
}
.jf-box-green-header {
border: 1px solid #339966;
background-color: #339966;
padding: 0.2em 0.5em 0.2em 0.5em;
font-size: 110%;
font-weight: bold;
color: white;
}
.jf-box-red-header > a,
.jf-box-red-header > a.external.text,
.jf-box-blue-header > a,
.jf-box-blue-header > a.external.text,
.jf-box-green-header > a,
.jf-box-green-header > a.external.text {
color: white;
text-decoration: none;
}
.jf-box-image {
padding: 0;
}
.jf-box-image > img,
.jf-box-image a > img {
display: block;
max-width: 100%;
height: auto;
}
.jf-box-content {
padding: 0.4em 1em 0.3em 1em;
min-height: 6em;
}
@media only screen and (max-width: 1366px) {
.jf-box-content {
min-height: 9em;
}
}
@media only screen and (max-width: 1170px) {
.jf-box-content {
min-height: 6em;
}
}
@media only screen and (max-width: 830px) {
.jf-box-content {
min-height: 3em;
}
}
/* KONIEC Responsive boxes */