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

From blackwiki
Jump to navigation Jump to search
test>FR30799386
(Should work)
test>FR30799386
(Its almost done...)
Line 21: Line 21:
 
z-index:1000;
 
z-index:1000;
 
display:flex;
 
display:flex;
margin:0 !important;
+
padding-top:0 !important;
 
background:rgb(255,255,255);
 
background:rgb(255,255,255);
 
opacity:0.75 !important;
 
opacity:0.75 !important;
Line 40: Line 40:
 
margin:0 !important;
 
margin:0 !important;
 
}
 
}
.portal-banner-image-slideshow .oo-ui-stackLayout > div:nth-child(3){
+
.portal-banner-image-slideshow .oo-ui-stackLayout > div:nth-child(3) *{
margin-top:-2em;
+
margin:0;
z-index:1009;
+
padding:0;
 +
}
 +
.portal-banner-image-slideshow .portal-banner-image-slideshow .oo-ui-stackLayout > div:nth-child(3){
 +
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 08:23, 12 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 .portal-banner-image-slideshow .oo-ui-stackLayout > div:nth-child(3){
	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;
}
}