Improved CSS: Rounded edges, nicer links

This commit is contained in:
rxi 2014-04-12 10:29:06 +01:00
parent ea1f15762c
commit 2638fa219a

View File

@ -49,12 +49,6 @@ end
form { form {
margin-bottom: 0px; margin-bottom: 0px;
} }
a {
color: #000000;
}
a:hover {
text-decoration: none;
}
.timestamp { .timestamp {
color: #909090; color: #909090;
} }
@ -62,6 +56,7 @@ end
margin: 12px; margin: 12px;
background: #F0F0F0; background: #F0F0F0;
border: 1px solid #E0E0E0; border: 1px solid #E0E0E0;
border-radius: 3px;
} }
#header { #header {
background: #101010; background: #101010;
@ -88,6 +83,20 @@ end
font-size: 14px; font-size: 14px;
padding-top: 4px; padding-top: 4px;
} }
#main a {
color: #000000;
text-decoration: none;
background: #E0E0E0;
border: 1px solid #D0D0D0;
border-radius: 3px;
padding-left: 2px;
padding-right: 2px;
display: inline-block;
}
#main a:hover {
background: #D0D0D0;
border: 1px solid #C0C0C0;
}
#console { #console {
position: absolute; position: absolute;
top: 40px; bottom: 0px; left: 0px; right: 312px; top: 40px; bottom: 0px; left: 0px; right: 312px;
@ -126,16 +135,18 @@ end
</div> </div>
<div id="status">connected &#9679;</div> <div id="status">connected &#9679;</div>
</div> </div>
<div id="console" class="greybordered"> <div id="main">
<div id="output"> <?lua echo(lovebird.buffer) ?> </div> <div id="console" class="greybordered">
<div id="input"> <div id="output"> <?lua echo(lovebird.buffer) ?> </div>
<form method="post"> <div id="input">
<input id="inputbox" name="input" type="text"></input> <form method="post">
</form> <input id="inputbox" name="input" type="text"></input>
</form>
</div>
</div>
<div id="env" class="greybordered">
</div> </div>
</div>
<div id="env" class="greybordered">
</div> </div>
<script> <script>
document.getElementById("inputbox").focus(); document.getElementById("inputbox").focus();
@ -219,7 +230,6 @@ lovebird.pages["tree"] = [[
<?lua local acc = "" ?> <?lua local acc = "" ?>
<?lua for x in p:gmatch("[^%.]+") do ?> <?lua for x in p:gmatch("[^%.]+") do ?>
<?lua acc = acc .. "." .. x ?> <?lua acc = acc .. "." .. x ?>
.
<a href="#" onclick="onTreeLink('<?lua echo(acc)?>')"> <a href="#" onclick="onTreeLink('<?lua echo(acc)?>')">
<?lua echo(x) ?> <?lua echo(x) ?>
</a> </a>