Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-11-05 02:10:45 +01:00
Code Issues Projects Releases Wiki Activity

Twenty Fourteen: merge recent stylesheet changes to RTL, and file miscellaneous CSS cleanup.

Browse Source 
RTL still needs more responsive fixes, see #25332 -- and a11y menu fixes, see #25054. 
Built from https://develop.svn.wordpress.org/trunk@25749


git-svn-id: http://core.svn.wordpress.org/trunk@25662 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2013-10-09 21:42:09 +00:00
parent 65cd133a6f
commit 79bd971194
4 changed files with 104 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
wp-content/themes/twentyfourteen/editor-style.css
View File

@ -151,9 +151,9 @@ pre {
font-size: 15px; font-size: 15px;
line-height: 1.6; line-height: 1.6;
margin-bottom: 24px; margin-bottom: 24px;
padding: 12px;
overflow: auto;
max-width: 100%; max-width: 100%;
overflow: auto;
padding: 12px;
} }
blockquote, blockquote,
@ -385,7 +385,7 @@ img {
} }
.mceTemp + ul, .mceTemp + ul,
.mceTemp + ol { .mceTemp + ol {
list-style-position: inside; list-style-position: inside;
} }

2
wp-content/themes/twentyfourteen/inc/custom-header.php
View File

@ -65,7 +65,7 @@ function twentyfourteen_header_style() {
// If the user has set a custom color for the text use that // If the user has set a custom color for the text use that
else : else :
?> ?>
.site-title a { .site-title a {
color: #<?php echo $header_text_color; ?> !important; color: #<?php echo $header_text_color; ?> !important;
} }
<?php endif; ?> <?php endif; ?>

118
wp-content/themes/twentyfourteen/rtl.css
View File

@ -30,11 +30,11 @@ li > ol {
margin-left: auto; margin-left: auto;
} }
blockquote.pull.alignright { .site-content blockquote.alignright {
margin: 7px 0 7px 24px; margin: 7px 0 7px 24px;
} }
blockquote.pull.alignleft { .site-content blockquote.alignleft {
margin: 7px 24px 7px 0; margin: 7px 24px 7px 0;
} }
@ -76,13 +76,7 @@ blockquote.pull.alignleft {
.search-toggle { .search-toggle {
float: right; float: right;
} padding: 25px 0 0 10px;
.genericon-search:before {
margin-right: -8px;
right: 50%;
left: auto;
margin-left: auto;
} }
.search-box .search-field { .search-box .search-field {
@ -143,13 +137,13 @@ blockquote.pull.alignleft {
} }
.more-link .meta-nav, .more-link .meta-nav,
.more-formatted-posts-link .meta-nav { ..post-format-archive-link .meta-nav {
right: 0; right: 0;
left: auto; left: auto;
} }
.more-link:hover .meta-nav, .more-link:hover .meta-nav,
.more-formatted-posts-link:hover .meta-nav { ..post-format-archive-link:hover .meta-nav {
right: 5px; right: 5px;
left: auto; left: auto;
} }
@ -190,7 +184,7 @@ blockquote.pull.alignleft {
/* =Post Formatted posts column /* =Post Formatted posts column
----------------------------------------------- */ ----------------------------------------------- */
.ephemera .widget-title:before { .widget_twentyfourteen_ephemera .widget-title:before {
margin-left: 10px; margin-left: 10px;
margin-right: auto; margin-right: auto;
} }
@ -200,12 +194,14 @@ blockquote.pull.alignleft {
----------------------------------------------- */ ----------------------------------------------- */
img.alignright, img.alignright,
.wp-caption.alignright { .wp-caption.alignright,
blockquote.alignright {
margin: 7px 0 7px 24px; margin: 7px 0 7px 24px;
} }
img.alignleft, img.alignleft,
.wp-caption.alignleft { .wp-caption.alignleft,
blockquote.alignleft {
margin: 7px 24px 7px 0; margin: 7px 24px 7px 0;
} }
@ -223,8 +219,8 @@ img.alignleft,
margin-right: auto; margin-right: auto;
} }
.post-navigation .nav-previous, .post-navigation [rel="prev"],
.post-navigation .nav-next, .post-navigation [rel="next"],
.image-navigation .previous-image, .image-navigation .previous-image,
.image-navigation .next-image { .image-navigation .next-image {
text-align: right; text-align: right;
@ -249,13 +245,8 @@ img.alignleft,
padding-left: 0; padding-left: 0;
} }
.comment-author .comment-author-avatar {
right: 0;
left: auto;
}
.comment-author .avatar { .comment-author .avatar {
right: 2px; right: 0;
left: auto; left: auto;
} }
@ -271,15 +262,29 @@ img.alignleft,
} }
.comment-list .children { .comment-list .children {
margin-right: 20px; margin-right: 18px;
margin-left: auto; margin-left: auto;
} }
.comment .comment-respond { .comment .comment-respond {
margin-right: 47px; margin-right: 36px;
margin-left: auto; margin-left: auto;
} }
.comment-edit-link {
margin-left: 0;
margin-right: 10px;
}
.comment-edit-link:before {
margin: 3px 0 0 2px;
}
.comment-reply-link:before,
.comment-reply-login:before {
margin: 3px 0 0 3px;
}
/* =Widgets /* =Widgets
----------------------------------------------- */ ----------------------------------------------- */
@ -319,7 +324,7 @@ img.alignleft,
.content-sidebar .widget .children, .content-sidebar .widget .children,
.content-sidebar .widget .sub-menu { .content-sidebar .widget .sub-menu {
margin:0 20px 0 0; margin: 0 20px 0 0;
} }
.content-sidebar .widget .widgets-multi-column-grid li { .content-sidebar .widget .widgets-multi-column-grid li {
@ -327,6 +332,19 @@ img.alignleft,
} }
/* =Contributor Page
----------------------------------------------- */
.contributor-avatar {
float: right;
margin: 0 0 20px 30px;
}
.contributor-posts-link:before {
margin: -3px -3px -2px 5px;
}
/* =Media Queries /* =Media Queries
----------------------------------------------- */ ----------------------------------------------- */
@ -341,12 +359,11 @@ img.alignleft,
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.content-area .featured-post:before, .content-area .featured-post:before,
.content-area .post-format a:before, .content-area .post-format a:before,
.content-area .post-format + .entry-date a:before, .content-area .entry-date a:before,
.content-area .entry-date a:before, .content-area .entry-date a:before,
.content-area .byline a:before, .content-area .byline a:before,
.content-area .comments-link a:before, .content-area .comments-link a:before,
.entry-comment .edit-link a:before, .entry-comment .edit-link a:before,
.attachment .entry-date:before,
.content-area .full-size-link a:before, .content-area .full-size-link a:before,
.content-area .parent-post-link a:before { .content-area .parent-post-link a:before {
margin: 0 0 0 2px; margin: 0 0 0 2px;
@ -373,9 +390,8 @@ img.alignleft,
margin: -1px 0 0 3px; margin: -1px 0 0 3px;
} }
.content-area .post-format + .entry-date a:before,
.content-area .entry-date a:before, .content-area .entry-date a:before,
.attachment .entry-date:before { .attachment span.entry-date:before {
margin: 0 0 0 1px; margin: 0 0 0 1px;
} }
@ -401,13 +417,13 @@ img.alignleft,
margin: 0 0 0 33.33333333%; margin: 0 0 0 33.33333333%;
} }
#content-sidebar { .content-sidebar {
float: left; float: left;
margin: 0 -30.35714285% 0 0; margin: 0 -30.35714285% 0 0;
padding: 36px 0 24px 10px; padding: 36px 0 24px 10px;
} }
.post-formatted-posts { .ephemera {
float: left; float: left;
margin: 0 -30.35714285% 0 0; margin: 0 -30.35714285% 0 0;
padding: 36px 0 0 10px; padding: 36px 0 0 10px;
@ -424,14 +440,14 @@ img.alignleft,
padding-left: 0; padding-left: 0;
} }
.comment-meta, .comment-metadata,
.comment-content { .comment-content {
padding-right: 60px; padding-right: 60px;
padding-left: 0; padding-left: 0;
} }
.comments-title, .comments-title,
.nocomments, .no-comments,
.comment-respond, .comment-respond,
.comments-area article, .comments-area article,
.comment-list .trackback, .comment-list .trackback,
@ -453,8 +469,8 @@ img.alignleft,
.full-width .comments-title, .full-width .comments-title,
.full-width .comment-respond, .full-width .comment-respond,
.full-width .comments-area article, .full-width .comments-area article,
.full-width .comment-list li.trackback, .full-width .comment-list .trackback,
.full-width .comment-list li.pingback { .full-width .comment-list .pingback {
padding-left: 6.04307432%; padding-left: 6.04307432%;
padding-right: 6.04307432%; padding-right: 6.04307432%;
} }
@ -494,11 +510,11 @@ img.alignleft,
} }
.comments-title, .comments-title,
.nocomments, .no-comments,
.comment-respond, .comment-respond,
.comments-area article, .comments-area article,
.comment-list li.trackback, .comment-list .trackback,
.comment-list li.pingback, .comment-list .pingback,
.post-navigation [rel="prev"], .post-navigation [rel="prev"],
.post-navigation [rel="next"] { .post-navigation [rel="next"] {
padding-left: 12.39493534%; padding-left: 12.39493534%;
@ -520,7 +536,7 @@ img.alignleft,
padding-left: 0; padding-left: 0;
} }
#content-sidebar { .content-sidebar {
padding-top: 72px; padding-top: 72px;
} }
@ -536,12 +552,12 @@ img.alignleft,
padding-right: 11.30926724%; padding-right: 11.30926724%;
} }
blockquote.pull.alignright { .site-content blockquote.alignright {
margin-right: -20%; margin-right: -20%;
margin-left: auto; margin-left: auto;
} }
blockquote.pull.alignleft { .site-content blockquote.alignleft {
margin-left: -20%; margin-left: -20%;
margin-right: auto; margin-right: auto;
} }
@ -591,7 +607,7 @@ img.alignleft,
} }
.content-sidebar, .content-sidebar,
.post-formatted-posts { .ephemera {
margin: 0 -27.31707317% 0 0; margin: 0 -27.31707317% 0 0;
} }
@ -616,7 +632,7 @@ img.alignleft,
} }
.comments-title, .comments-title,
.nocomments, .no-comments,
.comment-respond, .comment-respond,
.comments-area article, .comments-area article,
.comment-list .trackback, .comment-list .trackback,
@ -650,22 +666,22 @@ img.alignleft,
padding-right: 5.882236%; padding-right: 5.882236%;
} }
blockquote.pull.alignright { .site-content blockquote.alignright {
margin-right: 0; margin-right: 0;
margin-left: auto; margin-left: auto;
} }
blockquote.pull.alignleft { .site-content blockquote.alignleft {
margin-left: 0; margin-left: 0;
margin-right: auto; margin-right: auto;
} }
#supplementary { .site-footer {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }
#supplementary .widget-area { .site-footer .widget-area {
float: right; float: right;
} }
} }
@ -685,7 +701,7 @@ img.alignleft,
} }
.comments-title, .comments-title,
.nocomments, .no-comments,
.comment-respond, .comment-respond,
.comments-area article, .comments-area article,
.comment-list .trackback, .comment-list .trackback,
@ -738,12 +754,12 @@ img.alignleft,
padding-left: 0; padding-left: 0;
} }
blockquote.pull.alignright { .site-content blockquote.alignright {
margin-right: -20%; margin-right: -20%;
margin-left: auto; margin-left: auto;
} }
blockquote.pull.alignleft { .site-content blockquote.alignleft {
margin-left: -20%; margin-left: -20%;
margin-right: auto; margin-right: auto;
} }
@ -751,7 +767,7 @@ img.alignleft,
@media screen and (min-width: 1230px) { @media screen and (min-width: 1230px) {
.content-sidebar, .content-sidebar,
.post-formatted-posts { .ephemera {
padding-left: 0; padding-left: 0;
} }

66
wp-content/themes/twentyfourteen/style.css
View File

@ -226,9 +226,9 @@ pre {
font-size: 15px; font-size: 15px;
line-height: 1.6; line-height: 1.6;
margin-bottom: 24px; margin-bottom: 24px;
padding: 12px;
overflow: auto;
max-width: 100%; max-width: 100%;
overflow: auto;
padding: 12px;
} }
code, kbd, tt, var { code, kbd, tt, var {
font: 15px/1.6 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace; font: 15px/1.6 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
@ -474,14 +474,14 @@ input[type="submit"] {
.search-toggle:before, .search-toggle:before,
.contributor-posts-link:before, .contributor-posts-link:before,
.widget_twentyfourteen_ephemera .widget-title:before { .widget_twentyfourteen_ephemera .widget-title:before {
display: inline-block;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-size: 16px; display: inline-block;
line-height: 1;
font-family: 'Genericons'; font-family: 'Genericons';
text-decoration: inherit; font-size: 16px;
font-weight: normal;
font-style: normal; font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: inherit;
vertical-align: top; vertical-align: top;
} }
@ -583,15 +583,15 @@ body {
} }
#nav-toggle { #nav-toggle {
background-color: #000; background-color: #000;
line-height: 1;
padding: 16px; padding: 16px;
position: absolute; position: absolute;
top:0; top:0;
right: 0; right: 0;
line-height: 1;
} }
#nav-toggle:before { #nav-toggle:before {
content: '\F419';
color: #fff; color: #fff;
content: '\F419';
} }
#nav-toggle:hover { #nav-toggle:hover {
cursor: pointer; cursor: pointer;
@ -705,8 +705,8 @@ body {
} }
.primary-navigation ul ul a { .primary-navigation ul ul a {
padding: 9px 12px; padding: 9px 12px;
width: 148px;
white-space: normal; white-space: normal;
width: 148px;
} }
.primary-navigation ul ul li { .primary-navigation ul ul li {
} }
@ -738,8 +738,8 @@ body {
max-width: 474px; max-width: 474px;
} }
.secondary-navigation a { .secondary-navigation a {
display: block;
color: #fff; color: #fff;
display: block;
font-weight: 700; font-weight: 700;
padding: 7px 0 7px; padding: 7px 0 7px;
text-transform: uppercase; text-transform: uppercase;
@ -865,7 +865,7 @@ body {
clear: both; clear: both;
color: #767676; color: #767676;
font-size: 12px; font-size: 12px;
font-weight:400; font-weight: 400;
line-height: 1.3333333333; line-height: 1.3333333333;
} }
.entry-meta a { .entry-meta a {
@ -1160,7 +1160,7 @@ footer.entry-meta .entry-title a:hover {
margin: 0; margin: 0;
} }
.entry-content .edit-link { .entry-content .edit-link {
clear:both; clear: both;
display: block; display: block;
} }
@ -1580,12 +1580,12 @@ span > object {
padding: 0 10px; padding: 0 10px;
} }
.nav-links { .nav-links {
border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);
} }
.post-navigation [rel="prev"], .post-navigation [rel="prev"],
.post-navigation [rel="next"], .post-navigation [rel="next"],
.image-navigation .previous-image, .image-navigation .previous-image,
.image-navigation .next-image { .image-navigation .next-image {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -1602,8 +1602,8 @@ span > object {
color: #767676; color: #767676;
display: block; display: block;
font-size: 12px; font-size: 12px;
line-height: 2;
font-weight: 900; font-weight: 900;
line-height: 2;
text-transform: uppercase; text-transform: uppercase;
} }
.site-content .post-navigation a, .site-content .post-navigation a,
@ -1772,8 +1772,8 @@ span > object {
border: none; border: none;
} }
.comment-respond { .comment-respond {
padding: 0;
margin-bottom: 24px; margin-bottom: 24px;
padding: 0;
} }
.comment .comment-respond { .comment .comment-respond {
margin-left: 36px; margin-left: 36px;
@ -1902,8 +1902,8 @@ span > object {
} }
.widget select, .widget select,
.widget iframe { .widget iframe {
max-width: 99%;
margin-left: 1px; margin-left: 1px;
max-width: 99%;
} }
.widget table:last-child, .widget table:last-child,
.widget iframe:last-child, .widget iframe:last-child,
@ -1913,7 +1913,7 @@ span > object {
margin-bottom: 0; margin-bottom: 0;
} }
/* Caledar widget*/ /* Calendar widget*/
.widget_calendar a { .widget_calendar a {
background-color: #24890d; background-color: #24890d;
color: #fff; color: #fff;
@ -1957,7 +1957,7 @@ span > object {
/* Cloud Widgets */ /* Cloud Widgets */
.wp_widget_tag_cloud div, .wp_widget_tag_cloud div,
.widget_tag_cloud div { .widget_tag_cloud div {
word-wrap: break-word; word-wrap: break-word;
} }
/* RSS Widget */ /* RSS Widget */
@ -2063,14 +2063,14 @@ span > object {
padding: 8px 0 9px; padding: 8px 0 9px;
} }
.content-sidebar .widget li:first-child { .content-sidebar .widget li:first-child {
border-top: none; border-top: none;
} }
.content-sidebar .widget .children, .content-sidebar .widget .children,
.content-sidebar .widget .sub-menu { .content-sidebar .widget .sub-menu {
margin:0 0 0 20px; margin: 0 0 0 20px;
} }
.content-sidebar .widget li li { .content-sidebar .widget li li {
border-top: none; border-top: none;
padding-bottom: 0; padding-bottom: 0;
} }
.content-sidebar .widget_calendar table, .content-sidebar .widget_calendar table,
@ -2121,10 +2121,10 @@ span > object {
max-width: 474px; max-width: 474px;
} }
.contributor-avatar { .contributor-avatar {
float: left;
padding: 2px;
border: 1px solid rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1);
float: left;
margin: 0 30px 20px 0; margin: 0 30px 20px 0;
padding: 2px;
} }
.contributor-avatar .avatar { .contributor-avatar .avatar {
vertical-align: middle; vertical-align: middle;
@ -2184,11 +2184,11 @@ span > object {
padding: 0; padding: 0;
} }
.list-view .content-area .entry-title { .list-view .content-area .entry-title {
font-size: 15px; font-size: 15px;
font-weight: 900; font-weight: 900;
line-height: 1.2; line-height: 1.2;
margin-bottom: 6px; margin-bottom: 6px;
text-transform: none; text-transform: none;
} }
.list-view .content-area .entry-meta { .list-view .content-area .entry-meta {
background-color: transparent; background-color: transparent;
@ -2420,7 +2420,7 @@ span > object {
margin-left: -168px; margin-left: -168px;
} }
.contributor-summary { .contributor-summary {
float: left float: left;
} }
} }
@ -2511,8 +2511,8 @@ span > object {
background-color: transparent; background-color: transparent;
border-bottom: 0; border-bottom: 0;
clear: none; clear: none;
font-size: 11px;
float: left; float: left;
font-size: 11px;
line-height: 1.6363636363; line-height: 1.6363636363;
margin: 0 0 0 -100%; margin: 0 0 0 -100%;
min-height: 100vh; min-height: 100vh;