Team:Virginia/Team

From 2014.igem.org

(Difference between revisions)
 
(815 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Team:Virginia:Test}}
 +
<html>
 +
<head>
 +
<script src="https://2014.igem.org/Team:Virginia/fancybox/jquery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:Virginia/fancybox/script?action=raw&ctype=text/javascript"></script>
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Virginia/fancybox/style?action=raw&ctype=text/css" />
 +
 
-
html, body
+
  <script>
-
{
+
    $(".fancybox").fancybox({
-
height: 100%;
+
    helpers : {
-
}
+
        overlay : {
 +
            css : {
 +
                'background' : 'rgba(0, 0, 0, 0.95)'
 +
            }
 +
        }
 +
    }
 +
});
 +
    </script>
 +
  <style>
-
body
 
-
{
 
-
margin: 0px;
 
-
padding: 0px;
 
-
background: #088573;
 
-
font-family: 'Open Sans', sans-serif;
 
-
font-size: 13px;
 
-
color: #4F4F4F;
 
-
}
 
-
h1, h2, h3
+
        .row{
-
{
+
    height:25%;
-
margin: 0;
+
margin: 0px 0px;
-
padding: 0;
+
    }
-
font-family: 'Archivo Narrow', sans-serif;
+
-
color: #098A76;
+
-
}
+
-
p, ol, ul
+
    .col{
-
{
+
margin: 0.8em;
-
margin-top: 0px;
+
width:22%;
-
}
+
-
ol, ul
+
    }
-
{
+
-
margin: 0px;
+
-
padding: 0px;
+
-
list-style:  none
+
-
}
+
-
p
+
#placeimg{
-
{
+
height: 275px;
-
line-height: 180%;
+
}
}
-
strong
+
#another{
-
{
+
padding:1.1% 0% 1.4% 0%;
}
}
-
a
+
    .profile{
-
{
+
    width:100%;
-
color: #088674;
+
    padding: 0px;
-
}
+
    border-radius:16px;
 +
margin-top:0px;
 +
    }
-
a:hover
+
h2{
-
{
+
border-bottom: 0px;
-
text-decoration: none;
+
padding: 0px;
 +
margin: 0px;
}
}
-
a img
+
h1{
-
{
+
    color: black;
-
border: none;
+
}
}
-
img.border
 
-
{
 
-
}
 
-
img.alignleft
 
-
{
 
-
float: left;
 
-
}
 
-
img.alignright
+
header{
-
{
+
background: url("https://static.igem.org/mediawiki/2014/0/0b/VGEM_Team_Cover.jpg");
-
float: right;
+
background-size:105%;
 +
background-repeat:no-repeat;
 +
background-position: -40px -100px;
 +
background-height:450px;
}
}
-
img.aligncenter
+
#navbar{
-
{
+
margin: 0px 0px 20px 0px;
-
margin: 0px auto;
+
}
}
-
hr
 
-
{
 
-
display: none;
 
-
}
 
-
ul.style1
+
    </style>
-
{
+
</head>
-
}
+
<body>
 +
<div style="height:10px;"></div>
 +
        <header>
-
ul.style1 li
+
            <h1>Our Team</h1><img id="placeimg" src=
-
{
+
            "http://www.pepperminttechnology.co.uk/Images/BlankTransparentImg.gif">
-
padding: 1.50em 0em 1.90em 0em;
+
-
border-top: 1px solid #e8e8e8;
+
        </header>
-
}
+
-
ul.style1 a
+
  <ul id="navbar">
-
{
+
        <li>
-
text-decoration: none;
+
            <a href="https://2014.igem.org/Team:Virginia">Home</a>
-
color: #6e6d6d;
+
        </li>
-
}
+
-
ul.style1 a:hover
+
        <li>
-
{
+
            <a href="https://2014.igem.org/Team:Virginia/Team">Team</a>
-
text-decoration: underline;
+
-
}
+
-
ul.style1 .posted
+
            <ul>
-
{
+
                <li>
-
font-size: 0.90em;
+
                    <a href="https://2014.igem.org/Team:Virginia/Gallery">Gallery</a>
-
color: #b6b6b6;
+
                </li>
-
}
+
-
ul.style1 .first
+
                <li>
-
{
+
                    <a href="https://igem.org/Team.cgi?year=2014&amp;team_name=Virginia">Official Team Profile</a>
-
padding-top: 0em;
+
                </li>
-
border-top: none;
+
            </ul>
-
}
+
        </li>
 +
     
-
/** WRAPPER */
+
        <li>
 +
            <a href="https://2014.igem.org/Team:Virginia/Project">Project</a>
-
#wrapper
+
            <ul>
-
{
+
                          <li><a href=
-
background: #FFFFFF;
+
        "https://2014.igem.org/Team:Virginia/Notebook">Notebook</a></li>
-
}
+
             
 +
                <li>
 +
                    <a href="https://2014.igem.org/Team:Virginia/Parts">Parts</a>
 +
                </li>
 +
             
 +
                              <li>
 +
                    <a href="https://2014.igem.org/Team:Virginia/Modeling">Modeling</a>
 +
                </li>
 +
             
 +
 +
                              <li>
 +
                    <a href="https://2014.igem.org/Team:Virginia/Safety">Safety</a>
 +
                </li>
 +
            </ul>
 +
      </li>
 +
     
 +
              <li>
 +
            <a href="https://2014.igem.org/Team:Virginia/HumanPractices">Human Practices</a>
 +
        </li>
 +
        <li>
 +
            <a href="https://2014.igem.org/Team:Virginia/Attributions">Attributions</a><ul><li> <a href="https://2014.igem.org/Team:Virginia/Sponsors">Sponsors</a></li></ul>
 +
        </li>
 +
     
 +
          <li><a href="https://2014.igem.org/"><img src = "https://static.igem.org/mediawiki/2014/b/b3/Igem_color_logo.jpg" height="17px"></a></li>
 +
      <div style="clear: both;"></div>
 +
    </ul>
 +
<br>
 +
<div id="another">
 +
<div class="row" style="text-align:center;">
 +
    <div class="col" style="display:inline-block;">
 +
        <h2>Joshua Leehan</h2><a class="fancybox" href=
 +
        "https://static.igem.org/mediawiki/2014/9/9b/Nalgene_centrifuge_tubes.jpg"><img alt=""
 +
        class="profile" src=
 +
        "https://static.igem.org/mediawiki/2014/5/5f/VGEM_Josh_Sq1.JPG"></a>
 +
    </div>
-
.container
+
    <div class="col" style="display:inline-block;">
-
{
+
        <h2>Alexander Schmitt</h2><a class="fancybox" href=
-
width: 1000px;
+
        "https://static.igem.org/mediawiki/2014/b/b7/VGEM_Alexpopup.jpg"><img alt="" class=
-
margin: 0px auto;
+
        "profile" src=
-
}
+
        "https://static.igem.org/mediawiki/2014/8/87/VGEM_Alex_sq2.JPG"></a>
 +
    </div>
-
.clearfix
+
    <div class="col" style="display:inline-block;">
-
{
+
        <h2>Matthew Tucker</h2><a class="fancybox" href=
-
clear: both;
+
        "https://static.igem.org/mediawiki/2014/e/e0/MattPopup.JPG"><img alt="" class=
-
}
+
        "profile" src=
 +
        "https://static.igem.org/mediawiki/2014/9/92/VGEM_Matt_Sq4.JPG"></a>
 +
    </div>
-
/** HEADER */
+
    <div class="col" style="display:inline-block;">
 +
        <h2>Zi Ye</h2><a class="fancybox" href=
 +
        "https://static.igem.org/mediawiki/2014/4/4f/VGEM_ZiPopup.jpg"><img alt="" class=
 +
        "profile" src=
 +
        "https://static.igem.org/mediawiki/2014/1/10/VGEM_Zi_sq3.JPG"></a>
 +
    </div>
 +
</div>
-
#header-wrapper
+
<div class="row" style="text-align:center;">
-
{
+
    <div class="col" style="display:inline-block;">
-
overflow: hidden;
+
        <h2>Haider Inam</h2><a class="fancybox" href=
-
height: 150px;
+
        "https://static.igem.org/mediawiki/2014/5/5b/VGEM_Haider_Popup.JPG"><img alt=
-
background: #088573;
+
        "" class="profile" src=
-
border-bottom: 1px solid #3B3B3A;
+
        "https://static.igem.org/mediawiki/2014/2/29/VGEM_Haider_Sq3.JPG"></a>
-
}
+
    </div>
-
#header
+
    <div class="col" style="display:inline-block;">
-
{
+
        <h2>Grace Mantus</h2><a class="fancybox" href=
-
overflow: hidden;
+
        "https://static.igem.org/mediawiki/2014/8/89/VGEM_gracepopup.jpg"><img alt=""
-
}
+
        class="profile" src=
 +
        "https://static.igem.org/mediawiki/2014/c/cb/VGEM_Grace_sq3.JPG"></a>
 +
    </div>
-
/** LOGO */
+
    <div class="col" style="display:inline-block;">
 +
        <h2>Xinyue Yao</h2><a class="fancybox" href=
 +
        "https://static.igem.org/mediawiki/2014/4/44/VGEM_michellepopup.jpg"><img alt="" class=
 +
        "profile" src=
 +
        "https://static.igem.org/mediawiki/2014/f/fa/VGEM_Michelle_sq1.JPG"></a>
 +
    </div>
-
#logo
+
    <div class="col" style="display:inline-block;">
-
{
+
        <h2>Fangcheng Yuan</h2><a class="fancybox" href=
-
position: relative;
+
        "https://static.igem.org/mediawiki/2014/2/22/Fangchengpopup.jpg"><img alt="" class=
-
float: left;
+
        "profile" src=
-
width: 380px;
+
        "https://static.igem.org/mediawiki/2014/5/5a/VGEM_Fangcheng_sq3.JPG"></a>
-
height: 100px;
+
    </div>
-
}
+
</div>
-
#logo h1, #logo p
+
<div class="row" style="text-align:center;">
-
{
+
    <div class="col" style="display:inline-block;">
-
margin: 0px;
+
        <h2>Cara Broshkevitch</h2><a class="fancybox" href=
-
line-height: normal;
+
        "https://static.igem.org/mediawiki/2014/1/19/VGEM_CaraPopup.png"><img alt=""
-
}
+
        class="profile" src=
 +
        "https://static.igem.org/mediawiki/2014/d/d1/VGEM_Cara_sq2.JPG"></a>
 +
    </div>
-
#logo h1 a
+
    <div class="col" style="display:inline-block;">
-
{
+
        <h2>Thomas Moss</h2><a class="fancybox" href=
-
display: block;
+
        "https://static.igem.org/mediawiki/2014/1/1e/VGEM_tompopup.jpg"><img alt="" class=
-
position: absolute;
+
        "profile" src=
-
top: 0px;
+
        "https://static.igem.org/mediawiki/2014/a/a5/VGEM_Tom_Sq1.JPG"></a>
-
left: 0px;
+
    </div>
-
width: 100%;
+
</div>
-
height: 100%;
+
</div>
-
line-height: 150px;
+
<a class="button prev" id="" href="/Team:Virginia"><span>Back</span><br>Home</a>
-
color: #FFFFFF;
+
<a class="button next" id="" href="/Team:Virginia/Gallery"><span>Next</span><br>Gallery</a>
-
text-decoration: none;
+
</body>
-
text-transform: uppercase;
+
</html>
-
font-weight: 400;
+
-
font-size: 1.50em;
+
-
}
+
-
 
+
-
/** MENU */
+
-
 
+
-
#menu
+
-
{
+
-
float: right;
+
-
padding: 40px 0px 0px 0px;
+
-
height: 99px;
+
-
}
+
-
 
+
-
#menu ul
+
-
{
+
-
float: right;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
background: #0DA993;
+
-
list-style: none;
+
-
line-height: normal;
+
-
}
+
-
 
+
-
#menu li
+
-
{
+
-
float: left;
+
-
padding: 2em 2em 2em 2em;
+
-
}
+
-
 
+
-
#menu a
+
-
{
+
-
display: block;
+
-
text-decoration: none;
+
-
text-transform: uppercase;
+
-
font-weight: 400;
+
-
font-family: 'Archivo Narrow', sans-serif;
+
-
font-size: 1.10em;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
#menu a:hover
+
-
{
+
-
text-decoration: underline;
+
-
}
+
-
 
+
-
#menu .active a
+
-
{
+
-
color: #088674;
+
-
}
+
-
 
+
-
#menu .first
+
-
{
+
-
background: #FFFFFF;
+
-
border-left: none;
+
-
box-shadow: none;
+
-
color: #088674;
+
-
}
+
-
 
+
-
/** PAGE */
+
-
 
+
-
#page
+
-
{
+
-
overflow: hidden;
+
-
padding: 50px 0px;
+
-
}
+
-
 
+
-
#page h2
+
-
{
+
-
padding: 0px 0px 30px 0px;
+
-
letter-spacing: -1px;
+
-
font-family: 'Open Sans', sans-serif;
+
-
font-weight: 400;
+
-
font-size: 2em;
+
-
color: #098A76;
+
-
}
+
-
 
+
-
/** CONTENT */
+
-
 
+
-
#content
+
-
{
+
-
float: left;
+
-
width: 650px;
+
-
}
+
-
 
+
-
#content h2
+
-
{
+
-
padding: 10px 0px 20px 0px;
+
-
font-size: 2.50em;
+
-
}
+
-
 
+
-
#content img
+
-
{
+
-
float: left;
+
-
margin-right: 40px;
+
-
}
+
-
 
+
-
/** SIDEBAR */
+
-
 
+
-
#sidebar
+
-
{
+
-
float: right;
+
-
width: 300px;
+
-
}
+
-
 
+
-
#sidebar h2
+
-
{
+
-
padding: 10px 0px 20px 0px;
+
-
}
+
-
 
+
-
/* Footer */
+
-
 
+
-
#footer
+
-
{
+
-
overflow: hidden;
+
-
padding: 3em 0em;
+
-
}
+
-
 
+
-
#footer p
+
-
{
+
-
text-align: center;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
#footer a
+
-
{
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
/** Banner */
+
-
 
+
-
#banner
+
-
{
+
-
overflow: hidden;
+
-
padding: 50px 0px;
+
-
background: #E2E0DE;
+
-
border-bottom: 1px solid #D8D8D8;
+
-
}
+
-
 
+
-
/** Slider */
+
-
 
+
-
#slider
+
-
{
+
-
overflow: hidden;
+
-
margin: 0 auto;
+
-
width: 1000px;
+
-
position: relative;
+
-
}
+
-
 
+
-
#slider .button
+
-
{
+
-
display: inline-block;
+
-
background: #0074C6;
+
-
color: #ffffff;
+
-
text-align: center;
+
-
line-height: 50px;
+
-
height: 50px;
+
-
text-decoration: none;
+
-
outline: 0;
+
-
border-radius: 8px;
+
-
font-size: 1.25em;
+
-
border-bottom: solid 2px #0054A6;
+
-
text-shadow: 0 1px 1px #003A6C;
+
-
}
+
-
 
+
-
#slider .button:hover
+
-
{
+
-
background: #2094E6;
+
-
}
+
-
 
+
-
#slider .viewer
+
-
{
+
-
width: 1000px;
+
-
height: 500px;
+
-
margin: 0 auto;
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
#slider .viewer .reel
+
-
{
+
-
display: none;
+
-
}
+
-
 
+
-
#slider .viewer .reel .slide
+
-
{
+
-
position: relative;
+
-
width: 1000px;
+
-
height: 500px;
+
-
}
+
-
 
+
-
#slider .viewer .reel h2
+
-
{
+
-
position: absolute;
+
-
top: 230px;
+
-
left: 0;
+
-
padding: 0px 30px;
+
-
line-height: 80px;
+
-
background: #111111;
+
-
text-align: center;
+
-
opacity: 0.75;
+
-
font-weight: normal;
+
-
font-family: 'Archivo Narrow', sans-serif;
+
-
color: #ffffff;
+
-
font-size: 4.50em;
+
-
}
+
-
 
+
-
#slider .viewer .reel p
+
-
{
+
-
position: absolute;
+
-
top: 310px;
+
-
left: 0;
+
-
display: block;
+
-
padding: 5px 35px;
+
-
background: #0074C6;
+
-
text-align: center;
+
-
opacity: 0.75;
+
-
font-family: 'Archivo Narrow', sans-serif;
+
-
font-weight: normal;
+
-
color: #ffffff;
+
-
font-size: 2.00em;
+
-
}
+
-
 
+
-
#slider .indicator
+
-
{
+
-
margin: 30px auto 0 auto;
+
-
}
+
-
 
+
-
#slider .indicator ul
+
-
{
+
-
list-style: none;
+
-
padding: 0;
+
-
margin: 0;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#slider .indicator ul li
+
-
{
+
-
display: inline-block;
+
-
width: 12px;
+
-
height: 12px;
+
-
text-indent: -9999em;
+
-
background: #c8c8c8;
+
-
margin: 0 2px 0 2px;
+
-
border-radius: 8px;
+
-
border-bottom: solid 1px #ffffff;
+
-
border-top: solid 1px #909090;
+
-
}
+
-
 
+
-
#slider .indicator ul li.active
+
-
{
+
-
background: #505050;
+
-
border-top: solid 1px #505050;
+
-
}
+
-
 
+
-
#featured
+
-
{
+
-
overflow: hidden;
+
-
padding: 50px 0px;
+
-
border-bottom: 1px solid #D8D8D8;
+
-
}
+
-
 
+
-
#featured #fbox1
+
-
{
+
-
float: left;
+
-
width: 235px;
+
-
margin-right: 20px;
+
-
}
+
-
 
+
-
#featured #fbox2
+
-
{
+
-
float: left;
+
-
width: 235px;
+
-
margin-right: 20px;
+
-
}
+
-
 
+
-
#featured #fbox3
+
-
{
+
-
float: left;
+
-
width: 235px;
+
-
}
+
-
 
+
-
#featured #fbox4
+
-
{
+
-
float: right;
+
-
width: 235px;
+
-
}
+
-
 
+
-
#featured img
+
-
{
+
-
}
+
-
 
+
-
#featured p
+
-
{
+
-
text-align: center;
+
-
}
+
-
 
+
-
#featured h2
+
-
{
+
-
padding: 20px 0px 20px 0px;
+
-
text-align: center;
+
-
text-transform: uppercase;
+
-
font-size: 1.00em;
+
-
font-weight: 700;
+
-
font-family: 'Open Sans', sans-serif;
+
-
color: #098A76;
+
-
}
+
-
 
+
-
#featured .title
+
-
{
+
-
margin-bottom: 40px;
+
-
border-top: 1px solid #D8D8D8;
+
-
border-bottom: 1px solid #D8D8D8;
+
-
font-family: 'Open Sans', sans-serif;
+
-
font-size: 2.50em;
+
-
color: #098A76 !important;
+
-
}
+

Latest revision as of 22:59, 21 November 2014

Our Team


Joshua Leehan

Alexander Schmitt

Matthew Tucker

Zi Ye

Haider Inam

Grace Mantus

Xinyue Yao

Fangcheng Yuan

Cara Broshkevitch

Thomas Moss