Team:UTK-Knoxville

From 2013.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>
+
<!DOCTYPE HTML>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<html lang="en">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
 
-
This is a template page. READ THESE INSTRUCTIONS.
+
  <head>
-
</div>
+
    <meta charset="utf-8" />
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
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://2009.igem.org/Help:Template/Examples">HERE</a>.
+
    <link href="https://fonts.googleapis.com/css?family=Limelight|Flamenco|Federo|Yesteryear|Josefin Sans|Spinnaker|Sansita One|Handlee|Droid Sans|Oswald:400,300,700" media="screen" rel="stylesheet" type="text/css" />
-
</div>
+
    <style>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
      /* No content under the fixed bootstrap header. */
-
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>
+
  This is for links easel inserts on document links when no link is available
-
</div>
+
  to attach an href to.
 +
*/
 +
      a.easel-inserted-link {
 +
        color: inherit;
 +
        text-decoration: inherit;
 +
        border: inherit;
 +
      }
 +
    </style>
 +
    <link href="stylesheets/bootstrap.css" media="screen" rel="stylesheet" type="text/css" />
 +
    <link href="stylesheets/bootstrap-responsive.css" media="screen" rel="stylesheet" type="text/css" />
 +
    <link href="stylesheets/common.css" media="screen" rel="stylesheet" type="text/css" />
 +
    <link href="stylesheets/fontawesome.css" media="screen" rel="stylesheet" type="text/css" />
 +
    <link href="stylesheets/project.css" media="screen" rel="stylesheet" type="text/css" />
 +
    <link href="stylesheets/igem-2013-home.css" media="screen" rel="stylesheet" type="text/css" />
 +
    <!-- Typekit fonts require an account and a kit containing the fonts used. see https://typekit.com/plans for details. <script type="text/javascript" src="//use.typekit.net/YOUR_KIT_ID.js"></script>
 +
  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 +
-->
 +
    <title>iGEM 2013 Home</title>
 +
  </head>
 +
 
 +
  <body>
 +
    <div id="absolute-wrapper">
 +
      <img class="image image-1 image-2">
 +
      <div class="navbar div-1 div-2">
 +
        <div class="navbar-inner div-1">
 +
          <a class="brand" href="igem-2013-home.html">Home</a>
 +
          <ul class="nav">
 +
            <li>
 +
              <a href="#" class="a-1">Team</a>
 +
            </li>
 +
            <li>
 +
              <a href="#" class="a-2">Project</a>
 +
            </li>
 +
            <li>
 +
              <a href="#" class="a-1">Notebook</a>
 +
            </li>
 +
            <li>
 +
              <a href="#" class="a-1">Parts</a>
 +
            </li>
 +
            <li>
 +
              <a href="#" class="a-1">Safety</a>
 +
            </li>
 +
            <li>
 +
              <a href="#" class="a-3">Attributions</a>
 +
            </li>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
      <div class="div-2 div-4">
 +
        <span></span>
 +
        <span></span>
 +
        <span></span>
 +
        <h1 class="dom-heading">Project Summary/Abstract</h1>
 +
      </div>
 +
      <a class="dom-link" href="https://2013.igem.org/Main_Page">Vist the iGEM 2013 Home Page!</a>
 +
      <img src="https://static.igem.org/mediawiki/2012/5/50/2013iGEM_logo.png" class="pull-center image image-1 image-3">
 +
      <div class="div-2 div-3 div-5">
 +
        <p><u>Sponsors</u>
 +
        </p>
 +
        <h1 class="dom-heading">University of Tennessee
 +
          <br>New England Biolabs&nbsp;</h1>
 +
      </div>
 +
      <div class="div-2 div-3 div-6">
 +
        <img src="http://www.utk.edu/tntoday/wp-content/uploads/power-t-large1.jpg" class="pull-center image">
 +
      </div>
 +
    </div>
 +
    <div class="container">
 +
      <a class="easel-inserted-link" rel="inserted because no link were available to attach an href to" href="igem-2013-team.html">
 +
        <img src="images/igem-banner-2013.png" class="pull-center image">
 +
      </a>
 +
    </div>
 +
  </body>
 +
 
</html>
</html>
-
 
+
html {
-
<!-- *** End of the alert box *** -->
+
  background-color: #f77f00;
-
 
+
}
-
 
+
body {
-
 
+
  padding-left: 0;
-
{|align="justify"
+
  padding-right: 0;
-
|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.
+
  background: transparent;
-
|[[Image:UTK-Knoxville_logo.png|200px|right|frame]]
+
}
-
|-
+
/* This makes absolutely positioned elements like p, h1,
-
|
+
    and some bootstrap elements placed properly. */
-
''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
#absolute-wrapper p, #absolute-wrapper h1, #absolute-wrapper h2, #absolute-wrapper h3, #absolute-wrapper h4, #absolute-wrapper h5, #absolute-wrapper h6 {
-
|[[Image:UTK-Knoxville_team.png|right|frame|Your team picture]]
+
  margin-top: 0 !important;
-
|-
+
}
-
|
+
/* Set floating dom-heading margins to 0 */
-
|align="center"|[[Team:UTK-Knoxville | Team UTK-Knoxville]]
+
[class*="dom-heading"] {
-
|}
+
  margin: 0;
-
 
+
}
-
<!--- The Mission, Experiments --->
+
#absolute-wrapper {
-
 
+
  position: relative;
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
  width: 980px;
-
!align="center"|[[Team:UTK-Knoxville|Home]]
+
  margin: 0 auto;
-
!align="center"|[[Team:UTK-Knoxville/Team|Team]]
+
  height: 1px;
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UTK-Knoxville Official Team Profile]
+
}
-
!align="center"|[[Team:UTK-Knoxville/Project|Project]]
+
#absolute-wrapper .image.image-1 {
-
!align="center"|[[Team:UTK-Knoxville/Parts|Parts Submitted to the Registry]]
+
  position: absolute;
-
!align="center"|[[Team:UTK-Knoxville/Modeling|Modeling]]
+
}
-
!align="center"|[[Team:UTK-Knoxville/Notebook|Notebook]]
+
#absolute-wrapper .image.image-2 {
-
!align="center"|[[Team:UTK-Knoxville/Safety|Safety]]
+
  width: 0px;
-
!align="center"|[[Team:UTK-Knoxville/Attributions|Attributions]]
+
  height: 0px;
-
|}
+
  top: 0px;
 +
  left: 0px;
 +
}
 +
#absolute-wrapper .navbar {
 +
  width: 832px;
 +
  height: 62px;
 +
  position: absolute;
 +
  top: 215px;
 +
  left: 79px;
 +
}
 +
#absolute-wrapper .navbar .navbar-inner {
 +
  border: 3px solid #4c4d4f;
 +
  border-radius: 10px;
 +
  padding: 10px;
 +
  height: 62px;
 +
  padding-left: 20px;
 +
  padding-right: 20px;
 +
}
 +
#absolute-wrapper .navbar .brand {
 +
  background: #4c4d4f;
 +
  color: #f77f00;
 +
  border: 2px solid #777777;
 +
  border-radius: 10px;
 +
  margin: 0px 15px 0px 0px;
 +
}
 +
#absolute-wrapper .navbar .nav li a {
 +
  background: #4c4d4f;
 +
  color: #f77f00;
 +
  border: 2px solid #777777;
 +
  border-radius: 10px;
 +
}
 +
#absolute-wrapper .navbar .nav li a.a-1 {
 +
  margin: 0px 20px 0px 20px;
 +
}
 +
#absolute-wrapper .navbar .nav li a.a-2 {
 +
  margin: 0px 15px 0px 15px;
 +
}
 +
#absolute-wrapper .navbar .nav li a.a-3 {
 +
  margin: 0px -20px 0px 20px;
 +
}
 +
#absolute-wrapper div.div-1 {
 +
  height: 62px;
 +
}
 +
#absolute-wrapper div.div-2 {
 +
  position: absolute;
 +
}
 +
#absolute-wrapper div.div-3 {
 +
  width: 335px;
 +
  height: 150px;
 +
}
 +
#absolute-wrapper div.div-4 {
 +
  width: 435px;
 +
  height: 656px;
 +
  top: 303px;
 +
  left: 72px;
 +
}
 +
#absolute-wrapper .div-2.div-4 .dom-heading {
 +
  font-family:"Arial";
 +
  text-align: center;
 +
}
 +
#absolute-wrapper .dom-link {
 +
  background: #ffffff;
 +
  color: #f77f00;
 +
  border-radius: 10px;
 +
  border: 1px solid #4c4d4f;
 +
  font-size: 18px;
 +
  text-align: center;
 +
  padding: 5px;
 +
  width: 213px;
 +
  height: 43px;
 +
  position: absolute;
 +
  top: 341px;
 +
  left: 642px;
 +
}
 +
#absolute-wrapper .image.image-1.image-3 {
 +
  width: 150px;
 +
  height: 100px;
 +
  top: 418px;
 +
  left: 686px;
 +
}
 +
#absolute-wrapper .div-2.div-3.div-5 {
 +
  top: 568px;
 +
  left: 591px;
 +
}
 +
#absolute-wrapper .div-2.div-3.div-5 p {
 +
  font-family:"helvetica";
 +
  font-size: 40px;
 +
  text-align: center;
 +
}
 +
#absolute-wrapper .div-2.div-3.div-5 .dom-heading {
 +
  font-family:"Arial";
 +
  text-align: center;
 +
}
 +
#absolute-wrapper .div-2.div-3.div-6 {
 +
  top: 806px;
 +
  left: 600px;
 +
}
 +
#absolute-wrapper .div-2.div-3.div-6 .image {
 +
  border-radius: 10px;
 +
}
 +
.container {
 +
  height: 258px;
 +
  width: 940px;
 +
}
 +
.container .easel-inserted-link .image {
 +
  border-radius: 10px;
 +
  margin-top: 10px;
 +
}

Revision as of 14:18, 11 May 2013

<!DOCTYPE HTML> iGEM 2013 Home

Home

Project Summary/Abstract

Vist the iGEM 2013 Home Page!

Sponsors

University of Tennessee
New England Biolabs 

html { 

 background-color: #f77f00;

} body { 

 padding-left: 0;
 padding-right: 0;
 background: transparent;

} /* This makes absolutely positioned elements like p, h1, 

    and some bootstrap elements placed properly. */
#absolute-wrapper p, #absolute-wrapper h1, #absolute-wrapper h2, #absolute-wrapper h3, #absolute-wrapper h4, #absolute-wrapper h5, #absolute-wrapper h6 {
 margin-top: 0 !important;

} /* Set floating dom-heading margins to 0 */ [class*="dom-heading"] { 

 margin: 0;

}

  1. absolute-wrapper { 
 position: relative;
 width: 980px;
 margin: 0 auto;
 height: 1px;

}

  1. absolute-wrapper .image.image-1 { 
 position: absolute;

}

  1. absolute-wrapper .image.image-2 { 
 width: 0px;
 height: 0px;
 top: 0px;
 left: 0px;

}

  1. absolute-wrapper .navbar { 
 width: 832px;
 height: 62px;
 position: absolute;
 top: 215px;
 left: 79px;

}

  1. absolute-wrapper .navbar .navbar-inner { 
 border: 3px solid #4c4d4f;
 border-radius: 10px;
 padding: 10px;
 height: 62px;
 padding-left: 20px;
 padding-right: 20px;

}

  1. absolute-wrapper .navbar .brand { 
 background: #4c4d4f;
 color: #f77f00;
 border: 2px solid #777777;
 border-radius: 10px;
 margin: 0px 15px 0px 0px;

}

  1. absolute-wrapper .navbar .nav li a { 
 background: #4c4d4f;
 color: #f77f00;
 border: 2px solid #777777;
 border-radius: 10px;

}

  1. absolute-wrapper .navbar .nav li a.a-1 { 
 margin: 0px 20px 0px 20px;

}

  1. absolute-wrapper .navbar .nav li a.a-2 { 
 margin: 0px 15px 0px 15px;

}

  1. absolute-wrapper .navbar .nav li a.a-3 { 
 margin: 0px -20px 0px 20px;

}

  1. absolute-wrapper div.div-1 { 
 height: 62px;

}

  1. absolute-wrapper div.div-2 { 
 position: absolute;

}

  1. absolute-wrapper div.div-3 { 
 width: 335px;
 height: 150px;

}

  1. absolute-wrapper div.div-4 { 
 width: 435px;
 height: 656px;
 top: 303px;
 left: 72px;

}

  1. absolute-wrapper .div-2.div-4 .dom-heading { 
 font-family:"Arial";
 text-align: center;

}

  1. absolute-wrapper .dom-link { 
 background: #ffffff;
 color: #f77f00;
 border-radius: 10px;
 border: 1px solid #4c4d4f;
 font-size: 18px;
 text-align: center;
 padding: 5px;
 width: 213px;
 height: 43px;
 position: absolute;
 top: 341px;
 left: 642px;

}

  1. absolute-wrapper .image.image-1.image-3 { 
 width: 150px;
 height: 100px;
 top: 418px;
 left: 686px;

}

  1. absolute-wrapper .div-2.div-3.div-5 { 
 top: 568px;
 left: 591px;

}

  1. absolute-wrapper .div-2.div-3.div-5 p { 
 font-family:"helvetica";
 font-size: 40px;
 text-align: center;

}

  1. absolute-wrapper .div-2.div-3.div-5 .dom-heading { 
 font-family:"Arial";
 text-align: center;

}

  1. absolute-wrapper .div-2.div-3.div-6 { 
 top: 806px;
 left: 600px;

}

  1. absolute-wrapper .div-2.div-3.div-6 .image { 
 border-radius: 10px;

} .container { 

 height: 258px;
 width: 940px;

} .container .easel-inserted-link .image { 

 border-radius: 10px;
 margin-top: 10px;

}

Retrieved from "http://2013.igem.org/Team:UTK-Knoxville"