Modern Dark: card details as lightbox

client/components/boards/boardColors.styl

@@ -753,6 +753,9 @@ setBoardClear(color1,color2)
   body
     background: #2a2a2a
 
+  .board-wrapper .board-canvas .board-overlay
+    opacity: .6
+
   /* Forms */
   button[type=submit].primary, .board-color-modern input[type=submit].primary
     background-color: #819C5D
@@ -920,10 +923,16 @@ setBoardClear(color1,color2)
 
   /* Card Details */
   .card-details
+    position: absolute
+    top: 30px
+    left: calc(50% - 384px)
+    width: 768px
+    max-height: calc(100% - 60px)
     background-color: #454545
     color: #cccccc
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
     border: 1px solid #111111
+    z-index: 100 !important
 
   .card-details
     scrollbar-width: thin