From a9ab5f2dc86c79aefe55cbaf2ad937b1bda299a5 Mon Sep 17 00:00:00 2001 From: brunilda Date: Mon, 10 Jun 2019 12:20:03 +0200 Subject: [PATCH] fix arrow animation on updater --- images/square.png | Bin 6419 -> 0 bytes images/square.svg | 22 ++++++ index.php | 179 +++++++++++++++++++--------------------------- 3 files changed, 94 insertions(+), 107 deletions(-) delete mode 100644 images/square.png create mode 100644 images/square.svg diff --git a/images/square.png b/images/square.png deleted file mode 100644 index 22c6f016a1f88e47fd5e59a2e411254a4306adc5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6419 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 + + + + + + + + + + + + + + + + + + + + + diff --git a/index.php b/index.php index c3a295f..b8ccbac 100755 --- a/index.php +++ b/index.php @@ -1041,23 +1041,8 @@ function replaceNewUpdater() margin-top: 50px; } - /*button {*/ - /*background-color: #21AE8A;*/ - /*color: white;*/ - /*font-size: 12px;*/ - /*text-transform: uppercase;*/ - /*border: none;*/ - /*width: 80px;*/ - /*height: 27px;*/ - /*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.14);*/ - /*border-radius: 3px;*/ - /*font-family: Montserrat;*/ - /*font-weight: 600;*/ - /*}*/ - button.right { background-color: #21AE8A; - color: white; border-radius: 5px; height: 40px; @@ -1067,6 +1052,8 @@ function replaceNewUpdater() text-transform: uppercase; margin-top: 20px; border: none; + font-family: "Montserrat", SemiBold; + font-weight:600; } button:disabled { @@ -1160,7 +1147,7 @@ function replaceNewUpdater() color: #8C8C8C; font-size: 20px; text-align: center; - margin-bottom: 94px; + margin-bottom: 50px; cursor: pointer; } @@ -1182,9 +1169,9 @@ function replaceNewUpdater() } #steps { - width: 70%; + width: 64%; margin: auto; - padding-bottom: 54px; + padding-bottom: 27px; } #first-step { @@ -1215,7 +1202,7 @@ function replaceNewUpdater() .step-image svg { width: 50%; padding-top: 32%; - padding-left: 25%; + padding-left: 24%; } .active { @@ -1281,25 +1268,30 @@ function replaceNewUpdater() ul li { color: #8A9798; - font-size: 12px; - font-family: "Source Sans Pro", Light; margin-bottom: 8px; display: flex; + font-size: 14px; + } + + #pointsList span { + font-family: 'Source Sans Pro', Light; } li.final { color: #4B8CCA; - font-family: Montserrat, Regular; + font-family: Montserrat, Sans-Serif; font-size: 24px; - letter-spacing: 2px; + letter-spacing: 0.3px; margin-bottom: 9px; } - li.migrate { + li.migrate a { color: #253746; - font-family: 'Montserrat', SemiBold; + font-family: Montserrat, SemiBold; font-size: 18px; + letter-spacing: 0.3px; margin-bottom: 20px; + text-decoration: none; } #success-message { @@ -1339,27 +1331,11 @@ function replaceNewUpdater() box-shadow: none; } - /*#left {*/ - /*!*float: left;*!*/ - /*!*width: 60%;*!*/ - /*margin-top: 28px;*/ - /*}*/ - - /*#right {*/ - /*overflow: hidden*/ - /*}*/ - - #sqr { - width: 193px; - height: 155px; - /*border: 2px dashed #4B8CCA;*/ - /*margin-top: 35px;*/ - /*background: #F5F8FC;*/ - background-image: url(images/square.png); + width:225px; + height:180px; + background-image: url(images/square.svg); background-repeat: no-repeat; - margin-top: 28px; - } #triangle_down { @@ -1381,6 +1357,7 @@ function replaceNewUpdater() font-size: 12px; font-weight: 600; cursor: pointer; + font-family: "Montserrat", SemiBold; } #database-upgrade.right { @@ -1389,50 +1366,6 @@ function replaceNewUpdater() padding: 1px 10px; } - /*.rotate {*/ - /*-moz-transition: all 1s linear;*/ - /*-webkit-transition: all 1s linear;*/ - /*transition: all 1s linear;*/ - - /*}*/ - .rotate { - -moz-transition: all 1.5s ease-out; - -webkit-transition: all 1.5s ease-out; - transition: all 1.5s ease-out; - - } - - .rotate.down { - -moz-transform: rotate(180deg); - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - transition: all 1.5s ease-out; - } - - .arrow-up { - width: 21px; - height: 12px; - background-image: url(images/arrow_up.png); - background-repeat: no-repeat; - margin: 0 auto; - } - - .arrow-down { - width: 21px; - height: 12px; - background-image: url(images/arrow_down.png); - background-repeat: no-repeat; - margin: 0 auto; - } - - /*.arrow-down {*/ - /*width: 0;*/ - /*height: 0;*/ - /*border-left: 8px solid transparent;*/ - /*border-right: 8px solid transparent;*/ - /*border-top: 8px solid #fff;*/ - /*margin: 0 auto;*/ - /*}*/ .listItems { background-image: url('images/check.svg'); background-repeat: no-repeat; @@ -1451,16 +1384,17 @@ function replaceNewUpdater() color: rgb(75, 140, 202); font-weight: 500; font-size: 10px; - margin-left: 22px; - margin-top: 9px; + margin-left: 23px; + margin-top: 29px; font-family: "Source Sans Pro", Regular; } p.messages { text-align: center; color: #253746; - margin-top: 10px; - font-size: 12px; + margin-top: 35px; + font-size: 14px; + font-family: 'Source Sans Pro', Light; } p.price { @@ -1475,8 +1409,9 @@ function replaceNewUpdater() p.subscribers { text-align: center; margin-top: 14px; - font-size: 10px; - font-family: 'Montserrat', Regular; + margin-bottom: 10px; + font-size: 12px; + font-family: 'Source Sans Pro', Regular; } #wrap { @@ -1489,6 +1424,7 @@ function replaceNewUpdater() margin-top: 3px; margin-right: 50px; padding: 20px 15px; + width: 498px; } #right { @@ -1502,14 +1438,31 @@ function replaceNewUpdater() } p.paidSupport { color: #8A9798; - font-size: 13px; - margin-top: 10px; + font-size: 14px; + margin-top: 14px; + font-family: 'Source Sans Pro', Light; + } a.support { color: #4b8cca; text-decoration: none; } + svg.performUpdate { + padding-top: 39%; + padding-left: 28%; + } + #arrowdown { + width: 21px; + height: 12px; + background-image: url(images/arrow_down.png); + background-repeat: no-repeat; + margin: 0 auto; + -moz-transition: all 1.5s ease-out; + -webkit-transition: all 1.5s ease-out; + -o-transition: all 1.5s ease-out; + transition: all 1.5s ease-out; + } @@ -1724,10 +1677,9 @@ function replaceNewUpdater()
- -
@@ -1779,14 +1731,13 @@ function replaceNewUpdater()