[Summary view] [Print] [Text view]

   1  .wp-admin.jetpack_page_akismet-key-config, .wp-admin.settings_page_akismet-key-config {
   2      background-color:#f3f6f8;
   3  }
   4  
   5  #submitted-on {
   6      position: relative;
   7  }
   8  #the-comment-list .author .akismet-user-comment-count {
   9      display: inline;
  10  }
  11  #the-comment-list .author a span {
  12      text-decoration: none;
  13      color: #999;
  14  }
  15  #the-comment-list .author a span.akismet-span-link {
  16      text-decoration: inherit;
  17      color: inherit;
  18  }
  19  #the-comment-list .akismet_remove_url {
  20      margin-left: 3px;
  21      color: #999;
  22      padding: 2px 3px 2px 0;
  23  }
  24  #the-comment-list .akismet_remove_url:hover {
  25      color: #A7301F;
  26      font-weight: bold;
  27      padding: 2px 2px 2px 0;
  28  }
  29  #dashboard_recent_comments .akismet-status {
  30      display: none;
  31  }
  32  .akismet-status {
  33      float: right;
  34  }
  35  .akismet-status a {
  36      color: #AAA;
  37      font-style: italic;
  38  }
  39  table.comments td.comment p a {
  40      text-decoration: underline;
  41  }
  42  table.comments td.comment p a:after {
  43      content: attr(href);
  44      color: #aaa;
  45      display: inline-block; /* Show the URL without the link's underline extending under it. */
  46      padding: 0 1ex; /* Because it's inline block, we can't just use spaces in the content: attribute to separate it from the link text. */
  47  }
  48  .mshot-arrow {
  49      width: 0;
  50      height: 0;
  51      border-top: 10px solid transparent;
  52      border-bottom: 10px solid transparent;
  53      border-right: 10px solid #5C5C5C;
  54      position: absolute;
  55      left: -6px;
  56      top: 91px;
  57  }
  58  .mshot-container {
  59      background: #5C5C5C;
  60      position: absolute;
  61      top: -94px;
  62      padding: 7px;
  63      width: 450px;
  64      height: 338px;
  65      z-index: 20000;
  66      -moz-border-radius: 6px;
  67      border-radius: 6px;
  68      -webkit-border-radius: 6px;
  69  }
  70  .akismet-mshot {
  71      position: absolute;
  72      z-index: 100;
  73  }
  74  .akismet-mshot .mshot-image {
  75      margin: 0;
  76      height: 338px;
  77      width: 450px;
  78  }
  79  .checkforspam {
  80      display: inline-block !important;
  81  }
  82  
  83  .checkforspam-spinner {
  84      display: inline-block;
  85      margin-top: 7px;
  86  }
  87  
  88  .akismet-right {
  89      float: right;
  90  }
  91  
  92  .akismet-card .akismet-right {
  93      margin: 1em 0;
  94  }
  95  
  96  .akismet-alert-text {
  97      color: #dd3d36;
  98      font-weight: bold;
  99      font-size: 120%;
 100      margin-top: .5rem;
 101  }
 102  
 103  .akismet-new-snapshot {
 104      margin-top: 1em;
 105      text-align: center;
 106      background: #fff;
 107  }
 108  
 109  .akismet-new-snapshot h3 {
 110      background: #f5f5f5;
 111      color: #888;
 112      font-size: 11px;
 113      margin: 0;
 114  }
 115  
 116  .akismet-new-snapshot ul li {
 117      color: #999;
 118      font-size: 11px;
 119      text-transform: uppercase;
 120      box-sizing: border-box;
 121      -moz-box-sizing: border-box;
 122      -webkit-box-sizing: border-box;
 123      -ms-box-sizing: border-box;
 124  }
 125  
 126  .akismet-new-snapshot__number {
 127      display: block;
 128      font-size: 32px;
 129      font-weight: lighter;
 130      line-height: 1.5em;
 131  }
 132  
 133  .akismet-settings th:first-child {
 134      vertical-align: top;
 135      padding-top: 15px;
 136  }
 137  
 138  .akismet-settings th.akismet-api-key {
 139      vertical-align: middle;
 140      padding-top: 0;
 141  }
 142  
 143  .akismet-settings span.akismet-note {
 144      float: left;
 145      padding-left: 23px;
 146      font-size: 75%;
 147      margin-top: -10px;
 148  }
 149  
 150  .jetpack_page_akismet-key-config #wpcontent, .settings_page_akismet-key-config #wpcontent {
 151      padding-left: 0;
 152  }
 153  
 154  .akismet-masthead {
 155      background-color:#fff;
 156      text-align:center;
 157      box-shadow:0 1px 0 rgba(200,215,225,0.5),0 1px 2px #e9eff3
 158  }
 159  
 160  @media (max-width: 45rem) {
 161      .akismet-masthead {
 162          padding:0 1.25rem
 163      }
 164  }
 165  
 166  .akismet-masthead__inside-container {
 167      padding:.375rem 0;
 168      margin:0 auto;
 169      width:100%;
 170      max-width:45rem;
 171      text-align: left;
 172  }
 173  .akismet-masthead__logo-container {
 174      padding:.3125rem 0 0
 175  }
 176  .akismet-masthead__logo-link {
 177      display:inline-block;
 178      outline:none;
 179      vertical-align:middle
 180  }
 181  .akismet-masthead__logo-link:focus {
 182      line-height:0;
 183      box-shadow:0 0 0 2px #78dcfa
 184  }
 185  .akismet-masthead__logo-link+code {
 186      margin:0 10px;
 187      padding:5px 9px;
 188      border-radius:2px;
 189      background:#e6ecf1;
 190      color:#647a88
 191  }
 192  .akismet-masthead__links {
 193      display:-ms-flexbox;
 194      display:flex;
 195      -ms-flex-flow:row wrap;
 196      flex-flow:row wrap;
 197      -ms-flex:2 50%;
 198      flex:2 50%;
 199      -ms-flex-pack:end;
 200      justify-content:flex-end;
 201      margin:0
 202  }
 203  @media (max-width: 480px) {
 204      .akismet-masthead__links {
 205          padding-right:.625rem
 206      }
 207  }
 208  .akismet-masthead__link-li {
 209      margin:0;
 210      padding:0
 211  }
 212  .akismet-masthead__link {
 213      font-style:normal;
 214      color:#0087be;
 215      padding:.625rem;
 216      display:inline-block
 217  }
 218  .akismet-masthead__link:visited {
 219      color:#0087be
 220  }
 221  .akismet-masthead__link:active,.akismet-masthead__link:hover {
 222      color:#00aadc
 223  }
 224  .akismet-masthead__link:hover {
 225      text-decoration:underline
 226  }
 227  .akismet-masthead__link .dashicons {
 228      display:none
 229  }
 230  @media (max-width: 480px) {
 231      .akismet-masthead__link:hover,.akismet-masthead__link:active {
 232          text-decoration:none
 233      }
 234      .akismet-masthead__link .dashicons {
 235          display:block;
 236          font-size:1.75rem
 237      }
 238      .akismet-masthead__link span+span {
 239          display:none
 240      }
 241  }
 242  .akismet-masthead__link-li:last-of-type .akismet-masthead__link {
 243      padding-right:0
 244  }
 245  
 246  .akismet-lower {
 247      margin: 0 auto;
 248      text-align: left;
 249      max-width: 45rem;
 250      padding: 1.5rem;
 251  }
 252  
 253  .akismet-lower .notice {
 254      margin-bottom: 2rem;
 255  }
 256  
 257  .akismet-card {
 258      margin-top: 1rem;
 259      margin-bottom: 0;
 260      position: relative;
 261      box-sizing: border-box;
 262      background: white;
 263  }
 264  
 265  .akismet-card:after, .akismet-card .inside:after, .akismet-masthead__logo-container:after {
 266      content: ".";
 267      display: block;
 268      height: 0;
 269      clear: both;
 270      visibility: hidden;
 271  }
 272  
 273  .akismet-card .inside {
 274      padding: 1.5rem;
 275      padding-top: 1rem;
 276  }
 277  
 278  .akismet-card .akismet-card-actions {
 279      margin-top: 1rem;
 280  }
 281  
 282  .jetpack_page_akismet-key-config .update-nag, .settings_page_akismet-key-config .update-nag {
 283      display: none;
 284  }
 285  
 286  .akismet-masthead .akismet-right {
 287      line-height: 2.125rem;
 288      font-size: 0.9rem;
 289  }
 290  
 291  .akismet-box {
 292      box-sizing: border-box;
 293      background: white;
 294      border: 1px solid rgba(200, 215, 225, 0.5);
 295  }
 296  
 297  .akismet-box h2, .akismet-box h3 {
 298      padding: 1.5rem 1.5rem .5rem 1.5rem;
 299      margin: 0;
 300  }
 301  
 302  .akismet-box p {
 303      padding: 0 1.5rem 1.5rem 1.5rem;
 304      margin: 0;
 305  }
 306  
 307  .akismet-jetpack-email {
 308      font-style: oblique;
 309  }
 310  
 311  .akismet-jetpack-gravatar {
 312      padding: 0 0 0 1.5rem;
 313      float: left;
 314      margin-right: 1rem;
 315      width: 54px;
 316      height: 54px;
 317  }
 318  
 319  .akismet-box p:after {
 320      content: ".";
 321      display: block;
 322      height: 0;
 323      clear: both;
 324      visibility: hidden;
 325  }
 326  
 327  .akismet-box .akismet-right {
 328      padding-right: 1.5rem;
 329  }
 330  
 331  .akismet-boxes .akismet-box {
 332      margin-bottom: 0;
 333      padding: 0;
 334      margin-top: -1px;
 335  }
 336  
 337  .akismet-boxes .akismet-box:last-child {
 338      margin-bottom: 1.5rem;
 339  }
 340  
 341  .akismet-boxes .akismet-box:first-child {
 342      margin-top: 1.5rem;
 343  }
 344  
 345  .akismet-box-header {
 346      max-width: 700px;
 347      margin: 0 auto 40px auto;
 348      line-height: 1.5;
 349  }
 350  
 351  .akismet-box-header h2 {
 352      margin: 1.5rem 10% 0;
 353      font-size: 1.375rem;
 354      font-weight: 700;
 355      color: #000;
 356  }
 357  
 358  .akismet-box .centered {
 359      text-align: center;
 360  }
 361  
 362  .akismet-box .akismet-toggles {
 363      margin: 3rem 0;
 364  }
 365  
 366  .akismet-box .akismet-ak-connect, .akismet-box .toggle-jp-connect {
 367      display: none;
 368  }
 369  
 370  .akismet-button, .akismet-button:hover, .akismet-button:visited {
 371      background: white;
 372      border-color: #c8d7e1;
 373      border-style: solid;
 374      border-width: 1px 1px 2px;
 375      color: #2e4453;
 376      cursor: pointer;
 377      display: inline-block;
 378      margin: 0;
 379      outline: 0;
 380      overflow: hidden;
 381      font-size: 14px;
 382      font-weight: 500;
 383      text-overflow: ellipsis;
 384      text-decoration: none;
 385      vertical-align: top;
 386      box-sizing: border-box;
 387      font-size: 14px;
 388      line-height: 21px;
 389      border-radius: 4px;
 390      padding: 7px 14px 9px;
 391      -webkit-appearance: none;
 392      -moz-appearance: none;
 393      appearance: none;
 394  }
 395  
 396  .akismet-button:hover {
 397      border-color: #a8bece;
 398  }
 399  
 400  .akismet-button:active {
 401      border-width: 2px 1px 1px;
 402  }
 403  
 404  .akismet-is-primary, .akismet-is-primary:hover, .akismet-is-primary:visited {
 405      background: #00aadc;
 406      border-color: #0087be;
 407      color: white;
 408  }
 409  
 410  .akismet-is-primary:hover, .akismet-is-primary:focus {
 411      border-color: #005082;
 412  }
 413  
 414  .akismet-is-primary:hover {
 415      border-color: #005082;
 416  }
 417  
 418  .akismet-section-header {
 419      position: relative;
 420      margin: 0 auto 0.625rem auto;
 421      padding: 1rem;
 422      box-sizing: border-box;
 423      box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
 424      background: #ffffff;
 425      width: 100%;
 426      padding-top: 0.6875rem;
 427      padding-bottom: 0.6875rem;
 428      display: flex;
 429  }
 430  
 431  .akismet-section-header__label {
 432      display: -ms-flexbox;
 433      display: flex;
 434      -ms-flex-align: center;
 435      align-items: center;
 436      -ms-flex-positive: 1;
 437      flex-grow: 1;
 438      line-height: 1.75rem;
 439      position: relative;
 440      font-size: 0.875rem;
 441      color: #4f748e;
 442  }
 443  
 444  .akismet-section-header__actions {
 445      line-height: 1.75rem;
 446  }
 447  
 448  .akismet-setup-instructions {
 449      text-align: center;
 450  }
 451  
 452  .akismet-setup-instructions form {
 453      padding-bottom: 1.5rem;
 454  }
 455  
 456  div.error.akismet-usage-limit-alert {
 457      padding: 25px 45px 25px 15px;
 458      display: flex;
 459      align-items: center;
 460  }
 461  
 462  #akismet-plugin-container .akismet-usage-limit-alert {
 463      margin: 0 auto 0.625rem auto;
 464      box-sizing: border-box;
 465      box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
 466      border: none;
 467      border-left: 4px solid #d63638;
 468  }
 469  
 470  .akismet-usage-limit-alert .akismet-usage-limit-logo {
 471      width: 38px;
 472      min-width: 38px;
 473      height: 38px;
 474      border-radius: 20px;
 475      margin-right: 18px;
 476      background: black;
 477      position: relative;
 478  }
 479  
 480  .akismet-usage-limit-alert .akismet-usage-limit-logo img {
 481      position: absolute;
 482      width: 22px;
 483      left: 8px;
 484      top: 10px;
 485  }
 486  
 487  .akismet-usage-limit-alert .akismet-usage-limit-text {
 488      flex-grow: 1;
 489      margin-right: 18px;
 490  }
 491  
 492  .akismet-usage-limit-alert h3 {
 493      margin: 0;
 494  }
 495  
 496  .akismet-usage-limit-alert .akismet-usage-limit-cta {
 497      border-color: none;
 498      text-align: right;
 499  }
 500  
 501  #akismet-plugin-container .akismet-usage-limit-cta a {
 502      color: #d63638;
 503  }
 504  
 505  @media (max-width: 550px) {
 506      div.error.akismet-usage-limit-alert {
 507          display: block;
 508      }
 509  
 510      .akismet-usage-limit-alert .akismet-usage-limit-logo,
 511      .akismet-usage-limit-alert .akismet-usage-limit-text {
 512          margin-bottom: 15px;
 513      }
 514  
 515      .akismet-usage-limit-alert .akismet-usage-limit-cta {
 516          text-align: left;
 517      }
 518  }