MediaWiki:Gallery.css

/* CSS Pinterest Like Gallery for Mediawiki * * @author: Unknown * current version crafted together by User:Christharp from several CSS sites. For my website:Yellpedia */

width: 1200px; margin: 0 auto; }   -moz-column-count: 4; -moz-column-gap: 3px; -webkit-column-count: 4; -webkit-column-gap: 3px; column-count: 4; column-gap: 3px; width: 1200px; }   display: inline-block; margin-bottom: 5px; width: 100%; } @media only screen and (max-width : 1199px), only screen and (max-device-width : 1199px){ #PinterestlikeContent { -moz-column-count: 3; -moz-column-gap: 0px; -webkit-column-count: 3; -webkit-column-gap: 0px; column-count: 3; column-gap: 0px; width: 1000px; }   #container { width: 1000px; } } @media only screen and (max-width : 999px), only screen and (max-device-width : 999px){ #PinterestlikeContent { -moz-column-count: 3; -moz-column-gap: 0px; -webkit-column-count: 3; -webkit-column-gap: 0px; column-count: 3; column-gap: 0px; width: 800px; }   #container { width: 800px; } } @media only screen and (max-width : 799px), only screen and (max-device-width : 799px){ #PinterestlikeContent { -moz-column-count: 3; -moz-column-gap: 0px; -webkit-column-count: 3; -webkit-column-gap: 0px; column-count: 3; column-gap: 0px; width: 600px; }   #container { width: 600px; } } @media only screen and (max-width : 599px), only screen and (max-device-width : 599px){ #PinterestlikeContent { -moz-column-count: 2; -moz-column-gap: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; column-count: 2; column-gap: 0px; width: 400px; }   #container { width: 400px; } }
 * 1) container {
 * 1) PinterestlikeContent {
 * 1) PinterestlikeContent img{