diff themes/default/static/style.css @ 81:1ffe2f5a8500

pasterd: use HTML files to allow themes
author David Demelier <markand@malikania.fr>
date Fri, 17 Mar 2023 07:56:01 +0100
parents themes/default/style.css@fe78b16c694d
children a55c0d7ff8fa
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/themes/default/static/style.css	Fri Mar 17 07:56:01 2023 +0100
@@ -0,0 +1,132 @@
+@font-face {
+	font-family: titilliumweb;
+	src: url(/static/titilliumweb.ttf);
+}
+
+@font-face {
+	font-family: sourcecodepro;
+	src: url(/static/sourcecodepro.ttf);
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	font-family: titilliumweb;
+	color: #212121;
+}
+
+:root {
+	--main-color1: #254E70;
+	--main-color2: #37718E;
+	--main-color3: #8EE3EF;
+	--main-color4: #AEF3E7;
+	--main-color5: #C33C54;
+}
+
+a {
+	color: var(--main-color1);
+}
+
+a:hover {
+	color: var(--main-color2);
+}
+
+pre, code {
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	background-color: gainsboro;
+	border-radius: 4px;
+	font-family: sourcecodepro;
+	letter-spacing: 0;
+	padding: 0.15em 0.25em 0.15em 0.25em;
+	color: #000000;
+}
+
+pre {
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	border-left: 4px solid var(--main-color1);
+	box-shadow: #d9d9d9 0px 1px 4px;
+}
+
+#nav-links {
+	background-color: var(--main-color1);
+	list-style-type: none;
+	display: flex;
+}
+
+#nav .nav-link-brand {
+	font-weight: bold;
+}
+
+#nav a {
+	text-decoration: none;
+	color: #ffffff;
+	font-size: large;
+	display: block;
+	padding: 1em;
+}
+
+#nav a:hover {
+	background-color: var(--main-color2);
+}
+
+#container {
+	max-width: 768px;
+	margin: 0 auto;
+	margin-top: 1em;
+	padding: 1em;
+}
+
+/*
+ * Style for items on /paste.
+ */
+
+#paste-menu {
+	list-style-type: none;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+}
+
+#paste-menu li {
+	display: inline-block;
+	background-color: var(--main-color2);
+	border-radius: 2px;
+}
+
+#paste-menu a {
+	color: #ffffff;
+	text-decoration: none;
+	padding: 0.5em;
+}
+
+#code {
+	max-width: 768px;
+	width: 100%;
+}
+
+.submit {
+	background-color: var(--main-color2);
+	color: #ffffff;
+	border: 0;
+	border-radius: 2px;
+	padding: 0.5em;
+	margin-top: 1em;
+	font-size: medium;
+}
+
+/*
+ * Other generic stuff.
+ */
+
+.label {
+	font-weight: bold;
+}
+
+td, th {
+	padding: 0.2em;
+}
+
+pre {
+	white-space: pre-line;
+}