centered, and made input text bigger

This commit is contained in:
Richard Harrington 2013-08-24 00:51:02 -04:00
parent c79673b405
commit e05873121a
2 changed files with 19 additions and 11 deletions

View File

@ -6,7 +6,7 @@ body {
font-family: "Data 70";
background-color: #000;
}
h1, h2, h3, p, form {
h1, h2, h3, p, label {
margin: 0;
color: #3ef74e;
}
@ -16,9 +16,14 @@ h1 {
p {
font-size: 18px;
}
form {
label {
display: block;
font-size: 15px;
}
.centerer {
margin: auto;
width: 650px;
}
#canvas {
width: 600px;
height: 600px;
@ -28,13 +33,14 @@ form {
}
#programsInput {
display: block;
width: 500px;
margin-top: 5px;
margin-bottom: 15px;
margin-left: 5px;
margin-left: 0;
background-color: #000;
color: #3ef74e;
font-family: "Data 70";
font-size: 18px;
font-size: 25px;
border: 0;
}

View File

@ -8,13 +8,15 @@
<script type="text/javascript" src="js/lib/Queue.js"></script>
</head>
<body>
<h1>Robotwar</h1>
<p>Welcome to the future. It is the year 2002. Wars still rage, but they are only fought by robots.</p>
<form>
<label>Type in the names of the robots you want to pit against each other, then press return:</label>
<input id="programsInput" type="text" autofocus></input>
</form>
<canvas id="canvas" width="600" height="600"></canvas>
<div class="centerer">
<h1>Robotwar</h1>
<p>Welcome to the future. It is the year 2002. Wars still rage, but they are only fought by robots.</p>
<form>
<label>Type in the names of the robots you want to pit against each other, then press return:</label>
<input id="programsInput" type="text" autofocus></input>
</form>
<canvas id="canvas" width="600" height="600"></canvas>
</div>
<audio id="shotSound1" preload="auto">
<source src="audio/trprsht1.ogg" type="audio/ogg">
<source src="audio/trprsht1.mp3" type="audio/mp3">