Team:UT Dallas/Parts

From 2011.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 397: Line 397:
<div class="main">
<div class="main">
   <div class="header">
   <div class="header">
-
    <div class="logo">
+
  <div class = "logo">
-
       <h1><a href="index.html"><span>UTDallas</span> iGem 2011<small></small></a></h1>
+
       <h1><span>UTDallas</span> iGem<small></small></h1>
     </div>
     </div>
-
  <br></br>
+
   
     <div class="menu_nav">
     <div class="menu_nav">
-
<br></br>
+
 
       <ul>
       <ul>
         <li><a href="https://2011.igem.org/Team:UT_Dallas"><font size="3" face="verdana">Home</a></font></li>
         <li><a href="https://2011.igem.org/Team:UT_Dallas"><font size="3" face="verdana">Home</a></font></li>
Line 408: Line 408:
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Project"><font size="3" face="verdana">Project</a></font></li>
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Project"><font size="3" face="verdana">Project</a></font></li>
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Protocols"><font size="3" face="verdana">Protocols</a></font></li>
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Protocols"><font size="3" face="verdana">Protocols</a></font></li>
-
         <li class = "active"><a href="https://2011.igem.org/Team:UT_Dallas/Parts"><font size="3" face="verdana">Parts</a></font></li>
+
         <li class = "active"><a href="#"><font size="3" face="verdana">Parts</a></font></li>
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Modeling"><font size="3" face="verdana">Modeling</a></font></li>
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Modeling"><font size="3" face="verdana">Modeling</a></font></li>
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Notebook</a></font></li>
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Notebook</a></font></li>
-
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Human Practices"><font size="3" face="verdana">Human Practices</a></font></li>
+
         <li><a href="https://2011.igem.org/Team:UT_Dallas/HumanPractices"><font size="3" face="verdana">Human Practices</a></font></li>
-
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Gallery"><font size="3" face="verdana">Gallery</a></font></li>
+
         <li><a href="https://2011.igem.org/Team:UT_Dallas/Safety"><font size="3" face="verdana">Safety</a></font></li>
          
          
       </ul>
       </ul>
Line 418: Line 418:
     </div>
     </div>
     <div class="clr"></div>
     <div class="clr"></div>
-
     <div class="hbg"><img src="https://static.igem.org/mediawiki/2011/b/b2/Original_Banner_for_UTD_website.png" width="968" height="300" alt="" />
+
     <div class="hbg"><img src="https://static.igem.org/mediawiki/2011/b/b2/Original_Banner_for_UTD_website.png" width="970" height="300" alt="" />
-
    <!-- <div class="text">
+
 
-
        <h3>Creating Futures</h3>
+
-
      </div>-->
+
-
 
+
     </div>
     </div>
   </div>
   </div>
Line 429: Line 426:
       <div class="mainbar">
       <div class="mainbar">
         <div class="article">
         <div class="article">
-
           <h2><span> Parts</span></h2>
+
 
 +
           <h2><span>Parts</span></h2><br></br>
           <p> <font size="3" face="verdana"></font></p>
           <p> <font size="3" face="verdana"></font></p>
 +
 +
       
           <div class="clr"></div>
           <div class="clr"></div>
-
           <!--<img src="images/images_1.jpg" width="613" height="193" alt="" /><br></br> Add pictures, diagrams, and captions here.<br></br>
+
            
-
          <img src="images/images_1.jpg" width="613" height="193" alt="" /><br></br> Add pictures, diagrams, and captions here.<br></br>-->
+
                   <div class="clr"></div>
                   <div class="clr"></div>
Line 443: Line 442:
               </div>
               </div>
-
        <!--<div class="pagenavi"><span class="pages">Page 1 of 2</span><span class="current">1</span><a href="#">2</a><a href="#" >&raquo;</a></div>-->
+
     
       </div>
       </div>
       <div class="sidebar">
       <div class="sidebar">
Line 459: Line 458:
         <div class="gadget">
         <div class="gadget">
-
          <h2><span></span><font size="5" face="Arial">Explore Our Wiki!</font></h2>
+
 
 +
        <h2><span></span><font size="5" face="Arial">Explore Our Wiki!</font></h2>
           <div class="clr"></div>
           <div class="clr"></div>
           <ul class="sb_menu">
           <ul class="sb_menu">
Line 467: Line 467:
             <li><a href="https://2011.igem.org/Team:UT_Dallas/Protocols"><font size="3" face="verdana">Protocols</a></font></li>
             <li><a href="https://2011.igem.org/Team:UT_Dallas/Protocols"><font size="3" face="verdana">Protocols</a></font></li>
-
             <li class = "active" ><a href="https://2011.igem.org/Team:UT_Dallas/Parts"><font size="4" face="verdana">Parts</a></font></li>
+
             <li class = "active" ><a href="#"><font size="4" face="verdana">Parts</a></font></li>
             <li><a href="https://2011.igem.org/Team:UT_Dallas/Modeling"><font size="3" face="verdana">Modeling</a></font></li>
             <li><a href="https://2011.igem.org/Team:UT_Dallas/Modeling"><font size="3" face="verdana">Modeling</a></font></li>
             <li><a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Notebook</a></font></li>
             <li><a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Notebook</a></font></li>
             <li><a href="https://2011.igem.org/Team:UT_Dallas/HumanPractices"><font size="3" face="verdana">Human Practices</a></font></li>
             <li><a href="https://2011.igem.org/Team:UT_Dallas/HumanPractices"><font size="3" face="verdana">Human Practices</a></font></li>
-
             <li><a href="https://2011.igem.org/Team:UT_Dallas/Gallery"><font size="3" face="verdana">Gallery</a></font></li>
+
             <li><a href="https://2011.igem.org/Team:UT_Dallas/Safety"><font size="3" face="verdana">Safety</a></font></li>
           </ul>
           </ul>
         </div>
         </div>
                       <div class="gadget">
                       <div class="gadget">
-
          <h2 class="grey"><span>Multimedia</span></h2>
+
       
           <div class="clr"></div>
           <div class="clr"></div>
-
          <div class="testi">
+
-
            <p><span class="q"><img src="https://static.igem.org/mediawiki/2011/8/85/Quote_1.gif" width="16" height="14" alt="" /></span>Twitter embed <span class="q"><img src="https://static.igem.org/mediawiki/2011/a/a1/Quote_2.gif" width="16" height="14" alt="" /></span></p>
+
</div>         <div class="testi">
 +
</body>        
 +
</html>
 +
<font size = "6" color = "#FFFFFF">UTDallas</font><groupparts>iGEM011 UTDallas</groupparts>
 +
 +
<html>
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<title>biz solution</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link href="style.css" rel="stylesheet" type="text/css" />
 +
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
 +
<script type="text/javascript" src="js/script.js"></script>
 +
<script type="text/javascript" src="js/cufon-yui.js"></script>
 +
<script type="text/javascript" src="js/arial.js"></script>
 +
<script type="text/javascript" src="js/cuf_run.js"></script>
 +
 +
</head>
 +
<body>
 +
<style media="screen" type="text/css">
 +
@charset "utf-8";
 +
body {
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
color:#959595;
 +
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
 +
background:#404040;
 +
}
 +
html, .main {
 +
padding:0;
 +
margin:0 auto;
 +
width:970px;
 +
}
 +
.logo {
 +
float:left;
 +
width:300px;
 +
height:51px;
 +
padding:15px;
 +
margin:0 auto;
 +
}
 +
h1 {
 +
margin:0;
 +
padding:0;
 +
color:#afaeae;
 +
font:bold 38px/1.2em Arial, Helvetica, sans-serif;
 +
letter-spacing:-2px;
 +
}
 +
h1 a, h1 a:hover {
 +
color:#afaeae;
 +
text-decoration:none;
 +
}
 +
h1 span {
 +
color:#9dd9ff;
 +
}
 +
h1 small {
 +
display:block;
 +
padding:0;
 +
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
 +
letter-spacing:normal;
 +
}
 +
h2 {
 +
font:normal 24px Arial, Helvetica, sans-serif;
 +
padding:8px 0;
 +
margin:0;
 +
color:#595959;
 +
}
 +
h3 {
 +
font:normal 46px Arial, Helvetica, sans-serif;
 +
padding:80px 0 0;
 +
margin:0;
 +
color:#FFF;
 +
}
 +
p {
 +
margin:8px 0;
 +
padding:0 0 8px 0;
 +
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
 +
}
 +
p.spec {
 +
}
 +
a {
 +
color:#97c950;
 +
text-decoration:underline;
 +
}
 +
a.rm, a.com {
 +
padding:0;
 +
text-decoration:none;
 +
padding:5px 15px;
 +
background:#78bbe6;
 +
color:#FFF;
 +
}
 +
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
 +
margin:0;
 +
padding:0;
 +
}
 +
.header {
 +
padding:0;
 +
margin:0 auto;
 +
}
 +
.hbg {
 +
padding:0;
 +
margin:0;
 +
background:#78bbe6;
 +
height:271px;
 +
}
 +
.hbg img {
 +
float:left;
 +
}
 +
.hbg .text {
 +
float:left;
 +
width:317px;
 +
text-align:center;
 +
}
 +
.menu_nav {
 +
margin:0;
 +
padding:0;
 +
height:81px;
 +
}
 +
.menu_nav ul {
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
float:right;
 +
}
 +
.menu_nav ul li {
 +
margin:0;
 +
padding:25px 5px 0 0;
 +
float:left;
 +
}
 +
.menu_nav ul li a {
 +
display:block;
 +
margin:0 5px 0 0;
 +
padding:10px 15px;
 +
color:#fff;
 +
text-decoration:none;
 +
font-size:13px;
 +
line-height:16px;
 +
background:#cccccc;
 +
}
 +
.menu_nav ul li.active a, .menu_nav ul li a:hover {
 +
text-decoration:none;
 +
background:#78bbe6;
 +
}
 +
.content {
 +
padding:13px;
 +
margin:0;
 +
}
 +
.mainbar {
 +
margin:0;
 +
padding:0;
 +
float:right;
 +
width:643px;
 +
}
 +
.mainbar img {
 +
padding:4px;
 +
border:1px solid #f2f2f1;
 +
background:#FFF;
 +
}
 +
.mainbar img.fl {
 +
margin:4px 16px 4px 0;
 +
float:left;
 +
}
 +
.mainbar .article {
 +
margin:0;
 +
padding:10px 0 5px 20px;
 +
}
 +
.mainbar .article a {
 +
color:#78bbe6;
 +
}
 +
.mainbar .post-data a {
 +
color:#595959;
 +
}
 +
.mainbar .spec a.rm, .mainbar a.com {
 +
color:#FFF;
 +
}
 +
.sidebar {
 +
padding:0;
 +
float:left;
 +
width:301px;
 +
}
 +
.sidebar .gadget {
 +
margin:0;
 +
padding:10px 20px 5px 0;
 +
}
 +
.sidebar .gadget .title {
 +
text-align:right;
 +
}
 +
.sidebar .gadget span.q {
 +
text-align:right;
 +
font:normal 60px/12px Arial, Helvetica, sans-serif;
 +
color:#d9d9d9;
 +
}
 +
ul.sb_menu, ul.ex_menu, .testi {
 +
margin:0;
 +
padding:0;
 +
color:#939393;
 +
list-style:none;
 +
}
 +
ul.sb_menu li, ul.ex_menu li {
 +
margin:0;
 +
}
 +
ul.sb_menu li {
 +
padding:2px 0;
 +
}
 +
ul.ex_menu li {
 +
padding:2px 0;
 +
}
 +
ul.sb_menu li a, ul.ex_menu li a {
 +
display:block;
 +
color:#959595;
 +
text-decoration:none;
 +
padding:5px 5px 5px 15px;
 +
background:url(
 +
https://static.igem.org/mediawiki/2011/archive/e/e1/20110714195925%21Menu_link.gif) no-repeat left center;
 +
}
 +
ul.ex_menu li span {
 +
padding:0 0 0 15px;
 +
}
 +
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a {
 +
background:url(https://static.igem.org/mediawiki/2011/1/1b/Menu_hover.gif) no-repeat left center;
 +
}
 +
ul.sb_menu li a:hover {
 +
text-decoration:underline;
 +
}
 +
ul.ex_menu li a:hover {
 +
text-decoration:underline;
 +
}
 +
.content .mainbar .comment {
 +
margin:0;
 +
padding:16px 0 0 0;
 +
}
 +
.content .mainbar .comment img.userpic {
 +
border:1px solid #dedede;
 +
margin:10px 16px 0 0;
 +
padding:0;
 +
float:left;
 +
}
 +
.fbg {
 +
margin:0;
 +
padding:20px;
 +
background:#78bbe6;
 +
}
 +
.fbg img {
 +
padding:4px;
 +
border:1px solid #cfd2d4;
 +
background-color:#fff;
 +
}
 +
.fbg p, .fbg h2 {
 +
color:#fbfbfb;
 +
}
 +
.fbg a {
 +
color:#fbfbfb;
 +
}
 +
.fbg .col {
 +
margin:0;
 +
float:left;
 +
background:url(
 +
https://static.igem.org/mediawiki/2011/0/04/Fbg_line.gif) repeat-y right;
 +
}
 +
.fbg .c1 {
 +
padding:0 20px 0 0;
 +
width:260px;
 +
}
 +
.fbg .c2 {
 +
padding:0 20px;
 +
width:320px;
 +
}
 +
.fbg .c3 {
 +
padding:0 0 0 20px;
 +
width:270px;
 +
background:none;
 +
}
 +
.fbg .c1 img {
 +
margin:8px 16px 8px 0;
 +
}
 +
.fbg .c3 img {
 +
margin:8px 16px 4px 0;
 +
float:left;
 +
}
 +
.footer {
 +
}
 +
.footer_resize {
 +
margin:0 auto;
 +
padding:20px;
 +
width:930px;
 +
}
 +
.footer p {
 +
margin:0;
 +
padding:4px 0;
 +
}
 +
.footer a {
 +
color:#9a9a9a;
 +
padding:inherit;
 +
text-decoration:underline;
 +
}
 +
.footer a:hover {
 +
text-decoration:none;
 +
}
 +
.footer .lf {
 +
float:left;
 +
}
 +
.footer .rf {
 +
float:right;
 +
}
 +
ol {
 +
list-style:none;
 +
}
 +
ol li {
 +
display:block;
 +
clear:both;
 +
}
 +
ol li label {
 +
display:block;
 +
margin:0;
 +
padding:16px 0 0 0;
 +
}
 +
ol li input.text {
 +
width:480px;
 +
border:1px solid #c0c0c0;
 +
margin:2px 0;
 +
padding:5px 2px;
 +
height:16px;
 +
background:#fff;
 +
}
 +
ol li textarea {
 +
width:480px;
 +
border:1px solid #c0c0c0;
 +
margin:2px 0;
 +
padding:2px;
 +
background:#fff;
 +
}
 +
ol li .send {
 +
margin:16px 0 0 0;
 +
}
 +
.search {
 +
padding:0;
 +
margin:0;
 +
}
 +
.search span {
 +
width:280px;
 +
display:block;
 +
background:#FFF;
 +
height:29px;
 +
margin:0;
 +
padding:0;
 +
border:1px solid #e1dddd;
 +
}
 +
.search input#s {
 +
float:left;
 +
width:230px;
 +
padding:7px 0 7px 10px;
 +
margin:0;
 +
border:0;
 +
background:none;
 +
color:#afaeae;
 +
font:normal 12px/15px Arial, Helvetica, sans-serif;
 +
}
 +
.search .btn {
 +
float:left;
 +
padding:0;
 +
margin:0;
 +
border:0;
 +
width:auto;
 +
}
 +
.pagenavi {
 +
clear:both;
 +
font:normal 11px Arial, Helvetica, sans-serif;
 +
margin:0 auto;
 +
text-align:right;
 +
padding:20px 0 20px 20px;
 +
}
 +
.pagenavi a, .pagenavi .current {
 +
margin-left:3px;
 +
padding:3px 8px;
 +
text-decoration:none;
 +
color:#939393;
 +
background:#f9fbfc;
 +
border:1px solid #d9e3cb;
 +
}
 +
.pagenavi a:hover, .pagenavi .current {
 +
background:#78bbe6;
 +
color:#FFF;
 +
}
 +
.pagenavi .pages {
 +
float:left;
 +
}
 +
.fl {
 +
float:left;
 +
}
 +
.fr {
 +
float:right;
 +
}
 +
.clr {
 +
clear:both;
 +
padding:0;
 +
margin:0;
 +
width:100%;
 +
font-size:0;
 +
line-height:0;
 +
}
 +
</style>
 +
<br></br><br></br>
                 </div>
                 </div>
         </div>
         </div>
Line 494: Line 895:
" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/e/e8/Pic_3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/2/2a/Pic_4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/1/17/Pic_5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/7/76/Pic_6.jpg" width="58" height="58" alt="" /></a> </div>
" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/e/e8/Pic_3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/2/2a/Pic_4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/1/17/Pic_5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/7/76/Pic_6.jpg" width="58" height="58" alt="" /></a> </div>
     <div class="col c2">
     <div class="col c2">
-
       <h2><span><font size="5" face="verdana">UT Dallas</span></font></h2>
+
       <h2><span><font size="5" face="arial">UT Dallas</span></font></h2>
-
 
+
    <img src="https://static.igem.org/mediawiki/2011/a/ad/Nserl_Pic.png" width="112" height="138" alt="" ALIGN = RIGHT />   
-
      <p>Want to learn more about UTD?<br />
+
<p>
-
      A little portal to learn more about UTD if anyone wants to. Learn more about where we work and some fun facts about UTD. *Add picture of Nserl.</p><p><a href="#"><font size="3" face="verdana">Click here to learn more about UTD</a></font></p>
+
      </font></p><p><a href="https://2011.igem.org/Team:UT_Dallas/UTDallas"><font size="3" face="verdana">Click here to learn more&nbsp; about UTD</a></font></p>
     </div>
     </div>
     <div class="col c3">
     <div class="col c3">
-
       <h2><span><font size="5" face="verdana">Notebook</span></font></h2>
+
       <h2><span><font size="5" face="arial">Notebook</span></font></h2>
-
       <p>This will just give a brief description of what we've been doing and then link to the Notebook page when anyone clicks the "Learn More" link. See what we've been doing over the past few months.
+
       <p><p> <a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Learn more...</a></font></p>
-
</p><p> <a href="#"><font size="3" face="verdana">Learn more...</a></font></p>
+
     </div>
     </div>
Line 509: Line 909:
   <div class="footer">
   <div class="footer">
     <div class="footer_resize">
     <div class="footer_resize">
-
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
+
 
-
       <p class="rf">Layout by Cool <a href="http://www.coolwebtemplates.net/">Website Templates</a></p>
+
    <!-- <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
 +
       <p class="rf">Layout by Cool <a href="http://www.coolwebtemplates.net/">Website Templates</a></p>-->
       <div class="clr"></div>
       <div class="clr"></div>

Latest revision as of 02:11, 3 September 2011

biz solution

Parts



Image Gallery

Notebook

Learn more...