Regia-AO, Regia-Officers, bureaucrat, administrator
4,915
edits
Changes
no edit summary
}
/* 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: 932px;
margin: 0 auto;
border: 1px solid red;
}
#PinterestlikeContent {
-moz-column-count: 5;
-moz-column-gap: 3px;
-webkit-column-count: 5;
-webkit-column-gap: 3px;
column-count: 5;
column-gap: 3px;
width: 932px;
/*border: 1px solid black;*/
}
#PinterestlikeContent img{
display: inline-block;
margin-bottom: 5px;
width: 100%;
}
@media only screen and (max-width : 1420px){
#PinterestlikeContent {
-moz-column-count: 4;
-moz-column-gap: 3px;
-webkit-column-count: 4;
-webkit-column-gap: 3px;
column-count: 4;
column-gap: 3px;
width: 745px;
/*border: 1px solid red;*/
}
#container {
width: 745px;
}
}
@media only screen and (max-width : 1230px){
#PinterestlikeContent {
-moz-column-count: 3;
-moz-column-gap: 3px;
-webkit-column-count: 3;
-webkit-column-gap: 3px;
column-count: 3;
column-gap: 3px;
width: 560px;
/*border: 1px solid blue;*/
}
#container {
width: 560px;
}
}
@media only screen and (max-width : 1044px){
#PinterestlikeContent {
-moz-column-count: 2;
-moz-column-gap: 3px;
-webkit-column-count: 2;
-webkit-column-gap: 3px;
column-count: 2;
column-gap: 3px;
width: 375px;
/*border: 1px solid orange;*/
}
#container {
width: 375px;
}
}
@media only screen and (max-width : 820px){
#PinterestlikeContent {
-moz-column-count: 1;
-moz-column-gap: 3px;
-webkit-column-count: 1;
-webkit-column-gap: 3px;
column-count: 1;
column-gap: 3px;
width: 190px;
/*border: 1px solid green;*/
}
#container {
width: 190px;
}
}
[[Category:Wiki]]
