pyratebeard_net

commit 9a256afe384bd23e382226319fd3e2115fec7ad2
parent 01772cafffc49850810aa5cce26ad6d3104fa578
Author: pyratebeard <root@pyratebeard.net>
Date:   Tue, 31 Mar 2020 20:54:36 +0100

adjust margins and section width. add col and img elements.

Diffstat:
M
static/css/style.css
 | 
27
+++++++++++++++++++++++++--
A
static/css/test.css
 | 
81
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

2 files changed, 106 insertions(+), 2 deletions(-)
diff --git a/static/css/style.css b/static/css/style.css
@@ -17,8 +17,30 @@ body {
 	flex-wrap: wrap
 }
 .section {
-	margin: 20px;
-	max-width: 599px
+	margin: auto;
+	width: 599px;
+}
+
+.row {
+	display: flex;
+}
+
+.col {
+	flex: 1 1 0%
+}
+.col-left {
+	text-align: left;
+}
+.col-mid {
+	text-align: center;
+}
+.col-right {
+	text-align: right;
+}
+
+img {
+	height: 43px;
+	width: auto;
 }
 h1,h2,h3,h4,h5 {
 	text-transform: uppercase;
@@ -27,6 +49,7 @@ h1,h2,h3,h4,h5 {
 
 h1 {
 	color: #cd6e42;
+	margin: 0px;
 }
 
 h2,h3,h4,h5 {
diff --git a/static/css/test.css b/static/css/test.css
@@ -0,0 +1,81 @@
+@font-face {
+    font-family: 'saxmono';
+    src: url('/static/fnt/saxmono-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+body {
+	background-color: #1a1d20;
+	color: #abc0c5;
+	font-family: "saxmono";
+	font-size: 16px;
+}
+
+.container {
+	max-width: 800px;
+	margin: auto;
+}
+
+.section {
+}
+
+.row {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.col {
+	flex: 1 1 0%;
+}
+
+.col-left {
+	text-align: left;
+}
+
+.col-mid {
+	text-align: center;
+}
+
+.col-right {
+	text-align: right;
+}
+
+h1,h2,h3,h4,h5 {
+	text-transform: uppercase;
+	font-weight: normal;
+	color: #7bb7c5;
+}
+
+a {
+	color: #7d9aa0;
+}
+
+a:hover,
+a:active,
+a:focus {
+	color: #7bb7c5;
+}
+
+ul {
+	list-style: ': ';
+	color: #7a8186;
+}
+
+pre {
+	background-color: #111113;
+	font-family: "saxmono";
+	font-size: 14px;
+	padding: 10px;
+	border: 2px solid #111113;
+	border-radius: 5px;
+}
+
+code {
+	background-color: #44484b;
+	font-family: "saxmono";
+	font-size: 14px;
+	padding-left: 4px;
+	padding-right: 4px;
+	border-radius: 2px;
+}