use some friendly colors. i like yellow.

This commit is contained in:
Manuel Friedli 2015-03-26 17:54:11 +01:00
parent 79b5f985ff
commit 58807057fc
1 changed files with 18 additions and 10 deletions

View File

@ -2,37 +2,45 @@ body {
} }
div.wrapper { div.wrapper {
background-color: #fc0;
border-color: #da0;
border-radius: 0.5em;
border-style: solid;
border-width: 1px;
margin-bottom: 0.5em; margin-bottom: 0.5em;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding: 0.5em;
width: 50%; width: 50%;
} }
textarea.input { textarea.input {
background-color: #f8f8f8;
border-color: #f0f0f0;
border-radius: 0.5em; border-radius: 0.5em;
border-style: solid;
border-width: 1px; border-width: 1px;
display: block; display: block;
font-family: sans-serif; font-family: sans-serif;
font-size: 80%; font-size: 80%;
height: 150px; height: 150px;
padding: 0.1em 0.3em; padding: 0.1em 0.3em;
width: 100%; resize: none;
} width: -moz-available;
textarea.input:focus, textarea.input:hover { background-color: #fff;
border-color: #000;
} }
select.conversion { select.conversion {
background-color: #f8f8f8;
border-color: #f0f0f0;
border-radius: 0.2em; border-radius: 0.2em;
border-style: solid;
border-width: 1px; 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 { select.conversion:focus, select.conversion:hover {
background-color: #fff; background-color: #fff;
border-color: #000; border-color: #fdfbf0;
} }