Team:Cambridge/Splash

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/Team:Cambridge/static/wiki.js"></script>
<script type="text/javascript" src="/Team:Cambridge/static/wiki.js"></script>
Line 36: Line 37:
#bodyContent { border: none; padding:0; margin:0; width:100%; 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;
#top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
-
padding:0; border: none; font-size: 14px;}
+
padding:0; border: none; font-size: 10px;}
-
#p-logo { height:1px; overflow:hidden; display: none;}
+
#p-logo { height:1px; overflow:scroll; display: none;}
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 150px; right: 40px;}
+
#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;}
#footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
.visualClear { display: none; }
.visualClear { display: none; }
Line 52: Line 53:
#contentSub {display: none;}
#contentSub {display: none;}
p:first-child { display: none;}
p:first-child { display: none;}
-
</script>
+
/* Wiki Hacks - END */
 +
</style>
<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/wiki.css?action=raw&ctype=text/css" />  
 +
<script type="text/javascript">
 +
 +
$(document).ready(function() {
 +
 +
$('.cam_grid_headover h7').css("display","none");
 +
 +
$('#cam_grid_gallery_title').mouseover(function() {
 +
    $('#cam_grid_gallery_headover').stop().animate({height:'170px',top:'0px'},1000);
 +
$('#cam_grid_gallery_headover h7').fadeIn(500);
 +
});
 +
 +
    $('#cam_grid_gallery').mouseleave(function() {
 +
    $('#cam_grid_gallery_headover').stop().animate({height:'90px',top:'80px'},1000);
 +
$('#cam_grid_gallery_headover h7').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>
<body>
 +
<div id='cam_page'>
<div id='cam_page'>
-
<div id='cam_right' class='cam-box'>
+
 
-
<div id='cam_pagecontent' class='cam-box-content'>
+
<div id='cam_left'>
-
<br>
+
<a href='https://2012.igem.org/Team:Cambridge/Project' title='Team:Cambridge'>
-
<br>
+
<div id='cam_logo' class='cam-header cam-box'>
-
<br>
+
<div id='cam_innerlogo'>
-
<br>
+
<center><img src='https://static.igem.org/mediawiki/2012/9/99/Logo_cam.png'  width="130" height="130"></img></center>
-
<br>
+
</div>
-
<br>
+
</div>
-
<br>
+
</a>
 +
   
 +
    <div id='cam_grid_gallery' class='cam_grid'>
 +
    <div id='cam_grid_gallery_headover' class='cam_grid_headover'>
 +
        <ul class = "subtitles">
 +
<li><a href ="https://2012.igem.org/Team:Cambridge/Gallery/DayAtLab" class='cam-external' style="color: #000000">A day in lab</a></li>
 +
<li><a href ="https://2012.igem.org/Team:Cambridge/Gallery/Results" class='cam-external' style="color: #000000">Experimental results</a></li>
 +
<li><a href ="https://2012.igem.org/Team:Cambridge/Gallery/Events" class='cam-external' style="color: #000000">Events & Pubilicity</a></li>
 +
</ul>
<br>
<br>
 +
<h7> This is a graphical record of our work during the Summer...Read More</h7>
 +
</div>
 +
<div id='cam_grid_gallery_title' class='cam_grid_title'>
 +
</div>
 +
</div>
 +
   
 +
<div id='cam_nav'>
 +
<div id='cam_nav_row1' class='cam_nav_row'>
 +
        <a href='https://2012.igem.org/Team:Cambridge/Project'>
 +
        <div id='cam_nav_project' class='cam_nav_grid'>
 +
            <div id='cam_nav_project_headover' class='cam_nav_headover'>
 +
            <h6> Project </h6>
 +
                </div>
 +
            </div>
 +
            </a>
 +
            <a href='https://2012.igem.org/Team:Cambridge/Outreach/Overview'>
 +
            <div id='cam_nav_outreach' class='cam_nav_grid'>
 +
            <div id='cam_nav_outreach_headover' class='cam_nav_headover'>
 +
            <h6> Outreach </h6>
 +
                </div>
 +
            </div>
 +
            </a>
 +
            <a href='http://www.facebook.com/CambridgeIgem2012'>
 +
            <div id='cam_nav_facebook' class='cam_nav_grid'>
 +
            </div>
 +
            </a>
 +
        </div>
 +
       
 +
  <a href='https://2012.igem.org/Team:Cambridge/Gallery/DayAtLab'>
 +
        <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>
 +
 +
            <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>
+
 
-
</body>
+
 
 +
<div id='cam_right' class='cam-box'>
 +
<div id='cam_pagecontent' class='cam-box-content'>
 +
 
</html>
</html>

Revision as of 14:33, 26 September 2012