Add Project Title

style/_common.scss

@@ -62,6 +62,14 @@
 
 /* Common objects */
 
+*:focus {
+	outline: 0px none transparent;
+}
+
+textarea:focus, input:focus {
+	outline: 1px solid #CCC;
+}
+
 body {
 	overflow: hidden;
 }

style/_mask_project.scss

@@ -286,6 +286,19 @@ $legend-color: $post-color;
 		}
 	}
 
+	#title {
+		left: calc(44px + 1rem);
+		width: auto;
+		cursor: inherit;
+		
+		span#project_name {
+			font-size: 1.5em;
+			line-height: 44px;
+			padding: 0 $block-spacing;
+			text-shadow: none;
+		}
+	}
+
 	#post-button .fa {
 		@extend .fa-post;
 	}
@@ -431,7 +444,7 @@ $legend-color: $post-color;
 					margin: 0;
 				}
 				.signature {
-					margin: 0.5em 0 0 0;
+					margin: $elem-spacing 0 0 0;
 					text-align: right;
 					font-style: italic;
 
@@ -442,8 +455,9 @@ $legend-color: $post-color;
 					}
 				}
 				.header {
-					padding: 0.5em 1em;
+					padding: 0 $block-spacing;
 					line-height: 1em;
+					position: relative;
 
 					span {
 						display: inline-block;
@@ -452,12 +466,13 @@ $legend-color: $post-color;
 						text-overflow: ellipsis;
 						overflow: visible;
 						white-space: nowrap;
+						padding: $elem-spacing 0px;
 
 						&.index {
 							width: 25%;
 
 							.link, .link:visited, .link_copied {
-								margin-left: 0.5em;
+								margin-left: $elem-spacing;
 							}
 						}
 
@@ -470,7 +485,7 @@ $legend-color: $post-color;
 				}
 				.body {
 					clear: both;
-					padding: 0em 1em 1em;
+					padding: 0em $block-spacing $block-spacing;
 				}
 
 				&.headerless {
@@ -478,7 +493,7 @@ $legend-color: $post-color;
 						display: none;
 					}
 					.body {
-						padding-top: 0.5em;
+						padding-top: $elem-spacing;
 					}
 				}
 
@@ -488,7 +503,7 @@ $legend-color: $post-color;
 
 					p {
 						font-size: 0.9em;
-						margin: 0 0 .5em 0;
+						margin: 0 0 $elem-spacing 0;
 						display: inline-block;
 						width: 100%;
 					}

style/_mobile.scss

@@ -37,6 +37,10 @@
 			right: calc((#{$panel-width}) * -1);
 		}
 
+		#title {
+			width: calc(#{$panel-width} - 44px - 2 * #{$block-spacing});
+		}
+
 		#settings {
 			left: calc((#{$panel-width}) * -1);
 		}