Tooltips on player icons

src/scss/global/_core.scss

@@ -279,11 +279,58 @@ footer {
 	}
 }
 
+.has-tooltip {
+	position: relative;
+
+	.tooltip {
+		@include animate();
+		opacity: 0;
+		position: absolute;
+		pointer-events: none;
+		background: $overlay_dark;
+		display: block;
+		max-width: 200px;
+		padding: 5px;
+		color: $white;
+		font-size: 11px;
+		line-height: 11px;
+		top: -16px;
+		left: 4px;
+		z-index: 97;
+
+		&::before {
+			content: '';
+			display: block;
+			width: 6px;
+			height: 6px;
+			background: $overlay_dark;
+			-ms-transform: rotate(45deg);
+			-webkit-transform: rotate(45deg);
+			transform: rotate(45deg);
+			position: absolute;
+			bottom: -3px;
+			left: 9px;
+		}
+	}
+
+	&:hover {
+		.tooltip {
+			opacity: 1;
+			top: -18px;
+		}
+	}
+}
+
 
 @include responsive( $bp_medium ){
 	
-	.right-padding {		padding-right: 20px; }
-	.left-padding {			padding-left: 20px; }
+	.right-padding {
+		padding-right: 20px;
+	}
+
+	.left-padding {
+		padding-left: 20px;
+	}
 
 	h1 {
 		font-size: 30px;