|
|
@@ -1,5 +1,4 @@ |
|
|
|
@import "../../../css/colors.less"; |
|
|
|
|
|
|
|
@pad: 8px; |
|
|
|
@btnSize: 64px; |
|
|
|
|
|
|
@@ -7,8 +6,7 @@ |
|
|
|
position: absolute; |
|
|
|
right: 10px; |
|
|
|
bottom: 10px; |
|
|
|
|
|
|
|
width: ((@btnSize * 5) + (@pad * 12)); |
|
|
|
width: ((@btnSize * 4) + (@pad * 10)); |
|
|
|
height: ((@btnSize * 2) + (@pad * 2)); |
|
|
|
padding: @pad; |
|
|
|
background-color: fade(@darkGray, 90%); |
|
|
@@ -17,9 +15,8 @@ |
|
|
|
width: @btnSize; |
|
|
|
height: @btnSize; |
|
|
|
float: left; |
|
|
|
margin: 0px 8px; |
|
|
|
margin: 0px @pad; |
|
|
|
float: left; |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
position: relative; |
|
|
|
|
|
|
@@ -40,10 +37,6 @@ |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
&.btnInventory { |
|
|
|
margin: 0px 8px 0px 45px; |
|
|
|
} |
|
|
|
|
|
|
|
&.btnInventory .icon { |
|
|
|
background: url('../../../images/uiIcons.png') 0px 0px; |
|
|
|
} |
|
|
@@ -57,7 +50,6 @@ |
|
|
|
} |
|
|
|
|
|
|
|
&.btnPassives { |
|
|
|
width: 65px; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.points { |
|
|
@@ -67,12 +59,12 @@ |
|
|
|
bottom: 23px; |
|
|
|
position: absolute; |
|
|
|
color: @white; |
|
|
|
filter: |
|
|
|
drop-shadow(0px -2px 0px @blackD) |
|
|
|
drop-shadow(0px 2px 0px @blackD) |
|
|
|
drop-shadow(2px 0px 0px @blackD) |
|
|
|
drop-shadow(-2px 0px 0px @blackD); |
|
|
|
filter: drop-shadow(0px -2px 0px @blackD) |
|
|
|
drop-shadow(0px 2px 0px @blackD) |
|
|
|
drop-shadow(2px 0px 0px @blackD) |
|
|
|
drop-shadow(-2px 0px 0px @blackD); |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
&.btnPassives .icon { |
|
|
@@ -98,7 +90,9 @@ |
|
|
|
&.btnMainMenu .icon { |
|
|
|
background: url('../../../images/uiIcons.png') 0px -64px; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.mobile .uiMenu { |
|
|
@@ -157,6 +151,9 @@ |
|
|
|
height: 100%; |
|
|
|
background: url('../../../images/uiIcons.png') -448px 0px; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |