Implemented PIN and updated README

frontend/delta/scss/style/loginPage.scss

@@ -305,6 +305,43 @@ refer to http://www.clipperz.com.
 					}
 				}
 			}
+
+
+			.pinForm {
+/*
+				.pinContainer {
+					display: flex;
+					flex-direction: row;
+					
+					justify-content: space-between;
+
+					.pinDigit {
+						width: 15%;
+					}
+				}
+*/
+				label {
+					display: inherit;
+					text-align: left;
+				}
+
+				.pinValue {
+					font-family: clipperz-password;
+
+					@include placeholder {
+						font-family: clipperz-font;
+					}
+				}
+
+				.passphraseLogin {
+					font-size: .9em;
+					color: $clipperz-orange;
+					text-decoration: underline;
+					cursor:pointer;
+				}
+
+			}
+
 		}
 
 		.other {

frontend/delta/scss/style/settingsPanel.scss

@@ -251,6 +251,10 @@ refer to http://www.clipperz.com.
 				p {
 					padding: 10px 0px;
 				}
+
+				strong {
+					font-weight: bold;
+				}
 			}
 
 			form {
@@ -706,6 +710,25 @@ refer to http://www.clipperz.com.
 			}
 		}
 		
+		.devicePIN {
+			.pinDigit {
+				display: inline-block;
+				width: 2em;
+				margin-right: 0.5em;
+				text-align: center;
+			}
+
+			.pinValue {
+				display: inline-block;
+				width: 4em;
+				margin-right: 1em;
+			}
+
+			:enabled {
+				border:2px solid $clipperz-orange;
+			}
+		}
+
 		.dataImport {
 			
 			.content {