Implemented the dialog to ask for confirmation when the user ask to delete a card

No keyboard shortcut implemented, yet

frontend/delta/scss/clipperz.scss

@@ -14,6 +14,7 @@
 @import "style/settingsPanel";
 @import "style/accountStatus";
 @import "style/card";
+@import "style/dialogBox";
 
 //----------------------------------------------------------------------------
 

frontend/delta/scss/core/layout.scss

@@ -325,3 +325,39 @@ div.cardContent {
 	cursor: pointer;
 }
 
+
+div.dialogBox {
+	@include mask();
+
+	@include flexbox();
+	@include align-items(center);
+	@include justify-content(center);
+
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+
+	div.dialog {
+		@include flex(none);
+		z-index: 99999;
+
+		h3.message {
+		}
+		
+		div.answers {
+			@include flexbox();
+			@include flex-direction(row);
+			@include justify-content(flex-end);
+			
+			div.button {
+				@include flex(none);
+				cursor: pointer;
+				
+				&.isDefault {
+				}
+			}
+		}
+	}
+}

frontend/delta/scss/style/dialogBox.scss

@@ -0,0 +1,28 @@
+div.dialog {
+	@include box-shadow(0px, 2px, 5px, rgba(50, 50, 50, 0.75));
+	@include border-radius(8px);
+
+	background-color: white;
+	padding: 30px;
+	
+	h3.message {
+		font-size: 18pt;
+		font-weight: bold;
+		padding-bottom: 20px;
+	}
+	
+	div.answers {
+
+		div.button {
+			border: 1px solid black;
+			margin-left: 10px;
+			padding: 5px 10px;
+			
+			&.isDefault {
+				font-weight: bold;
+				color: white;
+				background-color: blue;
+			}
+		}
+	}
+}