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