Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD TEAM1

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<script type="text/javascript" src='/Team:Cambridge/static/hack.js?action=raw&ctype=text/javascript'></script>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
<noscript>
-
<script type="text/javascript" src="/Team:Cambridge/static/wiki.js"></script>
+
  <link rel='stylesheet' type='text/css' href='/Team:Cambridge/static/wiki.css?action=raw&ctype=text/css' />
 +
  <link rel='stylesheet' type='text/css' href='/Team:Cambridge/static/hack.css?action=raw&ctype=text/css' />
 +
</noscript>
-
<script type="text/javascript">
+
<div id='cam_page'>
-
 
+
<div id='cam_loading'>
-
  var set_bk = function()
+
  <div>Loading...</div>
-
  {
+
</div>
-
    var w = screen.width;
+
-
    var _c = 'CAM12_bg_';
+
-
    if(w <= 1024)
+
-
      _c=_c+'1024';
+
-
    else if(w <= 1280)
+
-
      _c=_c+'1280';
+
-
    else if(w <= 1366)
+
-
      _c=_c+'1366';
+
-
    else if(w <= 1440)
+
-
      _c=_c+'1440';
+
-
    else if(w <= 1680)
+
-
      _c=_c+'1680';
+
-
    else _c = _c+'1920';
+
-
   
+
-
    $('body').addClass(_c);
+
-
  }
+
-
set_bk();
 
-
 
-
</script>
 
-
 
-
<style type ='text/css'>
 
-
/* Wiki Hacks - START */
 
-
/* Author: Pieter van Boheemen */
 
-
/* Team: TU Delft */
 
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
 
-
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
 
-
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
 
-
#top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
 
-
padding:0; border: none; font-size: 10px;}
 
-
#p-logo { height:1px; overflow:hidden; display: none;}
 
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 
-
#footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
 
-
.visualClear { display: none; }
 
-
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
 
-
.firstHeading { display: none;}
 
-
#f-list a { color: #333; font-size: 10px;}
 
-
#f-list a:hover { color: #666;}
 
-
.printfooter { display: none; }
 
-
#footer ul { margin: 0; padding: 0;}
 
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 
-
#search-controls { display:none; }
 
-
h3#siteSub { display: none;}
 
-
#contentSub {display: none;}
 
-
p:first-child { display: none;}
 
-
/* Wiki Hacks - END */
 
<div id='cam_topbar' class='cam-box'>
<div id='cam_topbar' class='cam-box'>
<div style='margin: 0px 12px; width:160px;float: left;'>
<div style='margin: 0px 12px; width:160px;float: left;'>
Line 61: Line 18:
</a>
</a>
</div>
</div>
-
</style>
+
<div style='margin: 0px 12px;float:left;'>
 +
<div class='cam-ui-icon cam-ui-icon-edit'></div>
 +
<a id='edit-link' class='cam-external' href='#'>
 +
Page Source
 +
</a>
 +
                <div class='cam-ui-icon cam-ui-icon-edit'></div>
 +
<a id='edit-intro-link' class='cam-external' href='#'>
 +
Intro Source
 +
</a>
 +
</div>
 +
<div id='cam_login_status' style='margin: 0px 12px;float:right;'>
 +
  <span id='logged_out'>
 +
<div class='cam-ui-icon cam-ui-icon-key'></div>
 +
<a id='login-link' class='cam-external' href='#'>
 +
Login
 +
</a>
 +
  </span>
 +
  <span id='logged_in' style='display:none;'>
 +
<div class='cam-ui-icon cam-ui-icon-user'></div>
 +
<a id='user-link' class='cam-external' href='#'>
 +
 +
</a>
 +
<div class='cam-ui-icon cam-ui-icon-user'></div>
 +
<a id='account-link' class='cam-external' href='https://igem.org/User_Information'>
 +
My Account
 +
</a>
 +
<div class='cam-ui-icon cam-ui-icon-key'></div>
 +
<a id='logout-link' class='cam-external' href='/wiki/index.php?title=Special:UserLogout'>
 +
Logout
 +
</a>
 +
  </span>
 +
</div>
 +
</div>
-
<link rel='stylesheet' type='text/css' href="/Team:Cambridge/static/wiki.css?action=raw&ctype=text/css" />
 
-
<script type="text/javascript">
 
-
$(document).ready(function() {
 
-
 
-
$('.cam_grid_headover h6').css("display","none");
 
-
 
-
$('#cam_grid_team_title').mouseover(function() {
 
-
    $('#cam_grid_team_headover').stop().animate({height:'170px',top:'0px'},1000);
 
-
$('#cam_grid_team_headover h6').fadeIn(500);
 
-
});
 
-
 
-
    $('#cam_grid_team').mouseleave(function() {
 
-
    $('#cam_grid_team_headover').stop().animate({height:'90px',top:'80px'},1000);
 
-
$('#cam_grid_team_headover h6').fadeOut(500);
 
-
    });
 
-
 
-
$('.cam_nav_headover').css("display","none");
 
-
 
-
$('#cam_nav_project').mouseover(function() {
 
-
$('#cam_nav_project_headover').fadeIn(200);
 
-
});
 
-
 
-
    $('#cam_nav_project').mouseleave(function() {
 
-
$('#cam_nav_project_headover').fadeOut(200);
 
-
    });
 
-
 
-
$('#cam_nav_outreach').mouseover(function() {
 
-
$('#cam_nav_outreach_headover').fadeIn(200);
 
-
});
 
-
 
-
    $('#cam_nav_outreach').mouseleave(function() {
 
-
$('#cam_nav_outreach_headover').fadeOut(200);
 
-
    });
 
-
 
-
$('#cam_nav_gallery').mouseover(function() {
 
-
$('#cam_nav_gallery_headover').fadeIn(200);
 
-
});
 
-
 
-
    $('#cam_nav_gallery').mouseleave(function() {
 
-
$('#cam_nav_gallery_headover').fadeOut(200);
 
-
    });
 
-
 
-
$('#cam_nav_diary').mouseover(function() {
 
-
$('#cam_nav_diary_headover').fadeIn(200);
 
-
});
 
-
 
-
    $('#cam_nav_diary').mouseleave(function() {
 
-
$('#cam_nav_diary_headover').fadeOut(200);
 
-
    });
 
-
 
-
$('#cam_nav_team').mouseover(function() {
 
-
$('#cam_nav_team_headover').fadeIn(200);
 
-
});
 
-
 
-
    $('#cam_nav_team').mouseleave(function() {
 
-
$('#cam_nav_team_headover').fadeOut(200);
 
-
    });
 
-
 
-
$('#cam_nav_safety').mouseover(function() {
 
-
$('#cam_nav_safety_headover').fadeIn(200);
 
-
});
 
-
 
-
    $('#cam_nav_safety').mouseleave(function() {
 
-
$('#cam_nav_safety_headover').fadeOut(200);
 
-
    });
 
-
 
-
$('#cam_nav_sponsors').mouseover(function() {
 
-
$('#cam_nav_sponsors_headover').fadeIn(200);
 
-
});
 
-
 
-
    $('#cam_nav_sponsors').mouseleave(function() {
 
-
$('#cam_nav_sponsors_headover').fadeOut(200);
 
-
    });
 
-
 
-
$('#cam_nav_home').mouseover(function() {
 
-
$('#cam_nav_home_headover').fadeIn(200);
 
-
});
 
-
 
-
    $('#cam_nav_home').mouseleave(function() {
 
-
$('#cam_nav_home_headover').fadeOut(200);
 
-
    });
 
-
});
 
-
 
-
</script>
 
-
</head>
 
-
 
-
<body>
 
-
<div id='cam_page'>
 
<div id='cam_left'>
<div id='cam_left'>
-
<a href='https://2012.igem.org/Team:Cambridge' title='Team:Cambridge'>
+
<a href='/Team:Cambridge' title='Team:Cambridge'>
<div id='cam_logo' class='cam-header cam-box'>
<div id='cam_logo' class='cam-header cam-box'>
<div id='cam_innerlogo'>
<div id='cam_innerlogo'>
-
</img>
+
<img src='/wiki/images/f/ff/CAM_Bactiridescence_logo_Small.png'></img>
</div>
</div>
</div>
</div>
</a>
</a>
-
   
+
<div id='cam_nav' class='cam-box'>
-
    <div id='cam_grid_team' class='cam_grid'>
+
<div id='cam_desc'>
-
    <div id='cam_grid_team_headover' class='cam_grid_headover'>
+
<div id='cam_desc_top'>
-
        <ul class = "subtitles">
+
<div id='cam_desc_color' class='cam-desc-overview'></div>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Team" class='cam-external' style="color: #FFFFFF">Team</a></li>
+
<div id='cam_desc_title'>
-
<li><a href ="https://igem.org/Team.cgi?year=2012&team_name=Cambridge" class='cam-external' style="color: #FFFFFF">Official Team Profile </a></li>
+
<div id='cam_desc_area'>OVERVIEW</div>
-
<li><a href ="https://2012.igem.org/Team:Cambridge/Attributions" class='cam-external' style="color: #FFFFFF">Attributions </a></li>
+
<div id='cam_desc_subarea'>home</div>
-
</ul>
+
</div>
-
<h6> Click to view information about the Cambridge team advisors, team members and ... Read More </h6>
+
<div style='clear:both;'></div>
-
</div>
+
</div>
-
<div id='cam_grid_team_title' class='cam_grid_title'>
+
<div id='cam_desc_content'>
 +
        <noscript>
 +
          <p>You do not appear to have <i>JavaScript</i> enabled.</p>
 +
          <p>Without it, you will be able to view the rest of the website, but you will not be able to view the helpful introductions in this panel.</p>
 +
        </noscript>
 +
      </div>
</div>
</div>
</div>
</div>
-
   
+
<div id='cam_icons'>
-
<div id='cam_nav'>
+
 
-
<div id='cam_nav_row1' class='cam_nav_row'>
+
<div class='cam-icon'>
-
        <a href='https://2012.igem.org/Team:Cambridge/Project'>
+
  <div href='http://www.facebook.com/cambridgeigem' class='cam-social-link' style='margin-right:19px;'>
-
        <div id='cam_nav_project' class='cam_nav_grid'>
+
    <div class='cam-social-icon cam-social-facebook' title='Our Facebook Page'></div>
-
            <div id='cam_nav_project_headover' class='cam_nav_headover'>
+
  </div>
-
            <h6> Project </h6>
+
</div>
-
                </div>
+
 
-
            </div>
+
<div class='cam-icon'>
-
            </a>
+
  <div href='http://twitter.com/#!/Cam_iGEM_2011' class='cam-social-link' style='margin-right:19px;'>
-
            <a href='https://2012.igem.org/Team:Cambridge/Outreach'>
+
    <div class='cam-social-icon cam-social-twitter' title='Our Twitter Feed'></div>
-
            <div id='cam_nav_outreach' class='cam_nav_grid'>
+
  </div>
-
            <div id='cam_nav_outreach_headover' class='cam_nav_headover'>
+
</div>
-
            <h6> Outreach </h6>
+
 
-
                </div>
+
<div class='cam-icon'>
-
            </div>
+
  <div href='http://www.flickr.com/photos/65931349@N05/' class='cam-social-link'>
-
            </a>
+
    <div class='cam-social-icon cam-social-flickr' title='Our Flickr Stream'></div>
-
            <a href='http://www.facebook.com/CambridgeIgem2012'>
+
  </div>
-
            <div id='cam_nav_facebook' class='cam_nav_grid'>
+
</div>
-
            </div>
+
-
            </a>
+
-
        </div>
+
-
        <div id='cam_nav_row2' class='cam_nav_row'>
+
-
        <div id='cam_nav_gallery' class='cam_nav_grid'>
+
-
            <div id='cam_nav_gallery_headover' class='cam_nav_headover'>
+
-
            <h6> Gallery </h6>
+
-
                </div>
+
-
            </div>
+
-
            <a href='http://twitter.com/cambridgeigem12'>
+
-
            <div id='cam_nav_twitter' class='cam_nav_grid'>
+
-
            </div>
+
-
            </a>
+
-
            <a href='https://2012.igem.org/Team:Cambridge/Diary/Week_1'>
+
-
            <div id='cam_nav_diary' class='cam_nav_grid'>
+
-
            <div id='cam_nav_diary_headover' class='cam_nav_headover'>
+
-
            <h6> Diary </h6>
+
-
                </div>
+
-
            </div>
+
-
            </a>
+
-
        </div>
+
-
        <div id='cam_nav_row3' class='cam_nav_row'>
+
-
        <a href='https://2012.igem.org/Team:Cambridge/Team'>
+
-
        <div id='cam_nav_team' class='cam_nav_grid'>
+
-
            <div id='cam_nav_team_headover' class='cam_nav_headover'>
+
-
            <h6> Team </h6>
+
-
                </div>
+
-
            </div>
+
-
            </a>
+
-
            <a href='https://2012.igem.org/Team:Cambridge'>
+
-
            <div id='cam_nav_home' class='cam_nav_grid'>
+
-
            <div id='cam_nav_home_headover' class='cam_nav_headover'>
+
-
            <h6> Home </h6>
+
-
                </div>
+
-
            </div>
+
-
            </a>
+
-
            <a href='https://2012.igem.org/Team:Cambridge/Safety'>
+
-
            <div id='cam_nav_safety' class='cam_nav_grid'>
+
-
            <div id='cam_nav_safety_headover' class='cam_nav_headover'>
+
-
            <h6> Safety </h6>
+
-
                </div>
+
-
            </div>
+
-
            </a>
+
-
        </div>
+
-
        <div id='cam_nav_row4' class='cam_nav_row'>
+
-
        <a href='http://www.flickr.com/photos/cambridgeigem2012/'>
+
-
        <div id='cam_nav_flickr' class='cam_nav_grid'>
+
-
            </div>
+
-
            </a>
+
-
            <a href='https://2012.igem.org/Team:Cambridge/Sponsors'>
+
-
            <div id='cam_nav_sponsors' class='cam_nav_grid'>
+
-
            <div id='cam_nav_sponsors_headover' class='cam_nav_headover'>
+
-
            <h6> Sponsors </h6>
+
-
                </div>
+
-
            </div>
+
-
            </a>
+
-
            <div id='cam_nav_youtube' class='cam_nav_grid'>
+
-
            </div>
+
-
        </div>
+
</div>
</div>
</div>
</div>
 +
       
 +
       
<div id='cam_right'>
<div id='cam_right'>
<div id='cam_menubar'>
<div id='cam_menubar'>
Line 393: Line 242:
<div style='clear:both'></div>
<div style='clear:both'></div>
</div>
</div>
-
 
+
-
 
+
<div class='cam-box'>
-
<div id='cam_right' class='cam-box'>
+
<div id='cam_pagecontent' class='cam-box-content'>
-
<div id='cam_pagecontent' class='cam-box-content'>
+
<!--<div>-->
-
 
+
  <div id="wiki_content">
-
</html>
+

Revision as of 17:57, 21 September 2012

Loading...
OVERVIEW
home