Module:Random slideshow/sandbox/styles.css: Difference between revisions

Content deleted Content added
make sure styles intended for mobile-only and desktop-only are properly targeted
remove tests, reactivate the commented-out rules as mobile-only rules
Line 23:
* for the desktop website, and not on mobile (except in Template namespace).
******************************************************************************/
 
/* testing the above */
.randomSlideshow-container ul.gallery:first-child {border:5px solid red}
 
/* Make labels sit side-by-side */
Line 38 ⟶ 35:
}
 
/* Make sure the labels are underneath not alongside the gallery */
.randomSlideshow-container ul.gallery:first-child .gallerybox {
display:block;
}
 
/* Center the gallery within its container */
.randomSlideshow-container ul.gallery.mw-gallery-slideshow:first-child {
position: relative;
left: 50%;
Line 62 ⟶ 59:
* for the desktop website, and not on mobile (except in Template namespace).
******************************************************************************/
/* testing the above */
.randomSlideshow-container .nomobile+ul {border:5px solid green}
 
/* Hide all the switcher labels */