Get Gentoo!
gentoo.org sites
gentoo.org Wiki Bugs Forums Packages
Planet Archives Sources
Infra Status
summaryrefslogtreecommitdiff
path: root/plugins/jetpack/css/jetpack-banners.css
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/css/jetpack-banners.css')
-rw-r--r--plugins/jetpack/css/jetpack-banners.css107
1 files changed, 42 insertions, 65 deletions
diff --git a/plugins/jetpack/css/jetpack-banners.css b/plugins/jetpack/css/jetpack-banners.css
index 5232bb5a..3dd658c7 100644
--- a/plugins/jetpack/css/jetpack-banners.css
+++ b/plugins/jetpack/css/jetpack-banners.css
@@ -26,40 +26,34 @@ https://github.com/thoughtbot/bourbon
position: relative;
padding: 0;
}
-
.updated .jp-banner__header {
- font-size: 1.125rem;
+ font-size: 1.25rem;
font-weight: 400;
margin-top: 0;
}
-
.updated .jp-banner__button-container {
padding: 2rem 0 0;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
}
-
@media (min-width: 600px) {
.updated .jp-banner__button-container {
display: flex;
}
}
-
.updated .jp-banner__tos-blurb {
display: block;
padding: 0.375rem 0;
line-height: 1.5;
- font-size: 0.6875rem;
+ font-size: 0.75rem;
color: #414141;
}
-
@media (min-width: 600px) {
.updated .jp-banner__tos-blurb {
margin-left: 1.125rem;
}
}
-
.updated .jp-banner__tos-blurb a {
color: inherit;
}
@@ -87,80 +81,66 @@ https://github.com/thoughtbot/bourbon
background: #f1f1f1;
text-align: center;
}
-
@media (max-width: 530px) {
.jetpack-disconnected .jp-connect-full__container {
top: 42px;
}
}
-
@media (min-width: 782px) {
.jetpack-disconnected .jp-connect-full__container {
left: -20px;
}
}
-
.jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card {
padding: 4rem 4rem 6rem;
background: white;
margin: 1em;
}
-
@media (max-width: 530px) {
.jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card {
padding: 2rem 2rem;
}
}
-
.jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card img.jetpack-logo {
width: 160px;
}
-
.jetpack-disconnected .jp-connect-full__container .jp-connect-full__container-card img.support-characters {
margin-top: 1.5rem;
width: 50%;
}
-
.jetpack-disconnected .jp-connect-full__container h4 {
line-height: 1.25;
- font-size: 1.375rem;
+ font-size: 1.5rem;
font-weight: normal;
margin: 1em 0;
}
-
.jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container {
position: relative;
bottom: 0;
- box-shadow: 0 0 0 1px #ccd0d4, 0 1px 1px 1px rgba(0, 0, 0, 0.04);
+ box-shadow: 0 0 0 1px #c3c4c7, 0 1px 1px 1px rgba(0, 0, 0, 0.04);
display: none;
}
-
.jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container .jp-connect-full__container-card {
margin: 0;
}
-
@media (min-width: 782px) {
.jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container {
left: 0;
}
}
-
@media (max-width: 782px) {
.jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container {
top: 32px;
}
}
-
@media (max-width: 530px) {
.jetpack-disconnected.toplevel_page_jetpack .jp-connect-full__container {
top: 0px;
}
}
-
.jetpack-disconnected.toplevel_page_jetpack .jp-jetpack-connect__container .jp-connect-full__container {
display: block;
}
-
@media (max-width: 530px) {
.jetpack-disconnected.toplevel_page_jetpack .jp-jetpack-connect__container .jp-connect-full__container .jp-connect-full__step-header h2 {
margin: 0;
@@ -182,39 +162,40 @@ https://github.com/thoughtbot/bourbon
margin: 0 auto 40px auto;
line-height: 1.5;
}
-
@media (max-width: 530px) {
.jp-connect-full__step-header {
margin-bottom: 1.5rem;
}
}
-
.jp-connect-full__step-header h2 {
margin: 1.5rem 10% 0;
- font-size: 1.375rem;
+ font-size: 2rem;
font-weight: bold;
+ line-height: 1.2;
color: black;
}
-
@media (max-width: 530px) {
.jp-connect-full__step-header h2 {
margin-top: 1rem;
+ font-size: 1.5rem;
}
}
-
.jp-connect-full__step-header h3 {
color: #747474;
font-size: 1rem;
font-weight: normal;
margin: 0.625rem 0 1.5rem;
}
-
.jp-connect-full__step-header.bottom {
margin-top: 5rem;
}
+#jp-connect-full__step2-header {
+ display: none;
+}
+
.jp-connect-full__tos-blurb {
- font-size: 0.6875rem;
+ font-size: 0.75rem;
margin: 0 auto 1rem;
}
@@ -223,7 +204,7 @@ https://github.com/thoughtbot/bourbon
}
.jp-connect-full__dismiss-paragraph {
- font-size: .6875rem;
+ font-size: 0.75rem;
}
.jp-connect-full__tos-blurb a,
@@ -244,27 +225,27 @@ https://github.com/thoughtbot/bourbon
}
.jp-connect-full__slide {
- max-width: 35%;
+ max-width: 38%;
margin: 3rem 0;
}
-
@media (max-width: 782px) {
.jp-connect-full__slide {
margin: 1.875rem 0;
}
}
-
-.jp-connect-full__slide p {
- font-size: 0.875rem;
+.jp-connect-full__slide h3 {
+ font-size: 1.25rem;
}
-
-.jp-connect-full__slide .illustration {
- padding: 0.75rem;
+.jp-connect-full__slide img {
+ max-width: 100%;
+}
+.jp-connect-full__slide ul {
+ list-style: disc;
+ margin-left: 16px;
}
-
@media (min-width: 600px) {
.jp-connect-full__slide .illustration {
- margin-bottom: 2.625rem;
+ margin-bottom: 2rem;
}
}
@@ -273,14 +254,12 @@ https://github.com/thoughtbot/bourbon
margin: 0 auto;
line-height: 1.25;
}
-
.jp-connect-full__step-support h2 {
margin: 1rem 0 0;
- font-size: 1.375rem;
+ font-size: 1.5rem;
font-weight: normal;
color: black;
}
-
.jp-connect-full__step-support h3 {
color: #747474;
font-size: 1rem;
@@ -289,7 +268,7 @@ https://github.com/thoughtbot/bourbon
}
.jp-connect-full__button-container-loading {
- font-size: 14px;
+ font-size: 0.875rem;
animation: jetpack-loading-fade 1.6s ease-in-out infinite;
}
@@ -301,19 +280,18 @@ https://github.com/thoughtbot/bourbon
.jp-connect-full__row {
display: block;
}
+
.jp-connect-full__slide {
margin: 2em 0;
max-width: 100%;
}
}
-
.updated.jp-wpcom-connect__container {
border-left: none;
padding: 0;
- border: 1px solid #ccd0d4;
+ border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
-
@media screen and (max-width: 782px) {
.updated.jp-wpcom-connect__container {
padding: 0 !important;
@@ -335,12 +313,11 @@ https://github.com/thoughtbot/bourbon
.jp-wpcom-connect__container-top-text {
padding: 15px 35px 25px 15px;
- background-color: #00BE28;
+ background-color: #069e08;
color: white;
display: flex;
align-items: baseline;
}
-
.jp-wpcom-connect__container-top-text svg {
width: 24px;
height: 24px;
@@ -348,21 +325,17 @@ https://github.com/thoughtbot/bourbon
position: relative;
top: 7px;
}
-
@media (max-width: 530px) {
.jp-wpcom-connect__container-top-text svg {
flex: 1;
}
}
-
.jp-wpcom-connect__container-top-text svg path {
fill: #fff;
}
-
.jp-wpcom-connect__container-top-text span {
display: inline-block;
}
-
@media (max-width: 530px) {
.jp-wpcom-connect__container-top-text span {
flex: 9;
@@ -373,7 +346,7 @@ https://github.com/thoughtbot/bourbon
display: block;
position: relative;
box-sizing: border-box;
- background-color: #00BE28;
+ background-color: #069e08;
}
.jp-wpcom-connect__inner-container > a:first-child {
@@ -423,17 +396,14 @@ https://github.com/thoughtbot/bourbon
display: block;
margin: 0 auto;
}
-
.jp-connect-illo .jetpack-logo {
margin-bottom: 2.25rem;
}
-
@media (max-width: 530px) {
.jp-connect-illo .jetpack-logo {
margin-left: 0;
}
}
-
@media (max-width: 782px) {
.jp-connect-illo {
width: 100%;
@@ -451,12 +421,10 @@ https://github.com/thoughtbot/bourbon
.jp-wpcom-connect__slide {
display: none;
}
-
.jp-wpcom-connect__slide.jp__slide-is-active {
display: flex;
align-items: flex-start;
}
-
@media (max-width: 782px) {
.jp-wpcom-connect__slide.jp__slide-is-active {
display: block;
@@ -476,22 +444,31 @@ https://github.com/thoughtbot/bourbon
.jp-banner__button-container .dops-button {
margin: 0.3125rem 0;
}
-
.jp-banner__button-container .dops-button.is-primary {
- background: #00BE28;
+ background: #069e08;
border-color: #00a523;
padding-left: 1.5rem;
padding-right: 1.5rem;
flex-shrink: 0;
}
-
.jp-banner__button-container .dops-button.is-primary:hover, .jp-banner__button-container .dops-button.is-primary:focus {
background: #00a523;
border-color: #008b1d;
}
-
.jp-banner__button-container .dops-button.is-primary:focus {
box-shadow: 0 0 0 1px white, 0 0 0 3px #008b1d;
}
+.jp-wpcom-connect__quest {
+ position: relative;
+ padding-left: 2.8125rem;
+ font-size: 1.25rem;
+}
+
+.jp-wpcom-connect__quest-marker.gridicon {
+ position: absolute;
+ left: 0;
+ top: -0.1875rem;
+ fill: #eec74f;
+}
/*# sourceMappingURL=jetpack-banners.css.map */