Add donation CSS

.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
+!.gitkeep

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;
+}

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;