From 8dcec58f2a015f116c803a2054a76bb94317c17b Mon Sep 17 00:00:00 2001 From: Lance Willett Date: Thu, 3 Apr 2014 04:46:23 +0000 Subject: [PATCH] Twenty Thirteen and Fourteen: style to support the new HTML5 line-break-less galleries. Props obenland, see #27637. git-svn-id: https://develop.svn.wordpress.org/trunk@27926 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyfourteen/style.css | 10 ++++++++++ src/wp-content/themes/twentythirteen/style.css | 7 +++++++ 2 files changed, 17 insertions(+) diff --git a/src/wp-content/themes/twentyfourteen/style.css b/src/wp-content/themes/twentyfourteen/style.css index 1217d92ae4..1a9336279d 100644 --- a/src/wp-content/themes/twentyfourteen/style.css +++ b/src/wp-content/themes/twentyfourteen/style.css @@ -753,6 +753,8 @@ div.wp-caption.alignright .wp-caption-text { .footer-sidebar:after, .hentry:before, .hentry:after, +.gallery:before, +.gallery:after, .slider-direction-nav:before, .slider-direction-nav:after, .contributor-info:before, @@ -769,6 +771,7 @@ div.wp-caption.alignright .wp-caption-text { .footer-sidebar:after, .hentry:after, +.gallery:after, .slider-direction-nav:after, .contributor-info:after, .search-box:after, @@ -1489,6 +1492,13 @@ a.post-thumbnail:hover { margin-right: 0; } +.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), +.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), +.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), +.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { + clear: left; +} + .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; diff --git a/src/wp-content/themes/twentythirteen/style.css b/src/wp-content/themes/twentythirteen/style.css index 6f5f53fe85..1985f0b72f 100644 --- a/src/wp-content/themes/twentythirteen/style.css +++ b/src/wp-content/themes/twentythirteen/style.css @@ -1324,6 +1324,13 @@ footer.entry-meta { margin-right: 0; } +.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), +.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), +.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), +.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { + clear: left; +} + .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box;