Team:UCSF/Search

From 2010.igem.org

(Difference between revisions)
 
(254 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<style>
-
<title>Untitled Document</title>
+
body{
-
<style type="text/css">
+
background-color:#494d51;
-
#SideBar {
+
-
position:absolute;
+
-
left:0px;
+
-
top:0px;
+
-
width:276px;
+
-
bottom:0px;
+
-
z-index:1;
+
}
}
-
#Long {
+
 
-
position:relative;
+
#content{
-
left:276px;
+
padding-right:10px;
-
top:0px;
+
-
width:80px;
+
-
height:1240px;
+
-
z-index:2;
+
}
}
-
#apDiv1 {
+
 
-
position:relative;
+
h1{
-
left:285px;
+
color:red;
-
top:15px;
+
float:right;
-
width:61px;
+
-
height:25px;
+
-
z-index:3;
+
}
}
-
#apDiv2 {
+
 
-
position:relative;
+
h2{
-
width:80px;
+
color:red;
-
height:115px;
+
float:right;
-
z-index:1;
+
}
}
-
</style>
 
-
</head>
 
-
<body>
+
p{
 +
margin-left:40px;
 +
margin-right:20px;
 +
}
-
<p>&nbsp;</p>
+
h3{
-
<p>&nbsp;</p>
+
color: #467f4a;
-
<div id="SideBar"><img src="https://static.igem.org/mediawiki/2008/0/0e/UCSF2008logo2.jpg" width="276" height="288" longdesc="https://static.igem.org/mediawiki/2008/0/0e/UCSF2008logo2.jpg" /></div>
+
text-vertical-align:middle;
-
<script type="text/javascript"><!--
+
background-image:url(https://static.igem.org/mediawiki/2010/3/31/UCSF_meihuabiao.png);
-
/* Script by: www.jtricks.com
+
text-indent: 35px;
-
* Version: 20071017
+
background-repeat: no-repeat;
-
* Latest version:
+
}
-
* www.jtricks.com/javascript/navigation/floating.html
+
-
*/
+
-
var floatingMenuId = 'SideBar';
+
-
var floatingMenu =
+
-
{
+
-
    targetX: -250,
+
-
    targetY: 10,
+
-
    hasInner: typeof(window.innerWidth) == 'number',
+
div#search-controls{
-
     hasElement: typeof(document.documentElement) == 'object'
+
     display: none;
-
        && typeof(document.documentElement.clientWidth) == 'number',
+
}
-
    menu:
+
div#top-section{
-
        document.getElementById
+
display:none;
-
        ? document.getElementById(floatingMenuId)
+
//background-color:#FF6801; 
-
        : document.all
+
//border:0px;
-
          ? document.all[floatingMenuId]
+
//width:100%;
-
          : document.layers[floatingMenuId]
+
height: 24px;
-
};
+
}
-
floatingMenu.move = function ()
+
#mw-searchButton{
-
{
+
     display: none;
-
     floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
+
-
    floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
+
}
}
-
floatingMenu.computeShifts = function ()
+
div#contentSub{
-
{
+
     display: none;
-
     var de = document.documentElement;
+
}
-
    floatingMenu.shiftX = 
+
#footer-box {
-
        floatingMenu.hasInner 
+
width: 970px;
-
        ? pageXOffset 
+
}
-
        : floatingMenu.hasElement 
+
-
          ? de.scrollLeft 
+
-
          : document.body.scrollLeft; 
+
-
    if (floatingMenu.targetX < 0)
+
-
    {
+
-
        floatingMenu.shiftX +=
+
-
            floatingMenu.hasElement
+
-
            ? de.clientWidth
+
-
            : document.body.clientWidth;
+
-
    }
+
-
     floatingMenu.shiftY =
+
div#menubar{
-
        floatingMenu.hasInner
+
     display: none;
-
        ? pageYOffset
+
    text-indent:10px;
-
        : floatingMenu.hasElement
+
     top: 0;
-
          ? de.scrollTop
+
-
          : document.body.scrollTop;
+
-
     if (floatingMenu.targetY < 0)
+
-
    {
+
-
        if (floatingMenu.hasElement && floatingMenu.hasInner)
+
-
        {
+
-
            // Handle Opera 8 problems
+
-
            floatingMenu.shiftY +=
+
-
                de.clientHeight > window.innerHeight
+
-
                ? window.innerHeight
+
-
                : de.clientHeight
+
-
        }
+
-
        else
+
-
        {
+
-
            floatingMenu.shiftY +=
+
-
                floatingMenu.hasElement
+
-
                ? de.clientHeight
+
-
                : document.body.clientHeight;
+
-
        }
+
-
    }
+
}
}
-
floatingMenu.calculateCornerX = function()
+
div#p-logo{
-
{
+
     display: none;
-
     if (floatingMenu.targetX != 'center')
+
    width:1000px;
-
        return floatingMenu.shiftX + floatingMenu.targetX;
+
}
-
    var width = parseInt(floatingMenu.menu.offsetWidth);
+
h1.firstHeading {
 +
        height:0px;
 +
display: none;
 +
}
-
    var cornerX =
 
-
        floatingMenu.hasElement
 
-
        ? (floatingMenu.hasInner
 
-
          ? pageXOffset
 
-
          : document.documentElement.scrollLeft) +
 
-
          (document.documentElement.clientWidth - width)/2
 
-
        : document.body.scrollLeft +
 
-
          (document.body.clientWidth - width)/2;
 
-
    return cornerX;
 
-
};
 
-
floatingMenu.calculateCornerY = function()
+
</style>
-
{
+
-
    if (floatingMenu.targetY != 'center')
+
-
        return floatingMenu.shiftY + floatingMenu.targetY;
+
-
    var height = parseInt(floatingMenu.menu.offsetHeight);
+
<style>
-
    // Handle Opera 8 problems
+
#content{
-
    var clientHeight =
+
z-index:0;
-
        floatingMenu.hasElement && floatingMenu.hasInner
+
}
-
        && document.documentElement.clientHeight
+
-
            > window.innerHeight
+
-
        ? window.innerHeight
+
-
        : document.documentElement.clientHeight
+
-
    var cornerY =
+
ul, li{
-
        floatingMenu.hasElement
+
margin: 0;
-
        ? (floatingMenu.hasInner 
+
padding: 0;
-
          ? pageYOffset
+
border: 0;
-
          : document.documentElement.scrollTop) +
+
outline: 0;
-
          (clientHeight - height)/2
+
font-weight: inherit;
-
        : document.body.scrollTop +
+
font-style: inherit;
-
          (document.body.clientHeight - height)/2;
+
font-size: 100%;
-
     return cornerY;
+
font-family: inherit;
-
};
+
vertical-align: baseline;
 +
}
 +
 +
#navigation ul li.active > a,
 +
#navigation > ul li a:hover,
 +
#navigation ul li.sub-nav:hover > a {
 +
border-color: #53a5ed;
 +
background: #256fdf;
 +
background: -webkit-gradient(linear, left top, left bottom, from(#2f88ec), to(#256fdf));
 +
background: -moz-linear-gradient(top,  #2f88ec,  #256fdf);
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f88ec', endColorstr='#256fdf');
 +
}
 +
#navigation ul li.sub-nav > a:hover:before,
 +
#navigation ul li.sub-nav:hover > a:before {
 +
border-top-color: #53a5ed !important;
 +
}
 +
#navigation ul li.sub-nav > a:hover:after,
 +
#navigation ul li.sub-nav:hover > a:after {
 +
border-top-color: #256fdf !important;
 +
}
 +
#navigation ul ul li a:hover {
 +
background: #246cde;
 +
}
 +
#navigation {
 +
    position: relative;
 +
    //left: 50%;
 +
     top: 5px;
 +
left:0px;
 +
//    width:960px;
 +
    //margin-left:-480px;
 +
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 +
}
 +
#navigation > ul {
 +
      height: 27px;
 +
      background: #fff;
 +
      border: 1px solid #222;
 +
      padding: 0 5px;
 +
      -moz-border-radius: 4px;
 +
    -webkit-border-radius: 4px;
 +
    border-radius: 4px;
 +
}
 +
#navigation > ul li {
 +
        display: block;
 +
        float: left;
 +
        font-size: 11px;
 +
      line-height: 15px;
 +
      margin: 0 1px;
 +
      margin-top: -2px;
 +
      list-style: none;
 +
      padding-bottom: 15px;
 +
}
-
floatingMenu.doFloat = function()
+
#navigation > ul li.right{
-
{
+
        display: block;
-
    // Check if reference to menu was lost due
+
        float: right;
-
    // to ajax manipuations
+
         font-size: 11px;
-
    if (!floatingMenu.menu)
+
      line-height: 15px;
-
    {
+
      margin: 0 1px;
-
         menu = document.getElementById
+
      margin-top: -2px;
-
            ? document.getElementById(floatingMenuId)
+
      list-style: none;
-
            : document.all
+
      padding-bottom: 15px;
-
              ? document.all[floatingMenuId]
+
}
-
              : document.layers[floatingMenuId];
+
-
        initSecondary();
+
#navigation > ul li a {
-
    }
+
        position: relative;
 +
        display: block;
 +
        float: left;
 +
        padding: 6px 7px 8px 7px;
 +
        border: 1px solid transparent;
 +
        color: #7b7b7b;
 +
        text-decoration: none;
 +
}
 +
#navigation ul li.active > a,
 +
#navigation > ul li a:hover,
 +
#navigation ul li.sub-nav:hover > a {
 +
        color: #fff;
 +
        -moz-border-radius: 4px;
 +
        -webkit-border-radius: 4px;
 +
        border-radius: 4px;
 +
}
 +
#navigation ul li.sub-nav > a:hover:before,
 +
#navigation ul li.sub-nav:hover > a:before {
 +
content: "\00a0";
 +
display: block;
 +
position: absolute;
 +
bottom: -14px;
 +
left: 37%;
 +
width: 0;
 +
height: 0;
 +
border: 7px solid transparent;
 +
}
 +
#navigation ul li.sub-nav > a:hover:after,
 +
#navigation ul li.sub-nav:hover > a:after {
 +
content:"\00a0";
 +
display:block;
 +
position:absolute;
 +
bottom: -13px;
 +
left: 37%;
 +
width: 0;
 +
height: 0;
 +
border: 7px solid transparent;
 +
}     
 +
#navigation ul li ul {
 +
  clear: left;
 +
  position: absolute;
 +
  left: -999em;
 +
  z-index: 999;
 +
  width: 140px;
 +
  background: #fff;
 +
  border: 1px solid #363636;
 +
  list-style: none;
 +
  padding: 5px 4px;
 +
  outline: 1px solid #000;
 +
}
 +
#navigation ul li li {
 +
  display: block;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
#navigation ul ul li a {
 +
  border: none;
 +
  background: none;
 +
  color: #000;
 +
  display: block;
 +
  float: left;
 +
  font-size: 12px !important;
 +
  width: 120px;
 +
  padding: 4px 10px 5px 10px;
 +
}
 +
#navigation ul ul li a:hover {
 +
  border: none;
 +
  -moz-border-radius: 0px;
 +
  -webkit-border-radius: 0px;
 +
  border-radius: 0px;
 +
}
 +
#navigation ul li:hover ul,
 +
#navigation ul li.sfhover ul{
 +
  left: auto;
 +
  top: 42px;
 +
}
 +
</style>
 +
<script>
 +
function writeHref(){
 +
var PageURL = document.URL;
 +
var RightURL = PageURL.substr(21);
 +
var EditIt="https://2010.igem.org/wiki/index.php?title="+RightURL+"&amp;action=edit";
 +
document.write("<a href=\""+EditIt+"\">");
 +
}
 +
</script>
-
    var stepX, stepY;
+
<div style="width:100%">
 +
<div id="navigation">
 +
<ul>
-
    floatingMenu.computeShifts();
+
<li class="active"><a href="https://2010.igem.org/Team:UCSF">Home</a></li>
-
    var cornerX = floatingMenu.calculateCornerX();
+
<li class="not-active sub-nav"><a href="https://2010.igem.org/Team:UCSF/Team">Team</a><ul>
-
    var stepX = (cornerX - floatingMenu.nextX) * .07;
+
        <li class="cat-item cat-item-23"><a href="https://igem.org/Team.cgi?year=2010" title="">Team Profile</a></li>
-
    if (Math.abs(stepX) < .5)
+
-
    {
+
<li class="cat-item cat-item-67"><a href="http://mac.appstorm.net/category/reviews/utilities/" title="">Utilities</a></li>
-
        stepX = cornerX - floatingMenu.nextX;
+
<li class="cat-item cat-item-296"><a href="http://mac.appstorm.net/category/reviews/video/" title="">Video</a></li>
-
    }
+
<li class="cat-item cat-item-9"><a href="http://mac.appstorm.net/category/reviews/web-dev-review/" title="">Web Dev</a></li>
 +
</ul></li>
-
    var cornerY = floatingMenu.calculateCornerY();
+
<li class="not-active sub-nav"><a href="https://2010.igem.org/Team:UCSF/Project">Project</a><ul>
 +
        <li class="cat-item cat-item-68"><a href="https://2010.igem.org/Team:UCSF/Project/Overview" title="">Overview</a></li>
 +
<li class="cat-item cat-item-28"><a href="https://2010.igem.org/Team:UCSF/Project/Process" title="">Project Process</a></li>
 +
<li class="cat-item cat-item-364"><a href="https://2010.igem.org/Team:UCSF/Project/Design" title="">Project Design</a></li>
 +
<li class="cat-item cat-item-201"><a href="https://2010.igem.org/Team:UCSF/Project/Results" title="">Results</a></li>
 +
</ul></li>
-
    var stepY = (cornerY - floatingMenu.nextY) * .07;
+
<li class="not-active sub-nav"><a href="https://2010.igem.org/Team:UCSF/Notebook">Notebook</a><ul>
-
    if (Math.abs(stepY) < .5)
+
-
    {
+
-
        stepY = cornerY - floatingMenu.nextY;
+
-
    }
+
-
    if (Math.abs(stepX) > 0 ||
+
  <li class="cat-item cat-item-322"><a href="https://2010.igem.org/Team:UCSF/Team/Notebook/Ryan_Liang" title="">Ryan Liang</a></li>
-
        Math.abs(stepY) > 0)
+
<li class="cat-item cat-item-483"><a href="https://2010.igem.org/Team:UCSF/Notebook/Ethan_Chan" title="">Ethan Chan</a></li>
-
    {
+
<li class="cat-item cat-item-121"><a href="https://2010.igem.org/Team:UCSF/Notebook/Eric_Wong" title="">Eric Wong</a></li>
-
        floatingMenu.nextX += stepX;
+
<li class="cat-item cat-item-684"><a href="https://2010.igem.org/Team:UCSF/Notebook/Carmen_Zhou" title="">Carmen Zhou</a></li>
-
        floatingMenu.nextY += stepY;
+
<li class="cat-item cat-item-19"><a href="https://2010.igem.org/Team:UCSF/Notebook/Lianna_Fung" title="">Lianna Fung</a></li>
-
        floatingMenu.move();
+
<li class="cat-item cat-item-76"><a href="https://2010.igem.org/Team:UCSF/Notebook/Connor_Grant" title="">Connor Grant</a></li>
-
    }
+
<li class="cat-item cat-item-13"><a href="https://2010.igem.org/Team:UCSF/Notebook/Hannah Yan" title="">Hannah Yan</a></li>
 +
<li class="cat-item cat-item-184"><a href="https://2010.igem.org/Team:UCSF/Notebook/John Elam" title="">John Elam</a></li>
 +
<li class="cat-item cat-item-235"><a href="https://2010.igem.org/Team:UCSF/Notebook/Crystal_Liu" title="">Crystal Liu</a></li>
 +
<li class="cat-item cat-item-264"><a href="https://2010.igem.org/Team:UCSF/Notebook/Sam_Zorn" title="">Sam Zorn</a></li>
 +
<li class="cat-item cat-item-556"><a href="https://2010.igem.org/Team:UCSF/Notebook/Min_Lin" title="">Min Lin</a></li>
 +
</ul></li>
-
    setTimeout('floatingMenu.doFloat()', 20);
+
<li class="not-active"><a href="file:///C:/Users/Min%20Lin/Desktop/2.html">Parts</a></li>
-
};
+
-
// addEvent designed by Aaron Moore
+
<li class="not-active sub-nav"><a href="http://mac.appstorm.net/category/general/">Safety</a><ul> <li class="cat-item cat-item-99"><a href="http://mac.appstorm.net/category/general/app-news/" title="">App News</a>
-
floatingMenu.addEvent = function(element, listener, handler)
+
</li>
-
{
+
<li class="cat-item cat-item-10"><a href="http://mac.appstorm.net/category/general/appstorm-news/" title="">AppStorm News</a>
-
    if(typeof element[listener] != 'function' ||
+
</li>
-
      typeof element[listener + '_num'] == 'undefined')
+
<li class="cat-item cat-item-45"><a href="http://mac.appstorm.net/category/general/competitions/" title="">Competitions</a>
-
    {
+
</li>
-
        element[listener + '_num'] = 0;
+
<li class="cat-item cat-item-287"><a href="http://mac.appstorm.net/category/general/live-coverage/" title="">Live Coverage</a>
-
        if (typeof element[listener] == 'function')
+
</li>
-
        {
+
<li class="cat-item cat-item-31"><a href="http://mac.appstorm.net/category/general/mactastik/" title="">Mactastik</a>
-
            element[listener + 0] = element[listener];
+
</li>
-
            element[listener + '_num']++;
+
<li class="cat-item cat-item-371"><a href="http://mac.appstorm.net/category/general/screencasts/" title="">Screencasts</a>
-
        }
+
</li>
-
        element[listener] = function(e)
+
<li class="cat-item cat-item-219"><a href="http://mac.appstorm.net/category/general/sponsors/" title="">Sponsors</a>
-
        {
+
</li>
-
            var r = true;
+
</ul></li>
-
            e = (e) ? e : window.event;
+
-
            for(var i = element[listener + '_num'] -1; i >= 0; i--)
+
-
            {
+
-
                if(element[listener + i](e) == false)
+
-
                    r = false;
+
-
            }
+
-
            return r;
+
-
        }
+
-
    }
+
-
    //if handler is not already stored, assign it
+
<li class="not-active"><a href="http://mac.appstorm.net/about/">Cooperation</a></li>
-
    for(var i = 0; i < element[listener + '_num']; i++)
+
<li class="not-active"><a href="http://mac.appstorm.net/about/">Sponser</a></li>
-
        if(element[listener + i] == handler)
+
<li class="right"><script>writeHref();</script>Edit</a></li>
-
            return;
+
<li class="right"><a href="https://igem.org/Login">Log in</a></li>
-
    element[listener + element[listener + '_num']] = handler;
+
</ul>
-
    element[listener + '_num']++;
+
</div>
-
};
+
-
floatingMenu.init = function()
 
-
{
 
-
    floatingMenu.initSecondary();
 
-
    floatingMenu.doFloat();
 
-
};
 
-
// Some browsers init scrollbars only after
+
<div style="width:100%px;background-color:#FFfF04;margin-top:0px;-moz-border-radius: 4px;
-
// full document load.
+
            -webkit-border-radius: 4px;
-
floatingMenu.initSecondary = function()
+
            border-radius: 4px;padding-bottom:10px;">
-
{
+
<form action="https://2010.igem.org/Team:UCSF/Search" id="cse-search-box" style="margin:10px;">
-
     floatingMenu.computeShifts();
+
<h3>Search UCSF</h3>
-
     floatingMenu.nextX = floatingMenu.calculateCornerX();
+
<div>
-
    floatingMenu.nextY = floatingMenu.calculateCornerY();
+
    <input type="hidden" name="cx" value="003596668401458118461:zap8jgrah-m" />
-
    floatingMenu.move();
+
    <input type="hidden" name="cof" value="FORID:9" />
-
}
+
    <input type="hidden" name="ie" value="UTF-8" />
 +
     <input type="text" name="q" size="81" />
 +
     <input type="submit" name="sa" value="Search" size="8"/>
 +
</div>
 +
</form>
 +
</div>
 +
 
 +
 
 +
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>
 +
<!--<img src="https://static.igem.org/mediawiki/2010/e/ef/UCSF_2010_Transparent_NK.png" width="150"/>-->
 +
<!--<img src="https://static.igem.org/mediawiki/igem.org/9/9a/Natural_Killer.jpg" width="196"/>-->
 +
 
 +
 
 +
<div id="cse-search-results" style="margin-left:90px;"></div>
 +
 
 +
<script type="text/javascript">
 +
  var googleSearchIframeName = "cse-search-results";
 +
  var googleSearchFormName = "cse-search-box";
 +
  var googleSearchFrameWidth = 600;
 +
  var googleSearchDomain = "www.google.com";
 +
  var googleSearchPath = "/cse";
 +
</script>
 +
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
-
if (document.layers)
 
-
    floatingMenu.addEvent(window, 'onload', floatingMenu.init);
 
-
else
 
-
{
 
-
    floatingMenu.init();
 
-
    floatingMenu.addEvent(window, 'onload',
 
-
        floatingMenu.initSecondary);
 
-
}
 
-
//--></script>
 
-
<div id="Long">
 
-
  <div id="apDiv2">
 
-
    <p>Min Lin</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>Min Lin</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>MIN</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>MIN</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>MIN</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
    <p>&nbsp;</p>
 
-
  </div>
 
</div>
</div>
-
</body>
 
</html>
</html>

Latest revision as of 04:15, 24 September 2010

Retrieved from "http://2010.igem.org/Team:UCSF/Search"