diff --git a/view/molistar/modules/newRank/css/index.css b/view/molistar/modules/newRank/css/index.css
index 9404bf97..a123c867 100644
--- a/view/molistar/modules/newRank/css/index.css
+++ b/view/molistar/modules/newRank/css/index.css
@@ -131,7 +131,7 @@ body {
}
.header .monthlyRewards {
- width: 2.81333rem;
+ width: 3.46667rem;
height: 3.86667rem;
z-index: 3;
position: absolute;
@@ -188,7 +188,7 @@ body {
.header .top .top1 .tx {
width: 2.77333rem;
- height: 2.77333rem;
+ height: 2.74667rem;
position: absolute;
top: 1.89333rem;
left: 50%;
@@ -291,7 +291,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 3.04rem;
+ top: 3.01333rem;
z-index: 3;
}
@@ -305,7 +305,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 3.36rem;
+ top: 3.38667rem;
text-align: center;
display: flex;
justify-content: center;
@@ -359,7 +359,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 3.04rem;
+ top: 3.01333rem;
z-index: 3;
}
@@ -373,7 +373,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 3.36rem;
+ top: 3.38667rem;
text-align: center;
display: flex;
justify-content: center;
@@ -401,11 +401,23 @@ body {
background-size: 100% 14.26667rem;
}
+.header3 .top .top1 .tx,
+.header3 .top .top2 .tx,
+.header3 .top .top3 .tx {
+ border-radius: 0;
+}
+
.header4 {
background: url(../images/header4.png) no-repeat;
background-size: 100% 14.26667rem;
}
+.header4 .top .top1 .tx,
+.header4 .top .top2 .tx,
+.header4 .top .top3 .tx {
+ border-radius: 0;
+}
+
ul {
width: 10rem;
position: relative;
@@ -452,6 +464,7 @@ ul li .tx {
margin-left: 1.94667rem;
margin-right: 0.24rem;
margin-top: 0.41333rem;
+ border: 0.02667rem solid #FFF8C2;
}
ul li .nick {
@@ -489,6 +502,11 @@ ul li .score b {
vertical-align: middle;
}
+.ul3 li .tx,
+.ul4 li .tx {
+ border-radius: 0.24rem;
+}
+
.my {
width: 10rem;
height: 2rem;
diff --git a/view/molistar/modules/newRank/css/index.scss b/view/molistar/modules/newRank/css/index.scss
index c280f26e..d8f97496 100644
--- a/view/molistar/modules/newRank/css/index.scss
+++ b/view/molistar/modules/newRank/css/index.scss
@@ -136,7 +136,7 @@ body {
}
.monthlyRewards {
- width: px2rem(211);
+ width: px2rem(260);
height: px2rem(290);
z-index: 3;
position: absolute;
@@ -194,7 +194,7 @@ body {
.tx {
width: px2rem(208);
- height: px2rem(208);
+ height: px2rem(206);
position: absolute;
top: px2rem(142);
left: 50%;
@@ -298,7 +298,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(228);
+ top: px2rem(226);
z-index: 3;
}
@@ -312,7 +312,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(252);
+ top: px2rem(254);
text-align: center;
display: flex;
justify-content: center;
@@ -367,7 +367,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(228);
+ top: px2rem(226);
z-index: 3;
}
@@ -381,7 +381,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(252);
+ top: px2rem(254);
text-align: center;
display: flex;
justify-content: center;
@@ -430,11 +430,33 @@ body {
.header3 {
background: url(../images/header3.png) no-repeat;
background-size: 100% px2rem(1070);
+
+ .top {
+
+ .top1,
+ .top2,
+ .top3 {
+ .tx {
+ border-radius: 0;
+ }
+ }
+ }
}
.header4 {
background: url(../images/header4.png) no-repeat;
background-size: 100% px2rem(1070);
+
+ .top {
+
+ .top1,
+ .top2,
+ .top3 {
+ .tx {
+ border-radius: 0;
+ }
+ }
+ }
}
ul {
@@ -482,6 +504,7 @@ ul {
margin-left: px2rem(146);
margin-right: px2rem(18);
margin-top: px2rem(31);
+ border: px2rem(2) solid #FFF8C2;
}
.nick {
@@ -530,14 +553,14 @@ ul {
// background: linear-gradient(180deg, #B6CDFF -57%, #FEFEFE 90%);
// }
-// .ul3 {
-// background: linear-gradient(180deg, #FABBBB -57%, #FEF9F9 90%);
-// }
-
-// .ul4 {
-// background: linear-gradient(180deg, #FFC6F5 -57%, #F9F7F9 90%);
-// margin-bottom: 0;
-// }
+.ul3,
+.ul4 {
+ li {
+ .tx {
+ border-radius: px2rem(18);
+ }
+ }
+}
.my {
width: px2rem(750);
diff --git a/view/molistar/modules/newRank/css/monthlyRewards.css b/view/molistar/modules/newRank/css/monthlyRewards.css
index c324c438..ce0b53cf 100644
--- a/view/molistar/modules/newRank/css/monthlyRewards.css
+++ b/view/molistar/modules/newRank/css/monthlyRewards.css
@@ -162,7 +162,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 4.44rem;
+ top: 4.61333rem;
z-index: 3;
font-weight: 500;
}
@@ -246,7 +246,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 3.04rem;
+ top: 3.01333rem;
z-index: 3;
}
@@ -260,7 +260,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 3.36rem;
+ top: 3.38667rem;
text-align: center;
display: flex;
justify-content: center;
@@ -314,7 +314,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 3.04rem;
+ top: 3.01333rem;
z-index: 3;
}
@@ -328,7 +328,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: 3.36rem;
+ top: 3.38667rem;
text-align: center;
display: flex;
justify-content: center;
@@ -352,11 +352,23 @@ body {
}
.header3 {
- background: url(../images/header4.png) no-repeat;
+ background: url(../images/header3.png) no-repeat;
background-size: 100% 14.26667rem;
}
+.header3 .top .top1 .tx,
+.header3 .top .top2 .tx,
+.header3 .top .top3 .tx {
+ border-radius: 0;
+}
+
.header4 {
background: url(../images/header4.png) no-repeat;
background-size: 100% 14.26667rem;
}
+
+.header4 .top .top1 .tx,
+.header4 .top .top2 .tx,
+.header4 .top .top3 .tx {
+ border-radius: 0;
+}
diff --git a/view/molistar/modules/newRank/css/monthlyRewards.scss b/view/molistar/modules/newRank/css/monthlyRewards.scss
index db940bcf..59115abf 100644
--- a/view/molistar/modules/newRank/css/monthlyRewards.scss
+++ b/view/molistar/modules/newRank/css/monthlyRewards.scss
@@ -109,7 +109,7 @@ body {
text-align: center;
padding: 0 px2rem(24);
background: url(../images/lastMonth.png) no-repeat;
- background-size:100% 100%;
+ background-size: 100% 100%;
color: #000;
font-size: px2rem(28);
font-weight: 500;
@@ -166,7 +166,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(333);
+ top: px2rem(346);
z-index: 3;
font-weight: 500;
}
@@ -251,7 +251,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(228);
+ top: px2rem(226);
z-index: 3;
}
@@ -265,7 +265,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(252);
+ top: px2rem(254);
text-align: center;
display: flex;
justify-content: center;
@@ -320,7 +320,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(228);
+ top: px2rem(226);
z-index: 3;
}
@@ -334,7 +334,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
- top: px2rem(252);
+ top: px2rem(254);
text-align: center;
display: flex;
justify-content: center;
@@ -362,11 +362,33 @@ body {
}
.header3 {
- background: url(../images/header4.png) no-repeat;
+ background: url(../images/header3.png) no-repeat;
background-size: 100% px2rem(1070);
+
+ .top {
+
+ .top1,
+ .top2,
+ .top3 {
+ .tx {
+ border-radius: 0;
+ }
+ }
+ }
}
.header4 {
background: url(../images/header4.png) no-repeat;
background-size: 100% px2rem(1070);
+
+ .top {
+
+ .top1,
+ .top2,
+ .top3 {
+ .tx {
+ border-radius: 0;
+ }
+ }
+ }
}
\ No newline at end of file
diff --git a/view/molistar/modules/newRank/images/gold.png b/view/molistar/modules/newRank/images/1.png
similarity index 100%
rename from view/molistar/modules/newRank/images/gold.png
rename to view/molistar/modules/newRank/images/1.png
diff --git a/view/molistar/modules/newRank/images/2.png b/view/molistar/modules/newRank/images/2.png
new file mode 100644
index 00000000..55472f99
Binary files /dev/null and b/view/molistar/modules/newRank/images/2.png differ
diff --git a/view/molistar/modules/newRank/images/3.png b/view/molistar/modules/newRank/images/3.png
new file mode 100644
index 00000000..1daec26d
Binary files /dev/null and b/view/molistar/modules/newRank/images/3.png differ
diff --git a/view/molistar/modules/newRank/images/4.png b/view/molistar/modules/newRank/images/4.png
new file mode 100644
index 00000000..00d7ccb2
Binary files /dev/null and b/view/molistar/modules/newRank/images/4.png differ
diff --git a/view/molistar/modules/newRank/images/Rewards_icon.png b/view/molistar/modules/newRank/images/Rewards_icon.png
index 59867800..fb75bc9d 100644
Binary files a/view/molistar/modules/newRank/images/Rewards_icon.png and b/view/molistar/modules/newRank/images/Rewards_icon.png differ
diff --git a/view/molistar/modules/newRank/images/no11.png b/view/molistar/modules/newRank/images/no11.png
new file mode 100644
index 00000000..99e80067
Binary files /dev/null and b/view/molistar/modules/newRank/images/no11.png differ
diff --git a/view/molistar/modules/newRank/images/no22.png b/view/molistar/modules/newRank/images/no22.png
new file mode 100644
index 00000000..1e80f598
Binary files /dev/null and b/view/molistar/modules/newRank/images/no22.png differ
diff --git a/view/molistar/modules/newRank/images/no33.png b/view/molistar/modules/newRank/images/no33.png
new file mode 100644
index 00000000..66ec774b
Binary files /dev/null and b/view/molistar/modules/newRank/images/no33.png differ
diff --git a/view/molistar/modules/newRank/index.html b/view/molistar/modules/newRank/index.html
index 520a7794..50ebf3d8 100644
--- a/view/molistar/modules/newRank/index.html
+++ b/view/molistar/modules/newRank/index.html
@@ -39,9 +39,9 @@