From 753861a784fffe0fa6818cff3fab0bba1523260e Mon Sep 17 00:00:00 2001 From: Bogdanova Olga Date: Sun, 30 May 2021 17:11:12 +0300 Subject: [PATCH] Issues-125: Check your email page --- web-assets/css/styles.css | 79 +++++++++++++++++++++-- web-assets/images/arrow.svg | 19 ++++++ web-assets/images/email.png | Bin 0 -> 8262 bytes web-assets/static-pages/check_email.html | 65 +++++++++++++++++++ 4 files changed, 157 insertions(+), 6 deletions(-) create mode 100644 web-assets/images/arrow.svg create mode 100644 web-assets/images/email.png create mode 100644 web-assets/static-pages/check_email.html diff --git a/web-assets/css/styles.css b/web-assets/css/styles.css index 9cd5527..3867cea 100644 --- a/web-assets/css/styles.css +++ b/web-assets/css/styles.css @@ -244,6 +244,74 @@ select::-ms-expand { line-height: 1.5; margin-bottom: 0; } +/** Start: Check Email Card **/ +.checkemail-card .header { + padding: 35px 10px 12px 10px; + background-color: transparent; +} + +.checkemail-card.center-align-card .page-content .page-main { + padding: 0px 50px 40px; + position: relative; + text-align: center; +} + +.checkemail-card.center-align-card .page-content .page-main .page-title-heading { + color: #2A2A2A; + font-family: Roboto; + font-weight: normal; + font-size: 24px; + line-height: 29px; + text-align: center; + text-transform: none; +} +.checkemail-card.center-align-card .page-content .page-main .page-subtitle-heading { + color: #2A2A2A; + font-family: Roboto; + font-weight: bold; + font-size: 15px; + line-height: 21px; + text-align: center; + text-transform: none; +} + +.checkemail-card.center-align-card .page-content .page-main .page-description { + margin-top: 30px; + text-align: left; + font-weight: normal; + font-family: "Roboto"; + font-size: 15px; +} + +.checkemail-card.center-align-card .page-content .page-main .page-description ul { + list-style: none; + list-style-image: url(./images/arrow.svg); + margin: 0px; +} + +.checkemail-card.center-align-card .page-content .page-main .page-description ul li { + line-height: 21px; + position: relative; +} +.checkemail-card.center-align-card .page-content .page-main .page-description ul li span { + position: relative; + top: -3px +} + +.checkemail-card.center-align-card .page-content .page-main .page-description ul li::marker { + margin-top: 3px; +} + + +.checkemail-card.center-align-card .page-content .page-main .page-description ul li:not(:last-child){ + margin: 0px 0px 30px 0px; + } + +.checkemail-card .footer { + padding-top: 0px; +} + +/** End: Check Email Card **/ /** Start: Confirmation Card **/ .confirmation-card.center-align-card { @@ -291,10 +359,11 @@ select::-ms-expand { } .confirmation-card.center-align-card .page-content .page-main .page-description ul { list-style: none; + margin: 0px; } .confirmation-card.center-align-card .page-content .page-main .page-description ul li{ - margin: 0; + margin-bottom: 0; line-height: 21px; position: relative; } @@ -315,28 +384,26 @@ select::-ms-expand { top: -4px; } -li:nth-child(1)::before { +.confirmation-card.center-align-card .page-content .page-main .page-description ul li:nth-child(1)::before { content:""; background-image: url('./images/1.png'); height: 28px; width: 30px; } -li:nth-child(2)::before { +.confirmation-card.center-align-card .page-content .page-main .page-description ul li:nth-child(2)::before { content:""; background-image: url('./images/2.png'); height: 28px; width: 30px; } -li:nth-child(3)::before { +.confirmation-card.center-align-card .page-content .page-main .page-description ul li:nth-child(3)::before { content:""; background-image: url('./images/3.png'); height: 28px; width: 30px; } - - /** End: Confirmation Card **/ /** Start : Input/select box - field area style **/ diff --git a/web-assets/images/arrow.svg b/web-assets/images/arrow.svg new file mode 100644 index 0000000..a3d5f8a --- /dev/null +++ b/web-assets/images/arrow.svg @@ -0,0 +1,19 @@ + + + BEB65045-0E34-4A20-8C62-2EFECC6910A8 + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/web-assets/images/email.png b/web-assets/images/email.png new file mode 100644 index 0000000000000000000000000000000000000000..f02ab84266b0707fa79bbaf60f6fe347030f4fc8 GIT binary patch literal 8262 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 Ef<4g%aR2}S literal 0 HcmV?d00001 diff --git a/web-assets/static-pages/check_email.html b/web-assets/static-pages/check_email.html new file mode 100644 index 0000000..51cd493 --- /dev/null +++ b/web-assets/static-pages/check_email.html @@ -0,0 +1,65 @@ + + + + Check your email to activate your account + + + + + + + + + + + +
+ + + +
+
+ Check Email +
+
+ +

+ Check your email to
activate your account +

+

+ Welcome to the Topcoder Community! +

+
+ +
+
+
+ +
+ +