some round corners, some gray background that turns white on focus and hover.

This commit is contained in:
Manuel Friedli 2015-03-26 17:19:03 +01:00
parent ac652b32a1
commit 79b5f985ff
2 changed files with 54 additions and 1 deletions

View file

@ -1,15 +1,38 @@
body { body {
} }
div.wrapper { div.wrapper {
margin-bottom: 0.5em; margin-bottom: 0.5em;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 50%; width: 50%;
} }
textarea.input { textarea.input {
background-color: #f8f8f8;
border-color: #f0f0f0;
border-radius: 0.5em;
border-width: 1px;
display: block; display: block;
font-family: sans-serif;
font-size: 80%;
height: 150px; height: 150px;
padding: 0.1em 0.3em;
width: 100%; width: 100%;
} }
input.conversion {
textarea.input:focus, textarea.input:hover { background-color: #fff;
border-color: #000;
}
select.conversion {
background-color: #f8f8f8;
border-color: #f0f0f0;
border-radius: 0.2em;
border-width: 1px;
}
select.conversion:focus, select.conversion:hover {
background-color: #fff;
border-color: #000;
} }

30
dencoder.css~ Normal file
View file

@ -0,0 +1,30 @@
body {
}
div.wrapper {
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
width: 50%;
}
textarea.input {
background-color: #f8f8f8;
border-color: #f0f0f0;
border-radius: 0.5em;
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;
}
input.conversion {
}