[Summary view] [Print] [Text view]

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