Added color options for containers, added spell lists

rpg-docs/client/views/GeneralCSS/color.css

@@ -1,79 +1,83 @@
-.red {
+html /deep/ .red {
 	background-color: #F44336;
 }
 
-.pink {
+html /deep/ .pink {
 	background-color: #E91E63;
 }
 
-.purple {
+html /deep/ .purple {
 	background-color: #9C27B0;
 }
 
-.deep-purple {
+html /deep/ .deep-purple {
 	background-color: #673AB7;
 }
 
-.indigo {
+html /deep/ .indigo {
 	background-color: #3F51B5;
 }
 
-.blue {
+html /deep/ .blue {
 	background-color: #2196F3;
 }
 
-.light-blue {
+html /deep/ .light-blue {
 	background-color: #03A9F4;
 }
 
-.cyan {
+html /deep/ .cyan {
 	background-color: #00BCD4;
 }
 
-.teal {
+html /deep/ .teal {
 	background-color: #009688;
 }
 
-.green {
+html /deep/ .green {
 	background-color: #4CAF50;
 }
 
-.light-green {
+html /deep/ .light-green {
 	background-color: #8BC34A;
 }
 
-.lime {
+html /deep/ .lime {
 	background-color: #CDDC39;
 }
 
-.yellow {
+html /deep/ .yellow {
 	background-color: #FFEB3B;
 }
 
-.amber {
+html /deep/ .amber {
 	background-color: #FFC107;
 }
 
-.orange {
+html /deep/ .orange {
 	background-color: #FF9800;
 }
 
-.deep-orange {
+html /deep/ .deep-orange {
 	background-color: #FF5722;
 }
 
-.brown {
+html /deep/ .brown {
 	background-color: #795548;
 }
 
-.grey {
+html /deep/ .grey {
 	background-color: #9E9E9E;
 }
 
-.blue-grey {
+html /deep/ .blue-grey {
 	background-color: #607D8B;
 }
 
-.white {
+html /deep/ .white {
 	background-color: #ffffff;
+}
+
+html /deep/ .black {
+	background-color: #000000;
 }

rpg-docs/client/views/GeneralCSS/general.css

@@ -97,6 +97,7 @@ paper-button {
 .fab-buffer {
 	height: 88px;
 	width: 100%;
+	order: 999;
 }
 
 *[hidden] {
@@ -123,3 +124,11 @@ paper-button {
 paper-fab-menu /deep/ .container {
 	padding: 24px !important;
 }
+
+.list-subhead {
+	color: rgba(0,0,0,0.54);
+	font-size: 14px;
+	height: 40px;
+	padding-left: 16px;
+	font-weight: 500;
+}

rpg-docs/client/views/GeneralCSS/typography.css

@@ -96,4 +96,8 @@ p, .body1, body {
 
 .white-text .caption{
 	color: rgba(255,255,255,0.54);
-}
+}
+
+html /deep/ .white-text{
+	color: #fff;
+}