<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[5879] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main: Main: Add front page template.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/5879">5879</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/5879","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>obenland</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2017-09-04 15:22:08 +0000 (Mon, 04 Sep 2017)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Main: Add front page template.
Brings the existing WordPress.org front page to the Main theme.
Still nneds work around pulling in News posts and some polish.
See <a href="http://meta.trac.wordpress.org/ticket/2861">#2861</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincsscomponents_componentsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_components.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincssobjects_objectsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_objects.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincssstylertlcss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style-rtl.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincssstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style.css</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincsscomponents_homewelcomescss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_home-welcome.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincssobjects_siteheaderscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_site-header.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmainfrontpagephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/front-page.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincsscomponents_componentsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_components.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_components.scss 2017-09-04 15:16:05 UTC (rev 5878)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_components.scss 2017-09-04 15:22:08 UTC (rev 5879)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1,2 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "home-welcome";
</ins><span class="cx" style="display: block; padding: 0 10px"> @import "template-get";
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincsscomponents_homewelcomescss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_home-welcome.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_home-welcome.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_home-welcome.scss 2017-09-04 15:22:08 UTC (rev 5879)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,286 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.home-welcome {
+ background: #fff;
+ color: #32373c;
+ font-family: "Open Sans", sans-serif;
+ font-weight: 400;
+ line-height: 1.5;
+ max-width: initial;
+ padding: 0;
+
+ @media (min-width: 737px) {
+ font-size: 18px;
+ }
+
+ h1 {
+ font-size: 3.2rem
+ }
+
+ a:not(.button) {
+ background-color: transparent;
+ border: none;
+ color: #0073aa;
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+
+ &:active,
+ &:hover {
+ outline-width: 0
+ }
+ }
+
+ p {
+ font-size: 18px;
+ margin: 1em 0;
+ max-width: 35.52714rem;
+
+ &.subheading {
+ color: #82878c;
+ font-size: 1.25rem;
+ font-weight: 300;
+ margin: -.4rem auto 2rem;
+ text-align: center;
+ }
+ }
+
+ section {
+ border-bottom: 2px solid #eee;
+ margin: 0 auto;
+ max-width: 50rem;
+ padding: 3.05176rem 1.5625rem;
+
+ &:last-child {
+ border-bottom: none;
+ }
+
+ h2 {
+ line-height: 1;
+ text-align: center;
+ }
+
+ .container {
+ margin: 0 auto;
+ max-width: 50rem;
+ }
+ }
+
+ .dashicons {
+ color: #cbcdce;
+ display: block;
+ font-size: 4rem;
+ height: auto;
+ margin: 0 auto -1rem;
+ width: auto;
+ }
+
+ .intro {
+ padding-bottom: 0
+ }
+
+ .features {
+ border-top: 2px solid #eee;
+
+ ul {
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ list-style: none;
+ margin: 3rem 0;
+ padding: 0;
+
+ 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) {
+ &:nth-child(n+7) {
+ border-bottom: none;
+ }
+ &:nth-child(2n) {
+ border-right: none;
+ }
+ }
+
+ @media (min-width: 740px) {
+ width: 25%;
+ height: 200px;
+
+ &:nth-child(4n) {
+ border-right: none;
+ }
+ &:nth-child(n+5) {
+ border-bottom: none;
+ }
+ }
+
+ img {
+ height: 2.5rem;
+ margin: .25rem auto 1.25rem
+ }
+
+ img,
+ span {
+ color: #00a0d2;
+ display: block;
+ font-size: 3rem;
+ margin-bottom: 1rem;
+ }
+ }
+ }
+
+ p {
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+ }
+ }
+
+ .screenshots {
+ height: 400px;
+ left: -30px;
+ overflow: hidden;
+ padding: 1rem 1rem 0;
+ position: relative;
+ right: 0;
+ width: 106%;
+
+ @media(max-width: 739px) {
+ padding: 0;
+ left: auto;
+ right: auto;
+ width: 100%
+ }
+
+ .dashboard {
+ box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
+ max-width: 800px;
+ }
+
+ .dashboard-mobile {
+ bottom: -100px;
+ max-width: 200px;
+ position: absolute;
+ right: 1px;
+ z-index: 1;
+ }
+ }
+
+ .cta-wrapper {
+ display: block;
+ font-size: .9144rem;
+ margin: 2rem 0;
+ text-align: center;
+
+ @media (min-width: 737px) {
+ font-size: .8rem;
+ margin: 4rem 0 2rem;
+ }
+ }
+
+ .community-2 {
+ align-items: flex-start;
+ background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat;
+ background-size: cover;
+ border: none;
+ display: flex;
+ flex-direction: column;
+ height: 500px;
+ justify-content: flex-end;
+ max-width: 100%;
+ position: relative;
+
+ .screen {
+ background: rgba(0, 0, 0, .5);
+ height: 100%;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 0;
+ }
+
+ h2,
+ .subheading {
+ color: #fff;
+ 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;
+ }
+ }
+
+ .showcase {
+ border-bottom: none;
+ margin: 0;
+ max-width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+
+ > div {
+ background: url(https://s.w.org/images/home/collage-min.jpg) center top;
+ background-size: cover;
+ box-shadow: inset 0 0 8px rgba(0, 0, 0, .4);
+ height: 300px;
+ width: 100%;
+
+ @media (min-width: 700px) {
+ height: 600px;
+ background-attachment: fixed;
+ }
+ }
+
+ .cta-link {
+ margin: 3.05176rem 0 0;
+ max-width: 100%;
+ text-align: center;
+ }
+ }
+
+ #home-below {
+ ol, ul {
+ margin: 0;
+ }
+
+ h4 {
+ border-bottom: 1px solid #dedede;
+ font-size: inherit;
+ padding-bottom: 4px;
+ }
+ }
+
+ #showcase-link {
+ font-size: 14px;
+ }
+}
+
+#lang-guess {
+ background: #c7e8ca;
+ border: inherit;
+ border-radius: inherit;
+ cursor: pointer;
+ font: inherit;
+ font-size: .8rem;
+ margin: 0;
+ max-width: inherit;
+ padding: .5rem;
+ text-align: center;
+ width: inherit;
+
+
+ @media (min-width: 67rem) {
+ margin: 1rem auto 0;
+ max-width: 50rem;
+ }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincssobjects_objectsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_objects.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_objects.scss 2017-09-04 15:16:05 UTC (rev 5878)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_objects.scss 2017-09-04 15:22:08 UTC (rev 5879)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,3 +12,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @import "../../../wporg/css/objects/site-main";
</span><span class="cx" style="display: block; padding: 0 10px"> @import "../../../wporg/css/objects/site-title";
</span><span class="cx" style="display: block; padding: 0 10px"> @import "../../../wporg/css/objects/wporg-header";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "site-header";
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincssobjects_siteheaderscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_site-header.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_site-header.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/objects/_site-header.scss 2017-09-04 15:22:08 UTC (rev 5879)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,26 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header {
+ .home & {
+ background: #0073aa;
+ padding: 18px 36px;
+
+ @media (min-width: 737px) {
+ padding: 1.5625rem
+ }
+
+ .site-title {
+ color: #fff;
+ display: block;
+ font-size: ms( 12 );
+ font-weight: 300;
+ line-height: 1;
+ margin: 2rem 0 1rem;
+ text-align: center;
+ }
+
+ .site-description {
+ color: #fff;
+ max-width: 35.52714rem;
+ padding: 11px 0;
+ }
+ }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincssstylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style-rtl.css 2017-09-04 15:16:05 UTC (rev 5878)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style-rtl.css 2017-09-04 15:22:08 UTC (rev 5879)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1,2201 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-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}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inheri
t;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}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;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;fo
nt-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;pa
dding: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,.but
ton-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-heig
ht:25px;line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:31.25px;line-height:1.953125rem}.button-group.button-small a.button,a.button.button-small{line-height:20px;line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;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{backgrou
nd:#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-p
rimary,.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-p
rimary.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}.butt
on-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,.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,.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;tr
ansition: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-appe
arance: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}}.page .site-main,.site-main.page{padding-top:0}.site-main .page-title{font-size:25px;font-size:1.5625rem;font-weight:400}.site-main .no-results{margin:0 auto;max-width:568.434px;max-width:35.527136788rem;padding:0 32px;padding:0 2rem}.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:2re
m 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{t
ext-decoration:none}.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-al
ign: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}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+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;
+}
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+dfn {
+ font-style: italic;
+}
+
+h1 {
+ font-size: 2em;
+ margin: 0.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: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+img {
+ border: 0;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+figure {
+ margin: 1em 40px;
+}
+
+hr {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+pre {
+ overflow: auto;
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ font: inherit;
+ margin: 0;
+}
+
+button {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+input {
+ line-height: normal;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+ border: 0;
+ padding: 0;
+}
+
+textarea {
+ overflow: auto;
+}
+
+optgroup {
+ font-weight: bold;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
+
+p {
+ margin: 1em 0;
+}
+
+dfn, cite, 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: 0.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: 0.9375rem;
+}
+
+abbr, acronym {
+ border-bottom: 1px dotted #666;
+ cursor: help;
+}
+
+mark, ins {
+ background: #fff9c0;
+ text-decoration: none;
+}
+
+big {
+ font-size: 125%;
+}
+
+html {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+ /* 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/ */
+ -webkit-box-sizing: inherit;
+ -moz-box-sizing: inherit;
+ box-sizing: inherit;
+}
+
+body {
+ background: #fff;
+ /* Fallback for when there is no custom background color defined. */
+}
+
+blockquote, q {
+ quotes: "" "";
+}
+
+blockquote:before, blockquote:after, q:before, q:after {
+ 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: 0.8rem;
+}
+
+hr {
+ background-color: #eee;
+ border: 0;
+ height: 2px;
+ margin: 80px auto;
+ margin: 5rem auto;
+}
+
+img {
+ height: auto;
+ /* Make sure images are scaled correctly. */
+ max-width: 100%;
+ /* Adhere to container width. */
+}
+
+h1, h2, h3, h4, h5, h6 {
+ clear: both;
+ font-family: inherit;
+ line-height: 1.5;
+ margin: 32px 0 16px;
+ margin: 2rem 0 1rem;
+}
+
+h1 {
+ font-size: 61.035px;
+ font-size: 3.8146972656rem;
+ font-weight: 300;
+}
+
+h2 {
+ font-size: 39.062px;
+ font-size: 2.44140625rem;
+ font-weight: 300;
+}
+
+h3 {
+ font-size: 25px;
+ font-size: 1.5625rem;
+ font-weight: 400;
+}
+
+h4 {
+ font-size: 20px;
+ font-size: 1.25rem;
+ border: none;
+ color: #32373c;
+ font-weight: 600;
+ padding: 0;
+}
+
+h5 {
+ font-size: 16px;
+ font-size: 1rem;
+ font-weight: 600;
+ letter-spacing: 0.16px;
+ letter-spacing: 0.01rem;
+ text-transform: uppercase;
+}
+
+h6 {
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ font-weight: 600;
+ letter-spacing: 0.8px;
+ text-transform: uppercase;
+}
+
+a {
+ color: #0073aa;
+}
+
+a:visited {
+ /* Override wp4.css */
+ color: #0073aa;
+}
+
+a:hover, a:focus, a:active {
+ /* Override wp4.css */
+ color: #0073aa;
+ text-decoration: underline;
+}
+
+a:focus {
+ outline: thin dotted;
+}
+
+a:hover, a:active {
+ outline: 0;
+}
+
+ul, ol {
+ margin: 0 3em 1.5em 0;
+}
+
+ul {
+ list-style: disc;
+}
+
+ol {
+ list-style: decimal;
+}
+
+li > ul,
+li > ol {
+ margin-bottom: 0;
+ margin-right: 1.5em;
+}
+
+dt {
+ font-weight: bold;
+}
+
+dd {
+ margin: 0 1.5em 1.5em;
+}
+
+table {
+ border: 1px solid #eee;
+ border-collapse: collapse;
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ margin: 0 0 16px;
+ margin: 0 0 1rem;
+ padding: 0;
+ width: 100%;
+}
+
+table thead {
+ background: #32373c;
+ color: #fff;
+}
+
+table th, table td {
+ border: 1px solid #eee;
+ font-weight: normal;
+ margin: 0;
+ padding: 6.4px;
+ padding: 0.4rem;
+ text-align: right;
+ vertical-align: top;
+}
+
+table tbody tr:nth-child(even) {
+ 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;
+ }
+}
+
+/* Text meant only for screen readers. */
+.screen-reader-text {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+}
+
+.screen-reader-text:focus {
+ background-color: #f1f1f1;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ clip: auto !important;
+ color: #21759b;
+ display: block;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: bold;
+ height: auto;
+ right: 5px;
+ line-height: normal;
+ padding: 15px 23px 14px;
+ text-decoration: none;
+ top: 5px;
+ width: auto;
+ z-index: 100000;
+ /* Above WP toolbar. */
+}
+
+/* Do not show the outline on the skip link target. */
+#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;
+}
+
+/* ----------------------------------------------------------------------------
+ 1.0 - Button Layouts
+---------------------------------------------------------------------------- */
+.button,
+.button-primary,
+.button-secondary,
+.plugin-upload-form .button-primary {
+ border: 1px solid;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ height: 25px;
+ height: 1.5625rem;
+ line-height: 1;
+ margin: 0;
+ padding: 0 12.8px;
+ padding: 0 0.8rem;
+ text-decoration: none;
+ white-space: nowrap;
+ -webkit-appearance: none;
+}
+
+/* Remove the dotted border on :focus and the extra padding in Firefox */
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner {
+ border: 0 none;
+ padding: 0;
+}
+
+.button.button-xl,
+.button-group.button-xl .button {
+ font-size: 16px;
+ font-size: 1rem;
+ height: 39.062px;
+ height: 2.44140625rem;
+ line-height: 1;
+ padding: 0 24px;
+ padding: 0 1.5rem;
+}
+
+.button.button-large,
+.button-group.button-large .button {
+ height: 31.25px;
+ height: 1.953125rem;
+ line-height: 1;
+ padding: 0 16px;
+ padding: 0 1rem;
+}
+
+.button.button-small,
+.button-group.button-small .button {
+ font-size: 10.24px;
+ font-size: 0.64rem;
+ height: 20px;
+ height: 1.25rem;
+ line-height: 1;
+ padding: 0 8px;
+ padding: 0 0.5rem;
+}
+
+a.button,
+a.button-primary,
+a.button-secondary {
+ line-height: 25px;
+ line-height: 1.5625rem;
+}
+
+a.button.button-large,
+.button-group.button-large a.button {
+ line-height: 31.25px;
+ line-height: 1.953125rem;
+}
+
+a.button.button-xl,
+.button-group.button-xl a.button {
+ line-height: 39.062px;
+ line-height: 2.44140625rem;
+}
+
+a.button.button-small,
+.button-group.button-small a.button {
+ line-height: 20px;
+ line-height: 1.25rem;
+}
+
+.button:active,
+.button:focus {
+ outline: none;
+}
+
+.button.hidden {
+ display: none;
+}
+
+/* Style Reset buttons as simple text links */
+input[type="reset"],
+input[type="reset"]:hover,
+input[type="reset"]:active,
+input[type="reset"]:focus {
+ background: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ padding: 0 2px 1px;
+ width: auto;
+}
+
+/* ----------------------------------------------------------------------------
+ 2.0 - Default Button Style
+---------------------------------------------------------------------------- */
+.button,
+.button:visited,
+.button-secondary {
+ background: #f7f7f7;
+ border-color: #cccccc;
+ -webkit-box-shadow: 0 1px 0 #cccccc;
+ box-shadow: 0 1px 0 #cccccc;
+ color: #555;
+ vertical-align: top;
+}
+
+p .button {
+ vertical-align: baseline;
+}
+
+.button.hover,
+.button:hover,
+.button-secondary:hover,
+.button.focus,
+.button:focus,
+.button-secondary:focus {
+ background: #fafafa;
+ border-color: #999;
+ color: #23282d;
+}
+
+.button.focus,
+.button:focus,
+.button-secondary:focus,
+.button-link:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+ box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
+.button.active,
+.button.active:hover,
+.button:active,
+.button-secondary:active {
+ background: #eee;
+ border-color: #999;
+ -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+ -webkit-transform: translateY(1px);
+ -ms-transform: translateY(1px);
+ transform: translateY(1px);
+}
+
+.button.active:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
+ box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
+.button[disabled],
+.button:disabled,
+.button.disabled,
+.button-secondary[disabled],
+.button-secondary:disabled,
+.button-secondary.disabled,
+.button-disabled {
+ background: #f7f7f7 !important;
+ border-color: #ddd !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ color: #a0a5aa !important;
+ cursor: default;
+ text-shadow: 0 1px 0 #fff !important;
+ -webkit-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+}
+
+/* Buttons that look like links, for a cross of good semantics with the visual */
+.button-link {
+ background: none;
+ border: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ cursor: pointer;
+ margin: 0;
+ outline: none;
+ padding: 0;
+}
+
+.button-link:focus {
+ outline: #5b9dd9 solid 1px;
+}
+
+/* ----------------------------------------------------------------------------
+ 3.0 - Primary Button Style
+---------------------------------------------------------------------------- */
+.button-primary,
+.download-button,
+.plugin-upload-form .button-primary {
+ background: #0085ba;
+ border-color: #0073aa #006799 #006799;
+ -webkit-box-shadow: 0 1px 0 #006799;
+ box-shadow: 0 1px 0 #006799;
+ color: #fff;
+ text-decoration: none;
+ text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799;
+}
+
+.button-primary:visited,
+.download-button:visited,
+.plugin-upload-form .button-primary:visited {
+ background: #0085ba;
+ border-color: #0073aa #006799 #006799;
+ -webkit-box-shadow: 0 1px 0 #006799;
+ box-shadow: 0 1px 0 #006799;
+ color: #fff;
+}
+
+.button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
+.download-button.hover,
+.download-button:hover,
+.download-button.focus,
+.download-button:focus,
+.plugin-upload-form .button-primary.hover,
+.plugin-upload-form .button-primary:hover,
+.plugin-upload-form .button-primary.focus,
+.plugin-upload-form .button-primary:focus {
+ background: #008ec2;
+ border-color: #006799;
+ -webkit-box-shadow: 0 1px 0 #006799;
+ box-shadow: 0 1px 0 #006799;
+ color: #fff;
+}
+
+.button-primary.focus, .button-primary:focus,
+.download-button.focus,
+.download-button:focus,
+.plugin-upload-form .button-primary.focus,
+.plugin-upload-form .button-primary:focus {
+ -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
+ box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
+}
+
+.button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active,
+.download-button.active,
+.download-button.active:hover,
+.download-button.active:focus,
+.download-button:active,
+.plugin-upload-form .button-primary.active,
+.plugin-upload-form .button-primary.active:hover,
+.plugin-upload-form .button-primary.active:focus,
+.plugin-upload-form .button-primary:active {
+ background: #0073aa;
+ border-color: #006799;
+ -webkit-box-shadow: inset 0 2px 0 #006799;
+ box-shadow: inset 0 2px 0 #006799;
+ vertical-align: top;
+}
+
+.button-primary[disabled], .button-primary:disabled, .button-primary.disabled,
+.download-button[disabled],
+.download-button:disabled,
+.download-button.disabled,
+.plugin-upload-form .button-primary[disabled],
+.plugin-upload-form .button-primary:disabled,
+.plugin-upload-form .button-primary.disabled {
+ background: #008ec2 !important;
+ border-color: #007cb2 !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ color: #66c6e4 !important;
+ cursor: default;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
+}
+
+.button-primary.button.button-hero,
+.download-button.button.button-hero,
+.plugin-upload-form .button-primary.button.button-hero {
+ -webkit-box-shadow: 0 2px 0 #006799;
+ box-shadow: 0 2px 0 #006799;
+}
+
+.button-primary.button.button-hero.active, .button-primary.button.button-hero.active:hover, .button-primary.button.button-hero.active:focus, .button-primary.button.button-hero:active,
+.download-button.button.button-hero.active,
+.download-button.button.button-hero.active:hover,
+.download-button.button.button-hero.active:focus,
+.download-button.button.button-hero:active,
+.plugin-upload-form .button-primary.button.button-hero.active,
+.plugin-upload-form .button-primary.button.button-hero.active:hover,
+.plugin-upload-form .button-primary.button.button-hero.active:focus,
+.plugin-upload-form .button-primary.button.button-hero:active {
+ -webkit-box-shadow: inset 0 3px 0 #006799;
+ box-shadow: inset 0 3px 0 #006799;
+}
+
+.button-primary-disabled {
+ background: #008ec2 !important;
+ border-color: #007cb2 !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ color: #66c6e4 !important;
+ cursor: default;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
+}
+
+/* ----------------------------------------------------------------------------
+ 4.0 - Button Groups
+---------------------------------------------------------------------------- */
+.button-group {
+ display: inline-block;
+ font-size: 0;
+ position: relative;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+.button-group > .button {
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ display: inline-block;
+ margin-left: -1px;
+ z-index: 10;
+}
+
+.button-group > .button-primary {
+ z-index: 100;
+}
+
+.button-group > .button:hover {
+ z-index: 20;
+}
+
+.button-group > .button:first-child {
+ -webkit-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+}
+
+.button-group > .button:last-child {
+ -webkit-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+}
+
+.button-group > .button:focus {
+ position: relative;
+ z-index: 1;
+}
+
+/* ----------------------------------------------------------------------------
+ 5.0 - Responsive Button Styles
+---------------------------------------------------------------------------- */
+@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: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,
+.entry-content:before,
+.entry-content:after,
+.comment-content:before,
+.comment-content:after,
+.site-header:before,
+.site-header:after,
+.site-content:before,
+.site-content:after,
+.site-footer:before,
+.site-footer:after {
+ content: "";
+ display: table;
+ table-layout: fixed;
+}
+
+.clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after,
+.entry-content:after,
+.comment-content:after,
+.site-header:after,
+.site-content:after,
+.site-footer:after {
+ clear: both;
+}
+
+p.subheading {
+ color: #82878c;
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-weight: 300;
+ margin: -6.4px auto 32px;
+ margin: -0.4rem auto 2rem;
+ text-align: center;
+}
+
+p.intro {
+ font-size: 20px;
+ font-size: 1.25rem;
+}
+
+p.aside {
+ font-size: 12.8px;
+ font-size: 0.8rem;
+}
+
+p.note {
+ font-size: 10.24px;
+ font-size: 0.64rem;
+ letter-spacing: 0.16px;
+ letter-spacing: 0.01rem;
+ max-width: 291.038px;
+ max-width: 18.1898940355rem;
+}
+
+/* ----------------------------------------------------------------------------
+
+WordPress-style Form Elements
+=============================
+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.
+
+Form Styles
+-------------
+All form element styles are minimal and require additional styling for layout.
+
+---------------------------------------------------------------------------- */
+/* Include margin and padding in the width calculation of input and textarea. */
+input,
+textarea {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+input[type="checkbox"],
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="radio"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"],
+select,
+textarea {
+ background-color: #fff;
+ border: 1px solid #ddd;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+ color: #32373c;
+ outline: none;
+ -webkit-transition: 0.05s border-color ease-in-out;
+ transition: 0.05s border-color ease-in-out;
+}
+
+input[type="checkbox"]:focus,
+input[type="color"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
+input[type="month"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="radio"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus,
+select:focus,
+textarea:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+ box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+}
+
+/* rtl:ignore */
+input[type="email"],
+input[type="url"] {
+ direction: ltr;
+}
+
+/* Vertically align the number selector with the input. */
+input[type="number"] {
+ height: 28px;
+ line-height: inherit;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ background: #fff;
+ border: 1px solid #b4b9be;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 2px rgba(0, 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;
+ -webkit-transition: 0.05s border-color ease-in-out;
+ transition: 0.05s border-color 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, input[type="checkbox"]:disabled:checked:before, input[type="checkbox"].disabled:checked:before,
+input[type="radio"].disabled,
+input[type="radio"]:disabled,
+input[type="radio"]:disabled:checked:before,
+input[type="radio"].disabled:checked:before {
+ opacity: 0.7;
+}
+
+input[type="checkbox"]:checked:before {
+ color: #1e8cbe;
+ content: "\f147";
+ margin: -3px -4px 0 0;
+}
+
+input[type="radio"] {
+ -webkit-border-radius: 50%;
+ 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;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+ content: "\2022";
+ font-size: 24px;
+ height: 6px;
+ line-height: 16px;
+ margin: 4px;
+ text-indent: -9999px;
+ width: 6px;
+}
+
+input[type="reset"]:hover,
+input[type="reset"]:active {
+ color: #00a0d2;
+}
+
+/* Search */
+input[type="search"] {
+ -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
+textarea,
+input,
+select,
+button {
+ font-family: inherit;
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+textarea,
+input,
+select {
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ font-size: 14px;
+ padding: 3px 5px;
+ /* Reset mobile webkit's default element styling */
+}
+
+textarea {
+ line-height: 1.4;
+ overflow: auto;
+ padding: 2px 6px;
+ resize: vertical;
+}
+
+textarea.code {
+ line-height: 1.4;
+ padding: 4px 6px 1px 6px;
+}
+
+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;
+}
+
+:-moz-placeholder,
+.wp-core-ui :-moz-placeholder {
+ color: #a9a9a9;
+}
+
+input:disabled,
+input.disabled,
+select:disabled,
+select.disabled,
+textarea:disabled,
+textarea.disabled {
+ background: rgba(255, 255, 255, 0.5);
+ border-color: rgba(222, 222, 222, 0.75);
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+ color: rgba(51, 51, 51, 0.5);
+}
+
+input[type="file"]:disabled,
+input[type="file"].disabled,
+input[type="range"]:disabled,
+input[type="range"].disabled {
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+input.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 Queries
+-------------------------------------------------------------- */
+@media screen and (max-width: 782px) {
+ /* Input Elements */
+ textarea {
+ -webkit-appearance: none;
+ }
+ input[type="text"],
+ input[type="email"],
+ input[type="search"],
+ input[type="password"],
+ input[type="number"] {
+ -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="radio"],
+ input[type="checkbox"] {
+ height: 25px;
+ width: 25px;
+ }
+ input[type="radio"]:checked:before {
+ vertical-align: middle;
+ width: 9px;
+ height: 9px;
+ margin: 7px;
+ line-height: 16px;
+ }
+ textarea,
+ input {
+ font-size: 16px;
+ }
+ input[type="text"].small-text,
+ input[type="search"].small-text,
+ input[type="password"].small-text,
+ input[type="number"].small-text,
+ input[type="number"].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:hover, a.button:focus, a.button:active {
+ 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 {
+ -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
+ float: right;
+ right: -999em;
+ position: absolute;
+ top: 1.5em;
+ z-index: 99999;
+}
+
+.main-navigation ul ul ul {
+ right: -999em;
+ top: 0;
+}
+
+.main-navigation ul ul li:hover > ul,
+.main-navigation ul ul li.focus > ul {
+ right: 100%;
+}
+
+.main-navigation ul ul a {
+ width: 200px;
+}
+
+.main-navigation ul li:hover > ul,
+.main-navigation ul li.focus > ul {
+ right: auto;
+}
+
+.main-navigation li {
+ border-top: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 16px;
+ padding: 1rem;
+}
+
+.main-navigation a {
+ color: rgba(255, 255, 255, 0.8);
+ display: block;
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ text-decoration: none;
+}
+
+.main-navigation a:hover, .main-navigation a.active {
+ color: #fff;
+}
+
+@media screen and (min-width: 737px) {
+ .main-navigation a.active {
+ border-bottom: 1px solid;
+ }
+}
+
+/* Small menu. */
+.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: initial;
+ width: initial;
+ }
+ .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;
+ -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+ margin: 1em 0;
+ padding: 1px 12px;
+}
+
+.notice p {
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ margin: 0.5em 0;
+ padding: 2px;
+}
+
+.notice.notice-alt {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.notice.notice-large {
+ padding: 10px 20px;
+}
+
+.notice.notice-success {
+ border-right-color: #46b450;
+}
+
+.notice.notice-success.notice-alt {
+ background-color: #ecf7ed;
+}
+
+.notice.notice-warning {
+ border-right-color: #ffb900;
+}
+
+.notice.notice-warning.notice-alt {
+ background-color: #fff8e5;
+}
+
+.notice.notice-error {
+ border-right-color: #dc3232;
+}
+
+.notice.notice-error.notice-alt {
+ background-color: #fbeaea;
+}
+
+.notice.notice-info {
+ border-right-color: #00a0d2;
+}
+
+.notice.notice-info.notice-alt {
+ background-color: #e5f5fa;
+}
+
+.site-description {
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-weight: 300;
+ margin: -6.4px auto 32px;
+ margin: -0.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;
+ }
+}
+
+.site-main.single,
+.single .site-main {
+ padding: 0;
+}
+
+@media screen and (min-width: 737px) {
+ .site-main.single,
+ .single .site-main {
+ padding: 0 10px 3.0517578125rem;
+ }
+}
+
+.site-main.page,
+.page .site-main {
+ padding-top: 0;
+}
+
+.site-main .page-title {
+ font-size: 25px;
+ font-size: 1.5625rem;
+ font-weight: 400;
+}
+
+.site-main .no-results {
+ margin: 0 auto;
+ max-width: 568.434px;
+ max-width: 35.527136788rem;
+ padding: 0 32px;
+ padding: 0 2rem;
+}
+
+.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:hover, .site-title a:focus, .site-title a:active {
+ 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 {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ margin: 0;
+ padding: 3px;
+}
+
+#wporg-header .button {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+#wporg-header .download-button {
+ background-color: #21759b;
+ background-image: -webkit-gradient(linear, right top, right bottom, from(#2a95c5), to(#21759b));
+ background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
+ background-image: linear-gradient(to bottom, #2a95c5, #21759b);
+ border-bottom-color: #1e6a8d;
+ border-color: #21759b;
+ -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
+ box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
+}
+
+#wporg-header .download-button:hover, #wporg-header .download-button:focus {
+ background-color: #278ab7;
+ background-image: -webkit-gradient(linear, right top, right bottom, from(#2e9fd2), to(#21759b));
+ background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
+ background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
+ border-color: #1b607f;
+ -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
+ box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
+ color: #fff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
+}
+
+#wporg-header .download-button:active {
+ background: #1b607f;
+ background-image: -webkit-gradient(linear, right top, right bottom, from(#21759b), to(#278ab7));
+ background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
+ background-image: linear-gradient(to bottom, #21759b, #278ab7);
+ border-color: #124560 #2382ae #2382ae #2382ae;
+ -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+ color: rgba(255, 255, 255, 0.95);
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+#wporg-header a:hover,
+#wporg-header a:focus,
+#wporg-header a:active {
+ text-decoration: none;
+}
+
+.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;
+}
+
+.home-welcome {
+ background: #fff;
+ color: #32373c;
+ font-family: "Open Sans", sans-serif;
+ font-weight: 400;
+ line-height: 1.5;
+ max-width: initial;
+ 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-child {
+ 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 {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -moz-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ list-style: none;
+ margin: 48px 0;
+ margin: 3rem 0;
+ padding: 0;
+}
+
+.home-welcome .features ul li {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -moz-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-bottom: 1px solid #eee;
+ border-left: 1px solid #eee;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -moz-box-orient: vertical;
+ -moz-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ height: 160px;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -moz-box-pack: center;
+ -ms-flex-pack: center;
+ 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 {
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px 8px rgba(0, 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 {
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -moz-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat;
+ -webkit-background-size: cover;
+ background-size: cover;
+ border: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -moz-box-orient: vertical;
+ -moz-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ height: 500px;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -moz-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ max-width: 100%;
+ position: relative;
+}
+
+.home-welcome .community-2 .screen {
+ background: rgba(0, 0, 0, 0.5);
+ height: 100%;
+ right: 0;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 0;
+}
+
+.home-welcome .community-2 h2,
+.home-welcome .community-2 .subheading {
+ 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, 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) center top;
+ -webkit-background-size: cover;
+ background-size: cover;
+ -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
+ box-shadow: inset 0 0 8px rgba(0, 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 #home-below ol, .home-welcome #home-below ul {
+ margin: 0;
+}
+
+.home-welcome #home-below h4 {
+ border-bottom: 1px solid #dedede;
+ font-size: inherit;
+ padding-bottom: 4px;
+}
+
+.home-welcome #showcase-link {
+ font-size: 14px;
+}
+
+#lang-guess {
+ background: #c7e8ca;
+ border: inherit;
+ -webkit-border-radius: 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;
+ }
+}
+
+.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 aside,
+ .page-template-get section.download .container article {
+ 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 aside + article,
+ .page-template-get section.download .container article + aside {
+ 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: 0.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 .ios .button-android {
+ display: none;
+}
+
+.page-template-get section.apps-mobile .android .button-ios {
+ 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: 0.9144rem;
+ margin: 32px 0 32px;
+ margin: 2rem 0 2rem;
+}
+
+@media (min-width: 737px) {
+ .page-template-get .call-to-action {
+ font-size: 0.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;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmaincssstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style.css 2017-09-04 15:16:05 UTC (rev 5878)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/style.css 2017-09-04 15:22:08 UTC (rev 5879)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1,2202 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-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}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inheri
t;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}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;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;fo
nt-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;paddin
g: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-se
condary,.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:25p
x;line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:31.25px;line-height:1.953125rem}.button-group.button-small a.button,a.button.button-small{line-height:20px;line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;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:#ee
e;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-gr
oup>.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,.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-conte
nt: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;transit
ion: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-appearanc
e: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]:disab
led{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-decorat
ion: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.56
25rem 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}}.page .site-main,.site-main.page{padding-top:0}.site-main .page-title{font-size:25px;font-size:1.5625rem;font-weight:400}.site-main .no-results{margin:0 auto;max-width:568.434px;max-width:35.527136788rem;padding:0 32px;padding:0 2rem}.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}#wp
org-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}.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}.pag
e-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-temp
late-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}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+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;
+}
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+b,
+strong {
+ font-weight: bold;
+}
+
+dfn {
+ font-style: italic;
+}
+
+h1 {
+ font-size: 2em;
+ margin: 0.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: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+img {
+ border: 0;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+figure {
+ margin: 1em 40px;
+}
+
+hr {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+pre {
+ overflow: auto;
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ font: inherit;
+ margin: 0;
+}
+
+button {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+input {
+ line-height: normal;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+ border: 0;
+ padding: 0;
+}
+
+textarea {
+ overflow: auto;
+}
+
+optgroup {
+ font-weight: bold;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
+
+p {
+ margin: 1em 0;
+}
+
+dfn, cite, 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: 0.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: 0.9375rem;
+}
+
+abbr, acronym {
+ border-bottom: 1px dotted #666;
+ cursor: help;
+}
+
+mark, ins {
+ background: #fff9c0;
+ text-decoration: none;
+}
+
+big {
+ font-size: 125%;
+}
+
+html {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+ /* 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/ */
+ -webkit-box-sizing: inherit;
+ -moz-box-sizing: inherit;
+ box-sizing: inherit;
+}
+
+body {
+ background: #fff;
+ /* Fallback for when there is no custom background color defined. */
+}
+
+blockquote, q {
+ quotes: "" "";
+}
+
+blockquote:before, blockquote:after, q:before, q:after {
+ 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: 0.8rem;
+}
+
+hr {
+ background-color: #eee;
+ border: 0;
+ height: 2px;
+ margin: 80px auto;
+ margin: 5rem auto;
+}
+
+img {
+ height: auto;
+ /* Make sure images are scaled correctly. */
+ max-width: 100%;
+ /* Adhere to container width. */
+}
+
+h1, h2, h3, h4, h5, h6 {
+ clear: both;
+ font-family: inherit;
+ line-height: 1.5;
+ margin: 32px 0 16px;
+ margin: 2rem 0 1rem;
+}
+
+h1 {
+ font-size: 61.035px;
+ font-size: 3.8146972656rem;
+ font-weight: 300;
+}
+
+h2 {
+ font-size: 39.062px;
+ font-size: 2.44140625rem;
+ font-weight: 300;
+}
+
+h3 {
+ font-size: 25px;
+ font-size: 1.5625rem;
+ font-weight: 400;
+}
+
+h4 {
+ font-size: 20px;
+ font-size: 1.25rem;
+ border: none;
+ color: #32373c;
+ font-weight: 600;
+ padding: 0;
+}
+
+h5 {
+ font-size: 16px;
+ font-size: 1rem;
+ font-weight: 600;
+ letter-spacing: 0.16px;
+ letter-spacing: 0.01rem;
+ text-transform: uppercase;
+}
+
+h6 {
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ font-weight: 600;
+ letter-spacing: 0.8px;
+ text-transform: uppercase;
+}
+
+a {
+ color: #0073aa;
+}
+
+a:visited {
+ /* Override wp4.css */
+ color: #0073aa;
+}
+
+a:hover, a:focus, a:active {
+ /* Override wp4.css */
+ color: #0073aa;
+ text-decoration: underline;
+}
+
+a:focus {
+ outline: thin dotted;
+}
+
+a:hover, a:active {
+ outline: 0;
+}
+
+ul, ol {
+ margin: 0 0 1.5em 3em;
+}
+
+ul {
+ list-style: disc;
+}
+
+ol {
+ list-style: decimal;
+}
+
+li > ul,
+li > ol {
+ margin-bottom: 0;
+ margin-left: 1.5em;
+}
+
+dt {
+ font-weight: bold;
+}
+
+dd {
+ margin: 0 1.5em 1.5em;
+}
+
+table {
+ border: 1px solid #eee;
+ border-collapse: collapse;
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ margin: 0 0 16px;
+ margin: 0 0 1rem;
+ padding: 0;
+ width: 100%;
+}
+
+table thead {
+ background: #32373c;
+ color: #fff;
+}
+
+table th, table td {
+ border: 1px solid #eee;
+ font-weight: normal;
+ margin: 0;
+ padding: 6.4px;
+ padding: 0.4rem;
+ text-align: left;
+ vertical-align: top;
+}
+
+table tbody tr:nth-child(even) {
+ 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;
+ }
+}
+
+/* Text meant only for screen readers. */
+.screen-reader-text {
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px;
+ overflow: hidden;
+ position: absolute !important;
+ width: 1px;
+}
+
+.screen-reader-text:focus {
+ background-color: #f1f1f1;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ clip: auto !important;
+ color: #21759b;
+ display: block;
+ font-size: 14px;
+ font-size: 0.875rem;
+ font-weight: bold;
+ height: auto;
+ left: 5px;
+ line-height: normal;
+ padding: 15px 23px 14px;
+ text-decoration: none;
+ top: 5px;
+ width: auto;
+ z-index: 100000;
+ /* Above WP toolbar. */
+}
+
+/* Do not show the outline on the skip link target. */
+#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;
+}
+
+/* ----------------------------------------------------------------------------
+ 1.0 - Button Layouts
+---------------------------------------------------------------------------- */
+.button,
+.button-primary,
+.button-secondary,
+.plugin-upload-form .button-primary {
+ border: 1px solid;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ height: 25px;
+ height: 1.5625rem;
+ line-height: 1;
+ margin: 0;
+ padding: 0 12.8px;
+ padding: 0 0.8rem;
+ text-decoration: none;
+ white-space: nowrap;
+ -webkit-appearance: none;
+}
+
+/* Remove the dotted border on :focus and the extra padding in Firefox */
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner {
+ border: 0 none;
+ padding: 0;
+}
+
+.button.button-xl,
+.button-group.button-xl .button {
+ font-size: 16px;
+ font-size: 1rem;
+ height: 39.062px;
+ height: 2.44140625rem;
+ line-height: 1;
+ padding: 0 24px;
+ padding: 0 1.5rem;
+}
+
+.button.button-large,
+.button-group.button-large .button {
+ height: 31.25px;
+ height: 1.953125rem;
+ line-height: 1;
+ padding: 0 16px;
+ padding: 0 1rem;
+}
+
+.button.button-small,
+.button-group.button-small .button {
+ font-size: 10.24px;
+ font-size: 0.64rem;
+ height: 20px;
+ height: 1.25rem;
+ line-height: 1;
+ padding: 0 8px;
+ padding: 0 0.5rem;
+}
+
+a.button,
+a.button-primary,
+a.button-secondary {
+ line-height: 25px;
+ line-height: 1.5625rem;
+}
+
+a.button.button-large,
+.button-group.button-large a.button {
+ line-height: 31.25px;
+ line-height: 1.953125rem;
+}
+
+a.button.button-xl,
+.button-group.button-xl a.button {
+ line-height: 39.062px;
+ line-height: 2.44140625rem;
+}
+
+a.button.button-small,
+.button-group.button-small a.button {
+ line-height: 20px;
+ line-height: 1.25rem;
+}
+
+.button:active,
+.button:focus {
+ outline: none;
+}
+
+.button.hidden {
+ display: none;
+}
+
+/* Style Reset buttons as simple text links */
+input[type="reset"],
+input[type="reset"]:hover,
+input[type="reset"]:active,
+input[type="reset"]:focus {
+ background: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ padding: 0 2px 1px;
+ width: auto;
+}
+
+/* ----------------------------------------------------------------------------
+ 2.0 - Default Button Style
+---------------------------------------------------------------------------- */
+.button,
+.button:visited,
+.button-secondary {
+ background: #f7f7f7;
+ border-color: #cccccc;
+ -webkit-box-shadow: 0 1px 0 #cccccc;
+ box-shadow: 0 1px 0 #cccccc;
+ color: #555;
+ vertical-align: top;
+}
+
+p .button {
+ vertical-align: baseline;
+}
+
+.button.hover,
+.button:hover,
+.button-secondary:hover,
+.button.focus,
+.button:focus,
+.button-secondary:focus {
+ background: #fafafa;
+ border-color: #999;
+ color: #23282d;
+}
+
+.button.focus,
+.button:focus,
+.button-secondary:focus,
+.button-link:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+ box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
+.button.active,
+.button.active:hover,
+.button:active,
+.button-secondary:active {
+ background: #eee;
+ border-color: #999;
+ -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+ -webkit-transform: translateY(1px);
+ -ms-transform: translateY(1px);
+ transform: translateY(1px);
+}
+
+.button.active:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
+ box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
+.button[disabled],
+.button:disabled,
+.button.disabled,
+.button-secondary[disabled],
+.button-secondary:disabled,
+.button-secondary.disabled,
+.button-disabled {
+ background: #f7f7f7 !important;
+ border-color: #ddd !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ color: #a0a5aa !important;
+ cursor: default;
+ text-shadow: 0 1px 0 #fff !important;
+ -webkit-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+}
+
+/* Buttons that look like links, for a cross of good semantics with the visual */
+.button-link {
+ background: none;
+ border: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ cursor: pointer;
+ margin: 0;
+ outline: none;
+ padding: 0;
+}
+
+.button-link:focus {
+ outline: #5b9dd9 solid 1px;
+}
+
+/* ----------------------------------------------------------------------------
+ 3.0 - Primary Button Style
+---------------------------------------------------------------------------- */
+.button-primary,
+.download-button,
+.plugin-upload-form .button-primary {
+ background: #0085ba;
+ border-color: #0073aa #006799 #006799;
+ -webkit-box-shadow: 0 1px 0 #006799;
+ box-shadow: 0 1px 0 #006799;
+ color: #fff;
+ text-decoration: none;
+ text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
+}
+
+.button-primary:visited,
+.download-button:visited,
+.plugin-upload-form .button-primary:visited {
+ background: #0085ba;
+ border-color: #0073aa #006799 #006799;
+ -webkit-box-shadow: 0 1px 0 #006799;
+ box-shadow: 0 1px 0 #006799;
+ color: #fff;
+}
+
+.button-primary.hover, .button-primary:hover, .button-primary.focus, .button-primary:focus,
+.download-button.hover,
+.download-button:hover,
+.download-button.focus,
+.download-button:focus,
+.plugin-upload-form .button-primary.hover,
+.plugin-upload-form .button-primary:hover,
+.plugin-upload-form .button-primary.focus,
+.plugin-upload-form .button-primary:focus {
+ background: #008ec2;
+ border-color: #006799;
+ -webkit-box-shadow: 0 1px 0 #006799;
+ box-shadow: 0 1px 0 #006799;
+ color: #fff;
+}
+
+.button-primary.focus, .button-primary:focus,
+.download-button.focus,
+.download-button:focus,
+.plugin-upload-form .button-primary.focus,
+.plugin-upload-form .button-primary:focus {
+ -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
+ box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
+}
+
+.button-primary.active, .button-primary.active:hover, .button-primary.active:focus, .button-primary:active,
+.download-button.active,
+.download-button.active:hover,
+.download-button.active:focus,
+.download-button:active,
+.plugin-upload-form .button-primary.active,
+.plugin-upload-form .button-primary.active:hover,
+.plugin-upload-form .button-primary.active:focus,
+.plugin-upload-form .button-primary:active {
+ background: #0073aa;
+ border-color: #006799;
+ -webkit-box-shadow: inset 0 2px 0 #006799;
+ box-shadow: inset 0 2px 0 #006799;
+ vertical-align: top;
+}
+
+.button-primary[disabled], .button-primary:disabled, .button-primary.disabled,
+.download-button[disabled],
+.download-button:disabled,
+.download-button.disabled,
+.plugin-upload-form .button-primary[disabled],
+.plugin-upload-form .button-primary:disabled,
+.plugin-upload-form .button-primary.disabled {
+ background: #008ec2 !important;
+ border-color: #007cb2 !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ color: #66c6e4 !important;
+ cursor: default;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
+}
+
+.button-primary.button.button-hero,
+.download-button.button.button-hero,
+.plugin-upload-form .button-primary.button.button-hero {
+ -webkit-box-shadow: 0 2px 0 #006799;
+ box-shadow: 0 2px 0 #006799;
+}
+
+.button-primary.button.button-hero.active, .button-primary.button.button-hero.active:hover, .button-primary.button.button-hero.active:focus, .button-primary.button.button-hero:active,
+.download-button.button.button-hero.active,
+.download-button.button.button-hero.active:hover,
+.download-button.button.button-hero.active:focus,
+.download-button.button.button-hero:active,
+.plugin-upload-form .button-primary.button.button-hero.active,
+.plugin-upload-form .button-primary.button.button-hero.active:hover,
+.plugin-upload-form .button-primary.button.button-hero.active:focus,
+.plugin-upload-form .button-primary.button.button-hero:active {
+ -webkit-box-shadow: inset 0 3px 0 #006799;
+ box-shadow: inset 0 3px 0 #006799;
+}
+
+.button-primary-disabled {
+ background: #008ec2 !important;
+ border-color: #007cb2 !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ color: #66c6e4 !important;
+ cursor: default;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
+}
+
+/* ----------------------------------------------------------------------------
+ 4.0 - Button Groups
+---------------------------------------------------------------------------- */
+.button-group {
+ display: inline-block;
+ font-size: 0;
+ position: relative;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+.button-group > .button {
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ display: inline-block;
+ margin-right: -1px;
+ z-index: 10;
+}
+
+.button-group > .button-primary {
+ z-index: 100;
+}
+
+.button-group > .button:hover {
+ z-index: 20;
+}
+
+.button-group > .button:first-child {
+ -webkit-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+}
+
+.button-group > .button:last-child {
+ -webkit-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+}
+
+.button-group > .button:focus {
+ position: relative;
+ z-index: 1;
+}
+
+/* ----------------------------------------------------------------------------
+ 5.0 - Responsive Button Styles
+---------------------------------------------------------------------------- */
+@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: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,
+.entry-content:before,
+.entry-content:after,
+.comment-content:before,
+.comment-content:after,
+.site-header:before,
+.site-header:after,
+.site-content:before,
+.site-content:after,
+.site-footer:before,
+.site-footer:after {
+ content: "";
+ display: table;
+ table-layout: fixed;
+}
+
+.clear:after, .page-template-get section.hosting .three-up:after, .page-template-get section.apps-mobile .web-stores:after,
+.entry-content:after,
+.comment-content:after,
+.site-header:after,
+.site-content:after,
+.site-footer:after {
+ clear: both;
+}
+
+p.subheading {
+ color: #82878c;
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-weight: 300;
+ margin: -6.4px auto 32px;
+ margin: -0.4rem auto 2rem;
+ text-align: center;
+}
+
+p.intro {
+ font-size: 20px;
+ font-size: 1.25rem;
+}
+
+p.aside {
+ font-size: 12.8px;
+ font-size: 0.8rem;
+}
+
+p.note {
+ font-size: 10.24px;
+ font-size: 0.64rem;
+ letter-spacing: 0.16px;
+ letter-spacing: 0.01rem;
+ max-width: 291.038px;
+ max-width: 18.1898940355rem;
+}
+
+/* ----------------------------------------------------------------------------
+
+WordPress-style Form Elements
+=============================
+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.
+
+Form Styles
+-------------
+All form element styles are minimal and require additional styling for layout.
+
+---------------------------------------------------------------------------- */
+/* Include margin and padding in the width calculation of input and textarea. */
+input,
+textarea {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+input[type="checkbox"],
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="radio"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"],
+select,
+textarea {
+ background-color: #fff;
+ border: 1px solid #ddd;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+ color: #32373c;
+ outline: none;
+ -webkit-transition: 0.05s border-color ease-in-out;
+ transition: 0.05s border-color ease-in-out;
+}
+
+input[type="checkbox"]:focus,
+input[type="color"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
+input[type="month"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="radio"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus,
+select:focus,
+textarea:focus {
+ border-color: #5b9dd9;
+ -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+ box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+}
+
+/* rtl:ignore */
+input[type="email"],
+input[type="url"] {
+ direction: ltr;
+}
+
+/* Vertically align the number selector with the input. */
+input[type="number"] {
+ height: 28px;
+ line-height: inherit;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ background: #fff;
+ border: 1px solid #b4b9be;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 2px rgba(0, 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;
+ -webkit-transition: 0.05s border-color ease-in-out;
+ transition: 0.05s border-color 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, input[type="checkbox"]:disabled:checked:before, input[type="checkbox"].disabled:checked:before,
+input[type="radio"].disabled,
+input[type="radio"]:disabled,
+input[type="radio"]:disabled:checked:before,
+input[type="radio"].disabled:checked:before {
+ opacity: 0.7;
+}
+
+input[type="checkbox"]:checked:before {
+ color: #1e8cbe;
+ content: "\f147";
+ margin: -3px 0 0 -4px;
+}
+
+input[type="radio"] {
+ -webkit-border-radius: 50%;
+ 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;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+ content: "\2022";
+ font-size: 24px;
+ height: 6px;
+ line-height: 16px;
+ margin: 4px;
+ text-indent: -9999px;
+ width: 6px;
+}
+
+input[type="reset"]:hover,
+input[type="reset"]:active {
+ color: #00a0d2;
+}
+
+/* Search */
+input[type="search"] {
+ -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
+textarea,
+input,
+select,
+button {
+ font-family: inherit;
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+textarea,
+input,
+select {
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ font-size: 14px;
+ padding: 3px 5px;
+ /* Reset mobile webkit's default element styling */
+}
+
+textarea {
+ line-height: 1.4;
+ overflow: auto;
+ padding: 2px 6px;
+ resize: vertical;
+}
+
+textarea.code {
+ line-height: 1.4;
+ padding: 4px 6px 1px 6px;
+}
+
+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;
+}
+
+:-moz-placeholder,
+.wp-core-ui :-moz-placeholder {
+ color: #a9a9a9;
+}
+
+input:disabled,
+input.disabled,
+select:disabled,
+select.disabled,
+textarea:disabled,
+textarea.disabled {
+ background: rgba(255, 255, 255, 0.5);
+ border-color: rgba(222, 222, 222, 0.75);
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+ color: rgba(51, 51, 51, 0.5);
+}
+
+input[type="file"]:disabled,
+input[type="file"].disabled,
+input[type="range"]:disabled,
+input[type="range"].disabled {
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+input.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 Queries
+-------------------------------------------------------------- */
+@media screen and (max-width: 782px) {
+ /* Input Elements */
+ textarea {
+ -webkit-appearance: none;
+ }
+ input[type="text"],
+ input[type="email"],
+ input[type="search"],
+ input[type="password"],
+ input[type="number"] {
+ -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="radio"],
+ input[type="checkbox"] {
+ height: 25px;
+ width: 25px;
+ }
+ input[type="radio"]:checked:before {
+ vertical-align: middle;
+ width: 9px;
+ height: 9px;
+ margin: 7px;
+ line-height: 16px;
+ }
+ textarea,
+ input {
+ font-size: 16px;
+ }
+ input[type="text"].small-text,
+ input[type="search"].small-text,
+ input[type="password"].small-text,
+ input[type="number"].small-text,
+ input[type="number"].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:hover, a.button:focus, a.button:active {
+ 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 {
+ -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
+ float: left;
+ left: -999em;
+ position: absolute;
+ top: 1.5em;
+ z-index: 99999;
+}
+
+.main-navigation ul ul ul {
+ left: -999em;
+ top: 0;
+}
+
+.main-navigation ul ul li:hover > ul,
+.main-navigation ul ul li.focus > ul {
+ left: 100%;
+}
+
+.main-navigation ul ul a {
+ width: 200px;
+}
+
+.main-navigation ul li:hover > ul,
+.main-navigation ul li.focus > ul {
+ left: auto;
+}
+
+.main-navigation li {
+ border-top: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 16px;
+ padding: 1rem;
+}
+
+.main-navigation a {
+ color: rgba(255, 255, 255, 0.8);
+ display: block;
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ text-decoration: none;
+}
+
+.main-navigation a:hover, .main-navigation a.active {
+ color: #fff;
+}
+
+@media screen and (min-width: 737px) {
+ .main-navigation a.active {
+ border-bottom: 1px solid;
+ }
+}
+
+/* Small menu. */
+.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: initial;
+ width: initial;
+ }
+ .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;
+ -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+ margin: 1em 0;
+ padding: 1px 12px;
+}
+
+.notice p {
+ font-size: 12.8px;
+ font-size: 0.8rem;
+ margin: 0.5em 0;
+ padding: 2px;
+}
+
+.notice.notice-alt {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.notice.notice-large {
+ padding: 10px 20px;
+}
+
+.notice.notice-success {
+ border-left-color: #46b450;
+}
+
+.notice.notice-success.notice-alt {
+ background-color: #ecf7ed;
+}
+
+.notice.notice-warning {
+ border-left-color: #ffb900;
+}
+
+.notice.notice-warning.notice-alt {
+ background-color: #fff8e5;
+}
+
+.notice.notice-error {
+ border-left-color: #dc3232;
+}
+
+.notice.notice-error.notice-alt {
+ background-color: #fbeaea;
+}
+
+.notice.notice-info {
+ border-left-color: #00a0d2;
+}
+
+.notice.notice-info.notice-alt {
+ background-color: #e5f5fa;
+}
+
+.site-description {
+ color: rgba(255, 255, 255, 0.8);
+ font-size: 20px;
+ font-size: 1.25rem;
+ font-weight: 300;
+ margin: -6.4px auto 32px;
+ margin: -0.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;
+ }
+}
+
+.site-main.single,
+.single .site-main {
+ padding: 0;
+}
+
+@media screen and (min-width: 737px) {
+ .site-main.single,
+ .single .site-main {
+ padding: 0 10px 3.0517578125rem;
+ }
+}
+
+.site-main.page,
+.page .site-main {
+ padding-top: 0;
+}
+
+.site-main .page-title {
+ font-size: 25px;
+ font-size: 1.5625rem;
+ font-weight: 400;
+}
+
+.site-main .no-results {
+ margin: 0 auto;
+ max-width: 568.434px;
+ max-width: 35.527136788rem;
+ padding: 0 32px;
+ padding: 0 2rem;
+}
+
+.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:hover, .site-title a:focus, .site-title a:active {
+ 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 {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ margin: 0;
+ padding: 3px;
+}
+
+#wporg-header .button {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+#wporg-header .download-button {
+ background-color: #21759b;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
+ background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
+ background-image: linear-gradient(to bottom, #2a95c5, #21759b);
+ border-bottom-color: #1e6a8d;
+ border-color: #21759b;
+ -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
+ box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
+}
+
+#wporg-header .download-button:hover, #wporg-header .download-button:focus {
+ background-color: #278ab7;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
+ background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
+ background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
+ border-color: #1b607f;
+ -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
+ box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
+ color: #fff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
+}
+
+#wporg-header .download-button:active {
+ background: #1b607f;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
+ background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
+ background-image: linear-gradient(to bottom, #21759b, #278ab7);
+ border-color: #124560 #2382ae #2382ae #2382ae;
+ -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+ color: rgba(255, 255, 255, 0.95);
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+
+#wporg-header a:hover,
+#wporg-header a:focus,
+#wporg-header a:active {
+ text-decoration: none;
+}
+
+.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;
+}
+
+.home-welcome {
+ background: #fff;
+ color: #32373c;
+ font-family: "Open Sans", sans-serif;
+ font-weight: 400;
+ line-height: 1.5;
+ max-width: initial;
+ 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-child {
+ 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 {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -moz-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ list-style: none;
+ margin: 48px 0;
+ margin: 3rem 0;
+ padding: 0;
+}
+
+.home-welcome .features ul li {
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -moz-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-bottom: 1px solid #eee;
+ border-right: 1px solid #eee;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -moz-box-orient: vertical;
+ -moz-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ height: 160px;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -moz-box-pack: center;
+ -ms-flex-pack: center;
+ 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 {
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px 8px rgba(0, 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 {
+ -webkit-box-align: start;
+ -webkit-align-items: flex-start;
+ -moz-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ background: url(https://s.w.org/images/home/community-1.jpg) center bottom no-repeat;
+ -webkit-background-size: cover;
+ background-size: cover;
+ border: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -moz-box-orient: vertical;
+ -moz-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ height: 500px;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -moz-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ max-width: 100%;
+ position: relative;
+}
+
+.home-welcome .community-2 .screen {
+ background: rgba(0, 0, 0, 0.5);
+ height: 100%;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 100%;
+ z-index: 0;
+}
+
+.home-welcome .community-2 h2,
+.home-welcome .community-2 .subheading {
+ 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, 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) center top;
+ -webkit-background-size: cover;
+ background-size: cover;
+ -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);
+ box-shadow: inset 0 0 8px rgba(0, 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 #home-below ol, .home-welcome #home-below ul {
+ margin: 0;
+}
+
+.home-welcome #home-below h4 {
+ border-bottom: 1px solid #dedede;
+ font-size: inherit;
+ padding-bottom: 4px;
+}
+
+.home-welcome #showcase-link {
+ font-size: 14px;
+}
+
+#lang-guess {
+ background: #c7e8ca;
+ border: inherit;
+ -webkit-border-radius: 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;
+ }
+}
+
+.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 aside,
+ .page-template-get section.download .container article {
+ 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 aside + article,
+ .page-template-get section.download .container article + aside {
+ 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: 0.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 .ios .button-android {
+ display: none;
+}
+
+.page-template-get section.apps-mobile .android .button-ios {
+ 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: 0.9144rem;
+ margin: 32px 0 32px;
+ margin: 2rem 0 2rem;
+}
+
+@media (min-width: 737px) {
+ .page-template-get .call-to-action {
+ font-size: 0.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;
+}
+/*# sourceMappingURL=style.css.map */
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgmainfrontpagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/front-page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/front-page.php (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/front-page.php 2017-09-04 15:22:08 UTC (rev 5879)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,182 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The main template file.
+ *
+ * This is the most generic template file in a WordPress theme
+ * and one of the two required files for a theme (the other being style.css).
+ * It is used to display a page when nothing more specific matches a query.
+ * E.g., it puts together the home page when no home.php file exists.
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPressdotorg\Theme
+ */
+
+namespace WordPressdotorg\Theme;
+function get_latest_devblog_post() {
+ $cached = wp_cache_get('feed', 'wporg');
+ if (is_array($cached)) {
+ echo '<!-- feed is cached -->';
+ return $cached;
+ }
+ $feed = file_get_contents('http://wordpress.org/news/feed/');
+ preg_match('|<item>\s*<title>(.*?)</title>.*?<link>(.*?)</link>.*?<description><!\[CDATA\[(.*?)\]\]>|s', $feed, $matches);
+ $matches = array_map('trim', $matches);
+ $matches[3] = preg_replace('|\s*\[\.\.\.\]$|', '…', $matches[3]);
+ $latest_post = array('title' => $matches[1], 'link' => $matches[2], 'content' => $matches[3]);
+ wp_cache_set('feed', $latest_post, 'wporg', 3600);
+ return $latest_post;
+}
+
+$latest_post = [];//get_latest_devblog_post();
+
+$headadd = '<link rel="alternate" type="application/rss+xml" title="WordPress Blog RSS" href="http://wordpress.org/news/feed/" />';
+$pagetitle = 'Blog Tool, Publishing Platform, and CMS';
+$titleover = 'Welcome to WordPress';
+
+require WPORGPATH . 'header.php';
+ ?>
+ <header id="masthead" class="site-header" role="banner">
+ <div class="site-branding">
+ <p class="site-title"><?php _e( 'Meet WordPress', 'wporg-main' ); ?></p>
+
+ <p class="site-description"><?php _e( 'WordPress is open source software you can use to create a beautiful website, blog, or app' ); ?></p>
+ </div><!-- .site-branding -->
+ </header><!-- #masthead -->
+
+ <main id="main" class="site-main home-welcome" role="main">
+ <div id="lang-guess-wrap"></div>
+
+ <section class="intro">
+ <p class="subheading"><?php _e( 'Beautiful designs, powerful features, and the freedom to build anything you want. WordPress is both free and priceless at the same time.' ); ?></p>
+ <div class="screenshots">
+ <img src="https://s.w.org/images/home/screen-themes.png?1" class="dashboard" />
+ <img src="https://s.w.org/images/home/iphone-themes.png?1" class="dashboard-mobile" />
+ </div>
+ </section>
+
+ <section class="showcase">
+ <h2><?php _e( 'Trusted by the Best' ); ?></h2>
+ <p class="subheading"><?php _e( '28% of the web uses WordPress, from hobby blogs to the biggest news sites online.' ); ?></p>
+ <div class="collage">
+
+ </div>
+ <p class="cta-link"><a href="https://wordpress.org/showcase/"><?php _e( 'Discover more sites built with WordPress' ); ?></a>.</p>
+ </section>
+
+ <section class="features">
+ <h2><?php _e( 'Powerful Features' ); ?></h2>
+ <p class="subheading"><?php _e( 'Limitless possibilities. What will you create?' ); ?></p>
+ <ul>
+ <li>
+ <span class="dashicons dashicons-admin-customizer"></span>
+ <?php _e( 'Customizable<br />Designs' ); ?>
+ </li>
+ <li>
+ <span class="dashicons dashicons-welcome-widgets-menus"></span>
+ <?php _e( 'SEO<br />Friendly' ); ?>
+ </li>
+ <li>
+ <span class="dashicons dashicons-smartphone"></span>
+ <?php _e( 'Responsive<br />Mobile Sites' ); ?>
+ </li>
+ <li>
+ <span class="dashicons dashicons-chart-line"></span>
+ <?php _e( 'High<br />Performance' ); ?>
+ </li>
+ <li>
+ <a href="https://wordpress.org/mobile/"><img src="https://s.w.org/images/home/icon-run-blue.svg" />
+ <?php _e( 'Manage<br />on the Go' ); ?></a>
+ </li>
+ <li>
+ <span class="dashicons dashicons-lock"></span>
+ <?php _e( 'High<br />Security' ); ?>
+ </li>
+ <li>
+ <span class="dashicons dashicons-images-alt2"></span>
+ <?php _e( 'Powerful<br />Media Management' ); ?>
+ </li>
+ <li>
+ <span class="dashicons dashicons-universal-access"></span>
+ <?php _e( 'Easy and<br />Accessible' ); ?>
+ </li>
+ </ul>
+ <p><?php
+ /* translators: %s: Link to Plugin Directory. */
+ printf( __( 'Extend WordPress with over 45,000 plugins to help your website meet your needs. Add an online store, galleries, mailing lists, forums, analytics, and <a href="%s">much more</a>.' ), esc_url( 'https://wordpress.org/plugins/' ) ); ?></p>
+ </section>
+
+ <section class="community-2">
+ <div class="screen"></div>
+ <div class="container">
+ <h2><?php _e( 'Community' ); ?></h2>
+ <p class="subheading"><?php _e( 'Hundreds of thousands of developers, content creators, and site owners gather at monthly meetups in 436 cities worldwide' ); ?>.</p>
+ </div>
+ </section>
+
+ <section class="get">
+ <h2><?php _e( 'Get Started with WordPress' ); ?></h2>
+ <p class="subheading"><?php _e( 'Over 60 million people have chosen WordPress to power the place on the web they call “home” — join the family.' ); ?></p>
+ <div class="cta-wrapper">
+ <a href="https://wordpress.org/download/" class="button button-primary button-xl"><?php _e( 'Get WordPress' ); ?></a>
+ </div>
+ </section>
+
+ <div id="home-below">
+ <div class="wrapper">
+ <div class="col-2">
+ <h4><a href="https://wordpress.org/about/swag/"><?php _e( 'WordPress Swag' ); ?></a></h4>
+ <a href="https://wordpress.org/about/swag/"><img width="132" height="177" src="https://wpdotorg.files.wordpress.com/2015/10/gray-tshirt-swag.jpg" alt="<?php esc_attr_e( 'WordPress Swag' ); ?>" /></a>
+ </div>
+
+ <div class="col-4">
+ <h4><a href="https://wordpress.org/news/"><?php _e( 'News From Our Blog' ); ?></a></h4>
+
+ <h5><a href="<?php echo $latest_post['link']; ?>"><?php echo $latest_post['title']; ?></a></h5>
+ <p><?php echo $latest_post['content']; ?></p>
+ </div>
+
+ <div class="col-4">
+ <h4><?php _e( 'It’s Easy As…' ); ?></h4>
+
+ <ol class="steps">
+ <li class="one"><span></span><?php printf( __( '<a href="%s">Find a Web Host</a> and get great hosting while supporting WordPress at the same time.' ), esc_url( 'https://wordpress.org/hosting/' ) ); ?></li>
+ <li class="two"><span></span><?php printf( __( '<a href="%s">Download & Install WordPress</a> with our famous 5-minute installation. Feel like a rock star.' ), esc_url( 'https://wordpress.org/download/' ) ); ?></li>
+ <li class="three"><span></span><?php printf( __( '<a href="%s">Read the Documentation</a> and become a WordPress expert yourself, impress your friends.' ), esc_url( 'https://developer.wordpress.org' ) ); ?></li>
+
+ </ol>
+ </div>
+
+ <div class="col-2">
+ <h4><a href="https://wordpress.org/showcase/"><?php _e( 'WordPress Users' ); ?></a></h4>
+ <ul id="notable-users">
+ <?php
+ $links = array(
+ 'nytimes' => 'https://wordpress.org/showcase/tag/new-york-times/',
+ 'cnn' => 'https://wordpress.org/showcase/tag/cnn/',
+ 'rollingstones' => 'https://wordpress.org/showcase/the-rolling-stones/',
+ 'people' => 'https://wordpress.org/showcase/stylewatch-off-the-rack/',
+ 'playstation' => 'https://wordpress.org/showcase/playstationblog/',
+ 'motleycrue' => 'https://wordpress.org/showcase/motley-crue/',
+ 'blondie' => 'https://wordpress.org/showcase/blondie/',
+ 'marthastewart' => 'https://wordpress.org/showcase/themarthablog/',
+ );
+
+ foreach ( array_rand( $links, 3 ) as $slug ) :
+ printf(
+ '<li><a href="%1$s"><img src="https://s.w.org/images/notableusers/%2$s-2x.png" alt="%2$s" width="130" height="57" /></a></li>',
+ $links[ $slug ],
+ $slug
+ );
+ endforeach;
+ ?>
+ </ul>
+ <p id="showcase-link"><a href="https://wordpress.org/showcase/"><?php _e( '… and hundreds more' ); ?></a></p>
+ </div>
+ </div>
+ </div>
+
+ </main><!-- #main -->
+
+ <?php
+get_footer();
</ins></span></pre>
</div>
</div>
</body>
</html>