From 6a416f40879349c5ac0bc71aba7b8beaa5216cd9 Mon Sep 17 00:00:00 2001
From: Douglas Gardner <douglas@chippy.ch>
Date: Mon, 15 Apr 2013 05:17:55 +0000
Subject: [PATCH] Give random image page an imgur colour scheme

* Sorted and formatted CSS
* Pushed "Loading..." callout to left
* Gave callout a curved edge
* Coloured the background black
* Coloured the callout text green
* Coloured the callout background grey
* Changed callout font to sans-serif
* Increased callout padding
---
 public/imgurr.css | 41 ++++++++++++++++++++++++++++-------------
 1 file changed, 28 insertions(+), 13 deletions(-)

diff --git a/public/imgurr.css b/public/imgurr.css
index 5f169a5..58b668d 100644
--- a/public/imgurr.css
+++ b/public/imgurr.css
@@ -1,15 +1,30 @@
-html, body { margin: 0; padding: 0; height: 100%; }
-#container, #image {
-  margin: 0; padding: 0;
-  max-height: 100%;
+#container {
+  text-align:center;
 }
-#container { text-align: center; }
-#loading { 
-  background: rgba(255, 0, 0, 0.8); 
-  display: none; 
-  position: absolute;
-  top: 50px;
-  left: 30px;
-  padding: 10px;
-  color: #EFEFEF;
+
+#container,#image {
+  margin:0;
+  max-height:100%;
+  padding:0;
+}
+
+#loading {
+  background:rgba(43,43,43,0.8);
+  border-bottom-right-radius:5px;
+  border-top-right-radius:5px;
+  color:#85bf25;
+  display:none;
+  font-family:sans-serif;
+  font-weight:700;
+  left:0;
+  padding:20px;
+  position:absolute;
+  top:50px;
+}
+
+html,body {
+  background-color:#121211;
+  height:100%;
+  margin:0;
+  padding:0;
 }