Ticket #38389: 38389.2.diff
| File 38389.2.diff, 41.0 KB (added by , 8 years ago) |
|---|
-
src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css
2 2 * Twenty Seventeen: Dark Color Scheme 3 3 * 4 4 * See inc/color-patterns.php for dynamic color overrides for the theme. 5 * 6 * Colors are ordered from light to dark. 5 7 */ 6 8 7 9 .colors-dark button, … … 11 13 background-color: #fff; 12 14 } 13 15 14 .colors-dark input[type="text"]:focus, 15 .colors-dark input[type="email"]:focus, 16 .colors-dark input[type="url"]:focus, 17 .colors-dark input[type="password"]:focus, 18 .colors-dark input[type="search"]:focus, 19 .colors-dark input[type="number"]:focus, 20 .colors-dark input[type="tel"]:focus, 21 .colors-dark input[type="range"]:focus, 22 .colors-dark input[type="date"]:focus, 23 .colors-dark input[type="month"]:focus, 24 .colors-dark input[type="week"]:focus, 25 .colors-dark input[type="time"]:focus, 26 .colors-dark input[type="datetime"]:focus, 27 .colors-dark input[type="datetime-local"]:focus, 28 .colors-dark input[type="color"]:focus, 29 .colors-dark textarea:focus, 30 .colors-dark button.secondary, 31 .colors-dark input[type="reset"], 32 .colors-dark input[type="button"].secondary, 33 .colors-dark input[type="reset"].secondary, 34 .colors-dark input[type="submit"].secondary, 35 .colors-dark a, 36 .colors-dark a:visited, 37 .colors-dark .site-title, 38 .colors-dark .site-title a, 39 .colors-dark .navigation-top a, 40 .colors-dark .navigation-top a:visited, 41 .colors-dark .dropdown-toggle, 42 .colors-dark .menu-toggle, 43 .colors-dark .page .panel-content .entry-title, 44 .colors-dark .page-title, 45 .colors-dark.page:not(.twentyseventeen-front-page) .entry-title, 46 .colors-dark .page-links a .page-number, 47 .colors-dark .comment-metadata a.comment-edit-link, 48 .colors-dark .comment-reply-link .icon, 49 .colors-dark h2.widget-title, 50 .colors-dark mark { 16 .colors-dark a:hover, 17 .colors-dark a:active, 18 .colors-dark .entry-content a:focus, 19 .colors-dark .entry-content a:hover, 20 .colors-dark .entry-summary a:focus, 21 .colors-dark .entry-summary a:hover, 22 .colors-dark .widget a:focus, 23 .colors-dark .widget a:hover, 24 .colors-dark .site-footer .widget-area a:focus, 25 .colors-dark .site-footer .widget-area a:hover, 26 .colors-dark .posts-navigation a:focus, 27 .colors-dark .posts-navigation a:hover, 28 .colors-dark .comment-metadata a:focus, 29 .colors-dark .comment-metadata a:hover, 30 .colors-dark .comment-metadata a.comment-edit-link:focus, 31 .colors-dark .comment-metadata a.comment-edit-link:hover, 32 .colors-dark .comment-reply-link:focus, 33 .colors-dark .comment-reply-link:hover, 34 .colors-dark .widget_authors a:focus strong, 35 .colors-dark .widget_authors a:hover strong, 36 .colors-dark .entry-title a:focus, 37 .colors-dark .entry-title a:hover, 38 .colors-dark .entry-meta a:focus, 39 .colors-dark .entry-meta a:hover, 40 .colors-dark.blog .entry-meta a.post-edit-link:focus, 41 .colors-dark.blog .entry-meta a.post-edit-link:hover, 42 .colors-dark.archive .entry-meta a.post-edit-link:focus, 43 .colors-dark.archive .entry-meta a.post-edit-link:hover, 44 .colors-dark.search .entry-meta a.post-edit-link:focus, 45 .colors-dark.search .entry-meta a.post-edit-link:hover, 46 .colors-dark .page-links a:focus .page-number, 47 .colors-dark .page-links a:hover .page-number, 48 .colors-dark .entry-footer .cat-links a:focus, 49 .colors-dark .entry-footer .cat-links a:hover, 50 .colors-dark .entry-footer .tags-links a:focus, 51 .colors-dark .entry-footer .tags-links a:hover, 52 .colors-dark .post-navigation a:focus, 53 .colors-dark .post-navigation a:hover, 54 .colors-dark .logged-in-as a:focus, 55 .colors-dark .logged-in-as a:hover, 56 .colors-dark a:focus .nav-title, 57 .colors-dark a:hover .nav-title, 58 .colors-dark .edit-link a:focus, 59 .colors-dark .edit-link a:hover, 60 .colors-dark .site-info a:focus, 61 .colors-dark .site-info a:hover, 62 .colors-dark .widget .widget-title a:focus, 63 .colors-dark .widget .widget-title a:hover, 64 .colors-dark .widget ul li a:focus, 65 .colors-dark .widget ul li a:hover { 51 66 color: #fff; 52 67 } 53 68 69 .colors-dark .entry-content a:focus, 70 .colors-dark .entry-content a:hover, 71 .colors-dark .entry-summary a:focus, 72 .colors-dark .entry-summary a:hover, 73 .colors-dark .widget a:focus, 74 .colors-dark .widget a:hover, 75 .colors-dark .site-footer .widget-area a:focus, 76 .colors-dark .site-footer .widget-area a:hover, 77 .colors-dark .posts-navigation a:focus, 78 .colors-dark .posts-navigation a:hover, 79 .colors-dark .comment-metadata a:focus, 80 .colors-dark .comment-metadata a:hover, 81 .colors-dark .comment-metadata a.comment-edit-link:focus, 82 .colors-dark .comment-metadata a.comment-edit-link:hover, 83 .colors-dark .comment-reply-link:focus, 84 .colors-dark .comment-reply-link:hover, 85 .colors-dark .widget_authors a:focus strong, 86 .colors-dark .widget_authors a:hover strong, 87 .colors-dark .entry-title a:focus, 88 .colors-dark .entry-title a:hover, 89 .colors-dark .entry-meta a:focus, 90 .colors-dark .entry-meta a:hover, 91 .colors-dark.blog .entry-meta a.post-edit-link:focus, 92 .colors-dark.blog .entry-meta a.post-edit-link:hover, 93 .colors-dark.archive .entry-meta a.post-edit-link:focus, 94 .colors-dark.archive .entry-meta a.post-edit-link:hover, 95 .colors-dark.search .entry-meta a.post-edit-link:focus, 96 .colors-dark.search .entry-meta a.post-edit-link:hover, 97 .colors-dark .page-links a:focus .page-number, 98 .colors-dark .page-links a:hover .page-number, 99 .colors-dark .entry-footer .cat-links a:focus, 100 .colors-dark .entry-footer .cat-links a:hover, 101 .colors-dark .entry-footer .tags-links a:focus, 102 .colors-dark .entry-footer .tags-links a:hover, 103 .colors-dark .post-navigation a:focus, 104 .colors-dark .post-navigation a:hover, 105 .colors-dark .pagination a:focus, 106 .colors-dark .pagination a:hover, 107 .colors-dark .comments-pagination a:focus, 108 .colors-dark .comments-pagination a:hover, 109 .colors-dark .logged-in-as a:focus, 110 .colors-dark .logged-in-as a:hover, 111 .colors-dark a:focus .nav-title, 112 .colors-dark a:hover .nav-title, 113 .colors-dark .edit-link a:focus, 114 .colors-dark .edit-link a:hover, 115 .colors-dark .site-info a:focus, 116 .colors-dark .site-info a:hover, 117 .colors-dark .widget .widget-title a:focus, 118 .colors-dark .widget .widget-title a:hover, 119 .colors-dark .widget ul li a:focus, 120 .colors-dark .widget ul li a:hover { 121 -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1); /* Equivalant to #fff */ 122 box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 3px 0 rgba(255, 255, 255, 1); /* Equivalant to #fff */ 123 } 124 125 .colors-dark .entry-content a, 126 .colors-dark .entry-summary a, 127 .colors-dark .widget a, 128 .colors-dark .site-footer .widget-area a, 129 .colors-dark .posts-navigation a, 130 .colors-dark .widget_authors a strong { 131 -webkit-box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */ 132 box-shadow: inset 0 -1px 0 rgba(240, 240, 240, 1); /* Equivalant to #f0f0f0 */ 133 } 134 54 135 body.colors-dark, 55 136 .colors-dark button, 56 137 .colors-dark input, … … 70 151 color: #eee; 71 152 } 72 153 73 74 154 .colors-dark input[type="text"]:focus, 75 155 .colors-dark input[type="email"]:focus, 76 156 .colors-dark input[type="url"]:focus, … … 91 171 border-color: #eee; 92 172 } 93 173 174 .colors-dark input[type="text"]:focus, 175 .colors-dark input[type="email"]:focus, 176 .colors-dark input[type="url"]:focus, 177 .colors-dark input[type="password"]:focus, 178 .colors-dark input[type="search"]:focus, 179 .colors-dark input[type="number"]:focus, 180 .colors-dark input[type="tel"]:focus, 181 .colors-dark input[type="range"]:focus, 182 .colors-dark input[type="date"]:focus, 183 .colors-dark input[type="month"]:focus, 184 .colors-dark input[type="week"]:focus, 185 .colors-dark input[type="time"]:focus, 186 .colors-dark input[type="datetime"]:focus, 187 .colors-dark input[type="datetime-local"]:focus, 188 .colors-dark input[type="color"]:focus, 189 .colors-dark textarea:focus, 190 .colors-dark button.secondary, 191 .colors-dark input[type="reset"], 192 .colors-dark input[type="button"].secondary, 193 .colors-dark input[type="reset"].secondary, 194 .colors-dark input[type="submit"].secondary, 195 .colors-dark a, 196 .colors-dark .site-title, 197 .colors-dark .site-title a, 198 .colors-dark .navigation-top a, 199 .colors-dark .dropdown-toggle, 200 .colors-dark .menu-toggle, 201 .colors-dark .page .panel-content .entry-title, 202 .colors-dark .page-title, 203 .colors-dark.page:not(.twentyseventeen-front-page) .entry-title, 204 .colors-dark .page-links a .page-number, 205 .colors-dark .comment-metadata a.comment-edit-link, 206 .colors-dark .comment-reply-link .icon, 207 .colors-dark h2.widget-title, 208 .colors-dark mark, 209 .colors-dark .post-navigation a:focus .icon, 210 .colors-dark .post-navigation a:hover .icon, 211 .colors-dark.blog .entry-meta a.post-edit-link, 212 .colors-dark.archive .entry-meta a.post-edit-link, 213 .colors-dark.search .entry-meta a.post-edit-link, 214 .colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link { 215 color: #ddd; 216 } 217 94 218 .colors-dark h2, 95 219 .colors-dark blockquote, 96 220 .colors-dark input[type="text"], … … 110 234 .colors-dark input[type="color"], 111 235 .colors-dark textarea, 112 236 .colors-dark .navigation-top .current-menu-item > a, 113 .colors-dark .navigation-top .current-menu-item > a:visited,114 237 .colors-dark .navigation-top .current_page_item > a, 115 .colors-dark .navigation-top .current_page_item > a:visited,116 238 .colors-dark .entry-content blockquote.alignleft, 117 239 .colors-dark .entry-content blockquote.alignright, 118 240 .colors-dark .taxonomy-description, … … 127 249 } 128 250 129 251 .colors-dark h5, 252 .main-navigation a:hover, 130 253 .colors-dark .entry-meta, 131 254 .colors-dark .entry-meta a, 132 255 .colors-dark .nav-subtitle, … … 146 269 .colors-dark input[type="button"]:focus, 147 270 .colors-dark input[type="submit"]:hover, 148 271 .colors-dark input[type="submit"]:focus, 149 .colors-dark .entry-content a:focus, 150 .colors-dark .entry-content a:hover, 151 .colors-dark .entry-summary a:focus, 152 .colors-dark .entry-summary a:hover, 153 .colors-dark .widget a:focus, 154 .colors-dark .widget a:hover, 155 .colors-dark .site-footer .widget-area a:focus, 156 .colors-dark .site-footer .widget-area a:hover, 157 .colors-dark .posts-navigation a:focus, 158 .colors-dark .posts-navigation a:hover, 159 .colors-dark .comment-navigation a:focus, 160 .colors-dark .comment-navigation a:hover, 161 .colors-dark .comment-metadata a:focus, 162 .colors-dark .comment-metadata a:hover, 163 .colors-dark .comment-metadata a.comment-edit-link:focus, 164 .colors-dark .comment-metadata a.comment-edit-link:hover, 165 .colors-dark .comment-reply-link:focus, 166 .colors-dark .comment-reply-link:hover, 167 .colors-dark .widget_authors a:focus strong, 168 .colors-dark .widget_authors a:hover strong, 169 .colors-dark .project-terms a:focus, 170 .colors-dark .project-terms a:hover, 171 .colors-dark .entry-title a:focus, 172 .colors-dark .entry-title a:hover, 173 .colors-dark .entry-meta a:focus, 174 .colors-dark .entry-meta a:hover, 175 .colors-dark .page-links a:focus .page-number, 176 .colors-dark .page-links a:hover .page-number, 177 .colors-dark .entry-footer a:focus, 178 .colors-dark .entry-footer a:hover, 179 .colors-dark .entry-footer .cat-links a:focus, 180 .colors-dark .entry-footer .cat-links a:hover, 181 .colors-dark .entry-footer .tags-links a:focus, 182 .colors-dark .entry-footer .tags-links a:hover, 183 .colors-dark .post-navigation a:focus, 184 .colors-dark .post-navigation a:hover, 185 .colors-dark .logged-in-as a:focus, 186 .colors-dark .logged-in-as a:hover, 187 .colors-dark .comment-navigation a:focus, 188 .colors-dark .comment-navigation a:hover, 189 .colors-dark a:focus .nav-title, 190 .colors-dark a:hover .nav-title, 191 .colors-dark .edit-link a:focus, 192 .colors-dark .edit-link a:hover, 193 .colors-dark .pagination a:focus, 194 .colors-dark .pagination a:hover, 195 .colors-dark .site-info a:focus, 196 .colors-dark .site-info a:hover, 197 .colors-dark .widget .widget-title a:focus, 198 .colors-dark .widget .widget-title a:hover, 199 .colors-dark .widget ul li a:focus, 200 .colors-dark .widget ul li a:hover, 201 .colors-dark .entry-footer .edit-link a.post-edit-link:hover, 202 .colors-dark .entry-footer .edit-link a.post-edit-link:focus { 272 .colors-dark .prev.page-numbers:focus, 273 .colors-dark .prev.page-numbers:hover, 274 .colors-dark .next.page-numbers:focus, 275 .colors-dark .next.page-numbers:hover, 276 .colors-dark .entry-footer .edit-link a.post-edit-link:focus, 277 .colors-dark .entry-footer .edit-link a.post-edit-link:hover { 203 278 background: #bbb; 204 279 } 205 280 … … 209 284 color: #222; 210 285 } 211 286 212 .colors-dark .entry-content a, 213 .colors-dark .entry-content a:visited, 214 .colors-dark .entry-summary a, 215 .colors-dark .entry-summary a:visited, 216 .colors-dark .widget a, 217 .colors-dark .widget a:visited, 218 .colors-dark .site-footer .widget-area a, 219 .colors-dark .site-footer .widget-area a:visited, 220 .colors-dark .posts-navigation a, 221 .colors-dark .posts-navigation a:visited, 222 .colors-dark .widget_authors a strong, 223 .colors-dark .widget_authors a:visited strong { 224 border-bottom-color: #bbb; 287 .colors-dark .entry-footer .cat-links .icon, 288 .colors-dark .entry-footer .tags-links .icon { 289 color: #666; 225 290 } 226 291 227 292 .colors-dark button.secondary:hover, … … 266 331 border-color: #555; 267 332 } 268 333 269 .colors-dark .entry-footer .cat-links .icon,270 .colors-dark .entry-footer .tags-links .icon {271 color: #666;272 }273 274 334 .colors-dark button.secondary, 275 335 .colors-dark input[type="reset"], 276 336 .colors-dark input[type="button"].secondary, … … 320 380 background: #333; 321 381 } 322 382 383 .colors-dark tr, 384 .colors-dark thead th { 385 border-color: #333; 386 } 387 323 388 .colors-dark .navigation-top, 324 389 .colors-dark .main-navigation > div > ul, 325 390 .colors-dark .pagination, … … 329 394 border-top-color: #333; 330 395 } 331 396 397 .colors-dark .single-featured-image-header, 332 398 .colors-dark .navigation-top, 333 399 .colors-dark .main-navigation li, 334 400 .colors-dark .entry-footer, … … 336 402 border-bottom-color: #333; 337 403 } 338 404 339 .colors-dark .site-header { 405 .colors-dark .site-header, 406 .colors-dark .single-featured-image-header { 340 407 background-color: #262626; 341 408 } 342 409 343 .colors-dark .entry-content a:focus,344 .colors-dark .entry-content a:hover,345 .colors-dark .entry-summary a:focus,346 .colors-dark .entry-summary a:hover,347 .colors-dark .widget a:focus,348 .colors-dark .widget a:hover,349 .colors-dark .site-footer .widget-area a:focus,350 .colors-dark .site-footer .widget-area a:hover,351 .colors-dark .posts-navigation a:focus,352 .colors-dark .posts-navigation a:hover,353 .colors-dark .comment-navigation a:focus,354 .colors-dark .comment-navigation a:hover,355 .colors-dark .comment-metadata a:focus,356 .colors-dark .comment-metadata a:hover,357 .colors-dark .comment-metadata a.comment-edit-link:focus,358 .colors-dark .comment-metadata a.comment-edit-link:hover,359 .colors-dark .comment-reply-link:focus,360 .colors-dark .comment-reply-link:hover,361 .colors-dark .widget_authors a:focus strong,362 .colors-dark .widget_authors a:hover strong,363 .colors-dark .project-terms a:focus,364 .colors-dark .project-terms a:hover,365 .colors-dark .entry-title a:focus,366 .colors-dark .entry-title a:hover,367 .colors-dark .entry-meta a:focus,368 .colors-dark .entry-meta a:hover,369 .colors-dark .page-links a:focus .page-number,370 .colors-dark .page-links a:hover .page-number,371 .colors-dark .entry-footer a:focus,372 .colors-dark .entry-footer a:hover,373 .colors-dark .entry-footer .cat-links a:focus,374 .colors-dark .entry-footer .cat-links a:hover,375 .colors-dark .entry-footer .tags-links a:focus,376 .colors-dark .entry-footer .tags-links a:hover,377 .colors-dark .post-navigation a:focus,378 .colors-dark .post-navigation a:hover,379 .colors-dark .logged-in-as a:focus,380 .colors-dark .logged-in-as a:hover,381 .colors-dark .comment-navigation a:focus,382 .colors-dark .comment-navigation a:hover,383 .colors-dark a:focus .nav-title,384 .colors-dark a:hover .nav-title,385 .colors-dark .edit-link a:focus,386 .colors-dark .edit-link a:hover,387 .colors-dark .pagination a:focus,388 .colors-dark .pagination a:hover,389 .colors-dark .site-info a:focus,390 .colors-dark .site-info a:hover,391 .colors-dark .widget .widget-title a:focus,392 .colors-dark .widget .widget-title a:hover,393 .colors-dark .widget ul li a:focus,394 .colors-dark .widget ul li a:hover,395 410 .colors-dark button, 396 411 .colors-dark input[type="button"], 397 412 .colors-dark input[type="submit"], 398 .colors-dark .entry-footer .edit-link a.post-edit-link { 413 .colors-dark .prev.page-numbers:focus, 414 .colors-dark .prev.page-numbers:hover, 415 .colors-dark .next.page-numbers:focus, 416 .colors-dark .next.page-numbers:hover { 399 417 color: #222; 400 418 } 401 419 … … 405 423 background: #222; 406 424 } 407 425 426 .colors-dark .entry-title a, 427 .colors-dark .entry-meta a, 428 .colors-dark.blog .entry-meta a.post-edit-link, 429 .colors-dark.archive .entry-meta a.post-edit-link, 430 .colors-dark.search .entry-meta a.post-edit-link, 431 .colors-dark .page-links a, 432 .colors-dark .page-links a .page-number, 433 .colors-dark .entry-footer a, 434 .colors-dark .entry-footer .cat-links a, 435 .colors-dark .entry-footer .tags-links a, 436 .colors-dark .edit-link a, 437 .colors-dark .post-navigation a, 438 .colors-dark .logged-in-as a, 439 .colors-dark .comment-navigation a, 440 .colors-dark .comment-metadata a, 441 .colors-dark .comment-metadata a.comment-edit-link, 442 .colors-dark .comment-reply-link, 443 .colors-dark a .nav-title, 444 .colors-dark .pagination a, 445 .colors-dark .widget .widget-title a, 446 .colors-dark .widget ul li a, 447 .colors-dark .site-footer .widget-area ul li a, 448 .colors-dark .site-info a { 449 -webkit-box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1); /* Equivalant to #222 */ 450 box-shadow: inset 0 -1px 0 rgba(34, 34, 34, 1); /* Equivalant to #222 */ 451 } 452 453 /* Fixes linked images */ 454 .entry-content a img, 455 .widget a img { 456 -webkit-box-shadow: 0 0 0 8px #222; 457 box-shadow: 0 0 0 8px #222; 458 } 459 460 .colors-dark .entry-footer .edit-link a.post-edit-link { 461 color: #000; 462 } 463 408 464 .colors-dark .menu-toggle, 409 465 .colors-dark .menu-toggle:hover, 410 466 .colors-dark .menu-toggle:focus, 411 467 .colors-dark .dropdown-toggle, 412 .colors-custom .menu-scroll-down, 413 .colors-custom .menu-scroll-down:hover, 414 .colors-custom .menu-scroll-down:focus { 468 .colors-dark .dropdown-toggle:hover, 469 .colors-dark .dropdown-toggle:focus, 470 .colors-dark .menu-scroll-down, 471 .colors-dark .menu-scroll-down:hover, 472 .colors-dark .menu-scroll-down:focus { 415 473 background-color: transparent; 416 474 } 417 475 476 .colors-dark .widget .tagcloud a, 477 .colors-dark .widget .tagcloud a:focus, 478 .colors-dark .widget .tagcloud a:hover, 479 .colors-dark .widget.widget_tag_cloud a, 480 .colors-dark .widget.widget_tag_cloud a:focus, 481 .colors-dark .widget.widget_tag_cloud a:hover, 482 .colors-dark .wp_widget_tag_cloud a, 483 .colors-dark .wp_widget_tag_cloud a:focus, 484 .colors-dark .wp_widget_tag_cloud a:hover, 485 .colors-dark .entry-footer .edit-link a.post-edit-link:focus, 486 .colors-dark .entry-footer .edit-link a.post-edit-link:hover, 487 .colors-dark .prev.page-numbers:focus, 488 .colors-dark .prev.page-numbers:hover, 489 .colors-dark .next.page-numbers:focus, 490 .colors-dark .next.page-numbers:hover { 491 -webkit-box-shadow: none; 492 box-shadow: none; 493 } 418 494 419 495 @media screen and (min-width: 48em) { 420 496 -
src/wp-content/themes/twentyseventeen/inc/color-patterns.php
26 26 $css = ' 27 27 /** 28 28 * Twenty Seventeen: Color Patterns 29 * 30 * Colors are ordered from dark to light. 29 31 */ 30 32 33 .colors-custom a:hover, 34 .colors-custom a:active, 35 .colors-custom .entry-content a:focus, 36 .colors-custom .entry-content a:hover, 37 .colors-custom .entry-summary a:focus, 38 .colors-custom .entry-summary a:hover, 39 .colors-custom .widget a:focus, 40 .colors-custom .widget a:hover, 41 .colors-custom .site-footer .widget-area a:focus, 42 .colors-custom .site-footer .widget-area a:hover, 43 .colors-custom .posts-navigation a:focus, 44 .colors-custom .posts-navigation a:hover, 45 .colors-custom .comment-metadata a:focus, 46 .colors-custom .comment-metadata a:hover, 47 .colors-custom .comment-metadata a.comment-edit-link:focus, 48 .colors-custom .comment-metadata a.comment-edit-link:hover, 49 .colors-custom .comment-reply-link:focus, 50 .colors-custom .comment-reply-link:hover, 51 .colors-custom .widget_authors a:focus strong, 52 .colors-custom .widget_authors a:hover strong, 53 .colors-custom .entry-title a:focus, 54 .colors-custom .entry-title a:hover, 55 .colors-custom .entry-meta a:focus, 56 .colors-custom .entry-meta a:hover, 57 .colors-custom.blog .entry-meta a.post-edit-link:focus, 58 .colors-custom.blog .entry-meta a.post-edit-link:hover, 59 .colors-custom.archive .entry-meta a.post-edit-link:focus, 60 .colors-custom.archive .entry-meta a.post-edit-link:hover, 61 .colors-custom.search .entry-meta a.post-edit-link:focus, 62 .colors-custom.search .entry-meta a.post-edit-link:hover, 63 .colors-custom .page-links a:focus .page-number, 64 .colors-custom .page-links a:hover .page-number, 65 .colors-custom .entry-footer a:focus, 66 .colors-custom .entry-footer a:hover, 67 .colors-custom .entry-footer .cat-links a:focus, 68 .colors-custom .entry-footer .cat-links a:hover, 69 .colors-custom .entry-footer .tags-links a:focus, 70 .colors-custom .entry-footer .tags-links a:hover, 71 .colors-custom .post-navigation a:focus, 72 .colors-custom .post-navigation a:hover, 73 .colors-custom .logged-in-as a:focus, 74 .colors-custom .logged-in-as a:hover, 75 .colors-custom a:focus .nav-title, 76 .colors-custom a:hover .nav-title, 77 .colors-custom .edit-link a:focus, 78 .colors-custom .edit-link a:hover, 79 .colors-custom .site-info a:focus, 80 .colors-custom .site-info a:hover, 81 .colors-custom .widget .widget-title a:focus, 82 .colors-custom .widget .widget-title a:hover, 83 .colors-custom .widget ul li a:focus, 84 .colors-custom .widget ul li a:hover { 85 color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 0% ); /* base: #000; */ 86 } 87 88 .colors-custom .entry-content a, 89 .colors-custom .entry-summary a, 90 .colors-custom .widget a, 91 .colors-custom .site-footer .widget-area a, 92 .colors-custom .posts-navigation a, 93 .colors-custom .widget_authors a strong { 94 -webkit-box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 6% ); /* base: rgba(15, 15, 15, 1); */ 95 box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 6% ); /* base: rgba(15, 15, 15, 1); */ 96 } 97 31 98 .colors-custom button, 32 99 .colors-custom input[type="button"], 33 100 .colors-custom input[type="submit"], … … 57 124 .colors-custom input[type="reset"].secondary, 58 125 .colors-custom input[type="submit"].secondary, 59 126 .colors-custom a, 60 .colors-custom a:visited,61 127 .colors-custom .site-title, 62 128 .colors-custom .site-title a, 63 129 .colors-custom .navigation-top a, 64 .colors-custom .navigation-top a:visited,65 130 .colors-custom .dropdown-toggle, 66 131 .colors-custom .menu-toggle, 67 132 .colors-custom .page .panel-content .entry-title, … … 71 136 .colors-custom .comment-metadata a.comment-edit-link, 72 137 .colors-custom .comment-reply-link .icon, 73 138 .colors-custom h2.widget-title, 74 .colors-custom mark { 139 .colors-custom mark, 140 .colors-custom .post-navigation a:focus .icon, 141 .colors-custom .post-navigation a:hover .icon, 142 .colors-custom .site-content .site-content-light, 143 .colors-custom .twentyseventeen-panel .recent-posts .entry-header .edit-link { 75 144 color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); /* base: #222; */ 76 145 } 77 146 147 .colors-custom .entry-content a:focus, 148 .colors-custom .entry-content a:hover, 149 .colors-custom .entry-summary a:focus, 150 .colors-custom .entry-summary a:hover, 151 .colors-custom .widget a:focus, 152 .colors-custom .widget a:hover, 153 .colors-custom .site-footer .widget-area a:focus, 154 .colors-custom .site-footer .widget-area a:hover, 155 .colors-custom .posts-navigation a:focus, 156 .colors-custom .posts-navigation a:hover, 157 .colors-custom .comment-metadata a:focus, 158 .colors-custom .comment-metadata a:hover, 159 .colors-custom .comment-metadata a.comment-edit-link:focus, 160 .colors-custom .comment-metadata a.comment-edit-link:hover, 161 .colors-custom .comment-reply-link:focus, 162 .colors-custom .comment-reply-link:hover, 163 .colors-custom .widget_authors a:focus strong, 164 .colors-custom .widget_authors a:hover strong, 165 .colors-custom .entry-title a:focus, 166 .colors-custom .entry-title a:hover, 167 .colors-custom .entry-meta a:focus, 168 .colors-custom .entry-meta a:hover, 169 .colors-custom.blog .entry-meta a.post-edit-link:focus, 170 .colors-custom.blog .entry-meta a.post-edit-link:hover, 171 .colors-custom.archive .entry-meta a.post-edit-link:focus, 172 .colors-custom.archive .entry-meta a.post-edit-link:hover, 173 .colors-custom.search .entry-meta a.post-edit-link:focus, 174 .colors-custom.search .entry-meta a.post-edit-link:hover, 175 .colors-custom .page-links a:focus .page-number, 176 .colors-custom .page-links a:hover .page-number, 177 .colors-custom .entry-footer .cat-links a:focus, 178 .colors-custom .entry-footer .cat-links a:hover, 179 .colors-custom .entry-footer .tags-links a:focus, 180 .colors-custom .entry-footer .tags-links a:hover, 181 .colors-custom .post-navigation a:focus, 182 .colors-custom .post-navigation a:hover, 183 .colors-custom .pagination a:focus, 184 .colors-custom .pagination a:hover, 185 .colors-custom .comments-pagination a:focus, 186 .colors-custom .comments-pagination a:hover, 187 .colors-custom .logged-in-as a:focus, 188 .colors-custom .logged-in-as a:hover, 189 .colors-custom a:focus .nav-title, 190 .colors-custom a:hover .nav-title, 191 .colors-custom .edit-link a:focus, 192 .colors-custom .edit-link a:hover, 193 .colors-custom .site-info a:focus, 194 .colors-custom .site-info a:hover, 195 .colors-custom .widget .widget-title a:focus, 196 .colors-custom .widget .widget-title a:hover, 197 .colors-custom .widget ul li a:focus, 198 .colors-custom .widget ul li a:hover { 199 -webkit-box-shadow: inset 0 0 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ), 0 3px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); 200 box-shadow: inset 0 0 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ), 0 3px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 13% ); 201 } 202 78 203 body.colors-custom, 79 204 .colors-custom button, 80 205 .colors-custom input, … … 90 215 .colors-custom .entry-footer .tags-links a, 91 216 .colors-custom .format-quote blockquote, 92 217 .colors-custom .nav-title, 93 .colors-custom .comment-body { 218 .colors-custom .comment-body, 219 .colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { 94 220 color: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ 95 221 } 96 222 223 .colors-custom .social-navigation a:hover, 224 .colors-custom .social-navigation a:focus { 225 background: hsl( ' . esc_attr( $hue ) . ', ' . $reduced_saturation . ', 20% ); /* base: #333; */ 226 } 97 227 98 228 .colors-custom input[type="text"]:focus, 99 229 .colors-custom input[type="email"]:focus, … … 133 263 .colors-custom input[type="datetime-local"], 134 264 .colors-custom input[type="color"], 135 265 .colors-custom textarea, 266 .colors-custom .site-description, 136 267 .colors-custom .entry-content blockquote.alignleft, 137 268 .colors-custom .entry-content blockquote.alignright, 138 269 .colors-custom .colors-custom .taxonomy-description, 139 270 .colors-custom .site-info a, 140 .colors-custom .wp-caption { 271 .colors-custom .wp-caption, 272 .colors-custom .gallery-caption { 141 273 color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 40% ); /* base: #666; */ 142 274 } 143 275 … … 149 281 .colors-custom h5, 150 282 .colors-custom .entry-meta, 151 283 .colors-custom .entry-meta a, 284 .colors-custom.blog .entry-meta a.post-edit-link, 285 .colors-custom.archive .entry-meta a.post-edit-link, 286 .colors-custom.search .entry-meta a.post-edit-link, 152 287 .colors-custom .nav-subtitle, 153 288 .colors-custom .comment-metadata, 154 289 .colors-custom .comment-metadata a, … … 156 291 .colors-custom .comment-awaiting-moderation, 157 292 .colors-custom .page-numbers.current, 158 293 .colors-custom .page-links .page-number, 159 .colors-custom .site-description,160 294 .colors-custom .navigation-top .current-menu-item > a, 161 .colors-custom .navigation-top .current-menu-item > a:visited,162 295 .colors-custom .navigation-top .current_page_item > a, 163 .colors-custom .navigation-top .current_page_item > a:visited { 296 .colors-custom .main-navigation a:hover, 297 .colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { 164 298 color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ 165 299 } 166 300 … … 170 304 .colors-custom input[type="button"]:focus, 171 305 .colors-custom input[type="submit"]:hover, 172 306 .colors-custom input[type="submit"]:focus, 173 .colors-custom .entry-content a:focus,174 .colors-custom .entry-content a:hover,175 .colors-custom .entry-summary a:focus,176 .colors-custom .entry-summary a:hover,177 .colors-custom .widget a:focus,178 .colors-custom .widget a:hover,179 .colors-custom .colors-custom .site-footer .widget-area a:focus,180 .colors-custom .site-footer .widget-area a:hover,181 .colors-custom .posts-navigation a:focus,182 .colors-custom .posts-navigation a:hover,183 .colors-custom .comment-navigation a:focus,184 .colors-custom .comment-navigation a:hover,185 .colors-custom .comment-metadata a:focus,186 .colors-custom .comment-metadata a:hover,187 .colors-custom .comment-metadata a.comment-edit-link:focus,188 .colors-custom .comment-metadata a.comment-edit-link:hover,189 .colors-custom .comment-reply-link:focus,190 .colors-custom .comment-reply-link:hover,191 .colors-custom .widget_authors a:focus strong,192 .colors-custom .widget_authors a:hover strong,193 .colors-custom .project-terms a:focus,194 .colors-custom .project-terms a:hover,195 .colors-custom .entry-title a:focus,196 .colors-custom .entry-title a:hover,197 .colors-custom .entry-meta a:focus,198 .colors-custom .entry-meta a:hover,199 .colors-custom .page-links a:focus .page-number,200 .colors-custom .page-links a:hover .page-number,201 .colors-custom .entry-footer a:focus,202 .colors-custom .entry-footer a:hover,203 .colors-custom .entry-footer .cat-links a:focus,204 .colors-custom .entry-footer .cat-links a:hover,205 .colors-custom .entry-footer .tags-links a:focus,206 .colors-custom .entry-footer .tags-links a:hover,207 .colors-custom .post-navigation a:focus,208 .colors-custom .post-navigation a:hover,209 .colors-custom .logged-in-as a:focus,210 .colors-custom .logged-in-as a:hover,211 .colors-custom .comment-navigation a:focus,212 .colors-custom .comment-navigation a:hover,213 .colors-custom a:focus .nav-title,214 .colors-custom .colors-custom a:hover .nav-title,215 .colors-custom .edit-link a:focus,216 .colors-custom .edit-link a:hover,217 .colors-custom .pagination a:focus,218 .colors-custom .pagination a:hover,219 .colors-custom .site-info a:focus,220 .colors-custom .site-info a:hover,221 .colors-custom .widget .widget-title a:focus,222 .colors-custom .widget .widget-title a:hover,223 .colors-custom .widget ul li a:focus,224 .colors-custom .widget ul li a:hover,225 307 .colors-custom .entry-footer .edit-link a.post-edit-link:hover, 226 308 .colors-custom .entry-footer .edit-link a.post-edit-link:focus, 227 .colors-custom .social-navigation a:hover, 228 .colors-custom .social-navigation a:focus { 309 .colors-custom .social-navigation a, 310 .colors-custom .prev.page-numbers:focus, 311 .colors-custom .prev.page-numbers:hover, 312 .colors-custom .next.page-numbers:focus, 313 .colors-custom .next.page-numbers:hover, 314 .colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover, 315 .colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus { 229 316 background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ 230 317 } 231 318 232 .colors-custom .entry-content a,233 .colors-custom .entry-content a:visited,234 .colors-custom .entry-summary a,235 .colors-custom .entry-summary a:visited,236 .colors-custom .widget a,237 .colors-custom .widget a:visited,238 .colors-custom .site-footer .widget-area a,239 .colors-custom .site-footer .widget-area a:visited,240 .colors-custom .posts-navigation a,241 .colors-custom .posts-navigation a:visited,242 .colors-custom .widget_authors a strong,243 .colors-custom .widget_authors a:visited strong {244 border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */245 }246 247 319 .colors-custom button.secondary:hover, 248 320 .colors-custom button.secondary:focus, 249 321 .colors-custom input[type="reset"]:hover, … … 254 326 .colors-custom input[type="reset"].secondary:focus, 255 327 .colors-custom input[type="submit"].secondary:hover, 256 328 .colors-custom input[type="submit"].secondary:focus, 257 .colors-custom .social-navigation a,258 329 .colors-custom hr { 259 330 background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ 260 331 } … … 286 357 border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ 287 358 } 288 359 360 .colors-custom thead th { 361 border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ 362 } 363 289 364 .colors-custom .entry-footer .cat-links .icon, 290 365 .colors-custom .entry-footer .tags-links .icon { 291 366 color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ … … 325 400 .colors-custom .navigation-top, 326 401 .colors-custom .main-navigation > div > ul, 327 402 .colors-custom .pagination, 328 .colors-custom .comment -navigation,403 .colors-custom .comments-pagination, 329 404 .colors-custom .entry-footer, 330 405 .colors-custom .site-footer { 331 406 border-top-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */ … … 334 409 .colors-custom .navigation-top, 335 410 .colors-custom .main-navigation li, 336 411 .colors-custom .entry-footer, 337 .colors-custom #comments { 412 .colors-custom .single-featured-image-header, 413 .colors-custom .site-content .wp-playlist-light .wp-playlist-item, 414 .colors-custom tr { 338 415 border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */ 339 416 } 340 417 341 .colors-custom .site-header { 418 .colors-custom .site-content .wp-playlist-light { 419 border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */ 420 } 421 422 .colors-custom .site-header, 423 .colors-custom .single-featured-image-header { 342 424 background-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 98% ); /* base: #fafafa; */ 343 425 } 344 426 345 .colors-custom .entry-content a:focus,346 .colors-custom .entry-content a:hover,347 .colors-custom .entry-summary a:focus,348 .colors-custom .entry-summary a:hover,349 .colors-custom .widget a:focus,350 .colors-custom .widget a:hover,351 .colors-custom .site-footer .widget-area a:focus,352 .colors-custom .site-footer .widget-area a:hover,353 .colors-custom .posts-navigation a:focus,354 .colors-custom .posts-navigation a:hover,355 .colors-custom .comment-navigation a:focus,356 .colors-custom .comment-navigation a:hover,357 .colors-custom .comment-metadata a:focus,358 .colors-custom .comment-metadata a:hover,359 .colors-custom .comment-metadata a.comment-edit-link:focus,360 .colors-custom .comment-metadata a.comment-edit-link:hover,361 .colors-custom .comment-reply-link:focus,362 .colors-custom .comment-reply-link:hover,363 .colors-custom .widget_authors a:focus strong,364 .colors-custom .widget_authors a:hover strong,365 .colors-custom .project-terms a:focus,366 .colors-custom .project-terms a:hover,367 .colors-custom .colors-custom .entry-title a:focus,368 .colors-custom .entry-title a:hover,369 .colors-custom .entry-meta a:focus,370 .colors-custom .entry-meta a:hover,371 .colors-custom .page-links a:focus .page-number,372 .colors-custom .page-links a:hover .page-number,373 .colors-custom .entry-footer a:focus,374 .colors-custom .entry-footer a:hover,375 .colors-custom .entry-footer .cat-links a:focus,376 .colors-custom .entry-footer .cat-links a:hover,377 .colors-custom .entry-footer .tags-links a:focus,378 .colors-custom .entry-footer .tags-links a:hover,379 .colors-custom .post-navigation a:focus,380 .colors-custom .post-navigation a:hover,381 .colors-custom .logged-in-as a:focus,382 .colors-custom .logged-in-as a:hover,383 .colors-custom .comment-navigation a:focus,384 .colors-custom .comment-navigation a:hover,385 .colors-custom a:focus .nav-title,386 .colors-custom a:hover .nav-title,387 .colors-custom .edit-link a:focus,388 .colors-custom .edit-link a:hover,389 .colors-custom .pagination a:focus,390 .colors-custom .pagination a:hover,391 .colors-custom .site-info a:focus,392 .colors-custom .site-info a:hover,393 .colors-custom .widget .widget-title a:focus,394 .colors-custom .widget .widget-title a:hover,395 .colors-custom .widget ul li a:focus,396 .colors-custom .widget ul li a:hover,397 427 .colors-custom button, 398 428 .colors-custom input[type="button"], 399 429 .colors-custom input[type="submit"], 400 430 .colors-custom .entry-footer .edit-link a.post-edit-link, 401 .colors-custom .social-navigation a { 431 .colors-custom .social-navigation a, 432 .colors-custom .site-content .wp-playlist-light a.wp-playlist-caption:hover, 433 .colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover a, 434 .colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus a, 435 .colors-custom .site-content .wp-playlist-light .wp-playlist-item:hover, 436 .colors-custom .site-content .wp-playlist-light .wp-playlist-item:focus, 437 .colors-custom .prev.page-numbers:focus, 438 .colors-custom .prev.page-numbers:hover, 439 .colors-custom .next.page-numbers:focus, 440 .colors-custom .next.page-numbers:hover, 441 .colors-custom.has-header-image .site-title, 442 .colors-custom.has-header-image .site-title a, 443 .colors-custom.has-header-image .site-description { 402 444 color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */ 403 445 } 404 446 … … 408 450 background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */ 409 451 } 410 452 453 .colors-custom .widget ul li a, 454 .colors-custom .site-footer .widget-area ul li a { 455 -webkit-box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: rgba(255, 255, 255, 1); */ 456 box-shadow: inset 0 -1px 0 hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: rgba(255, 255, 255, 1); */ 457 } 458 411 459 .colors-custom .menu-toggle, 412 460 .colors-custom .menu-toggle:hover, 413 461 .colors-custom .menu-toggle:focus, 414 .colors-custom .menu .dropdown-toggle 462 .colors-custom .menu .dropdown-toggle, 415 463 .colors-custom .menu-scroll-down, 416 464 .colors-custom .menu-scroll-down:hover, 417 465 .colors-custom .menu-scroll-down:focus { … … 418 466 background-color: transparent; 419 467 } 420 468 469 .colors-custom .widget .tagcloud a, 470 .colors-custom .widget .tagcloud a:focus, 471 .colors-custom .widget .tagcloud a:hover, 472 .colors-custom .widget.widget_tag_cloud a, 473 .colors-custom .widget.widget_tag_cloud a:focus, 474 .colors-custom .widget.widget_tag_cloud a:hover, 475 .colors-custom .wp_widget_tag_cloud a, 476 .colors-custom .wp_widget_tag_cloud a:focus, 477 .colors-custom .wp_widget_tag_cloud a:hover, 478 .colors-custom .entry-footer .edit-link a.post-edit-link:focus, 479 .colors-custom .entry-footer .edit-link a.post-edit-link:hover, 480 .colors-custom .prev.page-numbers:focus, 481 .colors-custom .prev.page-numbers:hover, 482 .colors-custom .next.page-numbers:focus, 483 .colors-custom .next.page-numbers:hover { 484 -webkit-box-shadow: none !important; 485 box-shadow: none !important; 486 } 421 487 488 /* Reset non-customizable hover styling for links */ 489 .colors-custom .entry-content a:hover, 490 .colors-custom .entry-content a:focus, 491 .colors-custom .entry-summary a:hover, 492 .colors-custom .entry-summary a:focus, 493 .colors-custom .widget a:hover, 494 .colors-custom .widget a:focus, 495 .colors-custom .site-footer .widget-area a:hover, 496 .colors-custom .site-footer .widget-area a:focus, 497 .colors-custom .posts-navigation a:hover, 498 .colors-custom .posts-navigation a:focus, 499 .colors-custom .widget_authors a:hover strong, 500 .colors-custom .widget_authors a:focus strong { 501 -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); 502 box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); 503 } 504 505 .colors-custom .gallery-item a, 506 .colors-custom .gallery-item a:hover, 507 .colors-custom .gallery-item a:focus { 508 -webkit-box-shadow: none; 509 box-shadow: none; 510 } 511 422 512 @media screen and (min-width: 48em) { 423 513 424 514 .colors-custom .nav-links .nav-previous .nav-title .icon, … … 431 521 background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */ 432 522 } 433 523 434 .colors-custom . menu-scroll-down {524 .colors-custom .navigation-top .menu-scroll-down { 435 525 color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */; 436 526 } 437 527 528 .colors-custom abbr[title] { 529 border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 46% ); /* base: #767676; */; 530 } 531 438 532 .colors-custom .main-navigation ul ul { 439 border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */533 border-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ 440 534 background: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 100% ); /* base: #fff; */ 441 535 } 442 536 443 537 .colors-custom .main-navigation ul li.menu-item-has-children:before, 444 538 .colors-custom .main-navigation ul li.page_item_has_children:before { 445 border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 93% ); /* base: #eee; */539 border-bottom-color: hsl( ' . esc_attr( $hue ) . ', ' . esc_attr( $saturation ) . ', 73% ); /* base: #bbb; */ 446 540 } 447 541 448 542 .colors-custom .main-navigation ul li.menu-item-has-children:after, -
src/wp-content/themes/twentyseventeen/style.css
1208 1208 .comment-reply-link:hover, 1209 1209 .widget_authors a:focus strong, 1210 1210 .widget_authors a:hover strong, 1211 .project-terms a:focus,1212 .project-terms a:hover {1213 color: #000;1214 -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);1215 box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);1216 }1217 1218 1211 .entry-title a:focus, 1219 1212 .entry-title a:hover, 1220 1213 .entry-meta a:focus, … … 2015 2008 2016 2009 .entry-footer .cat-links .icon, 2017 2010 .entry-footer .tags-links .icon { 2018 color: # 999;2011 color: #767676; 2019 2012 left: 0; 2020 2013 margin-right: 0.5em; 2021 2014 position: absolute;