Twenty Fourteen: fixes for accent color functionality, props celloexpressions. See #25220.

* Apply the primary accent color to the current-time indicator for the `mediaelements` players.
 * Fix instances of the custom accent color CSS overriding white or black link colors that should have no text-color change on hover.
 * Remove text color from main navigation hover states for submenus and from main navigation top-level items.
 * Change the background color a bit more on hover for main navigation submenus.

git-svn-id: https://develop.svn.wordpress.org/trunk@25612 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-09-24 22:33:37 +00:00
parent 1b61078658
commit 2e21ea25f5
2 changed files with 6 additions and 0 deletions

View File

@ -129,6 +129,7 @@ function twentyfourteen_customizer_styles() {
html input[type="button"]:focus, html input[type="button"]:focus,
input[type="reset"]:focus, input[type="reset"]:focus,
input[type="submit"]:focus, input[type="submit"]:focus,
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.header-extra, .header-extra,
.search-toggle, .search-toggle,
.widget-area button, .widget-area button,

View File

@ -1080,6 +1080,7 @@ footer.entry-meta .entry-title a:hover {
.page-links a:hover { .page-links a:hover {
background: #24890d; background: #24890d;
border: 1px solid #24890d; border: 1px solid #24890d;
color: #fff;
} }
.page-links > span.page-links-title { .page-links > span.page-links-title {
margin: 0; margin: 0;
@ -1576,6 +1577,7 @@ span > object {
.paging-navigation a:hover { .paging-navigation a:hover {
background-color: #f5f5f5; background-color: #f5f5f5;
border-top: 1px solid #000; border-top: 1px solid #000;
color: #2b2b2b;
} }
.post-navigation, .post-navigation,
.image-navigation { .image-navigation {
@ -1927,6 +1929,9 @@ span > object {
.widget_calendar a:hover { .widget_calendar a:hover {
background-color: #35921f; background-color: #35921f;
} }
.widget-area .widget_calendar a:hover {
color: #fff; /* Override custom accent color with more specific selector. */
}
.widget_calendar table { .widget_calendar table {
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
border-width: 1px 0 1px 1px; border-width: 1px 0 1px 1px;