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