Team:British Columbia/Templates/Notebook

From 2013.igem.org

(Difference between revisions)
 
(29 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: 0 0 0 0;
+
   margin: 0px;
-
  color: #696969;
+
}
}
-
#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>

Latest revision as of 05:35, 27 September 2013