added item tooltip helper css

.gitignore

@@ -2,5 +2,5 @@ node_modules
 storage.db
 *.sublime-project
 *.sublime-workspace
-
 *.css
+!helpers/item-tooltip/styles.css

helpers/item-tooltip/builder.js

@@ -32,21 +32,6 @@ $(function () {
 		},
 		spritesheet: '../../src/client/images/items.png',
 		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++) {

helpers/item-tooltip/styles.css

@@ -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;
+}