From a541961385a9fcea31b759af7ec1f53d59005c96 Mon Sep 17 00:00:00 2001
From: alifeee <alifeeerenn@hotmail.com>
Date: Mon, 15 Jan 2024 00:05:58 +0000
Subject: [PATCH] style lipu page

---
 public/stylesheet-lipu.css | 133 +++++++++++++++++++++++++++++++++++++
 1 file changed, 133 insertions(+)
 create mode 100644 public/stylesheet-lipu.css

diff --git a/public/stylesheet-lipu.css b/public/stylesheet-lipu.css
new file mode 100644
index 0000000..9aa9b60
--- /dev/null
+++ b/public/stylesheet-lipu.css
@@ -0,0 +1,133 @@
+h2 {
+  font-size: 3rem;
+  text-align: center;
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.main {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.pdfs {
+  margin-bottom: 2rem;
+}
+.pdfs ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.pdfs li {
+  box-sizing: content-box;
+  margin: 1rem;
+  display: flex;
+  justify-content: center;
+}
+.pdfs li a {
+  flex: 1 0;
+  border: 3px solid var(--logo-secondary-dark);
+  background-color: var(--logo-primary-dark);
+  padding: 1rem;
+  border-radius: 1.5rem;
+  color: var(--logo-secondary);
+  text-decoration: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.pdfs .icon {
+  height: 1.5rem;
+  width: auto;
+  margin-right: 0.5rem;
+}
+
+.embed {
+  max-width: 100vw;
+  display: flex;
+  flex-direction: column;
+}
+.embed embed {
+  max-width: 95vw;
+}
+.embed a {
+  margin: 1rem;
+}
+
+.nasin-pali {
+  max-width: 40rem;
+  margin: 1rem;
+}
+
+.nasin-pali h3 {
+  font-size: 2rem;
+}
+
+.toki h3 {
+  font-size: 2rem;
+}
+.sitelen-pona {
+  font-family: "sitelen seli kiwen", sans-serif;
+}
+.toki ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.article {
+  margin: 1rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  color: var(--text-colour);
+}
+.article .nimi-suli {
+  font-size: 1rem;
+  text-decoration: underline;
+  text-align: center;
+}
+.article .meta {
+  margin-top: 0.25rem;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+}
+.article .meta > * {
+  margin: 0 0.5rem;
+}
+.article .jan-pali,
+.article .tenpo,
+.article .lipu {
+  color: var(--text-subtle);
+}
+
+.prevnext {
+  margin: 3rem 1rem 3rem;
+  width: 100%;
+}
+.prevnext ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+}
+.prevnext a {
+  padding: 1rem 2rem;
+  background-color: var(--logo-primary-dark);
+  border-radius: 1rem;
+  text-decoration: none;
+  color: var(--logo-secondary);
+}
+.prevnext .disabled {
+  color: var(--text-subtle);
+}