|
|
| (35 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <style> | | <style> |
| - | .cal {
| + | #notebooknav { |
| - | width: 200px; | + | position: fixed; |
| - | float: left; | + | left: 20px; |
| | + | top: 20px; |
| | + | height: 350px; |
| | + | width: 100px; |
| | + | background: #FFFFFF; |
| | + | border-radius: 7px; |
| | + | border: 1px solid #C9C9C9; |
| | } | | } |
| | | | |
| - | #calheading { | + | #notebooknav h5 { |
| - | margin-left: 0px; | + | margin: 0px; |
| | } | | } |
| | | | |
| - | #notebookcal { | + | #weeknav { |
| - | margin-left: 70px; | + | list-style: none; |
| - | margin-top: 20px;
| + | } |
| - | width: 1000px;
| + | |
| - | height: 180px; | + | #weeknav li { |
| | + | margin: 0px; |
| | } | | } |
| | </style> | | </style> |
| - | <div id="notebookcal">
| |
| | | | |
| - | <div class="cal"> | + | |
| - | <h3 class="calheading">June</h3> | + | <div id="notebooknav"> |
| - | <img src="https://static.igem.org/mediawiki/2013/f/f5/Monthcalendar.png" height="100" alt="June" usemap="#junemap"> | + | <ul id="weeknav"> |
| | + | <h5>Menu</h5> |
| | + | <li><a href="#juneweek3">June 16-22</a></li> |
| | + | <li><a href="#juneweek4">June 23-30</a></li> |
| | + | <li><a href="#julyweek1">July 1-6</a></li> |
| | + | <li><a href="#julyweek2">July 7-13</a></li> |
| | + | <li><a href="#julyweek3">July 14-20</a></li> |
| | + | <li><a href="#julyweek4">July 21-27</a></li> |
| | + | <li><a href="#julyweek5">July 28-31</a></li> |
| | + | <li><a href="#augweek1">Aug 1-3</a></li> |
| | + | <li><a href="#augweek2">Aug 4-10</a></li> |
| | + | <li><a href="#augweek3">Aug 11-17</a></li> |
| | + | <li><a href="#augweek4">Aug 18-24</a></li> |
| | + | <li><a href="#augweek5">Aug 25-31</a></li> |
| | + | <li><a href="#sepweek1">Sep 1-7</a></li> |
| | + | <li><a href="#sepweek2">Sep 8-14</a></li> |
| | + | <li><a href="#sepweek3">Sep 15-21</a></li> |
| | + | <li><a href="#sepweek4">Sep 22-28</a></li> |
| | + | </ul> |
| | </div> | | </div> |
| - | <div class="cal">
| |
| - | <h3 class="calheading">July</h3>
| |
| - | <img src="https://static.igem.org/mediawiki/2013/f/f5/Monthcalendar.png" height="100" alt="July" usemap="#julymap">
| |
| - | </div>
| |
| - | <div class="cal">
| |
| - | <h3 class="calheading">August</h3>
| |
| - | <img src="https://static.igem.org/mediawiki/2013/f/f5/Monthcalendar.png" height="100" alt="August" usemap="#augustmap">
| |
| - | </div>
| |
| - | <div class="cal">
| |
| - | <h3 class="calheading">September</h3>
| |
| - | <img src="https://static.igem.org/mediawiki/2013/f/f5/Monthcalendar.png" height="100" alt="September" usemap="#septmap">
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!-- The image "maps" define the clickable regions in them -->
| |
| - | <map name="junemap">
| |
| - | <area shape="rect" coords="0,0,200,22" href="#juneweek1" alt="June week 1">
| |
| - | <area shape="rect" coords="0,27,200,48" href="#juneweek2" alt="June week 2">
| |
| - | <area shape="rect" coords="0,52,200,73" href="#juneweek3" alt="June week 3">
| |
| - | <area shape="rect" coords="0,77,200,98" href="#juneweek4" alt="June week 4">
| |
| - | </map>
| |
| - | <map name="julymap">
| |
| - | <area shape="rect" coords="0,0,200,22" href="#julyweek1" alt="July week 1">
| |
| - | <area shape="rect" coords="0,27,200,48" href="#julyweek2" alt="July week 2">
| |
| - | <area shape="rect" coords="0,52,200,73" href="#julyweek3" alt="July week 3">
| |
| - | <area shape="rect" coords="0,77,200,98" href="#julyweek4" alt="July week 4">
| |
| - | </map>
| |
| - | <map name="augustmap">
| |
| - | <area shape="rect" coords="0,0,200,22" href="#augustweek1" alt="August week 1">
| |
| - | <area shape="rect" coords="0,27,200,48" href="#augustweek2" alt="August week 2">
| |
| - | <area shape="rect" coords="0,52,200,73" href="#augustweek3" alt="August week 3">
| |
| - | <area shape="rect" coords="0,77,200,98" href="#augustweek4" alt="August week 4">
| |
| - | </map>
| |
| - | <map name="septmap">
| |
| - | <area shape="rect" coords="0,0,200,22" href="#septweek1" alt="September week 1">
| |
| - | <area shape="rect" coords="0,27,200,48" href="#septweek2" alt="September week 2">
| |
| - | <area shape="rect" coords="0,52,200,73" href="#septweek3" alt="September week 3">
| |
| - | <area shape="rect" coords="0,77,200,98" href="#septweek4" alt="September week 4">
| |
| - | </map>
| |
| | </html> | | </html> |
"
