Improved image handling in catalog for various screen sizes

This commit is contained in:
kaernyk 2014-09-26 22:54:01 -04:00
parent 2e46875125
commit c115ebc7e0

View File

@ -658,8 +658,8 @@ div.thread.grid-li {
}
.theme-catalog div.grid-size-vsmall img {
max-height: 64px;
max-width: 96px;
max-height: 50%;
max-width: 99%;
}
.theme-catalog div.grid-size-vsmall {
@ -668,8 +668,8 @@ div.thread.grid-li {
}
.theme-catalog div.grid-size-small img {
max-height: 128px;
max-width: 225px;
max-height: 50%;
max-width: 99%;
}
.theme-catalog div.grid-size-small {
@ -678,8 +678,8 @@ div.thread.grid-li {
}
.theme-catalog div.grid-size-large img {
max-height: 175px;
max-width: 300px;
max-height: 50%;
max-width: 99%;
}
.theme-catalog div.grid-size-large {
@ -884,39 +884,4 @@ code > pre > span.pln {
div.post div.body {
clear: none;
}
.theme-catalog div.grid-size-vsmall img {
max-height: 96px;
max-width: 160px;
}
.theme-catalog div.grid-size-vsmall {
width: 160px;
height: 256px;
}
.theme-catalog div.grid-size-small img {
max-height: 160px;
max-width: 225px;
}
.theme-catalog div.grid-size-small {
width: 225px;
height:320px;
}
.theme-catalog div.grid-size-large img {
max-height: 200px;
max-width: 300px;
}
.theme-catalog div.grid-size-large {
width: 300px;
height: 409px;
}
.theme-catalog img.thread-image {
height: auto;
max-width: 100%;
}
}