Skip to content

Commit ae316b8

Browse files
BrunildaDostiBrunildaDosti
committed
Changes to be made in the automatic updater based on the design
1 parent bda1e50 commit ae316b8

File tree

2 files changed

+54
-64
lines changed

2 files changed

+54
-64
lines changed

‎images/square.svg‎

Lines changed: 22 additions & 0 deletions
Loading

‎index.php‎

Lines changed: 32 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1041,20 +1041,6 @@ function replaceNewUpdater()
10411041
margin-top: 50px;
10421042
}
10431043

1044-
/*button {*/
1045-
/*background-color: #21AE8A;*/
1046-
/*color: white;*/
1047-
/*font-size: 12px;*/
1048-
/*text-transform: uppercase;*/
1049-
/*border: none;*/
1050-
/*width: 80px;*/
1051-
/*height: 27px;*/
1052-
/*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.14);*/
1053-
/*border-radius: 3px;*/
1054-
/*font-family: Montserrat;*/
1055-
/*font-weight: 600;*/
1056-
/*}*/
1057-
10581044
button.right {
10591045
background-color: #21AE8A;
10601046

@@ -1160,7 +1146,7 @@ function replaceNewUpdater()
11601146
color: #8C8C8C;
11611147
font-size: 20px;
11621148
text-align: center;
1163-
margin-bottom: 94px;
1149+
margin-bottom: 50px;
11641150
cursor: pointer;
11651151
}
11661152

@@ -1182,9 +1168,9 @@ function replaceNewUpdater()
11821168
}
11831169

11841170
#steps {
1185-
width: 70%;
1171+
width: 64%;
11861172
margin: auto;
1187-
padding-bottom: 54px;
1173+
padding-bottom: 27px;
11881174
}
11891175

11901176
#first-step {
@@ -1215,7 +1201,7 @@ function replaceNewUpdater()
12151201
.step-image svg {
12161202
width: 50%;
12171203
padding-top: 32%;
1218-
padding-left: 25%;
1204+
padding-left: 24%;
12191205
}
12201206

12211207
.active {
@@ -1281,24 +1267,28 @@ function replaceNewUpdater()
12811267

12821268
ul li {
12831269
color: #8A9798;
1284-
font-size: 12px;
1285-
font-family: "Source Sans Pro", Light;
12861270
margin-bottom: 8px;
12871271
display: flex;
1272+
font-size: 14px;
1273+
}
1274+
1275+
#pointsList span {
1276+
font-family: 'Source Sans Pro', Light;
12881277
}
12891278

12901279
li.final {
12911280
color: #4B8CCA;
1292-
font-family: Montserrat, Regular;
1281+
font-family: "Source Sans Pro", Montserrat, Sans-Serif, serif;
12931282
font-size: 24px;
1294-
letter-spacing: 2px;
1283+
letter-spacing: 0.3px;
12951284
margin-bottom: 9px;
12961285
}
12971286

12981287
li.migrate {
12991288
color: #253746;
1300-
font-family: 'Montserrat', SemiBold;
1289+
font-family: Montserrat, SemiBold;
13011290
font-size: 18px;
1291+
letter-spacing: 0.3px;
13021292
margin-bottom: 20px;
13031293
}
13041294

@@ -1339,27 +1329,11 @@ function replaceNewUpdater()
13391329
box-shadow: none;
13401330
}
13411331

1342-
/*#left {*/
1343-
/*!*float: left;*!*/
1344-
/*!*width: 60%;*!*/
1345-
/*margin-top: 28px;*/
1346-
/*}*/
1347-
1348-
/*#right {*/
1349-
/*overflow: hidden*/
1350-
/*}*/
1351-
1352-
13531332
#sqr {
1354-
width: 193px;
1355-
height: 155px;
1356-
/*border: 2px dashed #4B8CCA;*/
1357-
/*margin-top: 35px;*/
1358-
/*background: #F5F8FC;*/
1359-
background-image: url(images/square.png);
1333+
width:225px;
1334+
height:180px;
1335+
background-image: url(images/square.svg);
13601336
background-repeat: no-repeat;
1361-
margin-top: 28px;
1362-
13631337
}
13641338

13651339
#triangle_down {
@@ -1389,12 +1363,6 @@ function replaceNewUpdater()
13891363
padding: 1px 10px;
13901364
}
13911365

1392-
/*.rotate {*/
1393-
/*-moz-transition: all 1s linear;*/
1394-
/*-webkit-transition: all 1s linear;*/
1395-
/*transition: all 1s linear;*/
1396-
1397-
/*}*/
13981366
.rotate {
13991367
-moz-transition: all 1.5s ease-out;
14001368
-webkit-transition: all 1.5s ease-out;
@@ -1425,14 +1393,6 @@ function replaceNewUpdater()
14251393
margin: 0 auto;
14261394
}
14271395

1428-
/*.arrow-down {*/
1429-
/*width: 0;*/
1430-
/*height: 0;*/
1431-
/*border-left: 8px solid transparent;*/
1432-
/*border-right: 8px solid transparent;*/
1433-
/*border-top: 8px solid #fff;*/
1434-
/*margin: 0 auto;*/
1435-
/*}*/
14361396
.listItems {
14371397
background-image: url('images/check.svg');
14381398
background-repeat: no-repeat;
@@ -1451,16 +1411,17 @@ function replaceNewUpdater()
14511411
color: rgb(75, 140, 202);
14521412
font-weight: 500;
14531413
font-size: 10px;
1454-
margin-left: 22px;
1455-
margin-top: 9px;
1414+
margin-left: 23px;
1415+
margin-top: 29px;
14561416
font-family: "Source Sans Pro", Regular;
14571417
}
14581418

14591419
p.messages {
14601420
text-align: center;
14611421
color: #253746;
1462-
margin-top: 10px;
1463-
font-size: 12px;
1422+
margin-top: 35px;
1423+
font-size: 14px;
1424+
font-family: 'Source Sans Pro', Light;
14641425
}
14651426

14661427
p.price {
@@ -1475,6 +1436,7 @@ function replaceNewUpdater()
14751436
p.subscribers {
14761437
text-align: center;
14771438
margin-top: 14px;
1439+
margin-bottom: 10px;
14781440
font-size: 10px;
14791441
font-family: 'Montserrat', Regular;
14801442
}
@@ -1489,6 +1451,7 @@ function replaceNewUpdater()
14891451
margin-top: 3px;
14901452
margin-right: 50px;
14911453
padding: 20px 15px;
1454+
width: 498px;
14921455
}
14931456

14941457
#right {
@@ -1502,8 +1465,10 @@ function replaceNewUpdater()
15021465
}
15031466
p.paidSupport {
15041467
color: #8A9798;
1505-
font-size: 13px;
1468+
font-size: 14px;
15061469
margin-top: 10px;
1470+
font-family: 'Source Sans Pro', Light;
1471+
15071472
}
15081473
a.support {
15091474
color: #4b8cca;
@@ -1599,7 +1564,7 @@ function replaceNewUpdater()
15991564
</g>
16001565
</svg>
16011566

1602-
<h1 style="font-family: 'Montserrat', Regular;font-size: 18px;">Updating phpList to the latest
1567+
<h1 style="font-family: 'Montserrat', Regular;font-size: 18px;cursor:auto;">Updating phpList to the latest
16031568
version</h1>
16041569
</div>
16051570
<div id="steps">
@@ -1779,13 +1744,12 @@ function replaceNewUpdater()
17791744
</div>
17801745
<div id="right">
17811746
<div id="sqr">
1782-
<div class="container">
1747+
<div class="container" style="margin-left: 22px;">
17831748
<p class="greatValue">Great value</p>
17841749
<br>
17851750
<p class="messages">9000 messages</p><br>
17861751
<p class="price">Price $1</p>
17871752
<p class="subscribers">3000 Subscribers</p>
1788-
<br>
17891753
<input type="button" onclick="window.open('https://phplist.com/chooseplan')" value="Book"
17901754
style="width: 90px;height: 30px; border: 1px dashed #21AE8A; background: #fff; margin: 0 auto;"
17911755
class="book"/>
@@ -1798,14 +1762,18 @@ class="book"/>
17981762
</div><!-- .inner -->
17991763
</div><!-- .outer -->
18001764

1765+
<!-- Load jquery-3.3.1.min.js file -->
18011766
<script type="text/javascript" src="../admin/js/jquery-3.3.1.min.js"></script>
1767+
1768+
<!-- script for slideToggle -->
18021769
<script type="text/javascript">
18031770
$('.outer button').on("click", function () {
18041771
$('.inner').slideToggle(1000, function () {
18051772
$('.inner p').show(100);
18061773
});
18071774
});
18081775
</script>
1776+
<!-- Arrow transition -->
18091777
<script type="text/javascript">
18101778
$(".rotate").click(function () {
18111779
$(this).toggleClass("down");

0 commit comments

Comments
 (0)