| 1 | | /*-------------------------------------------------------------- |
| 2 | | # Normalize |
| 3 | | --------------------------------------------------------------*/ |
| 4 | | html { |
| 5 | | font-family: sans-serif; |
| 6 | | -webkit-text-size-adjust: 100%; |
| 7 | | -ms-text-size-adjust: 100%; |
| 8 | | } |
| 9 | | |
| 10 | | body { |
| 11 | | margin: 0; |
| 12 | | } |
| 13 | | |
| 14 | | article, |
| 15 | | aside, |
| 16 | | details, |
| 17 | | figcaption, |
| 18 | | figure, |
| 19 | | footer, |
| 20 | | header, |
| 21 | | main, |
| 22 | | menu, |
| 23 | | nav, |
| 24 | | section, |
| 25 | | summary { |
| 26 | | display: block; |
| 27 | | } |
| 28 | | |
| 29 | | audio, |
| 30 | | canvas, |
| 31 | | progress, |
| 32 | | video { |
| 33 | | display: inline-block; |
| 34 | | vertical-align: baseline; |
| 35 | | } |
| 36 | | |
| 37 | | audio:not([controls]) { |
| 38 | | display: none; |
| 39 | | height: 0; |
| 40 | | } |
| 41 | | |
| 42 | | [hidden], |
| 43 | | template { |
| 44 | | display: none; |
| 45 | | } |
| 46 | | |
| 47 | | a { |
| 48 | | background-color: transparent; |
| 49 | | } |
| 50 | | |
| 51 | | a:active, |
| 52 | | a:hover { |
| 53 | | outline: 0; |
| 54 | | } |
| 55 | | |
| 56 | | abbr[title] { |
| 57 | | border-bottom: 1px dotted; |
| 58 | | } |
| 59 | | |
| 60 | | b, |
| 61 | | strong { |
| 62 | | font-weight: bold; |
| 63 | | } |
| 64 | | |
| 65 | | dfn { |
| 66 | | font-style: italic; |
| 67 | | } |
| 68 | | |
| 69 | | h1 { |
| 70 | | font-size: 2em; |
| 71 | | margin: 0.67em 0; |
| 72 | | } |
| 73 | | |
| 74 | | mark { |
| 75 | | background: #ff0; |
| 76 | | color: #000; |
| 77 | | } |
| 78 | | |
| 79 | | small { |
| 80 | | font-size: 80%; |
| 81 | | } |
| 82 | | |
| 83 | | sub, |
| 84 | | sup { |
| 85 | | font-size: 75%; |
| 86 | | line-height: 0; |
| 87 | | position: relative; |
| 88 | | vertical-align: baseline; |
| 89 | | } |
| 90 | | |
| 91 | | sup { |
| 92 | | top: -0.5em; |
| 93 | | } |
| 94 | | |
| 95 | | sub { |
| 96 | | bottom: -0.25em; |
| 97 | | } |
| 98 | | |
| 99 | | img { |
| 100 | | border: 0; |
| 101 | | } |
| 102 | | |
| 103 | | svg:not(:root) { |
| 104 | | overflow: hidden; |
| 105 | | } |
| 106 | | |
| 107 | | figure { |
| 108 | | margin: 1em 40px; |
| 109 | | } |
| 110 | | |
| 111 | | hr { |
| 112 | | -webkit-box-sizing: content-box; |
| 113 | | -moz-box-sizing: content-box; |
| 114 | | box-sizing: content-box; |
| 115 | | height: 0; |
| 116 | | } |
| 117 | | |
| 118 | | pre { |
| 119 | | overflow: auto; |
| 120 | | } |
| 121 | | |
| 122 | | code, |
| 123 | | kbd, |
| 124 | | pre, |
| 125 | | samp { |
| 126 | | font-family: monospace, monospace; |
| 127 | | font-size: 1em; |
| 128 | | } |
| 129 | | |
| 130 | | button, |
| 131 | | input, |
| 132 | | optgroup, |
| 133 | | select, |
| 134 | | textarea { |
| 135 | | color: inherit; |
| 136 | | font: inherit; |
| 137 | | margin: 0; |
| 138 | | } |
| 139 | | |
| 140 | | button { |
| 141 | | overflow: visible; |
| 142 | | } |
| 143 | | |
| 144 | | button, |
| 145 | | select { |
| 146 | | text-transform: none; |
| 147 | | } |
| 148 | | |
| 149 | | button, |
| 150 | | html input[type="button"], |
| 151 | | input[type="reset"], |
| 152 | | input[type="submit"] { |
| 153 | | -webkit-appearance: button; |
| 154 | | cursor: pointer; |
| 155 | | } |
| 156 | | |
| 157 | | button[disabled], |
| 158 | | html input[disabled] { |
| 159 | | cursor: default; |
| 160 | | } |
| 161 | | |
| 162 | | button::-moz-focus-inner, |
| 163 | | input::-moz-focus-inner { |
| 164 | | border: 0; |
| 165 | | padding: 0; |
| 166 | | } |
| 167 | | |
| 168 | | input { |
| 169 | | line-height: normal; |
| 170 | | } |
| 171 | | |
| 172 | | input[type="checkbox"], |
| 173 | | input[type="radio"] { |
| 174 | | -webkit-box-sizing: border-box; |
| 175 | | -moz-box-sizing: border-box; |
| 176 | | box-sizing: border-box; |
| 177 | | padding: 0; |
| 178 | | } |
| 179 | | |
| 180 | | input[type="number"]::-webkit-inner-spin-button, |
| 181 | | input[type="number"]::-webkit-outer-spin-button { |
| 182 | | height: auto; |
| 183 | | } |
| 184 | | |
| 185 | | input[type="search"]::-webkit-search-cancel-button, |
| 186 | | input[type="search"]::-webkit-search-decoration { |
| 187 | | -webkit-appearance: none; |
| 188 | | } |
| 189 | | |
| 190 | | fieldset { |
| 191 | | border: 1px solid #c0c0c0; |
| 192 | | margin: 0 2px; |
| 193 | | padding: 0.35em 0.625em 0.75em; |
| 194 | | } |
| 195 | | |
| 196 | | legend { |
| 197 | | border: 0; |
| 198 | | padding: 0; |
| 199 | | } |
| 200 | | |
| 201 | | textarea { |
| 202 | | overflow: auto; |
| 203 | | } |
| 204 | | |
| 205 | | optgroup { |
| 206 | | font-weight: bold; |
| 207 | | } |
| 208 | | |
| 209 | | table { |
| 210 | | border-collapse: collapse; |
| 211 | | border-spacing: 0; |
| 212 | | } |
| 213 | | |
| 214 | | td, |
| 215 | | th { |
| 216 | | padding: 0; |
| 217 | | } |
| 218 | | |
| 219 | | /*-------------------------------------------------------------- |
| 220 | | # Typography |
| 221 | | --------------------------------------------------------------*/ |
| 222 | | html { |
| 223 | | font-size: 100%; |
| 224 | | } |
| 225 | | |
| 226 | | body, |
| 227 | | button, |
| 228 | | input, |
| 229 | | select, |
| 230 | | textarea { |
| 231 | | color: #32373c; |
| 232 | | font-family: "Open Sans", sans-serif; |
| 233 | | font-size: 100%; |
| 234 | | line-height: 1.5; |
| 235 | | } |
| 236 | | |
| 237 | | @media screen and (min-width: 48em) { |
| 238 | | html { |
| 239 | | font-size: 1.125rem; |
| 240 | | } |
| 241 | | } |
| 242 | | |
| 243 | | h1, h2, h3, h4, h5, h6 { |
| 244 | | clear: both; |
| 245 | | font-family: inherit; |
| 246 | | line-height: 1.5; |
| 247 | | margin: 32px 0 16px; |
| 248 | | margin: 2rem 0 1rem; |
| 249 | | } |
| 250 | | |
| 251 | | h1 { |
| 252 | | font-size: 61.035px; |
| 253 | | font-size: 3.8146972656rem; |
| 254 | | font-weight: 300; |
| 255 | | } |
| 256 | | |
| 257 | | h1.title { |
| 258 | | font-size: 12.8px; |
| 259 | | font-size: 0.8rem; |
| 260 | | color: #0073aa; |
| 261 | | font-weight: 600; |
| 262 | | letter-spacing: 0.8px; |
| 263 | | letter-spacing: 0.05rem; |
| 264 | | text-transform: uppercase; |
| 265 | | } |
| 266 | | |
| 267 | | h2 { |
| 268 | | font-size: 39.062px; |
| 269 | | font-size: 2.44140625rem; |
| 270 | | font-weight: 300; |
| 271 | | } |
| 272 | | |
| 273 | | h3 { |
| 274 | | font-size: 25px; |
| 275 | | font-size: 1.5625rem; |
| 276 | | font-weight: 400; |
| 277 | | } |
| 278 | | |
| 279 | | h4 { |
| 280 | | font-size: 20px; |
| 281 | | font-size: 1.25rem; |
| 282 | | border: none; |
| 283 | | color: #32373c; |
| 284 | | font-weight: 600; |
| 285 | | padding: 0; |
| 286 | | } |
| 287 | | |
| 288 | | h5 { |
| 289 | | font-size: 16px; |
| 290 | | font-size: 1rem; |
| 291 | | font-weight: 600; |
| 292 | | letter-spacing: 0.16px; |
| 293 | | letter-spacing: 0.01rem; |
| 294 | | text-transform: uppercase; |
| 295 | | } |
| 296 | | |
| 297 | | h6 { |
| 298 | | font-size: 12.8px; |
| 299 | | font-size: 0.8rem; |
| 300 | | font-weight: 600; |
| 301 | | letter-spacing: 0.8px; |
| 302 | | text-transform: uppercase; |
| 303 | | } |
| 304 | | |
| 305 | | p { |
| 306 | | margin: 1em 0; |
| 307 | | } |
| 308 | | |
| 309 | | p.subheading { |
| 310 | | color: #82878c; |
| 311 | | font-size: 20px; |
| 312 | | font-size: 1.25rem; |
| 313 | | font-weight: 300; |
| 314 | | margin: -6.4px auto 32px; |
| 315 | | margin: -0.4rem auto 2rem; |
| 316 | | text-align: center; |
| 317 | | } |
| 318 | | |
| 319 | | p.intro { |
| 320 | | font-size: 20px; |
| 321 | | font-size: 1.25rem; |
| 322 | | } |
| 323 | | |
| 324 | | p.aside { |
| 325 | | font-size: 12.8px; |
| 326 | | font-size: 0.8rem; |
| 327 | | } |
| 328 | | |
| 329 | | p.note { |
| 330 | | font-size: 10.24px; |
| 331 | | font-size: 0.64rem; |
| 332 | | letter-spacing: 0.16px; |
| 333 | | letter-spacing: 0.01rem; |
| 334 | | max-width: 291.038px; |
| 335 | | max-width: 18.1898940355rem; |
| 336 | | } |
| 337 | | |
| 338 | | dfn, cite, em, i { |
| 339 | | font-style: italic; |
| 340 | | } |
| 341 | | |
| 342 | | blockquote { |
| 343 | | margin: 0 1.5em; |
| 344 | | } |
| 345 | | |
| 346 | | address { |
| 347 | | margin: 0 0 1.5em; |
| 348 | | } |
| 349 | | |
| 350 | | pre { |
| 351 | | background: #eee; |
| 352 | | font-family: "Courier 10 Pitch", Courier, monospace; |
| 353 | | font-size: 15px; |
| 354 | | font-size: 0.9375rem; |
| 355 | | line-height: 1.6; |
| 356 | | margin-bottom: 1.6em; |
| 357 | | max-width: 100%; |
| 358 | | overflow: auto; |
| 359 | | padding: 1.6em; |
| 360 | | } |
| 361 | | |
| 362 | | code, kbd, tt, var { |
| 363 | | font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; |
| 364 | | font-size: 15px; |
| 365 | | font-size: 0.9375rem; |
| 366 | | } |
| 367 | | |
| 368 | | abbr, acronym { |
| 369 | | border-bottom: 1px dotted #666; |
| 370 | | cursor: help; |
| 371 | | } |
| 372 | | |
| 373 | | mark, ins { |
| 374 | | background: #fff9c0; |
| 375 | | text-decoration: none; |
| 376 | | } |
| 377 | | |
| 378 | | big { |
| 379 | | font-size: 125%; |
| 380 | | } |
| 381 | | |
| 382 | | .feedback-survey { |
| 383 | | background: #fff; |
| 384 | | -webkit-border-radius: 0 3px 3px 0; |
| 385 | | border-radius: 0 3px 3px 0; |
| 386 | | -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); |
| 387 | | box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); |
| 388 | | display: block; |
| 389 | | font-size: 12.8px; |
| 390 | | font-size: 0.8rem; |
| 391 | | padding: 5px 10px; |
| 392 | | position: fixed; |
| 393 | | left: 0; |
| 394 | | top: 200px; |
| 395 | | width: 40px; |
| 396 | | z-index: 100; |
| 397 | | } |
| 398 | | |
| 399 | | .feedback-survey .survey-msg { |
| 400 | | display: none; |
| 401 | | } |
| 402 | | |
| 403 | | .feedback-survey:hover { |
| 404 | | width: auto; |
| 405 | | } |
| 406 | | |
| 407 | | .feedback-survey:hover .survey-msg { |
| 408 | | display: inline-block; |
| 409 | | } |
| 410 | | |
| 411 | | .feedback-survey a:hover { |
| 412 | | text-decoration: none; |
| 413 | | } |
| 414 | | |
| 415 | | .feedback-survey .dashicons-megaphone { |
| 416 | | margin: 2px 0 0 10px; |
| 417 | | } |
| 418 | | |
| 419 | | /*-------------------------------------------------------------- |
| 420 | | # Elements |
| 421 | | --------------------------------------------------------------*/ |
| 422 | | html { |
| 423 | | -webkit-box-sizing: border-box; |
| 424 | | -moz-box-sizing: border-box; |
| 425 | | box-sizing: border-box; |
| 426 | | } |
| 427 | | |
| 428 | | *, |
| 429 | | *:before, |
| 430 | | *:after { |
| 431 | | /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ |
| 432 | | -webkit-box-sizing: inherit; |
| 433 | | -moz-box-sizing: inherit; |
| 434 | | box-sizing: inherit; |
| 435 | | } |
| 436 | | |
| 437 | | body { |
| 438 | | background: #fff; |
| 439 | | /* Fallback for when there is no custom background color defined. */ |
| 440 | | } |
| 441 | | |
| 442 | | blockquote, q { |
| 443 | | quotes: "" ""; |
| 444 | | } |
| 445 | | |
| 446 | | blockquote:before, blockquote:after, q:before, q:after { |
| 447 | | content: ""; |
| 448 | | } |
| 449 | | |
| 450 | | blockquote { |
| 451 | | background: transparent; |
| 452 | | border: none; |
| 453 | | padding: 0; |
| 454 | | border-right: 2px solid #eee; |
| 455 | | color: #82878c; |
| 456 | | font-style: italic; |
| 457 | | margin: 16px 0; |
| 458 | | margin: 1rem 0; |
| 459 | | padding-right: 16px; |
| 460 | | padding-right: 1rem; |
| 461 | | } |
| 462 | | |
| 463 | | blockquote cite { |
| 464 | | font-size: 12.8px; |
| 465 | | font-size: 0.8rem; |
| 466 | | } |
| 467 | | |
| 468 | | hr { |
| 469 | | background-color: #eee; |
| 470 | | border: 0; |
| 471 | | height: 2px; |
| 472 | | margin: 80px auto; |
| 473 | | margin: 5rem auto; |
| 474 | | } |
| 475 | | |
| 476 | | ul, ol { |
| 477 | | margin: 0 3em 1.5em 0; |
| 478 | | } |
| 479 | | |
| 480 | | ul { |
| 481 | | list-style: disc; |
| 482 | | } |
| 483 | | |
| 484 | | ol { |
| 485 | | list-style: decimal; |
| 486 | | } |
| 487 | | |
| 488 | | li > ul, |
| 489 | | li > ol { |
| 490 | | margin-bottom: 0; |
| 491 | | margin-right: 1.5em; |
| 492 | | } |
| 493 | | |
| 494 | | dt { |
| 495 | | font-weight: bold; |
| 496 | | } |
| 497 | | |
| 498 | | dd { |
| 499 | | margin: 0 1.5em 1.5em; |
| 500 | | } |
| 501 | | |
| 502 | | img { |
| 503 | | height: auto; |
| 504 | | /* Make sure images are scaled correctly. */ |
| 505 | | max-width: 100%; |
| 506 | | /* Adhere to container width. */ |
| 507 | | } |
| 508 | | |
| 509 | | table { |
| 510 | | margin: 0 0 1.5em; |
| 511 | | width: 100%; |
| 512 | | } |
| 513 | | |
| 514 | | .notice { |
| 515 | | background: #fff; |
| 516 | | border-right: 4px solid #fff; |
| 517 | | -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); |
| 518 | | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); |
| 519 | | margin: 1em 0; |
| 520 | | padding: 1px 12px; |
| 521 | | } |
| 522 | | |
| 523 | | .notice p { |
| 524 | | font-size: 12.8px; |
| 525 | | font-size: 0.8rem; |
| 526 | | margin: 0.5em 0; |
| 527 | | padding: 2px; |
| 528 | | } |
| 529 | | |
| 530 | | .notice.notice-alt { |
| 531 | | -webkit-box-shadow: none; |
| 532 | | box-shadow: none; |
| 533 | | } |
| 534 | | |
| 535 | | .notice.notice-large { |
| 536 | | padding: 10px 20px; |
| 537 | | } |
| 538 | | |
| 539 | | .notice.notice-success { |
| 540 | | border-right-color: #46b450; |
| 541 | | } |
| 542 | | |
| 543 | | .notice.notice-success.notice-alt { |
| 544 | | background-color: #ecf7ed; |
| 545 | | } |
| 546 | | |
| 547 | | .notice.notice-warning { |
| 548 | | border-right-color: #ffb900; |
| 549 | | } |
| 550 | | |
| 551 | | .notice.notice-warning.notice-alt { |
| 552 | | background-color: #fff8e5; |
| 553 | | } |
| 554 | | |
| 555 | | .notice.notice-error { |
| 556 | | border-right-color: #dc3232; |
| 557 | | } |
| 558 | | |
| 559 | | .notice.notice-error.notice-alt { |
| 560 | | background-color: #fbeaea; |
| 561 | | } |
| 562 | | |
| 563 | | .notice.notice-info { |
| 564 | | border-right-color: #00a0d2; |
| 565 | | } |
| 566 | | |
| 567 | | .notice.notice-info.notice-alt { |
| 568 | | background-color: #e5f5fa; |
| 569 | | } |
| 570 | | |
| 571 | | .locale-banner { |
| 572 | | background: #C7E8CA; |
| 573 | | font-size: 12.8px; |
| 574 | | font-size: 0.8rem; |
| 575 | | padding: 8px; |
| 576 | | padding: 0.5rem; |
| 577 | | text-align: center; |
| 578 | | } |
| 579 | | |
| 580 | | @media (min-width: 67rem) { |
| 581 | | .locale-banner { |
| 582 | | margin: 1rem auto 0; |
| 583 | | max-width: 960px; |
| 584 | | } |
| 585 | | } |
| 586 | | |
| 587 | | /*-------------------------------------------------------------- |
| 588 | | # Forms |
| 589 | | --------------------------------------------------------------*/ |
| 590 | | /* ---------------------------------------------------------------------------- |
| 591 | | 1.0 - Button Layouts |
| 592 | | ---------------------------------------------------------------------------- */ |
| 593 | | .button, |
| 594 | | .button-primary, |
| 595 | | .button-secondary, |
| 596 | | .plugin-upload-form .button-primary { |
| 597 | | border: 1px solid; |
| 598 | | -webkit-border-radius: 3px; |
| 599 | | border-radius: 3px; |
| 600 | | -webkit-box-sizing: border-box; |
| 601 | | -moz-box-sizing: border-box; |
| 602 | | box-sizing: border-box; |
| 603 | | cursor: pointer; |
| 604 | | display: inline-block; |
| 605 | | font-size: 12.8px; |
| 606 | | font-size: 0.8rem; |
| 607 | | height: 25px; |
| 608 | | height: 1.5625rem; |
| 609 | | line-height: 1; |
| 610 | | margin: 0; |
| 611 | | padding: 0 12.8px; |
| 612 | | padding: 0 0.8rem; |
| 613 | | text-decoration: none; |
| 614 | | white-space: nowrap; |
| 615 | | -webkit-appearance: none; |
| 616 | | } |
| 617 | | |
| 618 | | /* Remove the dotted border on :focus and the extra padding in Firefox */ |
| 619 | | button::-moz-focus-inner, |
| 620 | | input[type="reset"]::-moz-focus-inner, |
| 621 | | input[type="button"]::-moz-focus-inner, |
| 622 | | input[type="submit"]::-moz-focus-inner { |
| 623 | | border: 0 none; |
| 624 | | padding: 0; |
| 625 | | } |
| 626 | | |
| 627 | | .button.button-large, |
| 628 | | .button-group.button-large .button { |
| 629 | | height: 31.25px; |
| 630 | | height: 1.953125rem; |
| 631 | | line-height: 1; |
| 632 | | padding: 0 16px; |
| 633 | | padding: 0 1rem; |
| 634 | | } |
| 635 | | |
| 636 | | .button.button-small, |
| 637 | | .button-group.button-small .button { |
| 638 | | font-size: 10.24px; |
| 639 | | font-size: 0.64rem; |
| 640 | | height: 20px; |
| 641 | | height: 1.25rem; |
| 642 | | line-height: 1; |
| 643 | | padding: 0 8px; |
| 644 | | padding: 0 0.5rem; |
| 645 | | } |
| 646 | | |
| 647 | | a.button, |
| 648 | | a.button-primary, |
| 649 | | a.button-secondary { |
| 650 | | line-height: 25px; |
| 651 | | line-height: 1.5625rem; |
| 652 | | } |
| 653 | | |
| 654 | | a.button.button-large, |
| 655 | | .button-group.button-large a.button { |
| 656 | | line-height: 31.25px; |
| 657 | | line-height: 1.953125rem; |
| 658 | | } |
| 659 | | |
| 660 | | a.button.button-small, |
| 661 | | .button-group.button-small a.button { |
| 662 | | line-height: 20px; |
| 663 | | line-height: 1.25rem; |
| 664 | | } |
| 665 | | |
| 666 | | .button:active, |
| 667 | | .button:focus { |
| 668 | | outline: none; |
| 669 | | } |
| 670 | | |
| 671 | | .button.hidden { |
| 672 | | display: none; |
| 673 | | } |
| 674 | | |
| 675 | | /* Style Reset buttons as simple text links */ |
| 676 | | input[type="reset"], |
| 677 | | input[type="reset"]:hover, |
| 678 | | input[type="reset"]:active, |
| 679 | | input[type="reset"]:focus { |
| 680 | | background: none; |
| 681 | | border: none; |
| 682 | | -webkit-box-shadow: none; |
| 683 | | box-shadow: none; |
| 684 | | padding: 0 2px 1px; |
| 685 | | width: auto; |
| 686 | | } |
| 687 | | |
| 688 | | /* ---------------------------------------------------------------------------- |
| 689 | | 2.0 - Default Button Style |
| 690 | | ---------------------------------------------------------------------------- */ |
| 691 | | .button, |
| 692 | | .button:visited, |
| 693 | | .button-secondary { |
| 694 | | background: #f7f7f7; |
| 695 | | border-color: #cccccc; |
| 696 | | -webkit-box-shadow: 0 1px 0 #cccccc; |
| 697 | | box-shadow: 0 1px 0 #cccccc; |
| 698 | | color: #555; |
| 699 | | vertical-align: top; |
| 700 | | } |
| 701 | | |
| 702 | | p .button { |
| 703 | | vertical-align: baseline; |
| 704 | | } |
| 705 | | |
| 706 | | .button.hover, |
| 707 | | .button:hover, |
| 708 | | .button-secondary:hover, |
| 709 | | .button.focus, |
| 710 | | .button:focus, |
| 711 | | .button-secondary:focus { |
| 712 | | background: #fafafa; |
| 713 | | border-color: #999; |
| 714 | | color: #23282d; |
| 715 | | } |
| 716 | | |
| 717 | | .button.focus, |
| 718 | | .button:focus, |
| 719 | | .button-secondary:focus, |
| 720 | | .button-link:focus { |
| 721 | | border-color: #5b9dd9; |
| 722 | | -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
| 723 | | box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
| 724 | | } |
| 725 | | |
| 726 | | .button.active, |
| 727 | | .button.active:hover, |
| 728 | | .button:active, |
| 729 | | .button-secondary:active { |
| 730 | | background: #eee; |
| 731 | | border-color: #999; |
| 732 | | -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
| 733 | | box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
| 734 | | -webkit-transform: translateY(1px); |
| 735 | | -ms-transform: translateY(1px); |
| 736 | | transform: translateY(1px); |
| 737 | | } |
| 738 | | |
| 739 | | .button.active:focus { |
| 740 | | border-color: #5b9dd9; |
| 741 | | -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); |
| 742 | | box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); |
| 743 | | } |
| 744 | | |
| 745 | | .button[disabled], |
| 746 | | .button:disabled, |
| 747 | | .button.disabled, |
| 748 | | .button-secondary[disabled], |
| 749 | | .button-secondary:disabled, |
| 750 | | .button-secondary.disabled, |
| 751 | | .button-disabled { |
| 752 | | background: #f7f7f7 !important; |
| 753 | | border-color: #ddd !important; |
| 754 | | -webkit-box-shadow: none !important; |
| 755 | | box-shadow: none !important; |
| 756 | | color: #a0a5aa !important; |
| 757 | | cursor: default; |
| 758 | | text-shadow: 0 1px 0 #fff !important; |
| 759 | | -webkit-transform: none !important; |
| 760 | | -ms-transform: none !important; |
| 761 | | transform: none !important; |
| 762 | | } |
| 763 | | |
| 764 | | /* Buttons that look like links, for a cross of good semantics with the visual */ |
| 765 | | .button-link { |
| 766 | | background: none; |
| 767 | | border: 0; |
| 768 | | -webkit-border-radius: 0; |
| 769 | | border-radius: 0; |
| 770 | | -webkit-box-shadow: none; |
| 771 | | box-shadow: none; |
| 772 | | cursor: pointer; |
| 773 | | margin: 0; |
| 774 | | outline: none; |
| 775 | | padding: 0; |
| 776 | | } |
| 777 | | |
| 778 | | .button-link:focus { |
| 779 | | outline: #5b9dd9 solid 1px; |
| 780 | | } |
| 781 | | |
| 782 | | /* ---------------------------------------------------------------------------- |
| 783 | | 3.0 - Primary Button Style |
| 784 | | ---------------------------------------------------------------------------- */ |
| 785 | | .button-primary, |
| 786 | | .download-button, |
| 787 | | .plugin-upload-form .button-primary { |
| 788 | | background: #0085ba; |
| 789 | | border-color: #0073aa #006799 #006799; |
| 790 | | -webkit-box-shadow: 0 1px 0 #006799; |
| 791 | | box-shadow: 0 1px 0 #006799; |
| 792 | | color: #fff; |
| 793 | | text-decoration: none; |
| 794 | | text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799; |
| 795 | | } |
| 796 | | |
| 797 | | .button-primary:visited, |
| 798 | | .download-button:visited, |
| 799 | | .plugin-upload-form .button-primary:visited { |
| 800 | | background: #0085ba; |
| 801 | | border-color: #0073aa #006799 #006799; |
| 802 | | -webkit-box-shadow: 0 1px 0 #006799; |
| 803 | | box-shadow: 0 1px 0 #006799; |
| 804 | | color: #fff; |
| 805 | | } |
| 806 | | |
| 807 | | .button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus, |
| 808 | | .download-button.hover, |
| 809 | | .download-button:hover, |
| 810 | | .download-button.focus, |
| 811 | | .download-button:focus, |
| 812 | | .plugin-upload-form .button-primary.hover, |
| 813 | | .plugin-upload-form .button-primary:hover, |
| 814 | | .plugin-upload-form .button-primary.focus, |
| 815 | | .plugin-upload-form .button-primary:focus { |
| 816 | | background: #008ec2; |
| 817 | | border-color: #006799; |
| 818 | | -webkit-box-shadow: 0 1px 0 #006799; |
| 819 | | box-shadow: 0 1px 0 #006799; |
| 820 | | color: #fff; |
| 821 | | } |
| 822 | | |
| 823 | | .button-primary.focus, .button-primary:focus, |
| 824 | | .download-button.focus, |
| 825 | | .download-button:focus, |
| 826 | | .plugin-upload-form .button-primary.focus, |
| 827 | | .plugin-upload-form .button-primary:focus { |
| 828 | | -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; |
| 829 | | box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; |
| 830 | | } |
| 831 | | |
| 832 | | .button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active, |
| 833 | | .download-button.active, |
| 834 | | .download-button.active:hover, |
| 835 | | .download-button.active:focus, |
| 836 | | .download-button:active, |
| 837 | | .plugin-upload-form .button-primary.active, |
| 838 | | .plugin-upload-form .button-primary.active:hover, |
| 839 | | .plugin-upload-form .button-primary.active:focus, |
| 840 | | .plugin-upload-form .button-primary:active { |
| 841 | | background: #0073aa; |
| 842 | | border-color: #006799; |
| 843 | | -webkit-box-shadow: inset 0 2px 0 #006799; |
| 844 | | box-shadow: inset 0 2px 0 #006799; |
| 845 | | vertical-align: top; |
| 846 | | } |
| 847 | | |
| 848 | | .button-primary[disabled], .button-primary:disabled, .button-primary.disabled, |
| 849 | | .download-button[disabled], |
| 850 | | .download-button:disabled, |
| 851 | | .download-button.disabled, |
| 852 | | .plugin-upload-form .button-primary[disabled], |
| 853 | | .plugin-upload-form .button-primary:disabled, |
| 854 | | .plugin-upload-form .button-primary.disabled { |
| 855 | | background: #008ec2 !important; |
| 856 | | border-color: #007cb2 !important; |
| 857 | | -webkit-box-shadow: none !important; |
| 858 | | box-shadow: none !important; |
| 859 | | color: #66c6e4 !important; |
| 860 | | cursor: default; |
| 861 | | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; |
| 862 | | } |
| 863 | | |
| 864 | | .button-primary.button.button-hero, |
| 865 | | .download-button.button.button-hero, |
| 866 | | .plugin-upload-form .button-primary.button.button-hero { |
| 867 | | -webkit-box-shadow: 0 2px 0 #006799; |
| 868 | | box-shadow: 0 2px 0 #006799; |
| 869 | | } |
| 870 | | |
| 871 | | .button-primary.button.button-hero.active, .button-primary.button.button-hero.active:hover, .button-primary.button.button-hero.active:focus, .button-primary.button.button-hero:active, |
| 872 | | .download-button.button.button-hero.active, |
| 873 | | .download-button.button.button-hero.active:hover, |
| 874 | | .download-button.button.button-hero.active:focus, |
| 875 | | .download-button.button.button-hero:active, |
| 876 | | .plugin-upload-form .button-primary.button.button-hero.active, |
| 877 | | .plugin-upload-form .button-primary.button.button-hero.active:hover, |
| 878 | | .plugin-upload-form .button-primary.button.button-hero.active:focus, |
| 879 | | .plugin-upload-form .button-primary.button.button-hero:active { |
| 880 | | -webkit-box-shadow: inset 0 3px 0 #006799; |
| 881 | | box-shadow: inset 0 3px 0 #006799; |
| 882 | | } |
| 883 | | |
| 884 | | .button-primary-disabled { |
| 885 | | background: #008ec2 !important; |
| 886 | | border-color: #007cb2 !important; |
| 887 | | -webkit-box-shadow: none !important; |
| 888 | | box-shadow: none !important; |
| 889 | | color: #66c6e4 !important; |
| 890 | | cursor: default; |
| 891 | | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; |
| 892 | | } |
| 893 | | |
| 894 | | /* ---------------------------------------------------------------------------- |
| 895 | | 4.0 - Button Groups |
| 896 | | ---------------------------------------------------------------------------- */ |
| 897 | | .button-group { |
| 898 | | display: inline-block; |
| 899 | | font-size: 0; |
| 900 | | position: relative; |
| 901 | | vertical-align: middle; |
| 902 | | white-space: nowrap; |
| 903 | | } |
| 904 | | |
| 905 | | .button-group > .button { |
| 906 | | -webkit-border-radius: 0; |
| 907 | | border-radius: 0; |
| 908 | | display: inline-block; |
| 909 | | margin-left: -1px; |
| 910 | | z-index: 10; |
| 911 | | } |
| 912 | | |
| 913 | | .button-group > .button-primary { |
| 914 | | z-index: 100; |
| 915 | | } |
| 916 | | |
| 917 | | .button-group > .button:hover { |
| 918 | | z-index: 20; |
| 919 | | } |
| 920 | | |
| 921 | | .button-group > .button:first-child { |
| 922 | | -webkit-border-radius: 0 3px 3px 0; |
| 923 | | border-radius: 0 3px 3px 0; |
| 924 | | } |
| 925 | | |
| 926 | | .button-group > .button:last-child { |
| 927 | | -webkit-border-radius: 3px 0 0 3px; |
| 928 | | border-radius: 3px 0 0 3px; |
| 929 | | } |
| 930 | | |
| 931 | | .button-group > .button:focus { |
| 932 | | position: relative; |
| 933 | | z-index: 1; |
| 934 | | } |
| 935 | | |
| 936 | | /* ---------------------------------------------------------------------------- |
| 937 | | 5.0 - Responsive Button Styles |
| 938 | | ---------------------------------------------------------------------------- */ |
| 939 | | @media screen and (max-width: 48em) { |
| 940 | | .button, |
| 941 | | .button.button-large, |
| 942 | | .button.button-small, |
| 943 | | .plugin-upload-form .button-primary { |
| 944 | | font-size: 14px; |
| 945 | | height: auto; |
| 946 | | line-height: normal; |
| 947 | | margin-bottom: 4px; |
| 948 | | padding: 6px 14px; |
| 949 | | vertical-align: middle; |
| 950 | | } |
| 951 | | } |
| 952 | | |
| 953 | | /* Include margin and padding in the width calculation of input and textarea. */ |
| 954 | | input, |
| 955 | | textarea { |
| 956 | | -webkit-box-sizing: border-box; |
| 957 | | -moz-box-sizing: border-box; |
| 958 | | box-sizing: border-box; |
| 959 | | } |
| 960 | | |
| 961 | | input[type="text"], |
| 962 | | input[type="password"], |
| 963 | | input[type="checkbox"], |
| 964 | | input[type="color"], |
| 965 | | input[type="date"], |
| 966 | | input[type="datetime"], |
| 967 | | input[type="datetime-local"], |
| 968 | | input[type="email"], |
| 969 | | input[type="month"], |
| 970 | | input[type="number"], |
| 971 | | input[type="password"], |
| 972 | | input[type="search"], |
| 973 | | input[type="radio"], |
| 974 | | input[type="tel"], |
| 975 | | input[type="text"], |
| 976 | | input[type="time"], |
| 977 | | input[type="url"], |
| 978 | | input[type="week"], |
| 979 | | select, |
| 980 | | textarea { |
| 981 | | background-color: #fff; |
| 982 | | border: 1px solid #ddd; |
| 983 | | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); |
| 984 | | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); |
| 985 | | color: #32373c; |
| 986 | | -webkit-transition: 0.05s border-color ease-in-out; |
| 987 | | transition: 0.05s border-color ease-in-out; |
| 988 | | -webkit-appearance: none; |
| 989 | | } |
| 990 | | |
| 991 | | input[type="text"]:focus, |
| 992 | | input[type="password"]:focus, |
| 993 | | input[type="checkbox"]:focus, |
| 994 | | input[type="color"]:focus, |
| 995 | | input[type="date"]:focus, |
| 996 | | input[type="datetime"]:focus, |
| 997 | | input[type="datetime-local"]:focus, |
| 998 | | input[type="email"]:focus, |
| 999 | | input[type="month"]:focus, |
| 1000 | | input[type="number"]:focus, |
| 1001 | | input[type="password"]:focus, |
| 1002 | | input[type="search"]:focus, |
| 1003 | | input[type="radio"]:focus, |
| 1004 | | input[type="tel"]:focus, |
| 1005 | | input[type="text"]:focus, |
| 1006 | | input[type="time"]:focus, |
| 1007 | | input[type="url"]:focus, |
| 1008 | | input[type="week"]:focus, |
| 1009 | | select:focus, |
| 1010 | | textarea:focus { |
| 1011 | | color: #111; |
| 1012 | | } |
| 1013 | | |
| 1014 | | input[type="text"]:focus, |
| 1015 | | input[type="password"]:focus, |
| 1016 | | input[type="color"]:focus, |
| 1017 | | input[type="date"]:focus, |
| 1018 | | input[type="datetime"]:focus, |
| 1019 | | input[type="datetime-local"]:focus, |
| 1020 | | input[type="email"]:focus, |
| 1021 | | input[type="month"]:focus, |
| 1022 | | input[type="number"]:focus, |
| 1023 | | input[type="password"]:focus, |
| 1024 | | input[type="search"]:focus, |
| 1025 | | input[type="tel"]:focus, |
| 1026 | | input[type="text"]:focus, |
| 1027 | | input[type="time"]:focus, |
| 1028 | | input[type="url"]:focus, |
| 1029 | | input[type="week"]:focus, |
| 1030 | | input[type="checkbox"]:focus, |
| 1031 | | input[type="radio"]:focus, |
| 1032 | | select:focus, |
| 1033 | | textarea:focus { |
| 1034 | | border-color: #5b9dd9; |
| 1035 | | -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
| 1036 | | box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
| 1037 | | } |
| 1038 | | |
| 1039 | | /* rtl:ignore */ |
| 1040 | | input[type="email"], |
| 1041 | | input[type="url"] { |
| 1042 | | direction: ltr; |
| 1043 | | } |
| 1044 | | |
| 1045 | | input[type="text"], |
| 1046 | | input[type="email"], |
| 1047 | | input[type="search"], |
| 1048 | | input[type="password"], |
| 1049 | | input[type="number"] { |
| 1050 | | padding: 6px 10px; |
| 1051 | | } |
| 1052 | | |
| 1053 | | /* Vertically align the number selector with the input. */ |
| 1054 | | input[type="number"] { |
| 1055 | | height: 40px; |
| 1056 | | line-height: inherit; |
| 1057 | | } |
| 1058 | | |
| 1059 | | input[type="checkbox"], |
| 1060 | | input[type="radio"] { |
| 1061 | | background: #fff; |
| 1062 | | border: 1px solid #b4b9be; |
| 1063 | | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 1064 | | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 1065 | | clear: none; |
| 1066 | | color: #555; |
| 1067 | | cursor: pointer; |
| 1068 | | display: inline-block; |
| 1069 | | height: 25px; |
| 1070 | | line-height: 0; |
| 1071 | | margin: -4px 0 0 4px; |
| 1072 | | min-width: 16px; |
| 1073 | | padding: 0 !important; |
| 1074 | | text-align: center; |
| 1075 | | -webkit-transition: .05s border-color ease-in-out; |
| 1076 | | transition: .05s border-color ease-in-out; |
| 1077 | | vertical-align: middle; |
| 1078 | | width: 25px; |
| 1079 | | } |
| 1080 | | |
| 1081 | | input[type="checkbox"] { |
| 1082 | | padding: 10px; |
| 1083 | | } |
| 1084 | | |
| 1085 | | input[type="radio"] { |
| 1086 | | -webkit-border-radius: 50%; |
| 1087 | | border-radius: 50%; |
| 1088 | | line-height: 10px; |
| 1089 | | margin-left: 4px; |
| 1090 | | } |
| 1091 | | |
| 1092 | | input[type="checkbox"]:checked:before, |
| 1093 | | input[type="radio"]:checked:before { |
| 1094 | | display: inline-block; |
| 1095 | | float: right; |
| 1096 | | font: normal 21px/1 dashicons; |
| 1097 | | vertical-align: middle; |
| 1098 | | width: 16px; |
| 1099 | | -moz-osx-font-smoothing: grayscale; |
| 1100 | | -webkit-font-smoothing: antialiased; |
| 1101 | | speak: none; |
| 1102 | | } |
| 1103 | | |
| 1104 | | input[type="checkbox"]:checked:before { |
| 1105 | | color: #1e8cbe; |
| 1106 | | content: "\f147"; |
| 1107 | | font: normal 30px/1 dashicons; |
| 1108 | | margin: -3px -5px; |
| 1109 | | } |
| 1110 | | |
| 1111 | | input[type="radio"]:checked:before { |
| 1112 | | background-color: #1e8cbe; |
| 1113 | | -webkit-border-radius: 50px; |
| 1114 | | border-radius: 50px; |
| 1115 | | content: "\2022"; |
| 1116 | | font-size: 24px; |
| 1117 | | height: 9px; |
| 1118 | | line-height: 16px; |
| 1119 | | margin: 7px; |
| 1120 | | text-indent: -9999px; |
| 1121 | | vertical-align: middle; |
| 1122 | | width: 9px; |
| 1123 | | } |
| 1124 | | |
| 1125 | | @-moz-document url-prefix() { |
| 1126 | | input[type="checkbox"], |
| 1127 | | input[type="radio"], |
| 1128 | | .form-table input.tog { |
| 1129 | | margin-bottom: -1px; |
| 1130 | | } |
| 1131 | | } |
| 1132 | | |
| 1133 | | /* Search */ |
| 1134 | | input[type="search"]::-webkit-search-decoration { |
| 1135 | | display: none; |
| 1136 | | } |
| 1137 | | |
| 1138 | | .ie8 input[type="password"] { |
| 1139 | | font-family: sans-serif; |
| 1140 | | } |
| 1141 | | |
| 1142 | | textarea, |
| 1143 | | input, |
| 1144 | | select, |
| 1145 | | button { |
| 1146 | | font-family: inherit; |
| 1147 | | font-size: inherit; |
| 1148 | | font-weight: inherit; |
| 1149 | | } |
| 1150 | | |
| 1151 | | textarea, |
| 1152 | | input, |
| 1153 | | select { |
| 1154 | | -webkit-border-radius: 0; |
| 1155 | | border-radius: 0; |
| 1156 | | font-size: 16px; |
| 1157 | | padding: 3px 5px; |
| 1158 | | /* Reset mobile webkit's default element styling */ |
| 1159 | | } |
| 1160 | | |
| 1161 | | textarea { |
| 1162 | | line-height: 1.4; |
| 1163 | | overflow: auto; |
| 1164 | | padding: 2px 6px; |
| 1165 | | resize: vertical; |
| 1166 | | } |
| 1167 | | |
| 1168 | | input[type="file"] { |
| 1169 | | padding: 3px 0; |
| 1170 | | } |
| 1171 | | |
| 1172 | | label { |
| 1173 | | cursor: pointer; |
| 1174 | | } |
| 1175 | | |
| 1176 | | input.readonly, |
| 1177 | | input[readonly], |
| 1178 | | textarea.readonly, |
| 1179 | | textarea[readonly] { |
| 1180 | | background-color: #eee; |
| 1181 | | } |
| 1182 | | |
| 1183 | | :-moz-placeholder { |
| 1184 | | color: #a9a9a9; |
| 1185 | | } |
| 1186 | | |
| 1187 | | input:disabled, |
| 1188 | | input.disabled, |
| 1189 | | select:disabled, |
| 1190 | | select.disabled, |
| 1191 | | textarea:disabled, |
| 1192 | | textarea.disabled { |
| 1193 | | background: rgba(255, 255, 255, 0.5); |
| 1194 | | border-color: rgba(222, 222, 222, 0.75); |
| 1195 | | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); |
| 1196 | | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); |
| 1197 | | color: rgba(51, 51, 51, 0.5); |
| 1198 | | } |
| 1199 | | |
| 1200 | | input[type="file"]:disabled, |
| 1201 | | input[type="file"].disabled, |
| 1202 | | input[type="range"]:disabled, |
| 1203 | | input[type="range"].disabled { |
| 1204 | | background: none; |
| 1205 | | -webkit-box-shadow: none; |
| 1206 | | box-shadow: none; |
| 1207 | | } |
| 1208 | | |
| 1209 | | input[type="checkbox"]:disabled, |
| 1210 | | input[type="checkbox"].disabled, |
| 1211 | | input[type="radio"]:disabled, |
| 1212 | | input[type="radio"].disabled, |
| 1213 | | input[type="checkbox"]:disabled:checked:before, |
| 1214 | | input[type="checkbox"].disabled:checked:before, |
| 1215 | | input[type="radio"]:disabled:checked:before, |
| 1216 | | input[type="radio"].disabled:checked:before { |
| 1217 | | opacity: 0.7; |
| 1218 | | } |
| 1219 | | |
| 1220 | | label, |
| 1221 | | fieldset label { |
| 1222 | | vertical-align: middle; |
| 1223 | | } |
| 1224 | | |
| 1225 | | /* =Media Queries |
| 1226 | | -------------------------------------------------------------- */ |
| 1227 | | @media screen and (min-width: 48em) { |
| 1228 | | /* Input Elements */ |
| 1229 | | input[type="text"], |
| 1230 | | input[type="email"], |
| 1231 | | input[type="search"], |
| 1232 | | input[type="password"], |
| 1233 | | input[type="number"] { |
| 1234 | | padding: 0; |
| 1235 | | } |
| 1236 | | input[type="number"] { |
| 1237 | | height: 28px; |
| 1238 | | } |
| 1239 | | input[type="checkbox"] { |
| 1240 | | padding: 0; |
| 1241 | | } |
| 1242 | | input[type="checkbox"]:checked:before { |
| 1243 | | font: normal 21px/1 dashicons; |
| 1244 | | margin: -3px -4px 0 0; |
| 1245 | | } |
| 1246 | | input[type="radio"], |
| 1247 | | input[type="checkbox"] { |
| 1248 | | height: 16px; |
| 1249 | | width: 16px; |
| 1250 | | } |
| 1251 | | input[type="radio"]:checked:before { |
| 1252 | | width: 6px; |
| 1253 | | height: 6px; |
| 1254 | | margin: 4px; |
| 1255 | | } |
| 1256 | | textarea, |
| 1257 | | input, |
| 1258 | | select { |
| 1259 | | font-size: 14px; |
| 1260 | | } |
| 1261 | | } |
| 1262 | | |
| 1263 | | .plugin-upload-form fieldset { |
| 1264 | | border: none; |
| 1265 | | margin: 0; |
| 1266 | | padding: 0; |
| 1267 | | } |
| 1268 | | |
| 1269 | | .plugin-upload-form legend { |
| 1270 | | margin: 16px 0; |
| 1271 | | margin: 1rem 0; |
| 1272 | | } |
| 1273 | | |
| 1274 | | .plugin-upload-form .category-checklist { |
| 1275 | | list-style-type: none; |
| 1276 | | margin: 0 0 32px; |
| 1277 | | margin: 0 0 2rem; |
| 1278 | | } |
| 1279 | | |
| 1280 | | .plugin-upload-form .category-checklist li { |
| 1281 | | float: right; |
| 1282 | | padding: 8px 0; |
| 1283 | | padding: 0.5rem 0; |
| 1284 | | width: 50%; |
| 1285 | | } |
| 1286 | | |
| 1287 | | @media screen and (min-width: 48em) { |
| 1288 | | .plugin-upload-form .category-checklist li { |
| 1289 | | padding: 0; |
| 1290 | | } |
| 1291 | | .plugin-upload-form .category-checklist label { |
| 1292 | | font-size: 0.8rem; |
| 1293 | | } |
| 1294 | | } |
| 1295 | | |
| 1296 | | @media screen and (min-width: 48em) { |
| 1297 | | .plugin-upload-form label.button { |
| 1298 | | line-height: 1.8; |
| 1299 | | } |
| 1300 | | } |
| 1301 | | |
| 1302 | | .plugin-upload-form .plugin-file { |
| 1303 | | height: 0.1px; |
| 1304 | | opacity: 0; |
| 1305 | | overflow: hidden; |
| 1306 | | position: absolute; |
| 1307 | | width: 0.1px; |
| 1308 | | z-index: -1; |
| 1309 | | } |
| 1310 | | |
| 1311 | | /*-------------------------------------------------------------- |
| 1312 | | # Navigation |
| 1313 | | --------------------------------------------------------------*/ |
| 1314 | | /*-------------------------------------------------------------- |
| 1315 | | ## Links |
| 1316 | | --------------------------------------------------------------*/ |
| 1317 | | a { |
| 1318 | | color: #0073aa; |
| 1319 | | } |
| 1320 | | |
| 1321 | | a:visited { |
| 1322 | | /* Override wp4.css */ |
| 1323 | | color: #0073aa; |
| 1324 | | } |
| 1325 | | |
| 1326 | | a:hover, a:focus, a:active { |
| 1327 | | /* Override wp4.css */ |
| 1328 | | color: #0073aa; |
| 1329 | | text-decoration: underline; |
| 1330 | | } |
| 1331 | | |
| 1332 | | a.button:hover, a.button:focus, a.button:active { |
| 1333 | | text-decoration: none; |
| 1334 | | } |
| 1335 | | |
| 1336 | | a:focus { |
| 1337 | | outline: thin dotted; |
| 1338 | | } |
| 1339 | | |
| 1340 | | a:hover, a:active { |
| 1341 | | outline: 0; |
| 1342 | | } |
| 1343 | | |
| 1344 | | p a:not(.button), |
| 1345 | | p a:not(.button):hover { |
| 1346 | | border: none; |
| 1347 | | } |
| 1348 | | |
| 1349 | | /*-------------------------------------------------------------- |
| 1350 | | ## Menus |
| 1351 | | --------------------------------------------------------------*/ |
| 1352 | | .site-main .comment-navigation, .site-main |
| 1353 | | .posts-navigation, .site-main |
| 1354 | | .post-navigation { |
| 1355 | | margin: 0 0 1.5em; |
| 1356 | | overflow: hidden; |
| 1357 | | } |
| 1358 | | |
| 1359 | | .comment-navigation .nav-previous, |
| 1360 | | .posts-navigation .nav-previous, |
| 1361 | | .post-navigation .nav-previous { |
| 1362 | | float: right; |
| 1363 | | width: 50%; |
| 1364 | | } |
| 1365 | | |
| 1366 | | .comment-navigation .nav-next, |
| 1367 | | .posts-navigation .nav-next, |
| 1368 | | .post-navigation .nav-next { |
| 1369 | | float: left; |
| 1370 | | text-align: left; |
| 1371 | | width: 50%; |
| 1372 | | } |
| 1373 | | |
| 1374 | | /*-------------------------------------------------------------- |
| 1375 | | # Accessibility |
| 1376 | | --------------------------------------------------------------*/ |
| 1377 | | /* Text meant only for screen readers. */ |
| 1378 | | .screen-reader-text { |
| 1379 | | clip: rect(1px, 1px, 1px, 1px); |
| 1380 | | height: 1px; |
| 1381 | | overflow: hidden; |
| 1382 | | position: absolute !important; |
| 1383 | | width: 1px; |
| 1384 | | } |
| 1385 | | |
| 1386 | | .screen-reader-text:focus { |
| 1387 | | background-color: #f1f1f1; |
| 1388 | | -webkit-border-radius: 3px; |
| 1389 | | border-radius: 3px; |
| 1390 | | -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
| 1391 | | box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
| 1392 | | clip: auto !important; |
| 1393 | | color: #21759b; |
| 1394 | | display: block; |
| 1395 | | font-size: 14px; |
| 1396 | | font-size: 0.875rem; |
| 1397 | | font-weight: bold; |
| 1398 | | height: auto; |
| 1399 | | right: 5px; |
| 1400 | | line-height: normal; |
| 1401 | | padding: 15px 23px 14px; |
| 1402 | | text-decoration: none; |
| 1403 | | top: 5px; |
| 1404 | | width: auto; |
| 1405 | | z-index: 100000; |
| 1406 | | /* Above WP toolbar. */ |
| 1407 | | } |
| 1408 | | |
| 1409 | | /* Do not show the outline on the skip link target. */ |
| 1410 | | .site-content[tabindex="-1"]:focus { |
| 1411 | | outline: 0; |
| 1412 | | } |
| 1413 | | |
| 1414 | | /* hide elements if JS isn't available. */ |
| 1415 | | .no-js .hide-if-no-js { |
| 1416 | | display: none; |
| 1417 | | } |
| 1418 | | |
| 1419 | | /*-------------------------------------------------------------- |
| 1420 | | # Alignments |
| 1421 | | --------------------------------------------------------------*/ |
| 1422 | | .alignleft { |
| 1423 | | display: inline; |
| 1424 | | float: right; |
| 1425 | | margin-left: 1.5em; |
| 1426 | | } |
| 1427 | | |
| 1428 | | .alignright { |
| 1429 | | display: inline; |
| 1430 | | float: left; |
| 1431 | | margin-right: 1.5em; |
| 1432 | | } |
| 1433 | | |
| 1434 | | .aligncenter { |
| 1435 | | clear: both; |
| 1436 | | display: block; |
| 1437 | | margin-right: auto; |
| 1438 | | margin-left: auto; |
| 1439 | | } |
| 1440 | | |
| 1441 | | /*-------------------------------------------------------------- |
| 1442 | | # Clearings |
| 1443 | | --------------------------------------------------------------*/ |
| 1444 | | .clear:before, .plugin-upload-form .category-checklist:before, .type-plugin:before, .type-plugin .plugin-header:before, .plugin-meta:before, |
| 1445 | | .clear:after, |
| 1446 | | .plugin-upload-form .category-checklist:after, |
| 1447 | | .type-plugin:after, |
| 1448 | | .type-plugin .plugin-header:after, |
| 1449 | | .plugin-meta:after, |
| 1450 | | .entry-content:before, |
| 1451 | | .entry-content:after, |
| 1452 | | .comment-content:before, |
| 1453 | | .comment-content:after, |
| 1454 | | .site-header:before, |
| 1455 | | .site-header:after, |
| 1456 | | .site-content:before, |
| 1457 | | .site-content:after, |
| 1458 | | .site-footer:before, |
| 1459 | | .site-footer:after { |
| 1460 | | content: ""; |
| 1461 | | display: table; |
| 1462 | | table-layout: fixed; |
| 1463 | | } |
| 1464 | | |
| 1465 | | .clear:after, .plugin-upload-form .category-checklist:after, .type-plugin:after, .type-plugin .plugin-header:after, .plugin-meta:after, |
| 1466 | | .entry-content:after, |
| 1467 | | .comment-content:after, |
| 1468 | | .site-header:after, |
| 1469 | | .site-content:after, |
| 1470 | | .site-footer:after { |
| 1471 | | clear: both; |
| 1472 | | } |
| 1473 | | |
| 1474 | | /*-------------------------------------------------------------- |
| 1475 | | # WP.org Header |
| 1476 | | --------------------------------------------------------------*/ |
| 1477 | | #wporg-header h1 { |
| 1478 | | margin: auto; |
| 1479 | | } |
| 1480 | | |
| 1481 | | #wporg-header h2.rosetta { |
| 1482 | | clear: none; |
| 1483 | | } |
| 1484 | | |
| 1485 | | #wporg-header form input { |
| 1486 | | -webkit-box-sizing: content-box; |
| 1487 | | -moz-box-sizing: content-box; |
| 1488 | | box-sizing: content-box; |
| 1489 | | padding: 3px; |
| 1490 | | } |
| 1491 | | |
| 1492 | | #wporg-header .button { |
| 1493 | | -webkit-box-shadow: none; |
| 1494 | | box-shadow: none; |
| 1495 | | } |
| 1496 | | |
| 1497 | | #wporg-header .download-button { |
| 1498 | | background-color: #21759b; |
| 1499 | | background-image: -webkit-gradient(linear, right top, right bottom, from(#2a95c5), to(#21759b)); |
| 1500 | | background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); |
| 1501 | | background-image: linear-gradient(to bottom, #2a95c5, #21759b); |
| 1502 | | border-bottom-color: #1e6a8d; |
| 1503 | | border-color: #21759b; |
| 1504 | | -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5); |
| 1505 | | box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5); |
| 1506 | | } |
| 1507 | | |
| 1508 | | #wporg-header .download-button:hover, #wporg-header .download-button:focus { |
| 1509 | | background-color: #278ab7; |
| 1510 | | background-image: -webkit-gradient(linear, right top, right bottom, from(#2e9fd2), to(#21759b)); |
| 1511 | | background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b); |
| 1512 | | background-image: linear-gradient(to bottom, #2e9fd2, #21759b); |
| 1513 | | border-color: #1b607f; |
| 1514 | | -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); |
| 1515 | | box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); |
| 1516 | | color: #fff; |
| 1517 | | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); |
| 1518 | | } |
| 1519 | | |
| 1520 | | #wporg-header .download-button:active { |
| 1521 | | background: #1b607f; |
| 1522 | | background-image: -webkit-gradient(linear, right top, right bottom, from(#21759b), to(#278ab7)); |
| 1523 | | background-image: -webkit-linear-gradient(top, #21759b, #278ab7); |
| 1524 | | background-image: linear-gradient(to bottom, #21759b, #278ab7); |
| 1525 | | border-color: #124560 #2382ae #2382ae #2382ae; |
| 1526 | | -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); |
| 1527 | | box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); |
| 1528 | | color: rgba(255, 255, 255, 0.95); |
| 1529 | | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); |
| 1530 | | -webkit-transform: none; |
| 1531 | | -ms-transform: none; |
| 1532 | | transform: none; |
| 1533 | | } |
| 1534 | | |
| 1535 | | #wporg-header a:hover, |
| 1536 | | #wporg-header a:focus, |
| 1537 | | #wporg-header a:active { |
| 1538 | | text-decoration: none; |
| 1539 | | } |
| 1540 | | |
| 1541 | | /*-------------------------------------------------------------- |
| 1542 | | # Infinite scroll |
| 1543 | | --------------------------------------------------------------*/ |
| 1544 | | /* Globally hidden elements when Infinite Scroll is supported and in use. */ |
| 1545 | | .infinite-scroll .posts-navigation, |
| 1546 | | .infinite-scroll.neverending .site-footer { |
| 1547 | | /* Theme Footer (when set to scrolling) */ |
| 1548 | | display: none; |
| 1549 | | } |
| 1550 | | |
| 1551 | | /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ |
| 1552 | | .infinity-end.neverending .site-footer { |
| 1553 | | display: block; |
| 1554 | | } |
| 1555 | | |
| 1556 | | /*-------------------------------------------------------------- |
| 1557 | | # Media |
| 1558 | | --------------------------------------------------------------*/ |
| 1559 | | .page-content .wp-smiley, |
| 1560 | | .entry-content .wp-smiley, |
| 1561 | | .comment-content .wp-smiley { |
| 1562 | | border: none; |
| 1563 | | margin-bottom: 0; |
| 1564 | | margin-top: 0; |
| 1565 | | padding: 0; |
| 1566 | | } |
| 1567 | | |
| 1568 | | /* Make sure embeds and iframes fit their containers. */ |
| 1569 | | embed, |
| 1570 | | iframe, |
| 1571 | | object { |
| 1572 | | max-width: 100%; |
| 1573 | | } |
| 1574 | | |
| 1575 | | /*-------------------------------------------------------------- |
| 1576 | | ## Captions |
| 1577 | | --------------------------------------------------------------*/ |
| 1578 | | .wp-caption { |
| 1579 | | margin-bottom: 1.5em; |
| 1580 | | max-width: 100%; |
| 1581 | | } |
| 1582 | | |
| 1583 | | .wp-caption img[class*="wp-image-"] { |
| 1584 | | display: block; |
| 1585 | | margin-right: auto; |
| 1586 | | margin-left: auto; |
| 1587 | | } |
| 1588 | | |
| 1589 | | .wp-caption .wp-caption-text { |
| 1590 | | margin: 0.8075em 0; |
| 1591 | | } |
| 1592 | | |
| 1593 | | .wp-caption-text { |
| 1594 | | text-align: center; |
| 1595 | | } |
| 1596 | | |
| 1597 | | /*-------------------------------------------------------------- |
| 1598 | | ## Galleries |
| 1599 | | --------------------------------------------------------------*/ |
| 1600 | | .gallery { |
| 1601 | | margin-bottom: 1.5em; |
| 1602 | | } |
| 1603 | | |
| 1604 | | .gallery-item { |
| 1605 | | display: inline-block; |
| 1606 | | text-align: center; |
| 1607 | | vertical-align: top; |
| 1608 | | width: 100%; |
| 1609 | | } |
| 1610 | | |
| 1611 | | .gallery-columns-2 .gallery-item { |
| 1612 | | max-width: 50%; |
| 1613 | | } |
| 1614 | | |
| 1615 | | .gallery-columns-3 .gallery-item { |
| 1616 | | max-width: 33.33%; |
| 1617 | | } |
| 1618 | | |
| 1619 | | .gallery-columns-4 .gallery-item { |
| 1620 | | max-width: 25%; |
| 1621 | | } |
| 1622 | | |
| 1623 | | .gallery-columns-5 .gallery-item { |
| 1624 | | max-width: 20%; |
| 1625 | | } |
| 1626 | | |
| 1627 | | .gallery-columns-6 .gallery-item { |
| 1628 | | max-width: 16.66%; |
| 1629 | | } |
| 1630 | | |
| 1631 | | .gallery-columns-7 .gallery-item { |
| 1632 | | max-width: 14.28%; |
| 1633 | | } |
| 1634 | | |
| 1635 | | .gallery-columns-8 .gallery-item { |
| 1636 | | max-width: 12.5%; |
| 1637 | | } |
| 1638 | | |
| 1639 | | .gallery-columns-9 .gallery-item { |
| 1640 | | max-width: 11.11%; |
| 1641 | | } |
| 1642 | | |
| 1643 | | .gallery-caption { |
| 1644 | | display: block; |
| 1645 | | } |
| 1646 | | |
| 1647 | | /*-------------------------------------------------------------- |
| 1648 | | # Components |
| 1649 | | --------------------------------------------------------------*/ |
| 1650 | | .error-404 .page-title { |
| 1651 | | text-align: center; |
| 1652 | | } |
| 1653 | | |
| 1654 | | .error-404 .page-content { |
| 1655 | | text-align: center; |
| 1656 | | } |
| 1657 | | |
| 1658 | | .error-404 .page-content .logo-swing { |
| 1659 | | height: 160px; |
| 1660 | | height: 10rem; |
| 1661 | | margin: 96px auto; |
| 1662 | | margin: 6rem auto; |
| 1663 | | position: relative; |
| 1664 | | text-align: center; |
| 1665 | | width: 160px; |
| 1666 | | width: 10rem; |
| 1667 | | } |
| 1668 | | |
| 1669 | | .error-404 .page-content .logo-swing .wp-logo { |
| 1670 | | right: 0; |
| 1671 | | max-width: none; |
| 1672 | | position: absolute; |
| 1673 | | top: 0; |
| 1674 | | width: 160px; |
| 1675 | | width: 10rem; |
| 1676 | | } |
| 1677 | | |
| 1678 | | @-webkit-keyframes hinge { |
| 1679 | | 10% { |
| 1680 | | width: 180px; |
| 1681 | | height: 180px; |
| 1682 | | -webkit-transform: rotate3d(0, 0, 1, 0deg); |
| 1683 | | transform: rotate3d(0, 0, 1, 0deg); |
| 1684 | | } |
| 1685 | | 15% { |
| 1686 | | width: 185px; |
| 1687 | | height: 185px; |
| 1688 | | -webkit-transform: rotate3d(0, 0, 1, 0deg); |
| 1689 | | transform: rotate3d(0, 0, 1, 0deg); |
| 1690 | | } |
| 1691 | | 20% { |
| 1692 | | width: 180px; |
| 1693 | | height: 180px; |
| 1694 | | -webkit-transform: rotate3d(0, 0, 1, -5deg); |
| 1695 | | transform: rotate3d(0, 0, 1, -5deg); |
| 1696 | | } |
| 1697 | | 40% { |
| 1698 | | -webkit-transform-origin: top right; |
| 1699 | | transform-origin: top right; |
| 1700 | | -webkit-animation-timing-function: ease-in-out; |
| 1701 | | animation-timing-function: ease-in-out; |
| 1702 | | } |
| 1703 | | 60% { |
| 1704 | | -webkit-transform: rotate3d(0, 0, 1, -40deg); |
| 1705 | | transform: rotate3d(0, 0, 1, -40deg); |
| 1706 | | -webkit-transform-origin: top right; |
| 1707 | | transform-origin: top right; |
| 1708 | | -webkit-animation-timing-function: ease-in-out; |
| 1709 | | animation-timing-function: ease-in-out; |
| 1710 | | } |
| 1711 | | 40%, 80% { |
| 1712 | | -webkit-transform: rotate3d(0, 0, 1, -60deg); |
| 1713 | | transform: rotate3d(0, 0, 1, -60deg); |
| 1714 | | -webkit-transform-origin: top right; |
| 1715 | | transform-origin: top right; |
| 1716 | | -webkit-animation-timing-function: ease-in-out; |
| 1717 | | animation-timing-function: ease-in-out; |
| 1718 | | opacity: 1; |
| 1719 | | } |
| 1720 | | to { |
| 1721 | | -webkit-transform: translate3d(0, 700px, 0); |
| 1722 | | transform: translate3d(0, 700px, 0); |
| 1723 | | opacity: 0; |
| 1724 | | } |
| 1725 | | } |
| 1726 | | |
| 1727 | | @keyframes hinge { |
| 1728 | | 10% { |
| 1729 | | width: 180px; |
| 1730 | | height: 180px; |
| 1731 | | -webkit-transform: rotate3d(0, 0, 1, 0deg); |
| 1732 | | transform: rotate3d(0, 0, 1, 0deg); |
| 1733 | | } |
| 1734 | | 15% { |
| 1735 | | width: 185px; |
| 1736 | | height: 185px; |
| 1737 | | -webkit-transform: rotate3d(0, 0, 1, 0deg); |
| 1738 | | transform: rotate3d(0, 0, 1, 0deg); |
| 1739 | | } |
| 1740 | | 20% { |
| 1741 | | width: 180px; |
| 1742 | | height: 180px; |
| 1743 | | -webkit-transform: rotate3d(0, 0, 1, -5deg); |
| 1744 | | transform: rotate3d(0, 0, 1, -5deg); |
| 1745 | | } |
| 1746 | | 40% { |
| 1747 | | -webkit-transform-origin: top right; |
| 1748 | | transform-origin: top right; |
| 1749 | | -webkit-animation-timing-function: ease-in-out; |
| 1750 | | animation-timing-function: ease-in-out; |
| 1751 | | } |
| 1752 | | 60% { |
| 1753 | | -webkit-transform: rotate3d(0, 0, 1, -40deg); |
| 1754 | | transform: rotate3d(0, 0, 1, -40deg); |
| 1755 | | -webkit-transform-origin: top right; |
| 1756 | | transform-origin: top right; |
| 1757 | | -webkit-animation-timing-function: ease-in-out; |
| 1758 | | animation-timing-function: ease-in-out; |
| 1759 | | } |
| 1760 | | 40%, 80% { |
| 1761 | | -webkit-transform: rotate3d(0, 0, 1, -60deg); |
| 1762 | | transform: rotate3d(0, 0, 1, -60deg); |
| 1763 | | -webkit-transform-origin: top right; |
| 1764 | | transform-origin: top right; |
| 1765 | | -webkit-animation-timing-function: ease-in-out; |
| 1766 | | animation-timing-function: ease-in-out; |
| 1767 | | opacity: 1; |
| 1768 | | } |
| 1769 | | to { |
| 1770 | | -webkit-transform: translate3d(0, 700px, 0); |
| 1771 | | transform: translate3d(0, 700px, 0); |
| 1772 | | opacity: 0; |
| 1773 | | } |
| 1774 | | } |
| 1775 | | |
| 1776 | | .hinge { |
| 1777 | | -webkit-animation-duration: 2s; |
| 1778 | | animation-duration: 2s; |
| 1779 | | -webkit-animation-name: hinge; |
| 1780 | | animation-name: hinge; |
| 1781 | | } |
| 1782 | | |
| 1783 | | .archive .site-main { |
| 1784 | | margin-top: 32px; |
| 1785 | | margin-top: 2rem; |
| 1786 | | padding-top: 0; |
| 1787 | | } |
| 1788 | | |
| 1789 | | .archive .page-header { |
| 1790 | | margin: 32px 0; |
| 1791 | | margin: 2rem 0; |
| 1792 | | } |
| 1793 | | |
| 1794 | | .plugin-section { |
| 1795 | | border-bottom: 2px solid #eee; |
| 1796 | | margin: 0 auto 76.293px; |
| 1797 | | margin: 0 auto 4.768371582rem; |
| 1798 | | max-width: 960px; |
| 1799 | | padding-bottom: 48.828px; |
| 1800 | | padding-bottom: 3.0517578125rem; |
| 1801 | | } |
| 1802 | | |
| 1803 | | .plugin-section:last-of-type { |
| 1804 | | margin-bottom: 0; |
| 1805 | | } |
| 1806 | | |
| 1807 | | .plugin-section .section-header { |
| 1808 | | position: relative; |
| 1809 | | } |
| 1810 | | |
| 1811 | | .plugin-section .section-title { |
| 1812 | | font-size: 25px; |
| 1813 | | font-size: 1.5625rem; |
| 1814 | | font-weight: 400; |
| 1815 | | margin-bottom: 48px; |
| 1816 | | margin-bottom: 3rem; |
| 1817 | | } |
| 1818 | | |
| 1819 | | .plugin-section .section-link { |
| 1820 | | font-size: 16px; |
| 1821 | | font-size: 1rem; |
| 1822 | | position: absolute; |
| 1823 | | left: 0; |
| 1824 | | top: 11.2px; |
| 1825 | | top: 0.7rem; |
| 1826 | | } |
| 1827 | | |
| 1828 | | .page .entry-header { |
| 1829 | | margin-top: 32px; |
| 1830 | | margin-top: 2rem; |
| 1831 | | } |
| 1832 | | |
| 1833 | | .page .entry-header .entry-title { |
| 1834 | | font-size: 25px; |
| 1835 | | font-size: 1.5625rem; |
| 1836 | | font-weight: 400; |
| 1837 | | margin: 0 auto; |
| 1838 | | max-width: 568.434px; |
| 1839 | | max-width: 35.527136788rem; |
| 1840 | | } |
| 1841 | | |
| 1842 | | @media screen and (min-width: 48em) { |
| 1843 | | .page .entry-header .entry-title { |
| 1844 | | padding: 0 2rem; |
| 1845 | | } |
| 1846 | | } |
| 1847 | | |
| 1848 | | .page .entry-content h2 { |
| 1849 | | font-size: 25px; |
| 1850 | | font-size: 1.5625rem; |
| 1851 | | font-weight: 400; |
| 1852 | | } |
| 1853 | | |
| 1854 | | .page .entry-content h3 { |
| 1855 | | font-size: 16px; |
| 1856 | | font-size: 1rem; |
| 1857 | | font-weight: 600; |
| 1858 | | letter-spacing: 0.16px; |
| 1859 | | letter-spacing: 0.01rem; |
| 1860 | | text-transform: uppercase; |
| 1861 | | } |
| 1862 | | |
| 1863 | | .page .entry-content section { |
| 1864 | | padding: 32px 0; |
| 1865 | | padding: 2rem 0; |
| 1866 | | } |
| 1867 | | |
| 1868 | | .page .entry-content section .container { |
| 1869 | | margin: 0 auto; |
| 1870 | | max-width: 568.434px; |
| 1871 | | max-width: 35.527136788rem; |
| 1872 | | } |
| 1873 | | |
| 1874 | | @media screen and (min-width: 48em) { |
| 1875 | | .page .entry-content section .container { |
| 1876 | | padding: 0 2rem; |
| 1877 | | } |
| 1878 | | } |
| 1879 | | |
| 1880 | | .page .entry-content section:first-of-type { |
| 1881 | | padding-top: 0; |
| 1882 | | } |
| 1883 | | |
| 1884 | | .page .entry-content section + section { |
| 1885 | | border-top: 2px solid #eee; |
| 1886 | | } |
| 1887 | | |
| 1888 | | .plugin-card { |
| 1889 | | background-color: #f9f9f9; |
| 1890 | | margin-bottom: 4%; |
| 1891 | | padding: 15px 15px 8px; |
| 1892 | | vertical-align: top; |
| 1893 | | } |
| 1894 | | |
| 1895 | | @media screen and (min-width: 48em) { |
| 1896 | | .plugin-card { |
| 1897 | | display: inline-block; |
| 1898 | | margin-left: 4%; |
| 1899 | | width: 48%; |
| 1900 | | } |
| 1901 | | .plugin-card:nth-of-type(even) { |
| 1902 | | margin-left: 0; |
| 1903 | | } |
| 1904 | | } |
| 1905 | | |
| 1906 | | .plugin-card .entry { |
| 1907 | | display: inline-block; |
| 1908 | | margin: auto; |
| 1909 | | vertical-align: top; |
| 1910 | | } |
| 1911 | | |
| 1912 | | @media screen and (min-width: 21em) { |
| 1913 | | .plugin-card .entry { |
| 1914 | | width: -webkit-calc(96% - 128px); |
| 1915 | | width: calc(96% - 128px); |
| 1916 | | } |
| 1917 | | } |
| 1918 | | |
| 1919 | | .plugin-card .entry-title { |
| 1920 | | font-size: 16px; |
| 1921 | | font-size: 1rem; |
| 1922 | | line-height: 1.3; |
| 1923 | | margin: 0 0 8px; |
| 1924 | | } |
| 1925 | | |
| 1926 | | .plugin-card .entry-title a { |
| 1927 | | font-weight: 400; |
| 1928 | | } |
| 1929 | | |
| 1930 | | .plugin-card .entry-excerpt { |
| 1931 | | font-size: 12.8px; |
| 1932 | | font-size: 0.8rem; |
| 1933 | | } |
| 1934 | | |
| 1935 | | .plugin-card .entry-excerpt p { |
| 1936 | | margin: 0; |
| 1937 | | } |
| 1938 | | |
| 1939 | | .plugin-card hr { |
| 1940 | | background-color: #fff; |
| 1941 | | margin: 15px -15px 8px; |
| 1942 | | } |
| 1943 | | |
| 1944 | | .plugin-card footer span { |
| 1945 | | font-size: 11.704px; |
| 1946 | | font-size: 0.73152rem; |
| 1947 | | width: 48%; |
| 1948 | | display: inline-block; |
| 1949 | | overflow: hidden; |
| 1950 | | white-space: nowrap; |
| 1951 | | } |
| 1952 | | |
| 1953 | | .plugin-card footer span i { |
| 1954 | | display: inline-block; |
| 1955 | | font-size: 16px; |
| 1956 | | font-size: 1rem; |
| 1957 | | margin-left: 6.4px; |
| 1958 | | margin-left: 0.4rem; |
| 1959 | | } |
| 1960 | | |
| 1961 | | .plugin-card footer span.last-updated { |
| 1962 | | display: none; |
| 1963 | | } |
| 1964 | | |
| 1965 | | .plugin-card footer span.plugin-author { |
| 1966 | | width: 100%; |
| 1967 | | } |
| 1968 | | |
| 1969 | | .plugin-card footer .dashicons { |
| 1970 | | margin: 0 2px -16px; |
| 1971 | | margin: 0 2px -1rem; |
| 1972 | | color: #bbb; |
| 1973 | | width: auto; |
| 1974 | | height: auto; |
| 1975 | | display: none; |
| 1976 | | } |
| 1977 | | |
| 1978 | | @media (min-width: 414px) { |
| 1979 | | .plugin-card footer .dashicons { |
| 1980 | | display: inline-block; |
| 1981 | | } |
| 1982 | | } |
| 1983 | | |
| 1984 | | .entry-thumbnail { |
| 1985 | | display: none; |
| 1986 | | max-width: 128px; |
| 1987 | | } |
| 1988 | | |
| 1989 | | .entry-thumbnail .plugin-icon { |
| 1990 | | -webkit-background-size: cover; |
| 1991 | | background-size: cover; |
| 1992 | | height: 128px; |
| 1993 | | width: 128px; |
| 1994 | | } |
| 1995 | | |
| 1996 | | @media screen and (min-width: 21em) { |
| 1997 | | .entry-thumbnail { |
| 1998 | | display: inline-block; |
| 1999 | | margin: 0 0 0 4%; |
| 2000 | | vertical-align: top; |
| 2001 | | } |
| 2002 | | .entry-thumbnail a { |
| 2003 | | display: block; |
| 2004 | | } |
| 2005 | | } |
| 2006 | | |
| 2007 | | .single .entry-thumbnail { |
| 2008 | | display: none; |
| 2009 | | float: right; |
| 2010 | | height: 96px; |
| 2011 | | margin-left: 16px; |
| 2012 | | margin-left: 1rem; |
| 2013 | | width: 96px; |
| 2014 | | } |
| 2015 | | |
| 2016 | | @media screen and (min-width: 26em) { |
| 2017 | | .single .entry-thumbnail { |
| 2018 | | display: block; |
| 2019 | | } |
| 2020 | | } |
| 2021 | | |
| 2022 | | .single .entry-thumbnail .plugin-icon { |
| 2023 | | -webkit-background-size: contain !important; |
| 2024 | | background-size: contain !important; |
| 2025 | | height: 96px !important; |
| 2026 | | width: 96px !important; |
| 2027 | | } |
| 2028 | | |
| 2029 | | [class*='dashicons-star-'] { |
| 2030 | | color: #ffb900; |
| 2031 | | } |
| 2032 | | |
| 2033 | | .rtl .dashicons-star-half { |
| 2034 | | -webkit-transform: rotateY(180deg); |
| 2035 | | transform: rotateY(180deg); |
| 2036 | | } |
| 2037 | | |
| 2038 | | .plugin-rating { |
| 2039 | | line-height: 1; |
| 2040 | | margin: 0 0 8px 10px; |
| 2041 | | } |
| 2042 | | |
| 2043 | | .plugin-rating .wporg-ratings { |
| 2044 | | display: inline-block; |
| 2045 | | margin-left: 5px; |
| 2046 | | } |
| 2047 | | |
| 2048 | | .plugin-rating .rating-count { |
| 2049 | | color: #999; |
| 2050 | | font-size: 12.8px; |
| 2051 | | font-size: 0.8rem; |
| 2052 | | top: -1px; |
| 2053 | | } |
| 2054 | | |
| 2055 | | .site-main.single .plugin-rating .rating-count { |
| 2056 | | display: none; |
| 2057 | | } |
| 2058 | | |
| 2059 | | .plugin-rating .rating-count a { |
| 2060 | | color: inherit; |
| 2061 | | cursor: hand; |
| 2062 | | text-decoration: none; |
| 2063 | | } |
| 2064 | | |
| 2065 | | @-webkit-keyframes favme-anime { |
| 2066 | | 0% { |
| 2067 | | opacity: 1; |
| 2068 | | font-size: 1rem; |
| 2069 | | -webkit-text-stroke-color: transparent; |
| 2070 | | } |
| 2071 | | 25% { |
| 2072 | | opacity: 0.6; |
| 2073 | | color: #fff; |
| 2074 | | font-size: 0.8rem; |
| 2075 | | -webkit-text-stroke-width: 1px; |
| 2076 | | -webkit-text-stroke-color: #dc3232; |
| 2077 | | } |
| 2078 | | 75% { |
| 2079 | | opacity: 0.6; |
| 2080 | | color: #fff; |
| 2081 | | font-size: 1.42875rem; |
| 2082 | | -webkit-text-stroke-width: 1px; |
| 2083 | | -webkit-text-stroke-color: #dc3232; |
| 2084 | | } |
| 2085 | | 100% { |
| 2086 | | opacity: 1; |
| 2087 | | font-size: 1.25rem; |
| 2088 | | -webkit-text-stroke-color: transparent; |
| 2089 | | } |
| 2090 | | } |
| 2091 | | |
| 2092 | | @keyframes favme-anime { |
| 2093 | | 0% { |
| 2094 | | opacity: 1; |
| 2095 | | font-size: 1rem; |
| 2096 | | -webkit-text-stroke-color: transparent; |
| 2097 | | } |
| 2098 | | 25% { |
| 2099 | | opacity: 0.6; |
| 2100 | | color: #fff; |
| 2101 | | font-size: 0.8rem; |
| 2102 | | -webkit-text-stroke-width: 1px; |
| 2103 | | -webkit-text-stroke-color: #dc3232; |
| 2104 | | } |
| 2105 | | 75% { |
| 2106 | | opacity: 0.6; |
| 2107 | | color: #fff; |
| 2108 | | font-size: 1.42875rem; |
| 2109 | | -webkit-text-stroke-width: 1px; |
| 2110 | | -webkit-text-stroke-color: #dc3232; |
| 2111 | | } |
| 2112 | | 100% { |
| 2113 | | opacity: 1; |
| 2114 | | font-size: 1.25rem; |
| 2115 | | -webkit-text-stroke-color: transparent; |
| 2116 | | } |
| 2117 | | } |
| 2118 | | |
| 2119 | | @-webkit-keyframes favme-hover { |
| 2120 | | from { |
| 2121 | | font-size: 1.42875rem; |
| 2122 | | } |
| 2123 | | 80% { |
| 2124 | | font-size: 1.25rem; |
| 2125 | | } |
| 2126 | | } |
| 2127 | | |
| 2128 | | @keyframes favme-hover { |
| 2129 | | from { |
| 2130 | | font-size: 1.42875rem; |
| 2131 | | } |
| 2132 | | 80% { |
| 2133 | | font-size: 1.25rem; |
| 2134 | | } |
| 2135 | | } |
| 2136 | | |
| 2137 | | .plugin-favorite { |
| 2138 | | height: 36px; |
| 2139 | | text-align: center; |
| 2140 | | vertical-align: top; |
| 2141 | | width: 36px; |
| 2142 | | } |
| 2143 | | |
| 2144 | | .plugin-favorite .plugin-favorite-heart { |
| 2145 | | -webkit-box-align: center; |
| 2146 | | -webkit-align-items: center; |
| 2147 | | -moz-box-align: center; |
| 2148 | | -ms-flex-align: center; |
| 2149 | | align-items: center; |
| 2150 | | background: none; |
| 2151 | | border: 0; |
| 2152 | | -webkit-border-radius: 0; |
| 2153 | | border-radius: 0; |
| 2154 | | -webkit-box-shadow: none; |
| 2155 | | box-shadow: none; |
| 2156 | | color: #cbcdce; |
| 2157 | | cursor: pointer; |
| 2158 | | display: -webkit-box; |
| 2159 | | display: -webkit-flex; |
| 2160 | | display: -moz-box; |
| 2161 | | display: -ms-flexbox; |
| 2162 | | display: flex; |
| 2163 | | font-size: 20px; |
| 2164 | | font-size: 1.25rem; |
| 2165 | | height: 100%; |
| 2166 | | -webkit-box-pack: center; |
| 2167 | | -webkit-justify-content: center; |
| 2168 | | -moz-box-pack: center; |
| 2169 | | -ms-flex-pack: center; |
| 2170 | | justify-content: center; |
| 2171 | | line-height: 1; |
| 2172 | | margin: 0; |
| 2173 | | outline: none; |
| 2174 | | padding: 0; |
| 2175 | | -webkit-transition: all .2s ease; |
| 2176 | | transition: all .2s ease; |
| 2177 | | } |
| 2178 | | |
| 2179 | | .plugin-favorite .plugin-favorite-heart.favorited { |
| 2180 | | color: #dc3232; |
| 2181 | | } |
| 2182 | | |
| 2183 | | .plugin-favorite .plugin-favorite-heart:hover { |
| 2184 | | -webkit-animation: favme-hover .3s infinite alternate; |
| 2185 | | animation: favme-hover .3s infinite alternate; |
| 2186 | | } |
| 2187 | | |
| 2188 | | .plugin-favorite .plugin-favorite-heart:focus { |
| 2189 | | outline: thin dotted; |
| 2190 | | } |
| 2191 | | |
| 2192 | | .plugin-favorite .plugin-favorite-heart:hover, .plugin-favorite .plugin-favorite-heart:focus { |
| 2193 | | text-decoration: none; |
| 2194 | | } |
| 2195 | | |
| 2196 | | .plugin-favorite .plugin-favorite-heart:after { |
| 2197 | | content: "\f487"; |
| 2198 | | font-family: dashicons; |
| 2199 | | vertical-align: top; |
| 2200 | | } |
| 2201 | | |
| 2202 | | .plugin-favorite .plugin-favorite-heart.is-animating { |
| 2203 | | -webkit-animation: favme-anime .3s; |
| 2204 | | animation: favme-anime .3s; |
| 2205 | | } |
| 2206 | | |
| 2207 | | .plugin-banner { |
| 2208 | | background-position: 50% 50%; |
| 2209 | | -webkit-background-size: 100% 100%; |
| 2210 | | background-size: 100%; |
| 2211 | | display: inline-block; |
| 2212 | | font-size: 0; |
| 2213 | | line-height: 0; |
| 2214 | | margin: 0 auto 18.288px; |
| 2215 | | margin: 0 auto 1.143rem; |
| 2216 | | padding-top: 32.38342%; |
| 2217 | | /* 250px / 722px */ |
| 2218 | | vertical-align: middle; |
| 2219 | | width: 100%; |
| 2220 | | } |
| 2221 | | |
| 2222 | | @media screen and (min-width: 60em) { |
| 2223 | | .plugin-banner { |
| 2224 | | margin-top: 1.5625rem; |
| 2225 | | } |
| 2226 | | } |
| 2227 | | |
| 2228 | | .plugin-changelog { |
| 2229 | | font-size: 12.8px; |
| 2230 | | font-size: 0.8rem; |
| 2231 | | } |
| 2232 | | |
| 2233 | | .plugin-changelog code { |
| 2234 | | font-size: 12.8px; |
| 2235 | | font-size: 0.8rem; |
| 2236 | | } |
| 2237 | | |
| 2238 | | .plugin-changelog h4 { |
| 2239 | | margin-top: 0; |
| 2240 | | } |
| 2241 | | |
| 2242 | | .plugin-developers { |
| 2243 | | list-style-type: none; |
| 2244 | | margin: 0; |
| 2245 | | } |
| 2246 | | |
| 2247 | | .plugin-developers li { |
| 2248 | | display: inline-block; |
| 2249 | | margin: 0 0 16px 4%; |
| 2250 | | margin: 0 0 1rem 4%; |
| 2251 | | vertical-align: top; |
| 2252 | | width: 48%; |
| 2253 | | } |
| 2254 | | |
| 2255 | | .plugin-developers li:nth-of-type(even) { |
| 2256 | | margin-left: 0; |
| 2257 | | } |
| 2258 | | |
| 2259 | | .avatar { |
| 2260 | | -webkit-border-radius: 50%; |
| 2261 | | border-radius: 50%; |
| 2262 | | margin-left: 10px; |
| 2263 | | vertical-align: middle; |
| 2264 | | float: right; |
| 2265 | | } |
| 2266 | | |
| 2267 | | .plugin-faq h2:first-of-type { |
| 2268 | | font-size: 20px; |
| 2269 | | font-size: 1.25rem; |
| 2270 | | font-weight: 600; |
| 2271 | | letter-spacing: 0.16px; |
| 2272 | | letter-spacing: 0.01rem; |
| 2273 | | text-transform: uppercase; |
| 2274 | | border: none; |
| 2275 | | color: #32373c; |
| 2276 | | padding: 0; |
| 2277 | | text-transform: inherit; |
| 2278 | | } |
| 2279 | | |
| 2280 | | .plugin-faq dl { |
| 2281 | | border-bottom: 1px solid #eee; |
| 2282 | | } |
| 2283 | | |
| 2284 | | .plugin-faq dt { |
| 2285 | | border-top: 1px solid #eee; |
| 2286 | | cursor: pointer; |
| 2287 | | font-size: 16px; |
| 2288 | | font-size: 1rem; |
| 2289 | | font-weight: 600; |
| 2290 | | padding: 16px 0; |
| 2291 | | padding: 1rem 0; |
| 2292 | | } |
| 2293 | | |
| 2294 | | .plugin-faq dt:before { |
| 2295 | | content: "\f347"; |
| 2296 | | float: left; |
| 2297 | | font-family: dashicons; |
| 2298 | | margin: 0 16px; |
| 2299 | | margin: 0 1rem; |
| 2300 | | } |
| 2301 | | |
| 2302 | | .plugin-faq dt.open:before { |
| 2303 | | content: "\f343"; |
| 2304 | | } |
| 2305 | | |
| 2306 | | .plugin-faq dd { |
| 2307 | | display: none; |
| 2308 | | margin: 0 0 16px; |
| 2309 | | margin: 0 0 1rem; |
| 2310 | | } |
| 2311 | | |
| 2312 | | .no-js .plugin-faq dd { |
| 2313 | | display: block; |
| 2314 | | } |
| 2315 | | |
| 2316 | | .plugin-faq dd p { |
| 2317 | | margin: 0; |
| 2318 | | } |
| 2319 | | |
| 2320 | | .plugin-faq dd p + p { |
| 2321 | | margin-top: 16px; |
| 2322 | | margin-top: 1rem; |
| 2323 | | } |
| 2324 | | |
| 2325 | | .plugin-reviews { |
| 2326 | | list-style-type: none; |
| 2327 | | margin: 0; |
| 2328 | | padding: 0; |
| 2329 | | } |
| 2330 | | |
| 2331 | | .plugin-reviews .plugin-review + .plugin-review { |
| 2332 | | margin: 32px 0 16px; |
| 2333 | | margin: 2rem 0 1rem; |
| 2334 | | } |
| 2335 | | |
| 2336 | | .plugin-reviews .review-avatar { |
| 2337 | | display: none; |
| 2338 | | } |
| 2339 | | |
| 2340 | | .plugin-reviews .review, |
| 2341 | | .plugin-reviews .wporg-ratings, |
| 2342 | | .plugin-reviews .review-author { |
| 2343 | | display: inline-block; |
| 2344 | | vertical-align: top; |
| 2345 | | } |
| 2346 | | |
| 2347 | | .plugin-reviews .review-header { |
| 2348 | | margin: 0 0 8px; |
| 2349 | | margin: 0 0 0.5rem; |
| 2350 | | } |
| 2351 | | |
| 2352 | | .plugin-reviews .review-title { |
| 2353 | | font-size: 16px; |
| 2354 | | font-size: 1rem; |
| 2355 | | font-weight: 600; |
| 2356 | | letter-spacing: 0.16px; |
| 2357 | | letter-spacing: 0.01rem; |
| 2358 | | margin: 0 0 8px; |
| 2359 | | margin: 0 0 0.5rem; |
| 2360 | | text-transform: inherit; |
| 2361 | | } |
| 2362 | | |
| 2363 | | .plugin-reviews .review-author { |
| 2364 | | line-height: 1.25; |
| 2365 | | margin-right: 10px; |
| 2366 | | } |
| 2367 | | |
| 2368 | | @media screen and (min-width: 48em) { |
| 2369 | | .plugin-reviews .review-avatar { |
| 2370 | | display: inline-block; |
| 2371 | | vertical-align: top; |
| 2372 | | } |
| 2373 | | .plugin-reviews .review-avatar .avatar { |
| 2374 | | margin-left: 1rem; |
| 2375 | | } |
| 2376 | | .plugin-reviews .review { |
| 2377 | | width: -webkit-calc(100% - 60px - 1rem); |
| 2378 | | width: calc(100% - 60px - 1rem); |
| 2379 | | } |
| 2380 | | .plugin-reviews .review-header { |
| 2381 | | margin: 0; |
| 2382 | | } |
| 2383 | | .plugin-reviews .review-author { |
| 2384 | | line-height: 1; |
| 2385 | | } |
| 2386 | | } |
| 2387 | | |
| 2388 | | .reviews-link { |
| 2389 | | display: inline-block; |
| 2390 | | font-size: 12.8px; |
| 2391 | | font-size: 0.8rem; |
| 2392 | | margin-top: 8px; |
| 2393 | | margin-top: 0.5rem; |
| 2394 | | text-decoration: none; |
| 2395 | | } |
| 2396 | | |
| 2397 | | .reviews-link:after { |
| 2398 | | content: "\f341"; |
| 2399 | | font-family: dashicons; |
| 2400 | | vertical-align: text-top; |
| 2401 | | padding-right: 5px; |
| 2402 | | float: left; |
| 2403 | | position: relative; |
| 2404 | | top: 1px; |
| 2405 | | } |
| 2406 | | |
| 2407 | | .image-gallery { |
| 2408 | | -webkit-user-select: none; |
| 2409 | | -moz-user-select: none; |
| 2410 | | -ms-user-select: none; |
| 2411 | | user-select: none; |
| 2412 | | } |
| 2413 | | |
| 2414 | | .image-gallery-content { |
| 2415 | | position: relative; |
| 2416 | | } |
| 2417 | | |
| 2418 | | .image-gallery-content .image-gallery-left-nav, |
| 2419 | | .image-gallery-content .image-gallery-right-nav { |
| 2420 | | display: none; |
| 2421 | | font-size: 48.828px; |
| 2422 | | font-size: 3.0517578125rem; |
| 2423 | | height: 100%; |
| 2424 | | position: absolute; |
| 2425 | | top: 0; |
| 2426 | | z-index: 4; |
| 2427 | | border-color: #eee; |
| 2428 | | -webkit-transition: background 0.1s ease, border 0.1s ease; |
| 2429 | | transition: background 0.1s ease, border 0.1s ease; |
| 2430 | | } |
| 2431 | | |
| 2432 | | @media (max-width: 768px) { |
| 2433 | | .image-gallery-content .image-gallery-left-nav, |
| 2434 | | .image-gallery-content .image-gallery-right-nav { |
| 2435 | | font-size: 3.4em; |
| 2436 | | } |
| 2437 | | } |
| 2438 | | |
| 2439 | | @media (min-width: 768px) { |
| 2440 | | .image-gallery-content .image-gallery-left-nav:hover, |
| 2441 | | .image-gallery-content .image-gallery-right-nav:hover { |
| 2442 | | background: #fff; |
| 2443 | | opacity: 0.8; |
| 2444 | | border: 1px solid #eee; |
| 2445 | | } |
| 2446 | | } |
| 2447 | | |
| 2448 | | .image-gallery-content .image-gallery-left-nav:before, |
| 2449 | | .image-gallery-content .image-gallery-right-nav:before { |
| 2450 | | position: relative; |
| 2451 | | font-family: 'dashicons'; |
| 2452 | | } |
| 2453 | | |
| 2454 | | .image-gallery-content .image-gallery-left-nav { |
| 2455 | | right: 0; |
| 2456 | | } |
| 2457 | | |
| 2458 | | .image-gallery-content .image-gallery-left-nav:before { |
| 2459 | | content: '\f341'; |
| 2460 | | } |
| 2461 | | |
| 2462 | | .image-gallery-content .image-gallery-left-nav:hover { |
| 2463 | | margin-right: -1px; |
| 2464 | | } |
| 2465 | | |
| 2466 | | .image-gallery-content .image-gallery-right-nav { |
| 2467 | | left: 0; |
| 2468 | | } |
| 2469 | | |
| 2470 | | .image-gallery-content .image-gallery-right-nav:before { |
| 2471 | | content: '\f345'; |
| 2472 | | } |
| 2473 | | |
| 2474 | | .image-gallery-content .image-gallery-right-nav:hover { |
| 2475 | | margin-left: -1px; |
| 2476 | | } |
| 2477 | | |
| 2478 | | .image-gallery-content:hover .image-gallery-left-nav, |
| 2479 | | .image-gallery-content:hover .image-gallery-right-nav { |
| 2480 | | display: block; |
| 2481 | | } |
| 2482 | | |
| 2483 | | .image-gallery-slides { |
| 2484 | | line-height: 0; |
| 2485 | | overflow: hidden; |
| 2486 | | position: relative; |
| 2487 | | white-space: nowrap; |
| 2488 | | border: 1px solid #eee; |
| 2489 | | } |
| 2490 | | |
| 2491 | | .image-gallery-slide { |
| 2492 | | right: 0; |
| 2493 | | position: absolute; |
| 2494 | | top: 0; |
| 2495 | | width: 100%; |
| 2496 | | } |
| 2497 | | |
| 2498 | | .image-gallery-slide.center { |
| 2499 | | position: relative; |
| 2500 | | } |
| 2501 | | |
| 2502 | | .image-gallery-slide .image-gallery-image { |
| 2503 | | margin: 0; |
| 2504 | | } |
| 2505 | | |
| 2506 | | .image-gallery-slide img { |
| 2507 | | display: block; |
| 2508 | | margin: 0 auto; |
| 2509 | | } |
| 2510 | | |
| 2511 | | .image-gallery-slide .image-gallery-description { |
| 2512 | | background: #f5f5f5; |
| 2513 | | color: #32373c; |
| 2514 | | line-height: 1.5; |
| 2515 | | padding: 10px 20px; |
| 2516 | | white-space: normal; |
| 2517 | | font-size: 12.8px; |
| 2518 | | font-size: 0.8rem; |
| 2519 | | } |
| 2520 | | |
| 2521 | | @media (max-width: 768px) { |
| 2522 | | .image-gallery-slide .image-gallery-description { |
| 2523 | | font-size: 0.8rem; |
| 2524 | | padding: 8px 15px; |
| 2525 | | } |
| 2526 | | } |
| 2527 | | |
| 2528 | | .image-gallery-thumbnails { |
| 2529 | | background: #fff; |
| 2530 | | margin-top: 5px; |
| 2531 | | } |
| 2532 | | |
| 2533 | | .image-gallery-thumbnails .image-gallery-thumbnails-container { |
| 2534 | | cursor: pointer; |
| 2535 | | text-align: center; |
| 2536 | | white-space: nowrap; |
| 2537 | | } |
| 2538 | | |
| 2539 | | .image-gallery-thumbnail { |
| 2540 | | display: table-cell; |
| 2541 | | margin-left: 5px; |
| 2542 | | border: 1px solid #eee; |
| 2543 | | max-height: 100px; |
| 2544 | | overflow: hidden; |
| 2545 | | } |
| 2546 | | |
| 2547 | | .image-gallery-thumbnail .image-gallery-image { |
| 2548 | | margin: 0; |
| 2549 | | } |
| 2550 | | |
| 2551 | | .image-gallery-thumbnail img { |
| 2552 | | vertical-align: middle; |
| 2553 | | width: 100px; |
| 2554 | | } |
| 2555 | | |
| 2556 | | @media (max-width: 768px) { |
| 2557 | | .image-gallery-thumbnail img { |
| 2558 | | width: 75px; |
| 2559 | | } |
| 2560 | | } |
| 2561 | | |
| 2562 | | .image-gallery-thumbnail:hover { |
| 2563 | | -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); |
| 2564 | | box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); |
| 2565 | | } |
| 2566 | | |
| 2567 | | .image-gallery-thumbnail.active { |
| 2568 | | border: 1px solid #337ab7; |
| 2569 | | } |
| 2570 | | |
| 2571 | | .image-gallery-thumbnail-label { |
| 2572 | | color: #222; |
| 2573 | | font-size: 1em; |
| 2574 | | } |
| 2575 | | |
| 2576 | | @media (max-width: 768px) { |
| 2577 | | .image-gallery-thumbnail-label { |
| 2578 | | font-size: 0.8em; |
| 2579 | | } |
| 2580 | | } |
| 2581 | | |
| 2582 | | .image-gallery-index { |
| 2583 | | background: rgba(0, 0, 0, 0.4); |
| 2584 | | bottom: 0; |
| 2585 | | color: #fff; |
| 2586 | | line-height: 1; |
| 2587 | | padding: 10px 20px; |
| 2588 | | position: absolute; |
| 2589 | | left: 0; |
| 2590 | | z-index: 4; |
| 2591 | | } |
| 2592 | | |
| 2593 | | .plugin-screenshots { |
| 2594 | | list-style-type: none; |
| 2595 | | margin: 0; |
| 2596 | | padding: 0; |
| 2597 | | } |
| 2598 | | |
| 2599 | | .plugin-screenshots h2:first-of-type { |
| 2600 | | font-size: 20px; |
| 2601 | | font-size: 1.25rem; |
| 2602 | | border: none; |
| 2603 | | color: #32373c; |
| 2604 | | font-weight: 600; |
| 2605 | | padding: 0; |
| 2606 | | text-transform: inherit; |
| 2607 | | } |
| 2608 | | |
| 2609 | | .plugin-screenshots .image-gallery-slides { |
| 2610 | | max-height: 600px; |
| 2611 | | } |
| 2612 | | |
| 2613 | | .plugin-screenshots .image-gallery-thumbnail { |
| 2614 | | vertical-align: top; |
| 2615 | | } |
| 2616 | | |
| 2617 | | .plugin-screenshots .image-gallery-thumbnail img { |
| 2618 | | max-height: 100px; |
| 2619 | | } |
| 2620 | | |
| 2621 | | .plugin-screenshots .image-gallery-thumbnails { |
| 2622 | | overflow: hidden; |
| 2623 | | } |
| 2624 | | |
| 2625 | | .section.read-more { |
| 2626 | | border-bottom: 2px solid #eee; |
| 2627 | | max-height: 200px; |
| 2628 | | overflow: hidden; |
| 2629 | | padding-bottom: 1px; |
| 2630 | | } |
| 2631 | | |
| 2632 | | .section.read-more.plugin-description { |
| 2633 | | max-height: 400px; |
| 2634 | | } |
| 2635 | | |
| 2636 | | .section.read-more.plugin-description.toggled { |
| 2637 | | max-height: none; |
| 2638 | | } |
| 2639 | | |
| 2640 | | .section.read-more.toggled { |
| 2641 | | max-height: none; |
| 2642 | | } |
| 2643 | | |
| 2644 | | .no-js .section.read-more { |
| 2645 | | max-height: none; |
| 2646 | | overflow: auto; |
| 2647 | | } |
| 2648 | | |
| 2649 | | .section h1, .section h2, .section h3 { |
| 2650 | | font-size: 16px; |
| 2651 | | font-size: 1rem; |
| 2652 | | font-weight: 600; |
| 2653 | | letter-spacing: 0.16px; |
| 2654 | | letter-spacing: 0.01rem; |
| 2655 | | text-transform: uppercase; |
| 2656 | | } |
| 2657 | | |
| 2658 | | .section h1:nth-child(2), .section h2:nth-child(2), .section h3:nth-child(2) { |
| 2659 | | margin-top: 0; |
| 2660 | | } |
| 2661 | | |
| 2662 | | .section h4, .section h5, .section h6 { |
| 2663 | | font-size: 12.8px; |
| 2664 | | font-size: 0.8rem; |
| 2665 | | font-weight: 600; |
| 2666 | | letter-spacing: 0.8px; |
| 2667 | | letter-spacing: 0.05rem; |
| 2668 | | text-transform: uppercase; |
| 2669 | | } |
| 2670 | | |
| 2671 | | .section h4:nth-child(2), .section h5:nth-child(2), .section h6:nth-child(2) { |
| 2672 | | margin-top: 0; |
| 2673 | | } |
| 2674 | | |
| 2675 | | .section h2:first-of-type { |
| 2676 | | font-size: 20px; |
| 2677 | | font-size: 1.25rem; |
| 2678 | | border: none; |
| 2679 | | color: #32373c; |
| 2680 | | font-weight: 600; |
| 2681 | | padding: 0; |
| 2682 | | text-transform: inherit; |
| 2683 | | } |
| 2684 | | |
| 2685 | | .section p:first-child { |
| 2686 | | margin-top: 0; |
| 2687 | | } |
| 2688 | | |
| 2689 | | .section-toggle { |
| 2690 | | color: #0073aa; |
| 2691 | | cursor: pointer; |
| 2692 | | font-size: 12.8px; |
| 2693 | | font-size: 0.8rem; |
| 2694 | | margin-top: 8px; |
| 2695 | | margin-top: 0.5rem; |
| 2696 | | position: relative; |
| 2697 | | } |
| 2698 | | |
| 2699 | | .no-js .section-toggle { |
| 2700 | | display: none; |
| 2701 | | } |
| 2702 | | |
| 2703 | | .section-toggle:after { |
| 2704 | | content: "\f347"; |
| 2705 | | font-family: dashicons; |
| 2706 | | padding-right: 5px; |
| 2707 | | vertical-align: text-top; |
| 2708 | | position: relative; |
| 2709 | | float: left; |
| 2710 | | top: 1px; |
| 2711 | | } |
| 2712 | | |
| 2713 | | .toggled + .section-toggle:after { |
| 2714 | | content: "\f343"; |
| 2715 | | } |
| 2716 | | |
| 2717 | | .section-toggle:hover { |
| 2718 | | text-decoration: underline; |
| 2719 | | } |
| 2720 | | |
| 2721 | | .type-plugin .plugin-notice { |
| 2722 | | margin-top: 0; |
| 2723 | | } |
| 2724 | | |
| 2725 | | .type-plugin .plugin-header { |
| 2726 | | border-bottom: 2px solid #eee; |
| 2727 | | padding: 18.288px 25px; |
| 2728 | | padding: 1.143rem 1.5625rem; |
| 2729 | | } |
| 2730 | | |
| 2731 | | .type-plugin .plugin-header .plugin-actions { |
| 2732 | | float: left; |
| 2733 | | } |
| 2734 | | |
| 2735 | | .type-plugin .plugin-header .plugin-actions div { |
| 2736 | | display: inline-block; |
| 2737 | | text-align: center; |
| 2738 | | } |
| 2739 | | |
| 2740 | | .type-plugin .plugin-header .plugin-title { |
| 2741 | | clear: none; |
| 2742 | | font-size: 25px; |
| 2743 | | font-size: 1.5625rem; |
| 2744 | | font-weight: 400; |
| 2745 | | margin: 0; |
| 2746 | | } |
| 2747 | | |
| 2748 | | .type-plugin .plugin-header .plugin-title a { |
| 2749 | | color: inherit; |
| 2750 | | text-decoration: none; |
| 2751 | | } |
| 2752 | | |
| 2753 | | .type-plugin .plugin-header .byline { |
| 2754 | | color: #78848f; |
| 2755 | | } |
| 2756 | | |
| 2757 | | .type-plugin .plugin-banner + .plugin-header { |
| 2758 | | padding-top: 0; |
| 2759 | | } |
| 2760 | | |
| 2761 | | .type-plugin .entry-content, |
| 2762 | | .type-plugin .entry-meta { |
| 2763 | | padding: 0 25px; |
| 2764 | | padding: 0 1.5625rem; |
| 2765 | | } |
| 2766 | | |
| 2767 | | .type-plugin .entry-content { |
| 2768 | | max-width: 768px; |
| 2769 | | max-width: 48rem; |
| 2770 | | } |
| 2771 | | |
| 2772 | | @media screen and (min-width: 48em) { |
| 2773 | | .type-plugin .entry-content { |
| 2774 | | float: right; |
| 2775 | | padding: 0; |
| 2776 | | width: 65%; |
| 2777 | | } |
| 2778 | | } |
| 2779 | | |
| 2780 | | @media screen and (min-width: 48em) { |
| 2781 | | .type-plugin .plugin-header, |
| 2782 | | .type-plugin .entry-content, |
| 2783 | | .type-plugin .entry-meta { |
| 2784 | | padding-right: 0; |
| 2785 | | padding-left: 0; |
| 2786 | | } |
| 2787 | | .type-plugin .entry-meta { |
| 2788 | | float: left; |
| 2789 | | width: 30%; |
| 2790 | | } |
| 2791 | | } |
| 2792 | | |
| 2793 | | .search-form { |
| 2794 | | font-size: 0; |
| 2795 | | margin-bottom: 32px; |
| 2796 | | margin-bottom: 2rem; |
| 2797 | | max-width: 100%; |
| 2798 | | position: relative; |
| 2799 | | } |
| 2800 | | |
| 2801 | | .search-form .search-field { |
| 2802 | | border: none; |
| 2803 | | -webkit-border-radius: 0; |
| 2804 | | border-radius: 0; |
| 2805 | | -webkit-box-shadow: none; |
| 2806 | | box-shadow: none; |
| 2807 | | display: block; |
| 2808 | | font-size: 16px; |
| 2809 | | font-size: 1rem; |
| 2810 | | margin: 0 auto; |
| 2811 | | max-width: 100%; |
| 2812 | | padding: 8px; |
| 2813 | | padding: 0.5rem; |
| 2814 | | width: 363.797px; |
| 2815 | | width: 22.7373675443rem; |
| 2816 | | } |
| 2817 | | |
| 2818 | | .search-form .button-search { |
| 2819 | | border-top: none; |
| 2820 | | border-right: none; |
| 2821 | | -webkit-border-radius: 2px 0 0 2px; |
| 2822 | | border-radius: 2px 0 0 2px; |
| 2823 | | font-size: 16px; |
| 2824 | | font-size: 1rem; |
| 2825 | | position: relative; |
| 2826 | | left: auto; |
| 2827 | | top: auto; |
| 2828 | | vertical-align: top; |
| 2829 | | } |
| 2830 | | |
| 2831 | | .search-form .button-search:active { |
| 2832 | | background: #006799; |
| 2833 | | border-left: 1px solid #006799; |
| 2834 | | -webkit-box-shadow: none; |
| 2835 | | box-shadow: none; |
| 2836 | | } |
| 2837 | | |
| 2838 | | .search-form .button-search .dashicons { |
| 2839 | | font-size: 16px; |
| 2840 | | font-size: 1rem; |
| 2841 | | } |
| 2842 | | |
| 2843 | | .site-header .search-form { |
| 2844 | | display: inline-block; |
| 2845 | | } |
| 2846 | | |
| 2847 | | .site-header.home .search-form .button-search, |
| 2848 | | .site-main .search-form .button-search { |
| 2849 | | background: transparent; |
| 2850 | | border: none; |
| 2851 | | -webkit-border-radius: 0; |
| 2852 | | border-radius: 0; |
| 2853 | | -webkit-box-shadow: none; |
| 2854 | | box-shadow: none; |
| 2855 | | color: #32373c; |
| 2856 | | display: block; |
| 2857 | | height: 45px; |
| 2858 | | padding: 8px 16px; |
| 2859 | | padding: 0.5rem 1rem; |
| 2860 | | position: absolute; |
| 2861 | | left: 0; |
| 2862 | | text-shadow: none; |
| 2863 | | top: 0; |
| 2864 | | } |
| 2865 | | |
| 2866 | | .site-header.home .search-form .button-search:focus, |
| 2867 | | .site-main .search-form .button-search:focus { |
| 2868 | | -webkit-box-shadow: 0 0 2px 1px #33b3db; |
| 2869 | | box-shadow: 0 0 2px 1px #33b3db; |
| 2870 | | } |
| 2871 | | |
| 2872 | | .site-header.home .search-form .button-search:active, |
| 2873 | | .site-main .search-form .button-search:active { |
| 2874 | | background: transparent; |
| 2875 | | border: none; |
| 2876 | | -webkit-transform: none; |
| 2877 | | -ms-transform: none; |
| 2878 | | transform: none; |
| 2879 | | } |
| 2880 | | |
| 2881 | | .site-header:not(.home) .search-form { |
| 2882 | | margin: 0; |
| 2883 | | } |
| 2884 | | |
| 2885 | | .site-header:not(.home) .search-form .search-field { |
| 2886 | | border: 0; |
| 2887 | | -webkit-border-radius: 0 2px 2px 0; |
| 2888 | | border-radius: 0 2px 2px 0; |
| 2889 | | display: inline-block; |
| 2890 | | font-size: 16px; |
| 2891 | | font-size: 1rem; |
| 2892 | | padding: 5px 10px; |
| 2893 | | position: relative; |
| 2894 | | width: auto; |
| 2895 | | } |
| 2896 | | |
| 2897 | | @media screen and (min-width: 48em) { |
| 2898 | | .site-header:not(.home) .search-form .search-field { |
| 2899 | | font-size: 0.64rem; |
| 2900 | | width: 7rem; |
| 2901 | | } |
| 2902 | | .site-header:not(.home) .search-form .search-field + .button-search { |
| 2903 | | display: inline-block; |
| 2904 | | margin-bottom: 0; |
| 2905 | | } |
| 2906 | | } |
| 2907 | | |
| 2908 | | @media screen and (min-width: 60em) { |
| 2909 | | .site-header:not(.home) .search-form .search-field { |
| 2910 | | width: 10rem; |
| 2911 | | } |
| 2912 | | } |
| 2913 | | |
| 2914 | | .site-main .search-form .search-field { |
| 2915 | | border: 1px solid #ddd; |
| 2916 | | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); |
| 2917 | | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); |
| 2918 | | padding: 8px; |
| 2919 | | padding: 0.5rem; |
| 2920 | | width: 100%; |
| 2921 | | } |
| 2922 | | |
| 2923 | | .search .site-main { |
| 2924 | | margin-top: 32px; |
| 2925 | | margin-top: 2rem; |
| 2926 | | padding-top: 0; |
| 2927 | | } |
| 2928 | | |
| 2929 | | .search.search-results .page-header { |
| 2930 | | margin: 32px 0; |
| 2931 | | margin: 2rem 0; |
| 2932 | | } |
| 2933 | | |
| 2934 | | nav .nav-links { |
| 2935 | | text-align: center; |
| 2936 | | } |
| 2937 | | |
| 2938 | | nav .nav-links .page-numbers { |
| 2939 | | background-color: #f9f9f9; |
| 2940 | | min-width: 2em; |
| 2941 | | padding: 8px; |
| 2942 | | display: inline-block; |
| 2943 | | cursor: hand; |
| 2944 | | } |
| 2945 | | |
| 2946 | | nav .nav-links .page-numbers.next, nav .nav-links .page-numbers.prev, nav .nav-links .page-numbers.dots { |
| 2947 | | width: auto; |
| 2948 | | font-size: 0.9em; |
| 2949 | | background: none; |
| 2950 | | } |
| 2951 | | |
| 2952 | | nav .nav-links .page-numbers.dots { |
| 2953 | | cursor: inherit; |
| 2954 | | } |
| 2955 | | |
| 2956 | | nav .nav-links span.page-numbers { |
| 2957 | | font-weight: bold; |
| 2958 | | background-color: #f7f7f7; |
| 2959 | | } |
| 2960 | | |
| 2961 | | .main-navigation { |
| 2962 | | background: #0073aa; |
| 2963 | | clear: both; |
| 2964 | | right: 0; |
| 2965 | | position: absolute; |
| 2966 | | top: 60px; |
| 2967 | | width: 100%; |
| 2968 | | } |
| 2969 | | |
| 2970 | | .main-navigation ul { |
| 2971 | | display: none; |
| 2972 | | list-style: none; |
| 2973 | | margin: 0; |
| 2974 | | padding-right: 0; |
| 2975 | | } |
| 2976 | | |
| 2977 | | .main-navigation ul ul { |
| 2978 | | -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); |
| 2979 | | box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); |
| 2980 | | float: right; |
| 2981 | | right: -999em; |
| 2982 | | position: absolute; |
| 2983 | | top: 1.5em; |
| 2984 | | z-index: 99999; |
| 2985 | | } |
| 2986 | | |
| 2987 | | .main-navigation ul ul ul { |
| 2988 | | right: -999em; |
| 2989 | | top: 0; |
| 2990 | | } |
| 2991 | | |
| 2992 | | .main-navigation ul ul li:hover > ul, |
| 2993 | | .main-navigation ul ul li.focus > ul { |
| 2994 | | right: 100%; |
| 2995 | | } |
| 2996 | | |
| 2997 | | .main-navigation ul ul a { |
| 2998 | | width: 200px; |
| 2999 | | } |
| 3000 | | |
| 3001 | | .main-navigation ul li:hover > ul, |
| 3002 | | .main-navigation ul li.focus > ul { |
| 3003 | | right: auto; |
| 3004 | | } |
| 3005 | | |
| 3006 | | .main-navigation li { |
| 3007 | | border-top: 1px solid rgba(255, 255, 255, 0.2); |
| 3008 | | padding: 16px; |
| 3009 | | padding: 1rem; |
| 3010 | | } |
| 3011 | | |
| 3012 | | .main-navigation a { |
| 3013 | | color: rgba(255, 255, 255, 0.8); |
| 3014 | | display: block; |
| 3015 | | font-size: 12.8px; |
| 3016 | | font-size: 0.8rem; |
| 3017 | | text-decoration: none; |
| 3018 | | } |
| 3019 | | |
| 3020 | | .main-navigation a:hover, .main-navigation a.active { |
| 3021 | | color: #fff; |
| 3022 | | } |
| 3023 | | |
| 3024 | | @media screen and (min-width: 48em) { |
| 3025 | | .main-navigation a.active { |
| 3026 | | border-bottom: 1px solid; |
| 3027 | | } |
| 3028 | | } |
| 3029 | | |
| 3030 | | /* Small menu. */ |
| 3031 | | .main-navigation.toggled ul { |
| 3032 | | display: block; |
| 3033 | | } |
| 3034 | | |
| 3035 | | .menu-toggle { |
| 3036 | | background: transparent; |
| 3037 | | border: none; |
| 3038 | | color: #fff; |
| 3039 | | font-size: 25px; |
| 3040 | | font-size: 1.5625rem; |
| 3041 | | height: 56px; |
| 3042 | | height: 3.5rem; |
| 3043 | | overflow: hidden; |
| 3044 | | position: absolute; |
| 3045 | | left: 16px; |
| 3046 | | left: 1rem; |
| 3047 | | top: -58px; |
| 3048 | | width: 56px; |
| 3049 | | width: 3.5rem; |
| 3050 | | -webkit-appearance: none; |
| 3051 | | } |
| 3052 | | |
| 3053 | | .toggled .menu-toggle:before { |
| 3054 | | content: "\f343"; |
| 3055 | | } |
| 3056 | | |
| 3057 | | @media screen and (min-width: 48em) { |
| 3058 | | .menu-toggle { |
| 3059 | | display: none; |
| 3060 | | } |
| 3061 | | .main-navigation { |
| 3062 | | float: left; |
| 3063 | | position: relative; |
| 3064 | | width: auto; |
| 3065 | | top: auto; |
| 3066 | | } |
| 3067 | | .main-navigation.toggled { |
| 3068 | | padding: 1px 0; |
| 3069 | | } |
| 3070 | | .main-navigation ul { |
| 3071 | | display: inline-block; |
| 3072 | | font-size: 0; |
| 3073 | | } |
| 3074 | | .main-navigation ul li { |
| 3075 | | border: 0; |
| 3076 | | display: inline-block; |
| 3077 | | font-size: 1rem; |
| 3078 | | margin-left: 1rem; |
| 3079 | | padding: 0; |
| 3080 | | } |
| 3081 | | .main-navigation ul li:last-of-type { |
| 3082 | | margin-left: 0; |
| 3083 | | } |
| 3084 | | } |
| 3085 | | |
| 3086 | | .site-description { |
| 3087 | | color: rgba(255, 255, 255, 0.8); |
| 3088 | | font-size: 20px; |
| 3089 | | font-size: 1.25rem; |
| 3090 | | font-weight: 300; |
| 3091 | | margin: -6.4px auto 32px; |
| 3092 | | margin: -0.4rem auto 2rem; |
| 3093 | | text-align: center; |
| 3094 | | } |
| 3095 | | |
| 3096 | | .site-title { |
| 3097 | | display: inline-block; |
| 3098 | | font-size: 25px; |
| 3099 | | font-size: 1.5625rem; |
| 3100 | | font-weight: 300; |
| 3101 | | line-height: 1; |
| 3102 | | margin: 0 0 0 32px; |
| 3103 | | margin: 0 0 0 2rem; |
| 3104 | | max-width: none; |
| 3105 | | } |
| 3106 | | |
| 3107 | | .site-title a { |
| 3108 | | color: #fff; |
| 3109 | | font-weight: 300; |
| 3110 | | } |
| 3111 | | |
| 3112 | | .site-title a:hover, .site-title a:focus, .site-title a:active { |
| 3113 | | text-decoration: none; |
| 3114 | | } |
| 3115 | | |
| 3116 | | .site-header.home .site-title { |
| 3117 | | display: inherit; |
| 3118 | | font-size: 61.035px; |
| 3119 | | font-size: 3.8146972656rem; |
| 3120 | | margin: 32px 0 16px; |
| 3121 | | margin: 2rem 0 1rem; |
| 3122 | | } |
| 3123 | | |
| 3124 | | .site-header { |
| 3125 | | background: #0073aa; |
| 3126 | | padding: 16px 0; |
| 3127 | | padding: 1rem 0; |
| 3128 | | position: relative; |
| 3129 | | } |
| 3130 | | |
| 3131 | | .site-header .site-branding { |
| 3132 | | margin: 0 auto; |
| 3133 | | max-width: 960px; |
| 3134 | | padding: 0 25px; |
| 3135 | | padding: 0 1.5625rem; |
| 3136 | | } |
| 3137 | | |
| 3138 | | @media screen and (min-width: 48em) { |
| 3139 | | .site-header .site-branding { |
| 3140 | | padding: 0 10px; |
| 3141 | | } |
| 3142 | | } |
| 3143 | | |
| 3144 | | .site-header.home { |
| 3145 | | padding: 25px 18.288px; |
| 3146 | | padding: 1.5625rem 1.143rem; |
| 3147 | | text-align: center; |
| 3148 | | } |
| 3149 | | |
| 3150 | | .site-main { |
| 3151 | | margin: 0 auto; |
| 3152 | | max-width: 960px; |
| 3153 | | padding: 48.828px 25px; |
| 3154 | | padding: 3.0517578125rem 1.5625rem; |
| 3155 | | } |
| 3156 | | |
| 3157 | | @media screen and (min-width: 48em) { |
| 3158 | | .site-main { |
| 3159 | | padding: 3.0517578125rem 10px; |
| 3160 | | } |
| 3161 | | } |
| 3162 | | |
| 3163 | | .site-main.single, |
| 3164 | | .single .site-main { |
| 3165 | | padding: 0; |
| 3166 | | } |
| 3167 | | |
| 3168 | | @media screen and (min-width: 48em) { |
| 3169 | | .site-main.single, |
| 3170 | | .single .site-main { |
| 3171 | | padding: 0 10px 3.0517578125rem; |
| 3172 | | } |
| 3173 | | } |
| 3174 | | |
| 3175 | | .site-main.page, |
| 3176 | | .page .site-main { |
| 3177 | | padding-top: 0; |
| 3178 | | } |
| 3179 | | |
| 3180 | | .site-main .page-title { |
| 3181 | | font-size: 25px; |
| 3182 | | font-size: 1.5625rem; |
| 3183 | | font-weight: 400; |
| 3184 | | } |
| 3185 | | |
| 3186 | | .site-main .no-results { |
| 3187 | | margin: 0 auto; |
| 3188 | | max-width: 568.434px; |
| 3189 | | max-width: 35.527136788rem; |
| 3190 | | padding: 0 32px; |
| 3191 | | padding: 0 2rem; |
| 3192 | | } |
| 3193 | | |
| 3194 | | .widget-area { |
| 3195 | | margin: 0 auto; |
| 3196 | | max-width: 960px; |
| 3197 | | padding: 0 25px 48.828px 25px; |
| 3198 | | padding: 0 1.5625rem 3.0517578125rem 1.5625rem; |
| 3199 | | } |
| 3200 | | |
| 3201 | | @media screen and (min-width: 48em) { |
| 3202 | | .widget-area { |
| 3203 | | padding: 0 10px 3.0517578125rem; |
| 3204 | | } |
| 3205 | | } |
| 3206 | | |
| 3207 | | .plugin-meta { |
| 3208 | | margin-top: 32px; |
| 3209 | | margin-top: 2rem; |
| 3210 | | } |
| 3211 | | |
| 3212 | | .plugin-meta ul { |
| 3213 | | font-size: 12.8px; |
| 3214 | | font-size: 0.8rem; |
| 3215 | | list-style-type: none; |
| 3216 | | margin: 0; |
| 3217 | | padding: 0; |
| 3218 | | } |
| 3219 | | |
| 3220 | | .plugin-meta li { |
| 3221 | | border-top: 1px solid #eee; |
| 3222 | | padding: 8px 0; |
| 3223 | | padding: 0.5rem 0; |
| 3224 | | } |
| 3225 | | |
| 3226 | | .plugin-meta li strong { |
| 3227 | | float: left; |
| 3228 | | } |
| 3229 | | |
| 3230 | | .plugin-meta .tags { |
| 3231 | | float: left; |
| 3232 | | text-align: left; |
| 3233 | | width: 60%; |
| 3234 | | } |
| 3235 | | |
| 3236 | | .plugin-meta [rel="tag"] { |
| 3237 | | background: #eee; |
| 3238 | | -webkit-border-radius: 2px; |
| 3239 | | border-radius: 2px; |
| 3240 | | color: #000; |
| 3241 | | display: inline-block; |
| 3242 | | font-size: 10.24px; |
| 3243 | | font-size: 0.64rem; |
| 3244 | | margin: 2px; |
| 3245 | | padding: 3px 6px; |
| 3246 | | position: relative; |
| 3247 | | white-space: nowrap; |
| 3248 | | width: auto; |
| 3249 | | } |
| 3250 | | |
| 3251 | | .plugin-meta [rel="tag"]:hover { |
| 3252 | | background: #f3f3f3; |
| 3253 | | } |
| 3254 | | |
| 3255 | | .plugin-meta [rel="tag"]:active { |
| 3256 | | background: #dfdfdf; |
| 3257 | | } |
| 3258 | | |
| 3259 | | .plugin-ratings { |
| 3260 | | font-size: 12.8px; |
| 3261 | | font-size: 0.8rem; |
| 3262 | | position: relative; |
| 3263 | | } |
| 3264 | | |
| 3265 | | .plugin-ratings .reviews-link { |
| 3266 | | position: absolute; |
| 3267 | | left: 0; |
| 3268 | | top: 0; |
| 3269 | | } |
| 3270 | | |
| 3271 | | .plugin-ratings .reviews-link:after { |
| 3272 | | content: "\f341"; |
| 3273 | | font-family: dashicons; |
| 3274 | | padding-right: 5px; |
| 3275 | | vertical-align: top; |
| 3276 | | } |
| 3277 | | |
| 3278 | | .plugin-ratings [class*='dashicons-star-'] { |
| 3279 | | color: #FFB900; |
| 3280 | | display: inline-block; |
| 3281 | | font-size: 25px; |
| 3282 | | font-size: 1.5625rem; |
| 3283 | | height: auto; |
| 3284 | | margin: 0; |
| 3285 | | width: auto; |
| 3286 | | } |
| 3287 | | |
| 3288 | | .plugin-ratings .ratings-list { |
| 3289 | | list-style-type: none; |
| 3290 | | margin: 16px 0; |
| 3291 | | margin: 1rem 0; |
| 3292 | | padding: 0; |
| 3293 | | } |
| 3294 | | |
| 3295 | | .plugin-ratings .ratings-list .counter-container, |
| 3296 | | .plugin-ratings .ratings-list .counter-container a { |
| 3297 | | width: 100%; |
| 3298 | | } |
| 3299 | | |
| 3300 | | .plugin-ratings .ratings-list .counter-container:hover, |
| 3301 | | .plugin-ratings .ratings-list .counter-container a:hover { |
| 3302 | | text-decoration: none; |
| 3303 | | } |
| 3304 | | |
| 3305 | | .plugin-ratings .ratings-list .counter-label { |
| 3306 | | display: inline-block; |
| 3307 | | min-width: 58px; |
| 3308 | | } |
| 3309 | | |
| 3310 | | .plugin-ratings .ratings-list .counter-back, |
| 3311 | | .plugin-ratings .ratings-list .counter-bar { |
| 3312 | | display: inline-block; |
| 3313 | | height: 16px; |
| 3314 | | height: 1rem; |
| 3315 | | vertical-align: middle; |
| 3316 | | } |
| 3317 | | |
| 3318 | | .plugin-ratings .ratings-list .counter-back { |
| 3319 | | background-color: #ececec; |
| 3320 | | width: 58%; |
| 3321 | | width: -webkit-calc(100% - 130px); |
| 3322 | | width: calc(100% - 130px); |
| 3323 | | } |
| 3324 | | |
| 3325 | | .plugin-ratings .ratings-list .counter-bar { |
| 3326 | | background-color: #ffc733; |
| 3327 | | display: block; |
| 3328 | | } |
| 3329 | | |
| 3330 | | .plugin-ratings .ratings-list .counter-count { |
| 3331 | | margin-right: 3px; |
| 3332 | | } |
| 3333 | | |
| 3334 | | .home .widget, |
| 3335 | | .widget-area.home .widget { |
| 3336 | | display: inline-block; |
| 3337 | | font-size: 12.8px; |
| 3338 | | font-size: 0.8rem; |
| 3339 | | margin: 0; |
| 3340 | | vertical-align: top; |
| 3341 | | /* Make sure select elements fit in widgets. */ |
| 3342 | | } |
| 3343 | | |
| 3344 | | @media screen and (min-width: 48em) { |
| 3345 | | .home .widget, |
| 3346 | | .widget-area.home .widget { |
| 3347 | | margin-left: 5%; |
| 3348 | | width: 30%; |
| 3349 | | } |
| 3350 | | .home .widget:last-child, |
| 3351 | | .widget-area.home .widget:last-child { |
| 3352 | | margin-left: 0; |
| 3353 | | } |
| 3354 | | } |
| 3355 | | |
| 3356 | | .home .widget select, |
| 3357 | | .widget-area.home .widget select { |
| 3358 | | max-width: 100%; |
| 3359 | | } |
| 3360 | | |
| 3361 | | .entry-meta .widget-title { |
| 3362 | | font-size: 20px; |
| 3363 | | font-size: 1.25rem; |
| 3364 | | border: none; |
| 3365 | | color: #32373c; |
| 3366 | | font-weight: 600; |
| 3367 | | padding: 0; |
| 3368 | | } |
| 3369 | | |
| 3370 | | .plugin-support { |
| 3371 | | font-size: 12.8px; |
| 3372 | | font-size: 0.8rem; |
| 3373 | | } |
| 3374 | | |
| 3375 | | .plugin-support .counter-container { |
| 3376 | | margin-bottom: 16px; |
| 3377 | | margin-bottom: 1rem; |
| 3378 | | position: relative; |
| 3379 | | } |
| 3380 | | |
| 3381 | | .plugin-support .counter-back, |
| 3382 | | .plugin-support .counter-bar { |
| 3383 | | display: inline-block; |
| 3384 | | height: 30px; |
| 3385 | | vertical-align: middle; |
| 3386 | | } |
| 3387 | | |
| 3388 | | .plugin-support .counter-back { |
| 3389 | | background-color: #ececec; |
| 3390 | | width: 100%; |
| 3391 | | } |
| 3392 | | |
| 3393 | | .plugin-support .counter-bar { |
| 3394 | | background-color: #c7e8ca; |
| 3395 | | display: block; |
| 3396 | | } |
| 3397 | | |
| 3398 | | .plugin-support .counter-count { |
| 3399 | | font-size: 10.24px; |
| 3400 | | font-size: 0.64rem; |
| 3401 | | right: 8px; |
| 3402 | | position: absolute; |
| 3403 | | top: 8px; |
| 3404 | | width: 100%; |
| 3405 | | width: -webkit-calc(100% - 8px); |
| 3406 | | width: calc(100% - 8px); |
| 3407 | | } |
| 3408 | | |
| 3409 | | @media screen and (min-width: 48em) { |
| 3410 | | .plugin-support .counter-count { |
| 3411 | | top: 5px; |
| 3412 | | } |
| 3413 | | } |
| | 1 | html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:48em){html{font-size:1.125rem}}h1,h2,h3,h4,h5,h6{clear:both;font-family:inherit;line-height:1.5;margin:32px 0 16px;margin:2rem 0 1rem}h1{font-size:61.035px;font-size:3.8146972656rem;font-weight:300}h1.title{font-size:12.8px;font-size:.8rem;color:#0073aa;font-weight:600;letter-spacing:.8px;letter-spacing:.05rem;text-transform:uppercase}h2{font-size:39.062px;font-size:2.44140625rem;font-weight:300}h3{font-size:25px;font-size:1.5625rem;font-weight:400}h4{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0}h5{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase}h6{font-size:12.8px;font-size:.8rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}p{margin:1em 0}p.subheading{color:#82878c;font-size:20px;font-size:1.25rem;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}p.intro{font-size:20px;font-size:1.25rem}p.aside{font-size:12.8px;font-size:.8rem}p.note{font-size:10.24px;font-size:.64rem;letter-spacing:.16px;letter-spacing:.01rem;max-width:291.038px;max-width:18.1898940355rem}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}.feedback-survey{background:#fff;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);box-shadow:0 0 8px rgba(0,0,0,.2);display:block;font-size:12.8px;font-size:.8rem;padding:5px 10px;position:fixed;left:0;top:200px;width:40px;z-index:100}.feedback-survey .survey-msg{display:none}.feedback-survey:hover{width:auto}.feedback-survey:hover .survey-msg{display:inline-block}.feedback-survey a:hover{text-decoration:none}.feedback-survey .dashicons-megaphone{margin:2px 0 0 10px}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{background:transparent;border:none;padding:0;border-right:2px solid #eee;color:#82878c;font-style:italic;margin:16px 0;margin:1rem 0;padding-right:16px;padding-right:1rem}blockquote cite{font-size:12.8px;font-size:.8rem}hr{background-color:#eee;border:0;height:2px;margin:80px auto;margin:5rem auto}ol,ul{margin:0 3em 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-right:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}table{margin:0 0 1.5em;width:100%}.notice{background:#fff;border-right:4px solid #fff;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:12.8px;font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{-webkit-box-shadow:none;box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-right-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-right-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-right-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-right-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.locale-banner{background:#c7e8ca;font-size:12.8px;font-size:.8rem;padding:8px;padding:.5rem;text-align:center}@media (min-width:67rem){.locale-banner{margin:1rem auto 0;max-width:960px}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{border:1px solid;-webkit-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:12.8px;font-size:.8rem;height:25px;height:1.5625rem;line-height:1;margin:0;padding:0 12.8px;padding:0 .8rem;text-decoration:none;white-space:nowrap;-webkit-appearance:none}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0 none;padding:0}.button-group.button-large .button,.button.button-large{height:31.25px;height:1.953125rem;line-height:1;padding:0 16px;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:10.24px;font-size:.64rem;height:20px;height:1.25rem;line-height:1;padding:0 8px;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:25px;line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:31.25px;line-height:1.953125rem}.button-group.button-small a.button,a.button.button-small{line-height:20px;line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;-webkit-box-shadow:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;-webkit-box-shadow:0 1px 0 #ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.button:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 3px rgba(0,115,170,.8);box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8);box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.button-link{background:none;border:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{background:#0085ba;border-color:#0073aa #006799 #006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #006799,-1px 0 1px #006799,0 1px 1px #006799,1px 0 1px #006799}.button-primary:visited,.download-button:visited,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;-webkit-box-shadow:0 1px 0 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary:focus{-webkit-box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db;box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;-webkit-box-shadow:inset 0 2px 0 #006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{-webkit-box-shadow:0 2px 0 #006799;box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{-webkit-box-shadow:inset 0 3px 0 #006799;box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{-webkit-border-radius:0;border-radius:0;display:inline-block;margin-left:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.button-group>.button:last-child{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:48em){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}input,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;-webkit-transition:border-color .05s ease-in-out;transition:border-color .05s ease-in-out;-webkit-appearance:none}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{color:#111}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 2px rgba(30,140,190,.8);box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:rtl}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{padding:6px 10px}input[type=number]{height:40px;line-height:inherit}input[type=checkbox],input[type=radio]{background:#fff;border:1px solid #b4b9be;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:25px;line-height:0;margin:-4px 0 0 4px;min-width:16px;padding:0!important;text-align:center;-webkit-transition:border-color .05s ease-in-out;transition:border-color .05s ease-in-out;vertical-align:middle;width:25px}input[type=checkbox]{padding:10px}input[type=radio]{-webkit-border-radius:50%;border-radius:50%;line-height:10px;margin-left:4px}input[type=checkbox]:checked:before,input[type=radio]:checked:before{display:inline-block;float:right;font:normal 21px/1 dashicons;vertical-align:middle;width:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";font:normal 30px/1 dashicons;margin:-3px -5px}input[type=radio]:checked:before{background-color:#1e8cbe;-webkit-border-radius:50px;border-radius:50px;content:"\2022";font-size:24px;height:9px;line-height:16px;margin:7px;text-indent:-9999px;vertical-align:middle;width:9px}@-moz-document url-prefix(){.form-table input.tog,input[type=checkbox],input[type=radio]{margin-bottom:-1px}}input[type=search]::-webkit-search-decoration{display:none}.ie8 input[type=password]{font-family:sans-serif}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{-webkit-border-radius:0;border-radius:0;font-size:16px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}input[type=file]{padding:3px 0}label{cursor:pointer}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.04);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;-webkit-box-shadow:none;box-shadow:none}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}fieldset label,label{vertical-align:middle}@media screen and (min-width:48em){input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{padding:0}input[type=number]{height:28px}input[type=checkbox]{padding:0}input[type=checkbox]:checked:before{font:normal 21px/1 dashicons;margin:-3px -4px 0 0}input[type=checkbox],input[type=radio]{height:16px;width:16px}input[type=radio]:checked:before{width:6px;height:6px;margin:4px}input,select,textarea{font-size:14px}}.plugin-upload-form fieldset{border:none;margin:0;padding:0}.plugin-upload-form legend{margin:16px 0;margin:1rem 0}.plugin-upload-form .category-checklist{list-style-type:none;margin:0 0 32px;margin:0 0 2rem}.plugin-upload-form .category-checklist li{float:right;padding:8px 0;padding:.5rem 0;width:50%}@media screen and (min-width:48em){.plugin-upload-form .category-checklist li{padding:0}.plugin-upload-form .category-checklist label{font-size:.8rem}}@media screen and (min-width:48em){.plugin-upload-form label.button{line-height:1.8}}.plugin-upload-form .plugin-file{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}a{color:#0073aa}a:visited{color:#0073aa}a:active,a:focus,a:hover{color:#0073aa;text-decoration:underline}a.button:active,a.button:focus,a.button:hover{text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}p a:not(.button),p a:not(.button):hover{border:none}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{float:right;width:50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{float:left;text-align:left;width:50%}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.plugin-meta:after,.plugin-meta:before,.plugin-upload-form .category-checklist:after,.plugin-upload-form .category-checklist:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.type-plugin .plugin-header:after,.type-plugin .plugin-header:before,.type-plugin:after,.type-plugin:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.plugin-meta:after,.plugin-upload-form .category-checklist:after,.site-content:after,.site-footer:after,.site-header:after,.type-plugin .plugin-header:after,.type-plugin:after{clear:both}#wporg-header h1{margin:auto}#wporg-header h2.rosetta{clear:none}#wporg-header form input{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:3px}#wporg-header .button{-webkit-box-shadow:none;box-shadow:none}#wporg-header .download-button{background-color:#21759b;background-image:-webkit-gradient(linear,right top,right bottom,from(#2a95c5),to(#21759b));background-image:-webkit-linear-gradient(top,#2a95c5,#21759b);background-image:linear-gradient(-180deg,#2a95c5,#21759b);border-bottom-color:#1e6a8d;border-color:#21759b;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.5);box-shadow:inset 0 1px 0 rgba(120,200,230,.5)}#wporg-header .download-button:focus,#wporg-header .download-button:hover{background-color:#278ab7;background-image:-webkit-gradient(linear,right top,right bottom,from(#2e9fd2),to(#21759b));background-image:-webkit-linear-gradient(top,#2e9fd2,#21759b);background-image:linear-gradient(-180deg,#2e9fd2,#21759b);border-color:#1b607f;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.6);box-shadow:inset 0 1px 0 rgba(120,200,230,.6);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3)}#wporg-header .download-button:active{background:#1b607f;background-image:-webkit-gradient(linear,right top,right bottom,from(#21759b),to(#278ab7));background-image:-webkit-linear-gradient(top,#21759b,#278ab7);background-image:linear-gradient(-180deg,#21759b,#278ab7);border-color:#124560 #2382ae #2382ae;-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(0,0,0,.1);color:hsla(0,0%,100%,.95);text-shadow:0 1px 0 rgba(0,0,0,.1);-webkit-transform:none;-ms-transform:none;transform:none}#wporg-header a:active,#wporg-header a:focus,#wporg-header a:hover{text-decoration:none}.infinite-scroll.neverending .site-footer,.infinite-scroll .posts-navigation{display:none}.infinity-end.neverending .site-footer{display:block}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-right:auto;margin-left:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.error-404 .page-title{text-align:center}.error-404 .page-content{text-align:center}.error-404 .page-content .logo-swing{height:160px;height:10rem;margin:96px auto;margin:6rem auto;position:relative;text-align:center;width:160px;width:10rem}.error-404 .page-content .logo-swing .wp-logo{right:0;max-width:none;position:absolute;top:0;width:160px;width:10rem}@-webkit-keyframes a{10%{width:180px;height:180px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{width:185px;height:185px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{width:180px;height:180px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}40%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes a{10%{width:180px;height:180px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{width:185px;height:185px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{width:180px;height:180px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}40%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);-webkit-transform-origin:top right;transform-origin:top right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:a;animation-name:a}.archive .site-main{margin-top:32px;margin-top:2rem;padding-top:0}.archive .page-header{margin:32px 0;margin:2rem 0}.plugin-section{border-bottom:2px solid #eee;margin:0 auto 76.293px;margin:0 auto 4.768371582rem;max-width:960px;padding-bottom:48.828px;padding-bottom:3.0517578125rem}.plugin-section:last-of-type{margin-bottom:0}.plugin-section .section-header{position:relative}.plugin-section .section-title{font-size:25px;font-size:1.5625rem;font-weight:400;margin-bottom:48px;margin-bottom:3rem}.plugin-section .section-link{font-size:16px;font-size:1rem;position:absolute;left:0;top:11.2px;top:.7rem}.page .entry-header{margin-top:32px;margin-top:2rem}.page .entry-header .entry-title{font-size:25px;font-size:1.5625rem;font-weight:400;margin:0 auto;max-width:568.434px;max-width:35.527136788rem}@media screen and (min-width:48em){.page .entry-header .entry-title{padding:0 2rem}}.page .entry-content h2{font-size:25px;font-size:1.5625rem;font-weight:400}.page .entry-content h3{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase}.page .entry-content section{padding:32px 0;padding:2rem 0}.page .entry-content section .container{margin:0 auto;max-width:568.434px;max-width:35.527136788rem}@media screen and (min-width:48em){.page .entry-content section .container{padding:0 2rem}}.page .entry-content section:first-of-type{padding-top:0}.page .entry-content section+section{border-top:2px solid #eee}.plugin-card{background-color:#f9f9f9;margin-bottom:4%;padding:15px 15px 8px;vertical-align:top}@media screen and (min-width:48em){.plugin-card{display:inline-block;margin-left:4%;width:48%}.plugin-card:nth-of-type(2n){margin-left:0}}.plugin-card .entry{display:inline-block;margin:auto;vertical-align:top}@media screen and (min-width:21em){.plugin-card .entry{width:-webkit-calc(96% - 128px);width:calc(96% - 128px)}}.plugin-card .entry-title{font-size:16px;font-size:1rem;line-height:1.3;margin:0 0 8px}.plugin-card .entry-title a{font-weight:400}.plugin-card .entry-excerpt{font-size:12.8px;font-size:.8rem}.plugin-card .entry-excerpt p{margin:0}.plugin-card hr{background-color:#fff;margin:15px -15px 8px}.plugin-card footer span{font-size:11.704px;font-size:.73152rem;width:48%;display:inline-block;overflow:hidden;white-space:nowrap}.plugin-card footer span i{display:inline-block;font-size:16px;font-size:1rem;margin-left:6.4px;margin-left:.4rem}.plugin-card footer span.last-updated{display:none}.plugin-card footer span.plugin-author{width:100%}.plugin-card footer .dashicons{margin:0 2px -16px;margin:0 2px -1rem;color:#bbb;width:auto;height:auto;display:none}@media (min-width:414px){.plugin-card footer .dashicons{display:inline-block}}.entry-thumbnail{display:none;max-width:128px}.entry-thumbnail .plugin-icon{-webkit-background-size:cover;background-size:cover;height:128px;width:128px}@media screen and (min-width:21em){.entry-thumbnail{display:inline-block;margin:0 0 0 4%;vertical-align:top}.entry-thumbnail a{display:block}}.single .entry-thumbnail{display:none;float:right;height:96px;margin-left:16px;margin-left:1rem;width:96px}@media screen and (min-width:26em){.single .entry-thumbnail{display:block}}.single .entry-thumbnail .plugin-icon{-webkit-background-size:contain!important;background-size:contain!important;height:96px!important;width:96px!important}[class*=dashicons-star-]{color:#ffb900}.rtl .dashicons-star-half{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.plugin-rating{line-height:1;margin:0 0 8px 10px}.plugin-rating .wporg-ratings{display:inline-block;margin-left:5px}.plugin-rating .rating-count{color:#999;font-size:12.8px;font-size:.8rem;top:-1px}.site-main.single .plugin-rating .rating-count{display:none}.plugin-rating .rating-count a{color:inherit;cursor:hand;text-decoration:none}@-webkit-keyframes b{0%{opacity:1;font-size:1rem;-webkit-text-stroke-color:transparent}25%{opacity:.6;color:#fff;font-size:.8rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#dc3232}75%{opacity:.6;color:#fff;font-size:1.42875rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#dc3232}to{opacity:1;font-size:1.25rem;-webkit-text-stroke-color:transparent}}@keyframes b{0%{opacity:1;font-size:1rem;-webkit-text-stroke-color:transparent}25%{opacity:.6;color:#fff;font-size:.8rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#dc3232}75%{opacity:.6;color:#fff;font-size:1.42875rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#dc3232}to{opacity:1;font-size:1.25rem;-webkit-text-stroke-color:transparent}}@-webkit-keyframes c{0%{font-size:1.42875rem}80%{font-size:1.25rem}}@keyframes c{0%{font-size:1.42875rem}80%{font-size:1.25rem}}.plugin-favorite{height:36px;text-align:center;vertical-align:top;width:36px}.plugin-favorite .plugin-favorite-heart{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#cbcdce;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:20px;font-size:1.25rem;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin:0;outline:none;padding:0;-webkit-transition:all .2s ease;transition:all .2s ease}.plugin-favorite .plugin-favorite-heart.favorited{color:#dc3232}.plugin-favorite .plugin-favorite-heart:hover{-webkit-animation:c .3s infinite alternate;animation:c .3s infinite alternate}.plugin-favorite .plugin-favorite-heart:focus{outline:thin dotted}.plugin-favorite .plugin-favorite-heart:focus,.plugin-favorite .plugin-favorite-heart:hover{text-decoration:none}.plugin-favorite .plugin-favorite-heart:after{content:"\f487";font-family:dashicons;vertical-align:top}.plugin-favorite .plugin-favorite-heart.is-animating{-webkit-animation:b .3s;animation:b .3s}.plugin-banner{background-position:50% 50%;-webkit-background-size:100% 100%;background-size:100%;display:inline-block;font-size:0;line-height:0;margin:0 auto 18.288px;margin:0 auto 1.143rem;padding-top:32.38342%;vertical-align:middle;width:100%}@media screen and (min-width:60em){.plugin-banner{margin-top:1.5625rem}}.plugin-changelog{font-size:12.8px;font-size:.8rem}.plugin-changelog code{font-size:12.8px;font-size:.8rem}.plugin-changelog h4{margin-top:0}.plugin-developers{list-style-type:none;margin:0}.plugin-developers li{display:inline-block;margin:0 0 16px 4%;margin:0 0 1rem 4%;vertical-align:top;width:48%}.plugin-developers li:nth-of-type(2n){margin-left:0}.avatar{-webkit-border-radius:50%;border-radius:50%;margin-left:10px;vertical-align:middle;float:right}.plugin-faq h2:first-of-type{font-size:20px;font-size:1.25rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase;border:none;color:#32373c;padding:0;text-transform:inherit}.plugin-faq dl{border-bottom:1px solid #eee}.plugin-faq dt{border-top:1px solid #eee;cursor:pointer;font-size:16px;font-size:1rem;font-weight:600;padding:16px 0;padding:1rem 0}.plugin-faq dt:before{content:"\f347";float:left;font-family:dashicons;margin:0 16px;margin:0 1rem}.plugin-faq dt.open:before{content:"\f343"}.plugin-faq dd{display:none;margin:0 0 16px;margin:0 0 1rem}.no-js .plugin-faq dd{display:block}.plugin-faq dd p{margin:0}.plugin-faq dd p+p{margin-top:16px;margin-top:1rem}.plugin-reviews{list-style-type:none;margin:0;padding:0}.plugin-reviews .plugin-review+.plugin-review{margin:32px 0 16px;margin:2rem 0 1rem}.plugin-reviews .review-avatar{display:none}.plugin-reviews .review,.plugin-reviews .review-author,.plugin-reviews .wporg-ratings{display:inline-block;vertical-align:top}.plugin-reviews .review-header{margin:0 0 8px;margin:0 0 .5rem}.plugin-reviews .review-title{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;margin:0 0 8px;margin:0 0 .5rem;text-transform:inherit}.plugin-reviews .review-author{line-height:1.25;margin-right:10px}@media screen and (min-width:48em){.plugin-reviews .review-avatar{display:inline-block;vertical-align:top}.plugin-reviews .review-avatar .avatar{margin-left:1rem}.plugin-reviews .review{width:-webkit-calc(100% - 60px - 1rem);width:calc(100% - 60px - 1rem)}.plugin-reviews .review-header{margin:0}.plugin-reviews .review-author{line-height:1}}.reviews-link{display:inline-block;font-size:12.8px;font-size:.8rem;margin-top:8px;margin-top:.5rem;text-decoration:none}.reviews-link:after{content:"\f341";font-family:dashicons;vertical-align:text-top;padding-right:5px;float:left;position:relative;top:1px}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-gallery-content{position:relative}.image-gallery-content .image-gallery-left-nav,.image-gallery-content .image-gallery-right-nav{display:none;font-size:48.828px;font-size:3.0517578125rem;height:100%;position:absolute;top:0;z-index:4;border-color:#eee;-webkit-transition:background .1s ease,border .1s ease;transition:background .1s ease,border .1s ease}@media (max-width:768px){.image-gallery-content .image-gallery-left-nav,.image-gallery-content .image-gallery-right-nav{font-size:3.4em}}@media (min-width:768px){.image-gallery-content .image-gallery-left-nav:hover,.image-gallery-content .image-gallery-right-nav:hover{background:#fff;opacity:.8;border:1px solid #eee}}.image-gallery-content .image-gallery-left-nav:before,.image-gallery-content .image-gallery-right-nav:before{position:relative;font-family:dashicons}.image-gallery-content .image-gallery-left-nav{right:0}.image-gallery-content .image-gallery-left-nav:before{content:"\f345"}.image-gallery-content .image-gallery-left-nav:hover{margin-right:-1px}.image-gallery-content .image-gallery-right-nav{left:0}.image-gallery-content .image-gallery-right-nav:before{content:"\f341"}.image-gallery-content .image-gallery-right-nav:hover{margin-left:-1px}.image-gallery-content:hover .image-gallery-left-nav,.image-gallery-content:hover .image-gallery-right-nav{display:block}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;border:1px solid #eee}.image-gallery-slide{right:0;position:absolute;top:0;width:100%}.image-gallery-slide.center{position:relative}.image-gallery-slide .image-gallery-image{margin:0}.image-gallery-slide img{display:block;margin:0 auto}.image-gallery-slide .image-gallery-description{background:#f5f5f5;color:#32373c;line-height:1.5;padding:10px 20px;white-space:normal;font-size:12.8px;font-size:.8rem}@media (max-width:768px){.image-gallery-slide .image-gallery-description{font-size:.8rem;padding:8px 15px}}.image-gallery-thumbnails{background:#fff;margin-top:5px}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:table-cell;margin-left:5px;border:1px solid #eee;max-height:100px;overflow:hidden}.image-gallery-thumbnail .image-gallery-image{margin:0}.image-gallery-thumbnail img{vertical-align:middle;width:100px}@media (max-width:768px){.image-gallery-thumbnail img{width:75px}}.image-gallery-thumbnail:hover{-webkit-box-shadow:0 1px 8px rgba(0,0,0,.3);box-shadow:0 1px 8px rgba(0,0,0,.3)}.image-gallery-thumbnail.active{border:1px solid #337ab7}.image-gallery-thumbnail-label{color:#222;font-size:1em}@media (max-width:768px){.image-gallery-thumbnail-label{font-size:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);bottom:0;color:#fff;line-height:1;padding:10px 20px;position:absolute;left:0;z-index:4}.plugin-screenshots{list-style-type:none;margin:0;padding:0}.plugin-screenshots h2:first-of-type{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0;text-transform:inherit}.plugin-screenshots .image-gallery-slides{max-height:600px}.plugin-screenshots .image-gallery-thumbnail{vertical-align:top}.plugin-screenshots .image-gallery-thumbnail img{max-height:100px}.plugin-screenshots .image-gallery-thumbnails{overflow:hidden}.section.read-more{border-bottom:2px solid #eee;max-height:200px;overflow:hidden;padding-bottom:1px}.section.read-more.plugin-description{max-height:400px}.section.read-more.plugin-description.toggled{max-height:none}.section.read-more.toggled{max-height:none}.no-js .section.read-more{max-height:none;overflow:auto}.section h1,.section h2,.section h3{font-size:16px;font-size:1rem;font-weight:600;letter-spacing:.16px;letter-spacing:.01rem;text-transform:uppercase}.section h1:nth-child(2),.section h2:nth-child(2),.section h3:nth-child(2){margin-top:0}.section h4,.section h5,.section h6{font-size:12.8px;font-size:.8rem;font-weight:600;letter-spacing:.8px;letter-spacing:.05rem;text-transform:uppercase}.section h4:nth-child(2),.section h5:nth-child(2),.section h6:nth-child(2){margin-top:0}.section h2:first-of-type{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0;text-transform:inherit}.section p:first-child{margin-top:0}.section-toggle{color:#0073aa;cursor:pointer;font-size:12.8px;font-size:.8rem;margin-top:8px;margin-top:.5rem;position:relative}.no-js .section-toggle{display:none}.section-toggle:after{content:"\f347";font-family:dashicons;padding-right:5px;vertical-align:text-top;position:relative;float:left;top:1px}.toggled+.section-toggle:after{content:"\f343"}.section-toggle:hover{text-decoration:underline}.type-plugin .plugin-notice{margin-top:0}.type-plugin .plugin-header{border-bottom:2px solid #eee;padding:18.288px 25px;padding:1.143rem 1.5625rem}.type-plugin .plugin-header .plugin-actions{float:left}.type-plugin .plugin-header .plugin-actions div{display:inline-block;text-align:center}.type-plugin .plugin-header .plugin-title{clear:none;font-size:25px;font-size:1.5625rem;font-weight:400;margin:0}.type-plugin .plugin-header .plugin-title a{color:inherit;text-decoration:none}.type-plugin .plugin-header .byline{color:#78848f}.type-plugin .plugin-banner+.plugin-header{padding-top:0}.type-plugin .entry-content,.type-plugin .entry-meta{padding:0 25px;padding:0 1.5625rem}.type-plugin .entry-content{max-width:768px;max-width:48rem}@media screen and (min-width:48em){.type-plugin .entry-content{float:right;padding:0;width:65%}}@media screen and (min-width:48em){.type-plugin .entry-content,.type-plugin .entry-meta,.type-plugin .plugin-header{padding-right:0;padding-left:0}.type-plugin .entry-meta{float:left;width:30%}}.search-form{font-size:0;margin-bottom:32px;margin-bottom:2rem;max-width:100%;position:relative}.search-form .search-field{border:none;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block;font-size:16px;font-size:1rem;margin:0 auto;max-width:100%;padding:8px;padding:.5rem;width:363.797px;width:22.7373675443rem}.search-form .button-search{border-top:none;border-right:none;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;font-size:16px;font-size:1rem;position:relative;left:auto;top:auto;vertical-align:top}.search-form .button-search:active{background:#006799;border-left:1px solid #006799;-webkit-box-shadow:none;box-shadow:none}.search-form .button-search .dashicons{font-size:16px;font-size:1rem}.site-header .search-form{display:inline-block}.site-header.home .search-form .button-search,.site-main .search-form .button-search{background:transparent;border:none;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#32373c;display:block;height:45px;padding:8px 16px;padding:.5rem 1rem;position:absolute;left:0;text-shadow:none;top:0}.site-header.home .search-form .button-search:focus,.site-main .search-form .button-search:focus{-webkit-box-shadow:0 0 2px 1px #33b3db;box-shadow:0 0 2px 1px #33b3db}.site-header.home .search-form .button-search:active,.site-main .search-form .button-search:active{background:transparent;border:none;-webkit-transform:none;-ms-transform:none;transform:none}.site-header:not(.home) .search-form{margin:0}.site-header:not(.home) .search-form .search-field{border:0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;display:inline-block;font-size:16px;font-size:1rem;padding:5px 10px;position:relative;width:auto}@media screen and (min-width:48em){.site-header:not(.home) .search-form .search-field{font-size:.64rem;width:7rem}.site-header:not(.home) .search-form .search-field+.button-search{display:inline-block;margin-bottom:0}}@media screen and (min-width:60em){.site-header:not(.home) .search-form .search-field{width:10rem}}.site-main .search-form .search-field{border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.07);padding:8px;padding:.5rem;width:100%}.search .site-main{margin-top:32px;margin-top:2rem;padding-top:0}.search.search-results .page-header{margin:32px 0;margin:2rem 0}nav .nav-links{text-align:center}nav .nav-links .page-numbers{background-color:#f9f9f9;min-width:2em;padding:8px;display:inline-block;cursor:hand}nav .nav-links .page-numbers.dots,nav .nav-links .page-numbers.next,nav .nav-links .page-numbers.prev{width:auto;font-size:.9em;background:none}nav .nav-links .page-numbers.dots{cursor:inherit}nav .nav-links span.page-numbers{font-weight:700;background-color:#f7f7f7}.main-navigation{background:#0073aa;clear:both;right:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-right:0}.main-navigation ul ul{-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);box-shadow:0 3px 3px rgba(0,0,0,.2);float:right;right:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{right:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{right:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{right:auto}.main-navigation li{border-top:1px solid hsla(0,0%,100%,.2);padding:16px;padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:12.8px;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:48em){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;font-size:25px;font-size:1.5625rem;height:56px;height:3.5rem;overflow:hidden;position:absolute;left:16px;left:1rem;top:-58px;width:56px;width:3.5rem;-webkit-appearance:none}.toggled .menu-toggle:before{content:"\f343"}@media screen and (min-width:48em){.menu-toggle{display:none}.main-navigation{float:left;position:relative;width:auto;top:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-left:1rem;padding:0}.main-navigation ul li:last-of-type{margin-left:0}}.site-description{color:hsla(0,0%,100%,.8);font-size:20px;font-size:1.25rem;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}.site-title{display:inline-block;font-size:25px;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 0 0 32px;margin:0 0 0 2rem;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:61.035px;font-size:3.8146972656rem;margin:32px 0 16px;margin:2rem 0 1rem}.site-header{background:#0073aa;padding:16px 0;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 25px;padding:0 1.5625rem}@media screen and (min-width:48em){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.site-main{margin:0 auto;max-width:960px;padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}@media screen and (min-width:48em){.site-main{padding:3.0517578125rem 10px}}.single .site-main,.site-main.single{padding:0}@media screen and (min-width:48em){.single .site-main,.site-main.single{padding:0 10px 3.0517578125rem}}.page .site-main,.site-main.page{padding-top:0}.site-main .page-title{font-size:25px;font-size:1.5625rem;font-weight:400}.site-main .no-results{margin:0 auto;max-width:568.434px;max-width:35.527136788rem;padding:0 32px;padding:0 2rem}.widget-area{margin:0 auto;max-width:960px;padding:0 25px 48.828px;padding:0 1.5625rem 3.0517578125rem}@media screen and (min-width:48em){.widget-area{padding:0 10px 3.0517578125rem}}.committer-list{font-size:12.8px;font-size:.8rem;list-style:none;margin:0}.committer-list li{padding-bottom:8px;padding-bottom:.5rem}.committer-list li .remove{color:red;visibility:hidden}.committer-list li:hover .remove{visibility:visible}.committer-list .spinner{position:relative}.committer-list .spinner:after{content:"";display:block;width:20px;height:20px;position:absolute;left:-50%;top:50%;margin:-10px 0 0 -10px;background:url(/wp-admin/images/spinner.gif) no-repeat 50%;-webkit-background-size:20px 20px;background-size:20px 20px;-webkit-transform:translateZ(0);transform:translateZ(0)}@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),print{.committer-list .spinner:after{background-image:url(/wp-admin/images/spinner-2x.gif)}}.plugin-meta{margin-top:32px;margin-top:2rem}.plugin-meta ul{font-size:12.8px;font-size:.8rem;list-style-type:none;margin:0;padding:0}.plugin-meta li{border-top:1px solid #eee;padding:8px 0;padding:.5rem 0}.plugin-meta li strong{float:left}.plugin-meta .tags{float:left;text-align:left;width:60%}.plugin-meta [rel=tag]{background:#eee;-webkit-border-radius:2px;border-radius:2px;color:#000;display:inline-block;font-size:10.24px;font-size:.64rem;margin:2px;padding:3px 6px;position:relative;white-space:nowrap;width:auto}.plugin-meta [rel=tag]:hover{background:#f3f3f3}.plugin-meta [rel=tag]:active{background:#dfdfdf}.plugin-ratings{font-size:12.8px;font-size:.8rem;position:relative}.plugin-ratings .reviews-link{position:absolute;left:0;top:0}.plugin-ratings .reviews-link:after{content:"\f341";font-family:dashicons;padding-right:5px;vertical-align:top}.plugin-ratings [class*=dashicons-star-]{color:#ffb900;display:inline-block;font-size:25px;font-size:1.5625rem;height:auto;margin:0;width:auto}.plugin-ratings .ratings-list{list-style-type:none;margin:16px 0;margin:1rem 0;padding:0}.plugin-ratings .ratings-list .counter-container,.plugin-ratings .ratings-list .counter-container a{width:100%}.plugin-ratings .ratings-list .counter-container:hover,.plugin-ratings .ratings-list .counter-container a:hover{text-decoration:none}.plugin-ratings .ratings-list .counter-label{display:inline-block;min-width:58px}.plugin-ratings .ratings-list .counter-back,.plugin-ratings .ratings-list .counter-bar{display:inline-block;height:16px;height:1rem;vertical-align:middle}.plugin-ratings .ratings-list .counter-back{background-color:#ececec;width:58%;width:-webkit-calc(100% - 130px);width:calc(100% - 130px)}.plugin-ratings .ratings-list .counter-bar{background-color:#ffc733;display:block}.plugin-ratings .ratings-list .counter-count{margin-right:3px}.home .widget,.widget-area.home .widget{display:inline-block;font-size:12.8px;font-size:.8rem;margin:0;vertical-align:top}@media screen and (min-width:48em){.home .widget,.widget-area.home .widget{margin-left:5%;width:30%}.home .widget:last-child,.widget-area.home .widget:last-child{margin-left:0}}.home .widget select,.widget-area.home .widget select{max-width:100%}.entry-meta .widget-title{font-size:20px;font-size:1.25rem;border:none;color:#32373c;font-weight:600;padding:0}.plugin-support{font-size:12.8px;font-size:.8rem}.plugin-support .counter-container{margin-bottom:16px;margin-bottom:1rem;position:relative}.plugin-support .counter-back,.plugin-support .counter-bar{display:inline-block;height:30px;vertical-align:middle}.plugin-support .counter-back{background-color:#ececec;width:100%}.plugin-support .counter-bar{background-color:#c7e8ca;display:block}.plugin-support .counter-count{font-size:10.24px;font-size:.64rem;right:8px;position:absolute;top:8px;width:100%;width:-webkit-calc(100% - 8px);width:calc(100% - 8px)}@media screen and (min-width:48em){.plugin-support .counter-count{top:5px}} |