|
|
Line 417: |
Line 417: |
| | | |
| <!--==========================Calendar Accordian================--> | | <!--==========================Calendar Accordian================--> |
| + | <br> |
| + | <br> |
| + | <br> |
| + | <h1>Click on a month, and then a day to view the journal items for that day on the right. </h1> |
| | | |
| <article class="accordion" style="margin-top:90px; margin-left:5px; position:absolute"> | | <article class="accordion" style="margin-top:90px; margin-left:5px; position:absolute"> |
Line 715: |
Line 719: |
| <h2><a href="#acc5">September 2012</a></h2> | | <h2><a href="#acc5">September 2012</a></h2> |
| <p>Click on a highlighted day to view the notebook items for that day.</p> | | <p>Click on a highlighted day to view the notebook items for that day.</p> |
| + | <div id="calendar" style="margin-left:50px;"> |
| + | <ul id="days"> |
| + | <li> |
| + | <span title="Sunday">SU</span> <span class="sep">|</span> |
| + | <span title="Monday">MO</span> <span class="sep">|</span> |
| + | <span title="Tuesday">TU</span> <span class="sep">|</span> |
| + | <span title="Wednesday">WE</span> <span class="sep">|</span> |
| + | <span title="Thursday">TH</span> <span class="sep">|</span> |
| + | <span title="Friday">FR</span> <span class="sep">|</span> |
| + | <span title="Saturday">SA</span> |
| + | </li> |
| + | </ul> |
| + | <!-- On links Below: NU = Not Used; NA = Not Active; AL = Active Link --> |
| + | <ul class="weeks"> |
| + | <li> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">01</a> |
| + | </li> |
| + | </ul> |
| + | <ul class="weeks"> |
| + | <li> |
| + | <a class="al" href="#september2" title="Active Date Link">02</a> <span class="sep">|</span> |
| + | <a class="al" href="#september3" title="Active Date Link">03</a> <span class="sep">|</span> |
| + | <a class="al" href="#september4" title="Active Date Link">04</a> <span class="sep">|</span> |
| + | <a class="al" href="#september5" title="Active Date Link">05</a> <span class="sep">|</span> |
| + | <a class="al" href="#september6" title="Active Date Link">06</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">07</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">08</a> |
| + | </li> |
| + | </ul> |
| + | <ul class="weeks"> |
| + | <li> |
| + | <a class="na" href="#" title="">09</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">10</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">11</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">12</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">13</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">14</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">15</a> </li> |
| + | </ul> |
| + | <ul class="weeks"> |
| + | <li> |
| + | <a class="na" href="#" title="">16</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">17</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">18</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">19</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">20</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">21</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">22</a> </li> |
| + | </li> |
| + | </ul> |
| + | <ul class="weeks"> |
| + | <li> |
| + | <a class="na" href="#" title="">23</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">24</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">24</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">26</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">27</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">28</a> <span class="sep">|</span> |
| + | <a class="na" href="#" title="">29</a> <span class="sep">|</span> |
| + | </li> |
| + | </ul> |
| + | <ul class="weeks"> |
| + | <li> |
| + | <a class="na" href="#" title="">30</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | <a class="nu" href="#" title="">--</a> <span class="sep">|</span> |
| + | </li> |
| + | </div> |
| </section> | | </section> |
| + | |
| </article> | | </article> |
| | | |