Twenty Fourteen: revise link colors. Props iamtakashi, see #25640.
Built from https://develop.svn.wordpress.org/trunk@25857 git-svn-id: http://core.svn.wordpress.org/trunk@25857 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett
parent
b761edc198
commit
a9a5d30053
|
|
@ -278,7 +278,7 @@ a:focus {
|
|||
|
||||
a:active,
|
||||
a:hover {
|
||||
color: #5ff23d;
|
||||
color: #55d737;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -55,8 +55,8 @@ add_action( 'customize_preview_init', 'twentyfourteen_customize_preview_js' );
|
|||
function twentyfourteen_generate_accent_colors( $color ) {
|
||||
$color = sanitize_hex_color( $color );
|
||||
|
||||
set_theme_mod( 'accent_lighter', twentyfourteen_adjust_color( $color, 14 ) );
|
||||
set_theme_mod( 'accent_much_lighter', twentyfourteen_adjust_color( $color, 71 ) );
|
||||
set_theme_mod( 'accent_lighter', twentyfourteen_adjust_color( $color, 29 ) );
|
||||
set_theme_mod( 'accent_much_lighter', twentyfourteen_adjust_color( $color, 49 ) );
|
||||
|
||||
return $color;
|
||||
}
|
||||
|
|
@ -115,37 +115,22 @@ function twentyfourteen_customizer_styles() {
|
|||
$accent_much_lighter = get_theme_mod( 'accent_much_lighter' );
|
||||
|
||||
$css = '/* Custom accent color. */
|
||||
h1 a:hover,
|
||||
h2 a:hover,
|
||||
h3 a:hover,
|
||||
h4 a:hover,
|
||||
h5 a:hover,
|
||||
h6 a:hover,
|
||||
a,
|
||||
.entry-title a:hover,
|
||||
.cat-links a:hover,
|
||||
.site-content .post-navigation a:hover,
|
||||
.site-content .image-navigation a:hover,
|
||||
.comment-author a:hover,
|
||||
.comment-metadata a:hover,
|
||||
.comment-list .trackback a:hover,
|
||||
.comment-list .pingback a:hover,
|
||||
.paging-navigation .page-numbers.current,
|
||||
.content-sidebar.widget-area a:hover,
|
||||
.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
|
||||
color: ' . $accent_color . ';
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"],
|
||||
.contributor-posts-link,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"],
|
||||
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
|
||||
.header-extra,
|
||||
.search-toggle,
|
||||
.primary-navigation ul ul,
|
||||
.primary-navigation li:hover > a,
|
||||
.page-links a:hover,
|
||||
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
|
||||
.widget_calendar tbody a {
|
||||
background-color: ' . $accent_color . ';
|
||||
}
|
||||
|
|
@ -158,47 +143,61 @@ function twentyfourteen_customizer_styles() {
|
|||
background: ' . $accent_color . ';
|
||||
}
|
||||
|
||||
.page-links a:hover,
|
||||
.paging-navigation .page-numbers.current {
|
||||
border-color: ' . $accent_color . ';
|
||||
}
|
||||
|
||||
/* Generated variant of custom accent color: slightly lighter. */
|
||||
button:hover,
|
||||
button:focus,
|
||||
.contributor-posts-link:hover,
|
||||
input[type="button"]:hover,
|
||||
input[type="button"]:focus,
|
||||
input[type="reset"]:hover,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:hover,
|
||||
input[type="submit"]:focus,
|
||||
.search-toggle:hover,
|
||||
.search-toggle.active,
|
||||
.search-box,
|
||||
button:hover,
|
||||
html input[type="button"]:hover,
|
||||
input[type="reset"]:hover,
|
||||
input[type="submit"]:hover,
|
||||
button:focus,
|
||||
html input[type="button"]:focus,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:focus,
|
||||
.widget_calendar tbody a:hover {
|
||||
background-color: ' . $accent_lighter . ';
|
||||
}
|
||||
|
||||
/* Generated variant of custom accent color: much lighter. */
|
||||
button:active,
|
||||
html input[type="button"]:active,
|
||||
.contributor-posts-link:active,
|
||||
input[type="button"]:active,
|
||||
input[type="reset"]:active,
|
||||
input[type="submit"]:active {
|
||||
input[type="submit"]:active,
|
||||
.page-links a:hover {
|
||||
background-color: ' . $accent_much_lighter . ';
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active,
|
||||
.primary-navigation li.current_page_item > a,
|
||||
.primary-navigation li.current-menu-item > a,
|
||||
.site-navigation .current_page_item > a,
|
||||
.site-navigation .current-menu-item > a,
|
||||
.secondary-navigation a:hover,
|
||||
#secondary .current_page_item > a,
|
||||
#secondary .current-menu-item > a,
|
||||
.featured-content a:hover,
|
||||
.featured-content .more-link,
|
||||
.widget-area a:hover {
|
||||
.entry-title a:hover,
|
||||
.cat-links a:hover,
|
||||
.post-navigation a:hover,
|
||||
.image-navigation a:hover,
|
||||
.comment-author a:hover,
|
||||
.comment-list .pingback a:hover,
|
||||
.comment-list .trackback a:hover,
|
||||
.comment-metadata a:hover,
|
||||
.footer-sidebar a:hover,
|
||||
.primary-sidebar a:hover,
|
||||
.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover,
|
||||
.featured-content a:hover {
|
||||
color: ' . $accent_much_lighter . ';
|
||||
}
|
||||
|
||||
.page-links a:hover,
|
||||
.paging-navigation a:hover {
|
||||
border-color: ' . $accent_much_lighter . ';
|
||||
}';
|
||||
|
||||
wp_add_inline_style( 'twentyfourteen-style', $css );
|
||||
|
|
|
|||
|
|
@ -129,7 +129,7 @@ a:active {
|
|||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
color: #5ff23d;
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
h1,
|
||||
|
|
@ -404,7 +404,7 @@ input[type="password"],
|
|||
input[type="radio"],
|
||||
input[type="reset"],
|
||||
input[type="search"],
|
||||
input[type="submit"]
|
||||
input[type="submit"],
|
||||
input[type="text"],
|
||||
input[type="url"],
|
||||
textarea {
|
||||
|
|
@ -478,7 +478,7 @@ input[type="reset"]:hover,
|
|||
input[type="reset"]:focus,
|
||||
input[type="submit"]:hover,
|
||||
input[type="submit"]:focus {
|
||||
background-color: #35921f;
|
||||
background-color: #41a62a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -487,7 +487,7 @@ button:active,
|
|||
input[type="button"]:active,
|
||||
input[type="reset"]:active,
|
||||
input[type="submit"]:active {
|
||||
background-color: #5ff23d;
|
||||
background-color: #55d737;
|
||||
}
|
||||
|
||||
/* Input Fields */
|
||||
|
|
@ -830,7 +830,7 @@ span + .edit-link:before,
|
|||
|
||||
.search-toggle:hover,
|
||||
.search-toggle.active {
|
||||
background-color: #35921f;
|
||||
background-color: #41a62a;
|
||||
}
|
||||
|
||||
.search-toggle:before {
|
||||
|
|
@ -857,7 +857,7 @@ span + .edit-link:before,
|
|||
}
|
||||
|
||||
.search-box {
|
||||
background-color: #35921f;
|
||||
background-color: #41a62a;
|
||||
}
|
||||
|
||||
.search-box .search-field {
|
||||
|
|
@ -898,7 +898,7 @@ span + .edit-link:before,
|
|||
|
||||
.site-navigation .current_page_item > a,
|
||||
.site-navigation .current-menu-item > a {
|
||||
color: #5ff23d;
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
.site-navigation ul {
|
||||
|
|
@ -997,7 +997,7 @@ span + .edit-link:before,
|
|||
}
|
||||
|
||||
.secondary-navigation a:hover {
|
||||
color: #5ff23d;
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
.secondary-navigation ul {
|
||||
|
|
@ -1187,7 +1187,7 @@ span + .edit-link:before,
|
|||
}
|
||||
|
||||
.entry-title a:hover {
|
||||
color: #24890d;
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1233,7 +1233,7 @@ span + .edit-link:before,
|
|||
}
|
||||
|
||||
.cat-links a:hover {
|
||||
color: #24890d;
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
.byline {
|
||||
|
|
@ -1440,8 +1440,8 @@ span + .edit-link:before,
|
|||
}
|
||||
|
||||
.page-links a:hover {
|
||||
background: #24890d;
|
||||
border: 1px solid #24890d;
|
||||
background: #55d737;
|
||||
border: 1px solid #55d737;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -1686,7 +1686,7 @@ span + .edit-link:before,
|
|||
|
||||
.post-navigation a:hover,
|
||||
.image-navigation a:hover {
|
||||
color: #24890d;
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
/* Paging Navigation */
|
||||
|
|
@ -1722,7 +1722,7 @@ span + .edit-link:before,
|
|||
|
||||
.paging-navigation a:hover {
|
||||
background-color: #f5f5f5;
|
||||
border-top: 5px solid #24890d;
|
||||
border-top: 5px solid #55d737;
|
||||
color: #2b2b2b;
|
||||
}
|
||||
|
||||
|
|
@ -1915,7 +1915,7 @@ span + .edit-link:before,
|
|||
.comment-list .pingback a:hover,
|
||||
.comment-list .trackback a:hover,
|
||||
.comment-metadata a:hover {
|
||||
color: #24890d;
|
||||
color: #55d737;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -1969,8 +1969,6 @@ span + .edit-link:before,
|
|||
padding-left: 36px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.comment-edit-link {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
|
@ -2037,7 +2035,9 @@ span + .edit-link:before,
|
|||
display: block;
|
||||
}
|
||||
|
||||
.comment-form input[type=text] {
|
||||
.comment-form input[type="text"],
|
||||
.comment-form input[type="email"],
|
||||
.comment-form input[type="url"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -2076,7 +2076,7 @@ span + .edit-link:before,
|
|||
* -----------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/* Primary Sidebar */
|
||||
/* Primary Sidebar, Footer Sidebar */
|
||||
|
||||
#secondary {
|
||||
background-color: #000;
|
||||
|
|
@ -2101,21 +2101,22 @@ span + .edit-link:before,
|
|||
padding-top: 48px;
|
||||
}
|
||||
|
||||
.widget-area p {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.widget-area a {
|
||||
.footer-sidebar a,
|
||||
.primary-sidebar a {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
.widget-area a:hover {
|
||||
color: #5ff23d;
|
||||
.footer-sidebar a:hover,
|
||||
.primary-sidebar a:hover {
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
.widget-area .widget-title,
|
||||
.widget-area .widget-title a,
|
||||
.widget-area .widget-title a:hover {
|
||||
.footer-sidebar .widget-title,
|
||||
.footer-sidebar .widget-title a,
|
||||
.footer-sidebar .widget-title a:hover,
|
||||
.primary-sidebar .widget-title,
|
||||
.primary-sidebar .widget-title a,
|
||||
.primary-sidebar .widget-title a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -2135,14 +2136,6 @@ span + .edit-link:before,
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.content-sidebar.widget-area a {
|
||||
color: #2b2b2b;
|
||||
}
|
||||
|
||||
.content-sidebar.widget-area a:hover {
|
||||
color: #24890d;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 7.1 Widgets
|
||||
|
|
@ -2155,6 +2148,10 @@ span + .edit-link:before,
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.widget p {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.widget ul,
|
||||
.widget ol {
|
||||
list-style: none;
|
||||
|
|
@ -2239,11 +2236,7 @@ span + .edit-link:before,
|
|||
}
|
||||
|
||||
.widget_calendar tbody a:hover {
|
||||
background-color: #35921f;
|
||||
}
|
||||
|
||||
.widget-area .widget_calendar tbody a:hover {
|
||||
color: #fff; /* Override custom accent color with more specific selector. */
|
||||
background-color: #41a62a;
|
||||
}
|
||||
|
||||
.widget_calendar #prev {
|
||||
|
|
@ -2450,11 +2443,6 @@ span + .edit-link:before,
|
|||
background-color: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
|
||||
.content-sidebar .widget_calendar tbody a,
|
||||
.content-sidebar.widget-area .widget_calendar tbody a:hover {
|
||||
color: #fff; /* Override custom accent color with more specific selector. */
|
||||
}
|
||||
|
||||
/* Ephemera widget*/
|
||||
|
||||
.content-sidebar .widget_twentyfourteen_ephemera .widget-title {
|
||||
|
|
@ -2532,7 +2520,7 @@ span + .edit-link:before,
|
|||
}
|
||||
|
||||
.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover {
|
||||
color: #5ff23d;
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -2627,7 +2615,7 @@ span + .edit-link:before,
|
|||
}
|
||||
|
||||
.featured-content a:hover {
|
||||
color: #5ff23d;
|
||||
color: #55d737;
|
||||
}
|
||||
|
||||
.featured-content .entry-meta {
|
||||
|
|
|
|||
Loading…
Reference in New Issue