Enhance demo.css

This commit is contained in:
Steven 2018-03-25 20:28:22 -04:00
parent 4dbb434628
commit 5618acf9cd

View File

@ -1,13 +1,15 @@
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: Helvetica, Arial, Verdana, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #DDF; color: #333;
background-color: #fbfbfb;
height: 100%; height: 100%;
} }
textarea { textarea {
font-family: monospace; font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 12px;
} }
#header { #header {
@ -17,21 +19,8 @@ textarea {
color: #002; color: #002;
} }
#header h1 { #header > h1 {
font-size: 2em; margin-top: 0;
}
#header * {
margin: 0;
padding: 0;
line-height: 1em;
font-weight: 100;
}
#header a {
color: #005;
position: relative;
z-index: 20;
} }
#bothContainers { #bothContainers {
@ -85,19 +74,14 @@ textarea {
#outputType { #outputType {
display: block; display: block;
margin-left: auto; margin-left: auto;
font-weight: 900;
font-family: Arial, Verdana, sans-serif;
background-color: #dacccc;
color: #444;
border: 1px solid #999;
} }
.pane { .pane {
margin: 1.6em 0em 0.2em; margin: 1.6em 0em 0.2em;
padding: 0.6em; padding: 0.6em;
background-color: #eee;
display: block; display: block;
border: 1px solid #000; border: 1px solid #ccc;
border-radius: 2px;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;