Jump to content

Template:Portal image banner/styles.css

From Wikipedia, the free encyclopedia
/* {{pp-template]} */
.portal-banner-image img{
	display: block;
    width:100%;
    height:auto;
}
.portal-banner-image-slideshow .mw-gallery-slideshow-img-container > a > img{
	display: block;
    width:100%;
    height:auto;
}
.portal-banner-image-slideshow .mw-gallery-slideshow-buttons{
	display:none;
}
.portal-banner-image-slideshow .mw-gallery-slideshow-buttons div{
	width:100%;
}
.portal-banner-image-slideshow .oo-ui-stackLayout:hover .mw-gallery-slideshow-buttons{
	align-items:center;
	position:absolute;
	width:100%;
	z-index:1000;
	display:flex;
	padding-top:0 !important;
	background:rgb(255,255,255);
	opacity:0.75 !important;
	top:0;
	bottom:0;
}
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(2)  {
	display: none;
}
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(1)  {
	float:left;
}
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(3)  {
	float:right;
}
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow{
	margin:0 !important;
}
.portal-banner-image-slideshow .oo-ui-stackLayout > div:nth-child(3) *{
	margin:0;
	padding:0;
}
.portal-banner-image-slideshow .oo-ui-stackLayout > div:nth-child(3){
	z-index:1001;
}