BTC Certificate feature

Added the ability to register card content on the BTC blockchain in order to certify its existance/content

frontend/delta/scss/style/dialogBox.scss

@@ -21,38 +21,47 @@ refer to http://www.clipperz.com.
 
 */
 
-div.dialog {
-	@include box-shadow(0px, 2px, 5px, rgba(50, 50, 50, 0.75));
-	@include border-radius(8px);
+div.dialogBox {
+	div.dialog {
+		@include box-shadow(0px, 2px, 5px, rgba(50, 50, 50, 0.75));
+		@include border-radius(8px);
 
-	max-width: 70%;
-	background-color: white;
-	padding: 30px;
-	box-shadow: 4px 4px 6px 5px rgba(0,0,0, 0.3);
+		max-width: 70%;
+		background-color: white;
+		padding: 30px;
+		box-shadow: 4px 4px 6px 5px rgba(0,0,0, 0.3);
 	
-	h3.message {
-		font-size: 18pt;
-		font-weight: bold;
-		padding-bottom: 20px;
-		white-space: pre-wrap;
-		word-wrap: break-word;
-	}
+		h3.message {
+			font-size: 18pt;
+			font-weight: bold;
+			padding-bottom: 20px;
+			white-space: pre-wrap;
+			word-wrap: break-word;
+		}
 	
-	div.answers {
+		div.answers {
 
-		div.button {
-			@include border-radius(4);
-//			border: 1px solid black;
-			margin-left: 10px;
-			font-size: 16pt;
-			padding: 15px 25px;
-			background-color: #ddd;
+			div.button {
+				@include border-radius(4);
+	//			border: 1px solid black;
+				margin-left: 10px;
+				font-size: 16pt;
+				padding: 15px 25px;
+				background-color: #ddd;
 			
-			&.isDefault {
-				font-weight: bold;
-				color: white;
-				background-color: #666;
+				&.isDefault {
+					font-weight: bold;
+					color: white;
+					background-color: #666;
+				}
+			
+				&.disabled {
+					cursor: default;
+					color: #aaa;
+					background-color: #ddd;
+					font-weight: normal;
+				}
 			}
 		}
 	}
-}
+}

frontend/delta/scss/style/errorPage.scss

@@ -0,0 +1,71 @@
+/*
+
+Copyright 2008-2015 Clipperz Srl
+
+This file is part of Clipperz, the online password manager.
+For further information about its features and functionalities please
+refer to http://www.clipperz.com.
+
+* Clipperz is free software: you can redistribute it and/or modify it 
+  under the terms of the GNU Affero General Public License as published 
+  by the Free Software Foundation, either version 3 of the License, or 
+  (at your option) any later version.
+
+* Clipperz is distributed in the hope that it will be useful, but 
+  WITHOUT ANY WARRANTY; without even the implied warranty of 
+  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+  See the GNU Affero General Public License for more details.
+
+* You should have received a copy of the GNU Affero General Public
+  License along with Clipperz. If not, see http://www.gnu.org/licenses/.
+
+*/
+
+#errorPage {
+
+	header {
+		background-color: $clipperz-orange;
+		color: white;
+		height: 48px;
+		text-align: center;
+		@include icon-font();
+
+		h2 {
+			font-size: 24pt;
+			padding-top: 8px;
+		}
+	}
+	
+	.error-box {
+		@include border-radius(16px);
+		background-color: #000;
+		color: white;
+
+		width: 300px;
+		height: 300px;
+		margin-left: auto;
+		margin-right: auto;
+		margin-top: 50px;
+		
+		div {
+			padding: 20px;
+			padding-bottom: 0px;
+			p {
+				font-size: 20pt;
+				line-height: 1.5em;
+				text-align: center;
+				padding-bottom: 8px;
+			}
+			
+			&.error-message {
+				padding-top: 0px;
+				p {
+					font-size: 14pt;
+					color: #333;
+				}
+			}
+		}
+	}
+
+
+}

frontend/delta/scss/style/selectionPanel.scss

@@ -57,8 +57,11 @@ refer to http://www.clipperz.com.
 				content: "recent";
 			}
 
+			&.withCertificateCards:before {
+				content: "certificate";
+			}
+
 			&.withAttachmentCards:before {
-//				transform: scaleX(-1);
 				content: "attachment";
 				font-weight: bold;
 			}
@@ -270,6 +273,16 @@ $selectionColor: $clipperz-orange;
 	}
 }
 
+#selections.WITH_CERTIFICATE {
+	li.withCertificateCards {
+		color: $selectionColor;
+
+		&:before {
+			color: white;
+		}
+	}
+}
+
 #selections.WITH_ATTACHMENTS {
 	li.withAttachmentCards {
 		color: $selectionColor;

frontend/delta/scss/style/settingsPanel.scss

@@ -524,6 +524,94 @@ refer to http://www.clipperz.com.
 			}
 		}
 
+		.plan {
+			h2 {
+				font-size: 15pt;
+				padding-bottom: 10px;
+			}
+			
+			div {
+				padding-bottom: 30px;
+			}
+
+			dl {
+				dt {
+					float: left;
+					clear: both;
+					padding-right: 5px;
+					padding-bottom: 6px;
+
+					span {
+						font-weight: bold;
+						
+						&:after {
+							content: ": ";
+						}
+					}
+				}
+				
+				dd {
+					float: left;
+				}
+			}
+
+			.certificates {
+				ul {
+					li {
+//						display: inline-block;
+						padding-bottom: 5px;
+
+						&.published {
+							&:before {
+								color: #fff;
+							}
+						}
+				
+						&.requested {
+							&:before {
+								color: #777;
+							}
+						}
+				
+						&.available {
+							&:before {
+								color: #222;
+							}
+						}
+
+						&:before {
+							content: "certificate";
+							@include icon-font();
+							font-size: 30px;
+							margin-right: 10px;
+							vertical-align: middle;
+						};
+					}
+				}
+			}
+
+			.progressBar {
+		//		display: block;
+		//		width: 100%;
+				background-color: #222;
+				height: 10px;
+				margin-top: 50px;
+//				margin-bottom: 25px;
+				margin-right: 20px;
+				padding-bottom: 0px;
+				@include border-radius(5px);
+	
+				.progress {
+					background-color: #999;
+		//			width: 70%;
+					height: 10px;
+					display: block;
+					@include border-radius(5px);
+				}
+			}
+			
+		}
+
 		.OTP {
 			.header {
 				.description {