Team:UCLA/Template

From 2013.igem.org

(Difference between revisions)
 
(79 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- <html><body bgcolor="black"><style type="text/css">
 
-
 
-
body {
 
-
background-image: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png");
 
-
}
 
-
</style>
 
-
</html> -->
 
<html>
<html>
<head>
<head>
 +
<link rel="stylesheet" href="https://2013.igem.org/Team:UCLA/Template/css?action=raw&ctype=text/css" type="text/css" />
 +
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
-
<meta name="description" content="As part of the International Genetically Engineered Machine (iGEM) competition, our team is investigating new methods of increasing the efficiency of bioremediation and biosynthesis using modified bacteria flagellin. By making chimeric insertions in the variable domain of the flagellin, we can incorporate metal binding proteins, enzymes, adhesive proteins as well as scaffolding proteins to further extend the possible applications." />
 
-
<meta name="keywords" content="Chimeriq,Queens,iGEM,Flagella,bioremediation" />
 
-
<style type="text/css">
+
var $window = $(window); //You forgot this line in the above example
-
#ca-container h3
+
-
{
+
-
font-family: 'Merienda One', cursive;
+
-
line-height: 1.5em;
+
-
}
+
-
#ca-container h6
+
-
{
+
-
font-family: 'Merienda One', cursive;
+
-
}
+
-
#footer
+
-
{
+
-
width:1000px;
+
-
}
+
-
body
+
-
{
+
-
background-image: url('http://dl.dropbox.com/u/46807995/website%20background.png');
+
-
z-index:-99;
+
-
}
+
-
#menu { position: relative; top: 0; left: 0; overflow: hidden; height: 1000px;}
+
$('section[data-type="background"]').each(function(){
-
#menu .colourful { display: block; position: absolute; background: #f0ad22; height: 35px; width: 85px; top: 4px; left: -100px; }
+
var $bgobj = $(this); // assigning the object
-
#menu ul { margin: 0; padding: 0; list-style: none; float: left; position: absolute; top: 0; left: 0; z-index: 1; }
+
$(window).scroll(function() {
-
#menu li { float: left; }
+
-
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: 35px; }
+
-
#menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; }
+
-
#globalWrapper
+
//var yPos = -($(window).scrollTop() / $bgobj.data('speed'));
-
{
+
var yPos = -( ($(window).scrollTop() - $bgobj.offset().top) / $bgobj.data('speed'));
-
width: 99.3%;
+
 +
// Put together our final background position
 +
var coords = '50% '+ yPos + 'px';
 +
// Move the background
 +
$bgobj.css({ backgroundPosition: coords });
 +
});
 +
});
 +
});
-
}
+
$(function() {
-
#top-section { height: 20px; margin-bottom: 5; !important;
+
  $('a[href*=#]:not([href=#])').click(function() {
-
border: none; font-size: 12px; background-color:#C5E2ED;
+
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
-
-webkit-border-radius: 10px;
+
        || location.hostname == this.hostname) {
-
-khtml-border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
border-radius: 0px 10px 10px 0px;
+
-
-moz-box-shadow: 3px 3px 4px #000;
+
-
-webkit-box-shadow: 3px 3px 4px #000;
+
-
box-shadow: 3px 3px 4px #000;
+
-
margin-bottom: 2px;
+
-
padding-top: 5px;
+
-
padding-bottom: 5px;
+
-
position:fixed;
+
-
top: 33%;
+
-
left: 0px;
+
-
z-index:99;
+
-
opacity: 0.8;}
+
-
#p-logo { height:0px; overflow:hidden; display: none;}
+
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
      var target = $(this.hash);
 +
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
 +
      if (target.length) {
 +
        $('html,body').animate({
 +
          scrollTop: target.offset().top
 +
        }, 1000);
 +
        return false;
 +
      }
 +
    }
 +
  });
 +
});
 +
</script>
 +
</head>
-
#content
 
-
{
 
-
border-left: none;
 
-
    border-right: none;
 
-
background-color: transparent;
 
-
width:100%
 
-
}
 
-
#bodyContent { border: none; padding:0; margin:0; width: 100%; height:100%;
 
-
}
 
-
.firstHeading { display: none;}
 
-
#content2
 
-
{
 
-
-khtml-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
-moz-box-shadow: 3px 3px 4px #000;
 
-
-webkit-box-shadow: 3px 3px 4px #000;
 
-
box-shadow: 3px 3px 4px #000;
 
-
margin-bottom: 10px;
 
-
        background-color: white;
 
-
}
 
 +
<body id="bg">
 +
<div id="container">
 +
<div id="top-panel">
 +
<a href = "https://igem.org/Main_Page"><img style ="float:right; margin:150px 0px 0px 0px"  src = "https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" height = "50" width = "60"/></a>
 +
</div>
 +
</div>
-
#searchform { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 
-
body {background-color: white; width: 100%;}
 
-
h3#siteSub { display: none;}
 
-
#contentSub {display: none;}
 
-
#top-section
+
<style>
-
{
+
#nav { font-family: "Raleway", serif; font-size: 12px; color: white;}  
-
width:auto;
+
#nav { background-color: #0070B0; width: 1150px; list-style: none; }
-
height: auto;
+
#nav { float: left; margin: 0px 0px auto -100px; z-index: 5; }
-
}
+
#nav li { float: left; margin: 0px 25px 0px -5px; position:relative; }
-
#menubar
+
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
-
{
+
#nav a:hover { color: #D6D615; }
-
width: 75px;
+
#nav {border-radius:8px; border: 2px solid white; }
-
position:relative;
+
-
}
+
-
 
+
-
.left-menu, .left-menu a {
+
-
    left: 0px;
+
-
    text-align: left;
+
-
    color: black;
+
-
    text-transform: lowercase;
+
-
    clear: both;
+
-
    display: block;
+
-
}
+
-
 
+
-
.left-menu:hover {
+
-
    color: black;
+
-
    background-color: transparent;
+
-
}
+
-
 
+
-
.right-menu
+
-
{
+
-
position:relative;
+
-
display:block;
+
-
}
+
-
 
+
-
#menubar ul
+
-
{
+
-
background-color: #9999ff
+
-
opacity: 0;
+
-
 
+
-
}
+
-
 
+
-
.left-menu.noprint
+
-
{
+
-
display: inline;
+
-
background-color: #9999ff
+
-
opacity: 0;
+
-
padding-top: 5px;
+
-
 
+
-
}
+
-
.selected
+
-
{
+
-
 
+
-
display: inline;
+
-
 
+
-
}
+
-
 
+
-
a {
+
-
    text-decoration: none;
+
-
}
+
-
.right-menu.noprint
+
-
{
+
-
width: 75px;
+
-
}
+
-
.right-menu li a
+
-
{
+
-
padding: 0 0 0 0;
+
-
}
+
-
 
+
-
.right-menu li a.new {
+
-
    color: black;
+
-
    padding-top: 0px;
+
-
}
+
-
 
+
-
#menubar li {
+
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
-
    color: black;
+
-
    font-family: "Trebuchet MS", Helvetica, sans-serif;
+
-
    font-size: 14px;
+
-
    padding-top: 5px;
+
-
 
+
-
}
+
-
.left-menu li
+
-
{
+
-
    color: black;
+
-
}
+
-
.left-menu li a {
+
-
    padding: 0px 10px 0px 0px;
+
-
}
+
-
.left-menu .selected {
+
-
color: black;
+
-
padding-top: 5px;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
color: black;
+
-
#}
+
-
 
+
-
.left-menu:hover a {
+
-
    color: black;
+
-
}
+
-
.left-menu ul
+
-
{
+
-
margin-left: 10px;
+
-
padding-right: 10px;
+
-
}
+
-
.right-menu ul
+
-
{
+
-
margin-left: 10px;
+
-
padding-right: 10px;
+
-
}
+
-
.right-menu li {
+
-
#    background-color: #9999ff;
+
-
padding: 0px 0px 0px 0px;
+
-
display: block;
+
-
text-align: left;
+
-
}
+
-
.right-menu li a {
+
-
    padding: 0px 0px 0px 0px;
+
-
    color: black;
+
-
    background-color: transparent;
+
-
    clear:both;
+
-
    display:block;
+
-
    text-align: left;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: black;
+
-
    text-decoration: underline;
+
-
padding: 0px 0px 0px 0px;
+
-
}
+
-
.right-menu li a.new {
+
-
    color: black;
+
-
padding-top: 0px;
+
-
  }
+
-
.right-menu li a.new:hover {
+
-
    color: black;
+
-
    text-decoration: underline;
+
-
    padding-top: 0px;
+
-
}
+
-
 
+
-
#header
+
-
{
+
-
height: 150px;
+
-
width: 1000px;
+
-
-webkit-border-radius: 10px;
+
-
-khtml-border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
border-radius: 10px;
+
-
-moz-box-shadow: 3px 3px 4px #000;
+
-
-webkit-box-shadow: 3px 3px 4px #000;
+
-
box-shadow: 3px 3px 4px #000;
+
-
margin-bottom: 10px;
+
-
        line-spacing: 100%;
+
-
        text-align: center;
+
-
background-image:url('https://static.igem.org/mediawiki/2012/9/96/Headerv2.png');
+
-
background-repeat:no-repeat;
+
-
background-color:#ffffff;
+
-
z-index: 2;
+
-
position: relative;
+
-
margin-left:auto;
+
-
margin-right:auto;
+
-
}
+
-
#headerfont1
+
-
{
+
-
font-size: 4em;
+
-
}
+
-
#headerfont1 a {
+
-
color:black;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#headerfont1 a:hover
+
-
{
+
-
color: black;
+
-
text-decoration: none;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
#qboxlink {
+
-
position: absolute;
+
-
top:18px;
+
-
left:669px;
+
-
width:90px;
+
-
height:65px;
+
-
background-color: transparent;
+
-
border: none;
+
-
}
+
-
#iboxlink {
+
-
position: absolute;
+
-
top:0px;
+
-
right:0px;
+
-
width:75px;
+
-
height:61px;
+
-
background-color: transparent;
+
-
border: none;
+
-
z-index: 99;
+
-
}
+
-
 
+
-
 
+
-
h2{color:#96d446; }
+
-
h2,h4, h5, h2.noline, h2.topheader{font-family:"Segoe WP", serif; font-size:200%; line-height:35px; border-bottom:0; margin-bottom:5px; border-top:0px; margin-top:10px; padding-top:30px; font-weight:light;}
+
-
h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
+
-
h2.topheader{border-top:0; padding-top:0; margin-top:5px; font-weight:normal}
+
-
 
+
-
h1
+
-
{
+
-
font-family: "Trebuchet MS", Helvetica ,sans-serif;
+
-
border:none
+
-
}
+
-
 
+
-
h3
+
-
{
+
-
font-family: "Trebuchet MS", Helvetica ,sans-serif;
+
-
}
+
-
 
+
-
#catlinks
+
-
{
+
-
display:none;
+
-
}
+
-
f1
+
-
{
+
-
font-size: 70px;
+
-
font-family: "Trebuchet MS";
+
-
}
+
-
 
+
-
f1 a:link
+
-
{
+
-
color: black
+
-
}
+
-
 
+
-
f1 a:hover
+
-
{
+
-
color: black;
+
-
text-decoration: none;
+
-
}
+
-
f1 a:active
+
-
{
+
-
color: black;
+
-
}
+
-
 
+
-
f1 a:visited
+
-
{
+
-
color: black;
+
-
}
+
-
 
+
-
#footer-box
+
-
{
+
-
-webkit-border-radius: 10px;
+
-
-khtml-border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
border-radius: 10px;
+
-
margin-bottom: 5 px;
+
-
padding-top: 5px;
+
-
padding-bottom: 5px;
+
-
        background-color: white;
+
-
        border-color: transparent;
+
-
        width:1000px;
+
-
        opacity: 0.8;
+
-
        background-color: transparent;
+
-
 
+
-
 
+
-
}
+
-
#teamtable
+
-
{
+
-
font-family:"Trebuchet MS", Helvetica, sans-serif;
+
-
font-size:12px;
+
-
text-align: center;
+
-
background:none;
+
-
border-spacing:20pt;
+
-
border:0pt;
+
-
}
+
-
#teamtd, #teamth
+
-
{
+
-
border:30px;
+
-
width:170px;
+
-
vertical-align:top;
+
-
}
+
-
#teamth
+
-
{
+
-
text-align:left;
+
-
font-size:20px;
+
-
color:gray;
+
-
}
+
-
#caption {
+
-
background: #333;
+
-
border-right: 1px solid #666;
+
-
border-bottom: 1px solid #666;
+
-
border-left: 1px solid #666;
+
-
border-top: 1px solid #666;
+
-
font-family: Verdana;
+
-
font-size: 11px;
+
-
padding: 4px;
+
-
-moz-border-radius-bottomright: 6px;
+
-
-moz-border-radius-bottomleft: 6px;
+
-
-webkit-border-bottom-right-radius: 6px;
+
-
-webkit-border-bottom-left-radius: 6px;
+
-
color: #eee;
+
-
}
+
-
#upbutton
+
-
{
+
-
background-color:DarkGreen;
+
-
-khtml-border-radius: 10px;
+
-
-moz-border-radius: 10px;
+
-
border-radius: 10px;
+
-
-moz-box-shadow: 3px 3px 4px #000;
+
-
-webkit-box-shadow: 3px 3px 4px #000;
+
-
box-shadow: 3px 3px 4px #000;
+
-
        right: 5px;
+
-
        bottom: 5px;
+
-
        position: fixed;
+
-
        color: white;
+
-
        font-weight: bold;
+
-
        font-size: 3em;
+
-
  z-index: 999;
+
-
  opacity: .8;
+
-
  height: 40px;
+
-
  width: 40px;
+
-
  background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Upbutton1.png');
+
-
  display:none;
+
-
}
+
-
#contentmain
+
-
{
+
-
margin-bottom: 10px;
+
-
width:745px;
+
-
background-color: transparent;
+
-
padding: 10px 10px 10px 10px
+
-
display:inline;
+
-
float:left;
+
-
margin-top: 50px;
+
-
}
+
-
#twitter_wrapper
+
-
{
+
-
width: 200px;
+
-
background-color: white;
+
-
right: 0px;
+
-
display:inline;
+
-
float:right;
+
-
margin-top: 25px;
+
-
 
+
-
}
+
-
ul#submenu {
+
-
    margin: 0px;
+
-
    padding: 0px;
+
-
    top: 0px;
+
-
    right: 200px;
+
-
    list-style: none;
+
-
    z-index:999999;
+
-
z-index: 0;
+
-
}
+
-
ul#submenu li {
+
-
    display:inline;
+
-
    float:left;
+
-
    width:100px;
+
-
    margin-left:1px;
+
-
z-index: 0;
+
-
 
+
-
}
+
-
#submenu_container
+
-
{
+
-
position: absolute;
+
-
height: 75px;
+
-
display:block;
+
-
left: 200px;
+
-
display:none;
+
-
}
+
-
ul#submenu li a {
+
-
    display: block;
+
-
    font-weight:bold;
+
-
    text-shadow:1px 1px 1px #fff;
+
-
    float:left;
+
-
    height: 35px;
+
-
    width: 100%;
+
-
    color:#603d05;
+
-
    background-color: grey;
+
-
    text-decoration:none;
+
-
    text-align:center;
+
-
    cursor:pointer;
+
-
    postion: relative;
+
-
    left: 65px;
+
-
 
+
-
z-index: 0;
+
-
 
+
-
}
+
-
ul#submenu li a:hover{
+
-
 
+
-
}
+
-
 
+
-
ul#submenu
+
-
{
+
-
}
+
-
#controlbar
+
-
{
+
-
left:0px;
+
-
width:50px;
+
-
height: 20px;
+
-
font-size: 1em;
+
-
position:fixed;
+
-
bottom:0px;
+
-
background-color: dodgerblue;
+
-
color:white;
+
-
text-align: center;
+
-
cursor:default;
+
-
display:none;
+
-
 
+
-
}
+
-
#headercontainer
+
-
{
+
-
width:100%
+
-
}
+
-
#pagecontent
+
-
{
+
-
width: 1000px;
+
-
margin-left:auto;
+
-
margin-right:auto;
+
-
margin-top: 150px;
+
-
background-image: url('http://dl.dropbox.com/u/46807995/retina_wood.png');
+
-
border-radius: 15px;
+
-
}
+
-
#topbarcontainer
+
-
{
+
-
background-color: #C5E2ED;
+
-
background-repeat: repeat-x;
+
-
width: 100%;
+
-
min-width: 1000px;
+
-
height: 60px;
+
-
position: absolute;
+
-
top: 0px;
+
-
left: 0px;
+
-
margin-bottom: 25px;
+
-
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
+
-
}
+
-
#topbar
+
-
{
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
height: 60px;
+
-
position:relative;
+
-
width: 1000px;
+
-
background-color: transparent;
+
-
bottom: 0px;
+
-
 
+
-
}
+
-
 
+
-
#igemlogocontainer
+
-
{
+
-
position:absolute; width:75px; right:0px; top:0px;
+
-
}
+
-
.ca-container{
+
-
position:relative;
+
-
margin:25px auto 20px auto;
+
-
width:990px;
+
-
height:450px;
+
-
        background-color: transparent;
+
-
}
+
-
.ca-wrapper{
+
-
width:100%;
+
-
height:100%;
+
-
position:relative;
+
-
}
+
-
.ca-item{
+
-
position:relative;
+
-
float:left;
+
-
width:330px;
+
-
height:100%;
+
-
text-align:center;
+
-
}
+
-
.ca-more{
+
-
position: absolute;
+
-
bottom: 10px;
+
-
right:0px;
+
-
padding:4px 15px;
+
-
font-weight:bold;
+
-
background: #ccbda2;
+
-
text-align:center;
+
-
color: white;
+
-
font-family: "Georgia","Times New Roman",serif;
+
-
font-style:italic;
+
-
text-shadow:1px 1px 1px #897c63;
+
-
}
+
-
.ca-close{
+
-
position:absolute;
+
-
top:10px;
+
-
right:10px;
+
-
background:#fff url('https://photos-2.dropbox.com/btj/fb944905/MtnDr20-rnUT6e81x8dYhcU0Gmu0f1ylMwkTjp1s2UQ/cross.png') no-repeat center center;
+
-
width:27px;
+
-
height:27px;
+
-
text-indent:-9000px;
+
-
outline:none;
+
-
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
opacity:0.7;
+
-
}
+
-
.ca-close:hover{
+
-
opacity:1.0;
+
-
}
+
-
.ca-item-main{
+
-
padding:20px;
+
-
position:absolute;
+
-
top:5px;
+
-
left:5px;
+
-
right:5px;
+
-
bottom:5px;
+
-
background:#fff;
+
-
overflow:hidden;
+
-
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
}
+
-
.ca-icon{
+
-
width:189px;
+
-
height:189px;
+
-
position:relative;
+
-
margin:0 auto;
+
-
background:transparent url('http://dl.dropbox.com/u/46807995/QGEM%202012%20Logo3.png') no-repeat center center;
+
-
}
+
-
.ca-item-2 .ca-icon{
+
-
background-image:url('http://dl.dropbox.com/u/46807995/QGEM%202012%20Logo3.png');
+
-
}
+
-
.ca-item-3 .ca-icon{
+
-
background-image:url(../images/animal3.png);
+
-
}
+
-
.ca-item-4 .ca-icon{
+
-
background-image:url(../images/animal4.png);
+
-
}
+
-
.ca-item-5 .ca-icon{
+
-
background-image:url(../images/animal5.png);
+
-
}
+
-
.ca-item-6 .ca-icon{
+
-
background-image:url(../images/animal6.png);
+
-
}
+
-
.ca-item-7 .ca-icon{
+
-
background-image:url(../images/animal7.png);
+
-
}
+
-
.ca-item-8 .ca-icon{
+
-
background-image:url(../images/animal8.png);
+
-
}
+
-
.ca-item h3{
+
-
font-family: 'Coustard', sans-serif;
+
-
text-transform:uppercase;
+
-
font-size:30px;
+
-
color:#000;
+
-
margin-bottom:20px;
+
-
height:85px;
+
-
text-align:center;
+
-
text-shadow: 0px 1px 1px #e4ebe9;
+
-
}
+
-
.ca-item h4{
+
-
font-family: 'Philosopher', sans-serif;;
+
-
font-style:italic;
+
-
font-size:12px;
+
-
text-align:left;
+
-
border-left:10px solid #b0ccc6;
+
-
padding-left:10px;
+
-
line-height:24px;
+
-
margin:10px;
+
-
position:relative;
+
-
}
+
-
.ca-item h4 span{
+
-
text-indent:40px;
+
-
display:block;
+
-
}
+
-
.ca-item h4  span.ca-quote{
+
-
color:#f4eee3;
+
-
font-size:100px;
+
-
position:absolute;
+
-
top:20px;
+
-
left:0px;
+
-
text-indent:0px;
+
-
}
+
-
.ca-content-wrapper{
+
-
background:#b0ccc6;
+
-
position:absolute;
+
-
width:0px; /* expands to width of the wrapper minus 1 element */
+
-
height:440px;
+
-
top:5px;
+
-
text-align:left;
+
-
z-index:10000;
+
-
overflow:hidden;
+
-
}
+
-
.ca-content{
+
-
width:660px;
+
-
overflow:hidden;
+
-
}
+
-
.ca-content-text{
+
-
font-size: 14px;
+
-
font-style: italic;
+
-
font-family: "Georgia","Times New Roman",serif;
+
-
margin:10px 20px;
+
-
padding:10px 20px;
+
-
line-height:24px;
+
-
        list-style-type: none;
+
-
}
+
-
.ca-content-text p{
+
-
padding-bottom:5px;
+
-
}
+
-
.ca-content h6{
+
-
margin:25px 20px 0px 35px;
+
-
font-size:32px;
+
-
padding-bottom:5px;
+
-
color:#000;
+
-
font-family: 'Coustard', sans-serif;
+
-
color:#60817a;
+
-
border-bottom:2px solid #99bcb4;
+
-
text-shadow: 1px 1px 1px #99BCB4;
+
-
}
+
-
.ca-content ul{
+
-
margin:20px 35px;
+
-
height:30px;
+
-
        list-style:none;
+
-
}
+
-
.ca-content ul li{
+
-
float:left;
+
-
margin:0px 2px;
+
-
}
+
-
.ca-content ul li a{
+
-
color:#fff;
+
-
background:#000;
+
-
padding:3px 6px;
+
-
font-size:14px;
+
-
font-family: "Georgia","Times New Roman",serif;
+
-
font-style:italic;
+
-
}
+
-
.ca-content ul li a:hover{
+
-
background:#fff;
+
-
color:#000;
+
-
text-shadow:none;
+
-
}
+
-
.ca-nav span{
+
-
width:25px;
+
-
height:38px;
+
-
background:transparent url('https://photos-1.dropbox.com/btj/4159138c/aALpyYLbAaADO2-Ebio68A3s-L7ioYLKSv_9ocokcRY/arrows.png?size=1024x768') no-repeat top left;
+
-
position:absolute;
+
-
top:50%;
+
-
margin-top:-19px;
+
-
left:-40px;
+
-
text-indent:-9000px;
+
-
opacity:0.7;
+
-
cursor:pointer;
+
-
z-index:100;
+
-
}
+
-
.ca-nav span.ca-nav-next{
+
-
background-position:top right;
+
-
left:auto;
+
-
right:-40px;
+
-
}
+
-
.ca-nav span:hover{
+
-
opacity:1.0;
+
-
}
+
-
.ca-container{
+
-
position:relative;
+
-
margin:25px auto 20px auto;
+
-
width:990px;
+
-
height:450px;
+
-
}
+
-
.ca-wrapper{
+
-
width:100%;
+
-
height:100%;
+
-
position:relative;
+
-
}
+
-
.ca-item{
+
-
position:relative;
+
-
float:left;
+
-
width:330px;
+
-
height:100%;
+
-
text-align:center;
+
-
}
+
-
.ca-more{
+
-
position: absolute;
+
-
bottom: 10px;
+
-
right:0px;
+
-
padding:4px 15px;
+
-
font-weight:bold;
+
-
background: #ccbda2;
+
-
text-align:center;
+
-
color: white;
+
-
font-family: "Georgia","Times New Roman",serif;
+
-
font-style:italic;
+
-
text-shadow:1px 1px 1px #897c63;
+
-
}
+
-
.ca-close{
+
-
position:absolute;
+
-
top:10px;
+
-
right:10px;
+
-
background:#fff url(../images/cross.png) no-repeat center center;
+
-
width:27px;
+
-
height:27px;
+
-
text-indent:-9000px;
+
-
outline:none;
+
-
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
opacity:0.7;
+
-
}
+
-
.ca-close:hover{
+
-
opacity:1.0;
+
-
}
+
-
.ca-item-main{
+
-
padding:20px;
+
-
position:absolute;
+
-
top:5px;
+
-
left:5px;
+
-
right:5px;
+
-
bottom:5px;
+
-
background:#fff;
+
-
overflow:hidden;
+
-
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
-
}
+
-
.ca-icon{
+
-
width:233px;
+
-
height:189px;
+
-
position:relative;
+
-
margin:0 auto;
+
-
background:transparent url(../images/animal1.png) no-repeat center center;
+
-
}
+
-
.ca-item-2 .ca-icon{
+
-
background-image:url(../images/animal2.png);
+
-
}
+
-
.ca-item-3 .ca-icon{
+
-
background-image:url(../images/animal3.png);
+
-
}
+
-
.ca-item-4 .ca-icon{
+
-
background-image:url(../images/animal4.png);
+
-
}
+
-
.ca-item-5 .ca-icon{
+
-
background-image:url(../images/animal5.png);
+
-
}
+
-
.ca-item-6 .ca-icon{
+
-
background-image:url(../images/animal6.png);
+
-
}
+
-
.ca-item-7 .ca-icon{
+
-
background-image:url(../images/animal7.png);
+
-
}
+
-
.ca-item-8 .ca-icon{
+
-
background-image:url(../images/animal8.png);
+
-
}
+
-
.ca-item h3{
+
-
font-family: 'Coustard', sans-serif;
+
-
text-transform:uppercase;
+
-
font-size:30px;
+
-
color:#000;
+
-
margin-bottom:20px;
+
-
height:85px;
+
-
text-align:center;
+
-
text-shadow: 0px 1px 1px #e4ebe9;
+
-
}
+
-
.ca-item h4{
+
-
font-family: "Georgia","Times New Roman",serif;
+
-
font-style:italic;
+
-
font-size:12px;
+
-
text-align:left;
+
-
border-left:10px solid #b0ccc6;
+
-
padding-left:10px;
+
-
line-height:24px;
+
-
margin:10px;
+
-
position:relative;
+
-
}
+
-
.ca-item h4 span{
+
-
text-indent:40px;
+
-
display:block;
+
-
}
+
-
.ca-item h4  span.ca-quote{
+
-
color:#f4eee3;
+
-
font-size:100px;
+
-
position:absolute;
+
-
top:20px;
+
-
left:0px;
+
-
text-indent:0px;
+
-
}
+
-
.ca-content-wrapper{
+
-
background:#b0ccc6;
+
-
position:absolute;
+
-
width:0px; /* expands to width of the wrapper minus 1 element */
+
-
height:440px;
+
-
top:5px;
+
-
text-align:left;
+
-
z-index:10000;
+
-
overflow:hidden;
+
-
}
+
-
.ca-content{
+
-
width:660px;
+
-
overflow:hidden;
+
-
}
+
-
.ca-content-text{
+
-
font-size: 14px;
+
-
font-style: italic;
+
-
font-family: "Georgia","Times New Roman",serif;
+
-
margin:10px 20px;
+
-
padding:10px 20px;
+
-
line-height:24px;
+
-
}
+
-
.ca-content-text p{
+
-
padding-bottom:5px;
+
-
}
+
-
.ca-content h6{
+
-
margin:25px 20px 0px 35px;
+
-
font-size:32px;
+
-
padding-bottom:5px;
+
-
color:#000;
+
-
font-family: 'Coustard', sans-serif;
+
-
color:#60817a;
+
-
border-bottom:2px solid #99bcb4;
+
-
text-shadow: 1px 1px 1px #99BCB4;
+
-
}
+
-
.ca-content ul{
+
-
margin:20px 35px;
+
-
height:30px;
+
-
}
+
-
.ca-content ul li{
+
-
float:left;
+
-
margin:0px 2px;
+
-
}
+
-
.ca-content ul li a{
+
-
color:#fff;
+
-
background:#000;
+
-
padding:3px 6px;
+
-
font-size:14px;
+
-
font-family: "Georgia","Times New Roman",serif;
+
-
font-style:italic;
+
-
}
+
-
.ca-content ul li a:hover{
+
-
background:#fff;
+
-
color:#000;
+
-
text-shadow:none;
+
-
}
+
-
.ca-nav span{
+
-
width:25px;
+
-
height:38px;
+
-
background:transparent url(../images/arrows.png) no-repeat top left;
+
-
position:absolute;
+
-
top:50%;
+
-
margin-top:-19px;
+
-
left:-40px;
+
-
text-indent:-9000px;
+
-
opacity:0.7;
+
-
cursor:pointer;
+
-
z-index:100;
+
-
}
+
-
.ca-nav span.ca-nav-next{
+
-
background-position:top right;
+
-
left:auto;
+
-
right:-40px;
+
-
}
+
-
.ca-nav span:hover{
+
-
opacity:1.0;
+
-
}
+
-
.subs
+
-
{
+
-
background-color: #C5E2ED;
+
-
margin: 40px 0px 0px 0px;
+
-
 
+
-
}
+
-
.subs li
+
-
{
+
-
display: block;
+
-
clear: both;
+
-
margin: 5px 5px 5px 5px;
+
-
}
+
-
.subs {
+
-
    background-color: #C5E2ED;
+
-
    border:1px solid #222;
+
-
    border-radius: 0 5px 5px 5px;
+
-
    border-width: 0 1px 1px;
+
-
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
+
-
    left: auto;
+
-
    overflow: hidden;
+
-
    position: relative;
+
-
    top: -9999px;
+
-
    z-index: 2;
+
-
    margin-top: 40px;
+
-
    list-style: none outside none;
+
-
    cursor: pointer;
+
-
    padding: 5px;
+
-
 
+
-
    -moz-transform: scaleY(0);
+
-
    -ms-transform: scaleY(0);
+
-
    -o-transform: scaleY(0);
+
-
    -webkit-transform: scaleY(0);
+
-
    transform: scaleY(0);
+
-
 
+
-
    -moz-transform-origin: 0 0;
+
-
    -ms-transform-origin: 0 0;
+
-
    -o-transform-origin: 0 0;
+
-
    -webkit-transform-origin: 0 0;
+
-
    transform-origin: 0 0;
+
-
 
+
-
    -moz-transition: -moz-transform 0.1s linear;
+
-
    -ms-transition: -ms-transform 0.1s linear;
+
-
    -o-transition: -o-transform 0.1s linear;
+
-
    -webkit-transition: -webkit-transform 0.1s linear;
+
-
    transition: transform 0.1s linear;
+
-
}
+
-
.menulist li:hover ul.subs {
+
-
    left: 0;
+
-
    top: 53px;
+
-
    width: 180px;
+
-
 
+
-
    -moz-transform: scaleY(1);
+
-
    -ms-transform: scaleY(1);
+
-
    -o-transform: scaleY(1);
+
-
    -webkit-transform: scaleY(1);
+
-
    transform: scaleY(1);
+
-
}
+
-
 
+
-
.subs li
+
-
{
+
-
width: 170px;
+
-
border: 0px black solid;
+
-
border-bottom: 2px;
+
-
}
+
-
.subs li:hover
+
-
{
+
-
width: 170;
+
-
background-image: url('http://dl.dropbox.com/u/46807995/menu2.png');
+
-
}
+
</style>
</style>
-
</head>
+
<ul id="nav">
-
<body>
+
<li style="margin-left: 30px;"><a href="https://2013.igem.org/Team:UCLA">HOME</a>
-
<div id="topbarcontainer">
+
</li>
-
<div id="topbar">
+
<li><a href="/Team:UCLA/Project">PROJECT</a></li>
-
<a href="https://2012.igem.org/Team:Queens_Canada">
+
<li><a href="/Team:UCLA/Team">TEAM</a></li>
-
<img src="https://static.igem.org/mediawiki/2012/9/96/Headerv2.png" style="float:left">
+
<li><a href="/Team:UCLA/Parts">PARTS</a></li>
-
</a>
+
<li><a href="/Team:UCLA/Modeling">MODELING</a></li>
 +
<li><a href="/Team:UCLA/HumanPractices">HUMAN PRACTICES</a></li>
 +
<li><a href="/Team:UCLA/Notebook/Biobrick">NOTEBOOK</a></li>
 +
<li><a href="/Team:UCLA/Safety">SAFETY</a></li>
 +
        <li><a href="/Team:UCLA/Attributions">ATTRIBUTIONS</a></li>
 +
        <li><a href="https://igem.org/2013_Judging_Form?id=1176">JUDGING</a></li>
 +
</ul>
-
<a id="qboxlink" href="http://www.queensu.ca/"></a>
 
-
<a id="iboxlink" href="https://2012.igem.org/Main_Page"></a>
 
-
      <div id="menu">
 
-
        <ul class="menulist">
 
-
       
 
-
<li class="menuitem1">
 
-
            <a href="https://2012.igem.org/Team:Queens_Canada">Home </a>
 
-
</li>
 
-
</li>
+
</body>
-
<li class="menuitem2">
+
-
            <a href="https://2012.igem.org/Team:Queens_Canada/Team">Team</a>
+
-
<div class="subs" style="margin: 40px 0px 0px 0px;">
+
-
</div>
 
-
          </li>
 
-
<li class="menuitem">
 
-
            <a href="https://2012.igem.org/Team:Queens_Canada/ChimeriQ">ChimeriQ</a>
 
-
 
-
<ul class="subs" style="margin: 40px 0px 0px 172px;">
 
-
<li id="desc">
 
-
Description
 
-
</li>
 
-
<li id="results">
 
-
Results
 
-
</li>
 
-
<li id="parts">
 
-
Parts
 
-
</li>
 
-
<li id="nblink">
 
-
Notebook
 
-
</li>
 
-
</ul>
 
-
          </li>
 
-
<li class="menuitem">
 
-
            <a href="https://2012.igem.org/Team:Queens_Canada/Guide/DNA">Guide</a>
 
-
<ul class="subs" style="margin: 40px 0px 0px 257px;">
 
-
<li id="Guide_DNA">
 
-
DNA
 
-
</li>
 
-
<li id="Guide_mRNA">
 
-
mRNA
 
-
</li>
 
-
<li id="Guide_Protein">
 
-
Protein Structure
 
-
</li>
 
-
</ul>
 
-
          </li>
 
-
<li class="menuitem">
 
-
            <a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
 
-
<ul class="subs" style="margin: 40px 0px 0px 340px;">
 
-
<li id="whowhy">Who and Why?</li>
 
-
<li id="how">How?</li>
 
-
<li id="dyphd">Dance Your PhD
 
-
          </li>
 
-
</ul>
 
-
<li class="menuitem">
 
-
            <a href="https://2012.igem.org/Team:Queens_Canada/Partners">Partners</a>
 
-
<ul class="subs" style="margin: 40px 0px 0px 427px;">
 
-
<li id="sponsors">
 
-
Sponsors
 
-
</li>
 
-
<li id="collaborators">
 
-
Attributions
 
-
</li>
 
-
<li>
 
-
</li>
 
-
</ul>
 
-
          </li>
 
-
<li class="menuitem">
 
-
            <a href="https://2012.igem.org/Team:Queens_Canada/Safety">Extras</a>
 
-
<ul class="subs" style="margin: 40px 0px 0px 417px;">
 
-
<li id="safety">
 
-
Safety
 
-
</li>
 
-
<li id="Flight">
 
-
Flight of the Flagellin
 
-
</li>
 
-
</ul>
 
-
          </li>
 
-
        </ul>
 
-
      </div>
 
-
<div id="igemlogocontainer">
 
-
<a class="menulink" href="https://2012.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2012/5/52/Igemlogo2.png" width=75> </a>
 
-
</div>
 
</div>
</div>
-
</div>
 
-
<div id="menuselector">
 
-
 
-
</div>
 
-
 
-
<a href="#topbarcontainer">
 
-
<div id="upbutton">
 
-
</div>
 
-
</a>
 
-
<div id="controlbar">
 
-
Control
 
-
</div>
 
-
 
-
<script type="text/javascript">
 
-
    var scrolltimer;
 
-
    var displayed = false;
 
-
    var $message = $("#upbutton");
 
-
    var $window = $(window);
 
-
    var topwindow = $("#topbarcontainer").position().top;
 
-
    var $message2 = $("#top-section");
 
-
 
-
    $window.scroll(function () {
 
-
        window.clearTimeout(scrolltimer);
 
-
        scrolltimer = window.setTimeout(function () {
 
-
            if($window.scrollTop() <= topwindow)
 
-
            {
 
-
                displayed = false;
 
-
                $message.fadeOut(500);
 
-
                $message2.fadeIn(500);
 
-
            }
 
-
            else if(displayed === false)
 
-
            {
 
-
                $message2.fadeOut(500);
 
-
                $message.fadeIn(500);
 
-
                displayed = true;
 
-
                $message.click(function () { $message.fadeOut(500); });
 
-
            }
 
-
        }, 100);
 
-
    });
 
-
</script>
 
-
<script>
 
-
$('#desc').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/ChimeriQ';
 
-
});
 
-
$('#results').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/ChimeriQ/Results';
 
-
});
 
-
$('#parts').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/ChimeriQ/Parts';
 
-
});
 
-
$('#nblink').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/Notebook/Week1';
 
-
});
 
-
$('#sponsors').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/Partners';
 
-
 
-
});
 
-
$('#collaborators').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/Attributions';
 
-
});
 
-
 
-
$('#media').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/Media';
 
-
});
 
-
$('#safety').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/Safety';
 
-
});
 
-
$('#Guide_DNA').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/Guide/DNA';
 
-
});
 
-
$('#Guide_mRNA').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/Guide/mRNA';
 
-
});
 
-
$('#Guide_Protein').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/Guide/Protein_Structure';
 
-
});
 
-
$('#Flight').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/flight';
 
-
});
 
-
$('#whowhy').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/SynthetiQ/whowhy';
 
-
});
 
-
$('#how').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/SynthetiQ/how';
 
-
});
 
-
$('#dyphd').click(function(){
 
-
  window.location = 'https://2012.igem.org/Team:Queens_Canada/SynthetiQ/dyphd';
 
-
});
 
-
</script>
 
</html>
</html>

Latest revision as of 23:26, 27 September 2013

Retrieved from "http://2013.igem.org/Team:UCLA/Template"