Changeset 5892
- Timestamp:
- 09/06/2017 10:13:34 PM (7 years ago)
- Location:
- sites/trunk/wordpress.org/public_html/wp-content/themes/pub
- Files:
-
- 10 added
- 1 deleted
- 9 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_components.scss
r5885 r5892 1 1 @import "../../../wporg/css/components/404"; 2 @import "../../../wporg/css/components/comments"; 2 3 @import "../../../wporg/css/components/page"; 4 @import "../../../wporg/css/components/post-navigation"; 3 5 @import "home-welcome"; 4 6 @import "template-get"; -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_objects.scss
r5879 r5892 4 4 @import "../../../wporg/css/objects/clearings"; 5 5 @import "../../../wporg/css/objects/copy"; 6 @import "../../../wporg/css/objects/entry-footer"; 6 7 @import "../../../wporg/css/objects/inputs"; 7 8 @import "../../../wporg/css/objects/links"; 8 9 @import "../../../wporg/css/objects/main-navigation"; 9 10 @import "../../../wporg/css/objects/notices"; 11 @import "../../../wporg/css/objects/site-content"; 10 12 @import "../../../wporg/css/objects/site-description"; 11 13 @import "../../../wporg/css/objects/site-header"; 12 @import "../../../wporg/css/objects/site-main";13 14 @import "../../../wporg/css/objects/site-title"; 14 15 @import "../../../wporg/css/objects/wporg-header"; -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style-rtl.css
r5891 r5892 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{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]{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-spacing:0}td,th{padding:0}p{margin:1em 0}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{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{background:transparent;border:none;padding:0;border-right:2px solid #eee;color:#82878c;font-style:italic;margin:16px 0;margin:1rem 0;padding-right:16px;padding-right:1rem}blockquote cite{font-size:12.8px;font-size:.8rem}hr{background-color:#eee;border:0;height:2px;margin:80px auto;margin:5rem auto}img{height:auto;max-width:100%}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}h1,h2{font-weight:300}h2{font-size:39.062px;font-size:2.44140625rem}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;letter-spacing:0.16px;letter-spacing:.01rem}h5,h6{font-weight:600;text-transform:uppercase}h6{font-size:12.8px;font-size:.8rem;letter-spacing:.8px}a,a:visited{color:#0073aa}a:active,a:focus,a:hover{color:#0073aa;text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}ol,ul{margin:0 3em 1.5em 0}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-right:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:12.8px;font-size:.8rem;margin:0 0 16px;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:6.4px;padding:.4rem;text-align:right;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}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:737px){html{font-size:1.125rem}}.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;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:6}#content[tabindex="-1"]:focus{outline:0}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{border:1px solid;border-radius:3px;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-xl .button,.button.button-xl{font-size:16px;font-size:1rem;height:39.062px;height:2.44140625rem;line-height:1;padding:0 24px;padding:0 1.5rem}.button-group.button-large .button,.button.button-large{height:31.25px;height:1.953125rem;line-height:1;padding:0 16px;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:10.24px;font-size:.64rem;height:20px;height:1.25rem;line-height:1;padding:0 8px;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:25px;line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:31.25px;line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:39.062px;line-height:2.44140625rem}.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;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#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;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;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;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;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link{background:none;border:0;border-radius:0;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{text-decoration:none;text-shadow:0 -1px 1px #006799,-1px 0 1px #006799,0 1px 1px #006799,1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #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;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{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;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;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{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{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!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{border-radius:0;display:inline-block;margin-left:-1px;z-index:2}.button-group>.button-primary{z-index:4}.button-group>.button:hover{z-index:3}.button-group>.button:first-child{border-radius:0 3px 3px 0}.button-group>.button:last-child{border-radius:3px 0 0 3px}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.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}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.page-template-get section.apps-mobile .web-stores:after,.page-template-get section.apps-mobile .web-stores:before,.page-template-get section.hosting .three-up:after,.page-template-get section.hosting .three-up:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.page-template-get section.apps-mobile .web-stores:after,.page-template-get section.hosting .three-up:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{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:0.16px;letter-spacing:.01rem;max-width:291.038px;max-width:18.1898940355rem}input,textarea{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;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;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{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:rtl}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 0 0 4px;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px;-webkit-appearance:none}input[type=checkbox]:checked:before,input[type=radio]:checked:before{display:inline-block;float:right;font:normal 21px/1 dashicons;vertical-align:middle;width:16px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";margin:-3px -4px 0 0}input[type=radio]{border-radius:50%;line-height:10px;margin-left:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"\2022";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-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);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;box-shadow:none}input.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{vertical-align:middle;width:9px;height:9px;margin:7px;line-height:16px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{width:auto;max-width:55px;display:inline;padding:3px 6px;margin:0 3px}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}p a:not(.button),p a:not(.button):hover{border:none}.main-navigation{background:#0073aa;clear:both;right:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-right:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:right;right:-999em;position:absolute;top:1.5em;z-index:5}.main-navigation ul ul ul{right:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{right:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{right:auto}.main-navigation li{border-top:1px solid hsla(0,0%,100%,.2);padding:16px;padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:12.8px;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;font-size:25px;font-size:1.5625rem;height:56px;height:3.5rem;overflow:hidden;position:absolute;left:16px;left:1rem;top:-58px;width:56px;width:3.5rem;-webkit-appearance:none}.toggled .menu-toggle:before{content:"\f343"}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:left;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-left:1rem;padding:0}.main-navigation ul li:last-of-type{margin-left:0}}.notice{background:#fff;border-right:4px solid #fff;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{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-right-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-right-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-right-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-right-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.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-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:737px){.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:737px){.site-main{padding:3.0517578125rem 10px}}.single .site-main,.site-main.single{padding:0}@media screen and (min-width:737px){.single .site-main,.site-main.single{padding:0 10px 3.0517578125rem}}.home .site-main,.page .site-main,.site-main.page{margin:auto;max-width:none;padding: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}.site-title{display:inline-block;font-size:25px;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 0 0 32px;margin:0 0 0 2rem;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:61.035px;font-size:3.8146972656rem;margin:32px 0 16px;margin:2rem 0 1rem}#wporg-header h1{margin:auto}#wporg-header h2.rosetta{clear:none}#wporg-header form input{box-sizing:content-box;margin:0;padding:3px}#wporg-header .button{box-shadow:none}#wporg-header .download-button{background-color:#21759b;background-image:linear-gradient(-180deg,#2a95c5,#21759b);border-bottom-color:#1e6a8d;border-color:#21759b;box-shadow:inset 0 1px 0 rgba(120,200,230,.5)}#wporg-header .download-button:focus,#wporg-header .download-button:hover{background-color:#278ab7;background-image:linear-gradient(-180deg,#2e9fd2,#21759b);border-color:#1b607f;box-shadow:inset 0 1px 0 rgba(120,200,230,.6);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3)}#wporg-header .download-button:active{background:#1b607f;background-image:linear-gradient(-180deg,#21759b,#278ab7);border-color:#124560 #2382ae #2382ae;box-shadow:inset 0 1px 0 rgba(0,0,0,.1);color:hsla(0,0%,100%,.95);text-shadow:0 1px 0 rgba(0,0,0,.1);transform:none}#wporg-header a:active,#wporg-header a:focus,#wporg-header a:hover{text-decoration:none}@media screen and (min-width:769px){#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}}.home .site-header{background:#0073aa;padding:18px 36px}@media (min-width:737px){.home .site-header{padding:1.5625rem}}.home .site-header .site-title{color:#fff;display:block;font-size:61.035px;font-size:3.8146972656rem;font-weight:300;line-height:1;margin:32px 0 16px;margin:2rem 0 1rem;text-align:center}.home .site-header .site-description{color:#fff;max-width:568.434px;max-width:35.52714rem;padding:11px 0}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:160px;height:10rem;margin:96px auto;margin:6rem auto;position:relative;text-align:center;width:160px;width:10rem}.error-404 .page-content .logo-swing .wp-logo{right:0;max-width:none;position:absolute;top:0;width:160px;width:10rem}@keyframes a{10%{width:180px;height:180px;transform:rotate(0deg)}15%{width:185px;height:185px;transform:rotate(0deg)}20%{width:180px;height:180px;transform:rotate(-5deg)}40%{transform-origin:top right;animation-timing-function:ease-in-out}60%{transform:rotate(-40deg);transform-origin:top right;animation-timing-function:ease-in-out}40%,80%{transform:rotate(-60deg);transform-origin:top right;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-duration:2s;animation-name:a}.page .entry-header{background:#0073aa;padding:16px 0;padding:1rem 0;position:relative}.page .entry-header .entry-title{color:#fff;font-size:25px;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;max-width:960px;padding:0 25px;padding:0 1.5625rem}@media screen and (min-width:737px){.page .entry-header .entry-title{padding:0 10px}}.page .entry-header.home{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.page .entry-content,.page .entry-footer{margin:0 auto;max-width:960px;padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}.home-welcome{background:#fff;border-bottom:1px solid #dfdfdf;color:#32373c;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.5;max-width:none;padding:0}@media (min-width:737px){.home-welcome{font-size:18px}}.home-welcome h1{font-size:51.2px;font-size:3.2rem}.home-welcome a:not(.button){background-color:transparent;border:none;color:#0073aa;text-decoration:none}.home-welcome a:not(.button):hover{text-decoration:underline}.home-welcome a:not(.button):active,.home-welcome a:not(.button):hover{outline-width:0}.home-welcome p{font-size:18px;margin:1em 0;max-width:568.434px;max-width:35.52714rem}.home-welcome 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}.home-welcome section{border-bottom:2px solid #eee;margin:0 auto;max-width:800px;max-width:50rem;padding:48.828px 25px;padding:3.05176rem 1.5625rem}.home-welcome section:last-of-type{border-bottom:none}.home-welcome section h2{line-height:1;text-align:center}.home-welcome section .container{margin:0 auto;max-width:800px;max-width:50rem}.home-welcome .dashicons{color:#cbcdce;display:block;font-size:64px;font-size:4rem;height:auto;margin:0 auto -16px;margin:0 auto -1rem;width:auto}.home-welcome .intro{padding-bottom:0}.home-welcome .features{border-top:2px solid #eee}.home-welcome .features ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:48px 0;margin:3rem 0;padding:0}.home-welcome .features ul li{align-items:center;border-bottom:1px solid #eee;border-left:1px solid #eee;display:flex;flex-direction:column;height:160px;justify-content:center;text-align:center;width:50%}@media (max-width:739px){.home-welcome .features ul li:nth-child(n+7){border-bottom:none}.home-welcome .features ul li:nth-child(2n){border-left:none}}@media (min-width:740px){.home-welcome .features ul li{width:25%;height:200px}.home-welcome .features ul li:nth-child(4n){border-left:none}.home-welcome .features ul li:nth-child(n+5){border-bottom:none}}.home-welcome .features ul li img{height:40px;height:2.5rem;margin:4px auto 20px;margin:.25rem auto 1.25rem}.home-welcome .features ul li img,.home-welcome .features ul li span{color:#00a0d2;display:block;font-size:48px;font-size:3rem;margin-bottom:16px;margin-bottom:1rem}.home-welcome .features p{margin-right:auto;margin-left:auto;text-align:center}.home-welcome .screenshots{height:400px;right:-30px;overflow:hidden;padding:16px 16px 0;padding:1rem 1rem 0;position:relative;left:0;width:106%}@media (max-width:739px){.home-welcome .screenshots{padding:0;right:auto;left:auto;width:100%}}.home-welcome .screenshots .dashboard{box-shadow:0 1px 8px rgba(0,0,0,.2);max-width:800px}.home-welcome .screenshots .dashboard-mobile{bottom:-100px;max-width:200px;position:absolute;left:1px;z-index:1}.home-welcome .cta-wrapper{display:block;font-size:14.63px;font-size:.9144rem;margin:32px 0;margin:2rem 0;text-align:center}@media (min-width:737px){.home-welcome .cta-wrapper{font-size:.8rem;margin:4rem 0 2rem}}.home-welcome .community-2{align-items:flex-start;background:url(https://s.w.org/images/home/community-1.jpg) bottom no-repeat;background-size:cover;border:none;display:flex;flex-direction:column;height:500px;justify-content:flex-end;max-width:100%;position:relative}.home-welcome .community-2 .screen{background:rgba(0,0,0,.5);height:100%;right:0;position:absolute;left:0;top:0;width:100%;z-index:0}.home-welcome .community-2 .subheading,.home-welcome .community-2 h2{color:#fff;margin:0 0 16px;margin:0 0 1rem;max-width:100%;position:relative;text-align:right;text-shadow:0 0 8px rgba(0,0,0,.5);z-index:1}.home-welcome .showcase{border-bottom:none;margin:0;max-width:100%;padding-right:0;padding-left:0}.home-welcome .showcase>div{background:url(https://s.w.org/images/home/collage-min.jpg) top;background-size:cover;box-shadow:inset 0 0 8px rgba(0,0,0,.4);height:300px;width:100%}@media (min-width:700px){.home-welcome .showcase>div{height:600px;background-attachment:fixed}}.home-welcome .showcase .cta-link{margin:48.828px 0 0;margin:3.05176rem 0 0;max-width:100%;text-align:center}.home-welcome #showcase-link{font-size:14px}#lang-guess{background:#c7e8ca;border:inherit;border-radius:inherit;cursor:pointer;font:inherit;font-size:12.8px;font-size:.8rem;margin:0;max-width:inherit;padding:8px;padding:.5rem;text-align:center;width:inherit}@media (min-width:67rem){#lang-guess{margin:1rem auto 0;max-width:50rem}}#home-below{margin-bottom:14px}#home-below h4{border-bottom:1px solid #dedede;font-size:inherit;padding-bottom:4px}#home-below h5{line-height:1;margin:0;text-transform:none}#home-below ol,#home-below ul{margin:0}.page-template-get .site-header{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.page-template-get .site-title{display:inherit;font-size:61.035px;font-size:3.8146972656rem;margin:32px 0 16px;margin:2rem 0 1rem}.page-template-get section{padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}.page-template-get section.download{text-align:center}@media (min-width:737px){.page-template-get section.download .container{text-align:initial}.page-template-get section.download .container article,.page-template-get section.download .container aside{display:inline-block;vertical-align:top}.page-template-get section.download .container aside{width:30%}.page-template-get section.download .container article{width:65%}.page-template-get section.download .container article+aside,.page-template-get section.download .container aside+article{margin-right:5%}}.page-template-get section.hosting{text-align:center}.page-template-get section.hosting .three-up{text-align:initial}.page-template-get section.hosting .three-up>div{margin-top:48px;margin-top:3rem}.page-template-get section.hosting .three-up>div .logo__bluehost,.page-template-get section.hosting .three-up>div .logo__getlisted,.page-template-get section.hosting .three-up>div .logo__wpcom{height:35px}@media (min-width:737px){.page-template-get section.hosting .three-up>div{float:right;font-size:.8rem;margin-left:5%;width:30%}.page-template-get section.hosting .three-up>div:last-child{margin-left:0}}.page-template-get section.apps-mobile{text-align:center}.page-template-get section.apps-mobile .web-stores{margin:32px auto 0;margin:2rem auto 0;width:100%}.page-template-get section.apps-mobile .web-stores a{display:inline-block;margin:10px;width:150px}@media (min-width:737px){.page-template-get section.apps-mobile .web-stores{margin:4rem auto 0}}.page-template-get section.apps-mobile .android .button-ios,.page-template-get section.apps-mobile .ios .button-android{display:none}.page-template-get section+section{border-top:2px solid #eee}.page-template-get .call-to-action{display:block;font-size:14.63px;font-size:.9144rem;margin:32px 0;margin:2rem 0}@media (min-width:737px){.page-template-get .call-to-action{font-size:.8rem;margin:4rem 0 2rem}}.page-template-get .dashicons{color:#cbcdce;display:block;font-size:64px;font-size:4rem;height:auto;margin:0 auto -16px;margin:0 auto -1rem;width:auto} 1 html { 2 font-family: sans-serif; 3 -webkit-text-size-adjust: 100%; 4 -ms-text-size-adjust: 100%; 5 } 6 7 body { 8 margin: 0; 9 } 10 11 article, 12 aside, 13 details, 14 figcaption, 15 figure, 16 footer, 17 header, 18 main, 19 menu, 20 nav, 21 section, 22 summary { 23 display: block; 24 } 25 26 audio, 27 canvas, 28 progress, 29 video { 30 display: inline-block; 31 vertical-align: baseline; 32 } 33 34 audio:not([controls]) { 35 display: none; 36 height: 0; 37 } 38 39 [hidden], 40 template { 41 display: none; 42 } 43 44 a { 45 background-color: transparent; 46 } 47 48 a:active, 49 a:hover { 50 outline: 0; 51 } 52 53 abbr[title] { 54 border-bottom: 1px dotted; 55 } 56 57 b, 58 strong { 59 font-weight: bold; 60 } 61 62 dfn { 63 font-style: italic; 64 } 65 66 h1 { 67 font-size: 2em; 68 margin: 0.67em 0; 69 } 70 71 mark { 72 background: #ff0; 73 color: #000; 74 } 75 76 small { 77 font-size: 80%; 78 } 79 80 sub, 81 sup { 82 font-size: 75%; 83 line-height: 0; 84 position: relative; 85 vertical-align: baseline; 86 } 87 88 sup { 89 top: -0.5em; 90 } 91 92 sub { 93 bottom: -0.25em; 94 } 95 96 img { 97 border: 0; 98 } 99 100 svg:not(:root) { 101 overflow: hidden; 102 } 103 104 figure { 105 margin: 1em 40px; 106 } 107 108 hr { 109 -webkit-box-sizing: content-box; 110 -moz-box-sizing: content-box; 111 box-sizing: content-box; 112 height: 0; 113 } 114 115 pre { 116 overflow: auto; 117 } 118 119 code, 120 kbd, 121 pre, 122 samp { 123 font-family: monospace, monospace; 124 font-size: 1em; 125 } 126 127 button, 128 input, 129 optgroup, 130 select, 131 textarea { 132 color: inherit; 133 font: inherit; 134 margin: 0; 135 } 136 137 button { 138 overflow: visible; 139 } 140 141 button, 142 select { 143 text-transform: none; 144 } 145 146 button, 147 html input[type="button"], 148 input[type="reset"], 149 input[type="submit"] { 150 -webkit-appearance: button; 151 cursor: pointer; 152 } 153 154 button[disabled], 155 html input[disabled] { 156 cursor: default; 157 } 158 159 button::-moz-focus-inner, 160 input::-moz-focus-inner { 161 border: 0; 162 padding: 0; 163 } 164 165 input { 166 line-height: normal; 167 } 168 169 input[type="checkbox"], 170 input[type="radio"] { 171 -webkit-box-sizing: border-box; 172 -moz-box-sizing: border-box; 173 box-sizing: border-box; 174 padding: 0; 175 } 176 177 input[type="number"]::-webkit-inner-spin-button, 178 input[type="number"]::-webkit-outer-spin-button { 179 height: auto; 180 } 181 182 input[type="search"]::-webkit-search-cancel-button, 183 input[type="search"]::-webkit-search-decoration { 184 -webkit-appearance: none; 185 } 186 187 fieldset { 188 border: 1px solid #c0c0c0; 189 margin: 0 2px; 190 padding: 0.35em 0.625em 0.75em; 191 } 192 193 legend { 194 border: 0; 195 padding: 0; 196 } 197 198 textarea { 199 overflow: auto; 200 } 201 202 optgroup { 203 font-weight: bold; 204 } 205 206 table { 207 border-collapse: collapse; 208 border-spacing: 0; 209 } 210 211 td, 212 th { 213 padding: 0; 214 } 215 216 p { 217 margin: 1em 0; 218 } 219 220 dfn, cite, em, i { 221 font-style: italic; 222 } 223 224 blockquote { 225 margin: 0 1.5em; 226 } 227 228 address { 229 margin: 0 0 1.5em; 230 } 231 232 pre { 233 background: #eee; 234 font-family: "Courier 10 Pitch", Courier, monospace; 235 font-size: 15px; 236 font-size: 0.9375rem; 237 line-height: 1.6; 238 margin-bottom: 1.6em; 239 max-width: 100%; 240 overflow: auto; 241 padding: 1.6em; 242 } 243 244 code, kbd, tt, var { 245 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 246 font-size: 15px; 247 font-size: 0.9375rem; 248 } 249 250 abbr, acronym { 251 border-bottom: 1px dotted #666; 252 cursor: help; 253 } 254 255 mark, ins { 256 background: #fff9c0; 257 text-decoration: none; 258 } 259 260 big { 261 font-size: 125%; 262 } 263 264 html { 265 -webkit-box-sizing: border-box; 266 -moz-box-sizing: border-box; 267 box-sizing: border-box; 268 } 269 270 *, 271 *:before, 272 *:after { 273 /* 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/ */ 274 -webkit-box-sizing: inherit; 275 -moz-box-sizing: inherit; 276 box-sizing: inherit; 277 } 278 279 body { 280 background: #fff; 281 /* Fallback for when there is no custom background color defined. */ 282 } 283 284 blockquote, q { 285 quotes: "" ""; 286 } 287 288 blockquote:before, blockquote:after, q:before, q:after { 289 content: ""; 290 } 291 292 blockquote { 293 background: transparent; 294 border: none; 295 padding: 0; 296 border-right: 2px solid #eee; 297 color: #82878c; 298 font-style: italic; 299 margin: 16px 0; 300 margin: 1rem 0; 301 padding-right: 16px; 302 padding-right: 1rem; 303 } 304 305 blockquote cite { 306 font-size: 12.8px; 307 font-size: 0.8rem; 308 } 309 310 hr { 311 background-color: #eee; 312 border: 0; 313 height: 2px; 314 margin: 80px auto; 315 margin: 5rem auto; 316 } 317 318 img { 319 height: auto; 320 /* Make sure images are scaled correctly. */ 321 max-width: 100%; 322 /* Adhere to container width. */ 323 } 324 325 h1, h2, h3, h4, h5, h6 { 326 clear: both; 327 font-family: inherit; 328 line-height: 1.5; 329 margin: 32px 0 16px; 330 margin: 2rem 0 1rem; 331 } 332 333 h1 { 334 font-size: 61.035px; 335 font-size: 3.8146972656rem; 336 font-weight: 300; 337 } 338 339 h2 { 340 font-size: 39.062px; 341 font-size: 2.44140625rem; 342 font-weight: 300; 343 } 344 345 h3 { 346 font-size: 25px; 347 font-size: 1.5625rem; 348 font-weight: 400; 349 } 350 351 h4 { 352 font-size: 20px; 353 font-size: 1.25rem; 354 border: none; 355 color: #32373c; 356 font-weight: 600; 357 padding: 0; 358 } 359 360 h5 { 361 font-size: 16px; 362 font-size: 1rem; 363 font-weight: 600; 364 letter-spacing: 0.16px; 365 letter-spacing: 0.01rem; 366 text-transform: uppercase; 367 } 368 369 h6 { 370 font-size: 12.8px; 371 font-size: 0.8rem; 372 font-weight: 600; 373 letter-spacing: 0.8px; 374 text-transform: uppercase; 375 } 376 377 a { 378 color: #0073aa; 379 } 380 381 a:visited { 382 /* Override wp4.css */ 383 color: #0073aa; 384 } 385 386 a:hover, a:focus, a:active { 387 /* Override wp4.css */ 388 color: #0073aa; 389 text-decoration: underline; 390 } 391 392 a:focus { 393 outline: thin dotted; 394 } 395 396 a:hover, a:active { 397 outline: 0; 398 } 399 400 ul, ol { 401 margin: 0 3em 1.5em 0; 402 } 403 404 ul { 405 list-style: disc; 406 } 407 408 ol { 409 list-style: decimal; 410 } 411 412 li > ul, 413 li > ol { 414 margin-bottom: 0; 415 margin-right: 1.5em; 416 } 417 418 dt { 419 font-weight: bold; 420 } 421 422 dd { 423 margin: 0 1.5em 1.5em; 424 } 425 426 table { 427 border: 1px solid #eee; 428 border-collapse: collapse; 429 font-size: 12.8px; 430 font-size: 0.8rem; 431 margin: 0 0 16px; 432 margin: 0 0 1rem; 433 padding: 0; 434 width: 100%; 435 } 436 437 table thead { 438 background: #32373c; 439 color: #fff; 440 } 441 442 table th, table td { 443 border: 1px solid #eee; 444 font-weight: normal; 445 margin: 0; 446 padding: 6.4px; 447 padding: 0.4rem; 448 text-align: right; 449 vertical-align: top; 450 } 451 452 table tbody tr:nth-child(even) { 453 background: #f7f7f7; 454 } 455 456 html { 457 font-size: 100%; 458 } 459 460 body, 461 button, 462 input, 463 select, 464 textarea { 465 color: #32373c; 466 font-family: "Open Sans", sans-serif; 467 font-size: 100%; 468 line-height: 1.5; 469 } 470 471 @media screen and (min-width: 737px) { 472 html { 473 font-size: 1.125rem; 474 } 475 } 476 477 /* Text meant only for screen readers. */ 478 .screen-reader-text { 479 clip: rect(1px, 1px, 1px, 1px); 480 height: 1px; 481 overflow: hidden; 482 position: absolute !important; 483 width: 1px; 484 } 485 486 .screen-reader-text:focus { 487 background-color: #f1f1f1; 488 -webkit-border-radius: 3px; 489 border-radius: 3px; 490 -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 491 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 492 clip: auto !important; 493 color: #21759b; 494 display: block; 495 font-size: 14px; 496 font-size: 0.875rem; 497 font-weight: bold; 498 height: auto; 499 right: 5px; 500 line-height: normal; 501 padding: 15px 23px 14px; 502 text-decoration: none; 503 top: 5px; 504 width: auto; 505 z-index: 100000; 506 /* Above WP toolbar. */ 507 } 508 509 /* Do not show the outline on the skip link target. */ 510 #content[tabindex="-1"]:focus { 511 outline: 0; 512 } 513 514 .alignleft { 515 display: inline; 516 float: right; 517 margin-left: 1.5em; 518 } 519 520 .alignright { 521 display: inline; 522 float: left; 523 margin-right: 1.5em; 524 } 525 526 .aligncenter { 527 clear: both; 528 display: block; 529 margin-right: auto; 530 margin-left: auto; 531 } 532 533 /* ---------------------------------------------------------------------------- 534 1.0 - Button Layouts 535 ---------------------------------------------------------------------------- */ 536 .button, 537 .button-primary, 538 .button-secondary, 539 .plugin-upload-form .button-primary { 540 border: 1px solid; 541 -webkit-border-radius: 3px; 542 border-radius: 3px; 543 -webkit-box-sizing: border-box; 544 -moz-box-sizing: border-box; 545 box-sizing: border-box; 546 cursor: pointer; 547 display: inline-block; 548 font-size: 12.8px; 549 font-size: 0.8rem; 550 height: 25px; 551 height: 1.5625rem; 552 line-height: 1; 553 margin: 0; 554 padding: 0 12.8px; 555 padding: 0 0.8rem; 556 text-decoration: none; 557 white-space: nowrap; 558 -webkit-appearance: none; 559 } 560 561 /* Remove the dotted border on :focus and the extra padding in Firefox */ 562 button::-moz-focus-inner, 563 input[type="reset"]::-moz-focus-inner, 564 input[type="button"]::-moz-focus-inner, 565 input[type="submit"]::-moz-focus-inner { 566 border: 0 none; 567 padding: 0; 568 } 569 570 .button.button-xl, 571 .button-group.button-xl .button { 572 font-size: 16px; 573 font-size: 1rem; 574 height: 39.062px; 575 height: 2.44140625rem; 576 line-height: 1; 577 padding: 0 24px; 578 padding: 0 1.5rem; 579 } 580 581 .button.button-large, 582 .button-group.button-large .button { 583 height: 31.25px; 584 height: 1.953125rem; 585 line-height: 1; 586 padding: 0 16px; 587 padding: 0 1rem; 588 } 589 590 .button.button-small, 591 .button-group.button-small .button { 592 font-size: 10.24px; 593 font-size: 0.64rem; 594 height: 20px; 595 height: 1.25rem; 596 line-height: 1; 597 padding: 0 8px; 598 padding: 0 0.5rem; 599 } 600 601 a.button, 602 a.button-primary, 603 a.button-secondary { 604 line-height: 25px; 605 line-height: 1.5625rem; 606 } 607 608 a.button.button-large, 609 .button-group.button-large a.button { 610 line-height: 31.25px; 611 line-height: 1.953125rem; 612 } 613 614 a.button.button-xl, 615 .button-group.button-xl a.button { 616 line-height: 39.062px; 617 line-height: 2.44140625rem; 618 } 619 620 a.button.button-small, 621 .button-group.button-small a.button { 622 line-height: 20px; 623 line-height: 1.25rem; 624 } 625 626 .button:active, 627 .button:focus { 628 outline: none; 629 } 630 631 .button.hidden { 632 display: none; 633 } 634 635 /* Style Reset buttons as simple text links */ 636 input[type="reset"], 637 input[type="reset"]:hover, 638 input[type="reset"]:active, 639 input[type="reset"]:focus { 640 background: none; 641 border: none; 642 -webkit-box-shadow: none; 643 box-shadow: none; 644 padding: 0 2px 1px; 645 width: auto; 646 } 647 648 /* ---------------------------------------------------------------------------- 649 2.0 - Default Button Style 650 ---------------------------------------------------------------------------- */ 651 .button, 652 .button:visited, 653 .button-secondary { 654 background: #f7f7f7; 655 border-color: #cccccc; 656 -webkit-box-shadow: 0 1px 0 #cccccc; 657 box-shadow: 0 1px 0 #cccccc; 658 color: #555; 659 vertical-align: top; 660 } 661 662 p .button { 663 vertical-align: baseline; 664 } 665 666 .button.hover, 667 .button:hover, 668 .button-secondary:hover, 669 .button.focus, 670 .button:focus, 671 .button-secondary:focus { 672 background: #fafafa; 673 border-color: #999; 674 color: #23282d; 675 } 676 677 .button.focus, 678 .button:focus, 679 .button-secondary:focus, 680 .button-link:focus { 681 border-color: #5b9dd9; 682 -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); 683 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); 684 } 685 686 .button.active, 687 .button.active:hover, 688 .button:active, 689 .button-secondary:active { 690 background: #eee; 691 border-color: #999; 692 -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); 693 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); 694 -webkit-transform: translateY(1px); 695 -ms-transform: translateY(1px); 696 transform: translateY(1px); 697 } 698 699 .button.active:focus { 700 border-color: #5b9dd9; 701 -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); 702 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); 703 } 704 705 .button[disabled], 706 .button:disabled, 707 .button.disabled, 708 .button-secondary[disabled], 709 .button-secondary:disabled, 710 .button-secondary.disabled, 711 .button-disabled { 712 background: #f7f7f7 !important; 713 border-color: #ddd !important; 714 -webkit-box-shadow: none !important; 715 box-shadow: none !important; 716 color: #a0a5aa !important; 717 cursor: default; 718 text-shadow: 0 1px 0 #fff !important; 719 -webkit-transform: none !important; 720 -ms-transform: none !important; 721 transform: none !important; 722 } 723 724 /* Buttons that look like links, for a cross of good semantics with the visual */ 725 .button-link { 726 background: none; 727 border: 0; 728 -webkit-border-radius: 0; 729 border-radius: 0; 730 -webkit-box-shadow: none; 731 box-shadow: none; 732 cursor: pointer; 733 margin: 0; 734 outline: none; 735 padding: 0; 736 } 737 738 .button-link:focus { 739 outline: #5b9dd9 solid 1px; 740 } 741 742 /* ---------------------------------------------------------------------------- 743 3.0 - Primary Button Style 744 ---------------------------------------------------------------------------- */ 745 .button-primary, 746 .download-button, 747 .plugin-upload-form .button-primary { 748 background: #0085ba; 749 border-color: #0073aa #006799 #006799; 750 -webkit-box-shadow: 0 1px 0 #006799; 751 box-shadow: 0 1px 0 #006799; 752 color: #fff; 753 text-decoration: none; 754 text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799; 755 } 756 757 .button-primary:visited, 758 .download-button:visited, 759 .plugin-upload-form .button-primary:visited { 760 background: #0085ba; 761 border-color: #0073aa #006799 #006799; 762 -webkit-box-shadow: 0 1px 0 #006799; 763 box-shadow: 0 1px 0 #006799; 764 color: #fff; 765 } 766 767 .button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus, 768 .download-button.hover, 769 .download-button:hover, 770 .download-button.focus, 771 .download-button:focus, 772 .plugin-upload-form .button-primary.hover, 773 .plugin-upload-form .button-primary:hover, 774 .plugin-upload-form .button-primary.focus, 775 .plugin-upload-form .button-primary:focus { 776 background: #008ec2; 777 border-color: #006799; 778 -webkit-box-shadow: 0 1px 0 #006799; 779 box-shadow: 0 1px 0 #006799; 780 color: #fff; 781 } 782 783 .button-primary.focus, .button-primary:focus, 784 .download-button.focus, 785 .download-button:focus, 786 .plugin-upload-form .button-primary.focus, 787 .plugin-upload-form .button-primary:focus { 788 -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; 789 box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; 790 } 791 792 .button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active, 793 .download-button.active, 794 .download-button.active:hover, 795 .download-button.active:focus, 796 .download-button:active, 797 .plugin-upload-form .button-primary.active, 798 .plugin-upload-form .button-primary.active:hover, 799 .plugin-upload-form .button-primary.active:focus, 800 .plugin-upload-form .button-primary:active { 801 background: #0073aa; 802 border-color: #006799; 803 -webkit-box-shadow: inset 0 2px 0 #006799; 804 box-shadow: inset 0 2px 0 #006799; 805 vertical-align: top; 806 } 807 808 .button-primary[disabled], .button-primary:disabled, .button-primary.disabled, 809 .download-button[disabled], 810 .download-button:disabled, 811 .download-button.disabled, 812 .plugin-upload-form .button-primary[disabled], 813 .plugin-upload-form .button-primary:disabled, 814 .plugin-upload-form .button-primary.disabled { 815 background: #008ec2 !important; 816 border-color: #007cb2 !important; 817 -webkit-box-shadow: none !important; 818 box-shadow: none !important; 819 color: #66c6e4 !important; 820 cursor: default; 821 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; 822 } 823 824 .button-primary.button.button-hero, 825 .download-button.button.button-hero, 826 .plugin-upload-form .button-primary.button.button-hero { 827 -webkit-box-shadow: 0 2px 0 #006799; 828 box-shadow: 0 2px 0 #006799; 829 } 830 831 .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, 832 .download-button.button.button-hero.active, 833 .download-button.button.button-hero.active:hover, 834 .download-button.button.button-hero.active:focus, 835 .download-button.button.button-hero:active, 836 .plugin-upload-form .button-primary.button.button-hero.active, 837 .plugin-upload-form .button-primary.button.button-hero.active:hover, 838 .plugin-upload-form .button-primary.button.button-hero.active:focus, 839 .plugin-upload-form .button-primary.button.button-hero:active { 840 -webkit-box-shadow: inset 0 3px 0 #006799; 841 box-shadow: inset 0 3px 0 #006799; 842 } 843 844 .button-primary-disabled { 845 background: #008ec2 !important; 846 border-color: #007cb2 !important; 847 -webkit-box-shadow: none !important; 848 box-shadow: none !important; 849 color: #66c6e4 !important; 850 cursor: default; 851 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; 852 } 853 854 /* ---------------------------------------------------------------------------- 855 4.0 - Button Groups 856 ---------------------------------------------------------------------------- */ 857 .button-group { 858 display: inline-block; 859 font-size: 0; 860 position: relative; 861 vertical-align: middle; 862 white-space: nowrap; 863 } 864 865 .button-group > .button { 866 -webkit-border-radius: 0; 867 border-radius: 0; 868 display: inline-block; 869 margin-left: -1px; 870 z-index: 10; 871 } 872 873 .button-group > .button-primary { 874 z-index: 100; 875 } 876 877 .button-group > .button:hover { 878 z-index: 20; 879 } 880 881 .button-group > .button:first-child { 882 -webkit-border-radius: 0 3px 3px 0; 883 border-radius: 0 3px 3px 0; 884 } 885 886 .button-group > .button:last-child { 887 -webkit-border-radius: 3px 0 0 3px; 888 border-radius: 3px 0 0 3px; 889 } 890 891 .button-group > .button:focus { 892 position: relative; 893 z-index: 1; 894 } 895 896 /* ---------------------------------------------------------------------------- 897 5.0 - Responsive Button Styles 898 ---------------------------------------------------------------------------- */ 899 @media screen and (max-width: 737px) { 900 .button, 901 .button.button-large, 902 .button.button-small, 903 .plugin-upload-form .button-primary { 904 font-size: 14px; 905 height: auto; 906 line-height: normal; 907 margin-bottom: 4px; 908 padding: 6px 14px; 909 vertical-align: middle; 910 } 911 } 912 913 .clear:before, .page-template-get section.hosting .three-up:before, .page-template-get section.apps-mobile .web-stores:before, .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after, 914 .entry-content:before, 915 .entry-content:after, 916 .comment-content:before, 917 .comment-content:after, 918 .site-header:before, 919 .site-header:after, 920 .site-content:before, 921 .site-content:after, 922 .site-footer:before, 923 .site-footer:after, 924 .home-below:before, 925 .home-below:after { 926 content: ""; 927 display: table; 928 table-layout: fixed; 929 } 930 931 .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after, 932 .entry-content:after, 933 .comment-content:after, 934 .site-header:after, 935 .site-content:after, 936 .site-footer:after, 937 .home-below:after { 938 clear: both; 939 } 940 941 p.subheading { 942 color: #82878c; 943 font-size: 20px; 944 font-size: 1.25rem; 945 font-weight: 300; 946 margin: -6.4px auto 32px; 947 margin: -0.4rem auto 2rem; 948 text-align: center; 949 } 950 951 p.intro { 952 font-size: 20px; 953 font-size: 1.25rem; 954 } 955 956 p.aside { 957 font-size: 12.8px; 958 font-size: 0.8rem; 959 } 960 961 p.note { 962 font-size: 10.24px; 963 font-size: 0.64rem; 964 letter-spacing: 0.16px; 965 letter-spacing: 0.01rem; 966 max-width: 291.038px; 967 max-width: 18.1898940355rem; 968 } 969 970 .entry-footer > span { 971 margin-left: 16px; 972 margin-left: 1rem; 973 } 974 975 .entry-footer > span :last-of-type { 976 margin: 0; 977 } 978 979 .entry-footer .updated:not(.published) { 980 display: none; 981 } 982 983 .entry-footer .sticky .posted-on, 984 .entry-footer .byline { 985 display: none; 986 } 987 988 .entry-footer .single .byline, 989 .entry-footer .group-blog .byline { 990 display: inline; 991 } 992 993 /* ---------------------------------------------------------------------------- 994 995 WordPress-style Form Elements 996 ============================= 997 These are the current form element styles for wp-admin. Many of them include the .wp-admin class to be appended which I appended to the html tag on this pen. 998 999 Form Styles 1000 ------------- 1001 All form element styles are minimal and require additional styling for layout. 1002 1003 ---------------------------------------------------------------------------- */ 1004 /* Include margin and padding in the width calculation of input and textarea. */ 1005 input, 1006 textarea { 1007 -webkit-box-sizing: border-box; 1008 -moz-box-sizing: border-box; 1009 box-sizing: border-box; 1010 } 1011 1012 input[type="checkbox"], 1013 input[type="color"], 1014 input[type="date"], 1015 input[type="datetime"], 1016 input[type="datetime-local"], 1017 input[type="email"], 1018 input[type="month"], 1019 input[type="number"], 1020 input[type="password"], 1021 input[type="radio"], 1022 input[type="search"], 1023 input[type="tel"], 1024 input[type="text"], 1025 input[type="time"], 1026 input[type="url"], 1027 input[type="week"], 1028 select, 1029 textarea { 1030 background-color: #fff; 1031 border: 1px solid #ddd; 1032 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); 1033 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); 1034 color: #32373c; 1035 outline: none; 1036 -webkit-transition: 0.05s border-color ease-in-out; 1037 transition: 0.05s border-color ease-in-out; 1038 } 1039 1040 input[type="checkbox"]:focus, 1041 input[type="color"]:focus, 1042 input[type="date"]:focus, 1043 input[type="datetime"]:focus, 1044 input[type="datetime-local"]:focus, 1045 input[type="email"]:focus, 1046 input[type="month"]:focus, 1047 input[type="number"]:focus, 1048 input[type="password"]:focus, 1049 input[type="radio"]:focus, 1050 input[type="search"]:focus, 1051 input[type="tel"]:focus, 1052 input[type="text"]:focus, 1053 input[type="time"]:focus, 1054 input[type="url"]:focus, 1055 input[type="week"]:focus, 1056 select:focus, 1057 textarea:focus { 1058 border-color: #5b9dd9; 1059 -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); 1060 box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); 1061 } 1062 1063 /* rtl:ignore */ 1064 input[type="email"], 1065 input[type="url"] { 1066 direction: ltr; 1067 } 1068 1069 /* Vertically align the number selector with the input. */ 1070 input[type="number"] { 1071 height: 28px; 1072 line-height: inherit; 1073 } 1074 1075 input[type="checkbox"], 1076 input[type="radio"] { 1077 background: #fff; 1078 border: 1px solid #b4b9be; 1079 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 1080 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 1081 clear: none; 1082 color: #555; 1083 cursor: pointer; 1084 display: inline-block; 1085 height: 16px; 1086 line-height: 0; 1087 margin: -4px 0 0 4px; 1088 min-width: 16px; 1089 outline: 0; 1090 padding: 0 !important; 1091 text-align: center; 1092 -webkit-transition: 0.05s border-color ease-in-out; 1093 transition: 0.05s border-color ease-in-out; 1094 vertical-align: middle; 1095 width: 16px; 1096 -webkit-appearance: none; 1097 } 1098 1099 input[type="checkbox"]:checked:before, 1100 input[type="radio"]:checked:before { 1101 display: inline-block; 1102 float: right; 1103 font: normal 21px/1 dashicons; 1104 vertical-align: middle; 1105 width: 16px; 1106 speak: none; 1107 -webkit-font-smoothing: antialiased; 1108 -moz-osx-font-smoothing: grayscale; 1109 } 1110 1111 input[type="checkbox"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"]:disabled:checked:before, input[type="checkbox"].disabled:checked:before, 1112 input[type="radio"].disabled, 1113 input[type="radio"]:disabled, 1114 input[type="radio"]:disabled:checked:before, 1115 input[type="radio"].disabled:checked:before { 1116 opacity: 0.7; 1117 } 1118 1119 input[type="checkbox"]:checked:before { 1120 color: #1e8cbe; 1121 content: "\f147"; 1122 margin: -3px -4px 0 0; 1123 } 1124 1125 input[type="radio"] { 1126 -webkit-border-radius: 50%; 1127 border-radius: 50%; 1128 line-height: 10px; 1129 margin-left: 4px; 1130 } 1131 1132 input[type="radio"]:checked + label:before { 1133 color: #82878c; 1134 } 1135 1136 input[type="radio"]:checked:before { 1137 background-color: #1e8cbe; 1138 -webkit-border-radius: 50px; 1139 border-radius: 50px; 1140 content: "\2022"; 1141 font-size: 24px; 1142 height: 6px; 1143 line-height: 16px; 1144 margin: 4px; 1145 text-indent: -9999px; 1146 width: 6px; 1147 } 1148 1149 input[type="reset"]:hover, 1150 input[type="reset"]:active { 1151 color: #00a0d2; 1152 } 1153 1154 /* Search */ 1155 input[type="search"] { 1156 -webkit-appearance: textfield; 1157 } 1158 1159 input[type="search"]::-webkit-search-decoration { 1160 display: none; 1161 } 1162 1163 textarea, 1164 input, 1165 select, 1166 button { 1167 font-family: inherit; 1168 font-size: inherit; 1169 font-weight: inherit; 1170 } 1171 1172 textarea, 1173 input, 1174 select { 1175 -webkit-border-radius: 0; 1176 border-radius: 0; 1177 font-size: 14px; 1178 padding: 3px 5px; 1179 /* Reset mobile webkit's default element styling */ 1180 } 1181 1182 textarea { 1183 line-height: 1.4; 1184 overflow: auto; 1185 padding: 2px 6px; 1186 resize: vertical; 1187 } 1188 1189 textarea.code { 1190 line-height: 1.4; 1191 padding: 4px 6px 1px 6px; 1192 } 1193 1194 label { 1195 cursor: pointer; 1196 vertical-align: middle; 1197 } 1198 1199 input, 1200 select { 1201 margin: 1px; 1202 padding: 3px 5px; 1203 } 1204 1205 input.code { 1206 padding-top: 6px; 1207 } 1208 1209 input.readonly, 1210 input[readonly], 1211 textarea.readonly, 1212 textarea[readonly] { 1213 background-color: #eee; 1214 } 1215 1216 :-moz-placeholder, 1217 .wp-core-ui :-moz-placeholder { 1218 color: #a9a9a9; 1219 } 1220 1221 input:disabled, 1222 input.disabled, 1223 select:disabled, 1224 select.disabled, 1225 textarea:disabled, 1226 textarea.disabled { 1227 background: rgba(255, 255, 255, 0.5); 1228 border-color: rgba(222, 222, 222, 0.75); 1229 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); 1230 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); 1231 color: rgba(51, 51, 51, 0.5); 1232 } 1233 1234 input[type="file"]:disabled, 1235 input[type="file"].disabled, 1236 input[type="range"]:disabled, 1237 input[type="range"].disabled { 1238 background: none; 1239 -webkit-box-shadow: none; 1240 box-shadow: none; 1241 } 1242 1243 input.large-text, 1244 textarea.large-text { 1245 width: 99%; 1246 } 1247 1248 input.regular-text { 1249 width: 25em; 1250 } 1251 1252 input.small-text { 1253 padding: 1px 6px; 1254 width: 50px; 1255 } 1256 1257 input[type="number"].small-text { 1258 width: 65px; 1259 } 1260 1261 input.tiny-text { 1262 width: 35px; 1263 } 1264 1265 input[type="number"].tiny-text { 1266 width: 45px; 1267 } 1268 1269 /* =Media Queries 1270 -------------------------------------------------------------- */ 1271 @media screen and (max-width: 782px) { 1272 /* Input Elements */ 1273 textarea { 1274 -webkit-appearance: none; 1275 } 1276 input[type="text"], 1277 input[type="email"], 1278 input[type="search"], 1279 input[type="password"], 1280 input[type="number"] { 1281 -webkit-appearance: none; 1282 padding: 6px 10px; 1283 } 1284 input[type="number"] { 1285 height: 40px; 1286 } 1287 input.code { 1288 padding-bottom: 5px; 1289 padding-top: 10px; 1290 } 1291 input[type="checkbox"] { 1292 -webkit-appearance: none; 1293 padding: 10px; 1294 } 1295 input[type="checkbox"]:checked:before { 1296 font: normal 30px/1 dashicons; 1297 margin: -3px -5px; 1298 } 1299 input[type="radio"], 1300 input[type="checkbox"] { 1301 height: 25px; 1302 width: 25px; 1303 } 1304 input[type="radio"]:checked:before { 1305 vertical-align: middle; 1306 width: 9px; 1307 height: 9px; 1308 margin: 7px; 1309 line-height: 16px; 1310 } 1311 textarea, 1312 input { 1313 font-size: 16px; 1314 } 1315 input[type="text"].small-text, 1316 input[type="search"].small-text, 1317 input[type="password"].small-text, 1318 input[type="number"].small-text, 1319 input[type="number"].small-text { 1320 width: auto; 1321 max-width: 55px; 1322 display: inline; 1323 padding: 3px 6px; 1324 margin: 0 3px; 1325 } 1326 input.regular-text { 1327 width: 100%; 1328 } 1329 label { 1330 font-size: 14px; 1331 } 1332 fieldset label { 1333 display: block; 1334 } 1335 } 1336 1337 a.button:hover, a.button:focus, a.button:active { 1338 text-decoration: none; 1339 } 1340 1341 p a:not(.button), 1342 p a:not(.button):hover { 1343 border: none; 1344 } 1345 1346 .main-navigation { 1347 background: #0073aa; 1348 clear: both; 1349 right: 0; 1350 position: absolute; 1351 top: 60px; 1352 width: 100%; 1353 } 1354 1355 .main-navigation ul { 1356 display: none; 1357 list-style: none; 1358 margin: 0; 1359 padding-right: 0; 1360 } 1361 1362 .main-navigation ul ul { 1363 -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 1364 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 1365 float: right; 1366 right: -999em; 1367 position: absolute; 1368 top: 1.5em; 1369 z-index: 99999; 1370 } 1371 1372 .main-navigation ul ul ul { 1373 right: -999em; 1374 top: 0; 1375 } 1376 1377 .main-navigation ul ul li:hover > ul, 1378 .main-navigation ul ul li.focus > ul { 1379 right: 100%; 1380 } 1381 1382 .main-navigation ul ul a { 1383 width: 200px; 1384 } 1385 1386 .main-navigation ul li:hover > ul, 1387 .main-navigation ul li.focus > ul { 1388 right: auto; 1389 } 1390 1391 .main-navigation li { 1392 border-top: 1px solid rgba(255, 255, 255, 0.2); 1393 padding: 16px; 1394 padding: 1rem; 1395 } 1396 1397 .main-navigation a { 1398 color: rgba(255, 255, 255, 0.8); 1399 display: block; 1400 font-size: 12.8px; 1401 font-size: 0.8rem; 1402 text-decoration: none; 1403 } 1404 1405 .main-navigation a:hover, .main-navigation a.active { 1406 color: #fff; 1407 } 1408 1409 @media screen and (min-width: 737px) { 1410 .main-navigation a.active { 1411 border-bottom: 1px solid; 1412 } 1413 } 1414 1415 /* Small menu. */ 1416 .main-navigation.toggled ul { 1417 display: block; 1418 } 1419 1420 .menu-toggle { 1421 background: transparent; 1422 border: none; 1423 color: #fff; 1424 font-size: 25px; 1425 font-size: 1.5625rem; 1426 height: 56px; 1427 height: 3.5rem; 1428 overflow: hidden; 1429 position: absolute; 1430 left: 16px; 1431 left: 1rem; 1432 top: -58px; 1433 width: 56px; 1434 width: 3.5rem; 1435 -webkit-appearance: none; 1436 } 1437 1438 .toggled .menu-toggle:before { 1439 content: "\f343"; 1440 } 1441 1442 @media screen and (min-width: 737px) { 1443 .menu-toggle { 1444 display: none; 1445 } 1446 .main-navigation { 1447 float: left; 1448 position: initial; 1449 width: initial; 1450 } 1451 .main-navigation.toggled { 1452 padding: 1px 0; 1453 } 1454 .main-navigation ul { 1455 display: inline-block; 1456 font-size: 0; 1457 } 1458 .main-navigation ul li { 1459 border: 0; 1460 display: inline-block; 1461 font-size: 1rem; 1462 margin-left: 1rem; 1463 padding: 0; 1464 } 1465 .main-navigation ul li:last-of-type { 1466 margin-left: 0; 1467 } 1468 } 1469 1470 .notice { 1471 background: #fff; 1472 border-right: 4px solid #fff; 1473 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 1474 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 1475 margin: 1em 0; 1476 padding: 1px 12px; 1477 } 1478 1479 .notice p { 1480 font-size: 12.8px; 1481 font-size: 0.8rem; 1482 margin: 0.5em 0; 1483 padding: 2px; 1484 } 1485 1486 .notice.notice-alt { 1487 -webkit-box-shadow: none; 1488 box-shadow: none; 1489 } 1490 1491 .notice.notice-large { 1492 padding: 10px 20px; 1493 } 1494 1495 .notice.notice-success { 1496 border-right-color: #46b450; 1497 } 1498 1499 .notice.notice-success.notice-alt { 1500 background-color: #ecf7ed; 1501 } 1502 1503 .notice.notice-warning { 1504 border-right-color: #ffb900; 1505 } 1506 1507 .notice.notice-warning.notice-alt { 1508 background-color: #fff8e5; 1509 } 1510 1511 .notice.notice-error { 1512 border-right-color: #dc3232; 1513 } 1514 1515 .notice.notice-error.notice-alt { 1516 background-color: #fbeaea; 1517 } 1518 1519 .notice.notice-info { 1520 border-right-color: #00a0d2; 1521 } 1522 1523 .notice.notice-info.notice-alt { 1524 background-color: #e5f5fa; 1525 } 1526 1527 .site-content { 1528 margin: 0 auto; 1529 max-width: 960px; 1530 padding: 48.828px 25px; 1531 padding: 3.0517578125rem 1.5625rem; 1532 } 1533 1534 @media screen and (min-width: 737px) { 1535 .site-content { 1536 padding: 3.0517578125rem 10px; 1537 } 1538 } 1539 1540 .site-content.single, 1541 .single .site-content { 1542 padding: 0; 1543 } 1544 1545 @media screen and (min-width: 737px) { 1546 .site-content.single, 1547 .single .site-content { 1548 padding: 0 10px 3.0517578125rem; 1549 } 1550 } 1551 1552 .site-content.page, 1553 .page .site-content, 1554 .home .site-content { 1555 margin: auto; 1556 max-width: none; 1557 padding: 0; 1558 } 1559 1560 .site-content .page-title { 1561 font-size: 25px; 1562 font-size: 1.5625rem; 1563 font-weight: 400; 1564 } 1565 1566 .site-content .no-results { 1567 margin: 0 auto; 1568 max-width: 568.434px; 1569 max-width: 35.527136788rem; 1570 padding: 0 32px; 1571 padding: 0 2rem; 1572 } 1573 1574 .site-description { 1575 color: rgba(255, 255, 255, 0.8); 1576 font-size: 20px; 1577 font-size: 1.25rem; 1578 font-weight: 300; 1579 margin: -6.4px auto 32px; 1580 margin: -0.4rem auto 2rem; 1581 text-align: center; 1582 } 1583 1584 .site-header { 1585 background: #0073aa; 1586 padding: 16px 0; 1587 padding: 1rem 0; 1588 position: relative; 1589 } 1590 1591 .site-header .site-branding { 1592 margin: 0 auto; 1593 max-width: 960px; 1594 padding: 0 25px; 1595 padding: 0 1.5625rem; 1596 } 1597 1598 @media screen and (min-width: 737px) { 1599 .site-header .site-branding { 1600 padding: 0 10px; 1601 } 1602 } 1603 1604 .site-header.home { 1605 padding: 25px 18.288px; 1606 padding: 1.5625rem 1.143rem; 1607 text-align: center; 1608 } 1609 1610 .site-title { 1611 display: inline-block; 1612 font-size: 25px; 1613 font-size: 1.5625rem; 1614 font-weight: 300; 1615 line-height: 1; 1616 margin: 0 0 0 32px; 1617 margin: 0 0 0 2rem; 1618 max-width: none; 1619 } 1620 1621 .site-title a { 1622 color: #fff; 1623 font-weight: 300; 1624 } 1625 1626 .site-title a:hover, .site-title a:focus, .site-title a:active { 1627 text-decoration: none; 1628 } 1629 1630 .site-header.home .site-title { 1631 display: inherit; 1632 font-size: 61.035px; 1633 font-size: 3.8146972656rem; 1634 margin: 32px 0 16px; 1635 margin: 2rem 0 1rem; 1636 } 1637 1638 #wporg-header h1 { 1639 margin: auto; 1640 } 1641 1642 #wporg-header h2.rosetta { 1643 clear: none; 1644 } 1645 1646 #wporg-header form input { 1647 -webkit-box-sizing: content-box; 1648 -moz-box-sizing: content-box; 1649 box-sizing: content-box; 1650 margin: 0; 1651 padding: 3px; 1652 } 1653 1654 #wporg-header .button { 1655 -webkit-box-shadow: none; 1656 box-shadow: none; 1657 } 1658 1659 #wporg-header .download-button { 1660 background-color: #21759b; 1661 background-image: -webkit-gradient(linear, right top, right bottom, from(#2a95c5), to(#21759b)); 1662 background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); 1663 background-image: linear-gradient(to bottom, #2a95c5, #21759b); 1664 border-bottom-color: #1e6a8d; 1665 border-color: #21759b; 1666 -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5); 1667 box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5); 1668 } 1669 1670 #wporg-header .download-button:hover, #wporg-header .download-button:focus { 1671 background-color: #278ab7; 1672 background-image: -webkit-gradient(linear, right top, right bottom, from(#2e9fd2), to(#21759b)); 1673 background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b); 1674 background-image: linear-gradient(to bottom, #2e9fd2, #21759b); 1675 border-color: #1b607f; 1676 -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); 1677 box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); 1678 color: #fff; 1679 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 1680 } 1681 1682 #wporg-header .download-button:active { 1683 background: #1b607f; 1684 background-image: -webkit-gradient(linear, right top, right bottom, from(#21759b), to(#278ab7)); 1685 background-image: -webkit-linear-gradient(top, #21759b, #278ab7); 1686 background-image: linear-gradient(to bottom, #21759b, #278ab7); 1687 border-color: #124560 #2382ae #2382ae #2382ae; 1688 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); 1689 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); 1690 color: rgba(255, 255, 255, 0.95); 1691 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); 1692 -webkit-transform: none; 1693 -ms-transform: none; 1694 transform: none; 1695 } 1696 1697 #wporg-header a:hover, 1698 #wporg-header a:focus, 1699 #wporg-header a:active { 1700 text-decoration: none; 1701 } 1702 1703 @media screen and (min-width: 769px) { 1704 #wporg-header ul li.current-menu-item:after, 1705 #wporg-header ul li.current_page_parent:after, 1706 #wporg-header ul li a.current ~ .uparrow { 1707 border-bottom-color: #0073aa; 1708 } 1709 } 1710 1711 .home .site-header { 1712 background: #0073aa; 1713 padding: 18px 36px; 1714 } 1715 1716 @media (min-width: 737px) { 1717 .home .site-header { 1718 padding: 1.5625rem; 1719 } 1720 } 1721 1722 .home .site-header .site-title { 1723 color: #fff; 1724 display: block; 1725 font-size: 61.035px; 1726 font-size: 3.8146972656rem; 1727 font-weight: 300; 1728 line-height: 1; 1729 margin: 32px 0 16px; 1730 margin: 2rem 0 1rem; 1731 text-align: center; 1732 } 1733 1734 .home .site-header .site-description { 1735 color: #fff; 1736 max-width: 568.434px; 1737 max-width: 35.52714rem; 1738 padding: 11px 0; 1739 } 1740 1741 .error-404 .page-title { 1742 text-align: center; 1743 } 1744 1745 .error-404 .page-content { 1746 text-align: center; 1747 } 1748 1749 .error-404 .page-content .logo-swing { 1750 height: 160px; 1751 height: 10rem; 1752 margin: 96px auto; 1753 margin: 6rem auto; 1754 position: relative; 1755 text-align: center; 1756 width: 160px; 1757 width: 10rem; 1758 } 1759 1760 .error-404 .page-content .logo-swing .wp-logo { 1761 right: 0; 1762 max-width: none; 1763 position: absolute; 1764 top: 0; 1765 width: 160px; 1766 width: 10rem; 1767 } 1768 1769 @-webkit-keyframes hinge { 1770 10% { 1771 width: 180px; 1772 height: 180px; 1773 -webkit-transform: rotate3d(0, 0, 1, 0deg); 1774 transform: rotate3d(0, 0, 1, 0deg); 1775 } 1776 15% { 1777 width: 185px; 1778 height: 185px; 1779 -webkit-transform: rotate3d(0, 0, 1, 0deg); 1780 transform: rotate3d(0, 0, 1, 0deg); 1781 } 1782 20% { 1783 width: 180px; 1784 height: 180px; 1785 -webkit-transform: rotate3d(0, 0, 1, -5deg); 1786 transform: rotate3d(0, 0, 1, -5deg); 1787 } 1788 40% { 1789 -webkit-transform-origin: top right; 1790 transform-origin: top right; 1791 -webkit-animation-timing-function: ease-in-out; 1792 animation-timing-function: ease-in-out; 1793 } 1794 60% { 1795 -webkit-transform: rotate3d(0, 0, 1, -40deg); 1796 transform: rotate3d(0, 0, 1, -40deg); 1797 -webkit-transform-origin: top right; 1798 transform-origin: top right; 1799 -webkit-animation-timing-function: ease-in-out; 1800 animation-timing-function: ease-in-out; 1801 } 1802 40%, 80% { 1803 -webkit-transform: rotate3d(0, 0, 1, -60deg); 1804 transform: rotate3d(0, 0, 1, -60deg); 1805 -webkit-transform-origin: top right; 1806 transform-origin: top right; 1807 -webkit-animation-timing-function: ease-in-out; 1808 animation-timing-function: ease-in-out; 1809 opacity: 1; 1810 } 1811 to { 1812 -webkit-transform: translate3d(0, 700px, 0); 1813 transform: translate3d(0, 700px, 0); 1814 opacity: 0; 1815 } 1816 } 1817 1818 @keyframes hinge { 1819 10% { 1820 width: 180px; 1821 height: 180px; 1822 -webkit-transform: rotate3d(0, 0, 1, 0deg); 1823 transform: rotate3d(0, 0, 1, 0deg); 1824 } 1825 15% { 1826 width: 185px; 1827 height: 185px; 1828 -webkit-transform: rotate3d(0, 0, 1, 0deg); 1829 transform: rotate3d(0, 0, 1, 0deg); 1830 } 1831 20% { 1832 width: 180px; 1833 height: 180px; 1834 -webkit-transform: rotate3d(0, 0, 1, -5deg); 1835 transform: rotate3d(0, 0, 1, -5deg); 1836 } 1837 40% { 1838 -webkit-transform-origin: top right; 1839 transform-origin: top right; 1840 -webkit-animation-timing-function: ease-in-out; 1841 animation-timing-function: ease-in-out; 1842 } 1843 60% { 1844 -webkit-transform: rotate3d(0, 0, 1, -40deg); 1845 transform: rotate3d(0, 0, 1, -40deg); 1846 -webkit-transform-origin: top right; 1847 transform-origin: top right; 1848 -webkit-animation-timing-function: ease-in-out; 1849 animation-timing-function: ease-in-out; 1850 } 1851 40%, 80% { 1852 -webkit-transform: rotate3d(0, 0, 1, -60deg); 1853 transform: rotate3d(0, 0, 1, -60deg); 1854 -webkit-transform-origin: top right; 1855 transform-origin: top right; 1856 -webkit-animation-timing-function: ease-in-out; 1857 animation-timing-function: ease-in-out; 1858 opacity: 1; 1859 } 1860 to { 1861 -webkit-transform: translate3d(0, 700px, 0); 1862 transform: translate3d(0, 700px, 0); 1863 opacity: 0; 1864 } 1865 } 1866 1867 .hinge { 1868 -webkit-animation-duration: 2s; 1869 animation-duration: 2s; 1870 -webkit-animation-name: hinge; 1871 animation-name: hinge; 1872 } 1873 1874 .comments-area { 1875 margin-top: 5em; 1876 } 1877 1878 .comments-area > :last-child { 1879 margin-bottom: 0; 1880 } 1881 1882 .comments-area .comment-list + .comment-respond { 1883 border-top: 1px solid #eaeaea; 1884 } 1885 1886 .comments-area .comment-list + .comment-respond, 1887 .comments-area .comment-navigation + .comment-respond { 1888 padding-top: 1.6em; 1889 } 1890 1891 .comments-area .comments-title { 1892 margin-bottom: 1.3333em; 1893 } 1894 1895 .comments-area .comment-list { 1896 list-style: none; 1897 margin: 0; 1898 } 1899 1900 .comments-area .comment-list article, 1901 .comments-area .comment-list .pingback, 1902 .comments-area .comment-list .trackback { 1903 border-top: 1px solid #eaeaea; 1904 padding: 1.6em 0; 1905 } 1906 1907 .comments-area .comment-list .children { 1908 list-style: none; 1909 margin: 0; 1910 } 1911 1912 .comments-area .comment-list .children > li { 1913 padding-right: 0.8em; 1914 } 1915 1916 .comments-area .comment-list .alt { 1917 background: none; 1918 } 1919 1920 .comments-area .comment-author { 1921 color: #999; 1922 margin-bottom: 0.4em; 1923 } 1924 1925 .comments-area .comment-author .avatar { 1926 float: right; 1927 height: 24px; 1928 margin-left: 0.8em; 1929 width: 24px; 1930 } 1931 1932 .comments-area .comment-metadata, 1933 .comments-area .pingback .edit-link { 1934 color: #999; 1935 line-height: 1.5; 1936 } 1937 1938 .comments-area .comment-metadata a, 1939 .comments-area .pingback .edit-link a { 1940 color: #777; 1941 border-bottom: 1px solid #dfdfdf; 1942 } 1943 1944 .comments-area .comment-metadata a:hover, .comments-area .comment-metadata a:focus, 1945 .comments-area .pingback .edit-link a:hover, 1946 .comments-area .pingback .edit-link a:focus { 1947 color: #d54e21; 1948 border-bottom-color: #d54e21; 1949 } 1950 1951 .comments-area .comment-metadata { 1952 margin-bottom: 1.6em; 1953 } 1954 1955 .comments-area .comment-metadata .edit-link { 1956 margin-right: 1em; 1957 } 1958 1959 .comments-area .pingback .edit-link { 1960 margin-right: 1em; 1961 } 1962 1963 .comments-area .pingback .edit-link:before { 1964 top: 5px; 1965 } 1966 1967 .comments-area .comment-content ul, 1968 .comments-area .comment-content ol { 1969 margin: 0 1.3333em 1.6em 0; 1970 } 1971 1972 .comments-area .comment-content li > ul, 1973 .comments-area .comment-content li > ol { 1974 margin-bottom: 0; 1975 } 1976 1977 .comments-area .comment-content > :last-child { 1978 margin-bottom: 0; 1979 } 1980 1981 .comments-area .comment-content .reply { 1982 font-size: 12px; 1983 } 1984 1985 .comments-area .comment-content .reply a { 1986 border: 1px solid #eaeaea; 1987 color: #707070; 1988 display: inline-block; 1989 font-weight: 700; 1990 line-height: 1; 1991 margin-top: 2em; 1992 padding: 0.4167em 0.8333em; 1993 text-transform: uppercase; 1994 } 1995 1996 .comments-area .comment-content .reply a:hover, .comments-area .comment-content .reply a:focus { 1997 border-color: #333; 1998 color: #333; 1999 outline: 0; 2000 } 2001 2002 .comments-area .comment-form { 2003 padding-top: 1.6em; 2004 } 2005 2006 .comments-area .comment-form label { 2007 font-size: 12px; 2008 font-weight: 700; 2009 display: block; 2010 letter-spacing: 0.04em; 2011 line-height: 1.5; 2012 } 2013 2014 .comments-area .comment-form input[type="text"], 2015 .comments-area .comment-form input[type="email"], 2016 .comments-area .comment-form input[type="url"] { 2017 width: 100%; 2018 } 2019 2020 .comments-area .comment-notes, 2021 .comments-area .comment-awaiting-moderation, 2022 .comments-area .logged-in-as, 2023 .comments-area .form-allowed-tags { 2024 font-size: 16px; 2025 font-size: 1rem; 2026 line-height: 1.5; 2027 margin-bottom: 2em; 2028 } 2029 2030 .comments-area .no-comments { 2031 border-top: 1px solid #eaeaea; 2032 color: #999; 2033 font-weight: 700; 2034 padding-top: 1.6em; 2035 } 2036 2037 .comments-area .comment-navigation + .no-comments { 2038 border-top: 0; 2039 } 2040 2041 .comments-area .form-allowed-tags code { 2042 font-family: Inconsolata, monospace; 2043 } 2044 2045 .comments-area .form-submit { 2046 margin-bottom: 0; 2047 } 2048 2049 .comments-area .required { 2050 color: #c0392b; 2051 } 2052 2053 .page .entry-header { 2054 background: #0073aa; 2055 padding: 16px 0; 2056 padding: 1rem 0; 2057 position: relative; 2058 } 2059 2060 .page .entry-header .entry-title { 2061 color: #fff; 2062 font-size: 25px; 2063 font-size: 1.5625rem; 2064 font-weight: 300; 2065 line-height: 1; 2066 margin: 0 auto; 2067 max-width: 960px; 2068 padding: 0 25px; 2069 padding: 0 1.5625rem; 2070 } 2071 2072 @media screen and (min-width: 737px) { 2073 .page .entry-header .entry-title { 2074 padding: 0 10px; 2075 } 2076 } 2077 2078 .page .entry-header.home { 2079 padding: 25px 18.288px; 2080 padding: 1.5625rem 1.143rem; 2081 text-align: center; 2082 } 2083 2084 .page .entry-content, 2085 .page .entry-footer { 2086 margin: 0 auto; 2087 max-width: 960px; 2088 padding: 48.828px 25px; 2089 padding: 3.0517578125rem 1.5625rem; 2090 } 2091 2092 .post-navigation { 2093 margin: 5em auto; 2094 padding: 0; 2095 } 2096 2097 .post-navigation a { 2098 border-bottom: 1px solid #eaeaea; 2099 color: #444; 2100 display: block; 2101 font-weight: 600; 2102 padding: 11px 0 12px; 2103 text-transform: none; 2104 width: 100%; 2105 } 2106 2107 .post-navigation a:hover { 2108 color: #21759b; 2109 } 2110 2111 .post-navigation .nav-links { 2112 border-top: 1px solid #eaeaea; 2113 -webkit-hyphens: auto; 2114 -moz-hyphens: auto; 2115 -ms-hyphens: auto; 2116 hyphens: auto; 2117 word-wrap: break-word; 2118 } 2119 2120 .post-navigation .meta-nav { 2121 color: #777; 2122 display: block; 2123 font-size: 13px; 2124 line-height: 2; 2125 text-transform: uppercase; 2126 } 2127 2128 .post-navigation .nav-next { 2129 text-align: left; 2130 } 2131 2132 .home-welcome { 2133 background: #fff; 2134 border-bottom: 1px solid #dfdfdf; 2135 color: #32373c; 2136 font-family: "Open Sans", sans-serif; 2137 font-weight: 400; 2138 line-height: 1.5; 2139 max-width: initial; 2140 padding: 0; 2141 } 2142 2143 @media (min-width: 737px) { 2144 .home-welcome { 2145 font-size: 18px; 2146 } 2147 } 2148 2149 .home-welcome h1 { 2150 font-size: 51.2px; 2151 font-size: 3.2rem; 2152 } 2153 2154 .home-welcome a:not(.button) { 2155 background-color: transparent; 2156 border: none; 2157 color: #0073aa; 2158 text-decoration: none; 2159 } 2160 2161 .home-welcome a:not(.button):hover { 2162 text-decoration: underline; 2163 } 2164 2165 .home-welcome a:not(.button):active, .home-welcome a:not(.button):hover { 2166 outline-width: 0; 2167 } 2168 2169 .home-welcome p { 2170 font-size: 18px; 2171 margin: 1em 0; 2172 max-width: 568.434px; 2173 max-width: 35.52714rem; 2174 } 2175 2176 .home-welcome p.subheading { 2177 color: #82878c; 2178 font-size: 20px; 2179 font-size: 1.25rem; 2180 font-weight: 300; 2181 margin: -6.4px auto 32px; 2182 margin: -.4rem auto 2rem; 2183 text-align: center; 2184 } 2185 2186 .home-welcome section { 2187 border-bottom: 2px solid #eee; 2188 margin: 0 auto; 2189 max-width: 800px; 2190 max-width: 50rem; 2191 padding: 48.828px 25px; 2192 padding: 3.05176rem 1.5625rem; 2193 } 2194 2195 .home-welcome section:last-of-type { 2196 border-bottom: none; 2197 } 2198 2199 .home-welcome section h2 { 2200 line-height: 1; 2201 text-align: center; 2202 } 2203 2204 .home-welcome section .container { 2205 margin: 0 auto; 2206 max-width: 800px; 2207 max-width: 50rem; 2208 } 2209 2210 .home-welcome .dashicons { 2211 color: #cbcdce; 2212 display: block; 2213 font-size: 64px; 2214 font-size: 4rem; 2215 height: auto; 2216 margin: 0 auto -16px; 2217 margin: 0 auto -1rem; 2218 width: auto; 2219 } 2220 2221 .home-welcome .intro { 2222 padding-bottom: 0; 2223 } 2224 2225 .home-welcome .features { 2226 border-top: 2px solid #eee; 2227 } 2228 2229 .home-welcome .features ul { 2230 -webkit-box-align: center; 2231 -webkit-align-items: center; 2232 -moz-box-align: center; 2233 -ms-flex-align: center; 2234 align-items: center; 2235 display: -webkit-box; 2236 display: -webkit-flex; 2237 display: -moz-box; 2238 display: -ms-flexbox; 2239 display: flex; 2240 -webkit-flex-wrap: wrap; 2241 -ms-flex-wrap: wrap; 2242 flex-wrap: wrap; 2243 list-style: none; 2244 margin: 48px 0; 2245 margin: 3rem 0; 2246 padding: 0; 2247 } 2248 2249 .home-welcome .features ul li { 2250 -webkit-box-align: center; 2251 -webkit-align-items: center; 2252 -moz-box-align: center; 2253 -ms-flex-align: center; 2254 align-items: center; 2255 border-bottom: 1px solid #eee; 2256 border-left: 1px solid #eee; 2257 display: -webkit-box; 2258 display: -webkit-flex; 2259 display: -moz-box; 2260 display: -ms-flexbox; 2261 display: flex; 2262 -webkit-box-orient: vertical; 2263 -webkit-box-direction: normal; 2264 -webkit-flex-direction: column; 2265 -moz-box-orient: vertical; 2266 -moz-box-direction: normal; 2267 -ms-flex-direction: column; 2268 flex-direction: column; 2269 height: 160px; 2270 -webkit-box-pack: center; 2271 -webkit-justify-content: center; 2272 -moz-box-pack: center; 2273 -ms-flex-pack: center; 2274 justify-content: center; 2275 text-align: center; 2276 width: 50%; 2277 } 2278 2279 @media (max-width: 739px) { 2280 .home-welcome .features ul li:nth-child(n+7) { 2281 border-bottom: none; 2282 } 2283 .home-welcome .features ul li:nth-child(2n) { 2284 border-left: none; 2285 } 2286 } 2287 2288 @media (min-width: 740px) { 2289 .home-welcome .features ul li { 2290 width: 25%; 2291 height: 200px; 2292 } 2293 .home-welcome .features ul li:nth-child(4n) { 2294 border-left: none; 2295 } 2296 .home-welcome .features ul li:nth-child(n+5) { 2297 border-bottom: none; 2298 } 2299 } 2300 2301 .home-welcome .features ul li img { 2302 height: 40px; 2303 height: 2.5rem; 2304 margin: 4px auto 20px; 2305 margin: .25rem auto 1.25rem; 2306 } 2307 2308 .home-welcome .features ul li img, 2309 .home-welcome .features ul li span { 2310 color: #00a0d2; 2311 display: block; 2312 font-size: 48px; 2313 font-size: 3rem; 2314 margin-bottom: 16px; 2315 margin-bottom: 1rem; 2316 } 2317 2318 .home-welcome .features p { 2319 margin-right: auto; 2320 margin-left: auto; 2321 text-align: center; 2322 } 2323 2324 .home-welcome .screenshots { 2325 height: 400px; 2326 right: -30px; 2327 overflow: hidden; 2328 padding: 16px 16px 0; 2329 padding: 1rem 1rem 0; 2330 position: relative; 2331 left: 0; 2332 width: 106%; 2333 } 2334 2335 @media (max-width: 739px) { 2336 .home-welcome .screenshots { 2337 padding: 0; 2338 right: auto; 2339 left: auto; 2340 width: 100%; 2341 } 2342 } 2343 2344 .home-welcome .screenshots .dashboard { 2345 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); 2346 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); 2347 max-width: 800px; 2348 } 2349 2350 .home-welcome .screenshots .dashboard-mobile { 2351 bottom: -100px; 2352 max-width: 200px; 2353 position: absolute; 2354 left: 1px; 2355 z-index: 1; 2356 } 2357 2358 .home-welcome .cta-wrapper { 2359 display: block; 2360 font-size: 14.63px; 2361 font-size: .9144rem; 2362 margin: 32px 0; 2363 margin: 2rem 0; 2364 text-align: center; 2365 } 2366 2367 @media (min-width: 737px) { 2368 .home-welcome .cta-wrapper { 2369 font-size: .8rem; 2370 margin: 4rem 0 2rem; 2371 } 2372 } 2373 2374 .home-welcome .community-2 { 2375 -webkit-box-align: start; 2376 -webkit-align-items: flex-start; 2377 -moz-box-align: start; 2378 -ms-flex-align: start; 2379 align-items: flex-start; 2380 background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat; 2381 -webkit-background-size: cover; 2382 background-size: cover; 2383 border: none; 2384 display: -webkit-box; 2385 display: -webkit-flex; 2386 display: -moz-box; 2387 display: -ms-flexbox; 2388 display: flex; 2389 -webkit-box-orient: vertical; 2390 -webkit-box-direction: normal; 2391 -webkit-flex-direction: column; 2392 -moz-box-orient: vertical; 2393 -moz-box-direction: normal; 2394 -ms-flex-direction: column; 2395 flex-direction: column; 2396 height: 500px; 2397 -webkit-box-pack: end; 2398 -webkit-justify-content: flex-end; 2399 -moz-box-pack: end; 2400 -ms-flex-pack: end; 2401 justify-content: flex-end; 2402 max-width: 100%; 2403 position: relative; 2404 } 2405 2406 .home-welcome .community-2 .screen { 2407 background: rgba(0, 0, 0, 0.5); 2408 height: 100%; 2409 right: 0; 2410 position: absolute; 2411 left: 0; 2412 top: 0; 2413 width: 100%; 2414 z-index: 0; 2415 } 2416 2417 .home-welcome .community-2 h2, 2418 .home-welcome .community-2 .subheading { 2419 color: #fff; 2420 margin: 0 0 16px; 2421 margin: 0 0 1rem; 2422 max-width: 100%; 2423 position: relative; 2424 text-align: right; 2425 text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); 2426 z-index: 1; 2427 } 2428 2429 .home-welcome .showcase { 2430 border-bottom: none; 2431 margin: 0; 2432 max-width: 100%; 2433 padding-right: 0; 2434 padding-left: 0; 2435 } 2436 2437 .home-welcome .showcase > div { 2438 background: url(https://s.w.org/images/home/collage-min.jpg) center top; 2439 -webkit-background-size: cover; 2440 background-size: cover; 2441 -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4); 2442 box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4); 2443 height: 300px; 2444 width: 100%; 2445 } 2446 2447 @media (min-width: 700px) { 2448 .home-welcome .showcase > div { 2449 height: 600px; 2450 background-attachment: fixed; 2451 } 2452 } 2453 2454 .home-welcome .showcase .cta-link { 2455 margin: 48.828px 0 0; 2456 margin: 3.05176rem 0 0; 2457 max-width: 100%; 2458 text-align: center; 2459 } 2460 2461 .home-welcome #showcase-link { 2462 font-size: 14px; 2463 } 2464 2465 #lang-guess { 2466 background: #c7e8ca; 2467 border: inherit; 2468 -webkit-border-radius: inherit; 2469 border-radius: inherit; 2470 cursor: pointer; 2471 font: inherit; 2472 font-size: 12.8px; 2473 font-size: .8rem; 2474 margin: 0; 2475 max-width: inherit; 2476 padding: 8px; 2477 padding: .5rem; 2478 text-align: center; 2479 width: inherit; 2480 } 2481 2482 @media (min-width: 67rem) { 2483 #lang-guess { 2484 margin: 1rem auto 0; 2485 max-width: 50rem; 2486 } 2487 } 2488 2489 #home-below { 2490 margin-bottom: 14px; 2491 } 2492 2493 #home-below h4 { 2494 border-bottom: 1px solid #dedede; 2495 font-size: inherit; 2496 padding-bottom: 4px; 2497 } 2498 2499 #home-below h5 { 2500 line-height: 1; 2501 margin: 0; 2502 text-transform: none; 2503 } 2504 2505 #home-below ol, #home-below ul { 2506 margin: 0; 2507 } 2508 2509 .page-template-get .site-header { 2510 padding: 25px 18.288px; 2511 padding: 1.5625rem 1.143rem; 2512 text-align: center; 2513 } 2514 2515 .page-template-get .site-title { 2516 display: inherit; 2517 font-size: 61.035px; 2518 font-size: 3.8146972656rem; 2519 margin: 32px 0 16px; 2520 margin: 2rem 0 1rem; 2521 } 2522 2523 .page-template-get section { 2524 padding: 48.828px 25px; 2525 padding: 3.0517578125rem 1.5625rem; 2526 } 2527 2528 .page-template-get section.download { 2529 text-align: center; 2530 } 2531 2532 @media (min-width: 737px) { 2533 .page-template-get section.download .container { 2534 text-align: initial; 2535 } 2536 .page-template-get section.download .container aside, 2537 .page-template-get section.download .container article { 2538 display: inline-block; 2539 vertical-align: top; 2540 } 2541 .page-template-get section.download .container aside { 2542 width: 30%; 2543 } 2544 .page-template-get section.download .container article { 2545 width: 65%; 2546 } 2547 .page-template-get section.download .container aside + article, 2548 .page-template-get section.download .container article + aside { 2549 margin-right: 5%; 2550 } 2551 } 2552 2553 .page-template-get section.hosting { 2554 text-align: center; 2555 } 2556 2557 .page-template-get section.hosting .three-up { 2558 text-align: initial; 2559 } 2560 2561 .page-template-get section.hosting .three-up > div { 2562 margin-top: 48px; 2563 margin-top: 3rem; 2564 } 2565 2566 .page-template-get section.hosting .three-up > div .logo__bluehost, .page-template-get section.hosting .three-up > div .logo__getlisted, .page-template-get section.hosting .three-up > div .logo__wpcom { 2567 height: 35px; 2568 } 2569 2570 @media (min-width: 737px) { 2571 .page-template-get section.hosting .three-up > div { 2572 float: right; 2573 font-size: 0.8rem; 2574 margin-left: 5%; 2575 width: 30%; 2576 } 2577 .page-template-get section.hosting .three-up > div:last-child { 2578 margin-left: 0; 2579 } 2580 } 2581 2582 .page-template-get section.apps-mobile { 2583 text-align: center; 2584 } 2585 2586 .page-template-get section.apps-mobile .web-stores { 2587 margin: 32px auto 0; 2588 margin: 2rem auto 0; 2589 width: 100%; 2590 } 2591 2592 .page-template-get section.apps-mobile .web-stores a { 2593 display: inline-block; 2594 margin: 10px; 2595 width: 150px; 2596 } 2597 2598 @media (min-width: 737px) { 2599 .page-template-get section.apps-mobile .web-stores { 2600 margin: 4rem auto 0; 2601 } 2602 } 2603 2604 .page-template-get section.apps-mobile .ios .button-android { 2605 display: none; 2606 } 2607 2608 .page-template-get section.apps-mobile .android .button-ios { 2609 display: none; 2610 } 2611 2612 .page-template-get section + section { 2613 border-top: 2px solid #eee; 2614 } 2615 2616 .page-template-get .call-to-action { 2617 display: block; 2618 font-size: 14.63px; 2619 font-size: 0.9144rem; 2620 margin: 32px 0 32px; 2621 margin: 2rem 0 2rem; 2622 } 2623 2624 @media (min-width: 737px) { 2625 .page-template-get .call-to-action { 2626 font-size: 0.8rem; 2627 margin: 4rem 0 2rem; 2628 } 2629 } 2630 2631 .page-template-get .dashicons { 2632 color: #cbcdce; 2633 display: block; 2634 font-size: 64px; 2635 font-size: 4rem; 2636 height: auto; 2637 margin: 0 auto -16px; 2638 margin: 0 auto -1rem; 2639 width: auto; 2640 } -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style.css
r5891 r5892 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{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]{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-spacing:0}td,th{padding:0}p{margin:1em 0}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{box-sizing:border-box}*,:after,:before{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}img{height:auto;max-width:100%}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}h1,h2{font-weight:300}h2{font-size:39.062px;font-size:2.44140625rem}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;letter-spacing:0.16px;letter-spacing:.01rem}h5,h6{font-weight:600;text-transform:uppercase}h6{font-size:12.8px;font-size:.8rem;letter-spacing:.8px}a,a:visited{color:#0073aa}a:active,a:focus,a:hover{color:#0073aa;text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}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}table{border:1px solid #eee;border-collapse:collapse;font-size:12.8px;font-size:.8rem;margin:0 0 16px;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:6.4px;padding:.4rem;text-align:left;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}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:737px){html{font-size:1.125rem}}.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;border-radius:3px;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:6}#content[tabindex="-1"]:focus{outline:0}.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}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{border:1px solid;border-radius:3px;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-xl .button,.button.button-xl{font-size:16px;font-size:1rem;height:39.062px;height:2.44140625rem;line-height:1;padding:0 24px;padding:0 1.5rem}.button-group.button-large .button,.button.button-large{height:31.25px;height:1.953125rem;line-height:1;padding:0 16px;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:10.24px;font-size:.64rem;height:20px;height:1.25rem;line-height:1;padding:0 8px;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:25px;line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:31.25px;line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:39.062px;line-height:2.44140625rem}.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;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#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;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;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;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;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link{background:none;border:0;border-radius:0;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{text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #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;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{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;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;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{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{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!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{border-radius:0;display:inline-block;margin-right:-1px;z-index:2}.button-group>.button-primary{z-index:4}.button-group>.button:hover{z-index:3}.button-group>.button:first-child{border-radius:3px 0 0 3px}.button-group>.button:last-child{border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.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}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.page-template-get section.apps-mobile .web-stores:after,.page-template-get section.apps-mobile .web-stores:before,.page-template-get section.hosting .three-up:after,.page-template-get section.hosting .three-up:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.page-template-get section.apps-mobile .web-stores:after,.page-template-get section.hosting .three-up:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-6.4px auto 32px;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{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:0.16px;letter-spacing:.01rem;max-width:291.038px;max-width:18.1898940355rem}input,textarea{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;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;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{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:ltr}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 4px 0 0;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px;-webkit-appearance:none}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;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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}input[type=checkbox]:checked:before{color:#1e8cbe;content:"\f147";margin:-3px 0 0 -4px}input[type=radio]{border-radius:50%;line-height:10px;margin-right:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"\2022";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-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);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;box-shadow:none}input.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{vertical-align:middle;width:9px;height:9px;margin:7px;line-height:16px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{width:auto;max-width:55px;display:inline;padding:3px 6px;margin:0 3px}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}p a:not(.button),p a:not(.button):hover{border:none}.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{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;left:-999em;position:absolute;top:1.5em;z-index:5}.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:737px){.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:737px){.menu-toggle{display:none}.main-navigation{float:right;position:static;width: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}}.notice{background:#fff;border-left:4px solid #fff;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{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}.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-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:737px){.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:737px){.site-main{padding:3.0517578125rem 10px}}.single .site-main,.site-main.single{padding:0}@media screen and (min-width:737px){.single .site-main,.site-main.single{padding:0 10px 3.0517578125rem}}.home .site-main,.page .site-main,.site-main.page{margin:auto;max-width:none;padding: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}.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}#wporg-header h1{margin:auto}#wporg-header h2.rosetta{clear:none}#wporg-header form input{box-sizing:content-box;margin:0;padding:3px}#wporg-header .button{box-shadow:none}#wporg-header .download-button{background-color:#21759b;background-image:linear-gradient(180deg,#2a95c5,#21759b);border-bottom-color:#1e6a8d;border-color:#21759b;box-shadow:inset 0 1px 0 rgba(120,200,230,.5)}#wporg-header .download-button:focus,#wporg-header .download-button:hover{background-color:#278ab7;background-image:linear-gradient(180deg,#2e9fd2,#21759b);border-color:#1b607f;box-shadow:inset 0 1px 0 rgba(120,200,230,.6);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3)}#wporg-header .download-button:active{background:#1b607f;background-image:linear-gradient(180deg,#21759b,#278ab7);border-color:#124560 #2382ae #2382ae;box-shadow:inset 0 1px 0 rgba(0,0,0,.1);color:hsla(0,0%,100%,.95);text-shadow:0 1px 0 rgba(0,0,0,.1);transform:none}#wporg-header a:active,#wporg-header a:focus,#wporg-header a:hover{text-decoration:none}@media screen and (min-width:769px){#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}}.home .site-header{background:#0073aa;padding:18px 36px}@media (min-width:737px){.home .site-header{padding:1.5625rem}}.home .site-header .site-title{color:#fff;display:block;font-size:61.035px;font-size:3.8146972656rem;font-weight:300;line-height:1;margin:32px 0 16px;margin:2rem 0 1rem;text-align:center}.home .site-header .site-description{color:#fff;max-width:568.434px;max-width:35.52714rem;padding:11px 0}.error-404 .page-content,.error-404 .page-title{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}@keyframes a{10%{width:180px;height:180px;transform:rotate(0deg)}15%{width:185px;height:185px;transform:rotate(0deg)}20%{width:180px;height:180px;transform:rotate(5deg)}40%{transform-origin:top left;animation-timing-function:ease-in-out}60%{transform:rotate(40deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-duration:2s;animation-name:a}.page .entry-header{background:#0073aa;padding:16px 0;padding:1rem 0;position:relative}.page .entry-header .entry-title{color:#fff;font-size:25px;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;max-width:960px;padding:0 25px;padding:0 1.5625rem}@media screen and (min-width:737px){.page .entry-header .entry-title{padding:0 10px}}.page .entry-header.home{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.page .entry-content,.page .entry-footer{margin:0 auto;max-width:960px;padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}.home-welcome{background:#fff;border-bottom:1px solid #dfdfdf;color:#32373c;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.5;max-width:none;padding:0}@media (min-width:737px){.home-welcome{font-size:18px}}.home-welcome h1{font-size:51.2px;font-size:3.2rem}.home-welcome a:not(.button){background-color:transparent;border:none;color:#0073aa;text-decoration:none}.home-welcome a:not(.button):hover{text-decoration:underline}.home-welcome a:not(.button):active,.home-welcome a:not(.button):hover{outline-width:0}.home-welcome p{font-size:18px;margin:1em 0;max-width:568.434px;max-width:35.52714rem}.home-welcome 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}.home-welcome section{border-bottom:2px solid #eee;margin:0 auto;max-width:800px;max-width:50rem;padding:48.828px 25px;padding:3.05176rem 1.5625rem}.home-welcome section:last-of-type{border-bottom:none}.home-welcome section h2{line-height:1;text-align:center}.home-welcome section .container{margin:0 auto;max-width:800px;max-width:50rem}.home-welcome .dashicons{color:#cbcdce;display:block;font-size:64px;font-size:4rem;height:auto;margin:0 auto -16px;margin:0 auto -1rem;width:auto}.home-welcome .intro{padding-bottom:0}.home-welcome .features{border-top:2px solid #eee}.home-welcome .features ul{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:48px 0;margin:3rem 0;padding:0}.home-welcome .features ul li{align-items:center;border-bottom:1px solid #eee;border-right:1px solid #eee;display:flex;flex-direction:column;height:160px;justify-content:center;text-align:center;width:50%}@media (max-width:739px){.home-welcome .features ul li:nth-child(n+7){border-bottom:none}.home-welcome .features ul li:nth-child(2n){border-right:none}}@media (min-width:740px){.home-welcome .features ul li{width:25%;height:200px}.home-welcome .features ul li:nth-child(4n){border-right:none}.home-welcome .features ul li:nth-child(n+5){border-bottom:none}}.home-welcome .features ul li img{height:40px;height:2.5rem;margin:4px auto 20px;margin:.25rem auto 1.25rem}.home-welcome .features ul li img,.home-welcome .features ul li span{color:#00a0d2;display:block;font-size:48px;font-size:3rem;margin-bottom:16px;margin-bottom:1rem}.home-welcome .features p{margin-left:auto;margin-right:auto;text-align:center}.home-welcome .screenshots{height:400px;left:-30px;overflow:hidden;padding:16px 16px 0;padding:1rem 1rem 0;position:relative;right:0;width:106%}@media (max-width:739px){.home-welcome .screenshots{padding:0;left:auto;right:auto;width:100%}}.home-welcome .screenshots .dashboard{box-shadow:0 1px 8px rgba(0,0,0,.2);max-width:800px}.home-welcome .screenshots .dashboard-mobile{bottom:-100px;max-width:200px;position:absolute;right:1px;z-index:1}.home-welcome .cta-wrapper{display:block;font-size:14.63px;font-size:.9144rem;margin:32px 0;margin:2rem 0;text-align:center}@media (min-width:737px){.home-welcome .cta-wrapper{font-size:.8rem;margin:4rem 0 2rem}}.home-welcome .community-2{align-items:flex-start;background:url(https://s.w.org/images/home/community-1.jpg) bottom no-repeat;background-size:cover;border:none;display:flex;flex-direction:column;height:500px;justify-content:flex-end;max-width:100%;position:relative}.home-welcome .community-2 .screen{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.home-welcome .community-2 .subheading,.home-welcome .community-2 h2{color:#fff;margin:0 0 16px;margin:0 0 1rem;max-width:100%;position:relative;text-align:left;text-shadow:0 0 8px rgba(0,0,0,.5);z-index:1}.home-welcome .showcase{border-bottom:none;margin:0;max-width:100%;padding-left:0;padding-right:0}.home-welcome .showcase>div{background:url(https://s.w.org/images/home/collage-min.jpg) top;background-size:cover;box-shadow:inset 0 0 8px rgba(0,0,0,.4);height:300px;width:100%}@media (min-width:700px){.home-welcome .showcase>div{height:600px;background-attachment:fixed}}.home-welcome .showcase .cta-link{margin:48.828px 0 0;margin:3.05176rem 0 0;max-width:100%;text-align:center}.home-welcome #showcase-link{font-size:14px}#lang-guess{background:#c7e8ca;border:inherit;border-radius:inherit;cursor:pointer;font:inherit;font-size:12.8px;font-size:.8rem;margin:0;max-width:inherit;padding:8px;padding:.5rem;text-align:center;width:inherit}@media (min-width:67rem){#lang-guess{margin:1rem auto 0;max-width:50rem}}#home-below{margin-bottom:14px}#home-below h4{border-bottom:1px solid #dedede;font-size:inherit;padding-bottom:4px}#home-below h5{line-height:1;margin:0;text-transform:none}#home-below ol,#home-below ul{margin:0}.page-template-get .site-header{padding:25px 18.288px;padding:1.5625rem 1.143rem;text-align:center}.page-template-get .site-title{display:inherit;font-size:61.035px;font-size:3.8146972656rem;margin:32px 0 16px;margin:2rem 0 1rem}.page-template-get section{padding:48.828px 25px;padding:3.0517578125rem 1.5625rem}.page-template-get section.download{text-align:center}@media (min-width:737px){.page-template-get section.download .container{text-align:initial}.page-template-get section.download .container article,.page-template-get section.download .container aside{display:inline-block;vertical-align:top}.page-template-get section.download .container aside{width:30%}.page-template-get section.download .container article{width:65%}.page-template-get section.download .container article+aside,.page-template-get section.download .container aside+article{margin-left:5%}}.page-template-get section.hosting{text-align:center}.page-template-get section.hosting .three-up{text-align:initial}.page-template-get section.hosting .three-up>div{margin-top:48px;margin-top:3rem}.page-template-get section.hosting .three-up>div .logo__bluehost,.page-template-get section.hosting .three-up>div .logo__getlisted,.page-template-get section.hosting .three-up>div .logo__wpcom{height:35px}@media (min-width:737px){.page-template-get section.hosting .three-up>div{float:left;font-size:.8rem;margin-right:5%;width:30%}.page-template-get section.hosting .three-up>div:last-child{margin-right:0}}.page-template-get section.apps-mobile{text-align:center}.page-template-get section.apps-mobile .web-stores{margin:32px auto 0;margin:2rem auto 0;width:100%}.page-template-get section.apps-mobile .web-stores a{display:inline-block;margin:10px;width:150px}@media (min-width:737px){.page-template-get section.apps-mobile .web-stores{margin:4rem auto 0}}.page-template-get section.apps-mobile .android .button-ios,.page-template-get section.apps-mobile .ios .button-android{display:none}.page-template-get section+section{border-top:2px solid #eee}.page-template-get .call-to-action{display:block;font-size:14.63px;font-size:.9144rem;margin:32px 0;margin:2rem 0}@media (min-width:737px){.page-template-get .call-to-action{font-size:.8rem;margin:4rem 0 2rem}}.page-template-get .dashicons{color:#cbcdce;display:block;font-size:64px;font-size:4rem;height:auto;margin:0 auto -16px;margin:0 auto -1rem;width:auto} 1 html { 2 font-family: sans-serif; 3 -webkit-text-size-adjust: 100%; 4 -ms-text-size-adjust: 100%; 5 } 6 7 body { 8 margin: 0; 9 } 10 11 article, 12 aside, 13 details, 14 figcaption, 15 figure, 16 footer, 17 header, 18 main, 19 menu, 20 nav, 21 section, 22 summary { 23 display: block; 24 } 25 26 audio, 27 canvas, 28 progress, 29 video { 30 display: inline-block; 31 vertical-align: baseline; 32 } 33 34 audio:not([controls]) { 35 display: none; 36 height: 0; 37 } 38 39 [hidden], 40 template { 41 display: none; 42 } 43 44 a { 45 background-color: transparent; 46 } 47 48 a:active, 49 a:hover { 50 outline: 0; 51 } 52 53 abbr[title] { 54 border-bottom: 1px dotted; 55 } 56 57 b, 58 strong { 59 font-weight: bold; 60 } 61 62 dfn { 63 font-style: italic; 64 } 65 66 h1 { 67 font-size: 2em; 68 margin: 0.67em 0; 69 } 70 71 mark { 72 background: #ff0; 73 color: #000; 74 } 75 76 small { 77 font-size: 80%; 78 } 79 80 sub, 81 sup { 82 font-size: 75%; 83 line-height: 0; 84 position: relative; 85 vertical-align: baseline; 86 } 87 88 sup { 89 top: -0.5em; 90 } 91 92 sub { 93 bottom: -0.25em; 94 } 95 96 img { 97 border: 0; 98 } 99 100 svg:not(:root) { 101 overflow: hidden; 102 } 103 104 figure { 105 margin: 1em 40px; 106 } 107 108 hr { 109 -webkit-box-sizing: content-box; 110 -moz-box-sizing: content-box; 111 box-sizing: content-box; 112 height: 0; 113 } 114 115 pre { 116 overflow: auto; 117 } 118 119 code, 120 kbd, 121 pre, 122 samp { 123 font-family: monospace, monospace; 124 font-size: 1em; 125 } 126 127 button, 128 input, 129 optgroup, 130 select, 131 textarea { 132 color: inherit; 133 font: inherit; 134 margin: 0; 135 } 136 137 button { 138 overflow: visible; 139 } 140 141 button, 142 select { 143 text-transform: none; 144 } 145 146 button, 147 html input[type="button"], 148 input[type="reset"], 149 input[type="submit"] { 150 -webkit-appearance: button; 151 cursor: pointer; 152 } 153 154 button[disabled], 155 html input[disabled] { 156 cursor: default; 157 } 158 159 button::-moz-focus-inner, 160 input::-moz-focus-inner { 161 border: 0; 162 padding: 0; 163 } 164 165 input { 166 line-height: normal; 167 } 168 169 input[type="checkbox"], 170 input[type="radio"] { 171 -webkit-box-sizing: border-box; 172 -moz-box-sizing: border-box; 173 box-sizing: border-box; 174 padding: 0; 175 } 176 177 input[type="number"]::-webkit-inner-spin-button, 178 input[type="number"]::-webkit-outer-spin-button { 179 height: auto; 180 } 181 182 input[type="search"]::-webkit-search-cancel-button, 183 input[type="search"]::-webkit-search-decoration { 184 -webkit-appearance: none; 185 } 186 187 fieldset { 188 border: 1px solid #c0c0c0; 189 margin: 0 2px; 190 padding: 0.35em 0.625em 0.75em; 191 } 192 193 legend { 194 border: 0; 195 padding: 0; 196 } 197 198 textarea { 199 overflow: auto; 200 } 201 202 optgroup { 203 font-weight: bold; 204 } 205 206 table { 207 border-collapse: collapse; 208 border-spacing: 0; 209 } 210 211 td, 212 th { 213 padding: 0; 214 } 215 216 p { 217 margin: 1em 0; 218 } 219 220 dfn, cite, em, i { 221 font-style: italic; 222 } 223 224 blockquote { 225 margin: 0 1.5em; 226 } 227 228 address { 229 margin: 0 0 1.5em; 230 } 231 232 pre { 233 background: #eee; 234 font-family: "Courier 10 Pitch", Courier, monospace; 235 font-size: 15px; 236 font-size: 0.9375rem; 237 line-height: 1.6; 238 margin-bottom: 1.6em; 239 max-width: 100%; 240 overflow: auto; 241 padding: 1.6em; 242 } 243 244 code, kbd, tt, var { 245 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 246 font-size: 15px; 247 font-size: 0.9375rem; 248 } 249 250 abbr, acronym { 251 border-bottom: 1px dotted #666; 252 cursor: help; 253 } 254 255 mark, ins { 256 background: #fff9c0; 257 text-decoration: none; 258 } 259 260 big { 261 font-size: 125%; 262 } 263 264 html { 265 -webkit-box-sizing: border-box; 266 -moz-box-sizing: border-box; 267 box-sizing: border-box; 268 } 269 270 *, 271 *:before, 272 *:after { 273 /* 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/ */ 274 -webkit-box-sizing: inherit; 275 -moz-box-sizing: inherit; 276 box-sizing: inherit; 277 } 278 279 body { 280 background: #fff; 281 /* Fallback for when there is no custom background color defined. */ 282 } 283 284 blockquote, q { 285 quotes: "" ""; 286 } 287 288 blockquote:before, blockquote:after, q:before, q:after { 289 content: ""; 290 } 291 292 blockquote { 293 background: transparent; 294 border: none; 295 padding: 0; 296 border-left: 2px solid #eee; 297 color: #82878c; 298 font-style: italic; 299 margin: 16px 0; 300 margin: 1rem 0; 301 padding-left: 16px; 302 padding-left: 1rem; 303 } 304 305 blockquote cite { 306 font-size: 12.8px; 307 font-size: 0.8rem; 308 } 309 310 hr { 311 background-color: #eee; 312 border: 0; 313 height: 2px; 314 margin: 80px auto; 315 margin: 5rem auto; 316 } 317 318 img { 319 height: auto; 320 /* Make sure images are scaled correctly. */ 321 max-width: 100%; 322 /* Adhere to container width. */ 323 } 324 325 h1, h2, h3, h4, h5, h6 { 326 clear: both; 327 font-family: inherit; 328 line-height: 1.5; 329 margin: 32px 0 16px; 330 margin: 2rem 0 1rem; 331 } 332 333 h1 { 334 font-size: 61.035px; 335 font-size: 3.8146972656rem; 336 font-weight: 300; 337 } 338 339 h2 { 340 font-size: 39.062px; 341 font-size: 2.44140625rem; 342 font-weight: 300; 343 } 344 345 h3 { 346 font-size: 25px; 347 font-size: 1.5625rem; 348 font-weight: 400; 349 } 350 351 h4 { 352 font-size: 20px; 353 font-size: 1.25rem; 354 border: none; 355 color: #32373c; 356 font-weight: 600; 357 padding: 0; 358 } 359 360 h5 { 361 font-size: 16px; 362 font-size: 1rem; 363 font-weight: 600; 364 letter-spacing: 0.16px; 365 letter-spacing: 0.01rem; 366 text-transform: uppercase; 367 } 368 369 h6 { 370 font-size: 12.8px; 371 font-size: 0.8rem; 372 font-weight: 600; 373 letter-spacing: 0.8px; 374 text-transform: uppercase; 375 } 376 377 a { 378 color: #0073aa; 379 } 380 381 a:visited { 382 /* Override wp4.css */ 383 color: #0073aa; 384 } 385 386 a:hover, a:focus, a:active { 387 /* Override wp4.css */ 388 color: #0073aa; 389 text-decoration: underline; 390 } 391 392 a:focus { 393 outline: thin dotted; 394 } 395 396 a:hover, a:active { 397 outline: 0; 398 } 399 400 ul, ol { 401 margin: 0 0 1.5em 3em; 402 } 403 404 ul { 405 list-style: disc; 406 } 407 408 ol { 409 list-style: decimal; 410 } 411 412 li > ul, 413 li > ol { 414 margin-bottom: 0; 415 margin-left: 1.5em; 416 } 417 418 dt { 419 font-weight: bold; 420 } 421 422 dd { 423 margin: 0 1.5em 1.5em; 424 } 425 426 table { 427 border: 1px solid #eee; 428 border-collapse: collapse; 429 font-size: 12.8px; 430 font-size: 0.8rem; 431 margin: 0 0 16px; 432 margin: 0 0 1rem; 433 padding: 0; 434 width: 100%; 435 } 436 437 table thead { 438 background: #32373c; 439 color: #fff; 440 } 441 442 table th, table td { 443 border: 1px solid #eee; 444 font-weight: normal; 445 margin: 0; 446 padding: 6.4px; 447 padding: 0.4rem; 448 text-align: left; 449 vertical-align: top; 450 } 451 452 table tbody tr:nth-child(even) { 453 background: #f7f7f7; 454 } 455 456 html { 457 font-size: 100%; 458 } 459 460 body, 461 button, 462 input, 463 select, 464 textarea { 465 color: #32373c; 466 font-family: "Open Sans", sans-serif; 467 font-size: 100%; 468 line-height: 1.5; 469 } 470 471 @media screen and (min-width: 737px) { 472 html { 473 font-size: 1.125rem; 474 } 475 } 476 477 /* Text meant only for screen readers. */ 478 .screen-reader-text { 479 clip: rect(1px, 1px, 1px, 1px); 480 height: 1px; 481 overflow: hidden; 482 position: absolute !important; 483 width: 1px; 484 } 485 486 .screen-reader-text:focus { 487 background-color: #f1f1f1; 488 -webkit-border-radius: 3px; 489 border-radius: 3px; 490 -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 491 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 492 clip: auto !important; 493 color: #21759b; 494 display: block; 495 font-size: 14px; 496 font-size: 0.875rem; 497 font-weight: bold; 498 height: auto; 499 left: 5px; 500 line-height: normal; 501 padding: 15px 23px 14px; 502 text-decoration: none; 503 top: 5px; 504 width: auto; 505 z-index: 100000; 506 /* Above WP toolbar. */ 507 } 508 509 /* Do not show the outline on the skip link target. */ 510 #content[tabindex="-1"]:focus { 511 outline: 0; 512 } 513 514 .alignleft { 515 display: inline; 516 float: left; 517 margin-right: 1.5em; 518 } 519 520 .alignright { 521 display: inline; 522 float: right; 523 margin-left: 1.5em; 524 } 525 526 .aligncenter { 527 clear: both; 528 display: block; 529 margin-left: auto; 530 margin-right: auto; 531 } 532 533 /* ---------------------------------------------------------------------------- 534 1.0 - Button Layouts 535 ---------------------------------------------------------------------------- */ 536 .button, 537 .button-primary, 538 .button-secondary, 539 .plugin-upload-form .button-primary { 540 border: 1px solid; 541 -webkit-border-radius: 3px; 542 border-radius: 3px; 543 -webkit-box-sizing: border-box; 544 -moz-box-sizing: border-box; 545 box-sizing: border-box; 546 cursor: pointer; 547 display: inline-block; 548 font-size: 12.8px; 549 font-size: 0.8rem; 550 height: 25px; 551 height: 1.5625rem; 552 line-height: 1; 553 margin: 0; 554 padding: 0 12.8px; 555 padding: 0 0.8rem; 556 text-decoration: none; 557 white-space: nowrap; 558 -webkit-appearance: none; 559 } 560 561 /* Remove the dotted border on :focus and the extra padding in Firefox */ 562 button::-moz-focus-inner, 563 input[type="reset"]::-moz-focus-inner, 564 input[type="button"]::-moz-focus-inner, 565 input[type="submit"]::-moz-focus-inner { 566 border: 0 none; 567 padding: 0; 568 } 569 570 .button.button-xl, 571 .button-group.button-xl .button { 572 font-size: 16px; 573 font-size: 1rem; 574 height: 39.062px; 575 height: 2.44140625rem; 576 line-height: 1; 577 padding: 0 24px; 578 padding: 0 1.5rem; 579 } 580 581 .button.button-large, 582 .button-group.button-large .button { 583 height: 31.25px; 584 height: 1.953125rem; 585 line-height: 1; 586 padding: 0 16px; 587 padding: 0 1rem; 588 } 589 590 .button.button-small, 591 .button-group.button-small .button { 592 font-size: 10.24px; 593 font-size: 0.64rem; 594 height: 20px; 595 height: 1.25rem; 596 line-height: 1; 597 padding: 0 8px; 598 padding: 0 0.5rem; 599 } 600 601 a.button, 602 a.button-primary, 603 a.button-secondary { 604 line-height: 25px; 605 line-height: 1.5625rem; 606 } 607 608 a.button.button-large, 609 .button-group.button-large a.button { 610 line-height: 31.25px; 611 line-height: 1.953125rem; 612 } 613 614 a.button.button-xl, 615 .button-group.button-xl a.button { 616 line-height: 39.062px; 617 line-height: 2.44140625rem; 618 } 619 620 a.button.button-small, 621 .button-group.button-small a.button { 622 line-height: 20px; 623 line-height: 1.25rem; 624 } 625 626 .button:active, 627 .button:focus { 628 outline: none; 629 } 630 631 .button.hidden { 632 display: none; 633 } 634 635 /* Style Reset buttons as simple text links */ 636 input[type="reset"], 637 input[type="reset"]:hover, 638 input[type="reset"]:active, 639 input[type="reset"]:focus { 640 background: none; 641 border: none; 642 -webkit-box-shadow: none; 643 box-shadow: none; 644 padding: 0 2px 1px; 645 width: auto; 646 } 647 648 /* ---------------------------------------------------------------------------- 649 2.0 - Default Button Style 650 ---------------------------------------------------------------------------- */ 651 .button, 652 .button:visited, 653 .button-secondary { 654 background: #f7f7f7; 655 border-color: #cccccc; 656 -webkit-box-shadow: 0 1px 0 #cccccc; 657 box-shadow: 0 1px 0 #cccccc; 658 color: #555; 659 vertical-align: top; 660 } 661 662 p .button { 663 vertical-align: baseline; 664 } 665 666 .button.hover, 667 .button:hover, 668 .button-secondary:hover, 669 .button.focus, 670 .button:focus, 671 .button-secondary:focus { 672 background: #fafafa; 673 border-color: #999; 674 color: #23282d; 675 } 676 677 .button.focus, 678 .button:focus, 679 .button-secondary:focus, 680 .button-link:focus { 681 border-color: #5b9dd9; 682 -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); 683 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); 684 } 685 686 .button.active, 687 .button.active:hover, 688 .button:active, 689 .button-secondary:active { 690 background: #eee; 691 border-color: #999; 692 -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); 693 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); 694 -webkit-transform: translateY(1px); 695 -ms-transform: translateY(1px); 696 transform: translateY(1px); 697 } 698 699 .button.active:focus { 700 border-color: #5b9dd9; 701 -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); 702 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8); 703 } 704 705 .button[disabled], 706 .button:disabled, 707 .button.disabled, 708 .button-secondary[disabled], 709 .button-secondary:disabled, 710 .button-secondary.disabled, 711 .button-disabled { 712 background: #f7f7f7 !important; 713 border-color: #ddd !important; 714 -webkit-box-shadow: none !important; 715 box-shadow: none !important; 716 color: #a0a5aa !important; 717 cursor: default; 718 text-shadow: 0 1px 0 #fff !important; 719 -webkit-transform: none !important; 720 -ms-transform: none !important; 721 transform: none !important; 722 } 723 724 /* Buttons that look like links, for a cross of good semantics with the visual */ 725 .button-link { 726 background: none; 727 border: 0; 728 -webkit-border-radius: 0; 729 border-radius: 0; 730 -webkit-box-shadow: none; 731 box-shadow: none; 732 cursor: pointer; 733 margin: 0; 734 outline: none; 735 padding: 0; 736 } 737 738 .button-link:focus { 739 outline: #5b9dd9 solid 1px; 740 } 741 742 /* ---------------------------------------------------------------------------- 743 3.0 - Primary Button Style 744 ---------------------------------------------------------------------------- */ 745 .button-primary, 746 .download-button, 747 .plugin-upload-form .button-primary { 748 background: #0085ba; 749 border-color: #0073aa #006799 #006799; 750 -webkit-box-shadow: 0 1px 0 #006799; 751 box-shadow: 0 1px 0 #006799; 752 color: #fff; 753 text-decoration: none; 754 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; 755 } 756 757 .button-primary:visited, 758 .download-button:visited, 759 .plugin-upload-form .button-primary:visited { 760 background: #0085ba; 761 border-color: #0073aa #006799 #006799; 762 -webkit-box-shadow: 0 1px 0 #006799; 763 box-shadow: 0 1px 0 #006799; 764 color: #fff; 765 } 766 767 .button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus, 768 .download-button.hover, 769 .download-button:hover, 770 .download-button.focus, 771 .download-button:focus, 772 .plugin-upload-form .button-primary.hover, 773 .plugin-upload-form .button-primary:hover, 774 .plugin-upload-form .button-primary.focus, 775 .plugin-upload-form .button-primary:focus { 776 background: #008ec2; 777 border-color: #006799; 778 -webkit-box-shadow: 0 1px 0 #006799; 779 box-shadow: 0 1px 0 #006799; 780 color: #fff; 781 } 782 783 .button-primary.focus, .button-primary:focus, 784 .download-button.focus, 785 .download-button:focus, 786 .plugin-upload-form .button-primary.focus, 787 .plugin-upload-form .button-primary:focus { 788 -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; 789 box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; 790 } 791 792 .button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active, 793 .download-button.active, 794 .download-button.active:hover, 795 .download-button.active:focus, 796 .download-button:active, 797 .plugin-upload-form .button-primary.active, 798 .plugin-upload-form .button-primary.active:hover, 799 .plugin-upload-form .button-primary.active:focus, 800 .plugin-upload-form .button-primary:active { 801 background: #0073aa; 802 border-color: #006799; 803 -webkit-box-shadow: inset 0 2px 0 #006799; 804 box-shadow: inset 0 2px 0 #006799; 805 vertical-align: top; 806 } 807 808 .button-primary[disabled], .button-primary:disabled, .button-primary.disabled, 809 .download-button[disabled], 810 .download-button:disabled, 811 .download-button.disabled, 812 .plugin-upload-form .button-primary[disabled], 813 .plugin-upload-form .button-primary:disabled, 814 .plugin-upload-form .button-primary.disabled { 815 background: #008ec2 !important; 816 border-color: #007cb2 !important; 817 -webkit-box-shadow: none !important; 818 box-shadow: none !important; 819 color: #66c6e4 !important; 820 cursor: default; 821 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; 822 } 823 824 .button-primary.button.button-hero, 825 .download-button.button.button-hero, 826 .plugin-upload-form .button-primary.button.button-hero { 827 -webkit-box-shadow: 0 2px 0 #006799; 828 box-shadow: 0 2px 0 #006799; 829 } 830 831 .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, 832 .download-button.button.button-hero.active, 833 .download-button.button.button-hero.active:hover, 834 .download-button.button.button-hero.active:focus, 835 .download-button.button.button-hero:active, 836 .plugin-upload-form .button-primary.button.button-hero.active, 837 .plugin-upload-form .button-primary.button.button-hero.active:hover, 838 .plugin-upload-form .button-primary.button.button-hero.active:focus, 839 .plugin-upload-form .button-primary.button.button-hero:active { 840 -webkit-box-shadow: inset 0 3px 0 #006799; 841 box-shadow: inset 0 3px 0 #006799; 842 } 843 844 .button-primary-disabled { 845 background: #008ec2 !important; 846 border-color: #007cb2 !important; 847 -webkit-box-shadow: none !important; 848 box-shadow: none !important; 849 color: #66c6e4 !important; 850 cursor: default; 851 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; 852 } 853 854 /* ---------------------------------------------------------------------------- 855 4.0 - Button Groups 856 ---------------------------------------------------------------------------- */ 857 .button-group { 858 display: inline-block; 859 font-size: 0; 860 position: relative; 861 vertical-align: middle; 862 white-space: nowrap; 863 } 864 865 .button-group > .button { 866 -webkit-border-radius: 0; 867 border-radius: 0; 868 display: inline-block; 869 margin-right: -1px; 870 z-index: 10; 871 } 872 873 .button-group > .button-primary { 874 z-index: 100; 875 } 876 877 .button-group > .button:hover { 878 z-index: 20; 879 } 880 881 .button-group > .button:first-child { 882 -webkit-border-radius: 3px 0 0 3px; 883 border-radius: 3px 0 0 3px; 884 } 885 886 .button-group > .button:last-child { 887 -webkit-border-radius: 0 3px 3px 0; 888 border-radius: 0 3px 3px 0; 889 } 890 891 .button-group > .button:focus { 892 position: relative; 893 z-index: 1; 894 } 895 896 /* ---------------------------------------------------------------------------- 897 5.0 - Responsive Button Styles 898 ---------------------------------------------------------------------------- */ 899 @media screen and (max-width: 737px) { 900 .button, 901 .button.button-large, 902 .button.button-small, 903 .plugin-upload-form .button-primary { 904 font-size: 14px; 905 height: auto; 906 line-height: normal; 907 margin-bottom: 4px; 908 padding: 6px 14px; 909 vertical-align: middle; 910 } 911 } 912 913 .clear:before, .page-template-get section.hosting .three-up:before, .page-template-get section.apps-mobile .web-stores:before, .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after, 914 .entry-content:before, 915 .entry-content:after, 916 .comment-content:before, 917 .comment-content:after, 918 .site-header:before, 919 .site-header:after, 920 .site-content:before, 921 .site-content:after, 922 .site-footer:before, 923 .site-footer:after, 924 .home-below:before, 925 .home-below:after { 926 content: ""; 927 display: table; 928 table-layout: fixed; 929 } 930 931 .clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after, 932 .entry-content:after, 933 .comment-content:after, 934 .site-header:after, 935 .site-content:after, 936 .site-footer:after, 937 .home-below:after { 938 clear: both; 939 } 940 941 p.subheading { 942 color: #82878c; 943 font-size: 20px; 944 font-size: 1.25rem; 945 font-weight: 300; 946 margin: -6.4px auto 32px; 947 margin: -0.4rem auto 2rem; 948 text-align: center; 949 } 950 951 p.intro { 952 font-size: 20px; 953 font-size: 1.25rem; 954 } 955 956 p.aside { 957 font-size: 12.8px; 958 font-size: 0.8rem; 959 } 960 961 p.note { 962 font-size: 10.24px; 963 font-size: 0.64rem; 964 letter-spacing: 0.16px; 965 letter-spacing: 0.01rem; 966 max-width: 291.038px; 967 max-width: 18.1898940355rem; 968 } 969 970 .entry-footer > span { 971 margin-right: 16px; 972 margin-right: 1rem; 973 } 974 975 .entry-footer > span :last-of-type { 976 margin: 0; 977 } 978 979 .entry-footer .updated:not(.published) { 980 display: none; 981 } 982 983 .entry-footer .sticky .posted-on, 984 .entry-footer .byline { 985 display: none; 986 } 987 988 .entry-footer .single .byline, 989 .entry-footer .group-blog .byline { 990 display: inline; 991 } 992 993 /* ---------------------------------------------------------------------------- 994 995 WordPress-style Form Elements 996 ============================= 997 These are the current form element styles for wp-admin. Many of them include the .wp-admin class to be appended which I appended to the html tag on this pen. 998 999 Form Styles 1000 ------------- 1001 All form element styles are minimal and require additional styling for layout. 1002 1003 ---------------------------------------------------------------------------- */ 1004 /* Include margin and padding in the width calculation of input and textarea. */ 1005 input, 1006 textarea { 1007 -webkit-box-sizing: border-box; 1008 -moz-box-sizing: border-box; 1009 box-sizing: border-box; 1010 } 1011 1012 input[type="checkbox"], 1013 input[type="color"], 1014 input[type="date"], 1015 input[type="datetime"], 1016 input[type="datetime-local"], 1017 input[type="email"], 1018 input[type="month"], 1019 input[type="number"], 1020 input[type="password"], 1021 input[type="radio"], 1022 input[type="search"], 1023 input[type="tel"], 1024 input[type="text"], 1025 input[type="time"], 1026 input[type="url"], 1027 input[type="week"], 1028 select, 1029 textarea { 1030 background-color: #fff; 1031 border: 1px solid #ddd; 1032 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); 1033 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); 1034 color: #32373c; 1035 outline: none; 1036 -webkit-transition: 0.05s border-color ease-in-out; 1037 transition: 0.05s border-color ease-in-out; 1038 } 1039 1040 input[type="checkbox"]:focus, 1041 input[type="color"]:focus, 1042 input[type="date"]:focus, 1043 input[type="datetime"]:focus, 1044 input[type="datetime-local"]:focus, 1045 input[type="email"]:focus, 1046 input[type="month"]:focus, 1047 input[type="number"]:focus, 1048 input[type="password"]:focus, 1049 input[type="radio"]:focus, 1050 input[type="search"]:focus, 1051 input[type="tel"]:focus, 1052 input[type="text"]:focus, 1053 input[type="time"]:focus, 1054 input[type="url"]:focus, 1055 input[type="week"]:focus, 1056 select:focus, 1057 textarea:focus { 1058 border-color: #5b9dd9; 1059 -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); 1060 box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); 1061 } 1062 1063 /* rtl:ignore */ 1064 input[type="email"], 1065 input[type="url"] { 1066 direction: ltr; 1067 } 1068 1069 /* Vertically align the number selector with the input. */ 1070 input[type="number"] { 1071 height: 28px; 1072 line-height: inherit; 1073 } 1074 1075 input[type="checkbox"], 1076 input[type="radio"] { 1077 background: #fff; 1078 border: 1px solid #b4b9be; 1079 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 1080 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 1081 clear: none; 1082 color: #555; 1083 cursor: pointer; 1084 display: inline-block; 1085 height: 16px; 1086 line-height: 0; 1087 margin: -4px 4px 0 0; 1088 min-width: 16px; 1089 outline: 0; 1090 padding: 0 !important; 1091 text-align: center; 1092 -webkit-transition: 0.05s border-color ease-in-out; 1093 transition: 0.05s border-color ease-in-out; 1094 vertical-align: middle; 1095 width: 16px; 1096 -webkit-appearance: none; 1097 } 1098 1099 input[type="checkbox"]:checked:before, 1100 input[type="radio"]:checked:before { 1101 display: inline-block; 1102 float: left; 1103 font: normal 21px/1 dashicons; 1104 vertical-align: middle; 1105 width: 16px; 1106 speak: none; 1107 -webkit-font-smoothing: antialiased; 1108 -moz-osx-font-smoothing: grayscale; 1109 } 1110 1111 input[type="checkbox"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"]:disabled:checked:before, input[type="checkbox"].disabled:checked:before, 1112 input[type="radio"].disabled, 1113 input[type="radio"]:disabled, 1114 input[type="radio"]:disabled:checked:before, 1115 input[type="radio"].disabled:checked:before { 1116 opacity: 0.7; 1117 } 1118 1119 input[type="checkbox"]:checked:before { 1120 color: #1e8cbe; 1121 content: "\f147"; 1122 margin: -3px 0 0 -4px; 1123 } 1124 1125 input[type="radio"] { 1126 -webkit-border-radius: 50%; 1127 border-radius: 50%; 1128 line-height: 10px; 1129 margin-right: 4px; 1130 } 1131 1132 input[type="radio"]:checked + label:before { 1133 color: #82878c; 1134 } 1135 1136 input[type="radio"]:checked:before { 1137 background-color: #1e8cbe; 1138 -webkit-border-radius: 50px; 1139 border-radius: 50px; 1140 content: "\2022"; 1141 font-size: 24px; 1142 height: 6px; 1143 line-height: 16px; 1144 margin: 4px; 1145 text-indent: -9999px; 1146 width: 6px; 1147 } 1148 1149 input[type="reset"]:hover, 1150 input[type="reset"]:active { 1151 color: #00a0d2; 1152 } 1153 1154 /* Search */ 1155 input[type="search"] { 1156 -webkit-appearance: textfield; 1157 } 1158 1159 input[type="search"]::-webkit-search-decoration { 1160 display: none; 1161 } 1162 1163 textarea, 1164 input, 1165 select, 1166 button { 1167 font-family: inherit; 1168 font-size: inherit; 1169 font-weight: inherit; 1170 } 1171 1172 textarea, 1173 input, 1174 select { 1175 -webkit-border-radius: 0; 1176 border-radius: 0; 1177 font-size: 14px; 1178 padding: 3px 5px; 1179 /* Reset mobile webkit's default element styling */ 1180 } 1181 1182 textarea { 1183 line-height: 1.4; 1184 overflow: auto; 1185 padding: 2px 6px; 1186 resize: vertical; 1187 } 1188 1189 textarea.code { 1190 line-height: 1.4; 1191 padding: 4px 6px 1px 6px; 1192 } 1193 1194 label { 1195 cursor: pointer; 1196 vertical-align: middle; 1197 } 1198 1199 input, 1200 select { 1201 margin: 1px; 1202 padding: 3px 5px; 1203 } 1204 1205 input.code { 1206 padding-top: 6px; 1207 } 1208 1209 input.readonly, 1210 input[readonly], 1211 textarea.readonly, 1212 textarea[readonly] { 1213 background-color: #eee; 1214 } 1215 1216 :-moz-placeholder, 1217 .wp-core-ui :-moz-placeholder { 1218 color: #a9a9a9; 1219 } 1220 1221 input:disabled, 1222 input.disabled, 1223 select:disabled, 1224 select.disabled, 1225 textarea:disabled, 1226 textarea.disabled { 1227 background: rgba(255, 255, 255, 0.5); 1228 border-color: rgba(222, 222, 222, 0.75); 1229 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); 1230 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04); 1231 color: rgba(51, 51, 51, 0.5); 1232 } 1233 1234 input[type="file"]:disabled, 1235 input[type="file"].disabled, 1236 input[type="range"]:disabled, 1237 input[type="range"].disabled { 1238 background: none; 1239 -webkit-box-shadow: none; 1240 box-shadow: none; 1241 } 1242 1243 input.large-text, 1244 textarea.large-text { 1245 width: 99%; 1246 } 1247 1248 input.regular-text { 1249 width: 25em; 1250 } 1251 1252 input.small-text { 1253 padding: 1px 6px; 1254 width: 50px; 1255 } 1256 1257 input[type="number"].small-text { 1258 width: 65px; 1259 } 1260 1261 input.tiny-text { 1262 width: 35px; 1263 } 1264 1265 input[type="number"].tiny-text { 1266 width: 45px; 1267 } 1268 1269 /* =Media Queries 1270 -------------------------------------------------------------- */ 1271 @media screen and (max-width: 782px) { 1272 /* Input Elements */ 1273 textarea { 1274 -webkit-appearance: none; 1275 } 1276 input[type="text"], 1277 input[type="email"], 1278 input[type="search"], 1279 input[type="password"], 1280 input[type="number"] { 1281 -webkit-appearance: none; 1282 padding: 6px 10px; 1283 } 1284 input[type="number"] { 1285 height: 40px; 1286 } 1287 input.code { 1288 padding-bottom: 5px; 1289 padding-top: 10px; 1290 } 1291 input[type="checkbox"] { 1292 -webkit-appearance: none; 1293 padding: 10px; 1294 } 1295 input[type="checkbox"]:checked:before { 1296 font: normal 30px/1 dashicons; 1297 margin: -3px -5px; 1298 } 1299 input[type="radio"], 1300 input[type="checkbox"] { 1301 height: 25px; 1302 width: 25px; 1303 } 1304 input[type="radio"]:checked:before { 1305 vertical-align: middle; 1306 width: 9px; 1307 height: 9px; 1308 margin: 7px; 1309 line-height: 16px; 1310 } 1311 textarea, 1312 input { 1313 font-size: 16px; 1314 } 1315 input[type="text"].small-text, 1316 input[type="search"].small-text, 1317 input[type="password"].small-text, 1318 input[type="number"].small-text, 1319 input[type="number"].small-text { 1320 width: auto; 1321 max-width: 55px; 1322 display: inline; 1323 padding: 3px 6px; 1324 margin: 0 3px; 1325 } 1326 input.regular-text { 1327 width: 100%; 1328 } 1329 label { 1330 font-size: 14px; 1331 } 1332 fieldset label { 1333 display: block; 1334 } 1335 } 1336 1337 a.button:hover, a.button:focus, a.button:active { 1338 text-decoration: none; 1339 } 1340 1341 p a:not(.button), 1342 p a:not(.button):hover { 1343 border: none; 1344 } 1345 1346 .main-navigation { 1347 background: #0073aa; 1348 clear: both; 1349 left: 0; 1350 position: absolute; 1351 top: 60px; 1352 width: 100%; 1353 } 1354 1355 .main-navigation ul { 1356 display: none; 1357 list-style: none; 1358 margin: 0; 1359 padding-left: 0; 1360 } 1361 1362 .main-navigation ul ul { 1363 -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 1364 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 1365 float: left; 1366 left: -999em; 1367 position: absolute; 1368 top: 1.5em; 1369 z-index: 99999; 1370 } 1371 1372 .main-navigation ul ul ul { 1373 left: -999em; 1374 top: 0; 1375 } 1376 1377 .main-navigation ul ul li:hover > ul, 1378 .main-navigation ul ul li.focus > ul { 1379 left: 100%; 1380 } 1381 1382 .main-navigation ul ul a { 1383 width: 200px; 1384 } 1385 1386 .main-navigation ul li:hover > ul, 1387 .main-navigation ul li.focus > ul { 1388 left: auto; 1389 } 1390 1391 .main-navigation li { 1392 border-top: 1px solid rgba(255, 255, 255, 0.2); 1393 padding: 16px; 1394 padding: 1rem; 1395 } 1396 1397 .main-navigation a { 1398 color: rgba(255, 255, 255, 0.8); 1399 display: block; 1400 font-size: 12.8px; 1401 font-size: 0.8rem; 1402 text-decoration: none; 1403 } 1404 1405 .main-navigation a:hover, .main-navigation a.active { 1406 color: #fff; 1407 } 1408 1409 @media screen and (min-width: 737px) { 1410 .main-navigation a.active { 1411 border-bottom: 1px solid; 1412 } 1413 } 1414 1415 /* Small menu. */ 1416 .main-navigation.toggled ul { 1417 display: block; 1418 } 1419 1420 .menu-toggle { 1421 background: transparent; 1422 border: none; 1423 color: #fff; 1424 font-size: 25px; 1425 font-size: 1.5625rem; 1426 height: 56px; 1427 height: 3.5rem; 1428 overflow: hidden; 1429 position: absolute; 1430 right: 16px; 1431 right: 1rem; 1432 top: -58px; 1433 width: 56px; 1434 width: 3.5rem; 1435 -webkit-appearance: none; 1436 } 1437 1438 .toggled .menu-toggle:before { 1439 content: "\f343"; 1440 } 1441 1442 @media screen and (min-width: 737px) { 1443 .menu-toggle { 1444 display: none; 1445 } 1446 .main-navigation { 1447 float: right; 1448 position: initial; 1449 width: initial; 1450 } 1451 .main-navigation.toggled { 1452 padding: 1px 0; 1453 } 1454 .main-navigation ul { 1455 display: inline-block; 1456 font-size: 0; 1457 } 1458 .main-navigation ul li { 1459 border: 0; 1460 display: inline-block; 1461 font-size: 1rem; 1462 margin-right: 1rem; 1463 padding: 0; 1464 } 1465 .main-navigation ul li:last-of-type { 1466 margin-right: 0; 1467 } 1468 } 1469 1470 .notice { 1471 background: #fff; 1472 border-left: 4px solid #fff; 1473 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 1474 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 1475 margin: 1em 0; 1476 padding: 1px 12px; 1477 } 1478 1479 .notice p { 1480 font-size: 12.8px; 1481 font-size: 0.8rem; 1482 margin: 0.5em 0; 1483 padding: 2px; 1484 } 1485 1486 .notice.notice-alt { 1487 -webkit-box-shadow: none; 1488 box-shadow: none; 1489 } 1490 1491 .notice.notice-large { 1492 padding: 10px 20px; 1493 } 1494 1495 .notice.notice-success { 1496 border-left-color: #46b450; 1497 } 1498 1499 .notice.notice-success.notice-alt { 1500 background-color: #ecf7ed; 1501 } 1502 1503 .notice.notice-warning { 1504 border-left-color: #ffb900; 1505 } 1506 1507 .notice.notice-warning.notice-alt { 1508 background-color: #fff8e5; 1509 } 1510 1511 .notice.notice-error { 1512 border-left-color: #dc3232; 1513 } 1514 1515 .notice.notice-error.notice-alt { 1516 background-color: #fbeaea; 1517 } 1518 1519 .notice.notice-info { 1520 border-left-color: #00a0d2; 1521 } 1522 1523 .notice.notice-info.notice-alt { 1524 background-color: #e5f5fa; 1525 } 1526 1527 .site-content { 1528 margin: 0 auto; 1529 max-width: 960px; 1530 padding: 48.828px 25px; 1531 padding: 3.0517578125rem 1.5625rem; 1532 } 1533 1534 @media screen and (min-width: 737px) { 1535 .site-content { 1536 padding: 3.0517578125rem 10px; 1537 } 1538 } 1539 1540 .site-content.single, 1541 .single .site-content { 1542 padding: 0; 1543 } 1544 1545 @media screen and (min-width: 737px) { 1546 .site-content.single, 1547 .single .site-content { 1548 padding: 0 10px 3.0517578125rem; 1549 } 1550 } 1551 1552 .site-content.page, 1553 .page .site-content, 1554 .home .site-content { 1555 margin: auto; 1556 max-width: none; 1557 padding: 0; 1558 } 1559 1560 .site-content .page-title { 1561 font-size: 25px; 1562 font-size: 1.5625rem; 1563 font-weight: 400; 1564 } 1565 1566 .site-content .no-results { 1567 margin: 0 auto; 1568 max-width: 568.434px; 1569 max-width: 35.527136788rem; 1570 padding: 0 32px; 1571 padding: 0 2rem; 1572 } 1573 1574 .site-description { 1575 color: rgba(255, 255, 255, 0.8); 1576 font-size: 20px; 1577 font-size: 1.25rem; 1578 font-weight: 300; 1579 margin: -6.4px auto 32px; 1580 margin: -0.4rem auto 2rem; 1581 text-align: center; 1582 } 1583 1584 .site-header { 1585 background: #0073aa; 1586 padding: 16px 0; 1587 padding: 1rem 0; 1588 position: relative; 1589 } 1590 1591 .site-header .site-branding { 1592 margin: 0 auto; 1593 max-width: 960px; 1594 padding: 0 25px; 1595 padding: 0 1.5625rem; 1596 } 1597 1598 @media screen and (min-width: 737px) { 1599 .site-header .site-branding { 1600 padding: 0 10px; 1601 } 1602 } 1603 1604 .site-header.home { 1605 padding: 25px 18.288px; 1606 padding: 1.5625rem 1.143rem; 1607 text-align: center; 1608 } 1609 1610 .site-title { 1611 display: inline-block; 1612 font-size: 25px; 1613 font-size: 1.5625rem; 1614 font-weight: 300; 1615 line-height: 1; 1616 margin: 0 32px 0 0; 1617 margin: 0 2rem 0 0; 1618 max-width: none; 1619 } 1620 1621 .site-title a { 1622 color: #fff; 1623 font-weight: 300; 1624 } 1625 1626 .site-title a:hover, .site-title a:focus, .site-title a:active { 1627 text-decoration: none; 1628 } 1629 1630 .site-header.home .site-title { 1631 display: inherit; 1632 font-size: 61.035px; 1633 font-size: 3.8146972656rem; 1634 margin: 32px 0 16px; 1635 margin: 2rem 0 1rem; 1636 } 1637 1638 #wporg-header h1 { 1639 margin: auto; 1640 } 1641 1642 #wporg-header h2.rosetta { 1643 clear: none; 1644 } 1645 1646 #wporg-header form input { 1647 -webkit-box-sizing: content-box; 1648 -moz-box-sizing: content-box; 1649 box-sizing: content-box; 1650 margin: 0; 1651 padding: 3px; 1652 } 1653 1654 #wporg-header .button { 1655 -webkit-box-shadow: none; 1656 box-shadow: none; 1657 } 1658 1659 #wporg-header .download-button { 1660 background-color: #21759b; 1661 background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b)); 1662 background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); 1663 background-image: linear-gradient(to bottom, #2a95c5, #21759b); 1664 border-bottom-color: #1e6a8d; 1665 border-color: #21759b; 1666 -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5); 1667 box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5); 1668 } 1669 1670 #wporg-header .download-button:hover, #wporg-header .download-button:focus { 1671 background-color: #278ab7; 1672 background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b)); 1673 background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b); 1674 background-image: linear-gradient(to bottom, #2e9fd2, #21759b); 1675 border-color: #1b607f; 1676 -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); 1677 box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); 1678 color: #fff; 1679 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 1680 } 1681 1682 #wporg-header .download-button:active { 1683 background: #1b607f; 1684 background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7)); 1685 background-image: -webkit-linear-gradient(top, #21759b, #278ab7); 1686 background-image: linear-gradient(to bottom, #21759b, #278ab7); 1687 border-color: #124560 #2382ae #2382ae #2382ae; 1688 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); 1689 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); 1690 color: rgba(255, 255, 255, 0.95); 1691 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); 1692 -webkit-transform: none; 1693 -ms-transform: none; 1694 transform: none; 1695 } 1696 1697 #wporg-header a:hover, 1698 #wporg-header a:focus, 1699 #wporg-header a:active { 1700 text-decoration: none; 1701 } 1702 1703 @media screen and (min-width: 769px) { 1704 #wporg-header ul li.current-menu-item:after, 1705 #wporg-header ul li.current_page_parent:after, 1706 #wporg-header ul li a.current ~ .uparrow { 1707 border-bottom-color: #0073aa; 1708 } 1709 } 1710 1711 .home .site-header { 1712 background: #0073aa; 1713 padding: 18px 36px; 1714 } 1715 1716 @media (min-width: 737px) { 1717 .home .site-header { 1718 padding: 1.5625rem; 1719 } 1720 } 1721 1722 .home .site-header .site-title { 1723 color: #fff; 1724 display: block; 1725 font-size: 61.035px; 1726 font-size: 3.8146972656rem; 1727 font-weight: 300; 1728 line-height: 1; 1729 margin: 32px 0 16px; 1730 margin: 2rem 0 1rem; 1731 text-align: center; 1732 } 1733 1734 .home .site-header .site-description { 1735 color: #fff; 1736 max-width: 568.434px; 1737 max-width: 35.52714rem; 1738 padding: 11px 0; 1739 } 1740 1741 .error-404 .page-title { 1742 text-align: center; 1743 } 1744 1745 .error-404 .page-content { 1746 text-align: center; 1747 } 1748 1749 .error-404 .page-content .logo-swing { 1750 height: 160px; 1751 height: 10rem; 1752 margin: 96px auto; 1753 margin: 6rem auto; 1754 position: relative; 1755 text-align: center; 1756 width: 160px; 1757 width: 10rem; 1758 } 1759 1760 .error-404 .page-content .logo-swing .wp-logo { 1761 left: 0; 1762 max-width: none; 1763 position: absolute; 1764 top: 0; 1765 width: 160px; 1766 width: 10rem; 1767 } 1768 1769 @-webkit-keyframes hinge { 1770 10% { 1771 width: 180px; 1772 height: 180px; 1773 -webkit-transform: rotate3d(0, 0, 1, 0deg); 1774 transform: rotate3d(0, 0, 1, 0deg); 1775 } 1776 15% { 1777 width: 185px; 1778 height: 185px; 1779 -webkit-transform: rotate3d(0, 0, 1, 0deg); 1780 transform: rotate3d(0, 0, 1, 0deg); 1781 } 1782 20% { 1783 width: 180px; 1784 height: 180px; 1785 -webkit-transform: rotate3d(0, 0, 1, 5deg); 1786 transform: rotate3d(0, 0, 1, 5deg); 1787 } 1788 40% { 1789 -webkit-transform-origin: top left; 1790 transform-origin: top left; 1791 -webkit-animation-timing-function: ease-in-out; 1792 animation-timing-function: ease-in-out; 1793 } 1794 60% { 1795 -webkit-transform: rotate3d(0, 0, 1, 40deg); 1796 transform: rotate3d(0, 0, 1, 40deg); 1797 -webkit-transform-origin: top left; 1798 transform-origin: top left; 1799 -webkit-animation-timing-function: ease-in-out; 1800 animation-timing-function: ease-in-out; 1801 } 1802 40%, 80% { 1803 -webkit-transform: rotate3d(0, 0, 1, 60deg); 1804 transform: rotate3d(0, 0, 1, 60deg); 1805 -webkit-transform-origin: top left; 1806 transform-origin: top left; 1807 -webkit-animation-timing-function: ease-in-out; 1808 animation-timing-function: ease-in-out; 1809 opacity: 1; 1810 } 1811 to { 1812 -webkit-transform: translate3d(0, 700px, 0); 1813 transform: translate3d(0, 700px, 0); 1814 opacity: 0; 1815 } 1816 } 1817 1818 @keyframes hinge { 1819 10% { 1820 width: 180px; 1821 height: 180px; 1822 -webkit-transform: rotate3d(0, 0, 1, 0deg); 1823 transform: rotate3d(0, 0, 1, 0deg); 1824 } 1825 15% { 1826 width: 185px; 1827 height: 185px; 1828 -webkit-transform: rotate3d(0, 0, 1, 0deg); 1829 transform: rotate3d(0, 0, 1, 0deg); 1830 } 1831 20% { 1832 width: 180px; 1833 height: 180px; 1834 -webkit-transform: rotate3d(0, 0, 1, 5deg); 1835 transform: rotate3d(0, 0, 1, 5deg); 1836 } 1837 40% { 1838 -webkit-transform-origin: top left; 1839 transform-origin: top left; 1840 -webkit-animation-timing-function: ease-in-out; 1841 animation-timing-function: ease-in-out; 1842 } 1843 60% { 1844 -webkit-transform: rotate3d(0, 0, 1, 40deg); 1845 transform: rotate3d(0, 0, 1, 40deg); 1846 -webkit-transform-origin: top left; 1847 transform-origin: top left; 1848 -webkit-animation-timing-function: ease-in-out; 1849 animation-timing-function: ease-in-out; 1850 } 1851 40%, 80% { 1852 -webkit-transform: rotate3d(0, 0, 1, 60deg); 1853 transform: rotate3d(0, 0, 1, 60deg); 1854 -webkit-transform-origin: top left; 1855 transform-origin: top left; 1856 -webkit-animation-timing-function: ease-in-out; 1857 animation-timing-function: ease-in-out; 1858 opacity: 1; 1859 } 1860 to { 1861 -webkit-transform: translate3d(0, 700px, 0); 1862 transform: translate3d(0, 700px, 0); 1863 opacity: 0; 1864 } 1865 } 1866 1867 .hinge { 1868 -webkit-animation-duration: 2s; 1869 animation-duration: 2s; 1870 -webkit-animation-name: hinge; 1871 animation-name: hinge; 1872 } 1873 1874 .comments-area { 1875 margin-top: 5em; 1876 } 1877 1878 .comments-area > :last-child { 1879 margin-bottom: 0; 1880 } 1881 1882 .comments-area .comment-list + .comment-respond { 1883 border-top: 1px solid #eaeaea; 1884 } 1885 1886 .comments-area .comment-list + .comment-respond, 1887 .comments-area .comment-navigation + .comment-respond { 1888 padding-top: 1.6em; 1889 } 1890 1891 .comments-area .comments-title { 1892 margin-bottom: 1.3333em; 1893 } 1894 1895 .comments-area .comment-list { 1896 list-style: none; 1897 margin: 0; 1898 } 1899 1900 .comments-area .comment-list article, 1901 .comments-area .comment-list .pingback, 1902 .comments-area .comment-list .trackback { 1903 border-top: 1px solid #eaeaea; 1904 padding: 1.6em 0; 1905 } 1906 1907 .comments-area .comment-list .children { 1908 list-style: none; 1909 margin: 0; 1910 } 1911 1912 .comments-area .comment-list .children > li { 1913 padding-left: 0.8em; 1914 } 1915 1916 .comments-area .comment-list .alt { 1917 background: none; 1918 } 1919 1920 .comments-area .comment-author { 1921 color: #999; 1922 margin-bottom: 0.4em; 1923 } 1924 1925 .comments-area .comment-author .avatar { 1926 float: left; 1927 height: 24px; 1928 margin-right: 0.8em; 1929 width: 24px; 1930 } 1931 1932 .comments-area .comment-metadata, 1933 .comments-area .pingback .edit-link { 1934 color: #999; 1935 line-height: 1.5; 1936 } 1937 1938 .comments-area .comment-metadata a, 1939 .comments-area .pingback .edit-link a { 1940 color: #777; 1941 border-bottom: 1px solid #dfdfdf; 1942 } 1943 1944 .comments-area .comment-metadata a:hover, .comments-area .comment-metadata a:focus, 1945 .comments-area .pingback .edit-link a:hover, 1946 .comments-area .pingback .edit-link a:focus { 1947 color: #d54e21; 1948 border-bottom-color: #d54e21; 1949 } 1950 1951 .comments-area .comment-metadata { 1952 margin-bottom: 1.6em; 1953 } 1954 1955 .comments-area .comment-metadata .edit-link { 1956 margin-left: 1em; 1957 } 1958 1959 .comments-area .pingback .edit-link { 1960 margin-left: 1em; 1961 } 1962 1963 .comments-area .pingback .edit-link:before { 1964 top: 5px; 1965 } 1966 1967 .comments-area .comment-content ul, 1968 .comments-area .comment-content ol { 1969 margin: 0 0 1.6em 1.3333em; 1970 } 1971 1972 .comments-area .comment-content li > ul, 1973 .comments-area .comment-content li > ol { 1974 margin-bottom: 0; 1975 } 1976 1977 .comments-area .comment-content > :last-child { 1978 margin-bottom: 0; 1979 } 1980 1981 .comments-area .comment-content .reply { 1982 font-size: 12px; 1983 } 1984 1985 .comments-area .comment-content .reply a { 1986 border: 1px solid #eaeaea; 1987 color: #707070; 1988 display: inline-block; 1989 font-weight: 700; 1990 line-height: 1; 1991 margin-top: 2em; 1992 padding: 0.4167em 0.8333em; 1993 text-transform: uppercase; 1994 } 1995 1996 .comments-area .comment-content .reply a:hover, .comments-area .comment-content .reply a:focus { 1997 border-color: #333; 1998 color: #333; 1999 outline: 0; 2000 } 2001 2002 .comments-area .comment-form { 2003 padding-top: 1.6em; 2004 } 2005 2006 .comments-area .comment-form label { 2007 font-size: 12px; 2008 font-weight: 700; 2009 display: block; 2010 letter-spacing: 0.04em; 2011 line-height: 1.5; 2012 } 2013 2014 .comments-area .comment-form input[type="text"], 2015 .comments-area .comment-form input[type="email"], 2016 .comments-area .comment-form input[type="url"] { 2017 width: 100%; 2018 } 2019 2020 .comments-area .comment-notes, 2021 .comments-area .comment-awaiting-moderation, 2022 .comments-area .logged-in-as, 2023 .comments-area .form-allowed-tags { 2024 font-size: 16px; 2025 font-size: 1rem; 2026 line-height: 1.5; 2027 margin-bottom: 2em; 2028 } 2029 2030 .comments-area .no-comments { 2031 border-top: 1px solid #eaeaea; 2032 color: #999; 2033 font-weight: 700; 2034 padding-top: 1.6em; 2035 } 2036 2037 .comments-area .comment-navigation + .no-comments { 2038 border-top: 0; 2039 } 2040 2041 .comments-area .form-allowed-tags code { 2042 font-family: Inconsolata, monospace; 2043 } 2044 2045 .comments-area .form-submit { 2046 margin-bottom: 0; 2047 } 2048 2049 .comments-area .required { 2050 color: #c0392b; 2051 } 2052 2053 .page .entry-header { 2054 background: #0073aa; 2055 padding: 16px 0; 2056 padding: 1rem 0; 2057 position: relative; 2058 } 2059 2060 .page .entry-header .entry-title { 2061 color: #fff; 2062 font-size: 25px; 2063 font-size: 1.5625rem; 2064 font-weight: 300; 2065 line-height: 1; 2066 margin: 0 auto; 2067 max-width: 960px; 2068 padding: 0 25px; 2069 padding: 0 1.5625rem; 2070 } 2071 2072 @media screen and (min-width: 737px) { 2073 .page .entry-header .entry-title { 2074 padding: 0 10px; 2075 } 2076 } 2077 2078 .page .entry-header.home { 2079 padding: 25px 18.288px; 2080 padding: 1.5625rem 1.143rem; 2081 text-align: center; 2082 } 2083 2084 .page .entry-content, 2085 .page .entry-footer { 2086 margin: 0 auto; 2087 max-width: 960px; 2088 padding: 48.828px 25px; 2089 padding: 3.0517578125rem 1.5625rem; 2090 } 2091 2092 .post-navigation { 2093 margin: 5em auto; 2094 padding: 0; 2095 } 2096 2097 .post-navigation a { 2098 border-bottom: 1px solid #eaeaea; 2099 color: #444; 2100 display: block; 2101 font-weight: 600; 2102 padding: 11px 0 12px; 2103 text-transform: none; 2104 width: 100%; 2105 } 2106 2107 .post-navigation a:hover { 2108 color: #21759b; 2109 } 2110 2111 .post-navigation .nav-links { 2112 border-top: 1px solid #eaeaea; 2113 -webkit-hyphens: auto; 2114 -moz-hyphens: auto; 2115 -ms-hyphens: auto; 2116 hyphens: auto; 2117 word-wrap: break-word; 2118 } 2119 2120 .post-navigation .meta-nav { 2121 color: #777; 2122 display: block; 2123 font-size: 13px; 2124 line-height: 2; 2125 text-transform: uppercase; 2126 } 2127 2128 .post-navigation .nav-next { 2129 text-align: right; 2130 } 2131 2132 .home-welcome { 2133 background: #fff; 2134 border-bottom: 1px solid #dfdfdf; 2135 color: #32373c; 2136 font-family: "Open Sans", sans-serif; 2137 font-weight: 400; 2138 line-height: 1.5; 2139 max-width: initial; 2140 padding: 0; 2141 } 2142 2143 @media (min-width: 737px) { 2144 .home-welcome { 2145 font-size: 18px; 2146 } 2147 } 2148 2149 .home-welcome h1 { 2150 font-size: 51.2px; 2151 font-size: 3.2rem; 2152 } 2153 2154 .home-welcome a:not(.button) { 2155 background-color: transparent; 2156 border: none; 2157 color: #0073aa; 2158 text-decoration: none; 2159 } 2160 2161 .home-welcome a:not(.button):hover { 2162 text-decoration: underline; 2163 } 2164 2165 .home-welcome a:not(.button):active, .home-welcome a:not(.button):hover { 2166 outline-width: 0; 2167 } 2168 2169 .home-welcome p { 2170 font-size: 18px; 2171 margin: 1em 0; 2172 max-width: 568.434px; 2173 max-width: 35.52714rem; 2174 } 2175 2176 .home-welcome p.subheading { 2177 color: #82878c; 2178 font-size: 20px; 2179 font-size: 1.25rem; 2180 font-weight: 300; 2181 margin: -6.4px auto 32px; 2182 margin: -.4rem auto 2rem; 2183 text-align: center; 2184 } 2185 2186 .home-welcome section { 2187 border-bottom: 2px solid #eee; 2188 margin: 0 auto; 2189 max-width: 800px; 2190 max-width: 50rem; 2191 padding: 48.828px 25px; 2192 padding: 3.05176rem 1.5625rem; 2193 } 2194 2195 .home-welcome section:last-of-type { 2196 border-bottom: none; 2197 } 2198 2199 .home-welcome section h2 { 2200 line-height: 1; 2201 text-align: center; 2202 } 2203 2204 .home-welcome section .container { 2205 margin: 0 auto; 2206 max-width: 800px; 2207 max-width: 50rem; 2208 } 2209 2210 .home-welcome .dashicons { 2211 color: #cbcdce; 2212 display: block; 2213 font-size: 64px; 2214 font-size: 4rem; 2215 height: auto; 2216 margin: 0 auto -16px; 2217 margin: 0 auto -1rem; 2218 width: auto; 2219 } 2220 2221 .home-welcome .intro { 2222 padding-bottom: 0; 2223 } 2224 2225 .home-welcome .features { 2226 border-top: 2px solid #eee; 2227 } 2228 2229 .home-welcome .features ul { 2230 -webkit-box-align: center; 2231 -webkit-align-items: center; 2232 -moz-box-align: center; 2233 -ms-flex-align: center; 2234 align-items: center; 2235 display: -webkit-box; 2236 display: -webkit-flex; 2237 display: -moz-box; 2238 display: -ms-flexbox; 2239 display: flex; 2240 -webkit-flex-wrap: wrap; 2241 -ms-flex-wrap: wrap; 2242 flex-wrap: wrap; 2243 list-style: none; 2244 margin: 48px 0; 2245 margin: 3rem 0; 2246 padding: 0; 2247 } 2248 2249 .home-welcome .features ul li { 2250 -webkit-box-align: center; 2251 -webkit-align-items: center; 2252 -moz-box-align: center; 2253 -ms-flex-align: center; 2254 align-items: center; 2255 border-bottom: 1px solid #eee; 2256 border-right: 1px solid #eee; 2257 display: -webkit-box; 2258 display: -webkit-flex; 2259 display: -moz-box; 2260 display: -ms-flexbox; 2261 display: flex; 2262 -webkit-box-orient: vertical; 2263 -webkit-box-direction: normal; 2264 -webkit-flex-direction: column; 2265 -moz-box-orient: vertical; 2266 -moz-box-direction: normal; 2267 -ms-flex-direction: column; 2268 flex-direction: column; 2269 height: 160px; 2270 -webkit-box-pack: center; 2271 -webkit-justify-content: center; 2272 -moz-box-pack: center; 2273 -ms-flex-pack: center; 2274 justify-content: center; 2275 text-align: center; 2276 width: 50%; 2277 } 2278 2279 @media (max-width: 739px) { 2280 .home-welcome .features ul li:nth-child(n+7) { 2281 border-bottom: none; 2282 } 2283 .home-welcome .features ul li:nth-child(2n) { 2284 border-right: none; 2285 } 2286 } 2287 2288 @media (min-width: 740px) { 2289 .home-welcome .features ul li { 2290 width: 25%; 2291 height: 200px; 2292 } 2293 .home-welcome .features ul li:nth-child(4n) { 2294 border-right: none; 2295 } 2296 .home-welcome .features ul li:nth-child(n+5) { 2297 border-bottom: none; 2298 } 2299 } 2300 2301 .home-welcome .features ul li img { 2302 height: 40px; 2303 height: 2.5rem; 2304 margin: 4px auto 20px; 2305 margin: .25rem auto 1.25rem; 2306 } 2307 2308 .home-welcome .features ul li img, 2309 .home-welcome .features ul li span { 2310 color: #00a0d2; 2311 display: block; 2312 font-size: 48px; 2313 font-size: 3rem; 2314 margin-bottom: 16px; 2315 margin-bottom: 1rem; 2316 } 2317 2318 .home-welcome .features p { 2319 margin-left: auto; 2320 margin-right: auto; 2321 text-align: center; 2322 } 2323 2324 .home-welcome .screenshots { 2325 height: 400px; 2326 left: -30px; 2327 overflow: hidden; 2328 padding: 16px 16px 0; 2329 padding: 1rem 1rem 0; 2330 position: relative; 2331 right: 0; 2332 width: 106%; 2333 } 2334 2335 @media (max-width: 739px) { 2336 .home-welcome .screenshots { 2337 padding: 0; 2338 left: auto; 2339 right: auto; 2340 width: 100%; 2341 } 2342 } 2343 2344 .home-welcome .screenshots .dashboard { 2345 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); 2346 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); 2347 max-width: 800px; 2348 } 2349 2350 .home-welcome .screenshots .dashboard-mobile { 2351 bottom: -100px; 2352 max-width: 200px; 2353 position: absolute; 2354 right: 1px; 2355 z-index: 1; 2356 } 2357 2358 .home-welcome .cta-wrapper { 2359 display: block; 2360 font-size: 14.63px; 2361 font-size: .9144rem; 2362 margin: 32px 0; 2363 margin: 2rem 0; 2364 text-align: center; 2365 } 2366 2367 @media (min-width: 737px) { 2368 .home-welcome .cta-wrapper { 2369 font-size: .8rem; 2370 margin: 4rem 0 2rem; 2371 } 2372 } 2373 2374 .home-welcome .community-2 { 2375 -webkit-box-align: start; 2376 -webkit-align-items: flex-start; 2377 -moz-box-align: start; 2378 -ms-flex-align: start; 2379 align-items: flex-start; 2380 background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat; 2381 -webkit-background-size: cover; 2382 background-size: cover; 2383 border: none; 2384 display: -webkit-box; 2385 display: -webkit-flex; 2386 display: -moz-box; 2387 display: -ms-flexbox; 2388 display: flex; 2389 -webkit-box-orient: vertical; 2390 -webkit-box-direction: normal; 2391 -webkit-flex-direction: column; 2392 -moz-box-orient: vertical; 2393 -moz-box-direction: normal; 2394 -ms-flex-direction: column; 2395 flex-direction: column; 2396 height: 500px; 2397 -webkit-box-pack: end; 2398 -webkit-justify-content: flex-end; 2399 -moz-box-pack: end; 2400 -ms-flex-pack: end; 2401 justify-content: flex-end; 2402 max-width: 100%; 2403 position: relative; 2404 } 2405 2406 .home-welcome .community-2 .screen { 2407 background: rgba(0, 0, 0, 0.5); 2408 height: 100%; 2409 left: 0; 2410 position: absolute; 2411 right: 0; 2412 top: 0; 2413 width: 100%; 2414 z-index: 0; 2415 } 2416 2417 .home-welcome .community-2 h2, 2418 .home-welcome .community-2 .subheading { 2419 color: #fff; 2420 margin: 0 0 16px; 2421 margin: 0 0 1rem; 2422 max-width: 100%; 2423 position: relative; 2424 text-align: left; 2425 text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); 2426 z-index: 1; 2427 } 2428 2429 .home-welcome .showcase { 2430 border-bottom: none; 2431 margin: 0; 2432 max-width: 100%; 2433 padding-left: 0; 2434 padding-right: 0; 2435 } 2436 2437 .home-welcome .showcase > div { 2438 background: url(https://s.w.org/images/home/collage-min.jpg) center top; 2439 -webkit-background-size: cover; 2440 background-size: cover; 2441 -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4); 2442 box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4); 2443 height: 300px; 2444 width: 100%; 2445 } 2446 2447 @media (min-width: 700px) { 2448 .home-welcome .showcase > div { 2449 height: 600px; 2450 background-attachment: fixed; 2451 } 2452 } 2453 2454 .home-welcome .showcase .cta-link { 2455 margin: 48.828px 0 0; 2456 margin: 3.05176rem 0 0; 2457 max-width: 100%; 2458 text-align: center; 2459 } 2460 2461 .home-welcome #showcase-link { 2462 font-size: 14px; 2463 } 2464 2465 #lang-guess { 2466 background: #c7e8ca; 2467 border: inherit; 2468 -webkit-border-radius: inherit; 2469 border-radius: inherit; 2470 cursor: pointer; 2471 font: inherit; 2472 font-size: 12.8px; 2473 font-size: .8rem; 2474 margin: 0; 2475 max-width: inherit; 2476 padding: 8px; 2477 padding: .5rem; 2478 text-align: center; 2479 width: inherit; 2480 } 2481 2482 @media (min-width: 67rem) { 2483 #lang-guess { 2484 margin: 1rem auto 0; 2485 max-width: 50rem; 2486 } 2487 } 2488 2489 #home-below { 2490 margin-bottom: 14px; 2491 } 2492 2493 #home-below h4 { 2494 border-bottom: 1px solid #dedede; 2495 font-size: inherit; 2496 padding-bottom: 4px; 2497 } 2498 2499 #home-below h5 { 2500 line-height: 1; 2501 margin: 0; 2502 text-transform: none; 2503 } 2504 2505 #home-below ol, #home-below ul { 2506 margin: 0; 2507 } 2508 2509 .page-template-get .site-header { 2510 padding: 25px 18.288px; 2511 padding: 1.5625rem 1.143rem; 2512 text-align: center; 2513 } 2514 2515 .page-template-get .site-title { 2516 display: inherit; 2517 font-size: 61.035px; 2518 font-size: 3.8146972656rem; 2519 margin: 32px 0 16px; 2520 margin: 2rem 0 1rem; 2521 } 2522 2523 .page-template-get section { 2524 padding: 48.828px 25px; 2525 padding: 3.0517578125rem 1.5625rem; 2526 } 2527 2528 .page-template-get section.download { 2529 text-align: center; 2530 } 2531 2532 @media (min-width: 737px) { 2533 .page-template-get section.download .container { 2534 text-align: initial; 2535 } 2536 .page-template-get section.download .container aside, 2537 .page-template-get section.download .container article { 2538 display: inline-block; 2539 vertical-align: top; 2540 } 2541 .page-template-get section.download .container aside { 2542 width: 30%; 2543 } 2544 .page-template-get section.download .container article { 2545 width: 65%; 2546 } 2547 .page-template-get section.download .container aside + article, 2548 .page-template-get section.download .container article + aside { 2549 margin-left: 5%; 2550 } 2551 } 2552 2553 .page-template-get section.hosting { 2554 text-align: center; 2555 } 2556 2557 .page-template-get section.hosting .three-up { 2558 text-align: initial; 2559 } 2560 2561 .page-template-get section.hosting .three-up > div { 2562 margin-top: 48px; 2563 margin-top: 3rem; 2564 } 2565 2566 .page-template-get section.hosting .three-up > div .logo__bluehost, .page-template-get section.hosting .three-up > div .logo__getlisted, .page-template-get section.hosting .three-up > div .logo__wpcom { 2567 height: 35px; 2568 } 2569 2570 @media (min-width: 737px) { 2571 .page-template-get section.hosting .three-up > div { 2572 float: left; 2573 font-size: 0.8rem; 2574 margin-right: 5%; 2575 width: 30%; 2576 } 2577 .page-template-get section.hosting .three-up > div:last-child { 2578 margin-right: 0; 2579 } 2580 } 2581 2582 .page-template-get section.apps-mobile { 2583 text-align: center; 2584 } 2585 2586 .page-template-get section.apps-mobile .web-stores { 2587 margin: 32px auto 0; 2588 margin: 2rem auto 0; 2589 width: 100%; 2590 } 2591 2592 .page-template-get section.apps-mobile .web-stores a { 2593 display: inline-block; 2594 margin: 10px; 2595 width: 150px; 2596 } 2597 2598 @media (min-width: 737px) { 2599 .page-template-get section.apps-mobile .web-stores { 2600 margin: 4rem auto 0; 2601 } 2602 } 2603 2604 .page-template-get section.apps-mobile .ios .button-android { 2605 display: none; 2606 } 2607 2608 .page-template-get section.apps-mobile .android .button-ios { 2609 display: none; 2610 } 2611 2612 .page-template-get section + section { 2613 border-top: 2px solid #eee; 2614 } 2615 2616 .page-template-get .call-to-action { 2617 display: block; 2618 font-size: 14.63px; 2619 font-size: 0.9144rem; 2620 margin: 32px 0 32px; 2621 margin: 2rem 0 2rem; 2622 } 2623 2624 @media (min-width: 737px) { 2625 .page-template-get .call-to-action { 2626 font-size: 0.8rem; 2627 margin: 4rem 0 2rem; 2628 } 2629 } 2630 2631 .page-template-get .dashicons { 2632 color: #cbcdce; 2633 display: block; 2634 font-size: 64px; 2635 font-size: 4rem; 2636 height: auto; 2637 margin: 0 auto -16px; 2638 margin: 0 auto -1rem; 2639 width: auto; 2640 } 2641 /*# sourceMappingURL=style.css.map */ -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/front-page.php
r5891 r5892 115 115 116 116 <?php 117 foreach ( get_posts( [ 'numberposts' => 1 ] ) as $featured_post ) : 118 setup_postdata( $featured_post ); 117 $featured = new \WP_Query( [ 'posts_per_page' => 1 ] ); 118 while ( $featured->have_posts() ) : 119 $featured->the_post(); 119 120 the_title( sprintf( '<h5><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h5>' ); 120 121 echo '<p>' . apply_filters( 'the_excerpt', get_the_excerpt() ) . '</p>'; 121 end foreach;122 wp_reset_ postdata();122 endwhile; 123 wp_reset_query(); 123 124 ?> 124 125 </div> -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/functions.php
r5877 r5892 174 174 } 175 175 add_action( 'wp_head', __NAMESPACE__ . '\hreflang_link_attributes' ); 176 177 /** 178 * Custom template tags. 179 */ 180 require_once get_template_directory() . '/inc/template-tags.php'; -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/header.php
r3879 r5892 1 1 <?php 2 2 /** 3 * The header for our theme.3 * The template for displaying all pages. 4 4 * 5 * This is the template that displays all of the <head> section and everything up until <div id="content"> 5 * This is the template that displays all pages by default. 6 * Please note that this is the WordPress construct of pages 7 * and that other 'pages' on your WordPress site may use a 8 * different template. 6 9 * 7 * @link https:// developer.wordpress.org/themes/basics/template-files/#template-partials10 * @link https://codex.wordpress.org/Template_Hierarchy 8 11 * 9 * @package WordPressdotorg\ Theme12 * @package WordPressdotorg\Plugin_Directory\Theme 10 13 */ 11 14 … … 18 21 19 22 <div id="content" class="site-content"> 20 <header id="masthead" class="site-header" role="banner">21 <div class="site-branding">22 <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>23 24 <nav id="site-navigation" class="main-navigation" role="navigation">25 <button class="menu-toggle dashicons dashicons-arrow-down-alt2" aria-controls="primary-menu" aria-expanded="false" aria-label="<?php esc_attr_e( 'Primary Menu', 'wporg' ); ?>"></button>26 <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu', 'depth' => 1 ) ); ?>27 </nav><!-- #site-navigation -->28 </div><!-- .site-branding -->29 </header><!-- #masthead --> -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/index.php
r3879 r5892 17 17 get_header(); ?> 18 18 19 <main id="main" class="site-main " role="main">19 <main id="main" class="site-main col-8" role="main"> 20 20 21 21 <?php … … 26 26 the_post(); 27 27 28 get_template_part( ' content' );28 get_template_part( 'template-parts/content' ); 29 29 endwhile; 30 30 … … 39 39 40 40 <?php 41 get_sidebar(); 41 42 get_footer(); -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/template-parts/content-page.php
r5884 r5892 10 10 ?> 11 11 12 <article id="post-<?php the_ID(); ?>" <?php post_class( ); ?>>12 <article id="post-<?php the_ID(); ?>" <?php post_class( 'col-9' ); ?>> 13 13 <header class="entry-header"> 14 14 <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> … … 20 20 21 21 wp_link_pages( array( 22 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'wporg -plugins' ),22 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'wporg' ), 23 23 'after' => '</div>', 24 24 ) ); … … 31 31 sprintf( 32 32 /* translators: %s: Name of current post */ 33 esc_html__( 'Edit %s', 'wporg -plugins' ),33 esc_html__( 'Edit %s', 'wporg' ), 34 34 the_title( '<span class="screen-reader-text">"', '"</span>', false ) 35 35 ), … … 40 40 </footer><!-- .entry-footer --> 41 41 </article><!-- #post-## --> 42 <aside class="col-3" role="complementary"> 43 <?php get_sidebar( 'page' ); ?> 44 </aside>
Note: See TracChangeset
for help on using the changeset viewer.