diff --git a/domain-server/resources/web/css/style.css b/domain-server/resources/web/css/style.css index f5a618e2c1..158008fc2b 100644 --- a/domain-server/resources/web/css/style.css +++ b/domain-server/resources/web/css/style.css @@ -1,3 +1,17 @@ +/* cairo-regular - latin */ +@font-face { + font-family: 'Cairo'; + font-style: normal; + font-weight: 400; + src: url('/fonts/cairo-v2-latin-regular.eot'); /* IE9 Compat Modes */ + src: local('Cairo'), local('Cairo-Regular'), + url('/fonts/cairo-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('/fonts/cairo-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('/fonts/cairo-v2-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('/fonts/cairo-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('/fonts/cairo-v2-latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */ +} + body { position: relative; padding-bottom: 30px; @@ -324,7 +338,7 @@ table .headers + .headers td { font-size: 14px; text-decoration-line: underline; font-weight: normal; - color: #2F80ED; + color: #00B3F8; } #manage-cloud-domains-link { diff --git a/domain-server/resources/web/fonts/cairo-v2-latin-regular.eot b/domain-server/resources/web/fonts/cairo-v2-latin-regular.eot new file mode 100644 index 0000000000..6a22e7926d Binary files /dev/null and b/domain-server/resources/web/fonts/cairo-v2-latin-regular.eot differ diff --git a/domain-server/resources/web/fonts/cairo-v2-latin-regular.svg b/domain-server/resources/web/fonts/cairo-v2-latin-regular.svg new file mode 100644 index 0000000000..64e5a31732 --- /dev/null +++ b/domain-server/resources/web/fonts/cairo-v2-latin-regular.svg @@ -0,0 +1 @@ +Error 500 (Server Error)!!1

500. That’s an error.

There was an error. Please try again later. That’s all we know.

\ No newline at end of file diff --git a/domain-server/resources/web/fonts/cairo-v2-latin-regular.ttf b/domain-server/resources/web/fonts/cairo-v2-latin-regular.ttf new file mode 100644 index 0000000000..216effc099 Binary files /dev/null and b/domain-server/resources/web/fonts/cairo-v2-latin-regular.ttf differ diff --git a/domain-server/resources/web/fonts/cairo-v2-latin-regular.woff b/domain-server/resources/web/fonts/cairo-v2-latin-regular.woff new file mode 100644 index 0000000000..73f2ef82fa Binary files /dev/null and b/domain-server/resources/web/fonts/cairo-v2-latin-regular.woff differ diff --git a/domain-server/resources/web/fonts/cairo-v2-latin-regular.woff2 b/domain-server/resources/web/fonts/cairo-v2-latin-regular.woff2 new file mode 100644 index 0000000000..1d36dc0112 Binary files /dev/null and b/domain-server/resources/web/fonts/cairo-v2-latin-regular.woff2 differ diff --git a/domain-server/resources/web/images/checkmark.svg b/domain-server/resources/web/images/checkmark.svg deleted file mode 100644 index f4403921ee..0000000000 --- a/domain-server/resources/web/images/checkmark.svg +++ /dev/null @@ -1,25 +0,0 @@ - -CongratulationImage -Created using Figma - - - - - - - - - - - - - - - - - - - - - - diff --git a/domain-server/resources/web/images/copy-icon.svg b/domain-server/resources/web/images/copy-icon.svg new file mode 100644 index 0000000000..ce1d841072 --- /dev/null +++ b/domain-server/resources/web/images/copy-icon.svg @@ -0,0 +1,17 @@ + + + + + + diff --git a/domain-server/resources/web/images/wizard-congratulation-header.jpg b/domain-server/resources/web/images/wizard-congratulation-header.jpg new file mode 100644 index 0000000000..80a3823033 Binary files /dev/null and b/domain-server/resources/web/images/wizard-congratulation-header.jpg differ diff --git a/domain-server/resources/web/wizard/css/style.css b/domain-server/resources/web/wizard/css/style.css index dfb576ebba..2303bfba00 100644 --- a/domain-server/resources/web/wizard/css/style.css +++ b/domain-server/resources/web/wizard/css/style.css @@ -83,21 +83,80 @@ label { margin-bottom: 33px; } -#checkmark-image { - margin-top: 66px; - margin-bottom: 59px; - width: 169px; - height: 169px; +.btn.btn-square { + border-radius: 0; } -#congratulation-text { - margin-bottom: 59px; +.header { + position: absolute; + top: -20px; + left: 50%; + margin-left: -720px; /* Half of the width */ + min-width: 1440px; + z-index: -1; } -#visit-domain-checkbox { - margin-bottom: 23px; +.title { + font-family: 'Cairo'; + color: white; + margin-top: 260px; } -#visit-domain-checkbox label { - margin: 0 0; +#main-description { + margin-top: 32px; + margin-bottom: 35px; +} + +#share-box { + background-color: rgb(240, 240, 240); + padding: 20px 20px; + margin-top: 15px; + margin-bottom: 70px; + white-space: nowrap; +} + +#share-box > span { + vertical-align: middle; + display: table-cell; + height: 100%; +} + +#share-box button { + border-color: rgb(225, 225, 225); + font-size: 18px; +} + +#share-box img { + padding-right: 10px; +} + +#share-text { + font-size: 22px; + padding-right: 15px; +} + +#share-field { + background-color: rgb(255, 255, 255); + padding: 0 10px; + width: 100%; +} + +#share-link { + font-size: 28px; +} + +#congrats-list > div > div { + margin-bottom: 30px; +} + +#congrats-list ul { + padding-left: 16px; +} + +#congrats-list { + margin-bottom: 60px; +} + +#open-settings { + border-color: black; } diff --git a/domain-server/resources/web/wizard/index.shtml b/domain-server/resources/web/wizard/index.shtml index 9d4d8b7381..b526a5719b 100644 --- a/domain-server/resources/web/wizard/index.shtml +++ b/domain-server/resources/web/wizard/index.shtml @@ -191,29 +191,70 @@ -