@@ -2,5 +2,5 @@ node_modules | |||||
storage.db | storage.db | ||||
*.sublime-project | *.sublime-project | ||||
*.sublime-workspace | *.sublime-workspace | ||||
*.css | *.css | ||||
!helpers/item-tooltip/styles.css |
@@ -32,21 +32,6 @@ $(function () { | |||||
}, | }, | ||||
spritesheet: '../../src/client/images/items.png', | spritesheet: '../../src/client/images/items.png', | ||||
sprite: [0, 4] | sprite: [0, 4] | ||||
}, { | |||||
name: `Knight's Leather Glove`, | |||||
type: 'Chainmail Glove', | |||||
rqr: { | |||||
level: 20, | |||||
dex: 150 | |||||
}, | |||||
quality: 3, | |||||
stats: { | |||||
Vitality: '[20 - 35]', | |||||
Dexterity: '[150 - 220]', | |||||
'100% chance to be not owned by Entranog': null | |||||
}, | |||||
spritesheet: '../../src/client/images/items.png', | |||||
sprite: [0, 3] | |||||
}]; | }]; | ||||
for (var i = 0; i < items.length - 1; i++) { | for (var i = 0; i < items.length - 1; i++) { | ||||
@@ -0,0 +1,71 @@ | |||||
body { | |||||
background-color: #2d2136; | |||||
padding: 10px; | |||||
margin: 0px; | |||||
} | |||||
@font-face | |||||
{ | |||||
font-family: bitty; | |||||
src: url('../../src/client/fonts/bitty.ttf'); | |||||
} | |||||
.tooltip { | |||||
background-color: #3c3f4c; | |||||
text-align: center; | |||||
padding: 10px; | |||||
margin-bottom: 10px; | |||||
font-family: bitty; | |||||
width: 400px; | |||||
} | |||||
.sprite-box { | |||||
margin: 0 auto; | |||||
height: 64px; | |||||
width: 64px; | |||||
margin-bottom: 15px; | |||||
background-color: #2d2136; | |||||
padding: 5px; | |||||
} | |||||
.sprite { | |||||
height: 64px; | |||||
} | |||||
.name.q0 { | |||||
color: #fafcfc; | |||||
} | |||||
.name.q1 { | |||||
color: #3fa7dd; | |||||
} | |||||
.name.q2 { | |||||
color: #ffeb38; | |||||
} | |||||
.name.q3 { | |||||
color: #a24eff; | |||||
} | |||||
.name.q4 { | |||||
color: #ff6942; | |||||
} | |||||
.type { | |||||
color: #69696e; | |||||
margin-bottom: 15px; | |||||
} | |||||
.rqr { | |||||
color: #fafcfc; | |||||
margin-bottom: 15px; | |||||
} | |||||
.stats { | |||||
color: #929398; | |||||
} | |||||
.stat { | |||||
margin-bottom: 5px; | |||||
} |