summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/css/jetpack-admin.css')
-rw-r--r--plugins/jetpack/css/jetpack-admin.css779
1 files changed, 697 insertions, 82 deletions
diff --git a/plugins/jetpack/css/jetpack-admin.css b/plugins/jetpack/css/jetpack-admin.css
index 9c4df5dc..9c08c32a 100644
--- a/plugins/jetpack/css/jetpack-admin.css
+++ b/plugins/jetpack/css/jetpack-admin.css
@@ -539,10 +539,6 @@ ul#adminmenu a.toplevel_page_jetpack:after {
margin-left: 36px;
}
-#wpfooter {
- display: none;
-}
-
.jp-content {
background: #f9f9f9;
margin: 0;
@@ -776,17 +772,6 @@ ul#adminmenu a.toplevel_page_jetpack:after {
max-width: 600px;
}
-.flyby {
- position: relative;
- max-width: 1200px;
- margin: 0 auto;
-}
-@media (max-width: 900px) {
- .flyby {
- display: none;
- }
-}
-
.flyer {
position: absolute;
bottom: -200px;
@@ -1249,6 +1234,37 @@ ul#adminmenu a.toplevel_page_jetpack:after {
border-color: #69bedd;
box-shadow: inset 4px 0 0 #69bedd;
}
+.module .button,
+.module .button-primary {
+ margin-top: 15px;
+}
+@media (max-width: 530px) {
+ .module .configure, .module .activate {
+ display: block;
+ width: 100%;
+ text-align: center;
+ }
+ .module .button,
+ .module .button-primary {
+ width: 50%;
+ }
+ .module .button-primary {
+ line-height: normal;
+ padding: 6px 14px;
+ height: auto;
+ font-size: 14px;
+ }
+}
+@media screen and (max-width: 450px) {
+ .module .button,
+ .module .button-primary {
+ margin: 20px auto 0 auto;
+ }
+ .module .button.alignright,
+ .module .button-primary.alignright {
+ float: none;
+ }
+}
@media (max-width: 1147px) {
.cat .module:nth-child(3n + 1) {
margin: .75% 0 .75% 1.5%;
@@ -1590,27 +1606,27 @@ ul#adminmenu a.toplevel_page_jetpack:after {
height: 195px;
}
.footer:after {
- bottom: 0;
- width: 100%;
- height: 50px;
- background: url("../images/the-footcloud.svg") center bottom no-repeat;
- background-size: auto 45px;
- z-index: 1;
+ display: none;
}
.footer .download-jetpack {
margin-bottom: 33px;
}
+@media (min-width: 1147px) {
+ .footer {
+ padding-bottom: 35px;
+ }
+}
@media (max-width: 1147px) {
.footer {
padding-top: 165px;
padding-bottom: 0;
+ /*&:after {
+ display: none;
+ }*/
}
.footer:before {
background-size: 160% auto;
}
- .footer:after {
- display: none;
- }
.footer ul {
float: none;
overflow: hidden;
@@ -1652,14 +1668,10 @@ ul#adminmenu a.toplevel_page_jetpack:after {
color: #81A844;
}
@media (max-width: 1147px) {
- .footer nav {
- border: none;
- padding: 0;
- }
.footer nav a:hover, .footer nav a:focus,
.footer nav a:visited:hover,
.footer nav a:visited:focus {
- color: #fff;
+ color: #81a844;
}
}
@media (max-width: 530px) {
@@ -1687,10 +1699,22 @@ ul#adminmenu a.toplevel_page_jetpack:after {
.secondary-footer li {
margin-right: 5px;
}
-@media (max-width: 1147px) {
+@media (min-width: 782px) {
+ .secondary-footer {
+ padding: 8px 15px 10px;
+ margin-bottom: 30px;
+ border-bottom: 1px solid #eee;
+ }
+}
+@media (min-width: 1147px) {
.secondary-footer {
- margin: 0 30px;
- padding: 8px 15px 30px;
+ margin-bottom: 0;
+ }
+}
+@media (max-width: 782px) {
+ .secondary-footer {
+ padding: 8px 15px 8px;
+ border-bottom: none;
}
}
@media (max-width: 530px) {
@@ -1712,9 +1736,6 @@ ul#adminmenu a.toplevel_page_jetpack:after {
font-size: 0.78571em;
font-family: "Gill Sans", "Gill Sans MT", "Open Sans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
- /*@include breakpoint(large-desktop){
- display: none;
- };*/
}
.footer .a8c-attribution a {
display: inline-block;
@@ -1739,8 +1760,17 @@ ul#adminmenu a.toplevel_page_jetpack:after {
animation: candy .4s ease-in-out;
}
-.secondary {
- padding: 10px 15px 0 15px;
+@media (min-width: 782px) {
+ .secondary {
+ padding: 0 15px 10px 15px;
+ border-bottom: 1px solid #eee;
+ }
+}
+@media (min-width: 1147px) {
+ .secondary {
+ padding: 0 15px 10px 15px;
+ border-bottom: none;
+ }
}
.jetpack-message {
@@ -1777,7 +1807,10 @@ ul#adminmenu a.toplevel_page_jetpack:after {
margin-top: 15px;
display: none;
}
-.jetpack-message h4 {
+.jetpack-message .squeezer h2 {
+ font-size: 1em;
+}
+.jetpack-message h2 {
color: #fff;
margin: 0;
}
@@ -1826,10 +1859,12 @@ ul#adminmenu a.toplevel_page_jetpack:after {
max-width: 100%;
}
+.jetpack-modules #site-icon-deprecated .info,
.modules h3.icon,
.jetpack-modules .info a {
width: auto;
}
+.jetpack-modules #site-icon-deprecated .info:before,
.modules h3.icon:before,
.jetpack-modules .info a:before {
display: inline-block;
@@ -2037,6 +2072,14 @@ ul#adminmenu a.toplevel_page_jetpack:after {
content: '\f475';
}
+.jetpack-modules #site-icon-deprecated .info:before {
+ content: '\f475';
+}
+
+.jetpack-modules #sitemaps .info a:before {
+ content: '\f507';
+}
+
@media (max-width: 782px) {
.blog .type-post,
.page-template-default .type-page,
@@ -2062,7 +2105,7 @@ ul#adminmenu a.toplevel_page_jetpack:after {
width: 100%;
}
}
-@media screen and (max-width: 400px) {
+@media screen and (max-width: 515px) {
.jp-frame .header-nav {
padding-bottom: 10px;
}
@@ -2082,6 +2125,14 @@ ul#adminmenu a.toplevel_page_jetpack:after {
.jp-frame .header-nav .jetpack-modules + .jetpack-modules {
text-align: left;
}
+ .jp-frame .header-nav .jetpack-modules:nth-child(4) {
+ text-align: center;
+ margin: 0 auto;
+ width: 100%;
+ }
+ .jp-frame .header-nav .jetpack-modules:nth-child(4) a {
+ padding: 0 10px;
+ }
}
@media (max-width: 320px) {
.jetpack_page_jetpack_modules .wrap {
@@ -2205,6 +2256,13 @@ ul#adminmenu a.toplevel_page_jetpack:after {
.table-bordered.jetpack-modules tr.jetpack-module#vaultpress {
opacity: 1;
}
+.table-bordered.jetpack-modules tr.jetpack-module.deprecated span {
+ color: #888;
+}
+.table-bordered.jetpack-modules tr.jetpack-module.deprecated .dep-msg {
+ margin-right: 10px;
+ color: #555;
+}
.table-bordered.jetpack-modules tr.jetpack-module th,
.table-bordered.jetpack-modules tr.jetpack-module td {
background: #fff;
@@ -2349,10 +2407,10 @@ ul#adminmenu a.toplevel_page_jetpack:after {
}
.wrap .manage-right.show {
display: block;
- position: fixed;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
+ z-index: 100000;
}
.wrap .manage-right .search-bar {
margin-bottom: 18px;
@@ -2394,7 +2452,7 @@ ul#adminmenu a.toplevel_page_jetpack:after {
border-radius: 2px;
margin-left: -5px;
background: #0D72B2;
- color: #FFF;
+ color: #fff;
}
.wrap .manage-right .subsubsub .current .count {
color: #BCD7E7;
@@ -2425,6 +2483,44 @@ ul#adminmenu a.toplevel_page_jetpack:after {
}
}
+@media (max-width: 782px) {
+ .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary):not(.check-column) {
+ padding: 11px 10px;
+ display: block;
+ }
+
+ .jetpack_page_jetpack_modules #doaction {
+ padding: 7px 14px;
+ }
+ .jetpack_page_jetpack_modules .fixed-top thead .check-column {
+ padding: 28px 10px 0 10px;
+ }
+ .jetpack_page_jetpack_modules .filter-search {
+ margin-top: 28px;
+ }
+ .jetpack_page_jetpack_modules .filter-search .button {
+ padding: 7px 14px;
+ }
+
+ .manage-right.show .subsubsub li {
+ padding: 5px;
+ }
+}
+@media (max-width: 650px) {
+ .table-bordered.jetpack-modules tr.jetpack-module.deprecated td .row-actions {
+ float: none;
+ padding-left: 18px;
+ }
+}
+@media (max-width: 430px) {
+ .table-bordered.jetpack-modules tr.jetpack-module td .row-actions {
+ display: none;
+ }
+
+ .table-bordered.jetpack-modules tr.jetpack-module.deprecated td .row-actions {
+ display: block;
+ }
+}
/* 'Pages' is a temporary location for these styles, until we can break them up into their proper atmoic locations */
.configure-module p {
font-size: 14px;
@@ -2641,6 +2737,183 @@ ul#adminmenu a.toplevel_page_jetpack:after {
}
}
/* end < 400px */
+.my-jetpack-actions {
+ margin: 0 0 40px 0;
+}
+.my-jetpack-actions .j-col {
+ padding: 0;
+ text-align: center;
+}
+.my-jetpack-actions #user-list {
+ height: 30px;
+ margin-top: -1px;
+ margin-left: -3px;
+}
+
+#jetpack-disconnect-content {
+ display: none;
+ text-align: center;
+}
+#jetpack-disconnect-content .cancel-disconnect {
+ display: block;
+ margin-top: 10px;
+}
+
+.connection-details {
+ border: 1px #ddd solid;
+}
+.connection-details.local-user {
+ margin-bottom: 10px;
+}
+.connection-details .user-01,
+.connection-details .wpuser-02,
+.connection-details .action-btns {
+ padding: 10px;
+}
+.connection-details .user-01 .button, .connection-details .user-01 select,
+.connection-details .wpuser-02 .button,
+.connection-details .wpuser-02 select,
+.connection-details .action-btns .button,
+.connection-details .action-btns select {
+ margin-top: 5px;
+}
+.connection-details .wpuser-02 {
+ margin-top: 10px;
+}
+.connection-details h3 {
+ padding: 10px;
+ margin: 0;
+ background: #eee;
+ border-bottom: 1px #ddd solid;
+ font-size: 14px;
+}
+
+.jp-user img {
+ margin-right: 10px;
+ border-radius: 50%;
+}
+
+.jp-user div,
+.wp-user div,
+.wp-action div {
+ display: inline-block;
+ width: 100%;
+}
+
+.j-col.jp-user,
+.j-col.wp-user,
+.j-col.wp-action {
+ padding: 0;
+}
+
+.my-jetpack-actions select {
+ max-width: 150px;
+}
+
+.j-actions .button:nth-child(3) {
+ margin-right: 5px;
+}
+
+.j-row.disconnect {
+ text-align: center;
+}
+.j-row.disconnect .button {
+ margin: 0 auto;
+}
+
+a.what-is-primary {
+ color: #b4b9be;
+ margin-left: 4px;
+}
+
+@media (max-width: 782px) {
+ .wp-action {
+ border-top: 1px #ddd solid;
+ }
+ .wp-action h3 {
+ display: none;
+ }
+}
+@media screen and (max-width: 500px) {
+ .connection-details {
+ font-size: 11px;
+ }
+ .connection-details h3 {
+ font-size: 12px;
+ padding: 5px;
+ }
+ .connection-details .user-01,
+ .connection-details .wpuser-02 {
+ padding: 6px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 200px;
+ }
+ .connection-details .action-btns {
+ text-align: center;
+ }
+}
+@media (max-width: 530px) {
+ .connection-details .wpuser-02 {
+ margin-top: 0;
+ padding: 12px;
+ }
+}
+@media screen and (max-width: 450px) {
+ .j-actions .button {
+ width: 100%;
+ margin-bottom: 5px;
+ text-align: center;
+ }
+ .j-actions .button.alignright {
+ float: none;
+ }
+}
+@media screen and (max-width: 350px) {
+ .user-01,
+ .wpuser-02 {
+ max-width: 100px;
+ }
+}
+.manage__icon {
+ width: 155px;
+ height: 155px;
+ margin: 20px auto;
+}
+
+.manage-page .manage__description {
+ max-width: 600px;
+ text-align: center;
+ font-size: 22px;
+ color: #999;
+ margin: 20px auto;
+}
+.manage-page .manage__button {
+ font-size: 16px;
+ padding: 0 20px;
+ height: 40px;
+ line-height: 40px;
+}
+
+.manage__title .genericon {
+ font-size: 38px;
+ color: #81A944;
+}
+
+.manage__link {
+ font-size: 16px;
+ padding: 0 20px;
+ height: 40px;
+ line-height: 40px;
+ font-weight: normal;
+}
+.manage__link .genericon {
+ font-size: 28px;
+ vertical-align: middle;
+ margin-top: -6px;
+}
+
.jp-content .hide {
display: none;
}
@@ -2704,6 +2977,10 @@ ul#adminmenu a.toplevel_page_jetpack:after {
background: #fefefe;
border: 1px #dae0e2 solid;
padding-bottom: 20px;
+ text-align: center;
+}
+#jump-start-area .connect-btn {
+ text-align: center;
}
#jump-start-area #jumpstart-cta,
#jump-start-area .jumpstart-desc {
@@ -2736,6 +3013,8 @@ ul#adminmenu a.toplevel_page_jetpack:after {
#jumpstart-cta {
text-align: center;
+ display: inline-block;
+ float: none;
}
.dismiss-jumpstart {
@@ -2796,57 +3075,338 @@ ul#adminmenu a.toplevel_page_jetpack:after {
display: inline-block;
}
-.miguel {
+.nux-intro h3 {
+ background: #81a844;
+ color: #fff;
+ font-weight: 600;
+ padding: .75em;
+ margin: 0;
+}
+.nux-intro h4 {
+ margin: 0 0 2px 0;
+}
+.nux-intro p {
+ text-align: center;
+ font-size: 1.24em;
+ line-height: 175%;
+}
+.nux-intro a {
+ transition: all .4s ease;
+}
+.nux-intro .j-col {
+ padding: 0 0.5em;
+}
+.nux-intro .j-col:first-of-type {
+ padding-left: 0;
+}
+.nux-intro .j-col:last-of-type {
+ padding-right: 0;
+}
+.nux-intro .nux-in {
+ background: #ececec;
+ -webkit-border-bottom-right-radius: 6px;
+ -webkit-border-bottom-left-radius: 6px;
+ -moz-border-radius-bottomright: 6px;
+ -moz-border-radius-bottomleft: 6px;
+ border-bottom-right-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+.nux-intro .nux-in h3 {
+ font-size: 1.10em;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-top-right-radius: 6px;
+ -moz-border-radius-topleft: 6px;
+ -moz-border-radius-topright: 6px;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+.nux-intro .nux-in h3 .dashicons {
+ float: right;
+ color: #658435;
+ font-size: 1.25em;
+ padding-left: 0;
+}
+.nux-intro .nux-in h3 .dashicons:hover {
+ color: #57722e;
+}
+.nux-intro .nux-in p {
+ font-size: .9em;
+ line-height: 150%;
+ margin: 0;
+ text-align: left;
+ color: #686f72;
+}
+.nux-intro .nux-in .j-row {
+ border-bottom: 1px #f9f9f9 solid;
+ padding: 5px 0;
+ position: relative;
+ min-height: 70px;
+}
+.nux-intro .nux-in .j-row:hover {
+ background: #e0e0e0;
+}
+.nux-intro .nux-in .unavailable {
+ opacity: 0.5;
+}
+.nux-intro .nux-in .unavailable .act {
display: none;
- position: fixed;
- opacity: .35;
- bottom: -200px;
+}
+.nux-intro .nux-in .paid {
+ top: 4px;
+ margin-left: 12px;
+}
+.nux-intro .nux-in .dashicons {
+ color: #81a844;
+ font-size: 1em;
+ position: relative;
+ top: 3px;
+ padding-left: 6px;
+}
+.nux-intro .nux-in .dashicons:hover {
+ color: #57722e;
+}
+.nux-intro .nux-in .dashicons-external {
+ font-size: 1.5em;
+ top: 2px;
+ padding-left: 3px;
+}
+.nux-intro .nux-in .lmore {
+ font-size: 11px;
+ color: #81a844;
+}
+.nux-intro .nux-in .lmore:hover {
+ color: #57722e;
+}
+.nux-intro .feat.j-col {
+ padding: 10px 2px 10px 10px;
+}
+.nux-intro .feat .dashicons {
+ display: none;
+}
+.nux-intro .activated .feat .dashicons {
+ display: inline-block;
+}
+.nux-intro .act {
+ position: absolute;
+ top: 50%;
+ -ms-transform: translate(0, -50%);
+ -webkit-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ right: 8px;
+ float: right;
+}
+.nux-intro .act.j-col {
+ padding: 5px;
+ text-align: right;
+}
+.nux-intro .module-action {
+ text-transform: uppercase;
+ font-size: .85em;
+ font-weight: 600;
+}
+.nux-intro .wpcom h3 {
+ background: #0087be;
+}
+.nux-intro .wpcom h3 .dashicons {
+ color: #00638b;
+}
+.nux-intro .wpcom h3 .dashicons:hover {
+ color: #005172;
+}
+.nux-intro .wpcom .j-col {
+ padding: 10px;
+}
+.nux-intro .wpcom .goto {
+ text-align: center;
+ padding: 1em;
+}
+.nux-intro .wpcom .goto:hover {
+ background: #ececec;
+}
+.nux-intro .wpcom .goto .j-col {
+ padding: 0 5px;
+}
+.nux-intro .wpcom .goto a {
+ width: 100%;
+ padding: .25em;
+ height: auto;
+}
+.nux-intro .wpcom .goto .button {
+ height: auto;
+ min-height: 28px;
+ line-height: 18px;
+ white-space: normal;
+ max-width: 200px;
+ margin-bottom: 0;
+ padding-top: 4px;
+ padding-bottom: 5px;
+}
+.nux-intro .wpcom .goto .feat {
+ position: absolute;
+ top: 50%;
+ -ms-transform: translate(0, -50%);
+ -webkit-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+}
+.nux-intro .nux-foot .j-col {
+ padding: 1em;
+}
+
+.nux-foot {
+ margin-top: 2em;
+ background: #ececec;
+ border-radius: 6px;
+}
+.nux-foot .j-col {
+ min-height: 75px;
+ padding: 1em;
+}
+@media (max-width: 650px) {
+ .nux-foot .j-col {
+ width: 100%;
+ }
+}
+.nux-foot .j-col + .j-col {
+ border-left: 1px #f9f9f9 solid;
+}
+@media (max-width: 650px) {
+ .nux-foot .j-col + .j-col {
+ border-left: none;
+ border-top: 1px #f9f9f9 solid;
+ }
+}
+.nux-foot .actions {
+ margin-top: 1em;
+}
+.nux-foot a {
+ text-decoration: underline;
+}
+.nux-foot img {
+ float: right;
+ margin-left: 1em;
+ width: 75px;
+ border-radius: 4px;
+}
+.nux-foot p {
+ font-size: .9em;
+ text-align: left;
+ font-weight: 600;
+ margin-top: 0;
+}
+.nux-foot p + p {
+ font-weight: 400;
+ margin-bottom: 0;
+}
+.nux-foot ul {
+ font-size: .9em;
+ margin-bottom: 0;
+}
+.nux-foot ul li {
+ margin-right: .875em;
+ margin-bottom: 0;
+ line-height: 175%;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.form-toggle[type="checkbox"] {
+ opacity: 0;
+ position: absolute;
+}
+
+.form-toggle__switch {
+ position: relative;
+ display: inline-block;
+ border-radius: 12px;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 2px;
+ width: 40px;
+ height: 24px;
+ background: #b9b9b9;
+ vertical-align: middle;
+ outline: 0;
+ cursor: pointer;
+ transition: all .4s ease;
+}
+.form-toggle__switch:before, .form-toggle__switch:after {
+ position: relative;
+ display: block;
+ content: "";
+ width: 20px;
+ height: 20px;
+}
+.form-toggle__switch:after {
left: 0;
- z-index: 1;
- -webkit-animation: miguel 3.4s 0s ease-in-out;
- animation: miguel 3.4s 0s ease-in-out;
+ border-radius: 50%;
+ background: #fff;
+ transition: all .2s ease;
+}
+.form-toggle__switch:before {
+ display: none;
+}
+.form-toggle__switch:hover {
+ background: #bdd597;
}
-.miguel:nth-child(2) {
- left: 49%;
- width: 120px;
- height: 131px;
- -webkit-animation-duration: 2.4s;
- animation-duration: 2.4s;
- -webkit-animation-delay: 0s;
- animation-delay: 0s;
+.form-toggle__label {
+ cursor: pointer;
}
-.miguel:nth-child(3) {
- left: 23%;
- width: 60px;
- height: 66px;
- -webkit-animation-duration: 4.5s;
- animation-duration: 4.5s;
- -webkit-animation-delay: 0s;
- animation-delay: 0s;
+.plugin-action__label {
+ padding-right: 5px;
+ top: -1px;
+ position: relative;
+ color: #8e9598;
}
-@-webkit-keyframes "miguel" {
- 0% {
- -webkit-transform: translate3d(0px, 0px, 0px);
- transform: translate3d(0px, 0px, 0px);
- }
- 100% {
- -webkit-transform: translate3d(900px, -900px, 0px);
- transform: translate3d(900px, -900px, 0px);
- }
+.activated .plugin-action__label {
+ color: #81a844;
}
-@keyframes "miguel" {
- 0% {
- -webkit-transform: translate3d(0px, 0px, 0px);
- transform: translate3d(0px, 0px, 0px);
- }
- 100% {
- -webkit-transform: translate3d(900px, -900px, 0px);
- transform: translate3d(900px, -900px, 0px);
- }
+
+.form-toggle:focus + .form-toggle__label .form-toggle__switch,
+.form-toggle:focus:checked + .form-toggle__label .form-toggle__switch {
+ box-shadow: 0 0 0 2px #0087be;
+}
+
+.form-toggle:checked + .form-toggle__label .form-toggle__switch {
+ background: #81a844;
+}
+.form-toggle:checked + .form-toggle__label .form-toggle__switch:after {
+ left: 16px;
+}
+
+.form-toggle:checked:hover + .form-toggle__label .form-toggle__switch {
+ background: #bdd597;
+}
+
+.form-toggle:disabled + .form-toggle__label .form-toggle__switch,
+.form-toggle:disabled:hover + .form-toggle__label .form-toggle__switch {
+ background: #e9eff3;
+}
+
+.form-toggle.is-toggling + .form-toggle__label .form-toggle__switch {
+ background: #81a844;
+}
+
+.form-toggle.is-toggling:checked + .form-toggle__label .form-toggle__switch {
+ background: #bdd597;
+}
+
+.form-toggle.is-compact + .form-toggle__label .form-toggle__switch {
+ border-radius: 8px;
+ width: 24px;
+ height: 16px;
+}
+.form-toggle.is-compact + .form-toggle__label .form-toggle__switch:before, .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:after {
+ width: 12px;
+ height: 12px;
+}
+
+.form-toggle.is-compact:checked + .form-toggle__label .form-toggle__switch:after {
+ left: 8px;
}
+
@media (max-width: 1147px) {
.jp-content .landing {
padding: 0 2em;
@@ -2854,6 +3414,53 @@ ul#adminmenu a.toplevel_page_jetpack:after {
.jp-content .footer {
padding-top: 1.5em;
}
+
+ .nux-intro .main-col {
+ width: 50%;
+ margin-bottom: 2em;
+ }
+ .nux-intro .main-col.wpcom {
+ width: 100%;
+ }
+ .nux-intro .main-col + .main-col {
+ padding-right: 0;
+ }
+ .nux-intro .wpcom {
+ padding: 0;
+ }
+ .nux-intro .wpcom .j-row {
+ width: 50%;
+ float: left;
+ border-bottom: 1px #f9f9f9 solid;
+ border-right: 1px #f9f9f9 solid;
+ }
+ .nux-intro .wpcom .j-row:last-of-type {
+ width: 100%;
+ float: none;
+ clear: both;
+ border: none;
+ border-top: 1px #f9f9f9 solid;
+ position: relative;
+ top: -1px;
+ }
+ .nux-intro .wpcom .goto .feat a {
+ float: left;
+ }
+
+ .nux-foot .j-col {
+ border: none;
+ }
+}
+@media (max-width: 900px) {
+ .nux-intro .main-col {
+ width: 100%;
+ padding: 0;
+ margin-bottom: 2em;
+ }
+ .nux-intro .wpcom .j-row {
+ width: 100%;
+ float: none;
+ }
}
@media (max-width: 782px) {
#jumpstart-cta .button-primary {
@@ -2864,6 +3471,14 @@ ul#adminmenu a.toplevel_page_jetpack:after {
background-position: 50% 35%;
}
}
+@media (max-width: 600px) {
+ .nux-intro h1 {
+ font-size: 1.75em;
+ }
+ .nux-intro p {
+ font-size: 1em;
+ }
+}
@media (max-width: 530px) {
.jp-content .landing {
padding: 0 .5em;