fine tuning css

This commit is contained in:
gorhill 2015-02-14 08:13:04 -05:00
parent 2642d5aa92
commit 5ab90edc02
1 changed files with 11 additions and 13 deletions

View File

@ -14,15 +14,16 @@ html, body {
ul, li, div { ul, li, div {
display: block; display: block;
} }
ul {
margin: 0.25em 0 0 0;
}
button { button {
margin: 0 0 0 2px;
border: 1px solid #aaa; border: 1px solid #aaa;
margin-left: 3px; padding: 4px 6px;
padding: 6px 8px 4px 8px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: none; box-shadow: none;
border-radius: 3px; border-radius: 3px;
display: inline;
line-height: 1;
color: #444; color: #444;
background-color: #ccc; background-color: #ccc;
cursor: pointer; cursor: pointer;
@ -38,6 +39,7 @@ button:disabled {
background-color: #ffdca8; background-color: #ffdca8;
} }
section { section {
border: 1px solid #ccc;
box-sizing: border-box; box-sizing: border-box;
display: inline-block; display: inline-block;
height: 8em; height: 8em;
@ -46,21 +48,21 @@ section {
} }
textarea { textarea {
background-color: #fff; background-color: #fff;
border: 1px solid #ccc; border: 0;
box-sizing: border-box; box-sizing: border-box;
font: 11px monospace; font: 11px monospace;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
padding: 2px; padding: 0;
resize: none; resize: none;
width: 100%; width: 100%;
} }
div { div {
bottom: 2px; bottom: 1px;
direction: ltr; direction: ltr;
opacity: 0.2; opacity: 0.2;
position: absolute; position: absolute;
right: 2px; right: 1px;
} }
div:hover { div:hover {
opacity: 1; opacity: 1;
@ -141,11 +143,7 @@ body.paused > aside:hover {
<aside> <aside>
<section> <section>
<textarea lang="en" dir="ltr" spellcheck="false"></textarea> <textarea lang="en" dir="ltr" spellcheck="false"></textarea>
<div> <div><button id="create" type="button" disabled="disabled">{{create}}</button><button id="pick" type="button">{{pick}}</button><button id="quit" type="button">{{quit}}</button></div>
<button id="create" type="button" disabled="disabled">{{create}}</button>
<button id="pick" type="button">{{pick}}</button>
<button id="quit" type="button">{{quit}}</button>
</div>
</section> </section>
<ul> <ul>
<li id="netFilters"> <li id="netFilters">