Team:UCSC/Notebook

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
m
 
(27 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
-
 
{{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 -->
-
<table width="70%" align="center">
+
<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;}
-
<!--welcome box -->
+
.menu li:hover ul li:hover ul,
-
<tr>
+
.menu li:hover ul li:hover ul li:hover ul,
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
.menu li:hover ul li:hover ul li:hover ul li:hover ul,
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
left:200px;
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
top:-4px;
-
<br>
+
background: #333; /* Background Color of the Submenu */
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Notebook&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
padding:3px;
-
</td>
+
white-space:nowrap;
-
</tr>
+
width:200px;
 +
z-index:4;
 +
height:auto;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!--navigation menu -->
+
#wrapperHeader{
-
<td align="center" colspan="3">
+
  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;
 +
}   
-
<table  width="100%">
+
#wrapperNotebook1{
-
<tr heigth="15px"></tr>
+
width:750px;
-
<tr heigth="75px">
+
height:300px;
 +
padding-left:20px;
 +
background: RosyBrown;
 +
}
 +
#wrapperNotebook2{
 +
width:750px;
 +
height:300px;
 +
padding-left:50px;
 +
background: White;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
table {
-
<a href="https://2014.igem.org/Team:UCSC"style="color:#000000">Home </a> </td>
+
  margin-left: 100px;
 +
  border-collapse: collapse;
 +
  border-color: SteelBlue;
 +
  color: SteelBlue;
 +
  font-size: 14px;
 +
  font-weight: bold;
 +
  background-color: palegoldenrod;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
 
-
<a href="https://2014.igem.org/Team:UCSC/Team"style="color:#000000"> Team </a> </td>
+
myh1{
 +
    color: gold;
 +
    text-align: center;
 +
    font-size: 75px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
myh2{
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCSC"style="color:#000000"> Official Team Profile </a></td>
+
    color: orange;
 +
    text-align: center;
 +
    font-size: 32px;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
myh3{
-
<a href="https://2014.igem.org/Team:UCSC/Project"style="color:#000000"> Project</a></td>
+
    color: RosyBrown;
 +
    text-align: center;
 +
    font-size: 30px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
myh4{
-
<a href="https://2014.igem.org/Team:UCSC/Parts"style="color:#000000"> Parts</a></td>
+
    color: SpringGreen;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
    text-align: center;
 +
    font-size: 20px;
 +
}
 +
</style>
 +
</head>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div id='wrapperHeader'>
-
<a href="https://2014.igem.org/Team:UCSC/Modeling"style="color:#000000"> Modeling</a></td>
+
<div id = 'header'> <b><myh1><br><br><br><br><br>Notebook</myh1></b> </div>
 +
</div>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<div id='menuWrapper'>
-
<a href="https://2014.igem.org/Team:UCSC/Notebook"style="color:#000000"> Notebook</a></td>
+
<ul class='menu'>
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"><span><b>HOME</b></span></a></li>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<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/Safety"style=" color:#000000"> Safety </a></td>
+
<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>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Bioethics"><span class='down'>Bioethics</span></a>
-
<a href="https://2014.igem.org/Team:UCSC/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
<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>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
-
</tr>
+
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
-
</table>
+
<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>
-
</tr>
+
<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>
-
</tr>
 
   
   
 +
<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>
-
</td>
+
<br>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<!-- June -->
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3 ALIGN=left >
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
<TR>
 +
<TD COLSPAN="7" ALIGN=center><myh2><b>June 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></TD>
 +
<TD ALIGN=center></TD>
 +
<TD ALIGN=center>1</TD>
 +
</TR>
 +
<TR>
 +
<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>
 +
<TD ALIGN=center>7</TD>
 +
<TD ALIGN=center>8</TD>
 +
</TR>
 +
<TR>
 +
<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>
 +
<TD ALIGN=center>14</TD>
 +
<TD ALIGN=center>15</TD>
 +
</TR>
 +
<TR>
 +
<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>
 +
<TD ALIGN=center>21</TD>
 +
<TD ALIGN=center>22</TD>
 +
</TR>
 +
<TR>
 +
<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>
 +
<TD ALIGN=center>28</TD>
 +
<TD ALIGN=center>29</TD>
 +
</TR>
 +
<TR>
 +
<TD ALIGN=center>30</TD>
 +
<TD ALIGN=center>31</TD>
 +
<TD ALIGN=center></TD>
 +
<TD ALIGN=center></TD>
 +
<TD ALIGN=center></TD>
 +
<TD ALIGN=center></TD>
 +
<TD ALIGN=center></TD>
 +
 
 +
</TR>
 +
</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>
-
<!--requirements section -->
+
<!-- July -->
-
<tr><td colspan="3"> <h3>Notebook</h3></td></tr>
+
<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3 ALIGN=center>  
-
</tr>
+
<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>
-
<tr>
+
<!-- August -->
-
<td width="45%" valign="top">  
+
<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=3 ALIGN=center>
-
<p>You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well. </p>
+
<TR>
-
</td>
+
<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>
-
<td></td>
 
-
<td></td>
 
-
</tr>
 
-
</table>
 
</html>
</html>

Latest revision as of 21:45, 8 September 2014

Click here to edit this page!



June 2014
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














July 2014
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

August 2014
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

Retrieved from "http://2014.igem.org/Team:UCSC/Notebook"