added sketch by l

themes/catcet/static/css/main2.css

@@ -0,0 +1,221 @@
+/* 
+2k17 Homebrewserver.club Pelican theme
+---
+Style sheet is ordered vertically, with declarations for the header on top and footer on the bottom.
+
+With contributions by club members:
+http://roelof.info
+http://randomiser.info/
+http://majesticmoo.se
+*/
+
+@font-face {
+    font-family: 'NowBlack';
+    src: url('../fonts/Now-Black.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+      }
+
+@font-face {
+    font-family: 'NowBold';
+    src: url('../fonts/Now-Bold.otf') format('opentype');
+    font-weight: bold;
+    font-style: normal;
+      }
+
+@font-face {
+    font-family: 'NowLight';
+    src: url('../fonts/Now-Light.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+      }
+
+@font-face {
+    font-family: 'NowMedium';
+    src: url('../fonts/Now-Medium.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+      }
+
+@font-face {
+    font-family: 'NowRegular';
+    src: url('../fonts/Now-Regular.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+      }
+
+@font-face {
+    font-family: 'NowThin';
+    src: url('../fonts/Now-Thin.otf') format('opentype');
+    font-weight: normal;
+    font-style: normal;
+      }
+
+header {
+	width:100%;
+    margin-top:3em;
+    margin-bottom:3em;
+    color: #538cc6;
+}
+
+#title {
+	margin-top:0.5em;
+    font-size: 120px;
+    width:50%;
+}
+#subtitle{
+    font-size: 16px;
+}
+
+hr {
+    color: white;
+    margin-top:1em;
+}
+pre {
+}
+#menu{
+	font-size:23px;
+	font-weight:bold;
+    width:40%;
+    float: right;
+}
+
+body {
+    line-height:1.5em;
+	background-color: #f2f2f2;
+	font-size: 16px;
+    margin: 0 auto;
+    width: 900px;
+    font-family:"NowRegular";
+    font-style: normal; 
+}
+
+a {
+    color:#0000ff;
+    font-weight: bold;
+}
+
+.paginator{
+    float:right;
+    margin:0px;
+}
+
+#index{
+}
+
+#post-list {
+	padding-left:0px;
+	margin-top:0px;
+}
+
+ul {
+	padding-left:0px;
+}
+
+.hentry{
+    /*margin-top:2em;*/
+	border-width: 1px;
+	border-color: #444;
+}
+
+.article-info{
+    clear: right;
+    display: inline;
+    float: left;
+    margin-bottom: 5em;
+    max-width: 150px;
+    padding-right: em;
+    transform: rotate(-3deg);
+}
+
+
+
+.entry-title span{
+        width:100%;
+        display:inline-block;
+}
+
+.entry-content{
+	display: inline;
+	float: right;
+    margin-bottom: 2.5em;
+	max-width: 700px;
+	padding-right: 1em;
+}
+
+.entry-content pre{
+    font-size:20px;
+    padding-left:1em;
+    overflow: auto;
+    background-color: #F8F8F8;
+    line-height:1.2em;
+}
+
+.entry-content img{
+    max-width:100%;
+    border: 2px solid white;
+}
+
+
+.entry-content ul {
+	font-size:20px;
+	line-height:1.5;
+	margin: auto;
+	max-width:800px;
+}
+
+.highlight{
+	margin: auto;
+	max-width:800px;
+}
+
+#page-content img{
+    max-width:100%;
+}
+
+blockquote {
+	font-style:italic;
+}
+
+#content{
+        margin:auto;
+        width:100%;
+}
+
+.divider {
+	font-size:12px;
+	width:100%;
+	line-height:1em;
+	background-color:white;
+}
+
+.published{
+        font-size:smaller;
+}
+
+.article_tags{
+        font-size:smaller;
+}
+
+
+#categories {
+    font-size: 40px;
+    margin-top: 2em;
+    text-align: center;
+}
+#pertaining{
+	margin-top:2em;
+	text-align:center;
+
+}
+.simple-footnotes{
+	font-size:14px;
+	margin:auto;
+	max-width:800px;
+}
+
+.author{
+	font-size:smaller;
+}
+
+