Difference between revisions of "Template:Portal image banner/styles.css"
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; | ||
| − | + | 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- | + | margin:0; |
| − | z-index: | + | 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;
}
}