MyHyvesBookPlus/WebDB
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Added masonry grid to profile and group pages.

Browse Source
This commit is contained in:
K. Nobel
2017-01-17 12:25:09 +01:00
parent 44e20fba75
commit 0ef81a376a
5 changed files with 240 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
website/public/styles/profile.css
View File

@@ -14,24 +14,47 @@
padding-top: 50px;
}
.posts {
z-index: -1;
margin-right: 0;
width: calc(100% + 15px);
}
.post-box {
div.posts {
padding-top: 20px;
width: calc(100% + 20px);
display: inline-flex;
margin: 20px 15px 0 0;
padding: 25px;
background-color: #FFFFFF;
}
/* fullscreen */
.post-box {
width: calc(25% - 69px);
div.posts div.post {
display: block;
margin: 20px 0 0 0;
padding: 10px;
width: calc(100% - 40px);
}
div.posts div.post img {
width: 100%;
height: auto;
}
div.posts .post p.subscript {
text-align: right;
font-size: 8pt;
}
/*.posts {*/
/*z-index: -1;*/
/*margin-right: 0;*/
/*width: calc(100% + 15px);*/
/*}*/
/*.post-box {*/
/*display: inline-flex;*/
/*margin: 20px 15px 0 0;*/
/*padding: 25px;*/
/*background-color: #FFFFFF;*/
/*}*/
/*!* fullscreen *!*/
/*.post-box {*/
/*width: calc(25% - 69px);*/
/*}*/
@media only screen and (max-width: 1500px) {
.post-box {
width: calc(50% - 68px);