Team:Utah State/Team

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
<title>Demo Menu - PSDGraphics.com</title>
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<link href="dropdown-menu.css" media="screen" rel="stylesheet" type="text/css" />
 +
<title>USU iGEM 2012</title>
-
{|align="justify"
+
<style media="screen" type="text/css">
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
-
|[[Image:Utah_State_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
|[[Image:Utah_State_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Utah_State | Team Utah_State]]
+
-
|}
+
 +
#navigation {
 +
margin:0;
 +
padding: 0 25px 0;
 +
clear:both;
 +
width:970px;
 +
height:51px;
 +
background: #d6eaf8 url(https://static.igem.org/mediawiki/2012/3/3e/Dropdown-bg.gif) repeat-x left top;
 +
}
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
ul.nav-main,
-
!align="center"|[[Team:Utah_State|Home]]
+
ul.nav-main li {
-
!align="center"|[[Team:Utah_State/Team|Team]]
+
list-style: none;
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Utah_State Official Team Profile]
+
margin: 0;
-
!align="center"|[[Team:Utah_State/Project|Project]]
+
padding: 0;
-
!align="center"|[[Team:Utah_State/Parts|Parts Submitted to the Registry]]
+
}
-
!align="center"|[[Team:Utah_State/Modeling|Modeling]]
+
-
!align="center"|[[Team:Utah_State/Notebook|Notebook]]
+
-
!align="center"|[[Team:Utah_State/Safety|Safety]]
+
-
!align="center"|[[Team:Utah_State/Attributions|Attributions]]
+
-
|}
+
 +
ul.nav-main {
 +
position: relative;
 +
z-index: 597;
 +
}
-
== '''Who we are''' ==
+
ul.nav-main li:hover > ul {
-
{|border = "0"
+
visibility: visible;
-
|-
+
}
-
|rowspan="3"|
+
 +
ul.nav-main li.hover,
 +
ul.nav-main li:hover {
 +
position: relative;
 +
z-index: 599;
 +
cursor: pointer;
 +
background: url(https://static.igem.org/mediawiki/2012/a/a9/Dropdown-bg-hover.gif) repeat-x left top;
 +
}
-
'''Advisors:'''
+
ul.nav-main li {
 +
float:left;
 +
display:block;
 +
height: 51px;
 +
color: #999;
 +
font: 14px Arial, Helvetica, sans-serif;
 +
background: url(https://static.igem.org/mediawiki/2012/3/3e/Dropdown-bg.gif) repeat-x;
 +
}
-
*''' Advisor 1''':     Mentor for all
+
ul.nav-main li a {
-
*'''Advisor 2''':     Our favorite
+
display:block;
-
*'''Grad Student 1''':     Our leader 
+
padding: 16px 16px 0 16px;
 +
height: 35px;
 +
color: #999;
 +
font: 14px Arial, Helvetica, sans-serif;
 +
text-decoration:none;
 +
}
 +
ul.nav-main li a:hover {
 +
color:#D6D6D6;
 +
}
-
'''Undergrads:'''
 
-
*'''Student 1''':    Sleepyhead
 
-
*'''Student 2''':    Math nerd
 
-
*'''Student 3''':  Michael, Is going to save the world
 
-
*'''Student 4''':    Loves iGEM
 
-
*'''Student 5''':  A normal student... or(r) am I?
 
-
*'''Student 6''':  Table football fan
 
-
*'''Student 7''':
 
 +
ul.nav-main *.list {
 +
padding-right: 22px;
 +
background: url(images/navigation-arrow.gif) no-repeat right top;
 +
}
-
|
 
-
<gallery>
 
-
Image:Utah_State_Team_member_1.png|Team member 1
 
-
Image:Utah_State_Team_member_2.png|Team member 2
 
-
Image:Utah_State_Team_member_3.png|Team member 3
 
-
Image:Utah_State_Team_member_4.png|Team member 4
 
-
Image:Utah_State_Team_member_5.png|Team member 5
 
-
Image:Utah_State_Team_member_6.png|Team member 6
 
-
Image:Utah_State_Team_member_7.png|Team member 7
 
-
</gallery>
 
-
|}
 
-
== '''What we did''' ==
 
-
(Provide proper attribution for all work)
+
ul.nav-sub {
 +
visibility: hidden;
 +
position: absolute;
 +
padding:10px;
 +
top: 48px;
 +
left: 0;
 +
z-index: 598;
 +
background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top;
 +
border-right: 1px solid #000;
 +
border-bottom: 1px solid #000;
 +
border-left: 1px solid #000;
 +
}
-
== '''Where we're from''' ==
+
ul.nav-sub li {
 +
list-style:none;
 +
display:block;
 +
padding: 0;
 +
height: 27px;
 +
float: none;
 +
width:145px;
 +
border-bottom: 1px solid #5a5a5a;
 +
background: none;
 +
}
 +
 
 +
ul.nav-sub li a {
 +
list-style:none;
 +
display:block;
 +
padding: 6px 5px 6px 5px;
 +
height: 15px;
 +
float: none;
 +
width:145px;
 +
background: none;
 +
font: 12px Arial, Helvetica, sans-serif;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
#globalWrapper {width: 100%;}
 +
#top-section {width: 100%; height:30px; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
#menubar a {color:#000000;}
 +
#menubar a:hover{text-decoration:none; color:#52749C;}
 +
.left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;}
 +
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
 +
.right-menu ul li a {background-color:#FFFFFF;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
#catlinks {display:none;}
 +
.firstHeading {display:none;}
 +
#content {width: 100%; border:none;}
 +
#bodyContent {border:none;}
 +
/* Add Style Rules Here*/
 +
@charset "utf-8";
 +
/* CSS Document */
 +
 
 +
/* General HTML Tag Rules */
 +
body {
 +
background-image:url(https://static.igem.org/mediawiki/2012/1/18/Bg_body.jpg)
 +
background-repeat:repeat-x;
 +
background-color:#a39dbf;
 +
background-attachment:fixed;
 +
background-position:top;
 +
background-image: url(https://static.igem.org/mediawiki/2012/1/18/Bg_body.jpg);
 +
background-repeat: repeat-x;
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6 {
 +
 +
}
 +
 
 +
p {
 +
 +
}
 +
 
 +
a {
 +
 +
}
 +
 
 +
a:hover {
 +
 +
}
 +
 
 +
hr {
 +
 +
}
 +
 
 +
/* General Template Class Rules */
 +
 
 +
.wrapOverall {
 +
width: 1020px;
 +
        margin: 0px auto;
 +
 +
}
 +
.wrapBuckets {
 +
 
 +
}
 +
.logo {
 +
 
 +
}
 +
.navMain { background-image: url(https://static.igem.org/mediawiki/2012/a/ac/Bg_nav.png);
 +
  background-repeat:no-repeat;
 +
  background-position:top center;
 +
  height:48px;
 +
  margin:0px;
 +
  padding:0px;
 +
 
 +
 
 +
}
 +
.bucket1 { background-image: url(https://static.igem.org/mediawiki/2012/6/6b/Bg_abstract.png);
 +
  background-repeat:no-repeat;
 +
  background-position:top center;
 +
  height:48px;
 +
  margin:0px;
 +
  padding:0px;
 +
  list-style-type:none;
 +
                  height: 150px;
 +
 +
}
 +
.bucket2 {
 +
 +
}
 +
 
 +
/* General Navigation Rules */
 +
 
 +
.navMain ul {
 +
margin-top:9px;
 +
padding:0px;
 +
font-family: Helvetica;
 +
font-size: 16;
 +
font-weight:bold
 +
color: #FFF;
 +
text-decoration:none;
 +
}
 +
.navMain ul li {
 +
  margin-top: 5px;
 +
  padding:0px 32px 0px;
 +
  list-style:none;
 +
  display:inline;
 +
  text-decoration:none;
 +
 
 +
}
 +
.navMain ul li a {
 +
  margin:0px;
 +
  padding:0px;
 +
}
 +
.navMain ul li a:hover {
 +
 +
}
 +
 
 +
/* Bucket Rules */
 +
 
 +
.bucket ul {
 +
 +
}
 +
.bucket ul li {
 +
 +
}
 +
 
 +
 
 +
.wrapOverall .logo .navigation .navMain ul li a {
 +
font-size: 9px;
 +
}
 +
.wrapOverall .logo .navigation .navMain ul li a {
 +
font-size: 14px;
 +
}
 +
.wrapOverall .logo .navigation .navMain ul li a {
 +
color: #000;
 +
}
 +
.wrapOverall .logo .navigation .navMain ul li a {
 +
color: #FFF;
 +
}
 +
.table-main
 +
  {
 +
font-family: Helvetica;
 +
text-decoration: underline;
 +
font-size: 18px;
 +
list-style: none;
 +
margin-left: 20px;
 +
}
 +
.wrapTeam
 +
  {
 +
 
 +
}
 +
.wrapPhoto
 +
  {
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
  float: left;
 +
}
 +
.wrapRow1
 +
  {
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
}
 +
 
 +
.wrapRow2
 +
  {
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
}
 +
 
 +
.wrapRow3
 +
  {
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
}
 +
 
 +
.wrapRow4
 +
  {
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
}
 +
 
 +
.wrapRow5
 +
  {
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
}
 +
 
 +
.wrapRow6
 +
  {
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
}
 +
 
 +
.wrapRow7
 +
  {
 +
  margin-left: 20px;
 +
  display: inline-block;
 +
}
 +
 
 +
.wrapProfile1
 +
  {
 +
  float: left;
 +
  width: 500px;
 +
  height: 301px;
 +
  display: inline-block;
 +
}
 +
 
 +
.wrapProfile2
 +
  {
 +
  float: right;
 +
  width: 500px;
 +
  height: 301px;
 +
  display: inline-block; 
 +
}
 +
 
 +
.textProfile
 +
  {
 +
  float: right;
 +
  font-family: Helvetica;
 +
  width: 226px;
 +
  height: 301px;
 +
  font-size: 14px;  
 +
}
 +
 
 +
.table-names
 +
  {
 +
  font-family: Helvetica;
 +
  font-weight: bold;
 +
  list-style: none;
 +
  text-decoration: underline;
 +
  font-size: 16px;
 +
}
 +
 
 +
</style>
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
<div class="wrapOverall">
 +
  <img src="https://static.igem.org/mediawiki/2012/a/ad/Utah_State_logo2.png" alt="USU 2012" width="369" height="188"> 
 +
  <div class="logo">
 +
       
 +
<div class="navigation">
 +
            <ul id="navigation" class="nav-main">
 +
<li><a href="#">Home</a></li>
 +
   
 +
    <li class="list"><a href="#">Team</a>
 +
<ul class="nav-sub">
 +
    <li><a href="#">About Utah State</a></li>
 +
   
 +
</ul>
 +
</li>
 +
   
 +
    <li class="list"><a href="#">Project</a>
 +
<ul class="nav-sub">
 +
    <li><a href="#">Background</a></li>
 +
<li><a href="#">Applications</a></li>
 +
<li><a href="#">Design</a></li>
 +
        <li><a href="#">Experimental</a></li>
 +
        <li><a href="#">Resutls</a></li>
 +
</ul>
 +
</li>
 +
   
 +
    <li><a href="#">Protocols</a></li>
 +
    <li><a href="#">BioBricks</a></li>
 +
    <li><a href="#">Attributions</a></li>
 +
    <li><a href="#">Safety</a></li>   
 +
   
 +
 
 +
</ul>
 +
<div class="wrapTeam">
 +
               
 +
                <br>
 +
                </br>
 +
                <li class="table-main">Undergraduates</li>
 +
                <br>
 +
               
 +
                </br>
 +
               
 +
                <div class="wrapRow1">
 +
               
 +
                    <div class="wrapProfile1">               
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/e/ed/AndreaHalling4.png" alt="Andrea Halling" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Andrea Halling
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
                    <div class="wrapProfile2">                                           
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/1/17/JamalAbdinor.png" alt="Jamal Abdinor" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Jamal Abdinor
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
            </div>         
 +
            <br>
 +
            <br>
 +
<div class="wrapRow2">
 +
                    <div class="wrapProfile1">               
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/c/c8/ThomasHarris.png" alt="Thomas Harris" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Thomas Harris
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
                    <div class="wrapProfile2">                                           
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/5/5c/RyanPutman.png" alt="Ryan Putman" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Ryan Putman
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
            </div>
 +
            <br>
 +
            <br>               
 +
                <div class="wrapRow3">   
 +
                    <div class="wrapProfile1">               
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/d/d2/BrianSmith.png" alt="Brian Smith" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Brian Smith
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
                    <div class="wrapProfile2">                                           
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/f/f9/ElizabethMartinez.png" alt="Elizabeth Martinez" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Elizabeth Martinez
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
            </div>
 +
            <br>
 +
            <br>                 
 +
              <div class="wrapRow4">
 +
                    <div class="wrapProfile1">               
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/b/bb/CharlesBarentine.png" alt="Charles Barentine" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Charles Barentine
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
                    <div class="wrapProfile2">                                           
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/6/65/FredericoRodriguez.png" alt="Frederico Rodriguez" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Frederico Rodriguez
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
            </div>
 +
               
 +
                <br>
 +
                <br>
 +
                <br>
 +
                <br>
 +
                <li class="table-main">Graduate Advisers</li>
 +
                <br>
 +
                <br>
 +
                   
 +
              <div class="wrapRow5">
 +
                    <div class="wrapProfile1">               
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/5/57/AsifRahman.png" alt="Asif Rahman" width="226" height="240">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Asif Rahman
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
                    <div class="wrapProfile2">                                           
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/6/60/CodyTramp.png" alt="Cody Tramp" width="226" height="249">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Cody Tramp
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
            </div>
 +
                                     
 +
              <div class="wrapRow6">                 
 +
                    <div class="wrapProfile1">               
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/7/77/JoshuaEllis.png" alt="Joshua Ellis" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Joshua Ellis
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
                    <div class="wrapProfile2">                                           
 +
                        <div class="wrapPhoto"><img src="http://www.veryicon.com/icon/png/Movie%20%26%20TV/Looney%20Tunes/Daffy%20Duck%20Angry.png" alt="Cameron Copeland" width="226" height="226">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Cameron Copeland
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
            </div>
 +
                <br>
 +
                <br>
 +
                <br>
 +
                <br>
 +
                <li class="table-main">Instructors</li>
 +
              <br>
 +
                <br>               
 +
                   
 +
              <div class="wrapRow7">                 
 +
                    <div class="wrapProfile1">               
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/0/08/CharlesMiller.jpg" alt="Charles Miller" width="225" height="267">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        <li class="table-names">
 +
                            Charles Miller
 +
                            </li>
 +
                        </div>
 +
                  </div>
 +
                    <div class="wrapProfile2">                                           
 +
                        <div class="wrapPhoto"><img src="https://static.igem.org/mediawiki/igem.org/5/5c/RyanPutman.png" alt="Ryan Putman" width="226" height="301">
 +
                        </div>
 +
                        <div class="textProfile">
 +
                        Some things about stuff
 +
                        </div>
 +
                  </div>
 +
            </div>
 +
               
 +
                </div>
 +
       
 +
       
 +
  </div>
 +
           
 +
  </div>
 +
       
 +
</div>
 +
                           
 +
 
 +
   
 +
</body>
 +
</html>

Revision as of 08:37, 25 July 2012

Demo Menu - PSDGraphics.com USU iGEM 2012

USU 2012

Retrieved from "http://2012.igem.org/Team:Utah_State/Team"