akismet.css (13712B)
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 .akismet-alert { 103 padding: 0.4em 1em 1.4em 1em; 104 box-sizing: border-box; 105 box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; 106 } 107 108 .akismet-alert h3.akismet-key-status { 109 color: #fff; 110 margin: 1em 0 0.5em 0; 111 } 112 113 .akismet-alert.akismet-critical { 114 background-color: #993300; 115 } 116 117 .akismet-alert.akismet-active { 118 background-color: #649316; 119 } 120 121 .akismet-alert p.akismet-key-status { 122 font-size: 24px; 123 } 124 125 .akismet-alert p.akismet-description { 126 color:#fff; 127 font-size: 14px; 128 margin: 0 0; 129 font-style: normal; 130 } 131 132 .akismet-alert p.akismet-description a, 133 .akismet-alert p.akismet-description a, 134 .akismet-alert p.akismet-description a, 135 .akismet-alert p.akismet-description a { 136 color: #fff; 137 } 138 139 .akismet-new-snapshot { 140 margin-top: 1em; 141 padding: 1em; 142 text-align: center; 143 background: #fff; 144 } 145 146 .akismet-new-snapshot h3 { 147 background: #f5f5f5; 148 color: #888; 149 font-size: 11px; 150 margin: 0; 151 padding: 3px; 152 } 153 154 .new-snapspot ul { 155 font-size: 12px; 156 width: 100%; 157 } 158 159 .akismet-new-snapshot ul li { 160 color: #999; 161 float: left; 162 font-size: 11px; 163 padding: 0 20px; 164 text-transform: uppercase; 165 width: 33%; 166 box-sizing: border-box; 167 -moz-box-sizing: border-box; 168 -webkit-box-sizing: border-box; 169 -ms-box-sizing: border-box; 170 } 171 172 .akismet-new-snapshot ul li:first-child, 173 .akismet-new-snapshot ul li:nth-child(2) { 174 border-right:1px dotted #ccc; 175 } 176 177 .akismet-new-snapshot ul li span { 178 color: #52accc; 179 display: block; 180 font-size: 32px; 181 font-weight: lighter; 182 line-height: 1.5em; 183 } 184 185 .akismet-settings th:first-child { 186 vertical-align: top; 187 padding-top: 15px; 188 } 189 190 .akismet-settings th.akismet-api-key { 191 vertical-align: middle; 192 padding-top: 0; 193 } 194 195 .akismet-settings input[type=text] { 196 width: 75%; 197 } 198 199 .akismet-settings span.akismet-note{ 200 float: left; 201 padding-left: 23px; 202 font-size: 75%; 203 margin-top: -10px; 204 } 205 206 /** 207 * For the activation notice on the plugins page. 208 */ 209 210 #akismet_setup_prompt { 211 background: none; 212 border: none; 213 margin: 0; 214 padding: 0; 215 width: 100%; 216 } 217 218 .akismet_activate { 219 border: 1px solid #4F800D; 220 padding: 5px; 221 margin: 15px 0; 222 background: #83AF24; 223 background-image: -webkit-gradient(linear, 0% 0, 80% 100%, from(#83AF24), to(#4F800D)); 224 background-image: -moz-linear-gradient(80% 100% 120deg, #4F800D, #83AF24); 225 -moz-border-radius: 3px; 226 border-radius: 3px; 227 -webkit-border-radius: 3px; 228 position: relative; 229 overflow: hidden; 230 } 231 232 .akismet_activate .aa_a { 233 position: absolute; 234 top: -5px; 235 right: 10px; 236 font-size: 140px; 237 color: #769F33; 238 font-family: Georgia, "Times New Roman", Times, serif; 239 } 240 241 .akismet_activate .aa_button { 242 font-weight: bold; 243 border: 1px solid #029DD6; 244 border-top: 1px solid #06B9FD; 245 font-size: 15px; 246 text-align: center; 247 padding: 9px 0 8px 0; 248 color: #FFF; 249 background: #029DD6; 250 background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#029DD6), to(#0079B1)); 251 background-image: -moz-linear-gradient(0% 100% 90deg, #0079B1, #029DD6); 252 -moz-border-radius: 2px; 253 border-radius: 2px; 254 -webkit-border-radius: 2px; 255 width: 100%; 256 cursor: pointer; 257 margin: 0; 258 } 259 260 .akismet_activate .aa_button:hover { 261 text-decoration: none !important; 262 border: 1px solid #029DD6; 263 border-bottom: 1px solid #00A8EF; 264 font-size: 15px; 265 text-align: center; 266 padding: 9px 0 8px 0; 267 color: #F0F8FB; 268 background: #0079B1; 269 background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#0079B1), to(#0092BF)); 270 background-image: -moz-linear-gradient(0% 100% 90deg, #0092BF, #0079B1); 271 -moz-border-radius: 2px; 272 border-radius: 2px; 273 -webkit-border-radius: 2px; 274 } 275 276 .akismet_activate .aa_button_border { 277 border: 1px solid #006699; 278 -moz-border-radius: 2px; 279 border-radius: 2px; 280 -webkit-border-radius: 2px; 281 background: #029DD6; 282 background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#029DD6), to(#0079B1)); 283 background-image: -moz-linear-gradient(0% 100% 90deg, #0079B1, #029DD6); 284 } 285 286 .akismet_activate .aa_button_container { 287 box-sizing: border-box; 288 display: inline-block; 289 background: #DEF1B8; 290 padding: 5px; 291 -moz-border-radius: 2px; 292 border-radius: 2px; 293 -webkit-border-radius: 2px; 294 width: 266px; 295 } 296 297 .akismet_activate .aa_description { 298 position: absolute; 299 top: 22px; 300 left: 285px; 301 margin-left: 25px; 302 color: #E5F2B1; 303 font-size: 15px; 304 } 305 306 .akismet_activate .aa_description strong { 307 color: #FFF; 308 font-weight: normal; 309 } 310 311 @media (max-width: 550px) { 312 .akismet_activate .aa_a { 313 display: none; 314 } 315 316 .akismet_activate .aa_button_container { 317 width: 100%; 318 } 319 } 320 321 @media (max-width: 782px) { 322 .akismet_activate { 323 min-width: 0; 324 } 325 } 326 327 @media (max-width: 850px) { 328 #akismet_setup_prompt .aa_description { 329 display: none; 330 } 331 332 .akismet_activate { 333 min-width: 0; 334 } 335 } 336 337 .jetpack_page_akismet-key-config #wpcontent, .settings_page_akismet-key-config #wpcontent { 338 padding-left: 0; 339 } 340 341 .akismet-masthead { 342 background-color:#fff; 343 text-align:center; 344 box-shadow:0 1px 0 rgba(200,215,225,0.5),0 1px 2px #e9eff3 345 } 346 @media (max-width: 45rem) { 347 .akismet-masthead { 348 padding:0 1.25rem 349 } 350 } 351 352 .akismet-masthead__inside-container { 353 padding:.375rem 0; 354 margin:0 auto; 355 width:100%; 356 max-width:45rem; 357 text-align: left; 358 } 359 .akismet-masthead__logo-container { 360 padding:.3125rem 0 0 361 } 362 .akismet-masthead__logo { 363 width:10.375rem; 364 height:1.8125rem; 365 } 366 .akismet-masthead__logo-link { 367 display:inline-block; 368 outline:none; 369 vertical-align:middle 370 } 371 .akismet-masthead__logo-link:focus { 372 line-height:0; 373 box-shadow:0 0 0 2px #78dcfa 374 } 375 .akismet-masthead__logo-link+code { 376 margin:0 10px; 377 padding:5px 9px; 378 border-radius:2px; 379 background:#e6ecf1; 380 color:#647a88 381 } 382 .akismet-masthead__links { 383 display:-ms-flexbox; 384 display:flex; 385 -ms-flex-flow:row wrap; 386 flex-flow:row wrap; 387 -ms-flex:2 50%; 388 flex:2 50%; 389 -ms-flex-pack:end; 390 justify-content:flex-end; 391 margin:0 392 } 393 @media (max-width: 480px) { 394 .akismet-masthead__links { 395 padding-right:.625rem 396 } 397 } 398 .akismet-masthead__link-li { 399 margin:0; 400 padding:0 401 } 402 .akismet-masthead__link { 403 font-style:normal; 404 color:#0087be; 405 padding:.625rem; 406 display:inline-block 407 } 408 .akismet-masthead__link:visited { 409 color:#0087be 410 } 411 .akismet-masthead__link:active,.akismet-masthead__link:hover { 412 color:#00aadc 413 } 414 .akismet-masthead__link:hover { 415 text-decoration:underline 416 } 417 .akismet-masthead__link .dashicons { 418 display:none 419 } 420 @media (max-width: 480px) { 421 .akismet-masthead__link:hover,.akismet-masthead__link:active { 422 text-decoration:none 423 } 424 .akismet-masthead__link .dashicons { 425 display:block; 426 font-size:1.75rem 427 } 428 .akismet-masthead__link span+span { 429 display:none 430 } 431 } 432 .akismet-masthead__link-li:last-of-type .akismet-masthead__link { 433 padding-right:0 434 } 435 436 .akismet-lower { 437 margin: 0 auto; 438 text-align: left; 439 max-width: 45rem; 440 padding: 1.5rem; 441 } 442 443 .akismet-lower .notice { 444 margin-bottom: 2rem; 445 } 446 447 .akismet-card { 448 margin-top: 1rem; 449 margin-bottom: 0; 450 position: relative; 451 margin: 0 auto 0.625rem auto; 452 box-sizing: border-box; 453 background: white; 454 box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; 455 } 456 457 .akismet-card:after, .akismet-card .inside:after, .akismet-masthead__logo-container:after { 458 content: "."; 459 display: block; 460 height: 0; 461 clear: both; 462 visibility: hidden; 463 } 464 465 .akismet-card .inside { 466 padding: 1.5rem; 467 padding-top: 1rem; 468 } 469 470 .akismet-card .akismet-card-actions { 471 margin-top: 1rem; 472 } 473 474 .jetpack_page_akismet-key-config .update-nag, .settings_page_akismet-key-config .update-nag { 475 display: none; 476 } 477 478 .akismet-masthead .akismet-right { 479 line-height: 2.125rem; 480 font-size: 0.9rem; 481 } 482 483 .akismet-box { 484 box-sizing: border-box; 485 background: white; 486 border: 1px solid rgba(200, 215, 225, 0.5); 487 } 488 489 .akismet-box h2, .akismet-box h3 { 490 padding: 1.5rem 1.5rem .5rem 1.5rem; 491 margin: 0; 492 } 493 494 .akismet-box p { 495 padding: 0 1.5rem 1.5rem 1.5rem; 496 margin: 0; 497 } 498 499 .akismet-jetpack-email { 500 font-style: oblique; 501 } 502 503 .akismet-jetpack-gravatar { 504 padding: 0 0 0 1.5rem; 505 float: left; 506 margin-right: 1rem; 507 width: 54px; 508 height: 54px; 509 } 510 511 .akismet-box p:after { 512 content: "."; 513 display: block; 514 height: 0; 515 clear: both; 516 visibility: hidden; 517 } 518 519 .akismet-box .akismet-right { 520 padding-right: 1.5rem; 521 } 522 523 .akismet-boxes .akismet-box { 524 margin-bottom: 0; 525 padding: 0; 526 margin-top: -1px; 527 } 528 529 .akismet-boxes .akismet-box:last-child { 530 margin-bottom: 1.5rem; 531 } 532 533 .akismet-boxes .akismet-box:first-child { 534 margin-top: 1.5rem; 535 } 536 537 .akismet-box-header { 538 max-width: 700px; 539 margin: 0 auto 40px auto; 540 line-height: 1.5; 541 } 542 543 .akismet-box-header h2 { 544 margin: 1.5rem 10% 0; 545 font-size: 1.375rem; 546 font-weight: 700; 547 color: #000; 548 } 549 550 .akismet-box .centered { 551 text-align: center; 552 } 553 554 .akismet-enter-api-key-box { 555 margin: 1.5rem 0; 556 } 557 558 .akismet-box .enter-api-key { 559 display: none; 560 margin-top: 1.5rem; 561 } 562 563 .akismet-box .akismet-toggles { 564 margin: 3rem 0; 565 } 566 567 .akismet-box .akismet-ak-connect, .akismet-box .toggle-jp-connect { 568 display: none; 569 } 570 571 .akismet-box .enter-api-key p { 572 padding: 0 1.5rem; 573 } 574 575 .akismet-button, .akismet-button:hover, .akismet-button:visited { 576 background: white; 577 border-color: #c8d7e1; 578 border-style: solid; 579 border-width: 1px 1px 2px; 580 color: #2e4453; 581 cursor: pointer; 582 display: inline-block; 583 margin: 0; 584 outline: 0; 585 overflow: hidden; 586 font-size: 14px; 587 font-weight: 500; 588 text-overflow: ellipsis; 589 text-decoration: none; 590 vertical-align: top; 591 box-sizing: border-box; 592 font-size: 14px; 593 line-height: 21px; 594 border-radius: 4px; 595 padding: 7px 14px 9px; 596 -webkit-appearance: none; 597 -moz-appearance: none; 598 appearance: none; 599 } 600 601 .akismet-button:hover { 602 border-color: #a8bece; 603 } 604 605 .akismet-button:active { 606 border-width: 2px 1px 1px; 607 } 608 609 .akismet-is-primary, .akismet-is-primary:hover, .akismet-is-primary:visited { 610 background: #00aadc; 611 border-color: #0087be; 612 color: white; 613 } 614 615 .akismet-is-primary:hover, .akismet-is-primary:focus { 616 border-color: #005082; 617 } 618 619 .akismet-is-primary:hover { 620 border-color: #005082; 621 } 622 623 .akismet-section-header { 624 position: relative; 625 margin: 0 auto 0.625rem auto; 626 padding: 1rem; 627 box-sizing: border-box; 628 box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; 629 background: #ffffff; 630 width: 100%; 631 padding-top: 0.6875rem; 632 padding-bottom: 0.6875rem; 633 display: flex; 634 } 635 636 .akismet-section-header__label { 637 display: -ms-flexbox; 638 display: flex; 639 -ms-flex-align: center; 640 align-items: center; 641 -ms-flex-positive: 1; 642 flex-grow: 1; 643 line-height: 1.75rem; 644 position: relative; 645 font-size: 0.875rem; 646 color: #4f748e; 647 } 648 649 .akismet-section-header__actions { 650 line-height: 1.75rem; 651 } 652 653 .akismet-setup-instructions { 654 text-align: center; 655 } 656 657 .akismet-setup-instructions form { 658 padding-bottom: 1.5rem; 659 } 660 661 div.error.akismet-usage-limit-alert { 662 padding: 25px 45px 25px 15px; 663 display: flex; 664 align-items: center; 665 } 666 667 #akismet-plugin-container .akismet-usage-limit-alert { 668 margin: 0 auto 0.625rem auto; 669 box-sizing: border-box; 670 box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; 671 border: none; 672 border-left: 4px solid #d63638; 673 } 674 675 .akismet-usage-limit-alert .akismet-usage-limit-logo { 676 width: 38px; 677 min-width: 38px; 678 height: 38px; 679 border-radius: 20px; 680 margin-right: 18px; 681 background: black; 682 position: relative; 683 } 684 685 .akismet-usage-limit-alert .akismet-usage-limit-logo img { 686 position: absolute; 687 width: 22px; 688 left: 8px; 689 top: 10px; 690 } 691 692 .akismet-usage-limit-alert .akismet-usage-limit-text { 693 flex-grow: 1; 694 margin-right: 18px; 695 } 696 697 .akismet-usage-limit-alert h3 { 698 margin: 0; 699 } 700 701 .akismet-usage-limit-alert .akismet-usage-limit-cta { 702 text-align: right; 703 } 704 705 @media (max-width: 550px) { 706 div.error.akismet-usage-limit-alert { 707 display: block; 708 } 709 710 .akismet-usage-limit-alert .akismet-usage-limit-logo, 711 .akismet-usage-limit-alert .akismet-usage-limit-text { 712 margin-bottom: 15px; 713 } 714 715 .akismet-usage-limit-alert .akismet-usage-limit-cta { 716 text-align: left; 717 } 718 }