Changeset 5117
- Timestamp:
- 03/07/2017 09:26:14 PM (8 years ago)
- Location:
- sites/trunk/wordpress.org/public_html/wp-content
- Files:
-
- 4 added
- 6 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/widgets/class-committers.php
r4301 r5117 10 10 */ 11 11 class Committers extends \WP_Widget { 12 13 12 /** 14 * Metaconstructor.13 * Committers constructor. 15 14 */ 16 15 public function __construct() { … … 31 30 32 31 $committers = Tools::get_plugin_committers( $post->post_name ); 33 $committers = array_map( function ( $user_login ) {32 $committers = array_map( function ( $user_login ) { 34 33 return get_user_by( 'login', $user_login ); 35 34 }, $committers ); 36 35 36 wp_enqueue_script( 'wporg-plugins-committers', plugins_url( 'js/committers.js', __FILE__ ), array( 'wp-util' ), true ); 37 wp_localize_script( 'wporg-plugins-committers', 'committersWidget', array( 38 'restUrl' => get_rest_url(), 39 'restNonce' => wp_create_nonce( 'wp_rest' ), 40 'pluginSlug' => $post->post_name, 41 ) ); 42 37 43 echo $args['before_widget']; 38 44 ?> 39 <style>40 <?php // TODO: Yes, these need to be moved into the CSS somewhere. ?>41 ul.committer-list {42 list-style: none;43 margin: 0;44 font-size: 0.9em;45 }46 ul.committer-list li {47 clear: both;48 padding-bottom: 0.5em;49 }50 ul.committer-list a.remove {51 color: red;52 cursor: pointer;53 visibility: hidden;54 }55 ul.committer-list li:hover a.remove {56 visibility: visible;57 }58 </style>59 60 45 <h3><?php _e( 'Committers', 'wporg-plugins' ); ?></h3> 61 46 62 <ul class="committer-list"> 63 <?php foreach ( $committers as $committer ) { 64 echo '<li data-user="' . esc_attr( $committer->user_nicename ) . '">' . 65 get_avatar( $committer->ID, 32 ) . 66 '<a href="' . esc_url( 'https://profiles.wordpress.org/' . $committer->user_nicename ) . '">' . Template::encode( $committer->display_name ) . '</a>' . 67 '<br><small>' . 68 ( current_user_can( 'plugin_review' ) ? esc_html( $committer->user_email ) . ' ' : '' ) . 69 '<a class="remove">' . __( 'Remove', 'wporg-plugins' ) . '</a>' . 70 '</small>' . 71 '</li>'; 72 } ?> 73 <li class="new" data-template="<?php echo esc_attr( '<li><img src="" class="avatar avatar-32 photo" height="32" width="32"><a class="profile" href=""></a><br><small><span class="email"></span> <a class="remove">' . __( 'Remove', 'wporg-plugins' ) . '</a></small></li>' ); ?>"> 74 <input type="text" name="committer" placeholder="<?php esc_attr_e( 'Login, Slug, or Email.', 'wporg-plugins' ); ?>"> 75 <input type="submit" value="<?php esc_attr_e( 'Add', 'wporg-plugins' ); ?>"> 76 </li> 47 <ul id="committer-list" class="committer-list"> 77 48 49 <?php foreach ( $committers as $committer ) : ?> 50 <li data-user="<?php echo esc_attr( $committer->user_nicename ); ?>"> 51 <?php echo get_avatar( $committer->ID, 32 ); ?> 52 <a href="<?php echo esc_url( 'https://profiles.wordpress.org/' . $committer->user_nicename ); ?>"> 53 <?php echo Template::encode( $committer->display_name ); ?> 54 </a><br> 55 <small> 56 <?php echo current_user_can( 'plugin_review' ) ? esc_html( $committer->user_email ) . ' ' : ''; ?> 57 <button class="button-link spinner remove"><?php _e( 'Remove', 'wporg-plugins' ); ?></button> 58 </small> 59 </li> 60 <?php endforeach; ?> 61 62 <li class="new"> 63 <form id="add-committer" action="POST"> 64 <input type="text" name="committer" placeholder="<?php esc_attr_e( 'Login, Slug, or Email.', 'wporg-plugins' ); ?>"> 65 <input type="submit" value="<?php esc_attr_e( 'Add', 'wporg-plugins' ); ?>" /> 66 </form> 67 </li> 78 68 </ul> 79 <script> 80 var rest_api_url = <?php echo wp_json_encode( get_rest_url() ); ?>, 81 rest_api_nonce = <?php echo wp_json_encode( wp_create_nonce( 'wp_rest' ) ); ?>, 82 plugin_slug = <?php echo wp_json_encode( $post->post_name ); ?>; 83 84 jQuery( 'ul.committer-list' ).on( 'click', 'a.remove', function(e) { 85 e.preventDefault(); 86 87 var $this = jQuery( this ), 88 $row = $this.parents('li'), 89 user_nicename = $row.data( 'user' ), 90 url = rest_api_url + 'plugins/v1/plugin/' + plugin_slug + '/committers/' + user_nicename + '/?_wpnonce=' + rest_api_nonce; 91 92 jQuery.post({ 93 url: url, 94 method: 'DELETE', 95 }).success( function( result ) { 96 if ( true === result ) { 97 $row.slideUp( 500, function() { 98 $row.remove(); 99 } ); 100 } else { 101 alert( result.messsage ); 102 } 103 } ).fail( function( result ) { 104 result = jQuery.parseJSON( result.responseText ); 105 if ( typeof result.message !== undefined ) { 106 alert( result.message ); 107 } 108 } ); 109 } ); 110 111 jQuery( 'ul.committer-list' ).on( 'click', 'li.new input[type="submit"]', function(e) { 112 e.preventDefault(); 113 114 var $this = jQuery( this ), 115 $row = $this.parents('li'), 116 $list = $row.parents('ul'), 117 $new_user_input = $row.find( 'input[name="committer"]' ), 118 user_to_add = $new_user_input.val(), 119 url = rest_api_url + 'plugins/v1/plugin/' + plugin_slug + '/committers/?_wpnonce=' + rest_api_nonce; 120 121 jQuery.post({ 122 url: url, 123 dataType: 'json', 124 data: { 125 committer: user_to_add 126 } 127 }).done( function( result ) { 128 if ( typeof result.name !== "undefined" ) { 129 $newrow = jQuery( $row.data('template') ); 130 $newrow.data('user', result.nicename ); 131 $newrow.find('img').attr( 'src', result.avatar ); 132 $newrow.find('a.profile').attr('href', result.profile ).html( result.name ); 133 if ( typeof result.email !== "undefined" ) { 134 $newrow.find('span.email').text( result.email ); 135 } 136 $row.before( $newrow ); 137 $new_user_input.val(''); 138 } else { 139 alert( result.messsage ); 140 } 141 } ).fail( function( result ) { 142 result = jQuery.parseJSON( result.responseText ); 143 if ( typeof result.message !== undefined ) { 144 alert( result.message ); 145 } 146 } ); 147 } ); 148 69 <script id="tmpl-new-committer" type="text/template"> 70 <li data-user="{{ data.nicename }}"> 71 <a class="profile" href="{{ data.profile }}"> 72 <img src="{{ data.avatar }}" class="avatar avatar-32 photo" height="32" width="32"> 73 {{ data.name }} 74 </a><br> 75 <small> 76 <# if ( data.email ) { #> 77 <span class="email">{{ data.email }}</span> 78 <# } #> 79 <button class="button-link remove"><?php _e( 'Remove', 'wporg-plugins' ); ?></button> 80 </small> 81 </li> 149 82 </script> 150 151 83 <?php 152 84 echo $args['after_widget']; -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/Gruntfile.js
r5024 r5117 51 51 cascade: false 52 52 }), 53 require('pixrem') 53 require('pixrem'), 54 require('cssnano')({ 55 mergeRules: false 56 }) 54 57 ] 55 58 }, -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/_components.scss
r5024 r5117 26 26 @import "../components/site-main/style"; 27 27 @import "../components/widget-area/style"; 28 @import "../components/widget-area/widgets/committers/style"; 28 29 @import "../components/widget-area/widgets/meta/style"; 29 30 @import "../components/widget-area/widgets/ratings/style"; -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css
r5024 r5117 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}} -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css
r5024 r5117 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: 3px 0 0 3px; 385 border-radius: 3px 0 0 3px; 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 right: 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 10px 0 0; 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-left: 2px solid #eee; 455 color: #82878c; 456 font-style: italic; 457 margin: 16px 0; 458 margin: 1rem 0; 459 padding-left: 16px; 460 padding-left: 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 0 1.5em 3em; 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-left: 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-left: 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-left-color: #46b450; 541 } 542 543 .notice.notice-success.notice-alt { 544 background-color: #ecf7ed; 545 } 546 547 .notice.notice-warning { 548 border-left-color: #ffb900; 549 } 550 551 .notice.notice-warning.notice-alt { 552 background-color: #fff8e5; 553 } 554 555 .notice.notice-error { 556 border-left-color: #dc3232; 557 } 558 559 .notice.notice-error.notice-alt { 560 background-color: #fbeaea; 561 } 562 563 .notice.notice-info { 564 border-left-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-right: -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: 3px 0 0 3px; 923 border-radius: 3px 0 0 3px; 924 } 925 926 .button-group > .button:last-child { 927 -webkit-border-radius: 0 3px 3px 0; 928 border-radius: 0 3px 3px 0; 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 4px 0 0; 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-right: 4px; 1090 } 1091 1092 input[type="checkbox"]:checked:before, 1093 input[type="radio"]:checked:before { 1094 display: inline-block; 1095 float: left; 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 0 0 -4px; 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: left; 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: left; 1363 width: 50%; 1364 } 1365 1366 .comment-navigation .nav-next, 1367 .posts-navigation .nav-next, 1368 .post-navigation .nav-next { 1369 float: right; 1370 text-align: right; 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 left: 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: left; 1425 margin-right: 1.5em; 1426 } 1427 1428 .alignright { 1429 display: inline; 1430 float: right; 1431 margin-left: 1.5em; 1432 } 1433 1434 .aligncenter { 1435 clear: both; 1436 display: block; 1437 margin-left: auto; 1438 margin-right: 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, left top, left 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, left top, left 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, left top, left 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-left: auto; 1586 margin-right: 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 left: 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 left; 1699 transform-origin: top left; 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 left; 1707 transform-origin: top left; 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 left; 1715 transform-origin: top left; 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 left; 1748 transform-origin: top left; 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 left; 1756 transform-origin: top left; 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 left; 1764 transform-origin: top left; 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 right: 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-right: 4%; 1899 width: 48%; 1900 } 1901 .plugin-card:nth-of-type(even) { 1902 margin-right: 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-right: 6.4px; 1958 margin-right: 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 4% 0 0; 2000 vertical-align: top; 2001 } 2002 .entry-thumbnail a { 2003 display: block; 2004 } 2005 } 2006 2007 .single .entry-thumbnail { 2008 display: none; 2009 float: left; 2010 height: 96px; 2011 margin-right: 16px; 2012 margin-right: 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 10px 8px 0; 2041 } 2042 2043 .plugin-rating .wporg-ratings { 2044 display: inline-block; 2045 margin-right: 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 4% 16px 0; 2250 margin: 0 4% 1rem 0; 2251 vertical-align: top; 2252 width: 48%; 2253 } 2254 2255 .plugin-developers li:nth-of-type(even) { 2256 margin-right: 0; 2257 } 2258 2259 .avatar { 2260 -webkit-border-radius: 50%; 2261 border-radius: 50%; 2262 margin-right: 10px; 2263 vertical-align: middle; 2264 float: left; 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: right; 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-left: 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-right: 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: "\f345"; 2399 font-family: dashicons; 2400 vertical-align: text-top; 2401 padding-left: 5px; 2402 float: right; 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 left: 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-left: -1px; 2464 } 2465 2466 .image-gallery-content .image-gallery-right-nav { 2467 right: 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-right: -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 left: 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-right: 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 right: 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-left: 5px; 2707 vertical-align: text-top; 2708 position: relative; 2709 float: right; 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: right; 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: left; 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-left: 0; 2785 padding-right: 0; 2786 } 2787 .type-plugin .entry-meta { 2788 float: right; 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-left: none; 2821 -webkit-border-radius: 0 2px 2px 0; 2822 border-radius: 0 2px 2px 0; 2823 font-size: 16px; 2824 font-size: 1rem; 2825 position: relative; 2826 right: auto; 2827 top: auto; 2828 vertical-align: top; 2829 } 2830 2831 .search-form .button-search:active { 2832 background: #006799; 2833 border-right: 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 right: 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: 2px 0 0 2px; 2888 border-radius: 2px 0 0 2px; 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 left: 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-left: 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: left; 2981 left: -999em; 2982 position: absolute; 2983 top: 1.5em; 2984 z-index: 99999; 2985 } 2986 2987 .main-navigation ul ul ul { 2988 left: -999em; 2989 top: 0; 2990 } 2991 2992 .main-navigation ul ul li:hover > ul, 2993 .main-navigation ul ul li.focus > ul { 2994 left: 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 left: 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 right: 16px; 3046 right: 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: right; 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-right: 1rem; 3079 padding: 0; 3080 } 3081 .main-navigation ul li:last-of-type { 3082 margin-right: 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 32px 0 0; 3103 margin: 0 2rem 0 0; 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: right; 3228 } 3229 3230 .plugin-meta .tags { 3231 float: right; 3232 text-align: right; 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 right: 0; 3268 top: 0; 3269 } 3270 3271 .plugin-ratings .reviews-link:after { 3272 content: "\f345"; 3273 font-family: dashicons; 3274 padding-left: 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-left: 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-right: 5%; 3348 width: 30%; 3349 } 3350 .home .widget:last-child, 3351 .widget-area.home .widget:last-child { 3352 margin-right: 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 left: 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:3px 0 0 3px;border-radius:3px 0 0 3px;-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;right: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 10px 0 0}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-left:2px solid #eee;color:#82878c;font-style:italic;margin:16px 0;margin:1rem 0;padding-left:16px;padding-left: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 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left: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-left: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-left-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-left-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-left-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-left-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-right:-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:3px 0 0 3px;border-radius:3px 0 0 3px}.button-group>.button:last-child{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.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:ltr}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 4px 0 0;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-right:4px}input[type=checkbox]:checked:before,input[type=radio]:checked:before{display:inline-block;float:left;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 0 0 -4px}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:left;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:left;width:50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{float:right;text-align:right;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;left: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:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right: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,left top,left 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,left top,left 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,left top,left 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-left:auto;margin-right: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{left: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 left;transform-origin:top left;-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 left;transform-origin:top left;-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 left;transform-origin:top left;-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 left;transform-origin:top left;-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 left;transform-origin:top left;-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 left;transform-origin:top left;-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;right: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-right:4%;width:48%}.plugin-card:nth-of-type(2n){margin-right: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-right:6.4px;margin-right:.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 4% 0 0;vertical-align:top}.entry-thumbnail a{display:block}}.single .entry-thumbnail{display:none;float:left;height:96px;margin-right:16px;margin-right: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 10px 8px 0}.plugin-rating .wporg-ratings{display:inline-block;margin-right: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 4% 16px 0;margin:0 4% 1rem 0;vertical-align:top;width:48%}.plugin-developers li:nth-of-type(2n){margin-right:0}.avatar{-webkit-border-radius:50%;border-radius:50%;margin-right:10px;vertical-align:middle;float:left}.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:right;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-left:10px}@media screen and (min-width:48em){.plugin-reviews .review-avatar{display:inline-block;vertical-align:top}.plugin-reviews .review-avatar .avatar{margin-right: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:"\f345";font-family:dashicons;vertical-align:text-top;padding-left:5px;float:right;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{left:0}.image-gallery-content .image-gallery-left-nav:before{content:"\f341"}.image-gallery-content .image-gallery-left-nav:hover{margin-left:-1px}.image-gallery-content .image-gallery-right-nav{right:0}.image-gallery-content .image-gallery-right-nav:before{content:"\f345"}.image-gallery-content .image-gallery-right-nav:hover{margin-right:-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{left: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-right: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;right: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-left:5px;vertical-align:text-top;position:relative;float:right;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:right}.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:left;padding:0;width:65%}}@media screen and (min-width:48em){.type-plugin .entry-content,.type-plugin .entry-meta,.type-plugin .plugin-header{padding-left:0;padding-right:0}.type-plugin .entry-meta{float:right;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-left:none;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;font-size:16px;font-size:1rem;position:relative;right:auto;top:auto;vertical-align:top}.search-form .button-search:active{background:#006799;border-right: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;right: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:2px 0 0 2px;border-radius:2px 0 0 2px;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;left:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left: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:left;left:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left: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;right:16px;right: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:right;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-right:1rem;padding:0}.main-navigation ul li:last-of-type{margin-right: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 32px 0 0;margin:0 2rem 0 0;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;right:-50%;top:50%;margin:-10px -10px 0 0;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:right}.plugin-meta .tags{float:right;text-align:right;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;right:0;top:0}.plugin-ratings .reviews-link:after{content:"\f345";font-family:dashicons;padding-left: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-left: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-right:5%;width:30%}.home .widget:last-child,.widget-area.home .widget:last-child{margin-right: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;left: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}} -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/package.json
r5071 r5117 24 24 "babel-preset-react": "^6.11.1", 25 25 "babel-preset-stage-2": "^6.18.0", 26 "cssnano": "^3.10.0", 26 27 "eslint": "^3.12.2", 27 28 "eslint-plugin-react": "^6.8.0",
Note: See TracChangeset
for help on using the changeset viewer.