diff --git a/view/molistar/activity/ramadan/css/index.css b/view/molistar/activity/ramadan/css/index.css index 5ebb29ea..75042685 100644 --- a/view/molistar/activity/ramadan/css/index.css +++ b/view/molistar/activity/ramadan/css/index.css @@ -112,7 +112,7 @@ body { width: 9.62667rem; height: 1.22667rem; text-align: center; - margin: 0 auto 0; + margin: 9rem auto 0; display: flex; justify-content: space-around; } @@ -367,7 +367,7 @@ body { width: 7.57333rem; height: 1.4rem; color: #FFED26; - font-size: 0.4rem; + font-size: 0.32rem; font-weight: 600; margin: 0.49333rem auto 0.37333rem; line-height: 0.50667rem; @@ -393,7 +393,7 @@ body { .page1 .c .page1_1 .question .b span, .page1 .c .page1_1 .question .c span { color: #FFED26; - font-size: 0.37333rem; + font-size: 0.32rem; font-weight: 600; } @@ -1588,7 +1588,8 @@ body { } .page2 .ramadanGifts .c .gifyBigBox .gift { - width: 19rem; + width: 20rem; + padding: 0 0.66667rem; } .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox { @@ -1598,7 +1599,7 @@ body { background: url(../images/page3GiftBg.png) no-repeat; background-size: 100% 100%; position: relative; - margin-right: 0.52rem; + margin-right: 1.06667rem; margin-top: 0.26667rem; } @@ -1642,14 +1643,16 @@ body { } .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox span { - width: 100%; + width: 150%; text-align: center; color: #FFED26; - font-size: 0.37333rem; + font-size: 0.29333rem; font-weight: 600; position: absolute; - left: 0; + left: 50%; + transform: translateX(-50%); bottom: -0.44rem; + display: block; } .page2 .ramadanGifts .b { @@ -2368,3 +2371,15 @@ body { .Turkiye .header .tab div span { width: 2.78667rem; } + +.Turkiye .page2 .ramadanGifts .c .gifyBigBox .gift { + width: 21rem; +} + +.Turkiye .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox { + margin-right: 1.2rem; +} + +.Turkiye .page1 .c .page1_2 .answering { + width: 7.5rem; +} diff --git a/view/molistar/activity/ramadan/css/index.scss b/view/molistar/activity/ramadan/css/index.scss index 6a91a481..1bd7c900 100644 --- a/view/molistar/activity/ramadan/css/index.scss +++ b/view/molistar/activity/ramadan/css/index.scss @@ -117,7 +117,7 @@ body { width: px2rem(722); height: px2rem(92); text-align: center; - margin: 0 auto 0; + margin: 9rem auto 0; display: flex; justify-content: space-around; @@ -380,7 +380,7 @@ body { width: px2rem(568); height: px2rem(105); color: #FFED26; - font-size: px2rem(30); + font-size: px2rem(24); font-weight: 600; margin: px2rem(37) auto px2rem(28); line-height: px2rem(38); @@ -404,7 +404,7 @@ body { span { color: #FFED26; - font-size: px2rem(28); + font-size: px2rem(24); font-weight: 600; } @@ -1615,7 +1615,8 @@ body { overflow-x: scroll; .gift { - width: 19rem; + width: 20rem; + padding: 0 px2rem(50); .giftBox { float: left; @@ -1624,7 +1625,7 @@ body { background: url(../images/page3GiftBg.png) no-repeat; background-size: 100% 100%; position: relative; - margin-right: px2rem(39); + margin-right: px2rem(80); margin-top: px2rem(20); .sTitle { @@ -1667,14 +1668,16 @@ body { } span { - width: 100%; + width: 150%; text-align: center; color: #FFED26; - font-size: px2rem(28); + font-size: px2rem(22); font-weight: 600; position: absolute; - left: 0; + left: 50%; + transform: translateX(-50%); bottom: px2rem(-33); + display: block; } } } @@ -2419,4 +2422,13 @@ body { .header .tab div span{ width: 2.78667rem; } + .page2 .ramadanGifts .c .gifyBigBox .gift{ + width: 21rem; + .giftBox{ + margin-right: px2rem(90); + } + } + .page1 .c .page1_2 .answering{ + width: 7.5rem; + } } \ No newline at end of file diff --git a/view/molistar/activity/ramadan/images/eidCakes.png b/view/molistar/activity/ramadan/images/eidCakes.png new file mode 100644 index 00000000..13cddce6 Binary files /dev/null and b/view/molistar/activity/ramadan/images/eidCakes.png differ diff --git a/view/molistar/activity/ramadan/images/fancyDinner.png b/view/molistar/activity/ramadan/images/fancyDinner.png new file mode 100644 index 00000000..9990567f Binary files /dev/null and b/view/molistar/activity/ramadan/images/fancyDinner.png differ diff --git a/view/molistar/activity/ramadan/images/holyQuran.png b/view/molistar/activity/ramadan/images/holyQuran.png new file mode 100644 index 00000000..7454b077 Binary files /dev/null and b/view/molistar/activity/ramadan/images/holyQuran.png differ diff --git a/view/molistar/activity/ramadan/images/lanternBox1.png b/view/molistar/activity/ramadan/images/lanternBox1.png new file mode 100644 index 00000000..3ff71ecf Binary files /dev/null and b/view/molistar/activity/ramadan/images/lanternBox1.png differ diff --git a/view/molistar/activity/ramadan/images/lanternBox2.png b/view/molistar/activity/ramadan/images/lanternBox2.png new file mode 100644 index 00000000..ea51daf0 Binary files /dev/null and b/view/molistar/activity/ramadan/images/lanternBox2.png differ diff --git a/view/molistar/activity/ramadan/images/lanternBox3.png b/view/molistar/activity/ramadan/images/lanternBox3.png new file mode 100644 index 00000000..b88b21f2 Binary files /dev/null and b/view/molistar/activity/ramadan/images/lanternBox3.png differ diff --git a/view/molistar/activity/ramadan/images/lanternBox4.png b/view/molistar/activity/ramadan/images/lanternBox4.png new file mode 100644 index 00000000..751d5f3c Binary files /dev/null and b/view/molistar/activity/ramadan/images/lanternBox4.png differ diff --git a/view/molistar/activity/ramadan/images/luckyLanterns.png b/view/molistar/activity/ramadan/images/luckyLanterns.png new file mode 100644 index 00000000..393f34eb Binary files /dev/null and b/view/molistar/activity/ramadan/images/luckyLanterns.png differ diff --git a/view/molistar/activity/ramadan/images/medal.png b/view/molistar/activity/ramadan/images/medal.png index ff8becab..d7171ea0 100644 Binary files a/view/molistar/activity/ramadan/images/medal.png and b/view/molistar/activity/ramadan/images/medal.png differ diff --git a/view/molistar/activity/ramadan/images/questionSheet1.png b/view/molistar/activity/ramadan/images/questionSheet1.png new file mode 100644 index 00000000..aaa1c311 Binary files /dev/null and b/view/molistar/activity/ramadan/images/questionSheet1.png differ diff --git a/view/molistar/activity/ramadan/images/questionSheet2.png b/view/molistar/activity/ramadan/images/questionSheet2.png new file mode 100644 index 00000000..6d4f9ada Binary files /dev/null and b/view/molistar/activity/ramadan/images/questionSheet2.png differ diff --git a/view/molistar/activity/ramadan/images/questionSheet3.png b/view/molistar/activity/ramadan/images/questionSheet3.png new file mode 100644 index 00000000..eecd47f4 Binary files /dev/null and b/view/molistar/activity/ramadan/images/questionSheet3.png differ diff --git a/view/molistar/activity/ramadan/images/questionSheet4.png b/view/molistar/activity/ramadan/images/questionSheet4.png new file mode 100644 index 00000000..792a5218 Binary files /dev/null and b/view/molistar/activity/ramadan/images/questionSheet4.png differ diff --git a/view/molistar/activity/ramadan/images/ramadan.png b/view/molistar/activity/ramadan/images/ramadan.png new file mode 100644 index 00000000..0a0cc453 Binary files /dev/null and b/view/molistar/activity/ramadan/images/ramadan.png differ diff --git a/view/molistar/activity/ramadan/images/ramadanLanterns.png b/view/molistar/activity/ramadan/images/ramadanLanterns.png new file mode 100644 index 00000000..88837432 Binary files /dev/null and b/view/molistar/activity/ramadan/images/ramadanLanterns.png differ diff --git a/view/molistar/activity/ramadan/images/rewardsPage3-ar.png b/view/molistar/activity/ramadan/images/rewardsPage3-ar.png new file mode 100644 index 00000000..7b0d2bb9 Binary files /dev/null and b/view/molistar/activity/ramadan/images/rewardsPage3-ar.png differ diff --git a/view/molistar/activity/ramadan/images/rewardsPage3-tr.png b/view/molistar/activity/ramadan/images/rewardsPage3-tr.png new file mode 100644 index 00000000..e2db2ddf Binary files /dev/null and b/view/molistar/activity/ramadan/images/rewardsPage3-tr.png differ diff --git a/view/molistar/activity/ramadan/images/rewardsPage3.png b/view/molistar/activity/ramadan/images/rewardsPage3.png index ca9d3e69..6d556f46 100644 Binary files a/view/molistar/activity/ramadan/images/rewardsPage3.png and b/view/molistar/activity/ramadan/images/rewardsPage3.png differ diff --git a/view/molistar/activity/ramadan/index.html b/view/molistar/activity/ramadan/index.html index 9ba4c9ff..123266ae 100644 --- a/view/molistar/activity/ramadan/index.html +++ b/view/molistar/activity/ramadan/index.html @@ -20,7 +20,7 @@
-
+