Regia-AO, Regia-Officers, bureaucrat, administrator
4,915
edits
Changes
no edit summary
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }
/* CSS Pinterest Like Gallery for Mediawiki
*
* @author: Unknown
* current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
*/
#container {
width: 1200px;
margin: 0 auto;
}
#PinterestlikeContent {
-moz-column-count: 4;
-moz-column-gap: 3px;
-webkit-column-count: 4;
-webkit-column-gap: 3px;
column-count: 4;
column-gap: 3px;
width: 1200px;
}
#PinterestlikeContent img{
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;
}
}
[[Category:Wiki]]
