Team:UCSC/Notebook
From 2014.igem.org
(Difference between revisions)
(Added a simple calendar to mark meetings) |
m |
||
(26 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
{{CSS/Main}} | {{CSS/Main}} | ||
- | |||
<html> | <html> | ||
+ | |||
+ | <p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Notebook&action=edit"style="color:PaleGoldenrod"> Click here to edit this page!</a> </p> | ||
<!--main content --> | <!--main content --> | ||
- | < | + | <head> |
+ | <style> | ||
+ | #menuWrapper { | ||
+ | width:100%; /* Menu width */ | ||
+ | height:35px; | ||
+ | padding-left:12px; | ||
+ | background: SteelBlue;/* Background color */ | ||
+ | background-size: 100%; | ||
+ | } | ||
+ | .menu { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | list-style:none; | ||
+ | height:75px; | ||
+ | position:relative; | ||
+ | z-index:5; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | .menu li:hover li a { | ||
+ | background:none; | ||
+ | } | ||
+ | .menu li.top {display:block; float:left;} | ||
+ | .menu li a.top_link { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:45px; | ||
+ | line-height:34px; | ||
+ | color:gold; | ||
+ | text-decoration:none; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | font-size:18px; /* Font size */ | ||
+ | padding:0 0 0 10px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .menu li a.top_link span { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | padding:0 24px 0 12px; | ||
+ | height:35px; | ||
+ | } | ||
+ | .menu li a.top_link span.down { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | padding:0 24px 0 12px; | ||
+ | height:35px; | ||
+ | } | ||
+ | .menu li a.top_link:hover, .menu li:hover > a.top_link {color:#fff; } | ||
+ | .menu li:hover {position:relative; z-index:2;} | ||
+ | .menu ul, | ||
+ | .menu li:hover ul ul, | ||
+ | .menu li:hover ul li:hover ul ul, | ||
+ | .menu li:hover ul li:hover ul li:hover ul ul, | ||
+ | .menu li:hover ul li:hover ul li:hover ul li:hover ul ul | ||
+ | {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} | ||
+ | .menu li:hover ul.sub { | ||
+ | left:0; | ||
+ | top:35px; | ||
+ | background:SteelBlue; /* Submenu background color */ | ||
+ | padding:3px; | ||
+ | white-space:nowrap; | ||
+ | width:200px; | ||
+ | height:auto; | ||
+ | z-index:3; | ||
+ | } | ||
+ | .menu li:hover ul.sub li { | ||
+ | display:block; | ||
+ | height:30px; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | width:200px; | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | .menu li:hover ul.sub li a{ | ||
+ | display:block; | ||
+ | height:30px; | ||
+ | width:200px; | ||
+ | line-height:30px; | ||
+ | text-indent:5px; | ||
+ | color:#ccc; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .menu li ul.sub li a.fly { | ||
+ | /* Submenu Background Color */ | ||
+ | background:RosyBrown | ||
+ | } | ||
+ | .menu li:hover ul.sub li a:hover { | ||
+ | background:#orange; /* Background Color on mouseover */ | ||
+ | color: white; | ||
+ | } | ||
+ | .menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly { | ||
+ | /* Background on Mouseover */ | ||
+ | background:#646464 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat; color:#fff;} | ||
- | + | .menu li:hover ul li:hover ul, | |
- | + | .menu li:hover ul li:hover ul li:hover ul, | |
- | + | .menu li:hover ul li:hover ul li:hover ul li:hover ul, | |
- | + | .menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul { | |
- | + | left:200px; | |
- | + | top:-4px; | |
- | + | background: #333; /* Background Color of the Submenu */ | |
- | + | padding:3px; | |
- | + | white-space:nowrap; | |
- | + | width:200px; | |
+ | z-index:4; | ||
+ | height:auto; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | + | #wrapperHeader{ | |
- | + | width: 100%; | |
+ | height: 320px; | ||
+ | background:url(https://static.igem.org/mediawiki/2014/thumb/1/17/UCSC_Hv1209_001.jpg/680px-UCSC_Hv1209_001.jpg) no-repeat top center; | ||
+ | background-size: 100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #wrapperHeader div#header { | ||
+ | width:1000px; | ||
+ | height:200px; | ||
+ | margin:0 auto; | ||
+ | } | ||
- | + | #wrapperNotebook1{ | |
- | + | width:750px; | |
- | + | height:300px; | |
+ | padding-left:20px; | ||
+ | background: RosyBrown; | ||
+ | } | ||
+ | #wrapperNotebook2{ | ||
+ | width:750px; | ||
+ | height:300px; | ||
+ | padding-left:50px; | ||
+ | background: White; | ||
+ | } | ||
- | + | table { | |
- | + | margin-left: 100px; | |
+ | border-collapse: collapse; | ||
+ | border-color: SteelBlue; | ||
+ | color: SteelBlue; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | background-color: palegoldenrod; | ||
+ | } | ||
- | + | ||
- | + | myh1{ | |
+ | color: gold; | ||
+ | text-align: center; | ||
+ | font-size: 75px; | ||
+ | } | ||
- | + | myh2{ | |
- | + | color: orange; | |
+ | text-align: center; | ||
+ | font-size: 32px; | ||
+ | } | ||
- | + | myh3{ | |
- | + | color: RosyBrown; | |
+ | text-align: center; | ||
+ | font-size: 30px; | ||
+ | } | ||
- | + | myh4{ | |
- | + | color: SpringGreen; | |
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | text-align: center; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
- | < | + | <div id='wrapperHeader'> |
- | < | + | <div id = 'header'> <b><myh1><br><br><br><br><br>Notebook</myh1></b> </div> |
+ | </div> | ||
- | < | + | <div id='menuWrapper'> |
- | <a href="https://2014.igem.org/Team:UCSC/ | + | <ul class='menu'> |
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"><span><b>HOME</b></span></a></li> | ||
- | < | + | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a> |
- | <a href="https://2014.igem.org/Team:UCSC/ | + | <ul class='sub'> |
+ | <li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | < | + | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Bioethics"><span class='down'>Bioethics</span></a> |
- | + | ||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a> | ||
+ | <ul class='sub'> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Modeling">Models</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | < | + | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a> |
- | </ | + | <ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li> |
- | </ | + | <li><a href="https://2014.igem.org/Team:UCSC/Team">Undergrad Researchers</a></li> |
+ | <li><a href = "">The Bioethics Team</a> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Attributions">Attributions</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
- | </ | + | <li class='top'><a class='top_link' href="https://2014.igem.org/Meetups/August_UCSC"><span><b>Our Meetup</b></span></a> |
+ | </li> | ||
+ | <li class='top'><a class='top_link' href="https://experiment.com/projects/sustainable-next-generation-biofuel-production"><span><myh4><b> Thank you, Donors!</b></myh4></span></a> | ||
+ | </li> | ||
- | </ | + | </ul> |
- | + | </div> | |
+ | <br> | ||
+ | <a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" height = "100px" align = "center"></a> | ||
+ | <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height = "100px" align = "center"></a> | ||
+ | <a href = "http://www.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "100px" align = "center"></a> | ||
+ | <a href = "https://us.vwr.com/"> <img src= "https://static.igem.org/mediawiki/2014/4/4f/Sponsors_Logo_VWR.jpg" height = "60px" align = "center"></a> | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
+ | <p></p> | ||
+ | <img src ="https://static.igem.org/mediawiki/2014/e/e0/UCSC_Lab_Singh_Pipette.jpg" width = 150px height= 260px align= right hspace="40"> | ||
+ | <p></p> | ||
- | < | + | <br> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3 ALIGN= | + | <!-- June --> |
+ | <TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3 ALIGN=left > | ||
<TR> | <TR> | ||
- | <TD COLSPAN="7" ALIGN=center>< | + | <TD COLSPAN="7" ALIGN=center><myh2><b>June 2014</b></myh2></TD> |
</TR> | </TR> | ||
<TR> | <TR> | ||
<TD COLSPAN="7" ALIGN=center><I>This is a place-holding calendar. | <TD COLSPAN="7" ALIGN=center><I>This is a place-holding calendar. | ||
- | <br> | + | <br> COMING SOON click a day for its lab notes.</I></TD> |
</TR> | </TR> | ||
<TR> | <TR> | ||
Line 151: | Line 295: | ||
</TR> | </TR> | ||
<TR> | <TR> | ||
- | <TD ALIGN=center | + | <TD ALIGN=center>23</TD> |
- | <TD ALIGN=center | + | <TD ALIGN=center>24</TD> |
<TD ALIGN=center>25</TD> | <TD ALIGN=center>25</TD> | ||
<TD ALIGN=center>26</TD> | <TD ALIGN=center>26</TD> | ||
Line 161: | Line 305: | ||
<TR> | <TR> | ||
<TD ALIGN=center>30</TD> | <TD ALIGN=center>30</TD> | ||
- | <TD ALIGN=center | + | <TD ALIGN=center>31</TD> |
<TD ALIGN=center></TD> | <TD ALIGN=center></TD> | ||
<TD ALIGN=center></TD> | <TD ALIGN=center></TD> | ||
Line 170: | Line 314: | ||
</TR> | </TR> | ||
</TABLE> | </TABLE> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <img src ="https://static.igem.org/mediawiki/2014/4/49/UCSC_Lab_Genetti_Safety.jpg.jpg" width = 320px height= 230px align= right hspace="40"> | ||
+ | |||
+ | <p></p> | ||
+ | |||
+ | <!-- July --> | ||
+ | <TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3 ALIGN=center> | ||
+ | <TR> | ||
+ | <TD COLSPAN="7" ALIGN=center><myh2><B>July 2014</B></myh2></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD COLSPAN="7" ALIGN=center><I>This is a place-holding calendar. | ||
+ | <br> COMING SOON click a day for its lab notes.</I></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>Mon</TD> | ||
+ | <TD ALIGN=center>Tue</TD> | ||
+ | <TD ALIGN=center>Wed</TD> | ||
+ | <TD ALIGN=center>Thu</TD> | ||
+ | <TD ALIGN=center>Fri</TD> | ||
+ | <TD ALIGN=center>Sat</TD> | ||
+ | <TD ALIGN=center>Sun</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center></TD> | ||
+ | <TD ALIGN=center>1</TD> | ||
+ | <TD ALIGN=center>2</TD> | ||
+ | <TD ALIGN=center>3</TD> | ||
+ | <TD ALIGN=center>4</TD> | ||
+ | <TD ALIGN=center>5</TD> | ||
+ | <TD ALIGN=center>6</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>7</TD> | ||
+ | <TD ALIGN=center>8</TD> | ||
+ | <TD ALIGN=center>9</TD> | ||
+ | <TD ALIGN=center>10</TD> | ||
+ | <TD ALIGN=center>11</TD> | ||
+ | <TD ALIGN=center>12</TD> | ||
+ | <TD ALIGN=center>13</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>14</TD> | ||
+ | <TD ALIGN=center>15</TD> | ||
+ | <TD ALIGN=center>16</TD> | ||
+ | <TD ALIGN=center>17</TD> | ||
+ | <TD ALIGN=center>18</TD> | ||
+ | <TD ALIGN=center>19</TD> | ||
+ | <TD ALIGN=center>20</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>21</TD> | ||
+ | <TD ALIGN=center>22</TD> | ||
+ | <TD ALIGN=center>23</TD> | ||
+ | <TD ALIGN=center>24</TD> | ||
+ | <TD ALIGN=center>25</TD> | ||
+ | <TD ALIGN=center>26</TD> | ||
+ | <TD ALIGN=center>27</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>28</TD> | ||
+ | <TD ALIGN=center>29</TD> | ||
+ | <TD ALIGN=center>30</TD> | ||
+ | <TD ALIGN=center>31</TD> | ||
+ | <TD ALIGN=center></TD> | ||
+ | <TD ALIGN=center></TD> | ||
+ | <TD ALIGN=center></TD> | ||
+ | </TR> | ||
+ | </TABLE> | ||
+ | |||
+ | <p></p> | ||
+ | |||
+ | <!-- August --> | ||
+ | <TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3 ALIGN=center> | ||
+ | <TR> | ||
+ | <TD COLSPAN="7" ALIGN=center><myh2><B>August 2014</B></myh2></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD COLSPAN="7" ALIGN=center><I>This is a place-holding calendar. | ||
+ | <br> COMING SOON click a day for its lab notes.</I></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>Mon</TD> | ||
+ | <TD ALIGN=center>Tue</TD> | ||
+ | <TD ALIGN=center>Wed</TD> | ||
+ | <TD ALIGN=center>Thu</TD> | ||
+ | <TD ALIGN=center>Fri</TD> | ||
+ | <TD ALIGN=center>Sat</TD> | ||
+ | <TD ALIGN=center>Sun</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center></TD> | ||
+ | <TD ALIGN=center></TD> | ||
+ | <TD ALIGN=center></TD> | ||
+ | <TD ALIGN=center></TD> | ||
+ | <TD ALIGN=center>1</TD> | ||
+ | <TD ALIGN=center>2</TD> | ||
+ | <TD ALIGN=center>3</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>4</TD> | ||
+ | <TD ALIGN=center>5</TD> | ||
+ | <TD ALIGN=center>6</TD> | ||
+ | <TD ALIGN=center>7</TD> | ||
+ | <TD ALIGN=center>8</TD> | ||
+ | <TD ALIGN=center>9</TD> | ||
+ | <TD ALIGN=center>10</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>11</TD> | ||
+ | <TD ALIGN=center>12</TD> | ||
+ | <TD ALIGN=center>13</TD> | ||
+ | <TD ALIGN=center>14</TD> | ||
+ | <TD ALIGN=center>15</TD> | ||
+ | <TD ALIGN=center>16</TD> | ||
+ | <TD ALIGN=center>17</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>18</TD> | ||
+ | <TD ALIGN=center>19</TD> | ||
+ | <TD ALIGN=center>20</TD> | ||
+ | <TD ALIGN=center>21</TD> | ||
+ | <TD ALIGN=center>22</TD> | ||
+ | <TD ALIGN=center>23</TD> | ||
+ | <TD ALIGN=center>24</TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD ALIGN=center>25</TD> | ||
+ | <TD ALIGN=center>26</TD> | ||
+ | <TD ALIGN=center>27</TD> | ||
+ | <TD ALIGN=center>28</TD> | ||
+ | <TD ALIGN=center>29</TD> | ||
+ | <TD ALIGN=center>30</TD> | ||
+ | <TD ALIGN=center>31</TD> | ||
+ | </TR> | ||
+ | </TABLE> | ||
+ | |||
- | |||
</html> | </html> |
Latest revision as of 21:45, 8 September 2014
Notebook
This is a place-holding calendar.
COMING SOON click a day for its lab notes. |
||||||
Mon | Tue | Wed | Thu | Fri | Sat | Sun |
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
This is a place-holding calendar.
COMING SOON click a day for its lab notes. |
||||||
Mon | Tue | Wed | Thu | Fri | Sat | Sun |
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
This is a place-holding calendar.
COMING SOON click a day for its lab notes. |
||||||
Mon | Tue | Wed | Thu | Fri | Sat | Sun |
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |