/*
 * Copyright (C) 2014-2019 Aleksa Sarai <cyphar@cyphar.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/* fonts */
@import url(fonts.css);

/* highlight rules for code */
@import url(highlight.css);

/* global css rules */
body {
	font-family: Helvetica, sans-serif;
	color: #333333;
	background-color: #f9f9f9;
}

a:link, a:visited, a:active {
	color: #d64937;
	text-decoration: none;
}

a:hover {
	color: #3775d6;
	text-decoration: underline;
}

a:active {
	color: #3775d6;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.nodecoration {
	text-decoration: none;
}

code, pre {
	font-size: 12px !important;
}

code:not([class*="language-"]) {
	font-family: 'Droid Sans Mono', monospace;
	white-space: nowrap;

	margin: 0;
	padding: 0 2px 0 2px;

	background-color: #f3f3f3;
	border: 1px solid #ddd;
	border-radius: 3px;

	max-width: 100%;
	overflow: auto;
	display: inline-block;

	vertical-align: middle;
	line-height: 1.3;
}

b {
	font-weight: bold;
}

small, sup, sub {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	padding: 0.6em;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h3 > del {
	text-decoration: none;
	background-image: linear-gradient(transparent 13px, black 1px, black 16px,transparent 1px);
}

li.spacer {
	list-style: none;
	padding: 8px !important;
}

blockquote {
	border-left: 4px solid #d64937;
	padding: 10px;
	background-color: #d3d3d3;
	font-style: italic;
	color: #444444;
}

/* header title */
header.navbar {
	overflow: hidden;
	color: #f9f9f9;
	background-color: #333333;
}

header.navbar > h1 {
	font-family: 'Droid Sans Mono', monospace;
	font-size: 24px;
	font-weight: 400;
	float: left;
	padding: 10px 10px 10px 10px;
}

header.navbar > h1 > .path {
	color: #3775d6;
	font-weight: bold;
}

header.navbar > h1 > .cursor {
/*	// make cursor block
	height: 28px;
	background-color: #37d649;
*/
	font-weight: 900;
	color: #37d649;

	-webkit-animation: blink 1.5s steps(1, end) infinite;
	   -moz-animation: blink 1.5s steps(1, end) infinite;
	     -o-animation: blink 1.5s steps(1, end) infinite;
	        animation: blink 1.5s steps(1, end) infinite;
}

@-webkit-keyframes blink {
	0%  {opacity: 1}
	50% {opacity: 0}
}

@-moz-keyframes blink {
	0%  {opacity: 1}
	50% {opacity: 0}
}

@-o-keyframes blink {
	0%  {opacity: 1}
	50% {opacity: 0}
}

@keyframes blink {
	0%  {opacity: 1}
	50% {opacity: 0}
}

header.navbar > h1 > .prompt {
	color: #d64937;
}

/* header navbar */
header.navbar > nav {
	float: right;
}

header.navbar > nav > a {
	float: none;
	display: inline-block;
	background: inherit;
	list-style: none;
	padding: 15px 0 10px 0;
}

header.navbar > nav > a:hover {
	background: #1d1d1d;
}

header.navbar > nav > a:hover {
	color: #7d7d7d;
	text-decoration: none;
}

header.navbar > nav > a:active {
	color: #f9f9f9;
	text-decoration: none;
}

header.navbar > nav > a {
	font-family: 'Droid Sans Mono', monospace;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 8px 10px 8px;
	float: none;
}

/* body */
article.main {
	float: none;
	overflow: hidden;
	color: #333333;
	background-color: #f9f9f9;
	padding: 25px 5% 25px 5%;
}

article.main > h1 {
	padding: 0 0 4px 0;
}

article.main > p {
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 0;
	padding: 2px;
}

article.main > h1, article.main > h2,
article.main > h3, article.main > h4,
article.main > h5, article.main > h6 {
	font-family: 'Droid Sans Mono', monospace;
	font-weight: bolder;
}

article.main > h1 {font-size: 2em;	margin: 0.67em 0}
article.main > h2 {font-size: 1.5em;  margin: 0.75em 0}
article.main > h3 {font-size: 1.17em; margin: 0.83em 0}
article.main > h4 {font-size: 0.96em; margin: 1.24em 0}
article.main > h5 {font-size: 0.83em; margin: 1.50em 0}
article.main > h6 {font-size: 0.75em; margin: 1.67em 0}

article.main > ul,
article.main > ol {
	display: inline-block;
	padding: 0.5em 0 0.5em 1.3em;
}

article.main > ol > li {
	padding: 5px 0 5px 0;
}

article.main > ul > li {
	padding: 2px 0 2px 0;
}

article.main > ul {
	list-style-type: square;
}

article.main > ol {
	list-style-type: decimal;
}

article.main > dl {
	margin: 8px 0 50px 0;
}

article.main > dl > dt {
	font-family: 'Droid Sans Mono', monospace;
	font-size: 18px;
	font-weight: bold;
}

article.main > dl > dd {
	margin: 5px 0 8px 20px;
}

/* footer */
html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 85px;
}

footer.pagination {
	text-align: center;
}

footer.pagefooter {
	font-size: 14px;
	text-align: center;
	color: #555555;
	background-color: #dedede;
	padding: 15px 0 10px 0;

	position: absolute;
	left: 0;
	bottom: 0;
	height: 60px;
	width: 100%;
	overflow: hidden;
}

footer.pagefooter > p {
	margin: 10px 0 0 0;
}

img#profile-image {
	padding: 15px;
	float: left;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
	margin: 20px -100% auto 20px;
	display: none; /* hide this on mobile */
}

/* hacks to use the old style */
@media screen and (min-width: 1000px) {
	article.main {
		padding: 25px 25% 25px 25% !important;
	}

	img#profile-image {
		display: inline !important;
	}
}