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

From blackwiki
Jump to navigation Jump to search
test>FR30799386
(That was me editing logged out accidentally)
test>FR30799386
(Tidying up styles....)
Line 10: Line 10:
 
}
 
}
 
.portal-banner-image-slideshow .mw-gallery-slideshow-buttons{
 
.portal-banner-image-slideshow .mw-gallery-slideshow-buttons{
top:0;
 
bottom:0;
 
 
display:none;
 
display:none;
align-items:center;
 
position:absolute;
 
width:100%;
 
z-index:1000;
 
 
}
 
}
 
.portal-banner-image-slideshow .mw-gallery-slideshow-buttons div{
 
.portal-banner-image-slideshow .mw-gallery-slideshow-buttons div{
Line 22: Line 16:
 
}
 
}
 
.portal-banner-image-slideshow .oo-ui-stackLayout:hover .mw-gallery-slideshow-buttons{
 
.portal-banner-image-slideshow .oo-ui-stackLayout:hover .mw-gallery-slideshow-buttons{
 +
align-items:center;
 +
position:absolute;
 +
width:100%;
 +
z-index:1000;
 
display:flex;
 
display:flex;
 
margin:0 !important;
 
margin:0 !important;
 
background:rgb(255,255,255);
 
background:rgb(255,255,255);
 
opacity:0.75 !important;
 
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)  {
 
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(2)  {
 
display: none;
 
display: none;
Line 35: Line 36:
 
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(3)  {
 
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow > li.gallerycarousel > div > div > div > span:nth-child(3)  {
 
float:right;
 
float:right;
 +
}
 +
.portal-banner-image-slideshow ul.gallery.mw-gallery-slideshow{
 +
margin:0 !important;
 
}
 
}

Revision as of 17:52, 10 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;
	margin: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;
}