From 97965e4efecc9da58da69ae7f364f68d2a5fdb2b Mon Sep 17 00:00:00 2001
From: Saul Johnson <saul.a.johnson@gmail.com>
Date: Mon, 10 Aug 2020 23:37:01 +0100
Subject: [PATCH] Add donation CSS

---
 .gitignore              |  4 ++--
 src/less/main.less      | 49 +++++++++++++++++++++++++++++++++++++++++
 src/less/variables.less |  5 +++++
 3 files changed, 56 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index 85974a4..a33d44b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -62,7 +62,7 @@ phpunit.phar
 # Sensitive
 /config/config.yaml
 /templates/_analytics.html.twig
-/templated/_donations.html.twig
+/templates/_donations.html.twig
 
 # Compiled code
 /web/js/
@@ -72,4 +72,4 @@ phpunit.phar
 /db/*.dat
 
 # Keep files
-!.gitkeep
\ No newline at end of file
+!.gitkeep
diff --git a/src/less/main.less b/src/less/main.less
index af64d0f..7a571e7 100644
--- a/src/less/main.less
+++ b/src/less/main.less
@@ -170,3 +170,52 @@ input[type=text] {
   padding: 4px;
   font-size: 8pt;
 }
+
+// Modals.
+
+.modal-header {
+  background: #222222;
+  border-color: #333333;
+}
+
+.close span {
+  color: #cccccc;
+}
+
+.modal-title {
+  font-weight: normal;
+}
+
+.modal-body {
+  background: #222222;
+}
+
+.modal-body p {
+  line-height: 24px;
+}
+
+.modal-footer {
+  background: #222222;
+  border-color: #333333;
+}
+
+// Donation-related.
+
+code {
+  border: 1px solid @code-border;
+  border-radius: 5px;
+  background: @code-background;
+  text-shadow: none;
+  padding: 5px 10px 5px 10px;
+  color: @code-color;
+}
+
+.crypto-qr {
+  border-radius: 5px;
+}
+
+.crypto-icon {
+  cursor: pointer;
+  width: 24px;
+  margin: 4px;
+}
diff --git a/src/less/variables.less b/src/less/variables.less
index 543d28e..244a446 100644
--- a/src/less/variables.less
+++ b/src/less/variables.less
@@ -17,6 +17,11 @@
 @button-border: #555;
 @button-text: #fff;
 
+// Text colours.
+@code-border: #555;
+@code-color: #ff6347;
+@code-background: #111;
+
 // Input fields.
 @input-background: #222;
 @input-background-hover: #444;