Team:UT Dallas/Modeling

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
-
No Page Text
+
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
 +
<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>
 +
<div class="main">
 +
  <div class="header">
 +
    <div class = "logo">
 +
      <h1><span>UTDallas</span> iGem<small></small></h1>
 +
    </div>
 +
 
 +
    <div class="menu_nav">
 +
 
 +
      <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/Team"><font size="3" face="verdana">Team</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/Parts"><font size="3" face="verdana">Parts</a></font></li>
 +
        <li class = "active"><a href="#"><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/HumanPractices"><font size="3" face="verdana">Human Practices</a></font></li>
 +
        <li><a href="https://2011.igem.org/Team:UT_Dallas/Safety"><font size="3" face="verdana">Safety</a></font></li>
 +
       
 +
      </ul>
 +
      <div class="clr"></div>
 +
    </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="970" height="300" alt="" />
 +
    <!-- <div class="text">
 +
        <h3>Creating Futures</h3>
 +
      </div>-->
 +
 
 +
    </div>
 +
  </div>
 +
  <div class="content">
 +
    <div class="content_bg">
 +
      <div class="mainbar">
 +
        <div class="article">
 +
          <h2><span> Modeling</span></h2>
 +
          <p> <font size="3" face="verdana">to be updated</font></p>
 +
          <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>
 +
        <div class="article">
 +
 
 +
              </div>
 +
 
 +
       
 +
      </div>
 +
      <div class="sidebar">
 +
        <div class="gadget">
 +
          <div class="search">
 +
         
 +
             
 +
 
 +
             
 +
            </form>
 +
   
 +
          </div>
 +
     
 +
        </div>
 +
        <div class="gadget">
 +
 
 +
          <h2><span></span><font size="5" face="Arial">Explore Our Wiki!</font></h2>
 +
          <div class="clr"></div>
 +
          <ul class="sb_menu">
 +
            <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/Team"><font size="3" face="verdana">Team</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/Parts"><font size="3" face="verdana">Parts</a></font></li>
 +
            <li class = "active"><a href="#"><font size="4" 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/HumanPractices"><font size="3" face="verdana">Human Practices</a></font></li>
 +
            <li><a href="https://2011.igem.org/Team:UT_Dallas/Safety"><font size="3" face="verdana">Safety</a></font></li>
 +
          </ul>
 +
        </div>
 +
                      <div class="gadget">
 +
       
 +
          <div class="clr"></div>
 +
          <div class="testi">
 +
           
 +
                </div>
 +
        </div>
 +
      </div>
 +
      <div class="clr"></div>
 +
    </div>
 +
  </div>
 +
  <div class="fbg">
 +
 
 +
    <div class="col c1">
 +
      <h2><span>Image Gallery</span></h2>
 +
      <a href="#"><img src="https://static.igem.org/mediawiki/2011/e/eb/Pic_1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/8/87/Pic_2.jpg
 +
" 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">
 +
      <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>
 +
      </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 class="col c3">
 +
      <h2><span><font size="5" face="arial">Notebook</span></font></h2>
 +
      <p>
 +
</p><p> <a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Learn more...</a></font></p>
 +
 
 +
    </div>
 +
    <div class="clr"></div>
 +
  </div>
 +
<div class="footer">
 +
    <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>-->
 +
 
 +
      <div class="clr"></div>
 +
    </div>
 +
  </div>
 +
</div>
 +
</body>
 +
</html>

Latest revision as of 02:11, 3 September 2011

biz solution