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