Zusammenführung-von-Fertigkeiten,-Waffen-und-Rüstungen-im-Kampf-Tab-#15 (#48)

- Created character description tab
- Redesigned skill, gear and combat tab
- Weapons, defense weapons and armor is still in the gear tab. If you equip them (now directly possible via click on the equip icon), they appear in the combat tab. Reason: This holds the combat tab clean for combat stuff.

Co-authored-by: Ender <harald@drueppels.de>
Reviewed-on: #48
Reviewed-by: Byroks <byroks@gmail.com>

source/style/Character-sheet.less

@@ -23,6 +23,11 @@
 		flex-wrap: wrap;
 	}
 
+	.flexcolumn-3 {
+		flex: 33%;
+		flex-wrap: wrap;
+	}
+
 	.flexcolumn-4 {
 		flex: 25%;
 		flex-wrap: wrap;
@@ -167,6 +172,11 @@
 			text-align: left;
 			font-weight: bold;
 		}
+
+		&.highlight {
+			font-weight: bold;
+			font-style: italic;
+		}
 	}
 
 	.table-icon {
@@ -188,22 +198,34 @@
 		width: 5rem;
 	}
 
+	input.checkbox {
+		width: 1rem;
+		height: 1rem;
+	}
+
 	.new-skill {
 		font-style: italic;
 		background: rgba(0, 0, 0, 0.3);
 		color: rgba(255, 255, 255);
-
-		button {
-			background: rgba(255, 255, 255, 0.5);
-		}
 	}
 
-	button.roll-button {
+	.roll-button {
 		background: url(/icons/svg/d20-black.svg) no-repeat;
-		background-size: 24px 24px;
+		background-size: 1rem 1rem;
 		border: #000000 solid 0px;
-		width: 26px;
-		height: 26px;
+		width: 1rem;
+		height: 1rem;
+	}
+
+	.learn-button {
+		padding: 0;
+		margin: 0;
+		height: 1rem;
+		width: 4rem;
+		background: rgba(255, 255, 255, 0.5);
+		font-size: smaller;
+		text-align: center;
+ 		line-height: 0.8rem;
 	}
 
 	span.spell-process {
@@ -256,15 +278,23 @@
 		}
 	}
 
+	.biography {
+		margin: 0.5rem 0.5rem 0.5rem 0.5rem;
+		height: 180px;
+		background-color: #eaead7;
+	  }
+	
 	.attributes {
 		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
 		display: flex;
 		flex-direction: row;
 		margin-bottom: 0.5rem;
 		background-color: beige;
+		flex-wrap: wrap;
+		justify-content: center;
 
 		.attribute {
-			flex: 0 0 7rem;
+			flex: 0 0 6rem;
 			margin: 0;
 			border: 1px solid @attributeBorderColor;
 			//border-bottom: none;