Added transition when opening the left panel

frontend/delta/scss/core/behavior.scss

@@ -64,7 +64,7 @@ $transition-duration: 0.5s;
 	
 	top: 0;
 	left: -$size;
-//	transition: left 0.3s ease-in-out;
+	transition: left 0.3s ease-in-out;
 }
 
 @mixin sliding-panel-right ($size) {

frontend/delta/scss/core/fonts.scss

@@ -26,6 +26,7 @@ refer to http://www.clipperz.com.
 //
 //	C l i p p e r z    I c o n s
 //
+//	openssl enc -base64 -in ./fonts/clipperz-icons.woff | awk 1 ORS='' | pbcopy
 
 @font-face {
 	font-family: "clipperz-icons";

frontend/delta/scss/core/layout.scss

@@ -87,6 +87,7 @@ html {
 
 #mainPanel {
 //	background-color: $yellow;
+	left: 0px;
 
 	&.extra-wide {
 		@include sliding-panel-container();
@@ -123,7 +124,7 @@ html {
 	}
 
 	&.wide {
-//		transition: left 0.3s ease-in-out;
+		transition: left 0.3s ease-in-out;
 		.container {
 			@include sliding-panel-container();
 		}

frontend/delta/scss/core/sizes.scss

@@ -46,7 +46,6 @@ This configuration is now located in the first script included in the index_temp
 	}
 }
 
-
 @media only screen and (min-width: 700px) {
 	html {
 		font-family: "wide";

frontend/delta/scss/style/settingsPanel.scss

@@ -44,7 +44,6 @@ refer to http://www.clipperz.com.
 		& > div {
 			border-top: 1px solid white;
 
-		
 			& > ul > li {
 //				padding: 10px;
 //				padding-right: 0px;
@@ -111,10 +110,10 @@ refer to http://www.clipperz.com.
 						display: inline-block;
 						padding: 10px 16px;
 						background-color: green;
-						color: white;
+						color: lightgrey;
 					
 						&:hover {
-							color: lightgrey;
+							color: white;
 						};
 					
 						&.disabled {
@@ -162,12 +161,12 @@ refer to http://www.clipperz.com.
 			
 			label {
 				display: block;
-			}
+	}
 			
 			input {
 				display: block;
-			}
-			
+}
+
 		}
 	}
 }
@@ -193,4 +192,4 @@ refer to http://www.clipperz.com.
 			}
 		}
 	}
-}
+}