Responsive thumbnail gallery time
This commit is contained in:
parent
3d44c01ad6
commit
6c2e57304c
@ -349,7 +349,7 @@ textarea#comment_content {
|
|||||||
padding: 0px;
|
padding: 0px;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: 0px 4px 10px 4px;
|
margin: 0px 5px 10px 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.875em;
|
font-size: 0.875em;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
@ -512,6 +512,10 @@ table.media_panel th {
|
|||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.media_thumbnail {
|
||||||
|
width: 21%;
|
||||||
|
}
|
||||||
|
|
||||||
.profile_sidebar {
|
.profile_sidebar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
@ -541,3 +545,15 @@ table.media_panel th {
|
|||||||
padding: 9px 14px;
|
padding: 9px 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 570px) {
|
||||||
|
.media_thumbnail {
|
||||||
|
width: 29%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 380px) {
|
||||||
|
.media_thumbnail {
|
||||||
|
width: 46%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user