style.css

/*
Theme Name:   Twenty Eleven Skyfaller
Theme URI:    https://git.sr.ht/~skyfaller/twentyeleven-skyfaller
Description:  Child theme of Twenty Eleven for Skyfaller.space
Author:       Nelson Chu Pavlosky
Author URI:   https://www.skyfaller.space/
Template:     twentyeleven
Version:      0.0.2
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/* The import rule must come first */
@import url("../twentyeleven/style.css");

/*
Using select styles from Google web fonts, downloaded using:
https://github.com/majodev/google-webfonts-helper/
*/
@font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 500;
	src: local(''),
		url('./fonts/orbitron-v16-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('./fonts/orbitron-v16-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body,
input,
textarea {
	font-weight: normal;
}

/* Header */
#site-title {
	padding-top: 3.5em;
}
#site-title a {
	font-family: Orbitron,"DejaVu Sans","Bitstream Vera Sans",Geneva,Verdana,sans-serif;
	font-size: 2.6em;
	font-weight: 500;
	text-shadow: 2px 2px 2px LightSteelBlue;
}

#site-description {
	font-size: 1.2em;
	margin: 1.3vmin 0 2.5vmin;
}

#branding #searchform {
	top: 3.7em;
}

/* Content */
#main {
	padding-top: 2vmin;
}
#secondary {
	padding-top: 1vmin;
}

#nav-above {
	padding: 1vmin 0 1vmin !important;
}

/* Singular content styles for Posts and Pages */
.singular.page #main {
	padding-top: 0;
}

.singular .entry-title {
	line-height: 1.33;
	padding-top: 0;
}
/* keep edit button aligned with headline */
.singular .entry-meta .edit-link a {
	top: 65px;
}
@media (max-width: 800px) {
	.singular .entry-meta .edit-link a {
		top: 27px;
	}
}

.singular .hentry {
	padding: 0;
}
.singular.page .hentry {
	padding: 3.2em 0 0;
}

blockquote.pull {
	font-size: 1.1em;
}
blockquote cite {
	top: -1em;
}
blockquote cite::before {
	content: "— ";
}

/* fix misaligned buttons on comment form */
#respond label {
	top: unset !important;
}

@media (max-width: 650px) {
	#site-title {
		padding-top: 4.5em;
	}
	#branding #searchform {
		top: 1.5em !important;
	}
	blockquote:not(.format-quote *) {
		margin: 0 3vmin 2vmin 3vmin !important;
		width: unset !important;
	}
	.format-quote blockquote {
		font-size: 15px;
	}
}