@@ -176,31 +176,31 @@ define([ | |||
let container = this.layers.tileSprites; | |||
for (let i = 0; i < w; i++) { | |||
let ii = i / 7.5; | |||
let ii = i / 10; | |||
for (let j = 0; j < h; j++) { | |||
let roll = Math.sin(((j * 0.2) % 5) + Math.cos(ii % 8)); | |||
let tile = 74; | |||
let tile = 5; | |||
if (roll < -0.2) | |||
tile = 108; | |||
tile = 3; | |||
else if (roll < 0.2) | |||
tile = 107; | |||
tile = 4; | |||
else if (roll < 0.5) | |||
tile = 79; | |||
tile = 53; | |||
let alpha = mRandom(); | |||
if ([73, 79].indexOf(tile) > -1) | |||
if ([5, 53].indexOf(tile) > -1) | |||
alpha *= 2; | |||
alpha = Math.min(Math.max(0.15, alpha), 0.65); | |||
if (mRandom() < 0.35) { | |||
tile = { | |||
74: 94, | |||
108: 110, | |||
107: 97, | |||
79: 119 | |||
5: 6, | |||
3: 0, | |||
4: 1, | |||
53: 54 | |||
}[tile]; | |||
} | |||
@@ -105,7 +105,7 @@ define([ | |||
.forEach(function (c, i) { | |||
let charName = c.name; | |||
if (c.level !== null) | |||
charName += '<font class="color-tealB"> (' + c.level + ')</font>'; | |||
charName += '<font class="color-yellowB"> (' + c.level + ')</font>'; | |||
let html = templateListItem | |||
.replace('$NAME$', charName); | |||
@@ -20,8 +20,7 @@ | |||
margin-bottom: (@boxPadding * 2); | |||
} | |||
.left, | |||
.right { | |||
.left, .right { | |||
height: @boxHeight; | |||
float: left; | |||
background-color: #3a3b4a; | |||
@@ -103,7 +102,7 @@ | |||
} | |||
.btn { | |||
background-color: @pinkB; | |||
background-color: @blueC; | |||
width: calc((100% - (16px * 2)) / 3); | |||
float: left; | |||
margin-right: 16px; | |||
@@ -114,7 +113,7 @@ | |||
} | |||
&:hover { | |||
background-color: @pinkB; | |||
background-color: @blueB; | |||
} | |||
&.deleting { | |||
@@ -24,8 +24,7 @@ | |||
width: 613px; | |||
background-color: #3a3b4a; | |||
.left, | |||
.right { | |||
.left, .right { | |||
float: left; | |||
height: 100%; | |||
} | |||
@@ -34,8 +33,7 @@ | |||
width: calc(100% - (@boxPadding * 2) - 160px); | |||
padding: @boxPadding 0px @boxPadding @boxPadding; | |||
.txtClass, | |||
.txtCostume { | |||
.txtClass, .txtCostume { | |||
cursor: pointer; | |||
-webkit-user-select: none; | |||
@@ -130,7 +128,7 @@ | |||
} | |||
.btn { | |||
background-color: @pinkC; | |||
background-color: @blueC; | |||
width: calc((100% - @boxPadding) / 2); | |||
float: left; | |||
margin-right: @boxPadding; | |||
@@ -141,7 +139,7 @@ | |||
} | |||
&:hover { | |||
background-color: @pinkB; | |||
background-color: @blueB; | |||
} | |||
} | |||
@@ -176,7 +174,7 @@ | |||
.heading { | |||
margin-bottom: @boxPadding; | |||
color: @tealB; | |||
color: @blueA; | |||
} | |||
.list { | |||
@@ -38,24 +38,21 @@ | |||
width: @rightWidth; | |||
padding: @boxPadding; | |||
.label, | |||
input { | |||
.label, input { | |||
float: left; | |||
} | |||
.label { | |||
width: 30%; | |||
padding-top: 10px; | |||
color: @tealC; | |||
color: @green; | |||
} | |||
input { | |||
width: 70%; | |||
} | |||
input, | |||
.textbox, | |||
input:-webkit-autofill { | |||
input, .textbox, input:-webkit-autofill { | |||
box-shadow: 0 0 0px 1000px darken(@gray, 15%) inset; | |||
color: @white; | |||
-webkit-text-fill-color: @white; | |||
@@ -63,8 +60,7 @@ | |||
} | |||
/* We duplicate this for firefox which doesn't like the webkit selector */ | |||
input, | |||
.textbox { | |||
input, .textbox { | |||
box-shadow: 0 0 0px 1000px darken(@gray, 15%) inset; | |||
color: @white; | |||
-webkit-text-fill-color: @white; | |||
@@ -78,7 +74,7 @@ | |||
margin-top: 36px; | |||
float: left; | |||
text-align: center; | |||
color: @pinkA; | |||
color: @orangeA; | |||
filter: brightness(100%) | |||
drop-shadow(0px -4px 0px @blackD) | |||
drop-shadow(0px 4px 0px @blackD) | |||
@@ -96,7 +92,7 @@ | |||
height: 35px; | |||
.btn { | |||
background-color: @pinkC; | |||
background-color: @blueC; | |||
width: calc((100% - @boxPadding) / 2); | |||
float: left; | |||
margin-right: @boxPadding; | |||
@@ -107,7 +103,7 @@ | |||
} | |||
&:hover { | |||
background-color: @pinkB; | |||
background-color: @blueB; | |||
} | |||
} | |||
@@ -146,7 +142,7 @@ | |||
padding-left: 10px; | |||
padding-right: 10px; | |||
margin-left: 10px; | |||
background-color: @pinkD; | |||
background-color: @blueD; | |||
color: @white; | |||
&:first-child { | |||
@@ -154,7 +150,7 @@ | |||
} | |||
&:hover { | |||
background-color: @pinkC; | |||
background-color: @blueC; | |||
} | |||
} | |||