WordPress.org

Making WordPress.org

Changeset 6166


Ignore:
Timestamp:
11/24/17 01:05:49 (4 weeks ago)
Author:
tellyworth
Message:

Plugin directory theme: better visual separation of blockquote elements. Props @webdevmattcrom and @noisysocks

Uses a different background colour and padding to make blockquotes stand out more.

Fixes #2790

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/elements/_elements.scss

    r4223 r6166  
    2626blockquote { 
    2727    // Override wp4.css. 
    28     background: transparent; 
     28    background: $color__background-pre; 
    2929    border: none; 
    30     padding: 0; 
    3130 
    32     border-left: 2px solid $color__border; 
    3331    color: #82878c; 
    3432    font-style: italic; 
    3533    margin: 1rem 0; 
    36     padding-left: 1rem; 
     34    padding: 1rem 2rem; 
    3735 
    3836    cite { 
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

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