Last active
April 15, 2018 16:12
-
-
Save celloexpressions/64e69ae9f6b5a47d97f77d230d0e7967 to your computer and use it in GitHub Desktop.
Twenty Seventeen Colors
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Twenty Seventeen: Color Patterns | |
| * | |
| * Direct reduction of style.css - all non-color-related properties have been removed, but no selectors have been combined or reordered. | |
| */ | |
| fieldset { | |
| border-color: #c0c0c0; | |
| } | |
| body, | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| color: #333; | |
| } | |
| h2 { | |
| color: #666; | |
| } | |
| h3 { | |
| color: #333; | |
| } | |
| h4 { | |
| color: #333; | |
| } | |
| h5 { | |
| color: #767676; | |
| } | |
| h6 { | |
| color: #333; | |
| } | |
| blockquote { | |
| color: #666; | |
| } | |
| pre { | |
| background: #eee; | |
| } | |
| abbr, acronym { | |
| border-bottom-color: #666; | |
| } | |
| mark, ins { | |
| background: #fff9c0; | |
| } | |
| label { | |
| color: #333; | |
| } | |
| input[type="text"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="password"], | |
| input[type="search"], | |
| input[type="number"], | |
| input[type="tel"], | |
| input[type="range"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="week"], | |
| input[type="time"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="color"], | |
| textarea { | |
| color: #666; | |
| border-color: #bbb; | |
| } | |
| input[type="text"]:focus, | |
| input[type="email"]:focus, | |
| input[type="url"]:focus, | |
| input[type="password"]:focus, | |
| input[type="search"]:focus, | |
| input[type="number"]:focus, | |
| input[type="tel"]:focus, | |
| input[type="range"]:focus, | |
| input[type="date"]:focus, | |
| input[type="month"]:focus, | |
| input[type="week"]:focus, | |
| input[type="time"]:focus, | |
| input[type="datetime"]:focus, | |
| input[type="datetime-local"]:focus, | |
| input[type="color"]:focus, | |
| textarea:focus { | |
| color: #111; | |
| border-color: #333; | |
| } | |
| select { | |
| border-color: #bbb; | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="submit"] { | |
| background-color: #222; | |
| color: #fff; | |
| } | |
| button.secondary, | |
| input[type="reset"], | |
| input[type="button"].secondary, | |
| input[type="reset"].secondary, | |
| input[type="submit"].secondary { | |
| background-color: #ddd; | |
| color: #222; | |
| } | |
| button:hover, | |
| button:focus, | |
| input[type="button"]:hover, | |
| input[type="button"]:focus, | |
| input[type="submit"]:hover, | |
| input[type="submit"]:focus { | |
| background: #767676; | |
| } | |
| button.secondary:hover, | |
| button.secondary:focus, | |
| input[type="reset"]:hover, | |
| input[type="reset"]:focus, | |
| input[type="button"].secondary:hover, | |
| input[type="button"].secondary:focus, | |
| input[type="reset"].secondary:hover, | |
| input[type="reset"].secondary:focus, | |
| input[type="submit"].secondary:hover, | |
| input[type="submit"].secondary:focus { | |
| background: #bbb; | |
| } | |
| hr { | |
| background-color: #ccc; | |
| } | |
| a, | |
| a:visited { | |
| color: #222; | |
| } | |
| .entry-content a, | |
| .entry-content a:visited, | |
| .entry-summary a, | |
| .entry-summary a:visited, | |
| .widget a, | |
| .widget a:visited, | |
| .site-footer .widget-area a, | |
| .site-footer .widget-area a:visited, | |
| .posts-navigation a, | |
| .posts-navigation a:visited, | |
| .widget_authors a strong, | |
| .widget_authors a:visited strong { | |
| border-bottom-color: #767676; | |
| } | |
| .entry-content a:focus, | |
| .entry-content a:hover, | |
| .entry-summary a:focus, | |
| .entry-summary a:hover, | |
| .widget a:focus, | |
| .widget a:hover, | |
| .site-footer .widget-area a:focus, | |
| .site-footer .widget-area a:hover, | |
| .posts-navigation a:focus, | |
| .posts-navigation a:hover, | |
| .comment-navigation a:focus, | |
| .comment-navigation a:hover, | |
| .comment-metadata a:focus, | |
| .comment-metadata a:hover, | |
| .comment-metadata a.comment-edit-link:focus, | |
| .comment-metadata a.comment-edit-link:hover, | |
| .comment-reply-link:focus, | |
| .comment-reply-link:hover, | |
| .widget_authors a:focus strong, | |
| .widget_authors a:hover strong, | |
| .project-terms a:focus, | |
| .project-terms a:hover { | |
| background-color: #767676; | |
| color: #fff; | |
| } | |
| .entry-title a:focus, | |
| .entry-title a:hover, | |
| .entry-meta a:focus, | |
| .entry-meta a:hover, | |
| .page-links a:focus .page-number, | |
| .page-links a:hover .page-number, | |
| .entry-footer a:focus, | |
| .entry-footer a:hover, | |
| .entry-footer .cat-links a:focus, | |
| .entry-footer .cat-links a:hover, | |
| .entry-footer .tags-links a:focus, | |
| .entry-footer .tags-links a:hover, | |
| .post-navigation a:focus, | |
| .post-navigation a:hover, | |
| .logged-in-as a:focus, | |
| .logged-in-as a:hover, | |
| .comment-navigation a:focus, | |
| .comment-navigation a:hover, | |
| a:focus .nav-title, | |
| a:hover .nav-title, | |
| .edit-link a:focus, | |
| .edit-link a:hover, | |
| .pagination a:focus, | |
| .pagination a:hover, | |
| .site-info a:focus, | |
| .site-info a:hover, | |
| .widget .widget-title a:focus, | |
| .widget .widget-title a:hover, | |
| .widget ul li a:focus, | |
| .widget ul li a:hover { | |
| background-color: #767676; | |
| color: #fff; | |
| } | |
| body { | |
| background: #fff; | |
| } | |
| .site-header { | |
| background-color: #fafafa; | |
| } | |
| .site-title, | |
| .site-title a { | |
| color: #222; | |
| } | |
| .twentyseventeen-front-page:not(.no-header-image) .site-title, | |
| .twentyseventeen-front-page:not(.no-header-image) .site-title a { | |
| color: #fff; | |
| } | |
| .site-description { | |
| color: #777; | |
| } | |
| .twentyseventeen-front-page:not(.no-header-image) .site-description { | |
| color: #ccc; | |
| } | |
| .navigation-top { | |
| background: #fff; | |
| border-bottom-color: #eee; | |
| border-top-color: #eee; | |
| } | |
| .navigation-top a, | |
| .navigation-top a:visited { | |
| color: #222; | |
| } | |
| .navigation-top .current-menu-item > a, | |
| .navigation-top .current-menu-item > a:visited, | |
| .navigation-top .current_page_item > a, | |
| .navigation-top .current_page_item > a:visited { | |
| color: #767676; | |
| } | |
| .main-navigation ul { | |
| background: #fff; | |
| } | |
| .main-navigation > div > ul { | |
| border-top-color: #eee; | |
| } | |
| .main-navigation li { | |
| border-bottom-color: #eee; | |
| } | |
| .menu-toggle { | |
| color: #222; | |
| } | |
| .dropdown-toggle { | |
| color: #222; | |
| } | |
| .panel-image:before { | |
| /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ | |
| background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */ | |
| background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */ | |
| background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */ | |
| } | |
| .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { | |
| border-top-color: #ddd; | |
| } | |
| .twentyseventeen-front-page .panel-content .recent-posts article { | |
| color: #333; | |
| } | |
| .page .panel-content .entry-title, | |
| .page-title, | |
| body.page:not(.twentyseventeen-front-page) .entry-title { | |
| color: #222; | |
| } | |
| .entry-title a { | |
| color: #333; | |
| } | |
| .entry-meta { | |
| color: #767676; | |
| } | |
| .entry-meta a { | |
| color: #767676; | |
| } | |
| .pagination, | |
| .comment-navigation { | |
| border-top-color: #eee; | |
| } | |
| .page-numbers.current { | |
| color: #707070; | |
| } | |
| .prev.page-numbers, | |
| .next.page-numbers { | |
| background-color: #ddd; | |
| } | |
| .entry-content blockquote.alignleft, | |
| .entry-content blockquote.alignright { | |
| color: #666; | |
| } | |
| .taxonomy-description { | |
| color: #666; | |
| } | |
| .page-links .page-number { | |
| color: #707070; | |
| } | |
| .page-links a .page-number { | |
| color: #222; | |
| } | |
| .entry-footer { | |
| border-bottom-color: #eee; | |
| border-top-color: #eee; | |
| } | |
| .entry-footer .cat-links a, | |
| .entry-footer .tags-links a { | |
| color: #333; | |
| } | |
| .entry-footer .cat-links:before, | |
| .entry-footer .tags-links:before { | |
| color: #999; | |
| } | |
| .entry-footer .edit-link a.post-edit-link { | |
| background-color: #222; | |
| color: #fff; | |
| } | |
| .entry-footer .edit-link a.post-edit-link:hover, | |
| .entry-footer .edit-link a.post-edit-link:focus { | |
| background-color: #767676; | |
| } | |
| .format-quote blockquote { | |
| color: #333; | |
| } | |
| .nav-subtitle { | |
| color: #767676; | |
| } | |
| .nav-title { | |
| color: #333; | |
| } | |
| #comments { | |
| border-bottom-color: #eee; | |
| } | |
| .comment-metadata { | |
| color: #767676; | |
| } | |
| .comment-metadata a { | |
| color: #767676; | |
| } | |
| .comment-metadata a.comment-edit-link { | |
| color: #222; | |
| } | |
| .comment-body { | |
| color: #333; | |
| } | |
| .comment-reply-link:before { | |
| color: #222; | |
| } | |
| .bypostauthor > .comment-body > .comment-meta > .comment-author:before { | |
| background: #222; | |
| border-color: #fff; | |
| color: #fff; | |
| } | |
| .no-comments, | |
| .comment-awaiting-moderation { | |
| color: #767676; | |
| } | |
| h2.widget-title { | |
| color: #222; | |
| } | |
| .widget ul li { | |
| border-bottom-color: #ddd; | |
| border-top-color: #ddd; | |
| } | |
| .widget .tagcloud a, | |
| .widget.widget_tag_cloud a, | |
| .wp_widget_tag_cloud a { | |
| border-color: #ddd; | |
| } | |
| .widget .tagcloud a:hover, | |
| .widget .tagcloud a:focus, | |
| .widget.widget_tag_cloud a:hover, | |
| .widget.widget_tag_cloud a:focus, | |
| .wp_widget_tag_cloud a:hover, | |
| .wp_widget_tag_cloud a:focus { | |
| border-color: #ccc; | |
| } | |
| .site-footer { | |
| border-top-color: #eee; | |
| } | |
| .social-navigation a:before { | |
| background: #bbb; | |
| color: #fff; | |
| } | |
| .social-navigation a:hover:before, | |
| .social-navigation a:focus:before { | |
| background: #767676; | |
| } | |
| .site-info a { | |
| color: #666; | |
| } | |
| .wp-caption { | |
| color: #666; | |
| } | |
| .twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { | |
| color: #fff; | |
| } | |
| @media screen and (min-width: 48em) { | |
| .custom-header-image:before { | |
| /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */ | |
| background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */ | |
| background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */ | |
| background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */ | |
| } | |
| .main-navigation ul ul { | |
| background: #fff; | |
| border-color: #eee; | |
| } | |
| .main-navigation ul ul:before { | |
| border-bottom-color: #eee; | |
| } | |
| .main-navigation ul ul:after { | |
| border-bottom-color: #fff; | |
| } | |
| .main-navigation li li:hover, | |
| .main-navigation li li.focus { | |
| background: #767676; | |
| } | |
| .main-navigation li li.focus > a, | |
| .main-navigation li li:focus > a, | |
| .main-navigation li li:hover > a, | |
| .main-navigation li li a:hover, | |
| .main-navigation li li a:focus, | |
| .main-navigation li li.current_page_item a:hover, | |
| .main-navigation li li.current-menu-item a:hover, | |
| .main-navigation li li.current_page_item a:focus, | |
| .main-navigation li li.current-menu-item a:focus { | |
| color: #fff; | |
| } | |
| .menu-scroll-down { | |
| color: #999; | |
| } | |
| .nav-links .nav-previous .nav-title:before, | |
| .nav-links .nav-next .nav-title:after { | |
| color: #222; | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Twenty Seventeen: Color Patterns | |
| * | |
| * Colors found in style.css, sorted by color and propoerty. | |
| * This can be converted directly into a template for custom colors, but some of the variations should potentially be condensed/grouped first. | |
| */ | |
| /* Default element colors */ | |
| fieldset { | |
| border-color: #c0c0c0; | |
| } | |
| mark, ins { | |
| background: #fff9c0; | |
| } | |
| /* Theme colors, dark to light */ | |
| input[type="text"]:focus, | |
| input[type="email"]:focus, | |
| input[type="url"]:focus, | |
| input[type="password"]:focus, | |
| input[type="search"]:focus, | |
| input[type="number"]:focus, | |
| input[type="tel"]:focus, | |
| input[type="range"]:focus, | |
| input[type="date"]:focus, | |
| input[type="month"]:focus, | |
| input[type="week"]:focus, | |
| input[type="time"]:focus, | |
| input[type="datetime"]:focus, | |
| input[type="datetime-local"]:focus, | |
| input[type="color"]:focus, | |
| textarea:focus { | |
| color: #111; | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="submit"], | |
| .bypostauthor > .comment-body > .comment-meta > .comment-author:before, | |
| .entry-footer .edit-link a.post-edit-link { | |
| background-color: #222; | |
| } | |
| button.secondary, | |
| input[type="reset"], | |
| input[type="button"].secondary, | |
| input[type="reset"].secondary, | |
| input[type="submit"].secondary, | |
| a, | |
| a:visited, | |
| .site-title, | |
| .site-title a, | |
| .navigation-top a, | |
| .navigation-top a:visited, | |
| .dropdown-toggle, | |
| .menu-toggle, | |
| .page .panel-content .entry-title, | |
| .page-title, | |
| body.page:not(.twentyseventeen-front-page) .entry-title, | |
| .page-links a .page-number, | |
| .comment-metadata a.comment-edit-link, | |
| .comment-reply-link:before, | |
| h2.widget-title { | |
| color: #222; | |
| } | |
| body, | |
| button, | |
| input, | |
| select, | |
| textarea, | |
| h3, | |
| h4, | |
| h6, | |
| label, | |
| .entry-title a, | |
| .twentyseventeen-front-page .panel-content .recent-posts article, | |
| .entry-footer .cat-links a, | |
| .entry-footer .tags-links a, | |
| .format-quote blockquote, | |
| .nav-title, | |
| .comment-body { | |
| color: #333; | |
| } | |
| input[type="text"]:focus, | |
| input[type="email"]:focus, | |
| input[type="url"]:focus, | |
| input[type="password"]:focus, | |
| input[type="search"]:focus, | |
| input[type="number"]:focus, | |
| input[type="tel"]:focus, | |
| input[type="range"]:focus, | |
| input[type="date"]:focus, | |
| input[type="month"]:focus, | |
| input[type="week"]:focus, | |
| input[type="time"]:focus, | |
| input[type="datetime"]:focus, | |
| input[type="datetime-local"]:focus, | |
| input[type="color"]:focus, | |
| textarea:focus { | |
| border-color: #333; | |
| } | |
| h2, | |
| blockquote, | |
| input[type="text"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="password"], | |
| input[type="search"], | |
| input[type="number"], | |
| input[type="tel"], | |
| input[type="range"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="week"], | |
| input[type="time"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="color"], | |
| textarea, | |
| .entry-content blockquote.alignleft, | |
| .entry-content blockquote.alignright, | |
| .taxonomy-description, | |
| .site-info a, | |
| .wp-caption { | |
| color: #666; | |
| } | |
| abbr, acronym { | |
| border-bottom-color: #666; | |
| } | |
| h5, | |
| .entry-meta, | |
| .entry-meta a, | |
| .nav-subtitle, | |
| .comment-metadata, | |
| .comment-metadata a, | |
| .no-comments, | |
| .comment-awaiting-moderation { | |
| color: #767676; | |
| } | |
| button:hover, | |
| button:focus, | |
| input[type="button"]:hover, | |
| input[type="button"]:focus, | |
| input[type="submit"]:hover, | |
| input[type="submit"]:focus, | |
| .entry-content a:focus, | |
| .entry-content a:hover, | |
| .entry-summary a:focus, | |
| .entry-summary a:hover, | |
| .widget a:focus, | |
| .widget a:hover, | |
| .site-footer .widget-area a:focus, | |
| .site-footer .widget-area a:hover, | |
| .posts-navigation a:focus, | |
| .posts-navigation a:hover, | |
| .comment-navigation a:focus, | |
| .comment-navigation a:hover, | |
| .comment-metadata a:focus, | |
| .comment-metadata a:hover, | |
| .comment-metadata a.comment-edit-link:focus, | |
| .comment-metadata a.comment-edit-link:hover, | |
| .comment-reply-link:focus, | |
| .comment-reply-link:hover, | |
| .widget_authors a:focus strong, | |
| .widget_authors a:hover strong, | |
| .project-terms a:focus, | |
| .project-terms a:hover, | |
| .entry-title a:focus, | |
| .entry-title a:hover, | |
| .entry-meta a:focus, | |
| .entry-meta a:hover, | |
| .page-links a:focus .page-number, | |
| .page-links a:hover .page-number, | |
| .entry-footer a:focus, | |
| .entry-footer a:hover, | |
| .entry-footer .cat-links a:focus, | |
| .entry-footer .cat-links a:hover, | |
| .entry-footer .tags-links a:focus, | |
| .entry-footer .tags-links a:hover, | |
| .post-navigation a:focus, | |
| .post-navigation a:hover, | |
| .logged-in-as a:focus, | |
| .logged-in-as a:hover, | |
| .comment-navigation a:focus, | |
| .comment-navigation a:hover, | |
| a:focus .nav-title, | |
| a:hover .nav-title, | |
| .edit-link a:focus, | |
| .edit-link a:hover, | |
| .pagination a:focus, | |
| .pagination a:hover, | |
| .site-info a:focus, | |
| .site-info a:hover, | |
| .widget .widget-title a:focus, | |
| .widget .widget-title a:hover, | |
| .widget ul li a:focus, | |
| .widget ul li a:hover, | |
| .navigation-top .current-menu-item > a, | |
| .navigation-top .current-menu-item > a:visited, | |
| .navigation-top .current_page_item > a, | |
| .navigation-top .current_page_item > a:visited, | |
| .entry-footer .edit-link a.post-edit-link:hover, | |
| .entry-footer .edit-link a.post-edit-link:focus, | |
| .social-navigation a:hover:before, | |
| .social-navigation a:focus:before { | |
| background: #767676; | |
| } | |
| .entry-content a, | |
| .entry-content a:visited, | |
| .entry-summary a, | |
| .entry-summary a:visited, | |
| .widget a, | |
| .widget a:visited, | |
| .site-footer .widget-area a, | |
| .site-footer .widget-area a:visited, | |
| .posts-navigation a, | |
| .posts-navigation a:visited, | |
| .widget_authors a strong, | |
| .widget_authors a:visited strong { | |
| border-bottom-color: #767676; | |
| } | |
| .site-description { | |
| color: #777; | |
| } | |
| .page-numbers.current, | |
| .page-links .page-number { | |
| color: #707070; | |
| } | |
| .entry-footer .cat-links:before, | |
| .entry-footer .tags-links:before { | |
| color: #999; | |
| } | |
| button.secondary:hover, | |
| button.secondary:focus, | |
| input[type="reset"]:hover, | |
| input[type="reset"]:focus, | |
| input[type="button"].secondary:hover, | |
| input[type="button"].secondary:focus, | |
| input[type="reset"].secondary:hover, | |
| input[type="reset"].secondary:focus, | |
| input[type="submit"].secondary:hover, | |
| input[type="submit"].secondary:focus, | |
| .social-navigation a:before { | |
| background: #bbb; | |
| } | |
| input[type="text"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="password"], | |
| input[type="search"], | |
| input[type="number"], | |
| input[type="tel"], | |
| input[type="range"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="week"], | |
| input[type="time"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="color"], | |
| textarea, | |
| select { | |
| border-color: #bbb; | |
| } | |
| .twentyseventeen-front-page:not(.no-header-image) .site-description { | |
| color: #ccc; | |
| } | |
| hr { | |
| background-color: #ccc; | |
| } | |
| .widget .tagcloud a:hover, | |
| .widget .tagcloud a:focus, | |
| .widget.widget_tag_cloud a:hover, | |
| .widget.widget_tag_cloud a:focus, | |
| .wp_widget_tag_cloud a:hover, | |
| .wp_widget_tag_cloud a:focus { | |
| border-color: #ccc; | |
| } | |
| button.secondary, | |
| input[type="reset"], | |
| input[type="button"].secondary, | |
| input[type="reset"].secondary, | |
| input[type="submit"].secondary, | |
| .prev.page-numbers, | |
| .next.page-numbers { | |
| background-color: #ddd; | |
| } | |
| .widget .tagcloud a, | |
| .widget.widget_tag_cloud a, | |
| .wp_widget_tag_cloud a { | |
| border-color: #ddd; | |
| } | |
| .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child), | |
| .widget ul li { | |
| border-top-color: #ddd; | |
| } | |
| .widget ul li { | |
| border-bottom-color: #ddd; | |
| } | |
| pre { | |
| background: #eee; | |
| } | |
| .navigation-top, | |
| .main-navigation > div > ul, | |
| .pagination, | |
| .comment-navigation, | |
| .entry-footer, | |
| .site-footer { | |
| border-top-color: #eee; | |
| } | |
| .navigation-top, | |
| .main-navigation li, | |
| .entry-footer, | |
| #comments { | |
| border-bottom-color: #eee; | |
| } | |
| .site-header { | |
| background-color: #fafafa; | |
| } | |
| .entry-content a:focus, | |
| .entry-content a:hover, | |
| .entry-summary a:focus, | |
| .entry-summary a:hover, | |
| .widget a:focus, | |
| .widget a:hover, | |
| .site-footer .widget-area a:focus, | |
| .site-footer .widget-area a:hover, | |
| .posts-navigation a:focus, | |
| .posts-navigation a:hover, | |
| .comment-navigation a:focus, | |
| .comment-navigation a:hover, | |
| .comment-metadata a:focus, | |
| .comment-metadata a:hover, | |
| .comment-metadata a.comment-edit-link:focus, | |
| .comment-metadata a.comment-edit-link:hover, | |
| .comment-reply-link:focus, | |
| .comment-reply-link:hover, | |
| .widget_authors a:focus strong, | |
| .widget_authors a:hover strong, | |
| .project-terms a:focus, | |
| .project-terms a:hover, | |
| .entry-title a:focus, | |
| .entry-title a:hover, | |
| .entry-meta a:focus, | |
| .entry-meta a:hover, | |
| .page-links a:focus .page-number, | |
| .page-links a:hover .page-number, | |
| .entry-footer a:focus, | |
| .entry-footer a:hover, | |
| .entry-footer .cat-links a:focus, | |
| .entry-footer .cat-links a:hover, | |
| .entry-footer .tags-links a:focus, | |
| .entry-footer .tags-links a:hover, | |
| .post-navigation a:focus, | |
| .post-navigation a:hover, | |
| .logged-in-as a:focus, | |
| .logged-in-as a:hover, | |
| .comment-navigation a:focus, | |
| .comment-navigation a:hover, | |
| a:focus .nav-title, | |
| a:hover .nav-title, | |
| .edit-link a:focus, | |
| .edit-link a:hover, | |
| .pagination a:focus, | |
| .pagination a:hover, | |
| .site-info a:focus, | |
| .site-info a:hover, | |
| .widget .widget-title a:focus, | |
| .widget .widget-title a:hover, | |
| .widget ul li a:focus, | |
| .widget ul li a:hover, | |
| .twentyseventeen-front-page:not(.no-header-image) .site-title, | |
| .twentyseventeen-front-page:not(.no-header-image) .site-title a, | |
| button, | |
| input[type="button"], | |
| input[type="submit"], | |
| .entry-footer .edit-link a.post-edit-link, | |
| .bypostauthor > .comment-body > .comment-meta > .comment-author:before { | |
| color: #fff; | |
| } | |
| body, | |
| .navigation-top, | |
| .main-navigation ul, | |
| .social-navigation a:before, | |
| .twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { | |
| background: #fff; | |
| } | |
| .bypostauthor > .comment-body > .comment-meta > .comment-author:before { | |
| border-color: #fff; | |
| } | |
| .panel-image:before { | |
| /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ | |
| background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */ | |
| background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */ | |
| background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */ | |
| } | |
| @media screen and (min-width: 48em) { | |
| .custom-header-image:before { | |
| /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */ | |
| background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */ | |
| background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */ | |
| background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */ | |
| } | |
| .nav-links .nav-previous .nav-title:before, | |
| .nav-links .nav-next .nav-title:after { | |
| color: #222; | |
| } | |
| .main-navigation li li:hover, | |
| .main-navigation li li.focus { | |
| background: #767676; | |
| } | |
| .menu-scroll-down { | |
| color: #999; | |
| } | |
| .main-navigation ul ul { | |
| border-color: #eee; | |
| } | |
| .main-navigation ul ul:before { | |
| border-bottom-color: #eee; | |
| } | |
| .main-navigation ul ul { | |
| background: #fff; | |
| } | |
| .main-navigation ul ul:after { | |
| border-bottom-color: #fff; | |
| } | |
| .main-navigation li li.focus > a, | |
| .main-navigation li li:focus > a, | |
| .main-navigation li li:hover > a, | |
| .main-navigation li li a:hover, | |
| .main-navigation li li a:focus, | |
| .main-navigation li li.current_page_item a:hover, | |
| .main-navigation li li.current-menu-item a:hover, | |
| .main-navigation li li.current_page_item a:focus, | |
| .main-navigation li li.current-menu-item a:focus { | |
| color: #fff; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment