Initial commit

static/style.css

@@ -0,0 +1,100 @@
+body {
+	font-family: Tahoma, Verdana, sans-serif;
+	background-color: #000000;
+	color: #ffc000;
+}
+
+hr {
+	border-color: #584200;
+}
+
+
+#flexout {
+	display: flex;
+	max-width: 75rem;
+	margin: auto;
+	justify-content: center;
+}
+#lpanel {
+	order: 0;
+}
+#rpanel {
+	order: 2;
+}
+#rpanel, #lpanel, .flexpanel {
+	width: 15rem;
+	border-radius: 1rem;
+	padding: .5rem;
+	background-color: #271d00;
+}
+
+#loginform {
+	text-align: center;
+}
+#titlebox {
+	font-size: 5em;
+	text-align: center;
+}
+#titlebox > img {
+	height: 1.25em;
+	vertical-align: sub;
+}
+#centerbox {
+	margin-left: 1rem;
+	margin-right: 1rem;
+	background-color: #271d00; 
+	border-radius: 1rem;
+	padding: .5rem;
+	flex-grow: 1;
+	order: 1;
+}
+#postform {
+	margin-top: 1rem;
+	margin-bottom: 1rem;
+}
+#postformtextarea {
+	box-sizing: border-box;
+	width: 100%;
+	border-radius: 1rem;
+}
+#postformactionrow {
+	text-align: right;
+}
+
+.post {
+	position: relative;
+	border-style: solid;
+	border-width: 1px;
+	padding: 1rem;
+	margin-top: 3rem;
+	border-radius: 1rem;
+}
+.postinfo {
+	position: absolute;
+	left: -1px;
+	top: -2em;
+	height: 3rem;
+	min-width: 15rem;
+	background-color: #ffc000;
+	color: #000000;
+	border-radius: 3rem;
+	border-bottom-left-radius: 0;
+	padding: .25rem;
+	padding-left: 1rem;
+	padding-right: 1rem;
+	text-wrap: nowrap;
+}
+.postactions  {
+	/*float: right;*/
+	position: absolute;
+	background-color: #ffc000;
+	padding: .25rem;
+	border-radius: 2rem;
+	border-top-right-radius: 0;
+	right: -1px;
+	bottom: -1rem;
+}
+.reactionaction {
+	height: 2rem;
+	vertical-align: bottom;
+}