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:
parent
e1d8dcddef
commit
892307d36c
|
@ -4281,10 +4281,9 @@ h3.available-themes {
|
||||||
|
|
||||||
.available-theme {
|
.available-theme {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: 10px;
|
margin-right: 10px;
|
||||||
margin-right: 25px;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 20px;
|
padding: 20px 20px 20px 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
@ -4323,7 +4322,7 @@ h3.available-themes {
|
||||||
}
|
}
|
||||||
|
|
||||||
#current-theme.has-screenshot {
|
#current-theme.has-screenshot {
|
||||||
padding-left: 320px;
|
padding-left: 330px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#current-theme h3 {
|
#current-theme h3 {
|
||||||
|
@ -4356,7 +4355,7 @@ h3.available-themes {
|
||||||
#current-theme img {
|
#current-theme img {
|
||||||
float: left;
|
float: left;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
margin-left: -320px;
|
margin-left: -330px;
|
||||||
|
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
@ -4371,6 +4370,31 @@ h3.available-themes {
|
||||||
margin-right: 20px;
|
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,
|
#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,
|
||||||
#TB_window #TB_title a.tb-theme-preview-link:visited {
|
#TB_window #TB_title a.tb-theme-preview-link:visited {
|
||||||
|
|
Loading…
Reference in New Issue