Moved views out of private folder

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

@@ -0,0 +1,68 @@
+#detailScreenFiller {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: 2;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+#screenDim  {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: grey;
+	background-color: rgba(0,0,0,0.35);
+}
+
+#fadeDummy  {
+	pointer-events: none;
+}
+
+.detailContent {
+	padding: 24px;
+}
+
+html /deep/ .red-button:not([disabled]) {
+	background: #d23f31;
+	color: #fff;
+	margin-top: 16px;
+}
+
+#globalDetail {
+	background-color: white;
+	width: 624px;
+	height: 500px;
+	border-radius: 2px;
+}
+
+#globalDetail app-toolbar {
+	border-radius: 2px 2px 0 0;
+}
+
+@media (max-width: 640px) {
+	#globalDetail app-toolbar {
+		border-radius: 0;
+	}
+}
+
+@media (max-width: 640px) {
+	#globalDetail {
+		top: 0 !important;
+		left: 0 !important;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+		border-radius: 0;
+	}
+}
+
+.not-selected [hero] {
+	visibility: hidden;
+}

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

@@ -0,0 +1,113 @@
+.display2 {
+	font-size: 45px;
+	font-weight: 400;
+	color: #000;
+	color: rgba(0,0,0,0.54);
+	letter-spacing: 0;
+}
+
+.white-text .display2{
+	color: rgba(255,255,255,0.54);
+}
+
+.display1 {
+	font-size: 34px;
+	font-weight: 400;
+	color: #000;
+	color: rgba(0,0,0,0.54);
+	letter-spacing: 0;
+}
+
+.white-text .display1, .white-text.display1{
+	color: rgba(255,255,255,0.54);
+}
+
+h1, .headline {
+	font-size: 24px;
+	font-weight: 400;
+	margin: 0;
+	color: #000;
+	color: rgba(0,0,0,0.87);
+	letter-spacing: 0;
+}
+
+.white-text h1, .white-text .headline, .white-text.headline{
+	color: rgba(255,255,255,0.87);
+}
+
+h2, .title {
+	font-size: 20px;
+	font-weight: 500;
+	margin: 0;
+	color: #000;
+	color: rgba(0,0,0,0.87);
+	letter-spacing: 0.005em;
+}
+
+.white-text h2, .white-text .title, .white-text.title{
+	color: rgba(255,255,255,0.87);
+}
+
+h3, .subhead {
+	font-size: 16px;
+	font-weight: 400;
+	margin: 0;
+	color: #000;
+	color: rgba(0,0,0,0.87);
+	letter-spacing: 0.010em;
+}
+
+.white-text h3, .white-text .subhead{
+	color: rgba(255,255,255,0.87);
+}
+
+.body2 {
+	font-size: 14px;
+	font-weight: 500;
+	color: #000;
+	color: rgba(0,0,0,0.87);
+	letter-spacing: 0.010em;
+}
+
+.white-text .body2{
+	color: rgba(255,255,255,0.87);
+}
+
+p, .body1, body {
+	font-size: 14px;
+	font-weight: 400;
+	margin: 0;
+	color: #000;
+	color: rgba(0,0,0,0.87);
+	letter-spacing: 0.010em;
+}
+
+.white-text p, .white-text .body1{
+	color: rgba(255,255,255,0.87);
+}
+
+.caption{
+	font-size: 12px;
+	font-weight: 400;
+	color: #000;
+	color: rgba(0,0,0,0.54);
+	letter-spacing: 0.020em;
+}
+
+.white-text .caption{
+	color: rgba(255,255,255,0.54);
+}
+
+html /deep/ .white-text{
+	color: #fff;
+}
+
+.black54 {
+	color: #444;
+	color: rgba(0,0,0,0.54);
+}
+
+.white54 {
+	color: #eee;
+	color: rgba(255,255,255,0.54);
+}