Difference between revisions of "Template:Portal image banner/styles.css"

From blackwiki
Jump to navigation Jump to search
test>FR30799386
(Its almost done...)
test>FR30799386
(Fixed overlooked bug)
Line 27: Line 27:
 
bottom:0;
 
bottom:0;
 
}
 
}
 
 
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(2)  {
 
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(2)  {
 
display: none;
 
display: none;
Line 44: Line 43:
 
padding:0;
 
padding:0;
 
}
 
}
.portal-banner-image-slideshow .portal-banner-image-slideshow .oo-ui-stackLayout > div:nth-child(3){
+
.portal-banner-image-slideshow .oo-ui-stackLayout > div:nth-child(3){
 
z-index:1001;
 
z-index:1001;
}
 
@media screen and ( max-width: 720px ) {
 
div.portal-banner-image-slideshow > ul.gallery.mw-gallery-slideshow > li:nth-child(n+2)  {
 
display: none;
 
}
 
.portal-banner-image-slideshow img{
 
display: block;
 
    width:100%;
 
    height:auto;
 
}
 
 
}
 
}

Revision as of 11:25, 13 September 2018

.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;
}