mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-28 07:07:38 +02:00
Twenty Thirteen and Fourteen: implement HTML5 markup for galleries (see #26697) and captions (see #26642). Props obenland, closes #27502.
Built from https://develop.svn.wordpress.org/trunk@27763 git-svn-id: http://core.svn.wordpress.org/trunk@27600 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
fd0e34ec9f
commit
a450512b7b
@ -389,14 +389,36 @@ img {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.html5-captions .wp-caption {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.wp-caption.alignleft {
|
.wp-caption.alignleft {
|
||||||
margin: 7px 14px 7px 0;
|
margin: 7px 14px 7px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.html5-captions .wp-caption.alignleft {
|
||||||
|
margin-right: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
.wp-caption.alignright {
|
.wp-caption.alignright {
|
||||||
margin: 7px 0 7px 14px;
|
margin: 7px 0 7px 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-caption.alignright img,
|
||||||
|
.wp-caption.alignright .wp-caption-dd {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.html5-captions .wp-caption.alignright {
|
||||||
|
margin-left: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.html5-captions .wp-caption.alignright img,
|
||||||
|
.html5-captions .wp-caption.alignright .wp-caption-dd {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.wp-caption.aligncenter {
|
.wp-caption.aligncenter {
|
||||||
margin: 7px 0;
|
margin: 7px 0;
|
||||||
}
|
}
|
||||||
|
@ -89,7 +89,7 @@ function twentyfourteen_setup() {
|
|||||||
* to output valid HTML5.
|
* to output valid HTML5.
|
||||||
*/
|
*/
|
||||||
add_theme_support( 'html5', array(
|
add_theme_support( 'html5', array(
|
||||||
'search-form', 'comment-form', 'comment-list',
|
'search-form', 'comment-form', 'comment-list', 'gallery', 'caption'
|
||||||
) );
|
) );
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
@ -636,6 +636,7 @@ span > object {
|
|||||||
}
|
}
|
||||||
|
|
||||||
blockquote.alignleft,
|
blockquote.alignleft,
|
||||||
|
figure.wp-caption.alignleft,
|
||||||
img.alignleft {
|
img.alignleft {
|
||||||
margin: 7px 24px 7px 0;
|
margin: 7px 24px 7px 0;
|
||||||
}
|
}
|
||||||
@ -645,6 +646,7 @@ img.alignleft {
|
|||||||
}
|
}
|
||||||
|
|
||||||
blockquote.alignright,
|
blockquote.alignright,
|
||||||
|
figure.wp-caption.alignright,
|
||||||
img.alignright {
|
img.alignright {
|
||||||
margin: 7px 0 7px 24px;
|
margin: 7px 0 7px 24px;
|
||||||
}
|
}
|
||||||
@ -694,9 +696,18 @@ img.aligncenter,
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin: 9px 0;
|
margin: 9px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.wp-caption .wp-caption-text {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.wp-caption.alignright img[class*="wp-image-"],
|
||||||
|
div.wp-caption.alignright .wp-caption-text {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.wp-smiley {
|
.wp-smiley {
|
||||||
border: 0;
|
border: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
@ -344,14 +344,36 @@ img {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.html5-captions .wp-caption {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.wp-caption.alignleft {
|
.wp-caption.alignleft {
|
||||||
margin: 5px 10px 5px 0;
|
margin: 5px 10px 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.html5-captions .wp-caption.alignleft {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.wp-caption.alignright {
|
.wp-caption.alignright {
|
||||||
margin: 5px 0 5px 10px;
|
margin: 5px 0 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-caption.alignright img,
|
||||||
|
.wp-caption.alignright .wp-caption-dd {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.html5-captions .wp-caption.alignright {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.html5-captions .wp-caption.alignright img,
|
||||||
|
.html5-captions .wp-caption.alignright .wp-caption-dd {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.wp-caption-dt {
|
.wp-caption-dt {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
@ -81,7 +81,9 @@ function twentythirteen_setup() {
|
|||||||
* Switches default core markup for search form, comment form,
|
* Switches default core markup for search form, comment form,
|
||||||
* and comments to output valid HTML5.
|
* and comments to output valid HTML5.
|
||||||
*/
|
*/
|
||||||
add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list' ) );
|
add_theme_support( 'html5', array(
|
||||||
|
'search-form', 'comment-form', 'comment-list', 'gallery', 'caption'
|
||||||
|
) );
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* This theme supports all available post formats by default.
|
* This theme supports all available post formats by default.
|
||||||
|
@ -709,6 +709,7 @@ video {
|
|||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figure.wp-caption.alignleft,
|
||||||
img.alignleft {
|
img.alignleft {
|
||||||
margin: 5px 20px 5px 0;
|
margin: 5px 20px 5px 0;
|
||||||
}
|
}
|
||||||
@ -717,6 +718,7 @@ img.alignleft {
|
|||||||
margin: 5px 10px 5px 0;
|
margin: 5px 10px 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figure.wp-caption.alignright,
|
||||||
img.alignright {
|
img.alignright {
|
||||||
margin: 5px 0 5px 20px;
|
margin: 5px 0 5px 20px;
|
||||||
}
|
}
|
||||||
@ -740,6 +742,15 @@ img.alignnone {
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
margin: 0 0 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.wp-caption.alignright img[class*="wp-image-"] {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.wp-caption.alignright .wp-caption-text {
|
||||||
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.wp-smiley,
|
img.wp-smiley,
|
||||||
|
Loading…
Reference in New Issue
Block a user