Difference between revisions of "Chinese Buddhist Encyclopedia:Sandbox"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
− | + | #container { | |
− | -webkit- | + | width: 1200px; |
− | -moz- | + | 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; | ||
+ | } | ||
} | } | ||
}} | }} | ||
− | <div | + | <div id="PinterestlikeContent"> |
− | + | [[Image:1qaG.JPG|200xpx]] | |
− | + | [[Image:BeX -ghje.jpg]] | |
− | Image: | + | [[Image:Bcvbt2d.jpg]] |
− | + | [[Image:Comh94.jpg]] | |
− | Image: | + | [[Image:BfgG.JPG]] |
− | + | [[Image:Fishmarket 01.jpg]] | |
− | Image: | ||
− | |||
− | |||
− | |||
− | Image: | ||
− | |||
− | Image: | ||
− | |||
− | |||
− | |||
</div> | </div> |