[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-admin/css/colors/coffee/ -> colors.css (source)

   1  /*! This file is auto-generated */
   2  /*
   3   * Button mixin- creates a button effect with correct
   4   * highlights/shadows, based on a base color.
   5   */
   6  body {
   7    background: #f1f1f1;
   8  }
   9  
  10  /* Links */
  11  a {
  12    color: #0073aa;
  13  }
  14  
  15  a:hover, a:active, a:focus {
  16    color: #0096dd;
  17  }
  18  
  19  #post-body .misc-pub-post-status:before,
  20  #post-body #visibility:before,
  21  .curtime #timestamp:before,
  22  #post-body .misc-pub-revisions:before,
  23  span.wp-media-buttons-icon:before {
  24    color: currentColor;
  25  }
  26  
  27  /* Forms */
  28  input[type=checkbox]:checked::before {
  29    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
  30  }
  31  
  32  input[type=radio]:checked::before {
  33    background: #59524c;
  34  }
  35  
  36  .wp-core-ui input[type="reset"]:hover,
  37  .wp-core-ui input[type="reset"]:active {
  38    color: #0096dd;
  39  }
  40  
  41  input[type="text"]:focus,
  42  input[type="password"]:focus,
  43  input[type="color"]:focus,
  44  input[type="date"]:focus,
  45  input[type="datetime"]:focus,
  46  input[type="datetime-local"]:focus,
  47  input[type="email"]:focus,
  48  input[type="month"]:focus,
  49  input[type="number"]:focus,
  50  input[type="search"]:focus,
  51  input[type="tel"]:focus,
  52  input[type="text"]:focus,
  53  input[type="time"]:focus,
  54  input[type="url"]:focus,
  55  input[type="week"]:focus,
  56  input[type="checkbox"]:focus,
  57  input[type="radio"]:focus,
  58  select:focus,
  59  textarea:focus {
  60    border-color: #c7a589;
  61    box-shadow: 0 0 0 1px #c7a589;
  62  }
  63  
  64  /* Core UI */
  65  .wp-core-ui .button {
  66    border-color: #7e8993;
  67    color: #32373c;
  68  }
  69  
  70  .wp-core-ui .button.hover,
  71  .wp-core-ui .button:hover,
  72  .wp-core-ui .button.focus,
  73  .wp-core-ui .button:focus {
  74    border-color: #717c87;
  75    color: #262a2e;
  76  }
  77  
  78  .wp-core-ui .button.focus,
  79  .wp-core-ui .button:focus {
  80    border-color: #7e8993;
  81    color: #262a2e;
  82    box-shadow: 0 0 0 1px #32373c;
  83  }
  84  
  85  .wp-core-ui .button:active {
  86    border-color: #7e8993;
  87    color: #262a2e;
  88    box-shadow: none;
  89  }
  90  
  91  .wp-core-ui .button.active,
  92  .wp-core-ui .button.active:focus,
  93  .wp-core-ui .button.active:hover {
  94    border-color: #c7a589;
  95    color: #262a2e;
  96    box-shadow: inset 0 2px 5px -3px #c7a589;
  97  }
  98  
  99  .wp-core-ui .button.active:focus {
 100    box-shadow: 0 0 0 1px #32373c;
 101  }
 102  
 103  .wp-core-ui .button-primary {
 104    background: #c7a589;
 105    border-color: #c7a589;
 106    color: #fff;
 107  }
 108  
 109  .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
 110    background: #ccad93;
 111    border-color: #c29d7f;
 112    color: #fff;
 113  }
 114  
 115  .wp-core-ui .button-primary:focus {
 116    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
 117  }
 118  
 119  .wp-core-ui .button-primary:active {
 120    background: #bf9878;
 121    border-color: #bf9878;
 122    color: #fff;
 123  }
 124  
 125  .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
 126    background: #c7a589;
 127    color: #fff;
 128    border-color: #ae7d55;
 129    box-shadow: inset 0 2px 5px -3px #37271a;
 130  }
 131  
 132  .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
 133    color: #d1ccc7 !important;
 134    background: #ba906d !important;
 135    border-color: #ba906d !important;
 136    text-shadow: none !important;
 137  }
 138  
 139  .wp-core-ui .button-group > .button.active {
 140    border-color: #c7a589;
 141  }
 142  
 143  .wp-core-ui .wp-ui-primary {
 144    color: #fff;
 145    background-color: #59524c;
 146  }
 147  
 148  .wp-core-ui .wp-ui-text-primary {
 149    color: #59524c;
 150  }
 151  
 152  .wp-core-ui .wp-ui-highlight {
 153    color: #fff;
 154    background-color: #c7a589;
 155  }
 156  
 157  .wp-core-ui .wp-ui-text-highlight {
 158    color: #c7a589;
 159  }
 160  
 161  .wp-core-ui .wp-ui-notification {
 162    color: #fff;
 163    background-color: #9ea476;
 164  }
 165  
 166  .wp-core-ui .wp-ui-text-notification {
 167    color: #9ea476;
 168  }
 169  
 170  .wp-core-ui .wp-ui-text-icon {
 171    color: #f3f2f1;
 172  }
 173  
 174  /* List tables */
 175  .wrap .add-new-h2:hover,
 176  .wrap .page-title-action:hover {
 177    color: #fff;
 178    background-color: #59524c;
 179  }
 180  
 181  .view-switch a.current:before {
 182    color: #59524c;
 183  }
 184  
 185  .view-switch a:hover:before {
 186    color: #9ea476;
 187  }
 188  
 189  /* Admin Menu */
 190  #adminmenuback,
 191  #adminmenuwrap,
 192  #adminmenu {
 193    background: #59524c;
 194  }
 195  
 196  #adminmenu a {
 197    color: #fff;
 198  }
 199  
 200  #adminmenu div.wp-menu-image:before {
 201    color: #f3f2f1;
 202  }
 203  
 204  #adminmenu a:hover,
 205  #adminmenu li.menu-top:hover,
 206  #adminmenu li.opensub > a.menu-top,
 207  #adminmenu li > a.menu-top:focus {
 208    color: #fff;
 209    background-color: #c7a589;
 210  }
 211  
 212  #adminmenu li.menu-top:hover div.wp-menu-image:before,
 213  #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
 214    color: #fff;
 215  }
 216  
 217  /* Active tabs use a bottom border color that matches the page background color. */
 218  .about-wrap .nav-tab-active,
 219  .nav-tab-active,
 220  .nav-tab-active:hover {
 221    background-color: #f1f1f1;
 222    border-bottom-color: #f1f1f1;
 223  }
 224  
 225  /* Admin Menu: submenu */
 226  #adminmenu .wp-submenu,
 227  #adminmenu .wp-has-current-submenu .wp-submenu,
 228  #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 229  .folded #adminmenu .wp-has-current-submenu .wp-submenu,
 230  #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
 231    background: #46403c;
 232  }
 233  
 234  #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 235    border-right-color: #46403c;
 236  }
 237  
 238  #adminmenu .wp-submenu .wp-submenu-head {
 239    color: #cdcbc9;
 240  }
 241  
 242  #adminmenu .wp-submenu a,
 243  #adminmenu .wp-has-current-submenu .wp-submenu a,
 244  .folded #adminmenu .wp-has-current-submenu .wp-submenu a,
 245  #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 246  #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
 247    color: #cdcbc9;
 248  }
 249  
 250  #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 251  #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 252  #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 253  .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
 254  .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
 255  #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
 256  #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 257  #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
 258  #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
 259    color: #c7a589;
 260  }
 261  
 262  /* Admin Menu: current */
 263  #adminmenu .wp-submenu li.current a,
 264  #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
 265  #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
 266    color: #fff;
 267  }
 268  
 269  #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
 270  #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
 271  #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
 272  #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
 273  #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
 274    color: #c7a589;
 275  }
 276  
 277  ul#adminmenu a.wp-has-current-submenu:after,
 278  ul#adminmenu > li.current > a.current:after {
 279    border-right-color: #f1f1f1;
 280  }
 281  
 282  #adminmenu li.current a.menu-top,
 283  #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 284  #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
 285  .folded #adminmenu li.current.menu-top {
 286    color: #fff;
 287    background: #c7a589;
 288  }
 289  
 290  #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
 291  #adminmenu a.current:hover div.wp-menu-image:before,
 292  #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
 293  #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
 294  #adminmenu li:hover div.wp-menu-image:before,
 295  #adminmenu li a:focus div.wp-menu-image:before,
 296  #adminmenu li.opensub div.wp-menu-image:before {
 297    color: #fff;
 298  }
 299  
 300  /* Admin Menu: bubble */
 301  #adminmenu .awaiting-mod,
 302  #adminmenu .update-plugins {
 303    color: #fff;
 304    background: #9ea476;
 305  }
 306  
 307  #adminmenu li.current a .awaiting-mod,
 308  #adminmenu li a.wp-has-current-submenu .update-plugins,
 309  #adminmenu li:hover a .awaiting-mod,
 310  #adminmenu li.menu-top:hover > a .update-plugins {
 311    color: #fff;
 312    background: #46403c;
 313  }
 314  
 315  /* Admin Menu: collapse button */
 316  #collapse-button {
 317    color: #f3f2f1;
 318  }
 319  
 320  #collapse-button:hover,
 321  #collapse-button:focus {
 322    color: #c7a589;
 323  }
 324  
 325  /* Admin Bar */
 326  #wpadminbar {
 327    color: #fff;
 328    background: #59524c;
 329  }
 330  
 331  #wpadminbar .ab-item,
 332  #wpadminbar a.ab-item,
 333  #wpadminbar > #wp-toolbar span.ab-label,
 334  #wpadminbar > #wp-toolbar span.noticon {
 335    color: #fff;
 336  }
 337  
 338  #wpadminbar .ab-icon,
 339  #wpadminbar .ab-icon:before,
 340  #wpadminbar .ab-item:before,
 341  #wpadminbar .ab-item:after {
 342    color: #f3f2f1;
 343  }
 344  
 345  #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 346  #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
 347  #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 348  #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 349  #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
 350    color: #c7a589;
 351    background: #46403c;
 352  }
 353  
 354  #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 355  #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
 356  #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
 357    color: #c7a589;
 358  }
 359  
 360  #wpadminbar:not(.mobile) li:hover .ab-icon:before,
 361  #wpadminbar:not(.mobile) li:hover .ab-item:before,
 362  #wpadminbar:not(.mobile) li:hover .ab-item:after,
 363  #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
 364    color: #fff;
 365  }
 366  
 367  /* Admin Bar: submenu */
 368  #wpadminbar .menupop .ab-sub-wrapper {
 369    background: #46403c;
 370  }
 371  
 372  #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 373  #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
 374    background: #656463;
 375  }
 376  
 377  #wpadminbar .ab-submenu .ab-item,
 378  #wpadminbar .quicklinks .menupop ul li a,
 379  #wpadminbar .quicklinks .menupop.hover ul li a,
 380  #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
 381    color: #cdcbc9;
 382  }
 383  
 384  #wpadminbar .quicklinks li .blavatar,
 385  #wpadminbar .menupop .menupop > .ab-item:before {
 386    color: #f3f2f1;
 387  }
 388  
 389  #wpadminbar .quicklinks .menupop ul li a:hover,
 390  #wpadminbar .quicklinks .menupop ul li a:focus,
 391  #wpadminbar .quicklinks .menupop ul li a:hover strong,
 392  #wpadminbar .quicklinks .menupop ul li a:focus strong,
 393  #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 394  #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 395  #wpadminbar .quicklinks .menupop.hover ul li a:focus,
 396  #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
 397  #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
 398  #wpadminbar li:hover .ab-icon:before,
 399  #wpadminbar li:hover .ab-item:before,
 400  #wpadminbar li a:focus .ab-icon:before,
 401  #wpadminbar li .ab-item:focus:before,
 402  #wpadminbar li .ab-item:focus .ab-icon:before,
 403  #wpadminbar li.hover .ab-icon:before,
 404  #wpadminbar li.hover .ab-item:before,
 405  #wpadminbar li:hover #adminbarsearch:before,
 406  #wpadminbar li #adminbarsearch.adminbar-focused:before {
 407    color: #c7a589;
 408  }
 409  
 410  #wpadminbar .quicklinks li a:hover .blavatar,
 411  #wpadminbar .quicklinks li a:focus .blavatar,
 412  #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 413  #wpadminbar .menupop .menupop > .ab-item:hover:before,
 414  #wpadminbar.mobile .quicklinks .ab-icon:before,
 415  #wpadminbar.mobile .quicklinks .ab-item:before {
 416    color: #c7a589;
 417  }
 418  
 419  #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 420  #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 421    color: #f3f2f1;
 422  }
 423  
 424  /* Admin Bar: search */
 425  #wpadminbar #adminbarsearch:before {
 426    color: #f3f2f1;
 427  }
 428  
 429  #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 430    color: #fff;
 431    background: #6c645c;
 432  }
 433  
 434  /* Admin Bar: recovery mode */
 435  #wpadminbar #wp-admin-bar-recovery-mode {
 436    color: #fff;
 437    background-color: #9ea476;
 438  }
 439  
 440  #wpadminbar #wp-admin-bar-recovery-mode .ab-item,
 441  #wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
 442    color: #fff;
 443  }
 444  
 445  #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
 446  #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
 447  #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 448  #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
 449    color: #fff;
 450    background-color: #8e946a;
 451  }
 452  
 453  /* Admin Bar: my account */
 454  #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
 455    border-color: #6c645c;
 456    background-color: #6c645c;
 457  }
 458  
 459  #wpadminbar #wp-admin-bar-user-info .display-name {
 460    color: #fff;
 461  }
 462  
 463  #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
 464    color: #c7a589;
 465  }
 466  
 467  #wpadminbar #wp-admin-bar-user-info .username {
 468    color: #cdcbc9;
 469  }
 470  
 471  /* Pointers */
 472  .wp-pointer .wp-pointer-content h3 {
 473    background-color: #c7a589;
 474    border-color: #bf9878;
 475  }
 476  
 477  .wp-pointer .wp-pointer-content h3:before {
 478    color: #c7a589;
 479  }
 480  
 481  .wp-pointer.wp-pointer-top .wp-pointer-arrow,
 482  .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
 483  .wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
 484  .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
 485    border-bottom-color: #c7a589;
 486  }
 487  
 488  /* Media */
 489  .media-item .bar,
 490  .media-progress-bar div {
 491    background-color: #c7a589;
 492  }
 493  
 494  .details.attachment {
 495    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
 496  }
 497  
 498  .attachment.details .check {
 499    background-color: #c7a589;
 500    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
 501  }
 502  
 503  .media-selection .attachment.selection.details .thumbnail {
 504    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
 505  }
 506  
 507  /* Themes */
 508  .theme-browser .theme.active .theme-name,
 509  .theme-browser .theme.add-new-theme a:hover:after,
 510  .theme-browser .theme.add-new-theme a:focus:after {
 511    background: #c7a589;
 512  }
 513  
 514  .theme-browser .theme.add-new-theme a:hover span:after,
 515  .theme-browser .theme.add-new-theme a:focus span:after {
 516    color: #c7a589;
 517  }
 518  
 519  .theme-section.current,
 520  .theme-filter.current {
 521    border-bottom-color: #59524c;
 522  }
 523  
 524  body.more-filters-opened .more-filters {
 525    color: #fff;
 526    background-color: #59524c;
 527  }
 528  
 529  body.more-filters-opened .more-filters:before {
 530    color: #fff;
 531  }
 532  
 533  body.more-filters-opened .more-filters:hover,
 534  body.more-filters-opened .more-filters:focus {
 535    background-color: #c7a589;
 536    color: #fff;
 537  }
 538  
 539  body.more-filters-opened .more-filters:hover:before,
 540  body.more-filters-opened .more-filters:focus:before {
 541    color: #fff;
 542  }
 543  
 544  /* Widgets */
 545  .widgets-chooser li.widgets-chooser-selected {
 546    background-color: #c7a589;
 547    color: #fff;
 548  }
 549  
 550  .widgets-chooser li.widgets-chooser-selected:before,
 551  .widgets-chooser li.widgets-chooser-selected:focus:before {
 552    color: #fff;
 553  }
 554  
 555  /* Responsive Component */
 556  div#wp-responsive-toggle a:before {
 557    color: #f3f2f1;
 558  }
 559  
 560  .wp-responsive-open div#wp-responsive-toggle a {
 561    border-color: transparent;
 562    background: #c7a589;
 563  }
 564  
 565  .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 566    background: #46403c;
 567  }
 568  
 569  .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 570    color: #f3f2f1;
 571  }
 572  
 573  /* TinyMCE */
 574  .mce-container.mce-menu .mce-menu-item:hover,
 575  .mce-container.mce-menu .mce-menu-item.mce-selected,
 576  .mce-container.mce-menu .mce-menu-item:focus,
 577  .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 578  .mce-container.mce-menu .mce-menu-item-preview.mce-active {
 579    background: #c7a589;
 580  }


Generated : Tue Jun 2 08:20:01 2020 Cross-referenced by PHPXref