[Summary view] [Print] [Text view]

   1  /* This file was automatically generated on Nov 05 2024 03:06:40 */
   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-white: #fff;
  11      --akismet-color-mid-green: #357b49;
  12      --akismet-color-mid-red: #e82c3f;
  13      --akismet-color-light-blue: #256eff;
  14      --akismet-color-notice-light-green: #dbf0e1;
  15      --akismet-color-notice-dark-green: #69bf82;
  16      --akismet-color-notice-light-red: #ffdbde;
  17      --akismet-color-notice-dark-red: #ff6676;
  18      --akismet-color-notice-yellow: #e5c133;
  19  }
  20  
  21  #akismet-plugin-container {
  22      background-color: var(--akismet-color-light-grey);
  23      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
  24  }
  25  
  26  #akismet-plugin-container a {
  27      color: var(--akismet-color-mid-green);
  28  }
  29  
  30  #akismet-plugin-container a.akismet-button {
  31      background-color: var(--akismet-color-mid-green);
  32      color: var(--akismet-color-white);
  33  }
  34  
  35  #akismet-plugin-container button:focus-visible,
  36  #akismet-plugin-container input:focus-visible,
  37  #akismet-plugin-container a:focus-visible {
  38      border: 0;
  39      box-shadow: none;
  40      outline: 2px solid var(--akismet-color-light-blue);
  41  }
  42  
  43  .akismet-masthead {
  44      box-shadow: none;
  45  }
  46  
  47  .akismet-masthead__logo {
  48      margin: 20px 0;
  49  }
  50  
  51  .akismet-section-header {
  52      box-shadow: none;
  53      margin-bottom: 0;
  54  }
  55  
  56  .akismet-section-header__label {
  57      color: var(--akismet-color-charcoal);
  58      font-weight: 600;
  59  }
  60  
  61  .akismet-button, .akismet-button:hover {
  62      background-color: var(--akismet-color-mid-green);
  63      border: 0;
  64      color: #fff;
  65  }
  66  
  67  /* Need this specificity to override the existing header rule */
  68  .akismet-new-snapshot h3.akismet-new-snapshot__header {
  69      background: none;
  70      font-size: 13px;
  71      color: var(--akismet-color-charcoal);
  72      text-align: right;
  73      text-transform: none;
  74  }
  75  
  76  .akismet-new-snapshot .akismet-new-snapshot__number {
  77      color: var(--akismet-color-charcoal);
  78      letter-spacing: -1px;
  79      text-align: right;
  80  }
  81  
  82  .akismet-new-snapshot li.akismet-new-snapshot__item {
  83      color: var(--akismet-color-dark-grey);
  84      font-size: 13px;
  85      text-align: right;
  86      text-transform: none;
  87  }
  88  
  89  .akismet-masthead__logo-link {
  90      min-height: 50px;
  91  }
  92  
  93  .akismet-masthead__back-link-container {
  94      margin-top: 16px;
  95      margin-bottom: 2px;
  96  }
  97  
  98  /* Need this specificity to override the existing link rule */
  99  #akismet-plugin-container a.akismet-masthead__back-link {
 100      background-image: url(../img/arrow-left.svg);
 101      background-position: right;
 102      background-repeat: no-repeat;
 103      background-size: 16px;
 104      color: var(--akismet-color-charcoal);
 105      font-weight: 400;
 106      padding-right: 20px;
 107      text-decoration: none;
 108  }
 109  
 110  #akismet-plugin-container a.akismet-masthead__back-link:hover {
 111      text-decoration: underline;
 112  }
 113  
 114  .akismet-new-snapshot__item {
 115      border-top: 1px solid var(--akismet-color-light-grey);
 116      border-right: 1px solid var(--akismet-color-light-grey);
 117      padding: 1em;
 118  }
 119  
 120  .akismet-new-snapshot li:first-child {
 121      border-right: none;
 122  }
 123  
 124  .akismet-new-snapshot__list {
 125      display: flex;
 126      margin-bottom: 0;
 127  }
 128  
 129  .akismet-new-snapshot__item {
 130      flex: 1 0 33.33%;
 131      margin-bottom: 0;
 132      padding-right: 1.5em;
 133      padding-left: 1.5em;
 134  }
 135  
 136  .akismet-new-snapshot__chart {
 137      padding: 1em;
 138  }
 139  
 140  .akismet-box {
 141      border: 0;
 142  }
 143  
 144  .akismet-box,
 145  .akismet-card {
 146      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16);
 147      border-radius: 8px;
 148      overflow: hidden;
 149  }
 150  
 151  .akismet-card {
 152      margin: 32px auto 0 auto;
 153  }
 154  
 155  .akismet-lower {
 156      padding-top: 0;
 157  }
 158  
 159  .akismet-lower .inside {
 160      padding: 0;
 161  }
 162  
 163  .akismet-section-header__label {
 164      margin: 0;
 165  }
 166  
 167  .akismet-settings__row {
 168      border-bottom: 1px solid var(--akismet-color-light-grey);
 169      display: block;
 170      padding: 1em 1.5em;
 171  }
 172  
 173  .akismet-settings__row-input {
 174      margin-right: auto;
 175  }
 176  
 177  .akismet-settings__row-title {
 178      font-weight: 500;
 179      font-size: 1em;
 180      margin: 0;
 181      margin-bottom: 1em;
 182  }
 183  
 184  .akismet-settings__row-description {
 185      margin-top: 0.5em;
 186  }
 187  
 188  .akismet-card-actions {
 189      display: flex;
 190      justify-content: flex-end;
 191      padding: 1em;
 192  }
 193  
 194  .akismet-card-actions__secondary-action {
 195      align-self: center;
 196      margin-left: auto;
 197  }
 198  
 199  .akismet-card-actions__secondary-action a[target="_blank"]::after {
 200      background: url('../img/icon-external.svg') no-repeat;
 201      background-size: contain;
 202      content: "";
 203      display: inline-block;
 204      height: 16px;
 205      margin-right: 5px;
 206      vertical-align: middle;
 207      width: 16px;
 208  }
 209  
 210  .akismet-settings__row label {
 211      padding-bottom: 1em;
 212  }
 213  
 214  .akismet-settings__row-note {
 215      font-size: 0.9em;
 216      margin-top: 0.4em;
 217  }
 218  
 219  .akismet-settings__row input[type="checkbox"],
 220  .akismet-settings__row input[type="radio"] {
 221      accent-color: var(--akismet-color-mid-green);
 222      box-shadow: none;
 223      flex-shrink: 0;
 224      margin: 2px 0 0 0;
 225  }
 226  
 227  .akismet-settings__row input[type="checkbox"] {
 228      margin-top: 1px;
 229      vertical-align: top;
 230      -webkit-appearance: checkbox;
 231  }
 232  
 233  .akismet-settings__row input[type="radio"] {
 234      -webkit-appearance: radio;
 235  }
 236  
 237  /* Fix up misbehaving wp-admin styles in Chrome (from forms and colors stylesheets) */
 238  .akismet-settings__row input[type="checkbox"]:checked:before {
 239      content: '';
 240  }
 241  
 242  .akismet-settings__row input[type="radio"]:checked:before {
 243      background: none;
 244  }
 245  
 246  .akismet-settings__row input[type="checkbox"]:checked:hover,
 247  .akismet-settings__row input[type="radio"]:checked:hover {
 248      accent-color: var(--akismet-color-mid-green);
 249  }
 250  
 251  .akismet-button:disabled {
 252      background-color: var(--akismet-color-mid-grey);
 253      color: var(--akismet-color-white);
 254      cursor: arrow;
 255  }
 256  
 257  .akismet-awaiting-stats,
 258  .akismet-account {
 259      padding: 0 1rem 1rem 1rem;
 260      margin: 0;
 261  }
 262  
 263  .akismet-account {
 264      padding-bottom: 0;
 265  }
 266  
 267  .akismet-account th {
 268      font-weight: 500;
 269      padding-left: 1em;
 270  }
 271  
 272  .akismet-account th, .akismet-account td {
 273      padding-bottom: 1em;
 274  }
 275  
 276  .akismet-settings__row-input-label {
 277      align-items: center;
 278      display: flex;
 279  }
 280  
 281  .akismet-settings__row-label-text {
 282      padding-right: 0.5em;
 283      margin-top: 2px;
 284  }
 285  
 286  .akismet-alert {
 287      border-right: 8px solid;
 288      border-radius: 8px;
 289      margin: 20px 0;
 290      padding: 0.2em 1em;
 291  }
 292  
 293  .akismet-alert__heading {
 294      font-size: 1em;
 295  }
 296  
 297  .akismet-alert.is-good {
 298      background-color: var(--akismet-color-notice-light-green);
 299      border-right-color: var(--akismet-color-notice-dark-green);
 300  }
 301  
 302  .akismet-alert.is-neutral {
 303      background-color: var(--akismet-color-white);
 304      border-right-color: var(--akismet-color-dark-grey);
 305  }
 306  
 307  .akismet-alert.is-bad {
 308      background-color: var(--akismet-color-notice-light-red);
 309      border-right-color: var(--akismet-color-notice-dark-red);
 310  }
 311  
 312  .akismet-alert.is-commercial {
 313      background-color: var(--akismet-color-white);
 314      border-color: var(--akismet-color-mid-grey);
 315      border-bottom-width: 1px;
 316      border-right-color: var(--akismet-color-notice-yellow);
 317      display: flex;
 318      padding-bottom: 1em;
 319  }
 320  
 321  #akismet-plugin-container .akismet-alert.is-good a,
 322  #akismet-plugin-container .akismet-alert.is-bad a {
 323      /* For better contrast - green isn't great */
 324      color: var(--akismet-color-grey-80);
 325  }
 326  
 327  .akismet-alert-header {
 328      font-size: 16px;
 329      margin-bottom: 0.5em;
 330  }
 331  
 332  .akismet-alert-button-wrapper {
 333      align-self: center;
 334      margin-right: 2em;
 335      min-width: 120px;
 336  }
 337  
 338  .akismet-alert-info {
 339      text-wrap: pretty;
 340      margin: 0.5em 0;
 341  }
 342  
 343  /* Setup - API key input */
 344  .akismet-enter-api-key-box {
 345      margin: 1.5rem 0;
 346  }
 347  
 348  .akismet-enter-api-key-box__reveal {
 349      background: none;
 350      border: 0;
 351      color: var(--akismet-color-mid-green);
 352      cursor: pointer;
 353      text-decoration: underline;
 354  }
 355  
 356  .akismet-enter-api-key-box__form-wrapper {
 357      display: none;
 358      margin-top: 1.5rem;
 359  }
 360  
 361  .akismet-enter-api-key-box__input-wrapper {
 362      box-sizing: border-box;
 363      display: flex;
 364      flex-wrap: nowrap;
 365      padding: 0 1.5rem;
 366      width: 100%;
 367  }
 368  
 369  .akismet-enter-api-key-box__key-input {
 370      flex-grow: 1;
 371      margin-left: 1rem;
 372  }
 373  
 374  h3.akismet-enter-api-key-box__header {
 375      padding-top: 0;
 376      padding-bottom: 1em;
 377      text-align: right;
 378  }
 379  
 380  /* Notices > Activation (shown on edit-comments.php) */
 381  #akismet-setup-prompt {
 382      background: none;
 383      border: none;
 384      margin: 0;
 385      padding: 0;
 386      width: 100%;
 387  }
 388  
 389  .akismet-activate {
 390      align-items: center;
 391      /* background-image is defined via an inline style in class.akismet-admin.php */
 392      background-color: var(--akismet-color-light-grey);
 393      background-position: calc(100% - (100% - 1em)) center;
 394      background-repeat: no-repeat;
 395      background-size: 140px;
 396      border: 1px solid var(--akismet-color-mid-green);
 397      border-right-width: 4px;
 398      display: flex;
 399      justify-content: space-between;
 400      margin: 15px 0;
 401      min-height: 60px;
 402      overflow: hidden;
 403      padding: 5px 5px 5px 160px;
 404      position: relative;
 405  }
 406  
 407  .akismet-activate__button,
 408  .akismet-activate__button:hover, 
 409  .akismet-activate__button:visited {
 410      margin: 0 1em;
 411  }
 412  
 413  .akismet-activate__description {
 414      color: var(--akismet-color-charcoal);
 415      flex-grow: 1;
 416      font-size: 16px;
 417      font-weight: 600;
 418      margin: 0 auto;
 419      text-align: center;
 420      text-wrap: pretty;
 421  }
 422  
 423  /* Gutenberg medium breakpoint */
 424  @media screen and (max-width: 782px) {
 425      .akismet-new-snapshot__list {
 426          display: block;
 427      }
 428  
 429      .akismet-new-snapshot__number {
 430          float: left;
 431          font-size: 20px;
 432          font-weight: 500;
 433          margin-top: -16px;
 434      }
 435  
 436      .akismet-new-snapshot__header {
 437          font-size: 14px;
 438          font-weight: 500;
 439      }
 440  
 441      .akismet-new-snapshot__text {
 442          font-size: 12px;
 443      }
 444  
 445      .akismet-settings__row input[type="checkbox"],
 446      .akismet-settings__row input[type="radio"] {
 447          height: 24px;
 448          width: 24px;
 449      }
 450  
 451      .akismet-settings__row-label-text {
 452          padding-right: 0.8em;
 453      }
 454  
 455      .akismet-settings__row input[type="checkbox"],
 456      .akismet-settings__row input[type="radio"] {
 457          margin-top: 0;
 458      }
 459  
 460      .akismet-activate {
 461          background-size: 120px;
 462          padding-left: 134px;
 463      }
 464  
 465      .akismet-activate__button {
 466          white-space: normal;
 467      }
 468  
 469      .akismet-activate__description {
 470          font-size: 14px;
 471          margin-left: 1em;
 472      }
 473  }
 474  
 475  /* Gutenberg small breakpoint */
 476  @media screen and (max-width: 600px) {
 477      .akismet-activate__button,
 478      .akismet-activate__button:hover {
 479          font-size: 13px;
 480      }
 481  
 482      .akismet-activate__description {
 483          display: none;
 484      }
 485  }