Homebrewserver.club website https://homebrewserver.club/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

418 lines
5.6 KiB

/*
2k18 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
*/
* {
box-sizing: border-box;
}
@font-face {
font-family:'OrkneyRegular';
src: url('../fonts/Orkney Regular.woff') format('truetype');
}
header {
width:100%;
}
#banner {
text-align: center;
font-size: calc(12px + 4vw);
padding-bottom: 0.5em;
padding-top: 1em;
}
#sitename {
color:#0074D9;
text-decoration:overline underline;
text-decoration-style:wavy;
text-decoration-color:rgba(255, 65, 54, 0.5)/*#FF4136;*/
}
pre {
font-family: monospace;
}
#menu {
list-style:none;
font-size:calc(7px + 1.5vw);
margin-top:1.2em;
font-weight:bold;
text-align:center;
text-transform:lowercase;
white-space: nowrap;
}
.dropdown {
position: relative;
display: inline-block;
color:#FF4136;
text-decoration:underline;
cursor: pointer;
}
.guides-index {
display: none;
position: absolute;
background-color: #9F9;
z-index: 1;
text-align:left;
box-sizing: initial;
padding-right:15%;
color:#0074D9;
}
.guides-index li{
font-size:calc(5px + 0.9vw);
font-weight:normal;
margin-top:10%;
}
.guides-index li>a:hover{
color:#333;
}
.dropdown:hover .guides-index {
display: block;
}
body {
line-height:1.6em;
color:#0074D9;
background-color:#f6f6f6;
font-family:'OrkneyRegular';
letter-spacing: 0.05em;
margin:0;
/*! padding: 1em; */
}
#index{
max-width:55%;
margin: auto;
color:#333;
}
a {
color:#FF4136;
}
#index{
/*! width:100%; */
padding-top:2em;
padding-bottom:1em;
}
#post-list {
padding-left:0px;
margin-top:0px;
}
h1{
font-size:2.5rem;
margin: 0;
padding: 0.5em;
padding-left: 0;
}
}
h2{
font-size:2rem;
padding: 1em;
margin: 0;
}
}
h3{
font-size:1.5rem;
text-decoration: underline;
padding: 1em;
margin: 0;
}
}
.summary p{
font-size:0.8rem;
text-align: left;
margin:0;
}
.hentry{
border-width: 1px;
border-color: #EAEAEA;
border-style: hidden hidden dashed hidden;
padding-top:2em;
padding-bottom:2em;
}
.entry-title{
font-size:3rem;
font-weight:bold;
line-height: 1.2em;
}
.entry-title span{
width:100%;
display:inline-block;
}
.toc{
font-size: 0.8em;
padding: 3em;
float: right;
line-height: 1.5em;
border: 1px solid;
margin: 1em;
}
.toc .toctitle {
font-size:1rem;
}
.toc ul{
/*list-style: none;*/
margin-top:0px;
}
.entry-content{
/*! margin:auto; */
padding-bottom:1em;
}
.entry-content pre{
font-size: 18px;
padding: 0.5em;
overflow: auto;
background-color: #EAEAEA;
line-height: 1.2em;
}
.codehilite {
max-width: 800px;
margin:1em auto;
}
code {
/*! font-size: 18px; */
padding: 0.5em;
background-color: #EAEAEA;
line-height: 1.2em;
}
.entry-content img{
max-height:100%;
max-width: 100%;
}
.entry-content ul{
line-height:1.5;
margin: auto;
max-width:800px;
}
.entry-content pre{
margin: auto;
}
.highlight{
margin: auto;
max-width:800px;
}
blockquote {
font-style:italic;
}
#content p{
line-height:1.6;
max-width:800px;
margin: 0 auto;
margin-bottom:1em;
}
#content .caption{
font-size:80%;
padding-top:0;
margin-top:0px;
}
#content p.img{
margin-bottom:0px;
}
.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;
}
.footnote{
font-size:14px;
margin:auto;
max-width:800px;
}
.author{
font-size:smaller;
}
.post-info {
line-height: 1em;
margin-top:1em;
}
table{
margin: 1em auto;
max-width: 800px;
font-size:0.9em;
width: 100%;
border-collapse: collapse;
text-align: left;
border: 1px solid #0074D9;
}
table td, table th {
border: 1px dashed #EAEAEA;
padding-left:1em;
padding-top:0.2em;
}
table thead tr {
border-bottom: 1px solid #0074D9;
background: #EAEAEA;
}
table tr:nth-child(even) {
background: #EAEAEA;
}
/* some good ol' theft from https://codepo8.github.io/css-fork-on-github-ribbon/ */
#forkongithub a {
background:#FF4136;
color:#fff;
text-decoration:none;
/*! font-family:arial,sans-serif; */
text-align:right;
font-weight:bold;
padding:5px 40px;
font-size:1rem;
line-height:2rem;
position:relative;
transition:0.5s;
font-size: 14px;
box-sizing:initial;
}
#forkongithub a:hover{
background:#0074D9;
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:210px;
position:absolute;
top:30px;
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);
}
}
@media screen and (max-width:620px) {
html {font-size:16px;}
#banner{
font-size: 1rem;
line-height: 1rem;
word-wrap: break-word;
}
#menu{font-size:1rem}
#index{
max-width:100%;
}
#content{
padding:1em;
}
ul {
padding:0em;
}
article {
padding:1em;
}
blockquote{margin:1em;}
code{
font-size:90%;
padding:0.3em;
}
h1 {
font-size:2rem;
line-height:1em;
}
.entry-content pre {
font-size: 90%;
padding: 0.3em;
}
.footnote {
word-wrap: break-word;
}
.footnote ol{
padding-left:1.5em;
}