Layout.
authorEugen Sawin <sawine@me73.com>
Fri, 19 Aug 2011 03:21:12 +0200
changeset 1cd4dfa7418ef
parent 0 db2e8b9145a6
child 2 50a5b0e15092
Layout.
client/client.css
client/machine.html
     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()">