sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Twenty Thirteen: better handling of media in main content area, accounting for a sidebar and all viewport width possibilities. Props sabreuse and obenland, see #23955.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@23964 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-04-11 16:03:08 +00:00
parent 75549e368b
commit bf556f4a3b
2 changed files with 48 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
wp-content/themes/twentythirteen/rtl.css
View File

@ -177,6 +177,11 @@ div.nav-menu > ul {
* ----------------------------------------------------------------------------
*/
.sidebar .entry-media {
padding-left: 316px;
padding-right: 0;
}
.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
@ -349,6 +354,12 @@ div.nav-menu > ul {
transform: scaleX(-1);
}
.format-audio .entry-media,
.sidebar .format-audio .entry-media {
padding-left: 374px;
padding-right: 60px;
}
.format-audio .audio-content {
background-position: right top;
float: left;
@ -731,6 +742,13 @@ div.nav-menu > ul {
*/
@media (max-width: 1069px) {
.sidebar .entry-media,
.format-audio .entry-media,
.sidebar .format-audio .entry-media {
padding-left: 376px;
padding-right: 60px;
}
ul.nav-menu,
div.nav-menu > ul {
margin-left: auto;
@ -772,6 +790,13 @@ div.nav-menu > ul {
padding-right: 0;
}
.sidebar .entry-media,
.format-audio .entry-media,
.sidebar .format-audio .entry-media {
padding-left: 0;
padding-right: 0;
}
.site-main .widget-area {
float: none;
margin-left: auto;
@ -877,6 +902,8 @@ div.nav-menu > ul {
}
.format-audio .audio-content {
background: none;
float: none;
padding-left: auto;
padding-right: 0;
}

24
wp-content/themes/twentythirteen/style.css
View File

@ -1486,8 +1486,9 @@ footer.entry-meta {
font-weight: bold;
}
.format-audio .entry-media {
max-width: 604px;
.format-audio .entry-media,
.sidebar .format-audio .entry-media {
padding: 0 374px 0 60px;
}
.format-audio .entry-media:before {
@ -2749,6 +2750,10 @@ footer.entry-meta {
}
@media (max-width: 1069px) {
.sidebar .entry-media {
padding: 0 376px 0 60px;
}
.sidebar img.alignleft,
.sidebar .wp-caption.alignleft {
margin-left: 0;
@ -2822,6 +2827,8 @@ footer.entry-meta {
.sidebar .featured-gallery,
.sidebar .post-navigation .nav-links,
.author.sidebar .author-info,
.format-audio .entry-media,
.sidebar .format-audio .entry-media,
.sidebar .format-image .entry-content {
max-width: 604px;
padding-left: 0;
@ -2840,6 +2847,11 @@ footer.entry-meta {
max-width: 604px;
}
.sidebar .entry-media {
max-width: 724px;
}
.sidebar .entry-media,
.sidebar .archive-meta,
.attachment .entry-header,
.search.sidebar .page-content,
@ -2927,6 +2939,11 @@ footer.entry-meta {
width: 100%;
}
.entry-media,
.sidebar .entry-media {
max-width: 604px;
}
.attachment .image-navigation,
.attachment .entry-attachment .attachment {
max-width: 604px;
@ -2944,6 +2961,7 @@ footer.entry-meta {
font-size: 30px;
}
#content .entry-media,
#content .entry-header,
#content .entry-content,
#content .entry-summary,
@ -3110,7 +3128,7 @@ footer.entry-meta {
width: auto;
}
.format-audio .entry-content:before {
.format-audio .entry-media:before {
display: none;
}
}