Twenty Thirteen: improve gallery styles to ensure both single and index views are displayed consistently. Closes #24555.
git-svn-id: http://core.svn.wordpress.org/trunk@24720 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett
parent
de7375b5d1
commit
27a77d4b7c
|
|
@ -500,22 +500,6 @@ function twentythirteen_get_link_url() {
|
|||
return ( $has_url ) ? $has_url : apply_filters( 'the_permalink', get_permalink() );
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the image size in featured galleries to large.
|
||||
*
|
||||
* @since Twenty Thirteen 1.0
|
||||
*
|
||||
* @param array $atts Combined and filtered attribute list.
|
||||
* @return array The filtered attribute list.
|
||||
*/
|
||||
function twentythirteen_gallery_atts( $atts ) {
|
||||
if ( has_post_format( 'gallery' ) && ! is_single() )
|
||||
$atts['size'] = wp_is_mobile() ? 'thumbnail' : 'medium';
|
||||
|
||||
return $atts;
|
||||
}
|
||||
add_filter( 'shortcode_atts_gallery', 'twentythirteen_gallery_atts' );
|
||||
|
||||
/**
|
||||
* Extends the default WordPress body classes.
|
||||
*
|
||||
|
|
|
|||
|
|
@ -261,19 +261,6 @@ div.nav-menu > ul {
|
|||
margin-right: auto;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item,
|
||||
.archive .format-gallery .gallery-item,
|
||||
.search .format-gallery .gallery-item {
|
||||
margin-left: 4px;
|
||||
margin-right: auto;
|
||||
}
|
||||
.blog .format-gallery .gallery-item img,
|
||||
.archive .format-gallery .gallery-item img,
|
||||
.search .format-gallery .gallery-item img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.format-image .wp-caption-text {
|
||||
text-align: right;
|
||||
}
|
||||
|
|
@ -726,7 +713,7 @@ div.nav-menu > ul {
|
|||
padding-right: 0;
|
||||
}
|
||||
|
||||
.single .gallery-columns-3 .gallery-item:nth-of-type(3n) {
|
||||
.gallery-columns-3 .gallery-item:nth-of-type(3n) {
|
||||
margin-left: 4px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
|
@ -738,12 +725,13 @@ div.nav-menu > ul {
|
|||
margin-right: 0;
|
||||
}
|
||||
|
||||
.gallery .gallery-item:nth-of-type(even) {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.gallery .gallery-item,
|
||||
.single .gallery-columns-2.gallery-size-thumbnail .gallery-item,
|
||||
.blog .format-gallery .gallery-item,
|
||||
.archive .format-gallery .gallery-item,
|
||||
.search .format-gallery .gallery-item,
|
||||
.single .gallery.gallery-columns-3 .gallery-item:nth-of-type(even),
|
||||
.gallery.gallery-columns-3 .gallery-item:nth-of-type(even),
|
||||
.gallery-columns-3 .gallery-item:nth-of-type(3n),
|
||||
.gallery-columns-5 .gallery-item:nth-of-type(5n),
|
||||
.gallery-columns-7 .gallery-item:nth-of-type(7n),
|
||||
|
|
@ -752,14 +740,6 @@ div.nav-menu > ul {
|
|||
margin-right: auto;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item:nth-of-type(odd),
|
||||
.archive .format-gallery .gallery-item:nth-of-type(odd),
|
||||
.search .format-gallery .gallery-item:nth-of-type(odd),
|
||||
.single .gallery .gallery-item:nth-of-type(even) {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.comment-author .avatar {
|
||||
margin-left: 5px;
|
||||
margin-right: auto;
|
||||
|
|
|
|||
|
|
@ -1232,21 +1232,9 @@ footer.entry-meta {
|
|||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
.gallery-columns-1 .gallery-item {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.gallery-columns-2 .gallery-item {
|
||||
max-width: 48%;
|
||||
max-width: -webkit-calc(50% - 4px);
|
||||
max-width: calc(50% - 4px);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gallery-columns-1 .gallery-item,
|
||||
.gallery-columns-2 .gallery-item,
|
||||
.gallery-columns-3 .gallery-item {
|
||||
max-width: 31%;
|
||||
max-width: -webkit-calc(33.3% - 4px);
|
||||
max-width: calc(33.3% - 4px);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -1481,89 +1469,6 @@ footer.entry-meta {
|
|||
color: #722d19;
|
||||
}
|
||||
|
||||
/* Blog gallery */
|
||||
.blog .format-gallery .gallery,
|
||||
.archive .format-gallery .gallery,
|
||||
.search .format-gallery .gallery {
|
||||
margin-bottom: 20px;
|
||||
margin-left: -4px;
|
||||
max-width: 608px;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item,
|
||||
.archive .format-gallery .gallery-item,
|
||||
.search .format-gallery .gallery-item {
|
||||
display: block;
|
||||
height: 148px;
|
||||
margin-right: 4px;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
width: 148px;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item img,
|
||||
.archive .format-gallery .gallery-item img,
|
||||
.search .format-gallery .gallery-item img {
|
||||
height: 100%;
|
||||
max-height: 148px;
|
||||
max-width: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item .portrait img,
|
||||
.archive .format-gallery .gallery-item .portrait img,
|
||||
.search .format-gallery .gallery-item .portrait img {
|
||||
height: auto;
|
||||
max-height: none;
|
||||
max-width: 148px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item:first-child,
|
||||
.archive .format-gallery .gallery-item:first-child,
|
||||
.search .format-gallery .gallery-item:first-child {
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item:first-child img,
|
||||
.archive .format-gallery .gallery-item:first-child img,
|
||||
.search .format-gallery .gallery-item:first-child img {
|
||||
max-height: 300px;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item:first-child .portrait img,
|
||||
.archive .format-gallery .gallery-item:first-child .portrait img,
|
||||
.search .format-gallery .gallery-item:first-child .portrait img {
|
||||
max-height: none;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item .gallery-icon,
|
||||
.archive .format-gallery .gallery-item .gallery-icon,
|
||||
.search .format-gallery .gallery-item .gallery-icon {
|
||||
height: 100%;
|
||||
-webkit-transform: translate(50%, 50%);
|
||||
-ms-transform: translate(50%, 50%);
|
||||
transform: translate(50%, 50%);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item .gallery-icon img,
|
||||
.archive .format-gallery .gallery-item .gallery-icon img,
|
||||
.search .format-gallery .gallery-item .gallery-icon img {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery br,
|
||||
.archive .format-gallery .gallery br,
|
||||
.search .format-gallery .gallery br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Image */
|
||||
.format-image .entry-title {
|
||||
font-size: 28px;
|
||||
|
|
@ -3012,29 +2917,23 @@ footer.entry-meta {
|
|||
}
|
||||
|
||||
.gallery .gallery-item,
|
||||
.single .gallery-columns-2.gallery-size-thumbnail .gallery-item,
|
||||
.blog .format-gallery .gallery-item,
|
||||
.archive .format-gallery .gallery-item,
|
||||
.search .format-gallery .gallery-item {
|
||||
.gallery-columns-2.gallery-size-thumbnail .gallery-item {
|
||||
max-width: none;
|
||||
width: 49%;
|
||||
width: -webkit-calc(50% - 4px);
|
||||
width: calc(50% - 4px);
|
||||
}
|
||||
|
||||
.single .gallery-columns-1.gallery-size-medium,
|
||||
.single .gallery-columns-1.gallery-size-thumbnail,
|
||||
.single .gallery-columns-2.gallery-size-thumbnail,
|
||||
.single .gallery-columns-3.gallery-size-thumbnail {
|
||||
.gallery-columns-1.gallery-size-medium,
|
||||
.gallery-columns-1.gallery-size-thumbnail,
|
||||
.gallery-columns-2.gallery-size-thumbnail,
|
||||
.gallery-columns-3.gallery-size-thumbnail {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.gallery-columns-1 .gallery-item,
|
||||
.single .gallery-columns-1.gallery-size-medium .gallery-item,
|
||||
.single .gallery-columns-1.gallery-size-thumbnail .gallery-item,
|
||||
.blog .format-gallery .gallery-item:first-child,
|
||||
.archive .format-gallery .gallery-item:first-child,
|
||||
.search .format-gallery .gallery-item:first-child {
|
||||
.gallery-columns-1.gallery-size-medium .gallery-item,
|
||||
.gallery-columns-1.gallery-size-thumbnail .gallery-item {
|
||||
text-align: center;
|
||||
width: 98%;
|
||||
width: -webkit-calc(100% - 4px);
|
||||
|
|
@ -3052,10 +2951,7 @@ footer.entry-meta {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.blog .format-gallery .gallery-item:nth-of-type(odd),
|
||||
.archive .format-gallery .gallery-item:nth-of-type(odd),
|
||||
.search .format-gallery .gallery-item:nth-of-type(odd),
|
||||
.single .gallery .gallery-item:nth-of-type(even) {
|
||||
.gallery .gallery-item:nth-of-type(even) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue