Shrink theme screenshots for smaller screen resolutions. props helenyhou, see #20403.

git-svn-id: https://develop.svn.wordpress.org/trunk@20446 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith 2012-04-11 21:54:56 +00:00
parent b908a19e95
commit 38acd9198b

View File

@ -4281,10 +4281,9 @@ h3.available-themes {
.available-theme {
display: inline-block;
margin-bottom: 10px;
margin-right: 25px;
margin-right: 10px;
overflow: hidden;
padding: 20px;
padding: 20px 20px 20px 0;
vertical-align: top;
width: 300px;
}
@ -4323,7 +4322,7 @@ h3.available-themes {
}
#current-theme.has-screenshot {
padding-left: 320px;
padding-left: 330px;
}
#current-theme h3 {
@ -4356,7 +4355,7 @@ h3.available-themes {
#current-theme img {
float: left;
width: 300px;
margin-left: -320px;
margin-left: -330px;
border-width: 1px;
border-style: solid;
@ -4371,6 +4370,31 @@ h3.available-themes {
margin-right: 20px;
}
/* Allow for three-up on 1024px wide screens, e.g. tablets */
@media only screen and (max-width: 1200px) {
.available-theme,
.available-theme a.screenshot,
#current-theme img {
width: 240px;
}
.available-theme a.screenshot {
height: 180px;
}
.available-theme img {
width: 100%;
}
#current-theme.has-screenshot {
padding-left: 270px;
}
#current-theme img {
margin-left: -270px;
}
}
#post-body ul.add-menu-item-tabs li.tabs a,
#TB_window #TB_title a.tb-theme-preview-link,
#TB_window #TB_title a.tb-theme-preview-link:visited {