From 58807057fcd3df34b9747b9d71bf09fe98ecfec1 Mon Sep 17 00:00:00 2001
From: Manuel Friedli <manuel@fritteli.ch>
Date: Thu, 26 Mar 2015 17:54:11 +0100
Subject: [PATCH] use some friendly colors. i like yellow.

---
 dencoder.css | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/dencoder.css b/dencoder.css
index 8a8ab1d..32677a7 100644
--- a/dencoder.css
+++ b/dencoder.css
@@ -2,37 +2,45 @@ body {
 }
 
 div.wrapper {
+	background-color: #fc0;
+	border-color: #da0;
+	border-radius: 0.5em;
+	border-style: solid;
+	border-width: 1px;
 	margin-bottom: 0.5em;
 	margin-left: auto;
 	margin-right: auto;
+	padding: 0.5em;
 	width: 50%;
 }
 
 textarea.input {
-	background-color: #f8f8f8;
-	border-color: #f0f0f0;
 	border-radius: 0.5em;
+	border-style: solid;
 	border-width: 1px;
 	display: block;
 	font-family: sans-serif;
 	font-size: 80%;
 	height: 150px;
 	padding: 0.1em 0.3em;
-	width: 100%;
-}
-
-textarea.input:focus, textarea.input:hover { background-color: #fff;
-	border-color: #000;
+	resize: none;
+	width: -moz-available;
 }
 
 select.conversion {
-	background-color: #f8f8f8;
-	border-color: #f0f0f0;
 	border-radius: 0.2em;
+	border-style: solid;
 	border-width: 1px;
+	margin-top: 0.5em;
 }
 
+textarea.input, select.conversion {
+	background-color: #fdfbf0;
+	border-color: #fae8e7;
+}
+
+textarea.input:focus, textarea.input:hover,
 select.conversion:focus, select.conversion:hover {
 	background-color: #fff;
-	border-color: #000;
+	border-color: #fdfbf0;
 }