Skip to content

Commit 91d2278

Browse files
kberezakbereza
committed
Fix game
1 parent 23937bb commit 91d2278

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+628
-341
lines changed

‎css/style.less

Lines changed: 273 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,9 @@ html {
101101
min-height: 100%;
102102
position: relative;
103103
}
104+
#canvas {
105+
width: 100%;
106+
}
104107
html, body {
105108
font-family: "Pribambas";
106109
-webkit-text-stroke: 1px rgba(0,0,0,0.3);
@@ -113,6 +116,31 @@ body {
113116
padding: 0 0 260px;
114117
min-width: 320px;
115118
}
119+
.cap {
120+
display: none;
121+
position: relative;
122+
.cap-title {
123+
font-size: 23px;
124+
color: #531600;
125+
font-family: 'Conv_Panton-BlackItalic';
126+
text-align: center;
127+
text-transform: uppercase;
128+
}
129+
span {
130+
position: absolute;
131+
top: 50%;
132+
margin-top: -39px;
133+
&.ico-cap-left {
134+
left: 0;
135+
}
136+
&.ico-cap-right {
137+
right: 0;
138+
}
139+
}
140+
img {
141+
width: 100%;
142+
}
143+
}
116144
.ico {
117145
background: url('../images/icons.png');
118146
display: inline-block;
@@ -151,12 +179,26 @@ body {
151179
background-position: -266px -137px;
152180
width: 82px;
153181
height: 82px;
182+
position: fixed;
154183
}
184+
// .ico-scroll-gif {
185+
// background: url('../images/button_scroll2.gif');
186+
// }
155187
.ico-close-black {
156188
background-position: 0px -186px;
157189
width: 48px;
158190
height: 48px;
159191
}
192+
.ico-cap-left {
193+
background-position: -230px -319px;
194+
width: 60px;
195+
height: 133px;
196+
}
197+
.ico-cap-right {
198+
background-position: -291px -319px;
199+
width: 60px;
200+
height: 133px;
201+
}
160202
header {
161203
padding-top: 40px;
162204
.navigation__wrapper {
@@ -267,6 +309,12 @@ header {
267309
padding: 46px 28px;
268310
}
269311
}
312+
.ico-scroll {
313+
position: fixed;
314+
bottom: 10px;
315+
right: 10px;
316+
z-index: 5;
317+
}
270318
.content {
271319
.el2 {
272320
display: none;
@@ -293,12 +341,6 @@ header {
293341
.shar {
294342
display: none;
295343
}
296-
.ico-scroll {
297-
position: absolute;
298-
bottom: 22px;
299-
left: 50%;
300-
margin-left: -41px;
301-
}
302344
&.main-content {
303345
padding-bottom: 60px;
304346
.content-block {
@@ -335,6 +377,129 @@ header {
335377
background-size: 100% 100%;
336378
margin: 33px auto 27px;
337379
height: 55px;
380+
font-size: 40px;
381+
text-align: center;
382+
}
383+
}
384+
}
385+
.prizes-content {
386+
.prize-items-2 {
387+
position: relative;
388+
top: -40px;
389+
}
390+
.prize-item {
391+
position: relative;
392+
// width: 240px;
393+
// height: 240px;
394+
// border-radius: 50%;
395+
// background: #fff;
396+
img {
397+
position: relative;
398+
z-index: 2;
399+
top: -19px;
400+
}
401+
.prize-circle {
402+
// width: 240px;
403+
// height: 240px;
404+
// border-radius: 50%;
405+
// background: #fff;
406+
// display: block;
407+
// position: absolute;
408+
// top: 0;
409+
}
410+
.prize-img {
411+
width: 240px;
412+
height: 240px;
413+
border-radius: 50%;
414+
background: #fff;
415+
text-align: center;
416+
}
417+
.prize-text {
418+
position: absolute;
419+
font-size: 22px;
420+
font-family: 'Conv_Panton-BlackItalic';
421+
color: rgb(83, 22, 0);
422+
font-style: italic;
423+
text-transform: uppercase;
424+
line-height: 1;
425+
span {
426+
font-size: 16px;
427+
font-family: 'Conv_Panton-BlackItalic';
428+
color: rgb(83, 22, 0);
429+
font-style: italic;
430+
text-transform: uppercase;
431+
line-height: 1;
432+
display: block;
433+
margin-top: 7px;
434+
}
435+
}
436+
.left {
437+
left: 0;
438+
}
439+
.right {
440+
right: 0;
441+
}
442+
.top {
443+
top: 0;
444+
}
445+
.bottom {
446+
bottom: 0;
447+
}
448+
}
449+
.prize-img-center {
450+
margin: 0 auto;
451+
}
452+
.prize-item-2-left {
453+
padding-left: 115px;
454+
}
455+
.prize-item-2-right {
456+
padding-right: 115px;
457+
}
458+
.prize-item1 {
459+
.prize-circle {
460+
left: 0;
461+
}
462+
.prize-img {}
463+
}
464+
.prize-item2 {
465+
.prize-circle {
466+
left: 50%;
467+
margin-left: -120px;
468+
}
469+
.prize-img {
470+
margin: 0 auto;
471+
}
472+
.prize-text {
473+
width: 100%;
474+
left: 0;
475+
text-align: center;
476+
margin-top: 10px;
477+
}
478+
}
479+
.prize-item3 {
480+
.prize-circle {
481+
right: 0;
482+
}
483+
.prize-img {
484+
float: right;
485+
}
486+
}
487+
.prize-item4 {
488+
.prize-text {
489+
left: 14%;
490+
bottom: 15%;
491+
}
492+
img {
493+
top: -41px;
494+
}
495+
}
496+
.prize-item5 {
497+
.prize-text {
498+
right: 14%;
499+
bottom: 15%;
500+
}
501+
img {
502+
top: 0px;
338503
}
339504
}
340505
}
@@ -758,7 +923,7 @@ footer {
758923
margin-bottom: 9px;
759924
margin-left: 16px;
760925
}
761-
input, .select-style {
926+
input {
762927
border: 0;
763928
border-radius: 5px;
764929
background-color: rgba(255, 255, 255, 1);
@@ -954,7 +1119,7 @@ form {
9541119
.form-group {
9551120
margin-bottom: 25px;
9561121
}
957-
.form-control, .select-style {
1122+
.form-control {
9581123
height: 50px;
9591124
color: #531600;
9601125
font-size: 18px;
@@ -972,6 +1137,7 @@ form {
9721137
.birthday__select {
9731138
padding: 0 12px;
9741139
[class^="col-"] {
1140+
vertical-align: top;
9751141
padding: 0 3px;
9761142
}
9771143
}
@@ -1016,6 +1182,48 @@ form {
10161182
}
10171183
}
10181184
@media (max-width: 1200px) {
1185+
.prizes-content {
1186+
.prize-item {
1187+
.prize-img {
1188+
width: 190px;
1189+
height: 190px;
1190+
}
1191+
img {
1192+
position: relative;
1193+
z-index: 2;
1194+
top: -19px;
1195+
max-height: 120%;
1196+
max-width: 100%;
1197+
}
1198+
}
1199+
.prize-item-2-left {
1200+
padding-left: 100px;
1201+
}
1202+
.prize-item-2-right {
1203+
padding-right: 100px;
1204+
}
1205+
.prize-items-2 {
1206+
position: relative;
1207+
top: 40px;
1208+
}
1209+
.prize-item .right {
1210+
right: -49px;
1211+
}
1212+
.prize-item .left {
1213+
left: -32px;
1214+
}
1215+
.prize-item4 .prize-text {
1216+
left: 5%;
1217+
bottom: 15%;
1218+
}
1219+
.prize-item5 .prize-text {
1220+
right: 5%;
1221+
bottom: 15%;
1222+
}
1223+
.prize-item2 .prize-text {
1224+
margin-top: 20px;
1225+
}
1226+
}
10191227
.content {
10201228
.form-registration {
10211229
margin-top: 60px;
@@ -1078,6 +1286,48 @@ form {
10781286
}
10791287
}
10801288
}
1289+
@media (max-width: 1000px) {
1290+
1291+
}
1292+
@media (max-width: 960px) {
1293+
.prizes-content {
1294+
.prize-item4 img {
1295+
top: -41px;
1296+
}
1297+
.prize-item5 img {
1298+
top: 0px;
1299+
}
1300+
.prize-item {
1301+
.prize-text {
1302+
right: initial;
1303+
display: block;
1304+
width: 100%;
1305+
text-align: center;
1306+
left: initial;
1307+
margin-top: 20px;
1308+
top: inherit;
1309+
bottom: inherit;
1310+
position: relative;
1311+
}
1312+
.prize-img {
1313+
width: 240px;
1314+
height: 240px;
1315+
margin: 0 auto;
1316+
float: none;
1317+
}
1318+
}
1319+
.prize-items-2 {
1320+
top: initial;
1321+
margin-top: 50px;
1322+
}
1323+
.prize-item-2-right {
1324+
padding-right: 0;
1325+
}
1326+
.prize-item-2-left {
1327+
padding-left: 0;
1328+
}
1329+
}
1330+
}
10811331
@media (min-width: 768px) and (max-width: 960px) {
10821332
.container {
10831333
width: 100%;
@@ -1098,6 +1348,21 @@ form {
10981348
}
10991349
}
11001350
@media (max-width: 767px) {
1351+
.prizes-content .prize-item .prize-text {
1352+
right: initial;
1353+
display: block;
1354+
width: 100%;
1355+
text-align: center;
1356+
left: initial;
1357+
margin-top: 20px;
1358+
top: inherit;
1359+
bottom: inherit;
1360+
position: relative;
1361+
margin-bottom: 30px;
1362+
}
1363+
.prizes-content {
1364+
padding-bottom: 0!important;
1365+
}
11011366
.content-box {
11021367
&:before {
11031368
width: 100%;

‎game.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -85,15 +85,13 @@
8585

8686
function handleImageLoad() {
8787
preloaderCount++;
88-
8988
}
9089

9190
function handleProgress(){
9291
if (preloaderCount==3) {
9392
preload1.x = Math.round(loader.progress*100)*4.2-8;
9493
stage.update();
9594
}
96-
9795
//stage.update();
9896
}
9997

@@ -102,6 +100,8 @@
102100
}
103101

104102
function handleComplete(evt) {
103+
console.log ('113');
104+
$('html,body').stop().animate({ scrollTop: $('#canvas').offset().top }, 1000);
105105
exportRoot = new lib.MM5();
106106

107107
stage.removeChild(preload0);

0 commit comments

Comments
 (0)