ol > li, .primary-sidebar .widget_archive li, .primary-sidebar .widget_categories li, .primary-sidebar .widget_links li, .primary-sidebar .widget_meta li, .primary-sidebar .widget_nav_menu li, .primary-sidebar .widget_pages li, .primary-sidebar .widget_recent_comments li, .primary-sidebar .widget_recent_entries li, .primary-sidebar .widget_jp_blogs_i_follow li, .primary-sidebar .widget_delicious li, .primary-sidebar .widgets-list-layout li, .primary-sidebar .widget_top-clicks li, .primary-sidebar .widget_top-posts li, .primary-sidebar .top_rated li, .primary-sidebar .widget_upcoming_events_widget .upcoming-events li, .primary-sidebar.widget-area .milestone-header, .primary-sidebar.widget-area .milestone-countdown, .footer-sidebar .widget pre, .footer-sidebar .widget fieldset, .footer-sidebar .widget table, .footer-sidebar .widget th, .footer-sidebar .widget td, .footer-sidebar .widget hr, .footer-sidebar .widget input, .footer-sidebar .widget textarea, .footer-sidebar .widget_twentyfourteen_ephemera > ol > li, .footer-sidebar .widget_archive li, .footer-sidebar .widget_categories li, .footer-sidebar .widget_links li, .footer-sidebar .widget_meta li, .footer-sidebar .widget_nav_menu li, .footer-sidebar .widget_pages li, .footer-sidebar .widget_recent_comments li, .footer-sidebar .widget_recent_entries li, .footer-sidebar .widget_jp_blogs_i_follow li, .footer-sidebar .widget_delicious li, .footer-sidebar .widgets-list-layout li, .footer-sidebar .widget_top-clicks li, .footer-sidebar .widget_top-posts li, .footer-sidebar .top_rated li, .footer-sidebar .widget_upcoming_events_widget .upcoming-events li, .footer-sidebar .widget-area .milestone-header, .footer-sidebar.widget-area .milestone-message', 'border-color', 'txt', 1.5 ), // rgba(255, 255, 255, 0.3) on #000 (txt) array( '.primary-sidebar .widget input:focus, .primary-sidebar .widget textarea:focus, .footer-sidebar .widget input:focus, .footer-sidebar .widget textarea:focus', 'border-color', 'txt', 2.25 ), // rgba(255, 255, 255, 0.4) on #000 (txt) array( '.primary-sidebar .widget del, .footer-sidebar .widget del', 'color', 'txt', 3.5 ), // rgba(255, 255, 255, 0.7) on #000 (txt) array( '.primary-sidebar .widget abbr[title], .footer-sidebar .widget abbr[title]', 'border-color', 'txt', 10 ), // rgba(255, 255, 255, 0.7) on #000 (txt) array( '#secondary, .primary-sidebar .widget blockquote, .primary-sidebar .widget .wp-caption, .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta a, .primary-sidebar .entry-meta, .footer-sidebar .widget blockquote, .footer-sidebar .widget .wp-caption, .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta a, .footer-sidebar .entry-meta, .site-footer, .site-info, .site-info a', 'color', 'txt', 10 ), // #fff on #000 (txt) array( '.site-title a, .site-title a:hover, .primary-navigation .menu-item-has-children a:after, .primary-navigation .page_item_has_children a:after, .secondary-navigation .menu-item-has-children > a:after, .site-navigation a, .page-links a, .page-links a:hover, .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before, .primary-sidebar .widget a, .primary-sidebar .widget blockquote cite, .primary-sidebar .widget-title, .primary-sidebar .widget-title a, .primary-sidebar .widget_calendar caption, .primary-sidebar .widget_calendar tbody a, .primary-sidebar .widget_flickr #flickr_badge_uber_wrapper a:link, .primary-sidebar .widget_flickr #flickr_badge_uber_wrapper a:active, .primary-sidebar .widget_flickr #flickr_badge_uber_wrapper a:visited, .primary-sidebar.widget-area .milestone-countdown, .primary-sidebar.widget-area .milestone-header, .footer-sidebar .widget a, .footer-sidebar .widget blockquote cite, .footer-sidebar .widget-title, .footer-sidebar .widget-title a, .footer-sidebar .widget_calendar caption, .footer-sidebar .widget_calendar tbody a, .footer-sidebar .widget_flickr #flickr_badge_uber_wrapper a:link, .footer-sidebar .widget_flickr #flickr_badge_uber_wrapper a:active, .footer-sidebar .widget_flickr #flickr_badge_uber_wrapper a:visited, .footer-sidebar.widget-area .milestone-countdown, .footer-sidebar.widget-area .milestone-header', 'color', 'txt', 16 ), array( '.primary-sidebar .widget mark, .primary-sidebar .widget ins, .footer-sidebar .widget mark, .footer-sidebar .widget ins', 'background-color', 'txt', 16 ), ), __( 'Accent Color One', 'twentyfourteen' ) ); add_color_rule( 'link', '#24890d', array( array( '::selection', 'background-color' ), array( '::-moz-selection', 'background-color' ), array( '.search-toggle, .search-toggle:hover, .search-toggle.active, .search-box, .slider-direction-nav a:hover, .primary-navigation ul ul, .primary-navigation li:hover > a, .primary-navigation li.focus > a, #infinite-handle span, .secondary-navigation ul ul, .secondary-navigation li:hover > a, .secondary-navigation li.focus > a, button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"], .primary-sidebar .widget button, .primary-sidebar .widget input[type="button"], .primary-sidebar .widget input[type="reset"], .primary-sidebar .widget input[type="submit"], .primary-sidebar .widget_calendar tbody a, .footer-sidebar .widget button, .footer-sidebar .widget input[type="button"], .footer-sidebar .widget input[type="reset"], .footer-sidebar .widget input[type="submit"], .footer-sidebar .widget_calendar tbody a, .content-sidebar .widget button, .content-sidebar .widget input[type="button"], .content-sidebar .widget input[type="reset"], .content-sidebar .widget input[type="submit"], .content-sidebar .widget_calendar tbody a', 'background-color' ), array( '.paging-navigation .page-numbers.current', 'border-top-color' ), // #24890d on #fff array( 'a, .content-sidebar .widget a, .content-sidebar .widget_flickr #flickr_badge_uber_wrapper a:link, .content-sidebar .widget_flickr #flickr_badge_uber_wrapper a:active, .content-sidebar .widget_flickr #flickr_badge_uber_wrapper a:visited', 'color', '#fff', 4.25 ), // #fff on #24890d (link) array( '::selection', 'color', 'link', 16 ), array( '::-moz-selection', 'color', 'link', 16 ), array( '.search-toggle:before, .search-toggle:hover:before, .search-toggle.active:before, .slider-direction-nav a:hover:before, .primary-navigation li:hover a, .primary-navigation li.focus a, .primary-navigation .menu-item-has-children:hover a:after, .primary-navigation .page_item_has_children:hover a:after, .primary-navigation .menu-item-has-children.focus a:after, .primary-navigation .page_item_has_children.focus a:after, .secondary-navigation li:hover a, .secondary-navigation li.focus a, .secondary-navigation .menu-item-has-children:hover a:after', 'color', 'link', 16 ), array( 'button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"], .primary-sidebar .widget button, .primary-sidebar .widget input[type="button"], .primary-sidebar .widget input[type="reset"], .primary-sidebar .widget input[type="submit"], .primary-sidebar .widget_calendar tbody a, .footer-sidebar .widget button, .footer-sidebar .widget input[type="button"], .footer-sidebar .widget input[type="reset"], .footer-sidebar .widget input[type="submit"], .footer-sidebar .widget_calendar tbody a, .content-sidebar .widget button, .content-sidebar .widget input[type="button"], .content-sidebar .widget input[type="reset"], .content-sidebar .widget input[type="submit"], .content-sidebar .widget_calendar tbody a, #infinite-handle span', 'color', 'link', 16 ), // Make sure it's visible on #f6f6f6 array( '.featured-content a:hover', 'color', '#f6f6f6' ), ), __( 'Accent Color Two', 'twentyfourteen' ) ); add_color_rule( 'fg1', '#41a62a', array( array( '.entry-meta .tag-links a:hover, .page-links a:hover, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a, .secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a, 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, .primary-sidebar .widget input[type="button"]:hover, .primary-sidebar .widget input[type="button"]:focus, .primary-sidebar .widget input[type="reset"]:hover, .primary-sidebar .widget input[type="reset"]:focus, .primary-sidebar .widget input[type="submit"]:hover, .primary-sidebar .widget input[type="submit"]:focus, .primary-sidebar .widget_calendar tbody a:hover, .footer-sidebar .widget input[type="button"]:hover, .footer-sidebar .widget input[type="button"]:focus, .footer-sidebar .widget input[type="reset"]:hover, .footer-sidebar .widget input[type="reset"]:focus, .footer-sidebar .widget input[type="submit"]:hover, .footer-sidebar .widget input[type="submit"]:focus, .footer-sidebar .widget_calendar tbody a:hover, .content-sidebar .widget input[type="button"]:hover, .content-sidebar .widget input[type="button"]:focus, .content-sidebar .widget input[type="reset"]:hover, .content-sidebar .widget input[type="reset"]:focus, .content-sidebar .widget input[type="submit"]:hover, .content-sidebar .widget input[type="submit"]:focus, .content-sidebar .widget_calendar tbody a:hover, #infinite-handle span:hover', 'background-color' ), array( '.entry-meta .tag-links a:hover:before', 'border-right-color' ), array( '.page-links a:hover', 'border-color' ), array( '.paging-navigation a:hover', 'border-top-color' ), // Make sure tag name stays visible array( '.entry-meta .tag-links a:hover', 'color', 'fg1' ), array( '.tag-links a:hover:after', 'background-color', 'fg1' ), // Add a slight border array( '.search-box .search-field', 'border-color', 'fg1', 1.5 ), // #41a62a on #fff array( 'a:active, a:hover, .entry-title a:hover, .entry-meta a:hover, .cat-links a:hover, .entry-content .edit-link 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, .comment-reply-title small a:hover, .content-sidebar .widget a:hover, .content-sidebar .widget .widget-title a:hover, .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover, .content-sidebar .widget_flickr #flickr_badge_uber_wrapper a:hover, #infinite-footer .blog-info a:hover, #infinite-footer .blog-credits a:hover', 'color', '#fff', 3 ), // #41a62a on #000 (txt) array( '.primary-sidebar .widget a:hover, .primary-sidebar .widget-title a:hover, .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover, .primary-sidebar .widget_flickr #flickr_badge_uber_wrapper a:hover, .footer-sidebar .widget a:hover, .footer-sidebar .widget-title a:hover, .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover, .footer-sidebar .widget_flickr #flickr_badge_uber_wrapper a:hover, .site-info a:hover', 'color', 'txt', 6.5 ), // #55d737 for active state little brighter array( 'button:active, .contributor-posts-link:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .primary-sidebar .widget input[type="button"]:active, .primary-sidebar .widget input[type="reset"]:active, .primary-sidebar .widget input[type="submit"]:active, .footer-sidebar .widget input[type="button"]:active, .footer-sidebar .widget input[type="reset"]:active, .footer-sidebar .widget input[type="submit"]:active, .content-sidebar .widget input[type="button"]:active, .content-sidebar .widget input[type="reset"]:active, .content-sidebar .widget input[type="submit"]:active, #infinite-handle span:active', 'background-color', '+0.5' ), // #55d737 on #000 (txt) array( '.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a, .site-navigation .current_page_item > a:after, .site-navigation .current_page_ancestor > a:after, .site-navigation .current-menu-item > a:after, .site-navigation .current-menu-ancestor > a:after', 'color', 'txt', 11 ), // #fff on #41a62a (fg1) array( '.primary-sidebar .widget button:hover, .primary-sidebar .widget button:focus, .primary-sidebar .widget input[type="button"]:hover, .primary-sidebar .widget input[type="button"]:focus, .primary-sidebar .widget input[type="reset"]:hover, .primary-sidebar .widget input[type="reset"]:focus, .primary-sidebar .widget input[type="submit"]:hover, .primary-sidebar .widget input[type="submit"]:focus, .primary-sidebar .widget_calendar tbody a:hover, .footer-sidebar .widget button:hover, .footer-sidebar .widget button:focus, .footer-sidebar .widget input[type="button"]:hover, .footer-sidebar .widget input[type="button"]:focus, .footer-sidebar .widget input[type="reset"]:hover, .footer-sidebar .widget input[type="reset"]:focus, .footer-sidebar .widget input[type="submit"]:hover, .footer-sidebar .widget input[type="submit"]:focus, .footer-sidebar .widget_calendar tbody a:hover, .content-sidebar .widget button:hover, .content-sidebar .widget button:focus, .content-sidebar .widget input[type="button"]:hover, .content-sidebar .widget input[type="button"]:focus, .content-sidebar .widget input[type="reset"]:hover, .content-sidebar .widget input[type="reset"]:focus, .content-sidebar .widget input[type="submit"]:hover, .content-sidebar .widget input[type="submit"]:focus, .content-sidebar .widget_calendar tbody a:hover, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a, .primary-navigation .menu-item-has-children li a:hover:after, .primary-navigation .page_item_has_children li a:hover:after, .primary-navigation .menu-item-has-children.focus .menu-item-has-children.focus a:after, .primary-navigation .page_item_has_children.focus .page_item_has_children.focus a:after, .secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a, .secondary-navigation .menu-item-has-children li a:hover:after ', 'color', 'fg1', 16 ), ), __( 'Accent Color Three', 'twentyfourteen' ) ); /* Additional color palettes */ add_color_palette( array( '#f5f5f5', '#0e78c1', '#044774', '#093d69', '', ), 'Blue' ); add_color_palette( array( '#f5f5f5', '#32394c', '#988146', '#b09758', '', ), 'Midnight' ); add_color_palette( array( '#f5f5f5', '#42b792', '#1c6a52', '#247e63', '', ), 'Green' ); add_color_palette( array( '#36362f', '#f4f4ef', '#e76203', '#f07218', '', ), 'Light' ); add_theme_support( 'custom_colors_extra_css', 'twentyfourteen_extra_css' ); function twentyfourteen_extra_css() { ?> .site-description { margin-top: 13px; } .search-box .search-field { border-style: solid; border-width: 1px; } .primary-sidebar .widget input, .primary-sidebar .widget textarea, .footer-sidebar .widget input, .footer-sidebar .widget textarea { background-color: #fff; color: #2b2b2b; } @media screen and (max-width: 782px) { .primary-navigation ul ul, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a, .primary-navigation li:hover > a, .primary-navigation li.focus > a, .secondary-navigation ul ul, .secondary-navigation ul ul a:hover, .secondary-navigation ul ul li.focus > a, .secondary-navigation li:hover > a, .secondary-navigation li.focus > a { background-color: transparent !important; } } .featured-content, .featured-content .entry-header, .slider-direction-nav a { background-color: #efefef; } .grid .featured-content .entry-header { border-color: #efefef; } .featured-content .hentry, .featured-content a, .featured-content .entry-meta, .slider-direction-nav a:before { color: #2b2b2b; } .slider-control-paging a:before { background-color: #ccc; } .slider-control-paging a:hover:before { background-color: #777; } .slider-control-paging .slider-active:before, .slider-control-paging .slider-active:hover:before { background-color: #222; }