Користувач:Kanzat/Копія/AtUkr/Чернетка/styles.css

Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.

Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
Internet Explorer / Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5
Opera: натисніть Ctrl-F5

/* Стилі для сторінки Вікіпедія: Зображення дня */
/* Контейнер галереї */
.gallery {
    display: flex !important;
    flex-wrap: wrap;
    margin: 0 !important;
}
/* Слайдшоу */
.gallerycarousel {
    flex: 1 0 100%;
    margin: 0 !important;
}
.mw-gallery-slideshow-buttons {
    padding: .5em 0 1em !important;
}
/* Перемикач галереї */
.mw-gallery-slideshow-thumbnails-toggled .mw-gallery-slideshow-buttons > div > span:nth-child(odd) {
    display: none;
}
a[title="Перемикання мініатюр"] {
    padding: 10px 10px 10px 30px !important;
}
a[title="Перемикання мініатюр"]::after {
    content: "Показати галерею";
    line-height: .5em;
}
.mw-gallery-slideshow-thumbnails-toggled a[title="Перемикання мініатюр"]::after {
    content: "Сховати галерею";
}
.mw-gallery-slideshow-thumbnails-toggled > div > :not(.mw-gallery-slideshow-buttons) {
    display: none;
}
/* Поточний слайд */
.mw-gallery-slideshow-img-container a,
li.gallerybox div.thumb img {
    display: inline;
}
.mw-gallery-slideshow-img-container img {
    height: auto;
    max-height: 400px;
}
.mw-gallery-slideshow-caption .gallerytext > h3,
.mw-gallery-slideshow-caption .gallerytext > span {
    display: inline;
    font-size: 1em;
    font-weight: bold;
}
.mw-gallery-slideshow-caption .gallerytext > span::before {
    content: " (";
}
.mw-gallery-slideshow-caption .gallerytext > span::after {
    content: ")";
}
/* Блоки галереї */
.gallerybox {
    flex: 1 1 100%;
    padding: 1em 1.25em 1.25em;
    box-sizing: border-box;
    margin: 0;
    border-top: 1px #eee solid;
}
.gallerybox:first-child,
.gallerycarousel + .gallerybox {
    flex-basis: 100%;
    border-top: 0;
}
.slideshow-current {
    background: #fff !important;
}
/* Заголовок */
.gallerytext {
    text-align: center;
}
.gallery h3 {
    margin: 0 0 .5em;
    font-family: inherit;
    border-bottom: 0;
    padding: 0;
}
.gallerybox .gallerytext:first-child {
    display: flex;
    justify-content: space-between;
}
/* Зображення */
.gallerybox .thumb {
    margin: 0 auto !important;
}
.gallerybox .thumb img {
    margin: .5em auto !important;
    height: auto;
    width: 100%;
    max-width: 600px;
}
/* Для комп'ютерів колонки */
@media (min-width: 1024px) {
	.gallerybox {
    	flex: 1 1 50%;
	}
    .gallerybox:nth-child(even),
    .gallerycarousel ~ .gallerybox:nth-child(odd) {
        border-right: 1px #eee solid;
    }
}