new lightbox interface v2

style/_fa.scss

@@ -44,6 +44,8 @@ $fa-css-prefix: fa;
 /* Feed */
 .#{$fa-css-prefix}-post:before { content: fa-content($fa-var-comment); }
 .#{$fa-css-prefix}-media:before { content: fa-content($fa-var-photo-video); }
+.#{$fa-css-prefix}-video:before { content: fa-content($fa-var-film); }
+.#{$fa-css-prefix}-image:before { content: fa-content($fa-var-image); }
 .#{$fa-css-prefix}-message:before { content: fa-content($fa-var-map-marker); }
 .#{$fa-css-prefix}-message-in:before { content: fa-content($fa-var-shoe-prints); }
 .#{$fa-css-prefix}-time:before { content: fa-content($fa-var-clock); }

style/_lightbox.scss

@@ -8,14 +8,17 @@
 }
 
 .lightbox {
-	top: 50%;
-	left: 0;
-	transform: translateY(-50%);
-	text-align: left;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	height: 100%;
+	
 	
 	.lb-outerContainer {
 		margin: 0;
-		display: inline-block;
+		border-radius:0;
+		background-color: rgba(255, 255, 255, 0.5);
 		
 		.lb-image {
 			image-orientation: from-image;
@@ -53,10 +56,12 @@
 		padding: 0;
 		display: inline-block;
 		vertical-align: top;
-		width: 300px;
-		padding: 1em;
+		width: auto;
+		white-space: nowrap;
 		
 		.lb-data {
+			padding: 1em 0 0 1em;
+		
 			.lb-details {
 				float: none;
 				
@@ -66,6 +71,7 @@
 				}
 			}
 			.lb-closeContainer {
+				display: none !important;
 				margin-top: 2em;
 				
 				.lb-close {