[Summary view] [Print] [Text view]

   1  /* This file was automatically generated on Aug 11 2026 23:09:16 */
   2  
   3  body {
   4      --akismet-color-charcoal: #272635;
   5      --akismet-color-light-grey: #f6f7f7;
   6      --akismet-color-mid-grey: #a7aaad;
   7      --akismet-color-dark-grey: #646970;
   8      --akismet-color-grey-80: #2c3338;
   9      --akismet-color-grey-100: #101517;
  10      --akismet-color-grey-border: #dcdcde;
  11      --akismet-color-white: #fff;
  12      --akismet-color-dark-green: #2d6a40;
  13      --akismet-color-mid-green: #357b49;
  14      --akismet-color-light-green: #4eb26a;
  15      --akismet-color-mid-red: #e82c3f;
  16      --akismet-color-light-blue: #256eff;
  17      --akismet-color-notice-light-green: #dbf0e1;
  18      --akismet-color-notice-dark-green: #69bf82;
  19      --akismet-color-notice-light-red: #ffdbde;
  20      --akismet-color-notice-dark-red: #ff6676;
  21      --akismet-color-notice-yellow: #e5c133;
  22      --akismet-color-page-bg: #fcfcfc;
  23      --akismet-color-border: #e0e0e0;
  24      --akismet-color-border-light: #f0f0f0;
  25      --akismet-color-near-black: #1e1e1e;
  26      --akismet-color-text-grey: #757575;
  27      --akismet-color-icon: #666666;
  28      --akismet-color-icon-hover: #333333;
  29  }
  30  
  31  /* UI components */
  32  #akismet-plugin-container {
  33      background-color: var(--akismet-color-page-bg);
  34      border: 1px solid var(--akismet-color-border);
  35      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
  36      -webkit-font-smoothing: antialiased;
  37  }
  38  
  39  #akismet-plugin-container a {
  40      color: var(--akismet-color-mid-green);
  41  }
  42  
  43  #akismet-plugin-container a.akismet-button {
  44      background-color: var(--akismet-color-mid-green);
  45      color: var(--akismet-color-white);
  46  }
  47  
  48  #akismet-plugin-container button:focus-visible,
  49  #akismet-plugin-container input:focus-visible {
  50      border: 0;
  51      box-shadow: none;
  52      outline: 2px solid var(--akismet-color-light-blue);
  53  }
  54  
  55  #akismet-plugin-container a:focus-visible {
  56      box-shadow: none;
  57      outline: 2px solid var(--akismet-color-light-blue);
  58  }
  59  
  60  .akismet-masthead {
  61      border-bottom: 1px solid var(--akismet-color-border-light);
  62      box-shadow: none;
  63  }
  64  
  65  .akismet-masthead__logo {
  66      margin: 20px 0;
  67  }
  68  
  69  .akismet-section-header {
  70      box-shadow: none;
  71      margin-bottom: 0;
  72  }
  73  
  74  .akismet-section-header__label {
  75      color: var(--akismet-color-charcoal);
  76      font-weight: 600;
  77      margin: 0;
  78      padding-right: 0.2em;
  79  }
  80  
  81  .akismet-button, 
  82  .akismet-button:hover {
  83      border: 0;
  84      color: var(--akismet-color-white);
  85  }
  86  
  87  .akismet-button {
  88      background-color: var(--akismet-color-mid-green);
  89  }
  90  
  91  .akismet-button:hover {
  92      background-color: var(--akismet-color-dark-green);
  93  }
  94  
  95  .akismet-external-link {
  96      display: inline-block;
  97  }
  98  
  99  .akismet-external-link::after {
 100      content: "↗";
 101      display: inline-block;
 102      padding-right: 2px;
 103      text-decoration: none;
 104      vertical-align: middle;
 105  }
 106  
 107  /* The icon sits too low against the help panel line-height; align it to the top there. */
 108  #contextual-help-wrap .akismet-external-link::after {
 109      vertical-align: top;
 110  }
 111  
 112  /* Need this specificity to override the existing header rule */
 113  .akismet-new-snapshot h3.akismet-new-snapshot__header {
 114      background: none;
 115      font-size: 13px;
 116      color: var(--akismet-color-charcoal);
 117      text-align: right;
 118      text-transform: none;
 119  }
 120  
 121  .akismet-new-snapshot__number {
 122      color: var(--akismet-color-charcoal);
 123      display: block;
 124      font-size: 32px;
 125      font-weight: 400;
 126      letter-spacing: -1px;
 127      line-height: 1.5em;
 128      text-align: right;
 129  }
 130  
 131  .akismet-new-snapshot li.akismet-new-snapshot__item {
 132      color: var(--akismet-color-dark-grey);
 133      font-size: 13px;
 134      text-align: right;
 135      text-transform: none;
 136  }
 137  
 138  .akismet-masthead__logo-link {
 139      min-height: 50px;
 140  }
 141  
 142  .akismet-masthead__back-link-container {
 143      margin-top: 16px;
 144      margin-bottom: 2px;
 145  }
 146  
 147  /* Need this specificity to override the existing link rule */
 148  #akismet-plugin-container a.akismet-masthead__back-link {
 149      background-image: url(../img/arrow-left.svg);
 150      background-position: right;
 151      background-repeat: no-repeat;
 152      background-size: 16px;
 153      color: var(--akismet-color-charcoal);
 154      font-weight: 400;
 155      padding-right: 20px;
 156      text-decoration: none;
 157  }
 158  
 159  #akismet-plugin-container a.akismet-masthead__back-link:hover {
 160      text-decoration: underline;
 161  }
 162  
 163  .akismet-new-snapshot__item {
 164      border-right: 1px solid var(--akismet-color-border-light);
 165      border-top: 1px solid var(--akismet-color-border-light);
 166      flex: 1 0 33.33%;
 167      margin-bottom: 0;
 168      padding: 1em 1.5em;
 169  }
 170  
 171  .akismet-new-snapshot li:first-child {
 172      border-right: none;
 173  }
 174  
 175  .akismet-new-snapshot__list {
 176      display: flex;
 177      margin-bottom: 0;
 178  }
 179  
 180  .akismet-new-snapshot__chart {
 181      padding: 1em;
 182  }
 183  
 184  .akismet-stats-footer {
 185      align-items: center;
 186      border-radius: 0 0 7px 7px;
 187      border-top: 1px solid var(--akismet-color-border-light);
 188      display: flex;
 189      justify-content: space-between;
 190      outline-offset: -2px;
 191      padding: 1em 1.5em;
 192      text-decoration: none;
 193  }
 194  
 195  .akismet-stats-footer:hover {
 196      text-decoration: underline;
 197  }
 198  
 199  .akismet-stats-footer:focus {
 200      border-radius: 0 0 7px 7px;
 201      box-shadow: none;
 202  }
 203  
 204  .akismet-stats-footer:focus-visible {
 205      box-shadow: none;
 206      outline: 2px solid var(--akismet-color-light-blue);
 207  }
 208  
 209  .akismet-box {
 210      border: 0;
 211  }
 212  
 213  .akismet-box:not(:first-child) {
 214      margin-top: 1rem;
 215  }
 216  
 217  .akismet-box,
 218  .akismet-card {
 219      border: 1px solid var(--akismet-color-border);
 220      border-radius: 8px;
 221      overflow: hidden;
 222  }
 223  
 224  .akismet-card {
 225      margin: 16px auto 0 auto;
 226  }
 227  
 228  .akismet-lower {
 229      padding-top: 0;
 230  }
 231  
 232  .akismet-lower .inside {
 233      padding: 0;
 234  }
 235  
 236  .akismet-settings__row {
 237      border-bottom: 1px solid var(--akismet-color-border-light);
 238      display: block;
 239      padding: 1em 1.5em;
 240  }
 241  
 242  .akismet-settings__row-input {
 243      margin-right: auto;
 244  }
 245  
 246  .akismet-settings__row-title {
 247      font-weight: 500;
 248      font-size: 1em;
 249      margin: 0;
 250      margin-bottom: 1em;
 251  }
 252  
 253  .akismet-settings__row-description {
 254      margin-top: 0.5em;
 255  }
 256  
 257  .akismet-card-actions {
 258      display: flex;
 259      justify-content: flex-end;
 260      padding: 1em;
 261  }
 262  
 263  .akismet-card-actions__secondary-action {
 264      align-self: center;
 265      margin-inline-end: auto;
 266      margin-inline-start: 6px;
 267  }
 268  
 269  .akismet-settings__row label {
 270      padding-bottom: 1em;
 271  }
 272  
 273  .akismet-settings__row-note {
 274      font-size: 0.9em;
 275      margin-top: 0.4em;
 276  }
 277  
 278  .akismet-settings__row-note abbr {
 279      cursor: help;
 280  }
 281  
 282  .akismet-settings__row input[type="checkbox"],
 283  .akismet-settings__row input[type="radio"] {
 284      accent-color: var(--akismet-color-mid-green);
 285      box-shadow: none;
 286      flex-shrink: 0;
 287      margin: 2px 0 0 0;
 288  }
 289  
 290  .akismet-settings__row input[type="checkbox"] {
 291      margin-top: 1px;
 292      vertical-align: top;
 293      -webkit-appearance: checkbox;
 294  }
 295  
 296  .akismet-settings__row input[type="radio"] {
 297      -webkit-appearance: radio;
 298  }
 299  
 300  /* Fix up misbehaving wp-admin styles in Chrome (from forms and colors stylesheets) */
 301  .akismet-settings__row input[type="checkbox"]:checked:before {
 302      content: '';
 303  }
 304  
 305  .akismet-settings__row input[type="radio"]:checked:before {
 306      background: none;
 307  }
 308  
 309  .akismet-settings__row input[type="checkbox"]:checked:hover,
 310  .akismet-settings__row input[type="radio"]:checked:hover {
 311      accent-color: var(--akismet-color-mid-green);
 312  }
 313  
 314  .akismet-button:disabled {
 315      background-color: var(--akismet-color-mid-grey);
 316      color: var(--akismet-color-white);
 317      cursor: arrow;
 318  }
 319  
 320  .akismet-awaiting-stats,
 321  .akismet-account {
 322      padding: 0 1rem 1rem 1rem;
 323      margin: 0;
 324  }
 325  
 326  .akismet-account {
 327      display: grid;
 328      grid-template-columns: auto 1fr;
 329      margin-inline-start: 2px;
 330      margin-top: 0.25em;
 331      padding-bottom: 0;
 332      row-gap: 0.25em;
 333  }
 334  
 335  .akismet-account__label {
 336      font-weight: 500;
 337      padding-bottom: 1em;
 338      padding-inline-end: 1em;
 339  }
 340  
 341  .akismet-account__value {
 342      margin: 0;
 343      padding-bottom: 1em;
 344  }
 345  
 346  .akismet-settings__row-input-label {
 347      align-items: center;
 348      display: flex;
 349  }
 350  
 351  .akismet-settings__row-label-text {
 352      padding-right: 0.5em;
 353      margin-top: 2px;
 354  }
 355  
 356  .akismet-alert {
 357      border-right: 8px solid;
 358      border-radius: 8px;
 359      margin: 20px 0;
 360      padding: 0.2em 1em;
 361  }
 362  
 363  .akismet-alert__heading {
 364      font-size: 1em;
 365  }
 366  
 367  .akismet-alert.is-good {
 368      background-color: var(--akismet-color-notice-light-green);
 369      border-right-color: var(--akismet-color-notice-dark-green);
 370  }
 371  
 372  .akismet-alert.is-neutral {
 373      background-color: var(--akismet-color-white);
 374      border-right-color: var(--akismet-color-dark-grey);
 375  }
 376  
 377  .akismet-alert.is-bad {
 378      background-color: var(--akismet-color-notice-light-red);
 379      border-right-color: var(--akismet-color-notice-dark-red);
 380  }
 381  
 382  .akismet-alert.is-commercial {
 383      background-color: var(--akismet-color-white);
 384      border-color: var(--akismet-color-mid-grey);
 385      border-bottom-width: 1px;
 386      border-right-color: var(--akismet-color-notice-yellow);
 387      display: flex;
 388      padding-bottom: 1em;
 389  }
 390  
 391  #akismet-plugin-container .akismet-alert.is-good a,
 392  #akismet-plugin-container .akismet-alert.is-bad a {
 393      /* For better contrast - green isn't great */
 394      color: var(--akismet-color-grey-80);
 395  }
 396  
 397  .akismet-alert-header {
 398      font-size: 16px;
 399      margin-bottom: 0.5em;
 400  }
 401  
 402  .akismet-alert-button-wrapper {
 403      align-self: center;
 404      margin-right: 2em;
 405      min-width: 120px;
 406  }
 407  
 408  .akismet-alert-info {
 409      text-wrap: pretty;
 410      margin: 0.5em 0;
 411  }
 412  
 413  /* Setup */
 414  .akismet-setup-instructions__heading {
 415      font-size: 1.375rem;
 416      font-weight: 700;
 417      padding-block-end: 0;
 418  }
 419  
 420  h3.akismet-setup-instructions__subheading {
 421      color: var(--akismet-color-dark-grey);
 422      font-size: 1rem;
 423      font-weight: 400;
 424      line-height: 1.5;
 425      margin: 0 0 1.25rem;
 426      padding-block-start: 1rem;
 427  }
 428  
 429  .akismet-setup-instructions__feature-list {
 430      list-style: none;
 431      margin: 1rem 0.5rem 1.5rem;
 432      max-width: 640px;
 433      padding: 0 1rem;
 434  }
 435  
 436  .akismet-setup-instructions__feature {
 437      align-items: start;
 438      display: flex;
 439      margin-block-end: 1rem;
 440      text-align: right;
 441  }
 442  
 443  .akismet-setup-instructions__icon {
 444      height: 20px;
 445      width: 20px;
 446  }
 447  
 448  .akismet-setup-instructions__body {
 449      flex: 1;
 450      padding-inline-start: 0.5rem;
 451  }
 452  
 453  .akismet-setup-instructions__title {
 454      color: #1d2327;
 455      font-size: 1rem;
 456      font-weight: 600;
 457      line-height: 1.3;
 458      margin: 0;
 459      text-align: right;
 460  }
 461  
 462  p.akismet-setup-instructions__text {
 463      color: var(--akismet-color-grey-80);
 464      font-size: 0.875rem;
 465      line-height: 1.5;
 466      margin: 0.25rem 0 0;
 467      padding: 0;
 468      text-align: right;
 469  }
 470  
 471  .akismet-setup-instructions__button,
 472  .akismet-setup-instructions__button:hover,
 473  .akismet-setup-instructions__button:visited {
 474      font-size: 1rem;
 475      margin-inline-start: 1.5rem;
 476  }
 477  
 478  .akismet-setup__connection {
 479      background: var(--akismet-color-light-grey);
 480      border: 1px solid var(--akismet-color-grey-border);
 481      border-radius: 8px;
 482      margin: 1rem 1rem 2rem 1rem;
 483      padding: 1rem;
 484  }
 485  
 486  .akismet-setup__connection-action:not(:last-child) {
 487      margin-bottom: 1rem;
 488  }
 489  
 490  .akismet-setup__connection-user {
 491      display: flex;
 492  }
 493  
 494  .akismet-setup__connection-avatar {
 495      align-items: center;
 496      display: flex;
 497      gap: 12px;
 498      margin-bottom: 12px;
 499  }
 500  
 501  .akismet-setup__connection-avatar-image {
 502      border-radius: 50%;
 503  }
 504  
 505  .akismet-setup__connection-account-name {
 506      color: var(--akismet-color-charcoal);
 507      font-size: 0.9rem;
 508      overflow-wrap: anywhere;
 509  }
 510  
 511  .akismet-setup__connection-account-email {
 512      margin-top: 0.1rem;
 513      overflow-wrap: anywhere;
 514  }
 515  
 516  .akismet-setup__connection-action {
 517      margin-right: auto;
 518  }
 519  
 520  .akismet-setup__connection-button {
 521      text-align: center;
 522      width: 100%;
 523  }
 524  
 525  p.akismet-setup__connection-action-intro,
 526  p.akismet-setup__connection-action-description {
 527      color: var(--akismet-color-dark-grey);
 528      font-size: 0.875rem;
 529      padding: 0;
 530  }
 531  
 532  p.akismet-setup__connection-action-intro {
 533      margin: 0 0 1rem 0;
 534  }
 535  
 536  p.akismet-setup__connection-action-description {
 537      margin: 1rem 0 0;
 538  }
 539  
 540  /* API key field with copy button */
 541  .akismet-api-key-wrapper {
 542      position: relative;
 543      display: inline-flex;
 544      align-items: center;
 545  }
 546  
 547  .akismet-api-key-wrapper input {
 548      padding-left: 36px;
 549  }
 550  
 551  .akismet-api-key-copy {
 552      position: absolute;
 553      left: 4px;
 554      background: none;
 555      border: none;
 556      cursor: pointer;
 557      padding: 4px;
 558      color: var(--akismet-color-icon);
 559      display: flex;
 560      align-items: center;
 561  }
 562  
 563  .akismet-api-key-copy:hover {
 564      color: var(--akismet-color-icon-hover);
 565  }
 566  
 567  /* Setup - API key input */
 568  .akismet-enter-api-key-box {
 569      margin: 1.5rem 0;
 570  }
 571  
 572  .akismet-enter-api-key-box__reveal {
 573      background: none;
 574      border: 0;
 575      color: var(--akismet-color-mid-green);
 576      cursor: pointer;
 577      text-decoration: underline;
 578  }
 579  
 580  .akismet-enter-api-key-box__form-wrapper {
 581      display: none;
 582      margin-top: 1.5rem;
 583  }
 584  
 585  .akismet-enter-api-key-box__input-wrapper {
 586      box-sizing: border-box;
 587      display: flex;
 588      flex-wrap: nowrap;
 589      padding: 0 1.5rem;
 590      width: 100%;
 591  }
 592  
 593  .akismet-enter-api-key-box__key-input {
 594      flex-grow: 1;
 595      margin-left: 1rem;
 596  }
 597  
 598  h3.akismet-enter-api-key-box__header {
 599      padding-top: 0;
 600      padding-bottom: 1em;
 601      text-align: right;
 602  }
 603  
 604  /* Notices > Activation (shown on edit-comments.php) */
 605  #akismet-setup-prompt {
 606      background: none;
 607      border: none;
 608      margin: 0;
 609      padding: 0;
 610      width: 100%;
 611  }
 612  
 613  .akismet-activate {
 614      align-items: center;
 615      /* background-image is defined via an inline style in class.akismet-admin.php */
 616      background-color: var(--akismet-color-light-grey);
 617      background-position: calc(100% - (100% - 1em)) center;
 618      background-repeat: no-repeat;
 619      background-size: 140px;
 620      border: 1px solid var(--akismet-color-mid-green);
 621      border-right-width: 4px;
 622      display: flex;
 623      justify-content: space-between;
 624      margin: 15px 0;
 625      min-height: 60px;
 626      overflow: hidden;
 627      padding: 5px 5px 5px 160px;
 628      position: relative;
 629  }
 630  
 631  .akismet-activate__button,
 632  .akismet-activate__button:hover,
 633  .akismet-activate__button:visited {
 634      margin: 0 1em;
 635  }
 636  
 637  .akismet-activate__description {
 638      color: var(--akismet-color-charcoal);
 639      flex-grow: 1;
 640      font-size: 16px;
 641      font-weight: 600;
 642      margin: 0 auto;
 643      text-align: center;
 644      text-wrap: pretty;
 645  }
 646  
 647  /* Compatible plugins section */
 648  .akismet-compatible-plugins__content {
 649      padding: 0 1.5em 1.5em 1.5em;
 650  }
 651  
 652  .akismet-compatible-plugins__intro {
 653      margin: 0;
 654  }
 655  
 656  .akismet-compatible-plugins__section-header-label {
 657      display: block;
 658  }
 659  
 660  .akismet-compatible-plugins__section-header-label-text {
 661      padding-left: 0.5em;
 662  }
 663  
 664  .akismet-compatible-plugins__list {
 665      display: grid;
 666      grid-template-columns: 1fr;
 667      gap: 10px;
 668      margin: 1.5em 0 1em 0;
 669      padding: 0;
 670  }
 671  
 672  .akismet-compatible-plugins__card {
 673      border: 1px solid var(--akismet-color-border-light);
 674      border-radius: 4px;
 675      padding: 1em;
 676      display: flex;
 677      align-items: center;
 678  }
 679  
 680  .akismet-compatible-plugins__card-logo {
 681      padding: 0 0 0 1.5em;
 682      object-fit: contain;
 683      width: 36px;
 684      height: 36px;
 685  }
 686  
 687  .akismet-compatible-plugins__card-detail {
 688      display: flex;
 689      flex: 1;
 690      justify-content: space-between;
 691      align-items: center;
 692  }
 693  
 694  .akismet-compatible-plugins__card-title {
 695      font-size: 1.2em;
 696      margin-top: 0;
 697      margin-bottom: 0;
 698  }
 699  
 700  .akismet-compatible-plugins__docs {
 701      margin-top: 0;
 702  }
 703  
 704  .akismet-compatible-plugins__show-more {
 705      all: unset;
 706      cursor: pointer;
 707      display: flex;
 708      justify-content: space-between;
 709      position: relative;
 710      width: 100%;
 711  }
 712  
 713  /* Generates the show/hide chevron */
 714  .akismet-compatible-plugins__show-more::after {
 715      align-self: center;
 716      border-bottom: 2px solid black;
 717      border-left: 2px solid black;
 718      content: "";
 719      height: 8px;
 720      transform: rotate(-45deg);
 721      transition: transform 0.2s ease;
 722      width: 8px;
 723  }
 724  
 725  .akismet-compatible-plugins__list.is-expanded + .akismet-compatible-plugins__show-more::after {
 726      align-self: end;
 727      transform: rotate(-225deg);
 728  }
 729  
 730  /* Gutenberg medium breakpoint */
 731  @media screen and (max-width: 782px) {
 732      .akismet-new-snapshot__list {
 733          display: block;
 734      }
 735  
 736      .akismet-new-snapshot__number {
 737          float: left;
 738          font-size: 20px;
 739          font-weight: 500;
 740          margin-top: -16px;
 741      }
 742  
 743      .akismet-new-snapshot__header {
 744          font-size: 14px;
 745          font-weight: 500;
 746      }
 747  
 748      .akismet-new-snapshot__text {
 749          font-size: 12px;
 750      }
 751  
 752      .akismet-settings__row input[type="checkbox"],
 753      .akismet-settings__row input[type="radio"] {
 754          height: 24px;
 755          margin-top: 0;
 756          width: 24px;
 757      }
 758  
 759      .akismet-settings__row-label-text {
 760          padding-right: 0.8em;
 761      }
 762  
 763      .akismet-activate {
 764          background-size: 120px;
 765          padding-left: 134px;
 766      }
 767  
 768      .akismet-activate__button {
 769          white-space: normal;
 770      }
 771  
 772      .akismet-activate__description {
 773          font-size: 14px;
 774          margin-left: 1em;
 775      }
 776  }
 777  
 778  /* Gutenberg small breakpoint */
 779  @media screen and (max-width: 600px) {
 780      .akismet-compatible-plugins__list {
 781          gap: 8px;
 782      }
 783  
 784      .akismet-activate__button,
 785      .akismet-activate__button:hover {
 786          font-size: 13px;
 787      }
 788  
 789      .akismet-activate__description {
 790          display: none;
 791      }
 792  }