Team:British Columbia/Templates/Notebook

From 2013.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
.cal {
 
-
  width: 200px;
 
-
  float: left;
 
-
}
 
-
 
-
.calheading {
 
-
  margin: 0 0 0 0;
 
-
  color: #696969;
 
-
}
 
-
 
-
#notebookcal {
 
-
  margin-left: 70px;
 
-
  margin-top: 20px;
 
-
  width: 1000px;
 
-
  height: 180px;
 
-
}
 
-
 
#notebooknav {
#notebooknav {
   position: fixed;
   position: fixed;
   left: 20px;
   left: 20px;
-
   top: 200px;
+
   top: 20px;
-
   height: 400px;
+
   height: 350px;
-
   width: 120px;
+
   width: 100px;
   background: #FFFFFF;
   background: #FFFFFF;
   border-radius: 7px;
   border-radius: 7px;
   border: 1px solid #C9C9C9;
   border: 1px solid #C9C9C9;
 +
}
 +
 +
#notebooknav h5 {
 +
  margin: 0px;
}
}
Line 34: Line 21:
#weeknav li {
#weeknav li {
-
   margin: 2px;
+
   margin: 0px;
}
}
</style>
</style>
Line 41: Line 28:
<div id="notebooknav">
<div id="notebooknav">
<ul id="weeknav">
<ul id="weeknav">
-
<li>June 1-8</li>
+
<h5>Menu</h5>
-
<li>June 9-15</li>
+
<li><a href="#juneweek3">June 16-22</a></li>
-
<li>June 16-22</li>
+
<li><a href="#juneweek4">June 23-30</a></li>
-
<li>June 23-29</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>
</ul>
</div>
</div>
-
 
-
<!--
 
-
<div id="notebookcal">
 
-
 
-
<div class="cal">
 
-
<h3 class="calheading">June</h3>
 
-
<img src="https://static.igem.org/mediawiki/2013/f/f5/Monthcalendar.png" height="100" alt="June" usemap="#junemap">
 
-
</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