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

git-svn-id: http://svn.automattic.com/wordpress/trunk@20446 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
koopersmith 2012-04-11 21:54:56 +00:00
parent e1d8dcddef
commit 892307d36c
1 changed files with 29 additions and 5 deletions

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 {