Template:WashUtop

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>VitaYeast - Johns Hopkins University, iGEM 2011</title> <link rel="stylesheet" type="te...")
Line 1: Line 1:
<html>
<html>
-
<head>
+
</p>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
<!-- INCLUDES JAVASCRIPTS -->
-
<title>VitaYeast - Johns Hopkins University, iGEM 2011</title>
+
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
-
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Johns_Hopkins/Templates/css/default?action=raw&ctype=text/css" />
+
<script type="text/javascript" src="js/jquery-ui-1.8.15.custom.min.js"></script>
-
<link rel="stylesheet" href="https://2011.igem.org/Team:Johns_Hopkins/Templates/css/defaultnivo?action=raw&ctype=text/css" type="text/css"/>
+
-
<link rel="stylesheet" href="https://2011.igem.org/Team:Johns_Hopkins/Templates/css/nivo?action=raw&ctype=text/css" type="text/css"/>
+
-
<link rel="stylesheet" href="https://2011.igem.org/Team:Johns_Hopkins/Templates/gallerifficcss?action=raw&ctype=text/css" type="text/css"/>  
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
<style type="text/css">
-
<script src="https://2011.igem.org/Team:Johns_Hopkins/Templates/droplinemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:Johns_Hopkins/Templates/nivosliderpack?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:Johns_Hopkins/Templates/hoverintent?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:Johns_Hopkins/Templates/galleriffic?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:Johns_Hopkins/Templates/js/opacityrollover?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:Johns_Hopkins/Templates/js/jqueryhistory?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2011.igem.org/Team:Johns_Hopkins/Templates/js/profile?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript"
+
-
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
+
-
</script>
+
-
<script type="text/javascript">
+
-
//build menu with DIV ID="myslidemenu" on page:
+
-
droplinemenu.buildmenu("mydroplinemenu")
+
-
//Nivoslider
+
/* Set up body first */
-
    $(window).load(function() {
+
body {
-
        $('#slider').nivoSlider({
+
    margin:0;
-
effect:'fade',
+
    padding:0;
-
pauseOnHover:true
+
    width:1000px;
-
});
+
     background-color:white;
-
     });
+
}
-
//Profile script from http://www.willmaster.com/library/web-development/replace-div-content.php
+
#globalWrapper {
-
function ReplaceContentInContainer(id,content) {
+
background-color:white;
-
var container = document.getElementById(id);
+
width:100%;
-
container.innerHTML = content;
+
margin:0;
 +
padding:0;
 +
border:none;
}
}
 +
#p-logo {
 +
display:none;
 +
}
 +
#top-section {
 +
height:18px;
 +
width: 100%;
 +
border:none;
 +
        background-color: #A1BAC0;
 +
        background-image: url(https://static.igem.org/mediawiki/2011/5/54/MichBanner.png);
 +
background-repeat: no-repeat;
 +
background-position: right;
 +
        margin:0;
 +
}
 +
#search-controls {
 +
  display:none;
 +
}
 +
#content {
 +
width:100%;
 +
margin:0;
 +
padding:0;
 +
        border:none;
 +
}
 +
#content #top, #content #siteSub, #content #contentSub {
 +
  display:none;
 +
  margin:0;
 +
  padding:0;
 +
}
 +
.firstHeading {
 +
  display:none;
 +
  margin:0;
 +
  padding:0;
 +
}
 +
#bodyContent{
 +
  width:100%;
 +
  border:none;
 +
  margin:0;
 +
  padding:0;
 +
}
 +
 +
#bodyContent p {
 +
margin:0;
 +
padding:0;
 +
}
 +
 +
/* END IGEM Header Overrides */
 +
.ColorMaize {
 +
background-color: #ffd215;
 +
}
 +
#Header {
 +
height: 110px;
 +
width:100%;
 +
border-bottom-width: 1px;
 +
border-bottom-style: solid;
 +
border-bottom-color: #000;
 +
background-image: url(https://static.igem.org/mediawiki/2011/5/54/MichBanner.png);
 +
background-repeat: no-repeat;
 +
background-position: right;
 +
}
 +
#NavBar {
 +
height: 27px;
 +
width: 100%;
 +
padding-top: 2px;
 +
border-bottom-width: 2px;
 +
border-bottom-style: inset;
 +
border-bottom-color: #CCC;
 +
        margin:0;
 +
}
 +
 +
#TopContainer {
 +
        width:100%;
 +
margin: 0px;
 +
padding: 0px;
 +
height: auto;
 +
padding: 0;
 +
}
 +
.RightBar {
 +
color: #D6D6D6;
 +
background-color: #999;
 +
position: absolute;
 +
height: 100%;
 +
width: 20%;
 +
right: 0px;
 +
        top:0px;
 +
opacity:0.3;
 +
}
 +
.LeftBar {
 +
color: #D6D6D6;
 +
background-color: #999;
 +
position: absolute;
 +
height: 100%;
 +
width: 10%;
 +
right: 0px;
 +
opacity:0.3;
 +
}
 +
.TopBar {
 +
color: #333333;
 +
background-color: #999;
 +
position: absolute;
 +
height: 20%;
 +
width: 100%;
 +
top: 0px;
 +
opacity:0.3;
 +
text-align: right;
 +
}
 +
#BLMaizeTile{
 +
z-index:1;
 +
}
 +
#TLBlueTile{
 +
z-index:2;
 +
}
 +
.ThinTopBar {
 +
color: #333333;
 +
background-color: #999;
 +
position: absolute;
 +
height: 15%;
 +
width: 100%;
 +
top: 0px;
 +
        left:0px;
 +
opacity:0.3;
 +
text-align: right;
 +
}
 +
#ContentArea {
 +
height: auto;
 +
width:100%;
 +
float:left;
 +
        margin-bottom:40px;
 +
        margin-left:40px;
 +
}
 +
#NavBar a:link {
 +
font-size: 15px;
 +
font-style: normal;
 +
font-weight: bold;
 +
text-decoration: none;
 +
color: #0d2546;
 +
margin-top: 10px;
 +
margin-right: 4px;
 +
margin-bottom: 4px;
 +
margin-left: 4px;
 +
}
 +
#Footer {
 +
float:left;
 +
height: 100px;
 +
width:100%;
 +
border-top:1px solid #000000;
 +
}
 +
#ImgPicker {
 +
color: #999;
 +
background-color: #999;
 +
height: 20%;
 +
width: 100%;
 +
z-index: 5;
 +
position: absolute;
 +
bottom: 0px;
 +
opacity:0.4;
 +
}
 +
#Logo, #Header img.current {
 +
float:left;
 +
        clear:right;
 +
}
 +
.ColorBlue {
 +
background-color: #A1BAC0;
 +
}
 +
.ColorBlueLight {
 +
background-color:#455c84;
 +
}
 +
#Abstract {
 +
height: 300px;
 +
width: 500px;
 +
float: left;
 +
}
 +
.ColorWhite {
 +
background-color: #FFFFFF;
 +
}
 +
.dvdr {
 +
color: #FFF;
 +
}
 +
#SlidePanel {
 +
float: left;
 +
height: 100%;
 +
width: 100%;
 +
background-color: #CCC;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
.tile {
 +
float: left;
 +
height: 300px;
 +
width: 300px;
 +
display: block;
 +
position: relative;
 +
        overflow:visible;
 +
}
 +
 +
.LargeContentPlane {
 +
        border: 2px solid;
 +
        border-color:#000000;
 +
        border-radius:10px;
 +
        width:90%;
 +
        height:auto;
 +
        margin:10px;
 +
        padding:15px;
 +
        float:left;
 +
}
 +
 +
.ProfPic {
 +
float: left;
 +
height: 170px;
 +
width: 170pxpx;
 +
display: block;
 +
position: relative;
 +
        clear:left;
 +
        margin-bottom:20px;
 +
}
 +
.ProfDisc {
 +
        float:left;
 +
        clear:right;
 +
        width:500px;
 +
        height:170px;
 +
        display:block;
 +
        position:relative;
 +
        margin-bottom:20px;
 +
 +
}
 +
.tileLong {
 +
float: left;
 +
height: 300px;
 +
width: 600px;
 +
display: block;
 +
padding: 0px;
 +
position: relative;
 +
}
 +
 +
.tileLongContent {
 +
float: left;
 +
height: auto;
 +
width: 90%;
 +
display: block;
 +
padding: 20px;
 +
position: relative;
 +
}
 +
#ProjTitle h3 {
 +
margin-right: 20px;
 +
}
 +
.CurrentSlide {
 +
display: inherit;
 +
vertical-align: middle;
 +
text-align: center;
 +
height: 100%;
 +
width: 100%;
 +
}
 +
.TeamPic {
 +
display: inherit;
 +
vertical-align: middle;
 +
text-align: center;
 +
height: 100%;
 +
width: 100%;
 +
}
 +
#NavBar a:hover {
 +
color: #000;
 +
text-decoration: underline;
 +
}
 +
#ProjTitle {
 +
font-size: 1.2em;
 +
font-style: italic;
 +
font-weight: bold;
 +
font-family: Tahoma, Geneva, sans-serif;
 +
text-decoration: none;
 +
float: left;
 +
text-align: right;
 +
height: auto;
 +
width: 100%;
 +
margin-top:10px;
 +
padding-right: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 10px;
 +
padding-left: 0px;
 +
        border-bottom:1px solid white;
 +
}
 +
 +
#HPButton {
 +
  width:150px;
 +
  height:auto;
 +
  margin:10px;
 +
  margin-left:20px;
 +
  padding:10px;
 +
  float:left;
 +
  text-align:center;
 +
  position:relative;
 +
}
 +
#BLImageHome {
 +
  display:block;
 +
  width:300px;
 +
  height:600px;
 +
  overflow:visible;
 +
  z-index:3;
 +
}
 +
.Slide
 +
{
 +
display:none;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
.MouseOverImg {
 +
height: auto;
 +
width: 300px;
 +
opacity: 0.2;
 +
}
 +
#ProjDesc {
 +
        font-size:1.1em;
 +
margin-top: 10px;
 +
padding-top: 70px;
 +
padding-right: 20px;
 +
padding-bottom: 20px;
 +
padding-left: 20px;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
color: #CCC;
 +
}
 +
 +
.ProfText {
 +
        font-size:1.1em;
 +
margin-top: 10px;
 +
padding:5px;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
color: #CCC;
 +
}
 +
 +
#ProjDesc h2 {
 +
        color:white;
 +
        font-size:1.2em;
 +
}
 +
 +
.MouseOverImg:Hover {
 +
opacity: 1;
 +
}
 +
 +
</style>
 +
 +
<script>
 +
function swapImage()
 +
{
 +
var $curr = $('.CurrentSlide');
 +
var $next;
 +
if($('.CurrentSlide').next().length > 0 )
 +
{
 +
$next=$('.CurrentSlide').next();
 +
}
 +
else
 +
{
 +
$next = $('#SlidePanel img:first');
 +
}
 +
 +
$curr.fadeOut('slow',function(){$curr.removeClass('CurrentSlide');$next.fadeIn('slow');$next.addClass('CurrentSlide');});
 +
 +
}
 +
$(document).ready( function() {
 +
setInterval("swapImage()",3000);
 +
});
</script>
</script>
-
</head>
+
</html>

Revision as of 18:09, 1 June 2012

Retrieved from "http://2012.igem.org/Template:WashUtop"