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