hbsc_site/pelican/themes/homebrewserver.club/static/css/main.css

/* 
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:'Terminus';
	src: url('../fonts/TerminusTTF-4.40.1.ttf') format('truetype');
}

@font-face{
	font-family:'UNSCII';
	src: url("../fonts/unscii-8.ttf") format('truetype');
}



header {
	width:100%;
}

#banner {
	line-height: 1em;
	font-size: calc(0.7vh + 0.7vw + 0.25vmin);		
	text-align:center;
		
}
pre {
	font-family: 'Terminus';
}
#menu{
	font-size:40px;
	font-weight:bold;
	margin-top: 1em;
	text-align:center;
}

body {
	line-height:1.5em;
	font-size: 24px;
	color:#6363ff;
	background-color:#fdfdfd;
	max-width:80%;
	min-width:650px;
	margin: 40px auto;
	font-family:'Terminus';
}

a {
	color:#fe4a49;
}


#index{
        width:100%;

}

#post-list {
	padding-left:0px;
	margin-top:0px;
}

ul {
	padding-left:0px;
}

.hentry{
        margin-top:2em;
	border-width: 1px;
	border-color: #444;
	border-style: hidden hidden dashed hidden;
}

.entry-title{
        font-size:36px;
        font-weight:bold;
	margin-top:2em;
}

.entry-title span{
        width:100%;
        display:inline-block;
}

.entry-content{
        margin:auto;
        padding-bottom:1em;
}

.entry-content pre{
    font-size:20px;
    padding-left:1em;
    overflow: auto;
    background-color: #F8F8F8;
    line-height:1.2em;
}

.entry-content img{
        max-height:100%;
}

.entry-content ul {
	font-size:20px;
	line-height:1.5;
	margin: auto;
	max-width:800px;
}

.highlight{
	margin: auto;
	max-width:800px;
}

blockquote {
	font-style:italic;
}

#content{
        margin:auto;
}

#content p{
       font-size:20px;
       line-height:1.5;
	max-width:800px;
	margin: 0 auto;
	margin-bottom:1em;
}

#content p img{

}

.divider {
	font-size:12px;
	width:100%;
	line-height:1em;
	background-color:white;
}

.published{
        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;
}

.post-info {
    line-height: 1em;
}

/* some good ol' theft from https://codepo8.github.io/css-fork-on-github-ribbon/ */
#forkongithub a {
	background:#fe4a49;
	color:#fff;
	text-decoration:none;
	font-family:arial,sans-serif;
	text-align:center;
	font-weight:bold;
	padding:5px 40px;
	font-size:1rem;
	line-height:2rem;
	position:relative;
	transition:0.5s;}

#forkongithub a:hover{
	background:#6363ff;
	color:#fff;}

#forkongithub a::before,#forkongithub a::after{
	content:"";
	width:100%;
	display:block;
	position:absolute;
	top:1px;
	left:0;
	height:1px;
	background:#fff;
}
#forkongithub a::after{
	bottom:1px;
	top:auto;
}

@media screen and (min-width:800px){
	#forkongithub{
		position:fixed;
		display:block;
		top:0;
		right:0;
		width:200px;
		overflow:hidden;
		height:200px;
		z-index:9999;
	}
#forkongithub a{
	width:200px;
	position:absolute;
	top:60px;
	right:-60px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	box-shadow:4px 4px 10px rgba(0,0,0,0.8);
	}
}