Ignore:
Timestamp:
May 23, 2011, 5:58:47 PM (13 years ago)
Author:
dennisw
Message:

Some design fixes.

Location:
src/django_gheat/website
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • src/django_gheat/website/static/style.css

    r9211 r9212  
    4242#menu{
    4343  width:100%-10px;
     44  height:20px;
    4445  background-color:#BA0000;
    4546  padding-left:5px;
    … …  
    6162  padding:5px;
    6263}
     64
     65#filters_text{
     66  height:100%;
     67  width:570px;
     68  overflow:hidden;
     69  float:left;
     70}
     71
     72#filters_list{
     73  padding:5px;
     74  width:200px;
     75  border-left: 1px solid #BA0000;
     76  float:right;
     77  margin-bottom:5px;
     78}
    6379       
    6480h1{
    6581  color:#C20000;
    66   //text-align:right;
    67   margin-right:15px;
    68   border-bottom:1px solid #C20000;
    6982}
    7083
    7184A:link{
    72   color:#000;
     85  color:#FFF;
    7386}
    7487
    7588A:visited{
    76   color:#E3E3E3;
     89  color:#FFF;
    7790}
    7891
    7992A:active{
    80   color:#E3E3E3;
     93  color:#FFF;
    8194}
    8295
    8396A:hover{
    84   color:#B8B8B8;
     97  color:#DDD;
    8598}

  • src/django_gheat/website/templates/home.html

    r9211 r9212  
    3636    </div>
    3737    <div id="menu">
    38       <font onclick="toggleDiv('info')">Info</font>
    39       <font style="padding-left:15px;" onclick="toggleDiv('filters')">Filters</font>
     38      <a href="javascript:toggleDiv('info')">Info</a>
     39      <a href="javascript:toggleDiv('filters')" style="padding-left:15px;">Filters</a>
    4040    </div>
    4141    <div id="info">
    … …  
    4343    </div>
    4444    <div id="filters">
     45      <div id="filters_text">
     46      <h1>Filters</h1>
     47      <p>Create your custom layer by choosing the desired filter options on the right and adding it the layer to the list.</p>
     48      <p>For instance, you can choose to create a layer with data measured only by yourself, or with a certain node from Wireless Leiden only.</p>
     49      </div>
     50      <div id="filters_list">
    4551      <form method="get" action="">
    4652      <table border="0">
    … …  
    4854          <td>User</td>
    4955          <td><input type="text" id="user" name="user" size="10"/></td>
     56        </tr>
     57        <tr>
     58          <td>Set</td>
     59          <td><input type="text" id="dataset" name="dataset" size="10"/></td>
     60        </tr>
     61        <tr>
     62          <td>Date</td>
     63          <td><input type="text" id="date" name="date" size="10"/></td>
     64        </tr>
     65        <tr>
    5066          <td>WL Node</td>
    5167          <td><input type="text" id="wlnode" name="wlnode" size="10"/></td>
    52           <td>Date</td>
    53           <td><input type="text" id="date" name="date" size="10"/></td>
     68        </tr>
     69        <tr>
     70          <td>Encrypted</td>
     71          <td><input type="checkbox" id="enc" name="enc"/></td>
     72        </tr>
     73        <tr>
     74          <td>Layer colour</td>
     75          <td><input type="text" id="colour" name="colour" size="10"/></td>
     76        </tr>
     77        <tr>
    5478          <td>Layer name</td>
    5579          <td><input type="text" id="lname" name="lname" size="10"/></td>
    5680        </tr>
    5781        <tr>
    58           <td>Set</td>
    59           <td><input type="text" id="dataset" name="dataset" size="10"/></td>
    60           <td>Encrypted</td>
    61           <td><input type="checkbox" id="enc" name="enc"/></td>
    62           <td>Colour</td>
    63           <td><input type="text" id="colour" name="colour" size="10"/></td>
    6482          <td></td>
    6583          <td><input type="button" value="Add filter" onClick="filters()"/></td>
    … …  
    6785      </table>
    6886      </form>
     87      </div>
    6988    </div>
    7089  </div>
Note: See TracChangeset for help on using the changeset viewer.