Add startpage

startpage/styles/styles.css

@@ -0,0 +1,96 @@
+/*
+ * startpage.css
+ * Copyright (C) 2018 salt
+ *
+ * Distributed under terms of the MIT license.
+ */
+
+/* Globals */
+
+.content {
+	padding: inherit;
+}
+
+/* Specifics */
+
+.container {
+	display: block;
+}
+
+.startpage-wrapper {
+	padding: 0 0 2em 0;
+}
+
+.search-wrapper {
+	display: flex;
+	flex-flow: row wrap;
+	max-width: 640px;
+	margin: auto;
+	padding: 2em 0;
+	position: relative;
+}
+
+.search-form {
+	flex-grow: 1;
+	padding: 0 1em;
+}
+
+.search-input {
+	background: var(--background-dark);
+	border: none;
+	border-bottom: 1px solid var(--link);
+	color: var(--text-color);
+	font-size: 16px;
+	font-family: var(--font);
+	padding: 0.25em;
+	transition: .08s ease-in;
+	width: 100%;
+}
+.search-input:hover,
+.search-input:focus {
+	border-bottom: 1px solid var(--link-hover);
+}
+
+.section-wrapper-header {
+	font-size: 70%;
+	letter-spacing: 1em;
+	margin: auto;
+	padding-top: 2em 0 1em 0;
+	text-align: center;
+	text-transform: uppercase;
+}
+
+.section-wrapper {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	margin: auto;
+}
+
+.section {
+	break-inside: avoid;
+	min-width: 10em;
+	max-width: 20em;
+	padding: 1em 0 1em 0;
+}
+
+.section-header {
+	column-span: all;
+	margin: 0 0 0.25em 0;
+	text-transform: uppercase;
+}
+
+.section-links {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	line-height: 1.3;
+}
+.section-links a {
+	color: var(--link);
+	text-decoration: none;
+	transition: .08s ease-in;
+}
+.section-links a:hover {
+	color: var(--link-hover);
+}