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