Layout.
1.1 --- a/client/client.css Wed Aug 17 01:19:20 2011 +0200
1.2 +++ b/client/client.css Fri Aug 19 03:21:12 2011 +0200
1.3 @@ -1,6 +1,6 @@
1.4 body
1.5 {
1.6 - background-color: black;
1.7 + background-color: gray;
1.8 color: white;
1.9 font-family: monospace;
1.10 border-style: none;
1.11 @@ -9,17 +9,51 @@
1.12
1.13 view-area
1.14 {
1.15 - width: 100%;
1.16 - background-color: gray;
1.17 + position: absolute;
1.18 + width: 100%;
1.19 + height: 100%;
1.20 + background-color: #0a0a0a;
1.21 +}
1.22 +
1.23 +view-area li
1.24 +{
1.25 + list-style-type: square;
1.26 +}
1.27 +
1.28 +view-area h2
1.29 +{
1.30 +
1.31 +}
1.32 +
1.33 +view-area p
1.34 +{
1.35 + color: #d0d0d0;
1.36 +}
1.37 +
1.38 +view-area view-left
1.39 +{
1.40 + position: absolute;
1.41 + right: 52%;
1.42 + text-align: justify;
1.43 + color: orange;
1.44 +}
1.45 +
1.46 +view-area view-right
1.47 +{
1.48 + position: absolute;
1.49 + left: 52%;
1.50 + text-align: justify;
1.51 + color: orange;
1.52 }
1.53
1.54 command-area input
1.55 {
1.56 - position: fixed;
1.57 + position: absolute;
1.58 width: 100%;
1.59 + height: 2em;
1.60 border-style: none;
1.61 - background-color: blue;
1.62 - color: white;
1.63 + background-color: #060606;
1.64 + color: #00bb00;
1.65 font-family: monospace;
1.66 bottom: 0px;
1.67 outline: none;
2.1 --- a/client/machine.html Wed Aug 17 01:19:20 2011 +0200
2.2 +++ b/client/machine.html Fri Aug 19 03:21:12 2011 +0200
2.3 @@ -7,7 +7,20 @@
2.4 </head>
2.5 <body>
2.6 <view-area>
2.7 - View
2.8 + <view-left>
2.9 + <h2>Machine</h2>
2.10 + <p>Welcome to Machine.</p>
2.11 + </view-left>
2.12 + <view-right>
2.13 + <h2>Memory</h2>
2.14 + <p>Things you remember.</p>
2.15 + <p>
2.16 + <ul>
2.17 + <li>Time</li>
2.18 + <li>Space</li>
2.19 + </ul>
2.20 + </p>
2.21 + </view-right>
2.22 </view-area>
2.23 <command-area>
2.24 <form name="com-form" onsubmit="return command()">